/* mixin ============================================== */
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Bold.woff2") format("woff2"), url("../fonts/Inter-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
/* mixin ============================================== */
:root {
  scroll-behavior: auto;
  --bgColor: #F4F4F6;
  --font: Inter, Arial, sans-serif;
  --ff: Inter, Arial, sans-serif;
  --color: #1D1D21;
  --size: 16px;
  --adp-z-index: 10150 !important;
  --accentColor: #EE7B30;
  --accentColorHover: #D66F2B;
  --accentColorActive: #BE6226;
  --color-gray--40: #1D1D21;
  --color-gray--60: #2D2D31;
  --color-gray--80: #3D3E42;
  --color-gray-5: #F4F4F6;
  --color-gray-10: #E9E9EE;
  --color-gray-20: #D8D8DC;
  --color-gray-40: #B4B5BA;
  --color-gray-60: #919297;
  --color-gray-80: #6F7075;
  --color-gray-100: #4D4E52;
  --color-red-60: #ED7B87;
  --color-red--80: #B31C2B;
  --color-red--90: #CA2031;
  --color-red-100: #E02336;
  --color-green-100: #00BB8D;
  --color-blue-100: #2F42ED;
  --form-height: 48px;
  --form-size: 16px;
  --form-weight: 400;
  --form-color: #1D1D21;
  --form-border: 1px solid #fff;
  --form-bg: #fff;
  --form-radius: 8px;
  --form-placeholder: #919297;
  --form-padding: 16px;
}

/* Normalize =========================================== */
/* NORMALIZE */
/* ================================================ */
html, body, div, span, applet, main, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

article, aside, details, main, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-width: 0px;
  padding: 0px;
  margin: 0px;
}

html {
  height: 100%;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

input, textarea {
  color: #333;
  outline: none;
  -webkit-appearance: none;
}

input[type=button], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  outline: none;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
  -webkit-appearance: none;
  outline: none;
}

td, form {
  margin: 0px;
  padding: 0px;
}

a {
  color: inherit;
  font-family: inherit;
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:focus, *:active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

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

img {
  display: block;
  max-width: 100%;
}

html {
  font-size: 100%;
}

html.lock, html.lock body {
  overflow: hidden;
}
html.navLock, html.navLock body {
  overflow: hidden;
}

body {
  color: var(--color);
  font: 400 var(--size) var(--font);
  line-height: 1.5;
  background: var(--bgColor);
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px;
  padding: 0px;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 359px) {
  body {
    font-size: 14px;
  }
}

.out {
  color: var(--color);
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.nowrap {
  white-space: nowrap;
}

.ttu {
  text-transform: uppercase;
}

.tdu {
  text-decoration: underline;
}

.italic {
  font-style: italic;
}

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.color-accent {
  color: var(--accentColor) !important;
}

.color-gray--60 {
  color: var(--color-gray--60) !important;
}

.color-gray, .color-gray-80 {
  color: var(--color-gray-80) !important;
}

.color-gray-100 {
  color: var(--color-gray-100) !important;
}

.color-gray-60 {
  color: var(--color-gray-60) !important;
}

.color-green-100 {
  color: var(--color-green-100) !important;
}

.color-red-100 {
  color: var(--color-red-100) !important;
}

.color-red--90 {
  color: var(--color-red--90) !important;
}

.color-blue-100 {
  color: var(--color-blue-100) !important;
}

.underline {
  text-decoration: underline;
}

button.underline {
  border: none;
  padding: 0;
  background: none;
}

.size-xs {
  font-size: 12px !important;
  line-height: 1.4;
}

.size-sm {
  font-size: 14px !important;
}

.size-md {
  font-size: 16px !important;
}

.size-lg {
  font-size: 20px !important;
}

.font-900 {
  font-weight: 900 !important;
}

.font-700 {
  font-weight: 700 !important;
}

.font-600 {
  font-weight: 600 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-300 {
  font-weight: 300 !important;
}

.margin > *:last-child {
  margin-bottom: 0;
}
.margin > *:first-child {
  margin-top: 0;
}

a {
  color: var(--accentColor);
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: var(--accentColorHover);
}
a.link {
  color: var(--color);
}
a.link:hover {
  color: #4D4E52;
}

.title-h2, .title-h3, .title-h4, .title-h5, .title-h6 {
  font-weight: 700;
  line-height: 1.2;
  color: var(--color);
}

.title-h2 {
  font-size: 40px;
}
@media screen and (max-width: 992px) {
  .title-h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .title-h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 359px) {
  .title-h2 {
    font-size: 26px;
  }
}

.title-h3 {
  font-size: 30px;
}
@media screen and (max-width: 992px) {
  .title-h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 767px) {
  .title-h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 359px) {
  .title-h3 {
    font-size: 22px;
  }
}

.title-h4 {
  font-size: 24px;
}
@media screen and (max-width: 992px) {
  .title-h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .title-h4 {
    font-size: 18px;
  }
}

.title-h5 {
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 992px) {
  .title-h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .title-h5 {
    font-size: 16px;
  }
}

.title-h6 {
  font-size: 16px;
  ont-weight: 600;
}

.collapsed-txt-prev {
  display: none;
}

.collapsed .collapsed-txt-second {
  display: none;
}
.collapsed .collapsed-txt-prev {
  display: block;
}

.figures {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.figures > img {
  width: 100%;
  display: block;
}

.video-block {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 0;
  padding-bottom: 56.25%;
}
.video-block video, .video-block iframe, .video-block object, .video-block embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1;
}
.video-block:before {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.video-block.is-active::before {
  display: none;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  border: none;
  background: none;
  padding: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  width: 64px;
}
@media screen and (max-width: 767px) {
  .play-button {
    width: 32px;
  }
}
.play-button img {
  width: 100%;
}

.devider {
  border-top: 1px solid var(--color-gray-20);
}

.is-show {
  display: block !important;
}

[data-toggle-hide-btn].is-active {
  display: none !important;
}

.js-favorite .icon-heart-alt {
  display: none;
}
.js-favorite.is-active .icon-heart {
  display: none;
}
.js-favorite.is-active .icon-heart-alt {
  display: block;
}

.js-favorite-order .icon-heart-alt {
  display: none;
}
.js-favorite-order.is-active .icon-heart {
  display: none;
}
.js-favorite-order.is-active .icon-heart-alt {
  display: block;
}

/* Elements ============ */
.dropdown-menu {
  border-radius: 8px;
  border: 1px solid #D8D8DC;
  background: #FFF;
  padding: 8px;
}
.dropdown-menu li.selected .dropdown-item:after {
  content: url(../img/check.svg);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
}

.dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
}
.dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
  background: #F4F4F6;
  color: var(--color);
}

.progressbar {
  position: relative;
  background: var(--color-gray-20);
  border-radius: 16px;
  height: 4px;
  overflow: hidden;
}
.progressbar > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.progressbar > div[style*="25%"] {
  background: #E02336;
}
.progressbar > div[style*="55%"] {
  background: #EE7B30;
}
.progressbar > div[style*="75%"] {
  background: #2F42ED;
}
.progressbar > div[style*="100%"] {
  background: #00BB8D;
}

/* Tabs */
/* --------------------------------------------------------------- */
.tabs-responsive {
  overflow: hidden;
  overflow-x: auto;
  padding-bottom: 1px;
}
@media screen and (max-width: 992px) {
  .tabs-responsive {
    margin-right: calc(var(--bs-gutter-x) * -1);
    margin-left: calc(var(--bs-gutter-x) * -1);
    padding-right: var(--bs-gutter-x);
    padding-left: var(--bs-gutter-x);
    border-bottom: 1px solid var(--color-gray-20);
  }
}
@media screen and (max-width: 992px) {
  .tabs-responsive .tabs {
    border: none;
  }
}

.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  list-style-type: none;
  border-bottom: 1px solid var(--color-gray-20);
}
@media screen and (max-width: 767px) {
  .tabs {
    gap: 16px;
  }
}
.tabs__link {
  color: var(--color-gray-80);
  font-size: 16px;
  font-family: var(--ff);
  padding: 0 16px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  white-space: nowrap;
  font-weight: 500;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  border-bottom: 2px solid transparent;
  background: none;
  margin-bottom: -1px;
}
@media screen and (max-width: 767px) {
  .tabs__link {
    height: 37px;
    font-size: 14px;
    padding: 0 8px;
  }
}
.tabs__link.active {
  border-bottom: 2px solid var(--accentColor);
  color: var(--color-gray--40);
}
.tabs__link:hover {
  color: var(--color-gray--40);
}

.l-alert {
  padding: 12px 8px;
  font-size: 14px;
  color: var(--color-gray-100);
  line-height: 1.4;
  border-radius: 8px;
}
.l-alert a {
  color: inherit;
  text-decoration: underline;
}
.l-alert a:hover {
  text-decoration: none;
}
.l-alert--info {
  background: #EAECFD;
}
.l-alert--success {
  background: #E5F8F4;
}
.l-alert--danger {
  background: #FCE9EB;
}

/* Datepicker */
/* --------------------------------------------------------------- */
.ui-datepicker {
  background: #fff !important;
  border-radius: 8px !important;
  border: 1px solid var(--color-gray-10) !important;
  padding: 16px;
  width: 330px;
  font-family: var(--ff) !important;
  color: var(--color-gray-100) !important;
}
@media screen and (max-width: 767px) {
  .ui-datepicker {
    width: 290px;
  }
}
.ui-datepicker-header {
  background: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-gray-100);
  padding: 0 0 10px 0 !important;
  margin-bottom: 5px;
  border-bottom: 1px solid var(--color-gray-20);
}
.ui-datepicker-header::before {
  display: none;
}
.ui-datepicker-header .ui-datepicker-next {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.ui-datepicker-header .ui-icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1911 20L0 10L10.1911 0L12 1.775L3.61783 10L12 18.225L10.1911 20Z" fill="%236F7075"/></svg>');
  background-position: 0 0 !important;
  background-size: 12px 20px !important;
  width: 12px;
  height: 20px;
  position: static !important;
  margin: 0 !important;
}
.ui-datepicker .ui-state-default {
  text-align: center !important;
  font-size: 16px;
  color: var(--color-gray-100) !important;
  background: none !important;
  border: 1px solid #fff !important;
  padding: 8px 3px !important;
  height: 40px;
  border-radius: 10px;
}
.ui-datepicker .ui-state-default.ui-state-hover {
  border-color: var(--color-gray-20) !important;
}
.ui-datepicker .ui-priority-secondary {
  color: var(--color-gray-60) !important;
}
.ui-datepicker .ui-datepicker-today .ui-state-default {
  border-color: var(--color-gray-20) !important;
}
.ui-datepicker .ui-datepicker-current-day .ui-state-default {
  border-color: var(--accentColor) !important;
  background: var(--accentColor) !important;
  color: #fff !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: static !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-next .ui-icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.80892 20L0 18.225L8.38217 10L0 1.775L1.80892 0L12 10L1.80892 20Z" fill="%236F7075"/></svg>');
}

.ui-datepicker-calendar {
  margin-bottom: 0 !important;
}

/* Social */
/* --------------------------------------------------------------- */
.socials-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.socials-btn__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 8px;
  background: #D8D8DC;
  -webkit-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.socials-btn__item .icon {
  color: #2D2D31;
  font-size: 20px;
}
.socials-btn__item:hover, .socials-btn__item:focus-visible {
  background: #E9E9EE;
}

/* Crumbs */
/* --------------------------------------------------------------- */
.breadcrumbs {
  list-style-type: none;
  margin: 16px 0;
  padding: 0;
  gap: 10px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.breadcrumbs__item span {
  font-size: 12px;
  color: #919297;
  display: block;
}
.breadcrumbs__icon {
  width: 24px;
  height: 24px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.breadcrumbs__icon .icon {
  font-size: 12px;
  color: #919297;
}
.breadcrumbs__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #919297;
  text-decoration: none;
}
.breadcrumbs__link:hover {
  text-decoration: underline;
}

.back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #919297;
  text-decoration: none;
}
.back:hover {
  text-decoration: underline;
}
.back__icon {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.back__icon .icon {
  font-size: 12px;
  color: #919297;
}

.main--wfooter .sdw {
  margin-top: 0px;
}
@media screen and (max-width: 992px) {
  .main--wfooter .sdw {
    margin-top: -8px;
  }
}
@media screen and (max-width: 767px) {
  .main--wfooter .sdw {
    margin-top: -3px;
  }
}
.main--wfooter .container > .breadcrumbs {
  margin-top: -40px;
}
@media screen and (max-width: 767px) {
  .main--wfooter .container > .breadcrumbs {
    margin-top: -20px;
  }
}

.sdw .breadcrumbs {
  margin-top: 0;
}

.box-paging {
  margin-top: 50px;
}

.paging-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  list-style-type: none;
}
.paging-list__ellipsis {
  min-width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-weight: 500;
  padding: 0 3px;
}
.paging-list__link {
  min-width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #4D4E52;
  border-radius: 8px;
  color: #2D2D31;
  font-size: 16px;
  font-weight: 500;
  padding: 0 3px;
  background: #F4F4F6;
  -webkit-transition: background 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  -o-transition: background 0.2s linear, color 0.2s linear, border-color 0.2s linear;
  transition: background 0.2s linear, color 0.2s linear, border-color 0.2s linear;
}
.paging-list__link:hover, .paging-list__link:focus-visible {
  background: #E9E9EE;
}
.paging-list__link:focus, .paging-list__link:active {
  background: #D8D8DC;
}
.paging-list__link--active {
  background: var(--accentColor);
  border: none;
  color: #fff;
}
.paging-list__link--active:hover, .paging-list__link--active:focus-visible {
  background: #D66F2B;
}
.paging-list__link--active:focus, .paging-list__link--active:active {
  background: #BE6226;
}
.paging-list__link--disabled {
  color: #919297;
}
.paging-list__link--disabled .icon {
  color: #919297;
}
.paging-list__link--arrow {
  border: none;
  background: none;
}
.paging-list__link--arrow .icon {
  font-size: 14px;
}

.devider {
  background: #D8D8DC;
  height: 1px;
  width: 100%;
}

/* Text Collapse */
/* --------------------------------------------------------------- */
._text-collapse .more-wrap {
  display: none;
}
._text-collapse._full .more-wrap {
  display: block;
}

._text-collapse-block {
  overflow: hidden;
  position: relative;
}
._text-collapse-block._short:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1.25rem;
  width: 100%;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0)), to(#fbfbfb));
  background: -o-linear-gradient(top, rgba(251, 251, 251, 0), #fbfbfb);
  background: linear-gradient(to bottom, rgba(251, 251, 251, 0), #fbfbfb);
}
._text-collapse-block._full {
  max-height: none;
}
._text-collapse-block._full:after {
  display: none;
}

/* Counter */
/* --------------------------------------------------------------- */
.popover {
  border-radius: 4px;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(8, 9, 45, 0.15);
          box-shadow: 0px 0px 20px 0px rgba(8, 9, 45, 0.15);
  border: none;
  color: var(--color-gray--60);
  font-size: 12px;
}
.popover-body {
  padding: 8px;
}
.popover-arrow {
  display: none !important;
}

.l-popover {
  display: inline-block;
  vertical-align: middle;
  border: none;
  padding: 0 2px;
  background: none;
}
.l-popover .icon {
  font-size: 18px;
  color: var(--color-gray-60);
  display: block;
}

.custom-tooltip {
  --bs-tooltip-bg: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(8, 9, 45, 0.15);
          box-shadow: 0px 0px 20px 0px rgba(8, 9, 45, 0.15);
  --bs-tooltip-color: var(--color-gray--60);
}

.counter {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.counter__val {
  width: 1.875rem;
  text-align: center;
  line-height: 1.5625rem;
}
.counter__btn {
  height: 1.5625rem;
  width: 1.5625rem;
  border: none;
  padding: 0;
  text-align: center;
}
.counter--block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.badge {
  background: var(--accentColor);
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  border-radius: 20px;
  padding: 0 4px;
  min-width: 22px;
  white-space: nowrap;
}

.mixin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.mixin__item {
  color: var(--color-gray-60);
  font-size: 12px;
  gap: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 8px;
  white-space: nowrap;
  height: 25px;
  border-radius: 100px;
}
.mixin__item.is-active {
  background: var(--accentColor);
  color: #fff;
}
.mixin__item.is-active .badge {
  background: #fff;
  color: var(--accentColor);
}
.mixin__item:not(.is-active):hover, .mixin__item:not(.is-active):focus-visible {
  background: var(--color-gray-20);
  color: var(--color-gray-100);
}

/* Video */
/* Swiper */
/* --------------------------------------------------------------- */
.swiper-scroll {
  height: 100%;
  width: 100%;
}
.swiper-scroll .swiper-slide {
  height: auto;
}
.swiper-scroll .swiper-scrollbar {
  right: 2px;
}

.swiper-scrollbar {
  background: none;
}

.swiper-scrollbar-drag {
  background: var(--color-gray-20);
}

.swiper-button-prev,
.swiper-button-next {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  border-radius: 8px;
  border: none;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .swiper-button-prev,
.swiper-button-next {
    width: 40px;
    height: 40px;
  }
}
.swiper-button-prev:after,
.swiper-button-next:after {
  background-position: center;
  background-size: 12px 20px;
  background-repeat: no-repeat;
  content: "";
  width: 100%;
  height: 100%;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.swiper-button-prev.swiper-button-disabled:after,
.swiper-button-next.swiper-button-disabled:after {
  opacity: 0.6;
}

.swiper-button-prev:after {
  background-image: url('data:image/svg+xml;utf8,<svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1911 20L0 10L10.1911 0L12 1.775L3.61783 10L12 18.225L10.1911 20Z" fill="%236F7075"/></svg>');
}

.swiper-button-next:after {
  background-image: url('data:image/svg+xml;utf8,<svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.80892 20L0 18.225L8.38217 10L0 1.775L1.80892 0L12 10L1.80892 20Z" fill="%236F7075"/></svg>');
}

/* Range */
.range__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.range__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.range__item:nth-child(2):before {
  content: "";
  width: 8px;
  height: 1px;
  background: var(--color-gray-60);
  position: absolute;
  left: -12px;
  top: 50%;
}

.range-scroll {
  margin-left: 11px;
  margin-right: 11px;
  background-color: var(--color-gray-40);
  height: 2px;
  border-radius: 4px;
  position: relative;
}
.range-scroll .ui-slider-range {
  background-color: var(--accentColor);
  height: 2px;
  position: relative;
}
.range-scroll .ui-slider-handle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--accentColor);
  background-color: var(--color-gray-10);
  display: block;
  position: absolute;
  top: -12px;
  margin-left: -0.7em;
  cursor: pointer;
}
.range-scroll .ui-slider-handle span {
  position: absolute;
  bottom: -18px;
  left: 50%;
  width: 50px;
  text-align: center;
  font-size: 10px;
  margin-left: -25px;
  font-weight: 500;
  color: #94a6aa;
}

.gallery {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(15, 15, 16, 0.05);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  top: 0;
  left: 0;
  z-index: 1070;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 48px 90px;
}
@media screen and (max-width: 767px) {
  .gallery {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.gallery__close {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 20;
  cursor: pointer;
  background: rgba(15, 15, 16, 0.3) !important;
}
.gallery__close .icon {
  color: #fff;
  font-size: 16px !important;
}
.gallery__wrap {
  max-width: 1008px;
  max-height: 624px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 1px;
  height: 100%;
  padding: 16px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 64px 0px rgba(8, 9, 45, 0.15);
          box-shadow: 0px 0px 64px 0px rgba(8, 9, 45, 0.15);
  border-radius: 8px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.gallery__img {
  width: 100%;
  position: relative;
  min-height: 1px;
  margin-top: auto;
  margin-bottom: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.gallery__img img {
  max-height: 100%;
  max-width: 100%;
}
.gallery__swiper-wrap {
  width: 100%;
  position: relative;
  min-height: 1px;
  margin-top: auto;
  margin-bottom: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .gallery__swiper-wrap {
    padding-bottom: 56px;
    position: static;
  }
}
.gallery__swiper-wrap .swiper-button-prev {
  left: -90px;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .gallery__swiper-wrap .swiper-button-prev {
    left: 50%;
    margin-left: -70px;
    top: auto;
    bottom: 16px;
  }
}
.gallery__swiper-wrap .swiper-button-prev .icon {
  color: rgba(255, 255, 255, 0.5);
}
.gallery__swiper-wrap .swiper-button-next {
  right: -90px;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .gallery__swiper-wrap .swiper-button-next {
    right: 50%;
    margin-right: -70px;
    top: auto;
    bottom: 16px;
  }
}
.gallery__swiper-wrap .swiper-button-next .icon {
  color: rgba(255, 255, 255, 0.5);
}
.gallery__swiper {
  width: 100%;
  height: 100%;
}
.gallery__swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.gallery__swiper .swiper-slide img {
  width: auto;
  max-height: 100%;
}
.gallery__swiper .swiper-slide > * {
  width: auto;
  max-height: 100%;
}
@media screen and (min-width: 768px) {
  .gallery__swiper .swiper-slide .arhive-item__wrap {
    padding-left: 8rem;
    padding-right: 8rem;
    padding-bottom: 5rem;
  }
}

.button, a.button {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  gap: 12px;
  height: 48px;
  padding: 0 24px;
  color: #fff;
  font: 600 16px/16px var(--font);
  text-align: center;
  text-decoration: none;
  background: #EE7B30;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  overflow: hidden;
}
@media screen and (max-width: 359px) {
  .button, a.button {
    font-size: 14px;
    line-height: 14px;
    padding: 0 20px;
  }
}
.button .icon, a.button .icon {
  font-size: 18px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.button .icon-heart, .button .icon-heart-alt, a.button .icon-heart, a.button .icon-heart-alt {
  font-size: 20px;
}
.button .icon-plus, a.button .icon-plus {
  font-size: 14px;
  margin-left: -3px;
  margin-right: -3px;
}
.button:hover, a.button:hover {
  background: #D66F2B;
  color: #fff;
}
.button:focus, .button:active, a.button:focus, a.button:active {
  background: #BE6226;
  color: #fff;
}
.button:disabled, a.button:disabled {
  background: #F5B083;
  color: #fff;
}
.button--success, a.button--success {
  background: #00BB8D;
}
.button--success:hover, a.button--success:hover {
  background: #00A87F;
}
.button--success:focus, .button--success:active, a.button--success:focus, a.button--success:active {
  background: #009671;
}
.button--success:disabled, a.button--success:disabled {
  background: #66D6BB;
}
.button--danger, a.button--danger {
  background: var(--color-red-100);
}
.button--danger:hover, a.button--danger:hover {
  background: var(--color-red--90);
}
.button--danger:focus, .button--danger:active, a.button--danger:focus, a.button--danger:active {
  background: var(--color-red--80);
}
.button--danger:disabled, a.button--danger:disabled {
  background: var(--color-red-60);
}
.button--primary, a.button--primary {
  color: var(--color-gray--60);
  border-color: transparent;
  background: transparent;
}
.button--primary:hover, a.button--primary:hover {
  background: var(--color-gray-10);
  border-color: var(--color-gray-10);
  color: var(--color-gray--60);
}
.button--primary:focus, .button--primary:active, a.button--primary:focus, a.button--primary:active {
  background: var(--color-gray-20);
  border-color: var(--color-gray-20);
  color: var(--color-gray--60);
}
.button--primary:disabled, a.button--primary:disabled {
  background: transparent;
  border-color: transparent;
  color: var(--color-gray-60);
}
.button--outline, a.button--outline {
  border: 1px solid var(--color-gray-100);
  color: var(--color-gray--60);
  background: transparent;
}
.button--outline:hover, .button--outline:focus-visible, a.button--outline:hover, a.button--outline:focus-visible {
  border-color: var(--color-gray-100);
  color: var(--color-gray--60);
  background: #E9E9EE;
}
.button--outline:active, .button--outline:focus, a.button--outline:active, a.button--outline:focus {
  background: #D8D8DC;
  color: var(--color-gray--60);
}
.button--outline:disabled, a.button--outline:disabled {
  border-color: #B4B5BA;
  color: #919297;
  background: transarent;
}
.button--icon, a.button--icon {
  width: 48px;
  padding-left: 5px;
  padding-right: 5px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.button--block, a.button--block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: none;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media screen and (max-width: 767px) {
  .button--sm-block, a.button--sm-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: none;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
@media screen and (max-width: 992px) {
  .button--ipad-accent, a.button--ipad-accent {
    background: #EE7B30;
    color: #fff;
    border: none;
  }
  .button--ipad-accent:hover, a.button--ipad-accent:hover {
    background: #D66F2B;
    color: #fff;
  }
  .button--ipad-accent:focus, .button--ipad-accent:active, a.button--ipad-accent:focus, a.button--ipad-accent:active {
    background: #BE6226;
    color: #fff;
  }
  .button--ipad-accent:disabled, a.button--ipad-accent:disabled {
    background: #F5B083;
    color: #fff;
  }
}

.btn-icon {
  height: 40px;
  width: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  border: none;
  background: none;
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  color: var(--color-gray-100);
}
.btn-icon .icon {
  font-size: 16px;
}
.btn-icon .icon-zoom {
  font-size: 18px;
}
.btn-icon .icon-heart, .btn-icon .icon-heart-alt, .btn-icon .icon-back, .btn-icon .icon-warning {
  font-size: 20px;
}
.btn-icon--sm {
  width: 24px;
  height: 24px;
}
.btn-icon--sm .icon {
  font-size: 14px;
}
.btn-icon--sm .icon-heart, .btn-icon--sm .icon-heart-alt, .btn-icon--sm .icon-back, .btn-icon--sm .icon-warning, .btn-icon--sm .icon-zoom, .btn-icon--sm .icon-admin, .btn-icon--sm .icon-info-circle {
  font-size: 16px;
}
.btn-icon--xs {
  width: 16px;
  height: 16px;
}
.btn-icon--xs .icon {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .btn-icon--mobile-sm {
    width: 24px;
    height: 24px;
  }
  .btn-icon--mobile-sm .icon {
    font-size: 14px;
  }
}
.btn-icon--primary {
  background: #fff;
}

.buttons-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media screen and (max-width: 575px) {
  .buttons-group .button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.all-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  gap: 10px;
  border: none;
  height: 22px;
  padding: 0;
  background: none;
  font-family: var(--ff);
  font-size: 12px;
  font-weight: 400;
  color: var(--color-gray-100);
}
.all-btn:after {
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: var(--color-gray-60) transparent transparent transparent;
}

.btn-clean {
  height: 22px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  padding: 0 8px;
  color: var(--color-gray-100);
  font-size: 12px;
  font-family: var(--ff);
  background: #fff;
  border: 1px solid #E02336;
  border-radius: 100px;
}
.btn-clean:hover {
  background: #E02336;
  color: #fff;
}

.btn-settings {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  vertical-align: middle;
  border: none;
  background: none;
  padding: 0 4px;
  height: 24px;
  font-family: var(--ff);
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  color: var(--color-gray-100);
}
@media screen and (max-width: 767px) {
  .btn-settings {
    min-width: 24px;
  }
  .btn-settings span {
    display: none;
  }
}
.btn-settings .icon {
  font-size: 18px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: var(--color-gray-60);
}
.btn-settings .icon-oye {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.btn-settings .icon-star-outline {
  top: -1px;
}
.btn-settings:hover {
  color: var(--color);
}
.btn-settings:hover .icon {
  color: var(--color-gray-80);
}
.btn-settings--success {
  color: var(--color-green-100);
}
.btn-settings--success .icon {
  color: var(--color-green-100);
}
.btn-settings--success:hover {
  color: var(--color-green-100);
}
.btn-settings--success:hover .icon {
  color: var(--color-green-100);
}
.btn-settings--warning {
  color: var(--accentColor);
}
.btn-settings--warning .icon {
  color: var(--accentColor);
}
.btn-settings--warning:hover {
  color: var(--accentColor);
}
.btn-settings--warning:hover .icon {
  color: var(--accentColor);
}

/* Form =========================================== */
.form-field {
  position: relative;
  margin-bottom: 30px;
}
.form-input {
  display: block;
  width: 100%;
  height: var(--form-height);
  padding: 0 var(--form-padding);
  color: var(--form-color);
  font: var(--form-weight) var(--form-size) var(--font);
  line-height: normal;
  border: var(--form-border);
  background: var(--form-bg);
  border-radius: var(--form-radius);
  -webkit-transition: border-color 0.2s linear, color 0.2s linear;
  -o-transition: border-color 0.2s linear, color 0.2s linear;
  transition: border-color 0.2s linear, color 0.2s linear;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
}
.form-input:hover, .form-input:focus-visible {
  border-color: #D8D8DC;
}
.form-input:focus {
  border-color: #00BB8D;
  background: var(--form-bg);
}
.form-input:disabled {
  background: #F4F4F6;
  border-color: #F4F4F6;
}
.form-input:disabled::-webkit-input-placeholder {
  color: #B4B5BA;
}
.form-input:disabled::-moz-placeholder {
  color: #B4B5BA;
}
.form-input:disabled:-ms-input-placeholder {
  color: #B4B5BA;
}
.form-input:disabled::-ms-input-placeholder {
  color: #B4B5BA;
}
.form-input:disabled::placeholder {
  color: #B4B5BA;
}
.form-input::-webkit-input-placeholder {
  color: var(--form-placeholder);
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.form-input::-moz-placeholder {
  color: var(--form-placeholder);
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.form-input:-ms-input-placeholder {
  color: var(--form-placeholder);
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.form-input::-ms-input-placeholder {
  color: var(--form-placeholder);
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.form-input::placeholder {
  color: var(--form-placeholder);
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.form-input--secondary {
  background: var(--color-gray-5);
}
.form-input--secondary:focus {
  background: var(--color-gray-5);
}
.form-input._error {
  border-color: #E02336;
}
.form-input._error:focus {
  border-color: #B31C2B;
}
.form-input._valid {
  border-color: green;
}
.form-group {
  position: relative;
}
.form-group .form-input {
  padding-right: 56px;
}
.form-group__el {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
}
.form-group__el:has(button) {
  pointer-events: auto;
}
.form-group__btn {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  padding: 0;
  background: transparent;
}
.form-group__btn .icon {
  font-size: 18px;
  color: var(--color-gray-60);
}
.form-group__btn .icon-visibility-on {
  display: none;
}
.form-group__btn .icon-visibility-off, .form-group__btn .icon-visibility-on {
  font-size: 20px;
}
.form-group__btn .icon-close {
  font-size: 14px;
}
.form-group__btn[type]:hover .icon {
  color: var(--color);
}
.form-group__btn[type].is-active .icon-visibility-on {
  display: block;
}
.form-group__btn[type].is-active .icon-visibility-off {
  display: none;
}
.form-group--start .form-input {
  padding-right: var(--form-padding);
  padding-left: 56px;
}
.form-group--start .form-group__el {
  right: auto;
  left: 16px;
}
.form-group--between .form-input {
  padding-left: 56px;
}
.form-group--between .form-group__el:first-child {
  right: auto;
  left: 16px;
}
.form-links a {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.05em;
  border-bottom: 1px dashed #A5A5A5;
  text-decoration: none;
}
.form-links a:hover {
  border-color: transparent;
}

textarea.form-input {
  height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 1.4;
  resize: none;
  overflow: auto;
}

.air-datepicker {
  z-index: 1052 !important;
}

.form-label {
  display: block;
  font-weight: 600;
  margin-bottom: 12px;
  line-height: 1.25;
  font-size: 16px;
}

.fieldset-label {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto 1fr;
  grid-template-columns: 1fr auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  margin-bottom: 15px;
  gap: 8px;
  color: #4D4E52;
}
.fieldset-label span {
  min-width: 0;
}
.fieldset-label:before, .fieldset-label:after {
  content: "";
  height: 1px;
  background: #D8D8DC;
}

.flag {
  width: 24px;
  height: 16px;
}
.flag img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.form-list {
  background: var(--form-bg);
  border: var(--form-border);
  min-height: var(--form-height);
  border-radius: var(--form-radius);
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.form-list__title {
  font-size: 12px;
  color: var(--color-gray-100);
}
.form-list__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.form-list__item {
  cursor: pointer;
  background: var(--color-gray-60);
  line-height: 14px;
  color: #fff;
  border-radius: 12px;
  padding: 4px 8px;
  font-size: 12px;
  padding-right: 30px;
  position: relative;
}
.form-list--secondary {
  background: var(--color-gray-5);
}

.cat {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid var(--color-gray-60);
  background: #fff;
  height: 22px;
  color: var(--color-gray-100);
  border-radius: 12px;
  padding: 0 8px;
  font-size: 12px;
  position: relative;
}
.cat:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6px;
  width: 18px;
  display: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px;
}
.cat.is-active {
  padding-right: 30px;
  background: var(--color-gray-60);
  color: #fff;
}
.cat.is-active:after {
  display: block;
}
.cat:hover, .cat:focus-visible {
  background: var(--color-gray-60);
  color: #fff;
}

.form-tel .iti {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: var(--form-bg);
  border: var(--form-border);
  height: var(--form-height);
  border-radius: var(--form-radius);
  -webkit-transition: border-color 0.2s linear, color 0.2s linear;
  -o-transition: border-color 0.2s linear, color 0.2s linear;
  transition: border-color 0.2s linear, color 0.2s linear;
}
.form-tel .iti:hover {
  border-color: #D8D8DC;
}
.form-tel .iti:has(input:focus), .form-tel .iti:has(.input-group-text.show) {
  border-color: #00BB8D;
}
.form-tel .iti:has(input:disabled) {
  background: #F4F4F6;
  border-color: #F4F4F6;
}
.form-tel .iti:has(input._error) {
  border-color: #E02336;
}
.form-tel .iti:has(input._error:focus) {
  border-color: #B31C2B;
}
.form-tel .iti .input-group-text {
  padding: 0 16px;
  font-family: var(--ff);
  line-height: normal;
  font-size: var(--form-size);
  font-weight: var(--form-weight);
  background: transparent;
  border: none;
  color: #919297;
}
.form-tel .iti .input-group-text .icon-caret {
  font-size: 10px;
  color: #6F7075;
}
.form-tel .iti .input-group-text.show {
  background: #F4F4F6;
}
.form-tel .iti .form-input {
  border: none;
  height: auto;
  background: transparent;
  border-radius: var(--form-radius) !important;
}
.form-tel .iti .form-input::-webkit-input-placeholder {
  opacity: 0;
  white-space: nowrap;
}
.form-tel .iti .form-input::-moz-placeholder {
  opacity: 0;
  white-space: nowrap;
}
.form-tel .iti .form-input:-ms-input-placeholder {
  opacity: 0;
  white-space: nowrap;
}
.form-tel .iti .form-input::-ms-input-placeholder {
  opacity: 0;
  white-space: nowrap;
}
.form-tel .iti .form-input::placeholder {
  opacity: 0;
  white-space: nowrap;
}
.form-tel .iti__country-container {
  padding: 0;
  top: -1px;
  left: -1px !important;
  bottom: -1px;
}
.form-tel .iti__selected-country {
  border-radius: 8px 0 0 8px;
  overflow: hidden;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: 100%;
  background: none;
}
.form-tel .iti__selected-country-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 0 4px 0 16px;
}
.form-tel .iti__selected-dial-code {
  color: var(--color-gray-60);
  margin: 0;
}
.form-tel .iti__dropdown-content {
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #D8D8DC;
  background: #FFF;
}
.form-tel .iti__dropdown-content ul {
  list-style-type: none;
  max-height: 176px;
  overflow-y: auto;
  padding-right: 4px;
}
.form-tel .iti__dropdown-content ul li {
  border-radius: 8px;
  padding: 8px;
  font-size: 16px;
}
.form-tel .iti__dropdown-content ul li.iti__highlight {
  background: #F4F4F6;
}
.form-tel--secondary .iti {
  background: var(--color-gray-5);
}

.message-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: var(--form-bg);
  border: 1px solid var(--color-gray-20);
  border-radius: var(--form-radius);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 1px;
}
.message-group__content {
  width: 100%;
  margin: 12px 16px 0;
  min-width: 1px;
}
.message-group__input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  padding: 12px 0;
}
.message-group__actions {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding: 12px 16px;
}
@media screen and (max-width: 767px) {
  .message-group__actions {
    gap: 8px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
.message-group__actions .btn-icon {
  color: var(--color-gray-80);
}
.message-group__actions .btn-icon .icon {
  font-size: 20px;
}
.message-group textarea {
  padding: 0 16px;
  height: 24px;
  min-height: 24px;
  max-height: 72px;
  overflow-x: hidden !important;
  font-family: var(--ff);
  line-height: 1.5;
  font-size: var(--form-size);
  font-weight: var(--form-weight);
  background: transparent;
  border: none;
  color: var(--color-gray-100);
  resize: none;
  display: block;
  width: 100%;
}
.message-group textarea::-webkit-input-placeholder {
  color: var(--color-gray-60);
  white-space: nowrap;
}
.message-group textarea::-moz-placeholder {
  color: var(--color-gray-60);
  white-space: nowrap;
}
.message-group textarea:-ms-input-placeholder {
  color: var(--color-gray-60);
  white-space: nowrap;
}
.message-group textarea::-ms-input-placeholder {
  color: var(--color-gray-60);
  white-space: nowrap;
}
.message-group textarea::placeholder {
  color: var(--color-gray-60);
  white-space: nowrap;
}
.message-group textarea .icon-caret {
  font-size: 10px;
  color: #6F7075;
}
.message-group textarea.show {
  background: #F4F4F6;
}
.message-group .form-input {
  border: none;
  padding-left: 4px;
  height: auto;
  border-radius: var(--form-radius) !important;
}

.form-performer {
  border-radius: 8px;
  background: #fff;
  padding: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  gap: 8px;
  max-width: 400px;
}
@media screen and (max-width: 767px) {
  .form-performer {
    width: 100%;
    max-width: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.form-performer[href]:hover .form-performer__name {
  color: var(--accentColor);
}
.form-performer__img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  overflow: hidden;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
.form-performer__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.form-performer__name {
  color: var(--color-gray--40);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  min-width: 1px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* Checkbox	======================================= */
.l-check {
  color: #4D4E52;
  cursor: pointer;
  margin: 0;
}
.l-check .form-check-input {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
  border: 1px solid #919297;
  background-color: transparent;
}
.l-check .form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6' %3e%3ccircle r='2' fill='%232D2D31'/%3e%3c/svg%3e");
  background-color: transparent;
  border-color: #2D2D31;
}
.l-check .form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3e%3cpath d='M1 3.33333L4.84211 7L11 1' stroke='white' stroke-width='1.5'/%3e%3c/svg%3e");
  background-size: 12px 8px;
  background-color: #2D2D31;
  border-color: #2D2D31;
}
.l-check .form-check-label {
  cursor: pointer;
  display: block;
}
.l-check:has(.size-xs) {
  min-height: 12px;
}
.l-check:has(.size-xs) .form-check-input {
  margin-top: 0;
}
.l-check--accent .form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6' %3e%3ccircle r='2' fill='%23EE7B30'/%3e%3c/svg%3e");
  border-color: #EE7B30;
}
.l-check--accent .form-check-input:checked[type=checkbox] {
  background-color: #EE7B30;
  border-color: #EE7B30;
}

.checkbox-block {
  padding: 8px;
  border-radius: 8px;
  border: 2px solid var(--color-gray-20);
  aspect-ratio: 1/0.77143;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 575px) {
  .checkbox-block {
    aspect-ratio: 1/1;
  }
}
.checkbox-block:has(input:checked) {
  border-color: var(--accentColor);
}
.checkbox-block__img {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.checkbox-block__img img {
  height: 100%;
  min-height: 1px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.checkbox-block .l-check {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
}
.checkbox-block .l-check .form-check-input {
  background-color: #fff;
  margin: 0;
  display: block;
}

.range-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -4px;
  margin-right: -4px;
}
.range-stars__item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 0 4px;
  cursor: pointer;
}
.range-stars__item .icon {
  font-size: 20px;
  color: #F8CAAC;
}
.range-stars__labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.range-stars input {
  display: none;
}
.range-stars input:nth-child(5):checked ~ .range-stars__labels .range-stars__item .icon, .range-stars input:nth-child(5):hover ~ .range-stars__labels .range-stars__item .icon {
  color: var(--accentColor);
}
.range-stars input:nth-child(4):checked ~ .range-stars__labels .range-stars__item:nth-child(2) .icon, .range-stars input:nth-child(4):checked ~ .range-stars__labels .range-stars__item:nth-child(3) .icon, .range-stars input:nth-child(4):checked ~ .range-stars__labels .range-stars__item:nth-child(4) .icon, .range-stars input:nth-child(4):checked ~ .range-stars__labels .range-stars__item:nth-child(5) .icon, .range-stars input:nth-child(4):hover ~ .range-stars__labels .range-stars__item:nth-child(2) .icon, .range-stars input:nth-child(4):hover ~ .range-stars__labels .range-stars__item:nth-child(3) .icon, .range-stars input:nth-child(4):hover ~ .range-stars__labels .range-stars__item:nth-child(4) .icon, .range-stars input:nth-child(4):hover ~ .range-stars__labels .range-stars__item:nth-child(5) .icon {
  color: var(--accentColor);
}
.range-stars input:nth-child(3):checked ~ .range-stars__labels .range-stars__item:nth-child(3) .icon, .range-stars input:nth-child(3):checked ~ .range-stars__labels .range-stars__item:nth-child(4) .icon, .range-stars input:nth-child(3):checked ~ .range-stars__labels .range-stars__item:nth-child(5) .icon, .range-stars input:nth-child(3):hover ~ .range-stars__labels .range-stars__item:nth-child(3) .icon, .range-stars input:nth-child(3):hover ~ .range-stars__labels .range-stars__item:nth-child(4) .icon, .range-stars input:nth-child(3):hover ~ .range-stars__labels .range-stars__item:nth-child(5) .icon {
  color: var(--accentColor);
}
.range-stars input:nth-child(2):checked ~ .range-stars__labels .range-stars__item:nth-child(4) .icon, .range-stars input:nth-child(2):checked ~ .range-stars__labels .range-stars__item:nth-child(5) .icon, .range-stars input:nth-child(2):hover ~ .range-stars__labels .range-stars__item:nth-child(4) .icon, .range-stars input:nth-child(2):hover ~ .range-stars__labels .range-stars__item:nth-child(5) .icon {
  color: var(--accentColor);
}
.range-stars input:nth-child(1):checked ~ .range-stars__labels .range-stars__item:nth-child(5) .icon, .range-stars input:nth-child(1):hover ~ .range-stars__labels .range-stars__item:nth-child(5) .icon {
  color: var(--accentColor);
}

/* Selectbox	======================================= */
.bootstrap-select > .dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  height: var(--form-height);
  border: var(--form-border);
  border-radius: var(--form-radius);
  cursor: pointer;
  background: var(--form-bg);
  position: relative;
  font: var(--form-weight) var(--form-size) var(--font);
  padding: 0 var(--form-padding);
  color: var(--form-color);
}
.bootstrap-select > .dropdown-toggle:focus {
  outline: none !important;
}
.bootstrap-select > .dropdown-toggle:active {
  border: var(--form-border);
  background: var(--form-bg);
  outline: none !important;
}
.bootstrap-select > .dropdown-toggle .filter-option {
  height: auto;
}
.bootstrap-select > .dropdown-toggle:after {
  border-top: 0.34em solid #919297;
  border-right: 0.34em solid transparent;
  border-bottom: 0;
  font-size: 16px;
  border-left: 0.34em solid transparent;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder {
  color: var(--color-gray--60);
}
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: var(--color-gray--60);
}
.bootstrap-select.--secondary > .dropdown-toggle {
  background: var(--color-gray-5);
}
.bootstrap-select.--nowrap > .dropdown-toggle {
  white-space: normal;
  line-height: 1;
}
@media screen and (max-width: 575px) {
  .bootstrap-select.--nowrap > .dropdown-toggle {
    font-size: 14px;
  }
}
.bootstrap-select.--unstyled > .dropdown-toggle {
  border: none;
  font-size: 12px;
  font-weight: 600;
  background: none;
}

.bs-searchbox .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border-color: #00BB8D;
}

.selectbox__drop ul::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar,
.iti ul::-webkit-scrollbar,
.dropdown-menu .inner::-webkit-scrollbar {
  width: 3px;
  height: 5px;
  border-radius: 8px;
}

.selectbox__drop ul::-webkit-scrollbar-track,
.scrollbar::-webkit-scrollbar-track,
.iti ul::-webkit-scrollbar-track,
.dropdown-menu .inner::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 8px;
}

.selectbox__drop ul::-webkit-scrollbar-thumb,
.scrollbar::-webkit-scrollbar-thumb,
.iti ul::-webkit-scrollbar-thumb,
.dropdown-menu .inner::-webkit-scrollbar-thumb {
  background: var(--color-gray-20);
  border-radius: 8px;
}

.selectbox__drop ul::-webkit-scrollbar-button,
.scrollbar::-webkit-scrollbar-button,
.iti ul::-webkit-scrollbar-button,
.dropdown-menu .inner::-webkit-scrollbar-button {
  display: none;
}

/* File	=========================================== */
.upload-control {
  display: block;
  width: 100%;
  padding: 0;
  background: none;
  border: none;
}
.upload-control__inner {
  border-radius: 4px;
  border: 1px dashed var(--color-gray-60);
  width: 100%;
  aspect-ratio: 1/0.77143;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background: none;
  padding: 16px;
}
@media screen and (max-width: 575px) {
  .upload-control__inner {
    padding: 8px;
  }
}
@media screen and (max-width: 575px) {
  .upload-control__inner .upload-control__title {
    font-size: 12px;
  }
}
.upload-control__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  color: var(--color-gray-100);
}
.upload-control__wrap .icon {
  font-size: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 575px) {
  .upload-control__wrap .icon {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .upload-control__title {
    font-size: 16px;
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px) {
  .upload-control > .upload-control__title {
    display: block;
    text-align: left;
    font-weight: 600;
    margin-top: 8px;
  }
}
@media screen and (max-width: 359px) {
  .upload-control > .upload-control__title {
    font-size: 14px;
  }
}

.upload-list .upload-img, .upload-list .uploaded-img {
  max-width: none;
}
.upload-list--grid {
  display: -ms-grid;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
@media screen and (max-width: 992px) {
  .upload-list--grid {
    gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
  }
}
@media screen and (max-width: 359px) {
  .upload-list--grid {
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
  }
}

.upload-img {
  border-radius: 4px;
  border: 1px dashed var(--color-gray-60);
  max-width: 176px;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background: none;
  padding: 16px;
  cursor: pointer;
}
.upload-img input {
  display: none;
}
.upload-img__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  color: var(--color-gray-100);
}
.upload-img__wrap .icon {
  font-size: 24px;
  margin-left: auto;
  margin-right: auto;
}

.upload-video, .upload-file {
  display: block;
  cursor: pointer;
}
.upload-video input, .upload-file input {
  display: none;
}

.uploaded-img, .uploaded-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  max-width: 176px;
}
.uploaded-img__wrap, .uploaded-video__wrap {
  position: relative;
  aspect-ratio: 1/1;
  border-radius: 4px;
  overflow: hidden;
}
.uploaded-img__wrap img, .uploaded-video__wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.uploaded-img__title, .uploaded-video__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #00BB8D;
  gap: 8px;
  line-height: 1.5;
}
@media screen and (max-width: 359px) {
  .uploaded-img__title, .uploaded-video__title {
    font-size: 14px;
  }
}
.uploaded-img__btn, .uploaded-video__btn {
  line-height: 1.5;
  padding: 0;
  font-family: var(--ff);
  border: none;
  background: none;
  font-size: 16px;
  color: var(--color-gray-60);
  text-align: left;
}
@media screen and (max-width: 359px) {
  .uploaded-img__btn, .uploaded-video__btn {
    font-size: 14px;
  }
}
.uploaded-img__btn:hover, .uploaded-img__btn:focus-visible, .uploaded-video__btn:hover, .uploaded-video__btn:focus-visible {
  color: var(--color-gray-100);
}
.uploaded-img .remove-file, .uploaded-video .remove-file {
  position: absolute;
  top: 8px;
  right: 8px;
}

.uploaded-video {
  width: 101px;
}
@media screen and (max-width: 767px) {
  .uploaded-video {
    width: 91px;
  }
}
@media screen and (max-width: 359px) {
  .uploaded-video {
    width: 81px;
  }
}
.uploaded-video .remove-file {
  top: 4px;
  right: 4px;
}
.uploaded-video .time-label {
  position: absolute;
  bottom: 4px;
  left: 4px;
}

.uploaded-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  gap: 4px;
}
.uploaded-file .remove-file {
  background: none;
  width: 24px;
  height: 24px;
  left: -3px;
  position: relative;
}
.uploaded-file .remove-file .icon {
  color: var(--color-gray-100);
}
.uploaded-file__name {
  text-decoration: underline;
  color: var(--color-gray-100);
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 1px;
}
.uploaded-file__weight {
  color: var(--color-gray-60);
  white-space: nowrap;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.remove-file {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  border: none;
  width: 32px;
  height: 32px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 0;
  background: rgba(0, 0, 0, 0.4);
}
.remove-file .icon {
  color: #fff;
  font-size: 20px;
}

.time-label {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  padding: 2px 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.4);
}

/* icons ============ */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  position: relative;
}

/* HEADER */
/* ================================================ */
.header {
  width: 100%;
  min-width: 20rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #fff;
  border-bottom: 2px solid #F4F4F6;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1046;
}
.header__container {
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 64px;
}
@media screen and (max-width: 1239px) {
  .header__container {
    gap: 32px;
  }
}
@media screen and (max-width: 767px) {
  .header__container {
    gap: 16px;
    height: 56px;
  }
}
@media screen and (max-width: 992px) {
  .header .top-nav[data-da] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .header .top-nav__btn {
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .header .logo {
    font-size: 24px;
  }
}

.logo {
  display: block;
  font-size: 32px;
  font-weight: 700;width: 100px;
  color: var(--color);
}
.logo:hover {
  color: inherit;
}

.top-nav {
  list-style-type: none;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.top-nav__item {
  position: relative;
}
@media (any-hover: hover) {
  .top-nav__item:hover .top-nav__icon:not(.dropdown-toggle) .top-nav__icon-btn .icon,
  .top-nav__item.active .top-nav__icon:not(.dropdown-toggle) .top-nav__icon-btn .icon {
    color: var(--accentColor);
  }
  .top-nav__item:hover .top-nav__dropdown {
    display: block;
  }
}
.top-nav__link {
  color: #919297;
  font-weight: 500;
  padding: 16px;
  font-size: 16px;
  display: block;
}
@media screen and (max-width: 1239px) {
  .top-nav__link {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (max-width: 992px) {
  .top-nav__link {
    padding: 8px 16px;
  }
}
.top-nav__link:hover {
  color: #1D1D21;
}
.top-nav__btn {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 24px;
  gap: 12px;
  color: #2D2D31;
  border-radius: 8px;
}
@media screen and (max-width: 992px) {
  .top-nav__btn {
    border: 1px solid #4D4E52;
  }
}
.top-nav__btn .icon {
  font-size: 14px;
}
.top-nav__btn:hover {
  background: #E9E9EE;
  color: #2D2D31;
}
.top-nav__btn:active {
  background: #D8D8DC;
  color: #2D2D31;
}
.top-nav__btn--active {
  border: 1px solid #4D4E52;
}
.top-nav__btn--active:hover {
  border-color: #4D4E52;
  background: #E9E9EE;
}
.top-nav__btn--active:active {
  background: #D8D8DC;
}
@media screen and (max-width: 992px) {
  .top-nav__btn--active {
    background: #EE7B30;
    border: none;
    color: #fff;
  }
  .top-nav__btn--active:hover {
    background: #D66F2B;
    color: #fff;
  }
  .top-nav__btn--active:focus, .top-nav__btn--active:active {
    background: #BE6226;
    color: #fff;
  }
  .top-nav__btn--active:disabled {
    background: #F5B083;
    color: #fff;
  }
}
.top-nav__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  border: none;
  background: none;
}
.top-nav__icon-btn {
  min-width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.top-nav__icon-btn > .icon {
  font-size: 20px;
  color: var(--color-gray--60);
}
.top-nav__icon-content {
  padding: 4px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.top-nav__icon.dropdown-toggle {
  border: none;
  position: relative;
  background: none;
  text-align: left;
  border-radius: 8px;
}
.top-nav__icon.dropdown-toggle:after {
  display: none;
}
.top-nav__icon.dropdown-toggle .icon-arrow-bottom {
  font-size: 12px;
  margin-top: 3px;
}
@media screen and (min-width: 993px) {
  .top-nav__icon.dropdown-toggle.show {
    background: #F4F4F6;
  }
  .top-nav__icon.dropdown-toggle.show .icon-arrow-bottom {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@media screen and (min-width: 993px) {
  .top-nav__icon.dropdown-toggle:hover {
    background: #F4F4F6;
  }
}
.top-nav__icon[data-bs-target="#user-navbar"] .icon-close {
  display: none;
  font-size: 16px;
}
.top-nav__icon[data-bs-target="#user-navbar"].is-active .icon-user {
  display: none;
}
.top-nav__icon[data-bs-target="#user-navbar"].is-active .icon-close {
  display: block;
}
.top-nav__name {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--color);
}
.top-nav__type {
  color: var(--color-gray-60);
  font-size: 12px;
  line-height: 1.2;
}
.top-nav__dropdown {
  position: absolute;
  display: none;
  top: calc(100% + 16px);
  right: 0;
  padding: 16px;
  width: 795px;
  max-width: calc(100vw - 260px);
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 64px 0px rgba(8, 9, 45, 0.15);
          box-shadow: 0px 0px 64px 0px rgba(8, 9, 45, 0.15);
  z-index: 20;
}
@media screen and (max-width: 992px) {
  .top-nav__dropdown {
    display: none !important;
  }
}
.top-nav__dropdown:before {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0;
  width: 150px;
  height: 23px;
}
.top-nav__dropdown-header {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--color-gray-20);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.top-nav__dropdown-list {
  overflow-y: auto;
  max-height: 300px;
  margin-right: -8px;
  padding-right: 8px;
}
.top-nav__dropdown .alert-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.top-nav__dropdown .alert-item__text {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-width: 100%;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 20px;
}
.top-nav__dropdown .alert-item__title {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 20px;
}
.top-nav__dropdown .alert-item__price {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 16px;
  white-space: nowrap;
}
.top-nav--right {
  margin-left: auto;
  gap: 8px;
}
.top-nav--user {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .top-nav--user {
    gap: 8px;
  }
}

.offcanvas .top-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.burger {
  height: 40px;
  width: 40px;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  background: none;
}
.burger .icon {
  font-size: 18px;
  color: #2D2D31;
}
.burger .icon-close {
  display: none;
}
.burger.is-active .icon-close {
  display: block;
}
.burger.is-active .icon-menu {
  display: none;
}

.top-user-dropdown {
  width: 264px;
  padding: 0;
  border-radius: 8px;
  background: #FFF;
  border: none;
  -webkit-box-shadow: 0px 0px 64px 0px rgba(8, 9, 45, 0.15);
          box-shadow: 0px 0px 64px 0px rgba(8, 9, 45, 0.15);
}

.user-navbar__top {
  padding: 24px 16px;
  border-bottom: 1px solid var(--color-gray-20);
}
@media screen and (max-width: 992px) {
  .user-navbar__top {
    padding: 0 0 24px;
  }
}
@media screen and (max-width: 992px) {
  .user-navbar__top-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
}
.user-navbar__avatar {
  width: 80px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 992px) {
  .user-navbar__avatar {
    height: 40px;
    width: 40px;
    margin-left: 0;
    margin-right: 0;
  }
}
.user-navbar__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}
.user-navbar__name {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  margin-top: 8px;
}
@media screen and (max-width: 992px) {
  .user-navbar__name {
    text-align: left;
    margin-top: 0;
    font-size: 16px;
  }
}
.user-navbar__nav {
  padding: 8px;
  list-style-type: none;
}
@media screen and (max-width: 992px) {
  .user-navbar__nav {
    padding: 16px 0;
  }
}
.user-navbar__nav a {
  display: block;
  padding: 8px;
  font-size: 12px;
  border-radius: 4px;
  color: var(--color-gray-100);
  line-height: 1.4;
}
@media screen and (max-width: 992px) {
  .user-navbar__nav a {
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    border-radius: 8px;
    font-size: 16px;
    color: var(--color-gray-60);
  }
}
.user-navbar__nav a.is-active {
  color: var(--color-gray--40);
}
.user-navbar__nav a:hover, .user-navbar__nav a:focus-visible {
  background: #F4F4F6;
}
.user-navbar__nav-icon {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.user-navbar__nav-icon .icon {
  font-size: 20px;
}
.user-navbar__nav-devider {
  height: 1px;
  margin-left: -8px;
  margin-right: -8px;
  margin-top: 8px;
  margin-bottom: 8px;
  background: var(--color-gray-20);
}
@media screen and (max-width: 992px) {
  .user-navbar__nav-devider {
    margin-left: 0;
    margin-right: 0;
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

.switch-type {
  border-radius: 4px;
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #F4F4F6;
  max-width: 232px;
  margin-left: auto;
  margin-right: auto;
}
.switch-type__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 4px;
  font-size: 12px;
  color: var(--color-gray-60);
  text-align: center;
  line-height: 24px;
  padding: 0 8px;
  white-space: nowrap;
}
.switch-type__item.is-active {
  color: #fff;
  background: var(--accentColor);
}
.switch-type--light {
  background: #fff;
}

.mobile-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 38px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mobile-nav .top-nav--right {
  margin-left: 0;
}

/* MAIN */
/* ================================================ */
.main-wrapper {
  padding: 0;
  min-width: 320px;
  position: relative;
  overflow: clip;
  opacity: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  min-height: 100vh;
  width: 100%;
}

.main {
  width: 100%;
  min-width: 320px;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-bottom: 50px;
}
@media screen and (max-width: 992px) {
  .main {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .main {
    padding-bottom: 18px;
  }
}
@media screen and (max-width: 992px) {
  .main__container {
    min-height: 100%;
  }
}
.main__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}
.main__head {
  margin-bottom: 30px;
}
.main__head--wborder {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--color-gray-20);
}
.main__title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
@media screen and (max-width: 992px) {
  .main__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .main__title {
    font-size: 28px;
  }
}
.main__title--sm {
  font-size: 30px;
}
@media screen and (max-width: 992px) {
  .main__title--sm {
    font-size: 27px;
  }
}
@media screen and (max-width: 767px) {
  .main__title--sm {
    font-size: 24px;
  }
}
.main__title--xs {
  font-size: 24px;
}
@media screen and (max-width: 992px) {
  .main__title--xs {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .main__title--xs {
    font-size: 20px;
  }
}
.main__title--xxs {
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .main__title--xxs {
    font-size: 18px;
  }
}
.main__descr {
  margin-top: 14px;
  color: var(--color-gray-100);
  margin-bottom: 0;
}
.main--error {
  padding: 100px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .main--error {
    padding: 56px 0;
  }
}
.main--wfooter {
  padding: 56px 0;
}
@media screen and (max-width: 767px) {
  .main--wfooter {
    padding: 32px 0;
  }
}
.main--chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 992px) {
  .main--chat {
    padding-bottom: 0;
  }
}
.main--chat > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main--chat > .container > .row {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 1px;
}

.container {
  width: 100%;
  min-width: 320px;
  position: relative;
  max-width: 1280px;
}

.container, .container-fluid {
  --bs-gutter-x: 4rem;
  --bs-gutter-y: 4rem;
}
@media screen and (max-width: 767px) {
  .container, .container-fluid {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }
}

.row-custom {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 2rem;
}
@media screen and (max-width: 992px) {
  .row-custom {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .row-custom {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }
}

.sidebar {
  width: 312px;
}
@media screen and (max-width: 1239px) {
  .sidebar {
    width: 280px;
  }
}
@media screen and (max-width: 992px) {
  .sidebar {
    width: 100%;
  }
}

.sidebar-sm {
  width: 176px;
}
@media screen and (max-width: 992px) {
  .sidebar-sm {
    width: 100%;
  }
}

.section {
  margin: 80px 0;
}
@media screen and (max-width: 992px) {
  .section {
    margin: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .section {
    margin: 40px 0;
  }
}
.section__head {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .section__head {
    margin-bottom: 24px;
  }
}
.section__title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 992px) {
  .section__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .section__title {
    font-size: 28px;
  }
}

.section-slider {
  overflow: visible;
}
.section-slider > .swiper-wrapper > .swiper-slide {
  width: 280px;
  height: auto;
}

.post__head {
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.post__title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
@media screen and (max-width: 992px) {
  .post__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 359px) {
  .post__title {
    font-size: 28px;
  }
}
.post__description {
  font-size: 28px;
  color: #4D4E52;
  line-height: 1.4;
}
@media screen and (max-width: 992px) {
  .post__description {
    font-size: 22px;
  }
}
@media screen and (max-width: 359px) {
  .post__description {
    font-size: 18px;
  }
}

.ln-box {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  position: sticky;
  top: 100px;
}
.ln-box__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--accentColor);
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #D8D8DC;
}

.ln-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.ln-list__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  display: block;
  color: var(--color-gray--40);
}
.ln-list__title:hover, .ln-list__title:focus-visible {
  color: var(--accentColor);
}
.ln-list .group-details {
  margin-top: 8px;
  gap: 8px;
}
.ln-list .group-details span:not(:first-child) {
  padding-left: 12px;
}

.styled-text {
  color: #4D4E52;
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 359px) {
  .styled-text {
    font-size: 14px;
  }
}
.styled-text p, .styled-text ol, .styled-text ul {
  margin-bottom: 16px;
}
.styled-text figure {
  display: block;
  width: 100%;
  margin: 48px 0;
}
.styled-text figure img {
  width: 100%;
  border-radius: 8px;
}
.styled-text h2, .styled-text h3, .styled-text h4, .styled-text h5, .styled-text h6 {
  font-weight: 700;
  line-height: 1.2;
  color: var(--color);
}
.styled-text h2 {
  font-size: 40px;
}
@media screen and (max-width: 992px) {
  .styled-text h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .styled-text h2 {
    font-size: 28px;
  }
}
.styled-text h2, .styled-text h3, .styled-text h4 {
  margin: 48px 0 32px;
}
.styled-text h3 {
  font-size: 30px;
}
@media screen and (max-width: 992px) {
  .styled-text h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 767px) {
  .styled-text h3 {
    font-size: 24px;
  }
}
.styled-text h4 {
  font-size: 24px;
}
@media screen and (max-width: 992px) {
  .styled-text h4 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .styled-text h4 {
    font-size: 20px;
  }
}
.styled-text h5 {
  font-size: 20px;
}
@media screen and (max-width: 992px) {
  .styled-text h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .styled-text h5 {
    font-size: 16px;
  }
}
.styled-text h6 {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .styled-text h6 {
    font-size: 14px;
  }
}
.styled-text h5, .styled-text h6 {
  margin: 24px 0 16px;
}
.styled-text > *:first-child {
  margin-top: 0 !important;
}
.styled-text > *:last-child {
  margin-bottom: 0 !important;
}

.error-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 32px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.error-wrap h1 {
  font-size: 128px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--accentColor);
}
@media screen and (max-width: 992px) {
  .error-wrap h1 {
    font-size: 110px;
  }
}
@media screen and (max-width: 767px) {
  .error-wrap h1 {
    font-size: 96px;
  }
}
.error-wrap h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 24px;
  line-height: 1.2;
}
@media screen and (max-width: 992px) {
  .error-wrap h2 {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .error-wrap h2 {
    font-size: 20px;
  }
}
.error-wrap p {
  color: #4D4E52;
}

.login-wrap {
  max-width: 384px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .login-wrap {
    max-width: none;
  }
}

.profile-nav {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.profile-nav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  color: var(--color-gray-60);
  font-size: 16px;
  padding-left: 36px;
  min-height: 40px;
  position: relative;
}
.profile-nav__link.is-active {
  color: var(--color-gray--40);
}
.profile-nav__link.is-active:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  background: var(--accentColor);
  border-radius: 0px 8px 8px 0px;
}
.profile-nav__link:hover, .profile-nav__link:focus-visible {
  color: var(--color-gray--40);
}
.profile-nav__icon {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.profile-nav__icon .icon {
  font-size: 20px;
  color: inherit;
}
.profile-nav .badge {
  padding-left: 8px;
  padding-right: 8px;
}

.profile-box {
  padding: 24px;
  background: #fff;
  border-radius: 8px;
}
.profile-box__devider {
  margin: 24px -24px;
  height: 1px;
  background: var(--color-gray-20);
}

.profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 32px;
  margin-bottom: 32px;
}
@media screen and (max-width: 992px) {
  .profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.profile__side {
  width: 174px;
}
@media screen and (max-width: 992px) {
  .profile__side {
    width: 100%;
    text-align: center;
  }
}
.profile__avatar {
  width: 174px;
  height: 174px;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .profile__avatar {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .profile__avatar {
    width: 128px;
    height: 128px;
  }
}
.profile__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile__content {
  padding-top: 32px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 992px) {
  .profile__content {
    padding-top: 0;
  }
}
.profile__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px 16px;
}
@media screen and (max-width: 767px) {
  .profile__head {
    gap: 8px;
  }
}
.profile .p-details {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .profile .p-details {
    font-size: 14px;
  }
}
.profile .p-details__item {
  margin-bottom: 4px;
}
.profile .p-details .icon {
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .profile .p-details .icon {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .profile--deleted {
    gap: 44px;
    text-align: center;
  }
}

.pe-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.pe-list__item {
  padding: 8px 0;
  border-bottom: 1px solid var(--color-gray-20);
}
.pe-list__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  min-height: 40px;
}
.pe-list__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 992px) {
  .pe-list__title {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .pe-list__title {
    font-size: 20px;
  }
}
.pe-list h4.pe-list__title {
  font-size: 16px;
}
.pe-list__btn {
  margin-left: auto;
}
.pe-list__content, .pe-list__edit {
  margin-top: 4px;
}
.pe-list__region {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-gray-100);
  font-size: 16px;
  gap: 8px;
}
.pe-list__region .icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 24px;
}
.pe-list__about {
  font-size: 16px;
  color: var(--color-gray-100);
  line-height: 1.5;
}
.pe-list--view .pe-list__item {
  border: none;
}

.edit-btn {
  width: 40px;
  height: 40px;
  padding: 0;
  background: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.edit-btn .icon {
  font-size: 18px;
}

.profile-section {
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  .profile-section {
    margin-top: 32px;
  }
}
.profile-section__head {
  margin-bottom: 24px;
}
.profile-section__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}
.profile-section--inner {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .profile-section--inner {
    padding: 16px;
  }
}

.profile-completeness {
  margin-top: 64px;
  padding: 16px;
  background: #fff;
  border-radius: 8px;
}
@media screen and (max-width: 992px) {
  .profile-completeness {
    margin-top: 0;
  }
}
.profile-completeness__devider {
  margin: 16px -16px;
  height: 1px;
  background: var(--color-gray-20);
}

.profile-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.profile-progress:has(.profile-progress__bar > div[style*="100%"]) .profile-progress__percent {
  color: #00BB8D;
}
.profile-progress__bar {
  position: relative;
  height: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: var(--color-gray-20);
  border-radius: 8px;
  overflow: hidden;
}
.profile-progress__bar > div {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: var(--accentColor);
}
.profile-progress__bar > div[style*="100%"] {
  background: #00BB8D;
}
.profile-progress__percent {
  color: var(--accentColor);
  font-size: 16px;
  font-weight: 600;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.info-nav {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.info-nav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--color-gray-100);
  text-decoration: underline;
  font-size: 12px;
}
.info-nav__icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.info-nav__icon .icon {
  font-size: 20px;
  color: var(--accentColor);
}

.check-nav {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.check-nav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--color-gray-100);
  font-size: 12px;
}
.check-nav__link.is-active .check-nav__icon .icon {
  color: #00BB8D;
}
.check-nav__link.is-active .check-nav__icon .icon-check-circle {
  display: block;
}
.check-nav__link.is-active .check-nav__icon .icon-check-circle-empty {
  display: none;
}
.check-nav__icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.check-nav__icon .icon {
  font-size: 20px;
  color: var(--color-gray-60);
}
.check-nav__icon .icon-check-circle {
  display: none;
}

.project {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.project__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.project__img {
  aspect-ratio: 1/0.77143;
  width: 100%;
  border-radius: 8px;
}
.project__img img {
  width: 100%;
  height: 100%;
  min-height: 1px;
  -o-object-fit: cover;
     object-fit: cover;
}
.project__controls {
  position: absolute;
  top: 12px;
  right: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  display: none;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .project__controls {
    display: none !important;
  }
}
.project__controls .btn-icon {
  background: #fff;
  border-radius: 8px;
}
.project__controls .btn-icon:hover {
  background: var(--color-gray-5);
}
.project__body {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px 12px;
  display: none;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .project__body {
    position: static;
    background: none;
    padding: 8px 0 0 0;
    display: block;
    color: var(--color-gray--60);
  }
}
.project__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 359px) {
  .project__title {
    font-size: 14px;
  }
}
.project__cat {
  font-size: 12px;
  font-weight: 400;
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .project__cat {
    color: var(--color-gray-100);
  }
}
@media screen and (max-width: 359px) {
  .project__cat {
    font-size: 10px;
    margin-top: 6px;
  }
}
.project:hover .project__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.project:hover .project__body {
  display: block;
}

.anhors-nav {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  position: sticky;
  top: 90px;
}
.anhors-nav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 0;
  line-height: 1.5;
  font-size: 16px;
  color: var(--color-gray-60);
}
.anhors-nav__link:hover, .anhors-nav__link.is-active {
  color: var(--color-gray--40);
}

.profile-actions {
  width: 100%;
}
@media screen and (max-width: 992px) {
  .profile-actions {
    border-bottom: 1px solid var(--color-gray-20);
    padding-bottom: 24px;
  }
}

.swiper-slide .performer {
  height: 100%;
}

.performer {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .performer {
    padding: 16px;
  }
}
.performer__top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  gap: 16px 16px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .performer__top {
    gap: 16px 8px;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
}
.performer__avatar {
  width: 74px;
  height: 74px;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .performer__avatar {
    width: 64px;
    height: 64px;
  }
}
.performer__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.performer__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
}
.performer__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px 20px;
}
@media screen and (max-width: 767px) {
  .performer__head {
    gap: 6px 8px;
  }
}
.performer__name {
  display: block;
  line-height: 1.2;
  font-size: 20px;
  font-weight: 700;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 1px;
  color: inherit;
}
@media screen and (max-width: 767px) {
  .performer__name {
    font-size: 16px;
  }
}
.performer__price {
  color: var(--accentColor);
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .performer__price {
    font-size: 14px;
  }
}
.performer__text {
  font-size: 16px;
  color: var(--color-gray-100);
  line-height: 1.5;
}
.performer__gallery .p-gallery {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  .performer__gallery .p-gallery {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.performer__gallery:has(.swiper-slide:nth-child(4):last-child) .performer__gallery-btn, .performer__gallery:has(.swiper-slide:nth-child(3):last-child) .performer__gallery-btn, .performer__gallery:has(.swiper-slide:nth-child(2):last-child) .performer__gallery-btn, .performer__gallery:has(.swiper-slide:nth-child(1):last-child) .performer__gallery-btn {
  display: none;
}
.performer__tags {
  margin-top: auto; min-height: 22px;
}
.performer__stats {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .performer__stats {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    margin-left: 0;
  }
}
.performer .p-details {
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .performer .p-details {
    margin-top: 4px;
  }
}
.performer .p-details__item {
  margin-bottom: 4px;white-space: nowrap; text-overflow:ellipsis;overflow: hidden;
}
@media screen and (max-width: 767px) {
  .performer .cat {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) {
  .performer:not(.performer--sm):not(.performer--md) .performer__gallery .swiper-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    display: -ms-grid;
    display: grid;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
  .performer:not(.performer--sm):not(.performer--md) .performer__gallery .swiper-slide {
    margin: 0 !important;
    width: auto !important;
  }
  .performer:not(.performer--sm):not(.performer--md) .performer__gallery:not(.show) .swiper-slide:nth-child(n+5) {
    display: none;
  }
}
.performer--sm, .performer--md {
  padding: 16px;
  gap: 16px;
}
.performer--sm .performer__avatar, .performer--md .performer__avatar {
  height: 64px;
  width: 64px;
}
.performer--sm .performer__name, .performer--md .performer__name {
  font-size: 16px;
}
.performer--sm .performer__top, .performer--md .performer__top {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: 16px 8px;
}
.performer--sm .performer__stats, .performer--md .performer__stats {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  margin-left: 0;
}
.performer--sm .performer__stats .p-stats, .performer--md .performer__stats .p-stats {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 300px;
}
.performer--sm .performer__gallery .p-gallery, .performer--md .performer__gallery .p-gallery {
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
}
.performer--sm .performer__gallery .p-gallery .swiper-slide, .performer--md .performer__gallery .p-gallery .swiper-slide {
  width: 204px;
  height: 160px;
}
.performer--sm .p-details, .performer--md .p-details {
  margin-top: 4px;
}
.performer--sm .label-expert, .performer--sm .label-newbie, .performer--md .label-expert, .performer--md .label-newbie {
  position: absolute;
  left: 40px;
  top: 40px;
  width: 24px;
  height: 24px;
  z-index: 2;
  padding: 0;
  border-radius: 6px 0px 6px 0px;
}
.performer--sm .label-expert span, .performer--sm .label-newbie span, .performer--md .label-expert span, .performer--md .label-newbie span {
  display: none;
}
.performer--sm .label-expert .icon, .performer--sm .label-newbie .icon, .performer--md .label-expert .icon, .performer--md .label-newbie .icon {
  font-size: 13px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .performer--md .performer__top {
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .performer--md .performer__stats {
    grid-column: auto;
    margin-left: 10px;
  }
}

.check-performer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.check-performer .performer {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
}
@media screen and (max-width: 767px) {
  .check-performer .performer__stats {
    display: none;
  }
}
.check-performer .performer .label-favorite {
  position: absolute;
  left: 50px;
  top: 50px;
  width: 24px;
  height: 24px;
  z-index: 2;
  padding: 0;
  border-radius: 6px 0px 6px 0px;
}
@media screen and (max-width: 767px) {
  .check-performer .performer .label-favorite {
    left: 40px;
    top: 40px;
  }
}
.check-performer .performer .label-favorite span {
  display: none;
}
.check-performer .performer .label-favorite .icon {
  font-size: 13px;
}

.p-details {
  color: #919297;
  font-size: 12px;
}
.p-details__item {
  margin-bottom: 2px;
}
.p-details__item:last-child {
  margin-bottom: 0;
}
.p-details__item .icon {
  font-size: 14px;
  top: -1px;
}
.p-details__item .icon-marker {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}

.p-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 32px;
}
.p-stats__num {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 3px;
}
.p-stats__num .icon-star {
  font-size: 24px;
  top: -2px;
  color: #EE7B30;
}
.p-stats__title {
  font-size: 12px;
  color: #919297;
}

.p-gallery .swiper-slide {
  width: 204px;
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 1/0.78434;
}
@media screen and (max-width: 767px) {
  .p-gallery .swiper-slide {
    width: 140px;
  }
}
.p-gallery .swiper-slide img {
  width: 100%;
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  white-space: nowrap;
  gap: 8px;
  -webkit-transition: max-height 0.3s ease;
  -o-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.tags .all-btn {
  display: none;
}
@media screen and (min-width: 768px) {
  .tags:not(.expanded) .cat:nth-child(n+7) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .tags:not(.expanded) .cat:nth-child(n+5) {
    display: none;
  }
}
.tags .cat:nth-child(n+5) ~ .all-btn {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.tag {
  background: #fff;
  border: 1px solid #919297;
  border-radius: 100px;
  padding: 0 8px;
  line-height: 18px;
  font-size: 12px;
  color: #4D4E52;
}
.tag:hover {
  color: inherit;
}

.label-expert, .label-newbie, .label-favorite {
  height: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  padding: 0 8px;
  border-radius: 4px;
  background: #66D6BB;
  color: #2D2D31;
  font-size: 12px;
  gap: 4px;
}
@media screen and (max-width: 767px) {
  .label-expert, .label-newbie, .label-favorite {
    font-size: 10px;
    height: 20px;
  }
}
.label-expert .icon, .label-newbie .icon, .label-favorite .icon {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .label-expert .icon, .label-newbie .icon, .label-favorite .icon {
    font-size: 10px;
  }
}

.label-newbie {
  background: var(--color-gray-40);
}

.label-favorite .icon {
  color: #fff;
}

/* order Card */
.order-card {
  position: relative;
  background: #fff;
  border-radius: 8px;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .order-card {
    padding: 16px;
  }
}
.order-card__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4px 24px;
}
@media screen and (max-width: 767px) {
  .order-card__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.order-card__title a {
  color: inherit;
}
.order-card__title a:hover, .order-card__title a:focus-visible {
  color: var(--accentColor);
}
.order-card__price {
  white-space: nowrap;
  color: var(--accentColor);
}
.order-card__description {
  color: var(--color-gray-100);
  font-size: 16px;
  line-height: 1.5;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 767px) {
  .order-card__description {
    font-size: 14px;
  }
}
.order-card__details {
  margin-top: 12px;
}
.order-card__author {
  margin-top: 12px;
}
.order-card__author--sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 16px;
  color: var(--color-gray-100);
}
@media screen and (max-width: 767px) {
  .order-card__author--sm {
    font-size: 14px;
  }
}
.order-card__author--sm .oc-author__name {
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .order-card__author--sm .oc-author__name {
    font-size: 14px;
  }
}
.order-card__author--sm .oc-author__img {
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.order-card__footer {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--color-gray-20);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px 32px;
}
@media screen and (max-width: 1239px) {
  .order-card__footer {
    gap: 8px 16px;
  }
}
.order-card__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px 32px;
}
@media screen and (max-width: 1239px) {
  .order-card__actions {
    gap: 8px 16px;
  }
}
.order-card .tags {
  margin: 8px 0;
}
.order-card:hover {
  background: var(--color-gray-10);
}
.order-card.is-item {cursor: pointer;
  border: 2px solid var(--color-gray-20);
}
.order-card.is-active {
  border: 2px solid var(--accentColor);
}
.order-card.is-responded .order-card__title a {
  color: var(--color-gray-80);
}

.oc-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 24px;
}
.oc-details__item {
  font-size: 12px;
  color: var(--color-gray-60);
}
@media screen and (max-width: 575px) {
  .oc-details__item {
    font-size: 10px;
  }
}
.oc-details__item span {
  color: var(--color-gray--80);
}

.oc-form {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.oc-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.oc-author__img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-radius: 8px;
  height: 40px;
  width: 40px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .oc-author__img {
    width: 24px;
    height: 24px;
    border-radius: 4px;
  }
}
.oc-author__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.oc-author__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .oc-author__content {
    gap: 8px;
  }
}
.oc-author__name {
  font-weight: 400;
  font-size: 14px;
  color: var(--color);
}
@media screen and (max-width: 767px) {
  .oc-author__name {
    font-size: 12px;
  }
}

.label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  color: var(--color-green-100);
  gap: 8px;
  font-size: 12px;
  line-height: 22px;
}

/* filter */
.filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 992px) {
  .filter {
    height: 100%;
  }
}
@media screen and (max-width: 992px) {
  .filter__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    position: sticky;
    bottom: 0;
    left: 0;
    padding: 12px var(--popup-padding);
    margin: auto calc(var(--popup-padding) * -1) 0;
    background: #fff;
    z-index: 20;
    border-top: 1px solid var(--color-gray-20);
  }
  .filter__actions .button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.categories-nav {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.categories-nav__item > ul {
  display: none;
  list-style-type: none;
  padding: 8px 0 0 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.categories-nav__item.is-active .categories-nav__link {
  color: var(--color-gray--40);
}
.categories-nav__item.is-active .categories-nav__link:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  border-top-color: var(--color-gray--60);
}
.categories-nav__item.is-active > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.categories-nav__link {
  color: var(--color-gray-100);
  font-size: 12px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.categories-nav__link:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: var(--color-gray-60) transparent transparent transparent;
}
.categories-nav__link:hover, .categories-nav__link:focus-visible {
  color: var(--color-gray--40);
}

.footer-sticky {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  background: #fff;
  border-top: 2px solid var(--color-gray-5);
  padding: 12px 0;
}

.order-page__price {
  color: var(--accentColor);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  margin: 16px 0;
}
@media screen and (max-width: 767px) {
  .order-page__price {
    font-size: 18px;
  }
}
.order-page__footer {
  margin-top: 32px;
  padding-top: 16px;
  border-top: 1px solid var(--color-gray-20);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}
@media screen and (max-width: 767px) {
  .order-page__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.op-gallery {
  display: -ms-grid;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(106px, 1fr));
}
@media screen and (max-width: 992px) {
  .op-gallery {
    gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
  }
}
@media screen and (max-width: 359px) {
  .op-gallery {
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
  }
}
.op-gallery__item img {
  width: 100%;
  height: 100%;
  min-height: 1px;
  border-radius: 8px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

.op-files {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.op-files__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.op-files__name {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 1px;
  color: var(--color-gray--80);
  font-size: 16px;
}
.op-files__download {
  border: none;
  font-family: var(--ff);
  padding: 0;
  border: none;
  background: none;
  color: var(--color-blue-100);
  font-size: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.op-files__download .icon {
  font-size: 16px;
}
.op-files__download:hover {
  text-decoration: underline;
}

.order-box {
  padding: 16px;
  border-radius: 8px;
  background: #fff;
}
.order-box__footer {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid var(--color-gray-20);
}
.order-box__devider {
  border-top: 1px solid var(--color-gray-20);
}
@media screen and (max-width: 767px) {
  .order-box__buttons .button {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.order-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--color-gray--60);
  font-size: 12px;
  font-weight: 600;
}
.order-status:before {
  content: "";
  width: 12px;
  height: 12px;
  background: #8A56B3;
  border-radius: 50px;
}
.order-status--warning:before {
  background: #EE7B30;
}
.order-status--danger:before {
  background: #E02336;
}
.order-status--success:before {
  background: #00BB8D;
}
.order-status--info:before {
  background: #2F42ED;
}
.order-status--yellow:before {
  background: #EEEB30;
}

.status-drop .selectbox__head {
  background: none;
  border: none;
}
@media screen and (max-width: 767px) {
  .status-drop .selectbox__head {
    height: 40px;
  }
}
.status-drop .selectbox__text {
  font-size: 12px;
  font-weight: 600;
  padding-left: 0;
}
.status-drop .selectbox__caret {
  margin-right: 0;
}
.status-drop .selectbox__drop {
  width: 280px;
}
.status-drop .selectbox__drop li {
  min-height: 40px;
  font-size: 12px;
  font-weight: 600;
  padding-left: 16px;
  padding-right: 16px;
}

.ob-list-details {
  list-style-type: none;
}
.ob-list-details li {
  line-height: 1.4;
  font-size: 12px;
  color: var(--color-gray-80);
}
.ob-list-details li strong {
  color: var(--color-gray--60);
}

.caret {
  width: 24px;
  height: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.caret .icon {
  color: var(--color-gray-100);
  font-size: 14px;
}

.collapsed .caret {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.sticky-label {
  color: #fff;
  background: var(--color-red-100);
  font-size: 12px;
  border-radius: 4px;
  padding: 0 8px;
  white-space: nowrap;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
}

.order-details-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.order-details-list__item {
  background: var(--color-gray-10);
  border-radius: 8px;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.order-details-list__item--success {
  background: #E5F8F4;
}
.order-details-list__icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.order-details-list__icon .icon {
  font-size: 20px;
  color: var(--color-gray-60);
}
.order-details-list__title {
  font-size: 12px;
  color: var(--color-gray-80);
}
.order-details-list__text {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-gray-100);
  margin-top: 2px;
}

.sort-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px 32px;
}
@media screen and (max-width: 767px) {
  .sort-grid {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
  }
}
.sort-grid__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .sort-grid__items {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 575px) {
  .sort-grid__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .sort-grid__items:not(.show) {
    display: none;
  }
}
.sort-grid__items .button {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
@media screen and (max-width: 767px) {
  .sort-grid .form-group {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.dl-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.dl-list__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .dl-list__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.dl-list__label {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-size: 16px;
  color: var(--color-gray-60);
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  .dl-list__label {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.dl-list__labeled {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.dl-list .oc-author__img {
  width: 40px;
  height: 40px;
}

.alerts {
  background: #fff;
  padding: 20px 16px;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .alerts {
    padding: 16px;
  }
}

.alert-item {
  padding: 4px 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .alert-item {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
}
.alert-item[href] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  color: inherit;
}
.alert-item[href]:hover {
  background: var(--color-gray-5);
}
.alert-item__avatar {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  overflow: hidden;
}
.alert-item__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.alert-item__content {
  min-width: 1px;
}
@media screen and (max-width: 767px) {
  .alert-item__content {
    font-size: 14px;
  }
}
.alert-item__text {
  display: inline;
}
.alert-item__title {
  min-width: 1px;
  font-weight: 600;
  display: inline;
  color: var(--color);
}
.alert-item__price {
  font-weight: 600;
  color: var(--accentColor);
  display: inline;
}
.alert-item__date {
  font-size: 12px;
  color: var(--color-gray-60);
  margin-left: 20px;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .alert-item__date {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    margin-left: auto;
  }
}

.message-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
  gap: 8px;
  border-radius: 8px;
}
.message-item:hover {
  background: var(--color-gray-5);
}
.message-item__avatar {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.message-item__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.message-item__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.message-item__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.message-item__name {
  font-size: 14px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  font-weight: 600;
  color: var(--color);
}
.message-item__text {
  font-size: 12px;
  color: var(--color-gray-100);
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 1px;
}

.date {
  font-size: 12px;
  color: var(--color-gray-60);
}

.online {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #00BB8D;
  border: 1px solid #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.sl-btn {
  display: inline-block;
  vertical-align: middle;
  padding: 4px 0;
  white-space: nowrap;
  font-family: var(--ff);
  color: var(--color-gray-100);
  font-size: 16px;
  line-height: 1.2;
  background: none;
  border: none;
}
.sl-btn:hover {
  text-decoration: underline;
}

.settings-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  max-width: 592px;
}
.settings-list__item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.settings-list__icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: block;
  font-size: 20px;
  color: var(--accentColor);
}

.settings-list-check-title {
  font-size: 14px;
  color: var(--color-gray-100);
  width: 170px;
}

.settings-wrapper {
  max-width: 488px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .settings-wrapper {
    max-width: none;
  }
}

.settings-form {
  max-width: 384px;
}
@media screen and (max-width: 767px) {
  .settings-form {
    max-width: none;
  }
}

.chat-wrapper {
  background: #fff;
  display: -ms-grid;
  display: grid;
  height: 100%;
  min-height: 200px;
  max-height: calc(100svh - 200px);
  -ms-grid-columns: 280px 1fr;
  grid-template-columns: 280px 1fr;
  min-width: 1px;
}
@media screen and (max-width: 1239px) {
  .chat-wrapper {
    -ms-grid-columns: 240px 1fr;
    grid-template-columns: 240px 1fr;
  }
}
@media screen and (max-width: 992px) {
  .chat-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: none;
    max-height: calc(100svh - 145px);
  }
}
@media screen and (max-width: 767px) {
  .chat-wrapper {
    max-height: calc(100svh - 100px);
  }
}
.chat-wrapper__side {
  border-right: 1px solid var(--color-gray-20);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  min-height: 1px;
}
@media screen and (max-width: 992px) {
  .chat-wrapper__side {
    border: none;
    height: 100%;
  }
}
.chat-wrapper__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  background: #fff;
}
@media screen and (max-width: 992px) {
  .chat-wrapper__body {
    display: none;
    margin-left: -32px;
    margin-right: -32px;
  }
}
@media screen and (max-width: 767px) {
  .chat-wrapper__body {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.chat-wrapper__body--full {
  display: none;
}
.chat-wrapper__search {
  padding: 8px;
}
@media screen and (max-width: 992px) {
  .chat-wrapper__search {
    padding: 0;
    margin: 0 0 24px 0;
  }
  .chat-wrapper__search .form-input {
    background: #fff;
  }
}
.chat-wrapper__selected {
  padding: 4px 0;
  height: 64px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background: #fff;
  border-bottom: 1px solid var(--color-gray-20);
  display: none;
}
@media screen and (max-width: 992px) {
  .chat-wrapper__selected {
    margin-top: -56px;
    margin-left: -32px;
    margin-right: -32px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .chat-wrapper__selected {
    margin-top: -32px;
    margin-left: -16px;
    margin-right: -16px;
  }
}
.chat-wrapper__selected .cw-item {
  height: 100%;
  cursor: default;
}
.chat-wrapper__selected .cw-item__arrow {
  margin: 0 8px 0 4px;
}
.chat-wrapper__items {
  padding: 0 8px 0 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 100px;
}
@media screen and (max-width: 992px) {
  .chat-wrapper__items {
    padding: 0;
  }
}
.chat-wrapper__items .cw-item:hover {
  background: var(--color-gray-5);
}
.chat-wrapper__items .cw-item.is-active {
  background: var(--color-gray-80);
  color: #fff;
}
.chat-wrapper__items .cw-item.is-active .cw-item__row .date {
  color: var(--color-gray-10);
}
.chat-wrapper__items .cw-item.is-active .cw-item__label, .chat-wrapper__items .cw-item.is-active .cw-item__text {
  color: var(--color-gray-5);
}
.chat-wrapper__items .cw-item.is-active .cw-item__count {
  color: #F5B083;
}
.chat-wrapper__items .cw-item.is-active .cw-item__arrow .icon, .chat-wrapper__items .cw-item.is-active .cw-item__row .icon {
  color: #fff;
}
.chat-wrapper__items-step-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.chat-wrapper__items-step-2 {
  display: none;
}
.chat-wrapper__button {
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  padding: 0 16px;
  font-family: var(--ff);
  font-size: 12px;
  line-height: 1.4;
  color: var(--color-gray-100);
  gap: 20px;
  border: none;
  cursor: pointer;
  background: none;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.chat-wrapper__button:hover {
  color: var(--color);
}
.chat-wrapper__button .icon {
  font-size: 14px;
  margin: 0 4px 0 8px;
  color: var(--color-gray-80);
}
.chat-wrapper__head {
  padding: 8px 16px;
  background: #fff;
  border-bottom: 1px solid var(--color-gray-20);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
@media screen and (max-width: 992px) {
  .chat-wrapper__head {
    gap: 16px;
  }
}
.chat-wrapper__head-back {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin: 0 -8px 0 -16px;
}
.chat-wrapper__head-back .icon {
  font-size: 12px;
  color: var(--color-gray-60);
}
.chat-wrapper__messages {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  min-height: 1px;
  overflow: hidden;
  overflow-y: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 8px 12px 8px 16px;
  margin-right: 4px;
}
@media screen and (max-width: 359px) {
  .chat-wrapper__messages {
    padding-left: 12px;
    padding-right: 8px;
  }
}
.chat-wrapper__messages-fit {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 1px;
}
.chat-wrapper__form {
  padding: 8px 16px 16px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  min-width: 1px;
}
@media screen and (max-width: 359px) {
  .chat-wrapper__form {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.chat-wrapper__alert {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid var(--color-gray-20);
  background: #fff;
  z-index: 10;
  font-size: 14px;
  line-height: 1.4;
}
.chat-wrapper__alert-content > .icon {
  font-size: 20px;
  margin: 2px 4px 0 8px;
}
.chat-wrapper__alert .btn-icon .icon {
  color: var(--color-gray-80);
}
.chat-wrapper__alert-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 3px;
}
.chat-wrapper__alert-label {
  text-align: right;
  font-size: 12px;
  color: var(--color-gray-60);
}
.chat-wrapper__alert-label a {
  color: inherit;
}
.chat-wrapper__alert-label a:hover {
  text-decoration: underline;
}
.chat-wrapper__alert--danger {
  background: #FDF0F2;
  color: #E02336;
}
.chat-wrapper__alert--success {
  background: #F2FCF9;
  color: #00BB8D;
}
.chat-wrapper__alert--info {
  background: #F5F6FE;
  color: #2F42ED;
}
@media screen and (min-width: 992px) {
  .chat-wrapper--small {
    -ms-grid-columns: 72px 1fr;
    grid-template-columns: 72px 1fr;
  }
  .chat-wrapper--small .chat-wrapper__search .form-input {
    padding-right: 0;
    padding-left: 0;
    color: transparent;
  }
  .chat-wrapper--small .chat-wrapper__search .form-input::-webkit-input-placeholder {
    color: transparent;
  }
  .chat-wrapper--small .chat-wrapper__search .form-input::-moz-placeholder {
    color: transparent;
  }
  .chat-wrapper--small .chat-wrapper__search .form-input:-ms-input-placeholder {
    color: transparent;
  }
  .chat-wrapper--small .chat-wrapper__search .form-input::-ms-input-placeholder {
    color: transparent;
  }
  .chat-wrapper--small .chat-wrapper__search .form-input::placeholder {
    color: transparent;
  }
  .chat-wrapper--small .chat-wrapper__button {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .chat-wrapper--small .chat-wrapper__button .icon {
    margin: 0;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .chat-wrapper--small .chat-wrapper__button span {
    display: none;
  }
  .chat-wrapper--small .chat-wrapper__selected .cw-item {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .chat-wrapper--small .chat-wrapper__selected .cw-item__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .chat-wrapper--small .chat-wrapper__selected .cw-item__arrow .icon {
    margin: 0;
  }
  .chat-wrapper--small .chat-wrapper__selected .cw-item__avatar {
    display: none;
  }
  .chat-wrapper--small .cw-item:has(.cw-item__avatar) .cw-item__content {
    display: none;
  }
  .chat-wrapper--small .cw-item__arrow, .chat-wrapper--small .cw-item .date, .chat-wrapper--small .cw-item .badge {
    display: none;
  }
}
.chat-wrapper--step-2 .chat-wrapper__selected {
  display: block;
}
.chat-wrapper--step-2 .chat-wrapper__items-step-1 {
  display: none;
}
.chat-wrapper--step-2 .chat-wrapper__items-step-2 {
  display: block;
}
.chat-wrapper--step-2 .main__head {
  display: none;
}
.chat-wrapper--step-3 {
  max-height: calc(100svh - 130px);
}
@media screen and (max-width: 767px) {
  .chat-wrapper--step-3 {
    max-height: calc(100svh - 90px);
  }
}
.chat-wrapper--step-3 .chat-wrapper__body--null {
  display: none;
}
.chat-wrapper--step-3 .chat-wrapper__body--full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 992px) {
  .chat-wrapper--step-3 .chat-wrapper__side {
    height: auto;
  }
  .chat-wrapper--step-3 .chat-wrapper__selected {
    margin-bottom: 0;
  }
  .chat-wrapper--step-3 .chat-wrapper__items {
    display: none;
  }
  .chat-wrapper--step-3 .chat-wrapper__search {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  .chat-wrapper.is-searching .chat-wrapper__body {
    padding-bottom: 58px;
  }
  .chat-wrapper.is-searching .chat-wrapper__form {
    display: none !important;
  }
}

.cw-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-radius: 8px;
  padding: 8px;
  min-height: 56px;
  cursor: pointer;
}
.cw-item__avatar {
  position: relative;
  width: 40px;
  height: 40px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-radius: 4px;
  overflow: hidden;
}
.cw-item__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.cw-item__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
}
.cw-item__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.cw-item__pin {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  opacity: 0;
}
@media screen and (max-width: 992px) {
  .cw-item__pin {
    opacity: 1;
  }
}
.cw-item__pin .icon {
  font-size: 16px;
  color: var(--color-gray-60);
}
.cw-item__pin .icon-pin-alt {
  display: none;
}
.cw-item__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.cw-item__text {
  font-size: 12px;
  margin-top: 3px;
  color: var(--color-gray-100);
  line-height: 1.4;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.cw-item__value {
  color: var(--color-gray-80);
  display: inline;
}
.cw-item__count {
  color: var(--accentColor);
  display: inline;
  font-weight: 600;
}
.cw-item__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.cw-item__arrow[type=button] {
  height: 100%;
  border: none;
  margin-left: -8px;
  margin-right: 0;
  width: 40px;
  background: none;
}
.cw-item__arrow .icon {
  font-size: 12px;
  color: var(--color-gray-60);
}
.cw-item__arrow .icon-admin {
  font-size: 16px;
  color: #2F42ED;
}
.cw-item .badge {
  line-height: 16px;
}
.cw-item:hover .cw-item__pin, .cw-item.is-pinned .cw-item__pin {
  opacity: 1;
}
.cw-item.is-pinned {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.cw-item.is-pinned .cw-item__pin .icon-pin {
  display: none;
}
.cw-item.is-pinned .cw-item__pin .icon-pin-alt {
  display: block;
}

.cw-overlay {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.cw-overlay__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #FDF2EA;
}
.cw-overlay__icon .icon {
  font-size: 20px;
  color: var(--accentColor);
  left: 2px;
}

.cw-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
}
.cw-info__title {
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
}
.cw-info__price {
  font-size: 12px;
  line-height: 1.4;
  margin-top: 3px;
  font-weight: 600;
  color: var(--accentColor);
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.cw-search {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  border-radius: 8px;
  background: var(--color-gray-5);
  position: relative;
  gap: 16px;
  height: 48px;
}
.cw-search__icon {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cw-search__icon .icon {
  color: var(--color-gray-60);
}
.cw-search__input {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
}
.cw-search__input input {
  height: 100%;
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  font-size: 16px;
  line-height: 1.4;
  font-family: var(--ff);
  color: var(--color-gray--60);
}
.cw-search__input input::-webkit-input-placeholder {
  color: var(--color-gray-60);
}
.cw-search__input input::-moz-placeholder {
  color: var(--color-gray-60);
}
.cw-search__input input:-ms-input-placeholder {
  color: var(--color-gray-60);
}
.cw-search__input input::-ms-input-placeholder {
  color: var(--color-gray-60);
}
.cw-search__input input::placeholder {
  color: var(--color-gray-60);
}
.cw-search__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media screen and (max-width: 992px) {
  .cw-search__actions {
    position: fixed;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    padding: 8px 16px;
    background: #fff;
    border-top: 1px solid var(--color-gray-20);
    z-index: 10;
  }
}
.cw-search__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.cw-search__value {
  font-size: 14px;
  line-height: 1.4;
  color: var(--color-gray-100);
}
.cw-search .btn-icon .icon {
  color: var(--color-gray-80);
}
.cw-search .btn-icon .icon-close {
  color: var(--color-gray-60);
}

.cw-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.cw-actions .btn-icon .icon {
  color: var(--color-gray-60);
}
.cw-actions .btn-icon:hover .icon {
  color: var(--color-gray-100);
}

.cw-messages-fieldset {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -ms-grid-columns: 1fr auto 1fr;
  grid-template-columns: 1fr auto 1fr;
}
.cw-messages-fieldset::before, .cw-messages-fieldset::after {
  content: "";
  height: 1px;
  background: var(--color-gray-20);
  min-width: 10px;
}
.cw-messages-fieldset span {
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
  color: var(--color-gray-100);
}

.cw-messages-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: calc(100% - 72px);
  gap: 4px;
  margin-right: auto;
}
.cw-messages-row__header {
  margin-bottom: 4px;
}
.cw-messages-row__header img {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.cw-messages-row__header span {
  font-size: 14px;
  line-height: 1.4;
  display: block;
}
.cw-messages-row__main {
  background: var(--color-gray-5);
  border-radius: 0 8px 8px 8px;
  padding: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-gray-100);
  border: 1px solid transparent;
}
@media screen and (max-width: 359px) {
  .cw-messages-row__main {
    font-size: 12px;
  }
}
.cw-messages-row__main.is-active-search {
  border-color: var(--accentColor);
}
.cw-messages-row__footer {
  padding: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cw-messages-row__time {
  font-size: 12px;
  color: var(--color-gray-60);
}
.cw-messages-row__status {
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cw-messages-row__status .icon {
  font-size: 12px;
  top: -1px;
  color: var(--color-gray-60);
}
.cw-messages-row__status .icon-double-check {
  display: none;
  font-size: 16px;
}
.cw-messages-row__status.is-active .icon-check {
  display: none;
}
.cw-messages-row__status.is-active .icon-double-check {
  display: block;
}
.cw-messages-row__content {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 14px;
}
@media screen and (max-width: 359px) {
  .cw-messages-row__content {
    font-size: 12px !important;
  }
}
.cw-messages-row .btn-icon .icon {
  color: var(--color-gray-80);
}
.cw-messages-row--out {
  margin-left: auto;
  margin-right: 0;
}
.cw-messages-row--out .cw-messages-row__main {
  background: #FDF2EA;
  border-radius: 8px 0 8px 8px;
}
.cw-messages-row--out .cw-messages-row__footer {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cw-messages-row--admin .cw-messages-row__main {
  background: #F5F6FE;
}

.cw-files {
  margin-bottom: 8px;
}
.cw-files .swiper-slide {
  width: auto !important;
}
.cw-files .swiper-button-prev,
.cw-files .swiper-button-next {
  width: 24px;
  height: 100%;
  top: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  margin: 0;
  border-radius: 0;
}
.cw-files .swiper-button-prev:after,
.cw-files .swiper-button-next:after {
  background-size: 10px 16px;
}
.cw-files .swiper-button-prev {
  left: 0;
}
.cw-files .swiper-button-next {
  right: 0;
}
.cw-files .swiper-button-disabled {
  display: none !important;
}

.cw-file {
  width: 64px;
  height: 64px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  background: var(--color-gray-5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.cw-messages-row .cw-file{
  background: #E1E1E1;
}
.cw-file__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  min-width: 100%;
}
.cw-file__wrap .icon {
  font-size: 20px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: var(--color-gray-60);
}
.cw-file__name {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  color: var(--color-gray-80);
  font-size: 12px;
}
.cw-file img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.cw-file .remove-file {
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  position: absolute;
}
.cw-file .remove-file .icon {
  font-size: 16px;
}
.cw-file--lg {
  width: 136px;
}

.highlight {
  background: #F5B083;
}

.active-highlight {
  background: #F5B083;
}

.cw-messages-write {
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
  color: var(--color-gray-80);position: fixed;
  bottom: 67px;
}

.mg-content {
  background: #FDF2EA;
  border-radius: 0 8px 8px 0;
  padding: 8px 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 32px;
  min-width: 1px;
}
.mg-content__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-gray-100);
}
.mg-content .btn-icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mg-content::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background: var(--accentColor);
  border-radius: 8px 0 0 8px;
}

.typing-dots {
  display: inline;
  vertical-align: middle;
  gap: 2px;
  font-size: 0;
}
.typing-dots div {
  display: inline-block;
  vertical-align: middle;
  width: 3px;
  height: 3px;
  margin: 0 2px;
  background-color: var(--color-gray-60);
  border-radius: 50%;
  -webkit-animation: dotFlashing 1.5s infinite ease-in-out;
          animation: dotFlashing 1.5s infinite ease-in-out;
}
.typing-dots div:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.typing-dots div:nth-child(2) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.typing-dots div:nth-child(3) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

@-webkit-keyframes dotFlashing {
  0%, 100% {
    background-color: var(--color-gray-60);
  }
  50% {
    background-color: var(--color-gray-20);
  }
}

@keyframes dotFlashing {
  0%, 100% {
    background-color: var(--color-gray-60);
  }
  50% {
    background-color: var(--color-gray-20);
  }
}
.hero {
  background: url("../img/hero-bg3.png") no-repeat center;
  background-size: auto 100%;
  padding: 90px 0 150px;
  min-height: 598px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 992px) {
  .hero {
    min-height: 500px;
  }
}
@media screen and (max-width: 767px) {
  .hero {
    background-image:none;
    background-position: right bottom;
    padding: 56px 0 0px;
  }
}
@media screen and (max-width: 359px) {
  .hero {
    padding-top: 40px;
    padding-bottom: 250px;
  }
}
.hero__content {
  max-width: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 992px) {
  .hero__content {
    max-width: 580px;
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .hero__content {
    max-width: none;
  }
}
.hero__title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 992px) {
  .hero__title {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .hero__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 359px) {
  .hero__title {
    font-size: 26px;
  }
}
.hero__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media screen and (max-width: 575px) {
  .hero__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
}

.stats {
  margin-top: -90px;
  margin-bottom: 120px;
}
@media screen and (max-width: 992px) {
  .stats {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .stats {
    margin-top: -55px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .stats__wrap {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 8px;
  }
}
.stats__item {
  padding: 16px 16px 32px 16px;
  background: #fff;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  color: var(--color);
  height: 100%;
  min-height: 100px;
}
.stats__item:hover {
  color: inherit;
}
.stats__num {
  line-height: 1.2;
  font-size: 30px;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (max-width: 992px) {
  .stats__num {
    font-size: 24px;
  }
}
.stats__title {
  font-size: 16px;
  color: #919297;
  margin-top: 2px;
}
@media screen and (max-width: 992px) {
  .stats__title {
    font-size: 14px;
  }
}
.stats__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--accentColor);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-radius: 50%;
}
.stats__arrow .icon {
  display: block;
  color: #fff;
  font-size: 24px;
  right: -1px;
}

.categories__item {
  background: #fff;
  height: 66px;
  padding: 0 24px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #3D3E42;
  font-size: 16px;
}
.categories__item:hover {
  color: #1D1D21;
}
@media screen and (max-width: 992px) {
  .categories__item {
    height: 48px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .categories__item {
    height: 36px;
    font-size: 12px;
    padding: 0 12px;
  }
}

@media screen and (max-width: 1239px) {
  .news-slider {
    overflow: visible;
  }
}
.news-slider .swiper-slide {
  height: auto;
}
@media screen and (max-width: 1239px) {
  .news-slider .swiper-slide {
    width: 384px;
  }
}
@media screen and (max-width: 992px) {
  .news-slider .swiper-slide {
    width: 320px;
  }
}
@media screen and (max-width: 767px) {
  .news-slider .swiper-slide {
    width: 280px;
  }
}
@media screen and (max-width: 575px) {
  .news-slider .article__title {
    font-size: 16px;
  }
}
@media screen and (max-width: 575px) {
  .news-slider .article__text {
    font-size: 12px;
  }
}
@media screen and (max-width: 575px) {
  .news-slider .article .group-details {
    font-size: 10px;
  }
}

.article {
  padding: 16px;
  border-radius: 8px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.article:hover {
  background: #E9E9EE;
}
.article:hover .article__title {
  color: var(--accentColor);
}
.article__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.article__img {
  margin-bottom: 8px;
}
.article__img img {
  width: 100%;
  border-radius: 8px;
}
.article__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (max-width: 992px) {
  .article__title {
    font-size: 18px;
  }
}
.article__text {
  margin-bottom: 16px;
}
@media screen and (max-width: 992px) {
  .article__text {
    font-size: 14px;
  }
}
.article__footer {
  margin-top: auto;
  padding: 16px 0 0;
  border-top: 1px solid #D8D8DC;
}
@media screen and (max-width: 767px) {
  .article__footer .group-details {
    font-size: 12px;
  }
}

.group-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px 16px;
  white-space: nowrap;
  color: #919297;
  font-size: 12px;
  line-height: 1.4;
}
.group-details span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  position: relative;
}
.group-details span .icon {
  font-size: 16px;
}
.group-details span:not(:first-child) {
  padding-left: 20px;
}
.group-details span:not(:first-child):before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #919297;
  margin-right: 16px;
}
.group-details--lg {
  font-size: 16px;
  gap: 8px 24px;
}
@media screen and (max-width: 767px) {
  .group-details--lg {
    gap: 8px 16px;
  }
}
@media screen and (max-width: 359px) {
  .group-details--lg {
    font-size: 14px;
  }
}
.group-details--lg span .icon {
  font-size: 22px;
}
.group-details--lg span:not(:first-child) {
  padding-left: 28px;
}
@media screen and (max-width: 767px) {
  .group-details--lg span:not(:first-child) {
    padding-left: 20px;
  }
}

.reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.review-card {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  width: 100%;
}
.review-card__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--color-gray-20);
}
.review-card__title {
  line-height: 1.5;
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .review-card__title {
    font-size: 14px;
  }
}
.review-card__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  gap: 16px;
}
.review-card__text {
  color: var(--color-gray-100);
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .review-card__text {
    font-size: 14px;
  }
}
.review-card__footer {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.review-card__actions {
  font-size: 0;
}
@media screen and (max-width: 767px) {
  .review-card__actions {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
.review-card__form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.review-card__form .message-group {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 280px;
}
@media screen and (max-width: 767px) {
  .review-card__form .message-group {
    min-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .review-card__form .buttons-group {
    width: 100%;
  }
}
.review-card .review-card {
  padding: 0 0 0 48px;
  border-radius: 0;
  border-left: 1px solid var(--color-gray-20);
}
@media screen and (max-width: 767px) {
  .review-card .review-card {
    padding-left: 24px;
  }
}

.c-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.c-user__avatar {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 8px;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.c-user__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-user__content {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.c-user__name {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .c-user__name {
    font-size: 14px;
  }
}
.c-user__date {
  font-size: 12px;
  color: var(--color-gray-60);
}

.c-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-rating__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .c-rating__items {
    gap: 0;
  }
}
.c-rating__items .icon {
  color: var(--accentColor);
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .c-rating__items .icon {
    font-size: 16px;
  }
}

.btn-answer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: var(--ff);
  color: var(--accentColor);
  font-size: 16px;
  font-weight: 400;
  gap: 8px;
  border: none;
  background: none;
  padding: 0 3px;
}
.btn-answer .icon {
  font-size: 16px;
}
.btn-answer.is-active {
  display: none;
}

.popup {
  border-radius: 0;
  background: rgba(15, 15, 16, 0.05);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  --popup-padding: 20px;
}
@media screen and (max-width: 767px) {
  .popup {
    --popup-padding: 16px;
  }
}
.popup .btn-close {
  background: none;
  padding: 0;
  width: 24px;
  height: 24px;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
}
.popup .btn-close:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.popup .btn-close:hover .icon {
  color: var(--color-gray--60);
}
.popup .btn-close .icon {
  font-size: 14px;
  color: var(--color-gray-100);
}
.popup .modal-dialog {
  max-width: 522px;
  padding: var(--popup-padding);
  margin-left: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
}
@media screen and (max-width: 359px) {
  .popup .modal-dialog {
    padding: 5px;
  }
}
.popup .modal-body {
  padding: 0;
}
.popup .modal-body--only {
  padding-top: 28px;
  padding-bottom: 28px;
}
.popup .modal-content {
  padding: var(--popup-padding);
}
.popup .modal-header {
  gap: var(--popup-padding);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 var(--popup-padding);
  margin-bottom: var(--popup-padding);
  border-bottom-color: var(--color-gray-20);
}
.popup .modal-header .btn-close {
  position: static;
}
.popup .modal-header.wborder {
  padding: 6px 0;
  border: none;
}
.popup .modal-header.wborder + .modal-footer {
  margin-top: 0;
}
.popup .modal-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .popup .modal-title {
    font-size: 18px;
  }
}
.popup .modal-step {
  color: var(--color-gray-80);
  font-size: 14px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.popup .modal-footer {
  margin-top: var(--popup-padding);
  padding: var(--popup-padding) 0 0 0;
  border-top-color: var(--color-gray-20);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
.popup .modal-footer .button {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .popup .modal-footer .button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
  }
}
.popup .modal-footer--sticky {
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 9;
  background: #fff;
  margin-bottom: calc(var(--popup-padding) * -1);
  margin-left: calc(var(--popup-padding) * -1);
  margin-right: calc(var(--popup-padding) * -1);
  padding-bottom: var(--popup-padding);
  padding-left: var(--popup-padding);
  padding-right: var(--popup-padding);
}
.popup .modal-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .popup .modal-buttons {
    width: 100%;
  }
}
.popup .modal-buttons .button {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .popup .modal-buttons .button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.offcanvas {
  border: none !important;
  -webkit-box-shadow: 0px 0px 64px 0px rgba(8, 9, 45, 0.15);
          box-shadow: 0px 0px 64px 0px rgba(8, 9, 45, 0.15);
  --popup-padding: 20px;
  background: var(--color-gray-5);
}
@media screen and (max-width: 767px) {
  .offcanvas {
    --popup-padding: 16px;
  }
}
.offcanvas-body {
  padding: var(--popup-padding);
}
.offcanvas-header {
  gap: var(--popup-padding);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: var(--popup-padding) 0;
  margin-left: var(--popup-padding);
  margin-right: var(--popup-padding);
  margin-bottom: 0;
  border-bottom: 1px solid var(--color-gray-20);
}
.offcanvas-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .offcanvas-title {
    font-size: 18px;
  }
}
.offcanvas-backdrop {
  background: rgba(15, 15, 16, 0.05);
}
.offcanvas .btn-close {
  background: none;
  padding: 0;
  width: 24px;
  height: 24px;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}
.offcanvas .btn-close:hover .icon {
  color: var(--color-gray--60);
}
.offcanvas .btn-close .icon {
  font-size: 14px;
  color: var(--color-gray-100);
}

.offcanvas#mobile-nav,
.offcanvas#user-navbar {
  top: 74px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .offcanvas#mobile-nav,
.offcanvas#user-navbar {
    --bs-offcanvas-width: 264px;
    top: 58px;
  }
}
.offcanvas#mobile-nav .offcanvas-body,
.offcanvas#user-navbar .offcanvas-body {
  padding: 32px 16px;
}

.offcanvas#user-navbar {
  --bs-offcanvas-width: 264px;
}
.offcanvas#user-navbar .offcanvas-body {
  padding: 24px 16px;
}

.offcanvas#filter-nav {
  z-index: 1046;
}
.offcanvas#filter-nav .offcanvas-body {
  padding-bottom: 0;
}
.offcanvas#filter-nav .filter__actions {
  border: none;
}

.offcanvas#modal-filter-nav {
  z-index: 1066;
  top: 16px;
  right: 16px;
  bottom: 16px;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  max-width: calc(100% - 32px);
}
@media screen and (max-width: 359px) {
  .offcanvas#modal-filter-nav {
    top: 5px;
    right: 5px;
    bottom: 5px;
    max-width: calc(100% - 10px);
  }
}
.offcanvas#modal-filter-nav .offcanvas-body {
  padding-bottom: 0;
}
.offcanvas#modal-filter-nav.show ~ .offcanvas-backdrop {
  z-index: 1065;
}

.offcanvas#offcanvas-chat {
  background: #fff;
  top: 0;
  z-index: 1066;
  width: 624px;
}
.offcanvas#offcanvas-chat.show ~ .offcanvas-backdrop {
  z-index: 1065;
}
.offcanvas#offcanvas-chat .offcanvas-header {
  margin-left: 0;
  margin-right: 0;
  padding-left: var(--popup-padding);
  padding-right: var(--popup-padding);
}

.chat-wrapper-modal {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.chat-wrapper-modal__selected, .chat-wrapper-modal__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
  border-bottom: 1px solid var(--color-gray-20);
  padding-left: calc(var(--popup-padding) - 8px);
  padding-right: calc(var(--popup-padding) - 8px);
}
.chat-wrapper-modal__head {
  padding-left: var(--popup-padding);
  padding-right: var(--popup-padding);
}
.chat-wrapper-modal__messages {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  min-height: 1px;
  overflow: hidden;
  overflow-y: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 0;
  margin-right: 4px;
}
.newmsgc{color:#EE7B30; font-weight: bold;}
@media screen and (max-width: 359px) {
  .chat-wrapper-modal__messages {
    padding-left: 12px;
    padding-right: 8px;
  }
}
.chat-wrapper-modal__messages-fit {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 1px;
}
.chat-wrapper-modal__form {
  padding: 8px var(--popup-padding) var(--popup-padding);
}

/* specialization */
#edit-specialization_modal .modal-dialog, #choose-category_modal .modal-dialog {
  max-width: 944px;
}

.specialization-select {
  position: relative;
}
.specialization-select__nav {
  width: 240px;
  list-style-type: none;
  padding-right: 20px;
  border-right: 1px solid var(--color-gray-20);
  max-height: 240px;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .specialization-select__nav {
    overflow: hidden;
    max-height: none;
    width: 100%;
    padding-right: 0;
    border: none;
    gap: 12px;
  }
}
.specialization-select__nav > li.is-active > a {
  color: var(--color-gray--40);
}
.specialization-select__nav > li.is-active > a:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  border-top-color: var(--color-gray--60);
}
.specialization-select__nav > li.is-active .specialization-select__dropdown {
  display: block;
}
.specialization-select__nav > li > a {
  color: var(--color-gray-60);
  font-size: 12px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .specialization-select__nav > li > a {
    padding: 3px 0;
  }
  .specialization-select__nav > li > a:after {
    content: "";
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: var(--color-gray-60) transparent transparent transparent;
  }
}
.specialization-select__nav > li > a:hover, .specialization-select__nav > li > a:focus-visible {
  color: var(--color-gray--40);
}
.specialization-select__dropdown {
  position: absolute;
  left: 260px;
  top: 0;
  display: none;
}
@media screen and (max-width: 767px) {
  .specialization-select__dropdown {
    position: static;
    padding-top: 8px;
  }
}

/* Suggest an	order */
#suggest-order_modal .modal-dialog, #add-examples-project_modal .modal-dialog {
  max-width: 984px;
}

#complain_modal .modal-dialog, #complain-order_modal .modal-dialog, #choose-performer_modal .modal-dialog, #cancel-offer_modal .modal-dialog, #reject-result_modal .modal-dialog, #support_modal .modal-dialog, #report-user-in-chat_modal .modal-dialog {
  max-width: 688px;
}

#delete-account_modal .modal-dialog, #recover-account_modal .modal-dialog {
  max-width: 640px;
}

#invite-performers_modal .modal-dialog {
  max-width: 1084px;
}

.popup-sidevar {
  width: 328px;
}

#order-published_modal .modal-dialog {
  max-width: 374px;
}

#profile-activation-phone_modal .modal-dialog,
#profile-activation-email_modal .modal-dialog,
#performer-selected_modal .modal-dialog,
#confirm-order-thanks_modal .modal-dialog,
#cancel-order-thanks_modal .modal-dialog,
#thanks-for-report-user-in-chat_modal .modal-dialog {
  max-width: 472px;
}

/* Desktop =========================*/
@media screen and (min-width: 1500px) {
  .visible-xl {
    display: none !important;
  }
}
@media screen and (max-width: 1500px) {
  .hidden-xl {
    display: none !important;
  }
} /* Laptop =========================*/
@media screen and (min-width: 1239px) {
  .visible-lg {
    display: none !important;
  }
}
@media screen and (max-width: 1239px) {
  .hidden-lg {
    display: none !important;
  }
}
/* Ipad ===========================*/
@media screen and (min-width: 992px) {
  .visible-md {
    display: none !important;
  }
}
@media screen and (max-width: 992px) {
  .hidden-md {
    display: none !important;
  }
}
/* Mobile =========================*/
@media screen and (min-width: 767px) {
  .visible-sm {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}
/* Mobile sm ======================*/
@media screen and (min-width: 575px) {
  .visible-xs {
    display: none !important;
  }
}
@media screen and (max-width: 575px) {
  .hidden-xs {
    display: none !important;
  }
}
/* Mobile xs ======================*/
@media screen and (min-width: 360px) {
  .visible-xxs {
    display: none !important;
  }
}
@media screen and (max-width: 359px) {
  .hidden-xxs {
    display: none !important;
  }
}
/* FOOTER */
/* ================================================ */
.footer {
  width: 100%;
  min-width: 20rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #E9E9EE;
  padding: 80px 0;
  margin-top: 30px;
}
@media screen and (max-width: 992px) {
  .footer {
    padding: 60px 0;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    padding: 40px 0;
  }
}

.footer-nav {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 767px) {
  .footer-nav {
    gap: 16px;
  }
}
.footer-nav a {
  color: #4D4E52;
  font-size: 16px;
}
.footer-nav a:hover {
  color: #1D1D21;
}