@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);
@charset "UTF-8";
body {
  color: #292929;
  min-width: 320px;
  background-color: #FAFAFA;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  letter-spacing: 0.3px;
  position: relative;
}
@media (max-width: 767px) {
  body {
    background-color: #fff;
  }
}
body::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}
body.lock {
  overflow: hidden;
}
body.lock::before {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.4);
}

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

a {
  color: #292929;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #2563EB;
}

a:focus {
  color: #292929;
  text-decoration: none;
}

button, button[typhonee=submit], a, input {
  outline: none;
}

button:hover, button[type=submit], a:hover, input:hover {
  outline: none;
}

button:focus, button[type=submit], a:focus, input:focus {
  outline: none;
}

.wrapper {
  overflow: hidden;
}

/*font-family: 'Gilroy-Regular', sans-serif;*/
.header {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 50;
}
.header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FAFAFA;
  z-index: 2;
}
.header .header__body {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px;
}
.header .header__body .header__logo {
  z-index: 3;
  flex-shrink: 0;
  margin-right: 32px;
}
.header .header__body .header__logo img {
  max-width: 100%;
  display: block;
  width: 53px;
}
.header .header__body .search-place {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 8px 16px 8px 10px;
  margin: 0 auto;
  max-width: 640px;
  width: 100%;
}
.header .header__body .search-place .ico {
  margin-right: 8px;
  display: flex;
}
.header .header__body .search-place #searchForm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.header .header__body .search-place #searchForm .form-control {
  border: none;
  background-color: transparent;
  padding: 0 8px;
  font-size: 14px;
}
.header .header__body .search-place #searchForm .form-control:focus {
  box-shadow: none;
}
.header .header__body .search-place #searchForm select {
  font-size: 12px;
  line-height: 133%;
  background-color: #F5F5F4;
  border-radius: 4px;
  padding: 0px 6px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 36px 4px 6px;
  border: none;
  color: #404040;
  cursor: pointer;
}
.header .header__body .search-place #searchForm select:focus {
  box-shadow: none;
}
.header .header__body .mobile-search {
  display: none;
}
.header .header__body .header__burger {
  display: none;
}
.header .header__menu {
  position: relative;
}
.header .header__menu .header__list {
  display: flex;
  position: relative;
  z-index: 2;
  padding: 0;
  margin: 0;
  justify-content: center;
}
.header .header__menu .header__list li {
  list-style: none;
  margin-right: 16px;
  position: relative;
}
.header .header__menu .header__list li .header__link {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #737373;
  display: flex;
  align-items: center;
  transition: 0.3s;
  white-space: nowrap;
}
.header .header__menu .header__list li .header__link:hover {
  color: #000;
}
.header .header__menu .header__list li .header__link span {
  margin-left: 7px;
  font-size: 8px;
}
.header .header__menu .header__list li .header__link img {
  width: 20px;
  margin-right: 5px;
}
.header .header__menu .header__list li .submenu {
  position: absolute;
  padding: 0;
  margin: 0;
  list-style: none;
  padding: 8px 16px;
  border-radius: 12px;
  background: #fff;
  width: 240px;
  display: none;
  left: -19px;
  top: 30px;
  box-shadow: 0 2px 4px -2px rgba(16, 24, 40, 0.06), 0 4px 8px -2px rgba(16, 24, 40, 0.1);
}
.header .header__menu .header__list li .submenu li .header__link {
  padding: 8px 4px;
  white-space: normal;
}
.header .header__menu .header__list li.select-lang-menu {
  display: none;
}
.header .header__menu .mobile-menu {
  display: none;
}
.header .header__menu .action-register {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 12px;
  background: #f5f5f5;
  border-top: 1px solid #e5e5e5;
}
.header .header__menu .action-register .site-btn {
  border-radius: 8px;
  width: 100%;
}
.header .actions {
  position: relative;
  z-index: 2;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.header .actions .select-lang-menu {
  margin-right: 20px;
  position: relative;
  list-style: none;
}
.header .actions .select-lang-menu .current-lang {
  display: flex;
  align-items: center;
}
.header .actions .select-lang-menu .current-lang img {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 7px;
}
.header .actions .select-lang-menu .header__link {
  transition: 0.3s;
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #737373;
}
.header .actions .select-lang-menu .header__link:active, .header .actions .select-lang-menu .header__link:focus {
  color: #000;
}
.header .actions .select-lang-menu .header__link:hover {
  color: #000;
}
.header .actions .select-lang-menu .header__link span {
  margin-left: 7px;
  font-size: 8px;
}
.header .actions .select-lang-menu .submenu {
  display: none;
  position: absolute;
  top: 25px;
  right: 0;
  width: 110px;
  list-style: none;
  margin: 0;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  box-shadow: 0 2px 4px -2px rgba(16, 24, 40, 0.06), 0 4px 8px -2px rgba(16, 24, 40, 0.1);
}
.header .actions .select-lang-menu .submenu li {
  margin-bottom: 7px;
}
.header .actions .select-lang-menu .submenu li:last-child {
  margin-bottom: 0;
}
.header .actions .select-lang-menu .submenu li .header__link {
  display: flex;
  align-items: center;
}
.header .actions .select-lang-menu .submenu li .header__link img {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 5px;
}
.header .actions .visitor {
  display: flex;
  align-items: center;
}
.header .actions .visitor a:nth-child(1) {
  padding: 10px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #404040;
}
.header .actions .visitor a:nth-child(2) {
  margin-left: 7px;
  background-color: #404040;
  padding: 10px 24px;
}
.header .actions .user {
  display: flex;
  align-items: center;
  position: relative;
}
.header .actions .user .user-panel {
  display: flex;
  align-items: center;
}
.header .actions .user .user-panel .user-panel-link-item {
  margin-left: 15px;
  position: relative;
  flex-shrink: 0;
}
.header .actions .user .user-panel .user-panel-link-item .ico {
  position: relative;
}
.header .actions .user .user-panel .user-panel-link-item .ico i {
  color: #737373;
  transition: 0.3s;
  font-size: 17px;
}
.header .actions .user .user-panel .user-panel-link-item .ico i:hover {
  color: #000;
}
.header .actions .user .user-panel .user-panel-link-item .ico span {
  width: 10px;
  height: 10px;
  position: absolute;
  background: red;
  top: 3px;
  right: -2px;
  border-radius: 50px;
  border: 2px solid #fff;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget {
  box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.03), 0 12px 16px -4px rgba(16, 24, 40, 0.08);
  width: 360px;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget.active {
  opacity: 1;
  visibility: visible;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget .heading {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #000;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e5e5;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget .user-panel-vidget-wrap {
  padding-right: 70px;
  position: relative;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget .user-panel-vidget-wrap a {
  padding: 6px 0 10px 16px;
  display: flex;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget .user-panel-vidget-wrap .button-close {
  position: absolute;
  top: 12px;
  right: 22px;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget.notification-vidget {
  padding-bottom: 8px;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget.notification-vidget .ico {
  width: 48px;
  height: 48px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  margin-right: 12px;
  flex-shrink: 0;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget.notification-vidget .ico img {
  width: 22px;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget.notification-vidget .content .last-visit {
  font-weight: 400;
  font-size: 12px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #a3a3a3;
  margin-bottom: 2px;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget.notification-vidget .content .notification-content {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #404040;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget.message-vidget {
  padding-bottom: 8px;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget.message-vidget .thumb {
  margin-right: 12px;
  position: relative;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget.message-vidget .thumb img {
  width: 48px;
  height: 48px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50px;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget.message-vidget .thumb .online {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #4BB34B;
  position: absolute;
  right: 0;
  bottom: 0;
  border: 2px solid #fff;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget.message-vidget .content .last-visit {
  font-weight: 400;
  font-size: 12px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #a3a3a3;
  margin-bottom: 2px;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget.message-vidget .content .name {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 2px;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget.message-vidget .content .message {
  font-weight: 400;
  font-size: 13px;
  line-height: 123%;
  letter-spacing: -0.02em;
  color: #737373;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.header .actions .user .user-panel .user-panel-link-item .user-panel-vidget.message-vidget .message-counter {
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #fff;
  border-radius: 20px;
  padding: 3px 8px;
  background: #1d4ed8;
  line-height: 14px;
  margin: auto 0 auto auto;
}
.header .actions .user .user-panel .user-panel-link-item:first-child {
  margin-left: 0;
}
.header .actions .user .user-thumb {
  position: relative;
  flex-shrink: 0;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 5px;
}
.header .actions .user .user-thumb img {
  border-radius: 40px;
  width: 36px;
  height: 36px;
  overflow: hidden;
  cursor: pointer;
  -o-object-fit: cover;
     object-fit: cover;
}
.header .actions .user .user-thumb .online {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #4BB34B;
  position: absolute;
  right: -2px;
  bottom: -2px;
  border: 2px solid #fff;
}
.header .actions .user .user-account-actions {
  position: absolute;
  top: calc(100% + 20px);
  background-color: #fff;
  border-radius: 12px;
  width: 260px !important;
  right: 0;
  box-shadow: 0 2px 4px -2px rgba(16, 24, 40, 0.06), 0 4px 8px -2px rgba(16, 24, 40, 0.1);
}
.header .actions .user .user-account-actions .main-info {
  padding: 8px;
  border-bottom: 1px solid #e5e5e5;
}
.header .actions .user .user-account-actions .main-info .main-info-wrap {
  padding: 6px 0;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.header .actions .user .user-account-actions .main-info .main-info-wrap .thumb {
  position: relative;
  flex-shrink: 0;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 12px;
}
.header .actions .user .user-account-actions .main-info .main-info-wrap .thumb img {
  border-radius: 40px;
  width: 36px;
  height: 36px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
.header .actions .user .user-account-actions .main-info .main-info-wrap .content .name {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 2px;
}
.header .actions .user .user-account-actions .main-info .main-info-wrap .content .position {
  font-weight: 400;
  font-size: 12px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #737373;
}
.header .actions .user .user-account-actions .main-info .change-status {
  padding: 3px 4px;
}
.header .actions .user .user-account-actions .main-info .change-status .form-check {
  display: flex;
  justify-content: space-between;
  padding-left: 0;
}
.header .actions .user .user-account-actions .main-info .change-status .form-check label {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
}
.header .actions .user .user-account-actions .main-info .change-status .form-check input:focus {
  box-shadow: none;
}
.header .actions .user .user-account-actions .user-account-links {
  padding: 8px;
  border-bottom: 1px solid #e5e5e5;
}
.header .actions .user .user-account-actions .user-account-links .account-links {
  padding: 0;
  margin: 0;
  list-style: none;
}
.header .actions .user .user-account-actions .user-account-links .account-links li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #525252;
  padding: 9px 4px;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
.header .actions .user .user-account-actions .user-account-links .account-links li a:hover {
  color: #000;
}
.header .actions .user .user-account-actions .user-account-links .account-links li a .ico {
  margin-right: 12px;
  display: flex;
}
.header .actions .user .user-account-actions .switch-account {
  padding: 8px;
  border-bottom: 1px solid #e5e5e5;
}
.header .actions .user .user-account-actions .switch-account .pre-title {
  font-weight: 400;
  font-size: 11px;
  line-height: 145%;
  letter-spacing: -0.02em;
  color: #a3a3a3;
}
.header .actions .user .user-account-actions .switch-account .main-info-wrap {
  padding: 6px 0;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.header .actions .user .user-account-actions .switch-account .main-info-wrap .thumb {
  position: relative;
  flex-shrink: 0;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 12px;
}
.header .actions .user .user-account-actions .switch-account .main-info-wrap .thumb img {
  border-radius: 40px;
  width: 36px;
  height: 36px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
.header .actions .user .user-account-actions .switch-account .main-info-wrap .content .name {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 2px;
}
.header .actions .user .user-account-actions .switch-account .main-info-wrap .content .position {
  font-weight: 400;
  font-size: 12px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #737373;
}
.header .actions .user .user-panel-vidget {
  position: absolute;
  top: calc(100% + 20px);
  background-color: #fff;
  border-radius: 12px;
  width: 260px;
  right: 0;
  box-shadow: 0 2px 4px -2px rgba(16, 24, 40, 0.06), 0 4px 8px -2px rgba(16, 24, 40, 0.1);
  transition: 0.3s;
}

.menu-categories {
  transition: 0.3s;
  z-index: 1;
  width: 100%;
}
.menu-categories .categories-container {
  margin-bottom: 0;
  position: relative;
  overflow: visible;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  background-color: #fff;
}
.menu-categories .categories-container .container-xl {
  max-width: 1340px;
}
.menu-categories .categories-container .categories .category {
  position: relative;
}
.menu-categories .categories-container .categories .category a {
  padding: 12px 0;
  position: relative;
  display: block;
}
.menu-categories .categories-container .categories .category a:hover {
  color: #000 !important;
}
.menu-categories .categories-container .categories .category a:hover::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  height: 3px;
  width: 100%;
  background-color: #2563EB;
}
.menu-categories .categories-container .subcategories {
  padding: 20px 32px;
  position: absolute;
  top: 49px;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  max-width: 1274px;
  -moz-column-count: 4;
       column-count: 4;
  -moz-column-gap: 60px;
       column-gap: 60px;
  list-style: none;
  display: none;
  z-index: 9999999;
}
.menu-categories .categories-container .subcategories.active {
  display: block;
}
.menu-categories .categories-container .subcategories li {
  -moz-column-width: 250px;
       column-width: 250px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.menu-categories .categories-container .subcategories .main-subcategory {
  color: #404145;
  font-weight: 600;
  margin-bottom: 30px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.menu-categories .categories-container .subcategories .main-subcategory .subsubcategories {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu-categories .categories-container .subcategories .main-subcategory .subsubcategories li a {
  color: #62646a;
  font-weight: 400;
  transition: 0.3s;
}
.menu-categories .categories-container .subcategories .main-subcategory .subsubcategories li a:hover {
  color: #000;
}

@media (max-width: 991px) {
  .menu-categories {
    display: none;
  }
  .header {
    position: fixed;
  }
  .header::before {
    background-color: #fff;
    box-shadow: none;
    border-bottom: 1px solid #e5e5e5;
  }
  .header .header__body {
    height: 56px;
    padding: 0 0;
  }
  .header .header__body .header__logo {
    order: 2;
    margin-right: 0;
  }
  .header .header__body .search-place {
    display: none;
  }
  .header .header__body .mobile-search {
    order: 3;
    z-index: 3;
    display: block;
  }
  .header .header__body .mobile-search #searchForm {
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    position: absolute;
    left: -20px;
    right: -20px;
    top: 0;
    margin: 7px 16px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    transition: 0.3s;
  }
  .header .header__body .mobile-search #searchForm.active {
    opacity: 1;
    visibility: visible;
  }
  .header .header__body .mobile-search #searchForm .form-control {
    border: none;
    font-weight: 400;
    font-size: 14px;
    padding: 10px 16px;
  }
  .header .header__body .mobile-search #searchForm span {
    border-radius: 4px;
    width: 24px;
    height: 24px;
    background: #f5f5f4;
    font-weight: 500;
    font-size: 8px;
    line-height: 200%;
    color: #404040;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 16px;
    top: 8px;
  }
  .header .header__body .header__burger {
    display: block;
    position: relative;
    width: 30px;
    height: 20px;
    z-index: 3;
    order: 1;
  }
  .header .header__body .header__burger span {
    position: absolute;
    background-color: #000;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    top: 9px;
    transition: all 0.3s ease 0s;
  }
  .header .header__body .header__burger::before, .header .header__body .header__burger::after {
    content: "";
    background-color: #000;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    transition: all 0.3s ease 0s;
  }
  .header .header__body .header__burger::before {
    top: 0;
  }
  .header .header__body .header__burger::after {
    bottom: 0;
  }
  .header .header__body .header__burger.active::before {
    transform: rotate(45deg);
    top: 9px;
  }
  .header .header__body .header__burger.active::after {
    transform: rotate(-45deg);
    bottom: 9px;
  }
  .header .header__body .header__burger.active span {
    transform: scale(0);
  }
  .header .header__body .header__menu {
    position: fixed;
    top: -100%;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    transition: all 0.3s ease 0s;
    overflow: auto;
    padding: 70px 24px 0 24px;
    margin-right: auto;
  }
  .header .header__body .header__menu.active {
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .header .header__body .header__menu .header__list {
    flex-direction: column;
  }
  .header .header__body .header__menu .header__list.mobile-header-list-display-none {
    display: none;
  }
  .header .header__body .header__menu .header__list li {
    margin: 0 0 8px 0;
  }
  .header .header__body .header__menu .header__list li .header__link {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: -0.02em;
    color: #000;
    padding: 6px 4px;
    display: flex;
    justify-content: space-between;
  }
  .header .header__body .header__menu .header__list li .header__link span {
    font-size: 12px;
    transition: 0.3s;
    color: #737373;
  }
  .header .header__body .header__menu .header__list li .header__link.active span {
    transform: rotate(180deg);
  }
  .header .header__body .header__menu .header__list li .submenu {
    position: initial;
    width: 100%;
    box-shadow: none;
    border-bottom: 1px solid #e5e5e5;
  }
  .header .header__body .header__menu .header__list li .submenu .header__link {
    color: #525252;
  }
  .header .header__body .header__menu .header__list li.select-lang-menu {
    display: block;
  }
  .header .header__body .header__menu .action-register {
    display: block;
  }
  .header .header__body .header__menu .mobile-menu {
    display: block;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions {
    width: 100% !important;
    right: 0;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .main-info {
    padding: 8px;
    border-bottom: 1px solid #e5e5e5;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .main-info .main-info-wrap {
    padding: 6px 0;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .main-info .main-info-wrap .thumb {
    position: relative;
    flex-shrink: 0;
    height: -moz-fit-content;
    height: fit-content;
    margin-right: 12px;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .main-info .main-info-wrap .thumb img {
    border-radius: 40px;
    width: 36px;
    height: 36px;
    overflow: hidden;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .main-info .main-info-wrap .content .name {
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 2px;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .main-info .main-info-wrap .content .position {
    font-weight: 400;
    font-size: 12px;
    line-height: 133%;
    letter-spacing: -0.02em;
    color: #737373;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .main-info .change-status {
    padding: 3px 4px;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .main-info .change-status .form-check {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .main-info .change-status .form-check label {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: -0.02em;
    color: #000;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    width: 100%;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .main-info .change-status .form-check input:focus {
    box-shadow: none;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .user-account-links {
    padding: 8px;
    border-bottom: 1px solid #e5e5e5;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .user-account-links .account-links {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .user-account-links .account-links li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: -0.02em;
    color: #525252;
    padding: 9px 4px;
    display: flex;
    align-items: center;
    transition: 0.3s;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .user-account-links .account-links li a:hover {
    color: #000;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .user-account-links .account-links li a .ico {
    margin-right: 12px;
    display: flex;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .switch-account {
    padding: 8px;
    border-bottom: 1px solid #e5e5e5;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .switch-account .pre-title {
    font-weight: 400;
    font-size: 11px;
    line-height: 145%;
    letter-spacing: -0.02em;
    color: #a3a3a3;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .switch-account .main-info-wrap {
    padding: 6px 0;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .switch-account .main-info-wrap .thumb {
    position: relative;
    flex-shrink: 0;
    height: -moz-fit-content;
    height: fit-content;
    margin-right: 12px;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .switch-account .main-info-wrap .thumb img {
    border-radius: 40px;
    width: 36px;
    height: 36px;
    overflow: hidden;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .switch-account .main-info-wrap .content .name {
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 2px;
  }
  .header .header__body .header__menu .mobile-menu .user-account-actions .switch-account .main-info-wrap .content .position {
    font-weight: 400;
    font-size: 12px;
    line-height: 133%;
    letter-spacing: -0.02em;
    color: #737373;
  }
  .header .header__body .actions {
    display: none;
  }
  .header-register-page::before {
    background-color: #fff;
    border-bottom: none;
  }
  .header-register-page .header__body {
    justify-content: center;
  }
}
.section-title {
  margin-bottom: 48px;
  text-align: center;
}
.section-title h3 {
  font-weight: 600;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: -0.05em;
  color: #000;
  margin-bottom: 0;
}
.section-title p {
  margin-bottom: 0;
  font-weight: 500;
  color: #404040;
}

.site-btn {
  border-radius: 16px;
  padding: 12px 50px;
  background-color: #2563EB;
  display: inline-block;
  color: #fff !important;
  border: none;
  white-space: nowrap;
  text-decoration: none !important;
  text-align: center;
  position: relative;
  transition: 0.3s;
  justify-content: center;
}
.site-btn.button-disabled {
  opacity: 0.7;
  cursor: default;
}
@media (max-width: 1200px) {
  .site-btn {
    font-size: 14px;
  }
}
.site-btn::before {
  transition: 0.3s;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(207, 207, 207, 0.2);
  opacity: 0;
}
.site-btn:hover {
  color: #fff;
}
.site-btn:hover::before {
  content: "";
  opacity: 1;
}
.site-btn.site-btn-back {
  background-color: transparent;
  color: #404040 !important;
  border: 1px solid #D4D4D4;
  margin-right: 32px;
  padding: 12px 18px 12px 25px;
}
.site-btn.site-btn-back .ico {
  margin-right: 15px;
  margin-left: 0 !important;
}
.site-btn.site-btn-dark {
  background-color: #404040 !important;
  color: #fff;
  padding: 12px 18px;
}

.breadcrumbs {
  display: flex;
  align-items: center;
  list-style: none;
  margin-bottom: 34px;
  margin-left: 9px;
  line-height: 1;
}
@media (max-width: 575px) {
  .breadcrumbs {
    font-size: 12px;
  }
}
.breadcrumbs li {
  margin-right: 12px;
}
.breadcrumbs li .separate {
  font-size: 12px;
}
@media (max-width: 575px) {
  .breadcrumbs li .separate {
    font-size: 6px;
  }
}
.breadcrumbs li:last-child {
  margin-right: 0;
}
.breadcrumbs li a {
  transition: 0.3s;
}

.results {
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #737373;
  margin-bottom: 4px;
}

.faqs {
  padding: 32px 0;
}
.faqs .section-title h3 {
  font-weight: 600;
  font-size: 28px;
  line-height: 114%;
  letter-spacing: -0.04em;
  color: #000;
}
.faqs .accordion {
  border-radius: 0;
  border-top: 1px solid #e5e5e5;
}
.faqs .accordion .accordion-item {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #e5e5e5;
}
.faqs .accordion .accordion-item:last-child {
  margin-bottom: 0;
}
.faqs .accordion .accordion-item-header {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
  padding: 16px 100px 16px 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-wrap: nowrap;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #000;
}
@media (max-width: 767px) {
  .faqs .accordion .accordion-item-header {
    padding: 20px 70px 20px 20px;
  }
}
@media (max-width: 575px) {
  .faqs .accordion .accordion-item-header {
    font-size: 14px;
    padding: 12px 70px 12px 8px;
  }
}
.faqs .accordion .accordion-item-header::after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 0C7.55228 0 8 0.447715 8 1V6H13C13.5523 6 14 6.44772 14 7C14 7.55228 13.5523 8 13 8H8V13C8 13.5523 7.55228 14 7 14C6.44771 14 6 13.5523 6 13V8H1C0.447715 8 0 7.55228 0 7C0 6.44772 0.447715 6 1 6H6V1C6 0.447715 6.44772 0 7 0Z" fill="black"/></svg>');
  transition: 0.3s;
  font-size: 16px;
  position: absolute;
  right: 60px;
  width: 14px;
  height: 22px;
  top: 18px;
}
@media (max-width: 767px) {
  .faqs .accordion .accordion-item-header::after {
    right: 20px;
  }
}
@media (max-width: 575px) {
  .faqs .accordion .accordion-item-header::after {
    top: 14px;
  }
}
.faqs .accordion .accordion-item-header.active::after {
  transform: rotate(45deg);
}
.faqs .accordion .accordion-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #404040;
}
.faqs .accordion .accordion-item-body-content {
  padding: 0 32px 16px 32px;
}
@media (max-width: 767px) {
  .faqs .accordion .accordion-item-body-content {
    padding: 0 8px 12px 8px;
  }
}
@media (max-width: 575px) {
  .faqs .accordion .accordion-item-body-content {
    font-size: 14px;
  }
}
.faqs .help-center {
  padding: 24px 0 32px;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #737373;
}
@media (max-width: 575px) {
  .faqs .help-center {
    text-align: left;
    font-size: 14px;
    padding: 16px 0 0;
  }
}
.faqs .help-center a {
  color: #737373;
  text-decoration: underline;
}
.faqs .help-center a:hover {
  color: #000;
}

.tabcontent,
.sub-tabcontent,
.tabcontent2 {
  animation: fadeEffect 1s;
  /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.form-control:focus {
  box-shadow: none;
}

#finishModal .modal-content {
  border-radius: 47px;
  max-width: 465px;
  width: 100%;
  height: 388px;
}
#finishModal .modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#finishModal .modal-body span {
  width: 92px;
  height: 92px;
  background-color: #2563EB;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  margin-bottom: 42px;
}
#finishModal .modal-body p {
  color: #272727;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 150%;
  /* 30px */
}

.bootstrap-datetimepicker-widget table {
  width: 100%;
}
.bootstrap-datetimepicker-widget table .date-widge td {
  padding: 20px;
  width: 100%;
}
.bootstrap-datetimepicker-widget table td.active {
  background-color: #2563EB;
  text-shadow: unset;
}
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #2563EB;
  text-shadow: unset;
}
.bootstrap-datetimepicker-widget table th {
  font-size: 14px;
  font-weight: 400;
  padding: 12px;
  width: 100%;
}
.bootstrap-datetimepicker-widget table td.day {
  font-size: 14px;
  font-weight: 400;
  padding: 10px;
}
.bootstrap-datetimepicker-widget .timepicker-hour table td {
  padding: 20px;
  width: 100%;
}
.bootstrap-datetimepicker-widget .timepicker-hour table th {
  font-size: 14px;
  font-weight: 400;
  padding: 12px;
  width: 100%;
}
.bootstrap-datetimepicker-widget .timepicker-minute table td {
  padding: 20px;
  width: 100%;
}
.bootstrap-datetimepicker-widget .timepicker-minute table th {
  font-size: 14px;
  font-weight: 400;
  padding: 15px;
  width: 100%;
}

#page-steps-wrap {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  background-color: #fff;
  margin-bottom: 64px;
}
#page-steps-wrap .page-steps-wrap {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
#page-steps-wrap .page-steps-wrap li {
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #737373;
  padding: 11px 16px;
  border-bottom: 2px solid transparent;
}
#page-steps-wrap .page-steps-wrap li.active {
  color: #000;
  border-color: #3B82F6;
}

@media (max-width: 991px) {
  .popover {
    display: none;
  }
}
.popover .popover-header {
  background-color: #2a2a2a;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  border: none;
}

@media (max-width: 767px) {
  .container-xl,
  .container-fluid {
    padding: 0 23px;
  }
}

.toast {
  position: fixed;
  right: 30px;
  top: 50px;
  border-left: 4px solid red;
  z-index: 999;
}
.toast .btn-close:focus {
  box-shadow: none;
}
.toast .ico {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: red;
  border-radius: 50px;
  color: #fff;
  margin-right: 10px;
  flex-shrink: 0;
}
.toast .content h4 {
  margin-bottom: 3px;
  font-size: 18px;
}
.toast .content span {
  font-weight: 300;
}
.toast.toast-success {
  border-left-color: #2563EB;
}
.toast.toast-success .ico {
  background-color: #2563EB;
}

input::-webkit-input-placeholder {
  color: #a3a3a3 !important;
}

input:-moz-placeholder {
  /* Firefox 18- */
  color: #a3a3a3 !important;
}

input::-moz-placeholder {
  /* Firefox 19+ */
  color: #a3a3a3 !important;
}

input:-ms-input-placeholder {
  color: #a3a3a3 !important;
}

#services .services-carousel {
  position: relative;
  padding: 0 20px;
}
#services .services-carousel .owl-stage {
  width: 1296px !important;
  margin: 0 auto;
  display: flex;
}
#services .services-carousel .owl-stage .owl-item {
  width: 288px !important;
  flex-shrink: 0;
}
@media (max-width: 576px) {
  #services .services-carousel .item {
    padding: 0 20px 20px;
  }
}
#services .services-carousel .item .service {
  margin-bottom: 0px;
}
#services .services-carousel .owl-nav {
  position: absolute;
  top: 132px;
  left: 16px;
  right: 16px;
  display: flex;
  justify-content: space-between;
}
#services .services-carousel .owl-nav.disabled {
  opacity: 0;
  visibility: hidden;
}
#services .services-carousel .owl-nav button {
  background-color: rgba(255, 255, 255, 0.9);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  #services .services-carousel .owl-nav button {
    width: 42px;
    height: 42px;
  }
}
#services .services-carousel .owl-nav button span {
  color: #404040;
  font-size: 30px;
}
#services .services-carousel .owl-nav button.disabled {
  opacity: 0;
  visibility: hidden;
}

.review {
  display: flex;
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 576px) {
  .review {
    padding-bottom: 12px;
    margin-bottom: 24px;
  }
}
.review .thumb {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 18px;
  flex-shrink: 0;
}
@media (max-width: 576px) {
  .review .thumb {
    display: none;
  }
}
.review .content {
  width: 100%;
}
.review .content .head {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.review .content .head .mobile-thumb {
  margin-right: 8px;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  display: none;
}
@media (max-width: 576px) {
  .review .content .head .mobile-thumb {
    display: block;
  }
}
.review .content .head .mobile-thumb span {
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  color: #fff;
}
.review .content .head .reviewer-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.review .content .head .reviewer-info .name {
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #000;
}
@media (max-width: 575px) {
  .review .content .head .reviewer-info .name {
    max-width: 50%;
    font-size: 16px;
  }
}
.review .content .head .reviewer-info .date {
  font-weight: 400;
  font-size: 18px;
  line-height: 156%;
  letter-spacing: -0.02em;
  color: #000;
  opacity: 0.6;
  margin: 0 10px 0 5px;
  white-space: nowrap;
}
@media (max-width: 575px) {
  .review .content .head .reviewer-info .date {
    max-width: 50%;
    font-size: 16px;
  }
}
.review .content .head #raiting {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 575px) {
  .review .content .head #raiting {
    width: 100%;
  }
}
.review .content .head #raiting i {
  margin-right: 4px;
  font-size: 12px;
  color: #bababa;
}
.review .content .head #raiting i.active {
  color: #22c55e;
}
.review .content .head #raiting .raiting {
  font-weight: 400;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: -0.02em;
  color: #000;
}
.review .content .comment {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #525252;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 575px) {
  .review .content .comment {
    -webkit-line-clamp: 6;
  }
}
.review .content .reviewer-response {
  margin-left: 24px;
  border-left: 1px solid #e5e5e5;
  padding-left: 12px;
  margin-top: 24px;
  font-size: 14px;
  line-height: 143%;
}
.review .content .reviewer-response .name {
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #000;
  margin-right: 5px;
  margin-bottom: 2px;
}
.review .content .accepted-gig {
  display: flex;
  align-items: center;
  background: #f5f5f5;
  border-radius: 8px;
  padding: 8px 12px;
  margin-top: 24px;
}
.review .content .accepted-gig .thumbnail {
  margin-right: 12px;
  border-radius: 6px;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
}
.review .content .accepted-gig .thumbnail img {
  border-radius: 6px;
  width: 56px;
  height: 56px;
  -o-object-fit: cover;
     object-fit: cover;
}
.review .content .accepted-gig .content .title {
  font-weight: 500;
  font-size: 15px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 2px;
}
.review .content .accepted-gig .content .price {
  font-weight: 500;
  font-size: 12px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #737373;
}
.review .content .accepted-gig .action {
  margin-left: auto;
}
.review .content .accepted-gig .action .site-btn {
  color: #000 !important;
  font-weight: 500;
  padding: 8px 14px;
  background-color: transparent;
}

.service-wrap {
  margin-bottom: 32px;
}

.categories-container {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  /* Скрываем переполнение */
  width: 100%;
  /* Установите ширину по вашему усмотрению */
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .categories-container {
    display: none;
  }
}
.categories-container .categories {
  display: flex;
  overflow-x: scroll;
  padding: 12px 0;
}
.categories-container .categories::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.categories-container .categories a {
  margin: 0 16px;
  white-space: nowrap;
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.05em;
  text-align: center;
  color: #737373;
}
.categories-container .categories a.active {
  color: #000;
  text-decoration: underline;
}
.categories-container .scroll-button {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06), 0 4px 8px 0 rgba(0, 0, 0, 0.04);
  background: #fff;
  border: none;
  cursor: pointer;
  font-size: 18px;
  z-index: 1;
  /* Чтобы кнопки были над категориями */
}
@media (max-width: 767px) {
  .categories-container .scroll-button {
    display: none !important;
  }
}
.categories-container .scroll-button.left {
  position: absolute;
  left: 0;
  top: 8px;
}
.categories-container .scroll-button.right {
  position: absolute;
  right: 0;
  top: 8px;
}

#main-page .site-btn {
  border-radius: 6px;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  color: #fff;
}
@media (max-width: 1200px) {
  #main-page .site-btn {
    font-size: 14px;
  }
}
#main-page .site-btn i {
  margin-left: 12px;
}
#main-page .section-title {
  margin-bottom: 32px;
  text-align: left;
}
@media (max-width: 767px) {
  #main-page .section-title {
    margin-bottom: 16px !important;
  }
}
#main-page .section-title .pretitle {
  border-radius: 6px;
  padding: 4px 20px;
  background: #e7e5e4;
  font-weight: 500;
  font-size: 13px;
  line-height: 154%;
  color: #78716c;
  display: inline-block;
  margin-bottom: 16px;
}
#main-page .section-title h3 {
  font-weight: 700;
  font-size: 45px;
  line-height: 109%;
  letter-spacing: -0.03em;
  color: #050505;
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  #main-page .section-title h3 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  #main-page .section-title h3 {
    font-size: 24px !important;
  }
}
#main-page .section-title P {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  color: #525252;
}
#main-page .section-title .link {
  padding: 8px 20px;
}
#main-page .section-title .link a {
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  display: flex;
  align-items: center;
}
#main-page .section-title .link a svg {
  margin-left: 8px;
}
#main-page .container-xl {
  max-width: 1049px;
}
@media (max-width: 767px) {
  #main-page #first-section .first-section {
    padding: 104px 0 48px !important;
  }
}
#main-page #first-section .first-section .content h1 {
  max-width: 742px;
  margin: 0 auto;
  font-weight: 700;
  font-size: 61px;
  line-height: 107%;
  letter-spacing: -0.03em;
  color: #000;
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
  #main-page #first-section .first-section .content h1 {
    font-size: 46px !important;
  }
}
@media (max-width: 767px) {
  #main-page #first-section .first-section .content h1 {
    font-size: 36px !important;
    line-height: 111%;
    letter-spacing: -0.05em;
  }
}
#main-page #first-section .first-section .content p {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #262626;
  max-width: 510px;
}
@media (max-width: 1200px) {
  #main-page #first-section .first-section .content p {
    font-size: 16px !important;
  }
}
#main-page #first-section .first-section .content .search-place {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 8px 16px 8px 10px;
}
#main-page #first-section .first-section .content .search-place #searchForm {
  display: flex;
  align-items: center;
  width: 100%;
}
#main-page #first-section .first-section .content .search-place #searchForm .form-control {
  border: none;
  background-color: transparent;
}
#main-page #first-section .first-section .content .search-place #searchForm .form-control:focus {
  box-shadow: none;
}
#main-page #first-section .first-section .content .search-place #searchForm button {
  border-radius: 4px;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f4;
}
#main-page #services {
  padding: 0 32px 0;
  background: rgb(250, 250, 250);
  background: linear-gradient(0deg, rgb(250, 250, 250) 45%, rgb(231, 231, 231) 81%);
}
@media (max-width: 1200px) {
  #main-page #services {
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  #main-page #services {
    background: transparent;
    padding: 0 0;
  }
}
#main-page #services .services-content {
  background-color: #fafafa;
  border-radius: 16px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  #main-page #services .services-content {
    background: transparent;
  }
}
#main-page #services .services-content .services {
  padding: 80px 0;
}
@media (max-width: 767px) {
  #main-page #services .services-content .services {
    padding: 48px 0;
  }
}
#main-page #services .services-content .services .section-title {
  max-width: 700px;
}
#main-page #services .services-content .services .section-title h3 {
  font-size: 45px;
}
@media (max-width: 1200px) {
  #main-page #services .services-content .services .section-title h3 {
    font-size: 36px;
  }
}
#main-page #services .services-content .services .service-wrap {
  margin-bottom: 20px;
}
#main-page #services .services-content .services .service-wrap:last-child {
  margin-bottom: 0;
}
#main-page #services .services-content .services .service-wrap .service {
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  align-items: center;
  transition: 0.3s;
  box-shadow: none;
}
#main-page #services .services-content .services .service-wrap .service:hover {
  background: #f5f5f5;
}
#main-page #services .services-content .services .service-wrap .service .ico {
  flex-shrink: 0;
  margin-right: 20px;
}
#main-page #services .services-content .services .service-wrap .service .info .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 106%;
  color: #000;
  margin-bottom: 4px;
}
#main-page #services .services-content .services .service-wrap .service .info .count-skills {
  font-weight: 500;
  font-size: 13px;
  line-height: 123%;
}
#main-page #services .services-content .services .service-wrap:nth-child(1) .service .info .count-skills {
  color: #ec4899;
}
#main-page #services .services-content .services .service-wrap:nth-child(2) .service .info .count-skills {
  color: #8b5cf6;
}
#main-page #services .services-content .services .service-wrap:nth-child(3) .service .info .count-skills {
  color: #3b82f6;
}
#main-page #services .services-content .services .service-wrap:nth-child(4) .service .info .count-skills {
  color: #f43f5e;
}
#main-page #services .services-content .services .service-wrap:nth-child(5) .service .info .count-skills {
  color: #06b6d4;
}
#main-page #services .services-content .services .service-wrap:nth-child(6) .service .info .count-skills {
  color: #f97316;
}
#main-page #services .services-content .services .service-wrap:nth-child(7) .service .info .count-skills {
  color: #d946ef;
}
#main-page #services .services-content .services .service-wrap:nth-child(8) .service .info .count-skills {
  color: #8b5cf6;
}
#main-page #services .services-content .services .service-wrap:nth-child(9) .service .info .count-skills {
  color: #10b981;
}
#main-page #services .services-content .services .service-wrap:nth-child(10) .service .info .count-skills {
  color: #eab308;
}
#main-page #buyer {
  padding: 80px 0;
}
@media (max-width: 767px) {
  #main-page #buyer {
    padding: 48px 0;
  }
}
#main-page #buyer .buyer .section-title {
  margin-bottom: 0;
}
#main-page #buyer .buyer .section-title .section-title-wrap {
  display: flex;
  align-items: center;
}
#main-page #buyer .buyer .buyer-blocks .buyer-block-wrap {
  margin-bottom: 24px;
}
#main-page #buyer .buyer .buyer-blocks .buyer-block-wrap .buyer-block {
  background: #f5f5f4;
  border-radius: 12px;
}
#main-page #buyer .buyer .buyer-blocks .buyer-block-wrap .buyer-block .content {
  padding: 26px 32px 20px;
}
#main-page #buyer .buyer .buyer-blocks .buyer-block-wrap .buyer-block .content .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 156%;
  color: #000;
  margin-bottom: 6px;
}
#main-page #buyer .buyer .buyer-blocks .buyer-block-wrap .buyer-block .content .desc {
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  color: #737373;
}
#main-page #buyer .buyer .buyer-blocks .buyer-block-wrap .buyer-block .thumb img {
  width: 100%;
}
#main-page #why-choose {
  padding: 80px 0;
}
@media (max-width: 767px) {
  #main-page #why-choose {
    padding: 48px 0;
    border-bottom: 1px solid #e5e5e5;
  }
}
#main-page #why-choose .why-choose .section-title {
  max-width: 760px;
  margin: 0 auto 60px;
  text-align: center;
}
@media (max-width: 767px) {
  #main-page #why-choose .why-choose .section-title {
    margin-bottom: 60px !important;
  }
}
#main-page #why-choose .why-choose .section-title h3 {
  margin-bottom: 16px;
}
#main-page #why-choose .why-choose .section-title p {
  text-align: center;
}
@media (max-width: 767px) {
  #main-page #why-choose .why-choose .why-choose-blocks .why-choose-block-wrap {
    margin-bottom: 41px;
  }
  #main-page #why-choose .why-choose .why-choose-blocks .why-choose-block-wrap:last-child {
    margin-bottom: 0;
  }
}
#main-page #why-choose .why-choose .why-choose-blocks .why-choose-block-wrap .why-choose-block {
  text-align: center;
}
#main-page #why-choose .why-choose .why-choose-blocks .why-choose-block-wrap .why-choose-block .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 156%;
  color: #000;
  margin-bottom: 16px;
}
#main-page #why-choose .why-choose .why-choose-blocks .why-choose-block-wrap .why-choose-block .desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  color: #525252;
  margin-bottom: 16px;
}
#main-page #why-choose .why-choose .why-choose-blocks .why-choose-block-wrap .why-choose-block a {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #000;
}
#main-page #start-project {
  padding: 0 32px;
  background: rgb(250, 250, 250);
  background: linear-gradient(0deg, rgb(245, 245, 245) 0%, rgb(250, 250, 250) 100%);
}
@media (max-width: 767px) {
  #main-page #start-project {
    background: #FAFAFA;
    padding: 0 0;
  }
}
#main-page #start-project .start-project-content {
  background-color: #FAFAFA;
  border-radius: 0 0 20px 20px;
}
#main-page #start-project .start-project-content .start-project {
  padding: 80px 0;
  text-align: center;
}
#main-page #start-project .start-project-content .start-project .thumb {
  margin-bottom: 24px;
}
#main-page #start-project .start-project-content .start-project h3 {
  font-weight: 700;
  font-size: 61px;
  line-height: 107%;
  letter-spacing: -0.03em;
  text-align: center;
  color: #000;
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
  #main-page #start-project .start-project-content .start-project h3 {
    font-size: 36px;
  }
}
#main-page #start-project .start-project-content .start-project h3 img {
  transform: translateY(-5px);
}
@media (max-width: 991px) {
  #main-page #start-project .start-project-content .start-project h3 img {
    display: none;
  }
}
#main-page #start-project .start-project-content .start-project p {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  text-align: center;
  color: #262626;
  margin: 0 auto 32px;
}
@media (max-width: 1200px) {
  #main-page #start-project .start-project-content .start-project p {
    font-size: 16px;
    font-weight: 500;
  }
}
#main-page #start-project .start-project-content .start-project .button {
  text-align: center;
}
#main-page #start-project .start-project-content .start-project .button .site-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
#main-page #start-project .start-project-content .start-project .button .site-btn svg {
  margin-left: 12px;
}
#main-page #integration {
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  #main-page #integration {
    padding: 48px 0;
  }
}
#main-page #integration .integration .links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  #main-page #integration .integration .links {
    margin-bottom: 0px;
  }
}
#main-page #integration .integration .links .link {
  border-radius: 6px;
  font-weight: 500;
  font-size: 13px;
  line-height: 154%;
  color: #000;
  padding: 5px 12px;
  transition: 0.3s;
  border: 1px solid #e7e5e4;
  display: flex;
  align-items: center;
  margin: 0 6px;
  background-color: transparent;
  white-space: nowrap;
}
@media (max-width: 767px) {
  #main-page #integration .integration .links .link {
    margin-bottom: 12px;
  }
}
#main-page #integration .integration .links .link:hover {
  background: #e7e5e4;
}
#main-page #integration .integration .links .link.active {
  background-color: #f5f5f4;
}
#main-page #integration .integration .links .link .ico {
  margin-right: 8px;
}
#main-page #integration .integration .tabcontent {
  display: none;
}
#main-page #steps {
  padding: 27px 0 80px;
}
@media (max-width: 767px) {
  #main-page #steps {
    padding: 48px 0;
  }
}
#main-page #steps .steps .section-title {
  margin-bottom: 0;
}
#main-page #steps .steps .section-title .section-title-wrap {
  display: flex;
  align-items: center;
}
#main-page #steps .steps .big-thumb {
  box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.03), 0 12px 16px -4px rgba(16, 24, 40, 0.08);
  background: #f5f5f4;
  border-radius: 20px;
  padding: 40px 42px 0;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  #main-page #steps .steps .big-thumb {
    padding: 0 0;
  }
}
@media (max-width: 767px) {
  #main-page #steps .steps .step-list .step-item-wrap {
    margin-bottom: 32px;
  }
  #main-page #steps .steps .step-list .step-item-wrap:last-child {
    margin-bottom: 0;
  }
}
#main-page #steps .steps .step-list .step-item-wrap .step-item {
  border-top: 2px solid rgba(0, 0, 0, 0.12);
  padding-top: 12px;
  position: relative;
  transition: 0.3s;
  opacity: 0.4;
}
@media (max-width: 767px) {
  #main-page #steps .steps .step-list .step-item-wrap .step-item {
    border-top: none;
  }
}
#main-page #steps .steps .step-list .step-item-wrap .step-item .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 156%;
  color: #000;
  margin-bottom: 6px;
}
#main-page #steps .steps .step-list .step-item-wrap .step-item .desc {
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  color: #737373;
}
#main-page #steps .steps .step-list .step-item-wrap .step-item .desc a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #737373;
  transition: 0.3s;
}
#main-page #steps .steps .step-list .step-item-wrap .step-item .desc a:hover {
  color: #000;
}
#main-page #steps .steps .step-list .step-item-wrap.active .step-item {
  opacity: 1;
}
#main-page #steps .steps .step-list .step-item-wrap.active .step-item::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 100px;
  height: 2px;
  background-color: #2563EB;
}
#main-page #stories {
  padding: 80px 0 48px;
}
@media (max-width: 767px) {
  #main-page #stories {
    padding: 48px 0;
  }
}
#main-page #stories .stories .section-title {
  max-width: 560px;
}
@media (max-width: 767px) {
  #main-page #stories .stories .section-title {
    margin-bottom: 32px !important;
  }
}
#main-page #stories .stories .section-title h3 {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #main-page #stories .stories .section-title h3 {
    font-size: 36px !important;
  }
}
#main-page #stories .stories .story {
  margin-bottom: 32px;
}
#main-page #stories .stories .story .thumb {
  margin-bottom: 16px;
}
#main-page #stories .stories .story .thumb img {
  border: 1px solid #e5e5e5;
  border-radius: 6px;
}
#main-page #stories .stories .story .tags {
  font-weight: 400;
  font-size: 12px;
  line-height: 133%;
  color: #a3a3a3;
  margin-bottom: 16px;
}
#main-page #stories .stories .story .title {
  margin-bottom: 6px;
}
#main-page #stories .stories .story .title a {
  font-weight: 700;
  font-size: 24px;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: #000;
}
#main-page #stories .stories .story .short-desc {
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  color: #737373;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#main-page #projects {
  padding: 80px 0;
}
@media (max-width: 767px) {
  #main-page #projects {
    padding: 48px 0;
  }
}
@media (max-width: 767px) {
  #main-page #projects .projects .section-title {
    margin-bottom: 40px !important;
  }
}
#main-page #projects .projects .section-title h3 {
  margin-bottom: 16px;
}
#main-page #projects .projects .section-title p {
  text-align: left;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #main-page #projects .projects .section-title p {
    margin-bottom: 24px;
  }
}
#main-page #projects .projects .section-title .button {
  text-align: right;
}
@media (max-width: 767px) {
  #main-page #projects .projects .section-title .button {
    text-align: left;
  }
}
#main-page #projects .projects .section-title .button a {
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  color: #000;
  border: 1px solid #e7e5e4;
  border-radius: 6px;
  padding: 8px 24px;
  transition: 0.3s;
  display: inline-block;
}
#main-page #projects .projects .section-title .button a:hover {
  border-color: #000;
}
#main-page.main-page #first-section {
  background-image: url(/images/main-page-first-section-left-side.png?13ff2c534bc8994646d57321ca824f45), url(/images/main-page-first-section-right-side.png?97d8afa7c579987b241d533321e5f489);
  background-repeat: no-repeat;
  background-position: 0 100px, right top;
  margin-bottom: -50px;
  position: relative;
}
@media (max-width: 1200px) {
  #main-page.main-page #first-section {
    background-position: -85px 115px, right -85px top 65px;
  }
}
@media (max-width: 767px) {
  #main-page.main-page #first-section {
    background-image: none;
    margin-bottom: 0;
  }
}
#main-page.main-page #first-section::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 300px;
  z-index: -1;
  background: rgb(231, 231, 231);
  background: linear-gradient(0deg, rgb(231, 231, 231) 9%, rgb(250, 250, 250) 62%);
}
@media (max-width: 767px) {
  #main-page.main-page #first-section::before {
    background: transparent;
  }
}
#main-page.main-page #first-section .first-section {
  padding: 184px 0 300px;
}
@media (max-width: 1200px) {
  #main-page.main-page #first-section .first-section {
    padding: 100px 0 200px;
  }
}
#main-page.main-page #first-section .first-section .content {
  text-align: center;
}
#main-page.main-page #first-section .first-section .content h1 {
  max-width: 742px;
  margin: 0 auto;
  font-weight: 700;
  font-size: 61px;
  line-height: 107%;
  letter-spacing: -0.03em;
  color: #000;
  margin-bottom: 16px;
}
#main-page.main-page #first-section .first-section .content p {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #262626;
  max-width: 670px;
  margin: 0 auto 24px;
}
#main-page.main-page #buyer .buyer .section-title .section-title-wrap .pretitle {
  background-color: #ED4A9A;
  color: #fff;
}
#main-page.main-page #steps .steps .section-title .section-title-wrap .pretitle {
  background-color: #F97316;
  color: #fff;
}
#main-page.main-page #freelance-marketplace {
  padding: 80px 0;
}
@media (max-width: 767px) {
  #main-page.main-page #freelance-marketplace {
    padding: 48px 0;
  }
}
#main-page.main-page #freelance-marketplace .freelance-marketplace .section-title {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 48px !important;
}
#main-page.main-page #freelance-marketplace .freelance-marketplace .section-title .section-title-images {
  display: flex;
  justify-content: space-between;
  margin-bottom: -10px;
}
#main-page.main-page #freelance-marketplace .freelance-marketplace .section-title h3 {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #main-page.main-page #freelance-marketplace .freelance-marketplace .section-title h3 {
    font-size: 36px !important;
  }
}
#main-page.main-page #freelance-marketplace .freelance-marketplace .section-title p {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  #main-page.main-page #freelance-marketplace .freelance-marketplace .section-title p {
    margin-bottom: 24px;
  }
}
@media (max-width: 500px) {
  #main-page.main-page #freelance-marketplace .freelance-marketplace .section-title .buttons .site-btn {
    width: 100%;
  }
}
#main-page.main-page #freelance-marketplace .freelance-marketplace .section-title .buttons .site-btn:nth-child(1) {
  margin-right: 6px;
}
@media (max-width: 500px) {
  #main-page.main-page #freelance-marketplace .freelance-marketplace .section-title .buttons .site-btn:nth-child(1) {
    margin-right: 0;
    margin-bottom: 12px;
  }
}
#main-page.main-page #freelance-marketplace .freelance-marketplace .section-title .buttons .site-btn:nth-child(2) {
  margin-left: 6px;
  color: #3b82f6 !important;
  background: #dbeafe;
}
@media (max-width: 500px) {
  #main-page.main-page #freelance-marketplace .freelance-marketplace .section-title .buttons .site-btn:nth-child(2) {
    margin-left: 0;
  }
}
#main-page.main-page #freelance-marketplace .freelance-marketplace .big-thumb {
  box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.03), 0 12px 16px -4px rgba(16, 24, 40, 0.08);
  background: #f5f5f4;
  border-radius: 20px;
  padding: 40px 42px 0;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  #main-page.main-page #freelance-marketplace .freelance-marketplace .big-thumb {
    padding: 0 0;
  }
}
#main-page.main-page #freelance-marketplace .freelance-marketplace .big-thumb .links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#main-page.main-page #freelance-marketplace .freelance-marketplace .big-thumb .links .link {
  border-radius: 6px;
  font-weight: 500;
  font-size: 13px;
  line-height: 154%;
  color: #000;
  padding: 5px 12px;
  transition: 0.3s;
  border: 1px solid #e7e5e4;
  display: flex;
  align-items: center;
  margin: 0 6px;
  background-color: transparent;
  white-space: nowrap;
}
@media (max-width: 767px) {
  #main-page.main-page #freelance-marketplace .freelance-marketplace .big-thumb .links .link {
    margin-bottom: 12px;
  }
}
#main-page.main-page #freelance-marketplace .freelance-marketplace .big-thumb .links .link:hover {
  background: #e7e5e4;
}
#main-page.main-page #freelance-marketplace .freelance-marketplace .big-thumb .links .link.active {
  background-color: #e7e5e4;
}
#main-page.main-page #freelance-marketplace .freelance-marketplace .big-thumb .links .link .ico {
  margin-right: 8px;
}
#main-page.main-page #freelance-marketplace .freelance-marketplace .big-thumb .tabcontent {
  display: none;
}
#main-page.for-freelancers .site-btn {
  background-color: #F97316;
  border-radius: 6px;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  color: #fff;
}
#main-page.for-freelancers .site-btn i {
  margin-left: 12px;
}
#main-page.for-freelancers .container-xl {
  max-width: 1049px;
}
#main-page.for-freelancers .section-title {
  margin-bottom: 32px;
  text-align: left;
  max-width: 550px;
}
#main-page.for-freelancers .section-title h3 {
  font-weight: 700;
  font-size: 45px;
  line-height: 111%;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 16px;
}
#main-page.for-freelancers .section-title p {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  color: #525252;
  margin-bottom: 24px;
  text-align: left;
}
#main-page.for-freelancers .section-title .button .site-btn {
  background-color: #000;
  position: relative;
  z-index: 1;
}
#main-page.for-freelancers #first-section {
  background: none;
  margin-bottom: 0;
}
#main-page.for-freelancers #first-section::before {
  display: none;
}
#main-page.for-freelancers #first-section .first-section {
  padding: 49px 0 68px;
}
#main-page.for-freelancers #first-section .first-section .content {
  display: flex;
  align-items: center;
  text-align: left;
}
@media (max-width: 767px) {
  #main-page.for-freelancers #first-section .first-section .content {
    text-align: center;
    flex-direction: column-reverse;
  }
}
#main-page.for-freelancers #first-section .first-section .content h1 {
  font-weight: 700;
  font-size: 61px;
  line-height: 107%;
  letter-spacing: -0.03em;
  color: #000;
  margin-bottom: 16px;
}
#main-page.for-freelancers #first-section .first-section .content p {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #262626;
  margin: 0 0 24px 0;
}
@media (max-width: 767px) {
  #main-page.for-freelancers #first-section .first-section .content p {
    margin: 0 auto 24px;
  }
}
#main-page.for-freelancers #first-section .first-section .content .thumb {
  text-align: center;
}
#main-page.for-freelancers #sell-block .sell-block {
  padding: 80px 0 0;
}
@media (max-width: 767px) {
  #main-page.for-freelancers #sell-block .sell-block {
    padding: 48px 0 0;
  }
}
#main-page.for-freelancers #sell-block .sell-block .thumb img {
  max-width: initial;
  width: 1202px;
  transform: translateX(-89px);
}
@media (max-width: 1200px) {
  #main-page.for-freelancers #sell-block .sell-block .thumb img {
    max-width: initial;
    width: 100%;
    transform: none;
  }
}
#main-page.for-freelancers #sell-block #sell-gigs .sell-gigs .section-title {
  margin-bottom: -150px;
}
@media (max-width: 1200px) {
  #main-page.for-freelancers #sell-block #sell-gigs .sell-gigs .section-title {
    margin-bottom: -60px;
  }
}
#main-page.for-freelancers #sell-block #sell-consultations .sell-consultations .section-title {
  margin-bottom: -50px;
}
#main-page.for-freelancers #sell-block #get-orders .get-orders .section-title {
  margin-bottom: -145px;
}
#main-page.for-freelancers #services {
  background: transparent;
}
#main-page.for-freelancers #services .services .section-title {
  max-width: 720px !important;
}
#main-page.for-freelancers #projects .projects .section-title {
  max-width: initial;
}
#main-page.analytics-page .site-btn {
  background-color: #22C55E;
}
#main-page.analytics-page #first-section {
  padding: 80px 0;
  position: relative;
}
@media (max-width: 767px) {
  #main-page.analytics-page #first-section .first-section {
    padding: 24px 0 0 !important;
  }
}
#main-page.analytics-page #first-section .first-section .content {
  max-width: 400px;
  height: 540px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  #main-page.analytics-page #first-section .first-section .content {
    height: 440px;
  }
}
@media (max-width: 767px) {
  #main-page.analytics-page #first-section .first-section .content {
    height: auto;
  }
}
#main-page.analytics-page #first-section .analytics-thumb {
  position: absolute;
  left: 50%;
  width: 100%;
}
@media (max-width: 767px) {
  #main-page.analytics-page #first-section .analytics-thumb {
    position: relative;
    left: 0;
  }
}
#main-page.analytics-page #first-section .analytics-thumb img {
  height: 540px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  #main-page.analytics-page #first-section .analytics-thumb img {
    height: 440px;
  }
}
@media (max-width: 767px) {
  #main-page.analytics-page #first-section .analytics-thumb img {
    height: auto;
  }
}
#main-page.analytics-page #first-section .container-xl {
  max-width: 1300px;
}
@media (max-width: 767px) {
  #main-page.analytics-page #buyer {
    padding: 48px 0;
  }
}
#main-page.analytics-page #integration .integration .section-title {
  text-align: center;
  max-width: 660px;
  margin: 0 auto 32px;
}
#main-page.analytics-page #steps .steps .section-title {
  text-align: center;
  max-width: 620px;
  margin: 0 auto 32px;
}
#main-page.analytics-page #steps .steps .step-list .step-item-wrap .step-item {
  border-top: none;
}
#main-page.analytics-page #steps .steps .step-list .step-item-wrap .step-item:before {
  display: none;
}
#main-page.marketing-page .site-btn {
  background-color: #D946EF;
}
#main-page.marketing-page #first-section {
  padding: 80px 0;
}
@media (max-width: 767px) {
  #main-page.marketing-page #first-section {
    padding: 104px 0 24px;
  }
}
@media (max-width: 767px) {
  #main-page.marketing-page #first-section .first-section {
    padding: 0 0 !important;
  }
}
@media (max-width: 767px) {
  #main-page.marketing-page #first-section .first-section .content {
    flex-direction: column-reverse;
    text-align: center;
  }
}
@media (max-width: 767px) {
  #main-page.marketing-page #first-section .first-section .content p {
    margin: 0 auto 24px;
  }
}
#main-page.marketing-page #first-section .first-section .content .thumb {
  text-align: center;
}
@media (max-width: 767px) {
  #main-page.marketing-page #first-section .first-section .content .thumb {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  #main-page.marketing-page #steps {
    padding-top: 0;
  }
}
#main-page.marketing-page #buyer .buyer .section-title {
  margin-bottom: 32px;
}
#main-page.marketing-page #buyer .buyer .section-title .section-title-wrap {
  align-items: flex-end;
}
@media (max-width: 767px) {
  #main-page.marketing-page #buyer .buyer .section-title .section-title-wrap h3 {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  #main-page.marketing-page #buyer .buyer .section-title .section-title-wrap .link {
    padding-left: 0;
  }
}
#main-page.marketing-page #buyer .buyer .section-title .section-title-wrap .link a {
  justify-content: flex-end;
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  color: #D946EF;
}
@media (max-width: 767px) {
  #main-page.marketing-page #buyer .buyer .section-title .section-title-wrap .link a {
    justify-content: flex-start;
  }
}
#main-page.marketing-page #buyer .buyer .section-title .section-title-wrap .link a svg {
  margin-left: 8px;
}
#main-page.premium-page #first-section {
  padding: 80px 0 48px;
}
@media (max-width: 991px) {
  #main-page.premium-page #first-section {
    padding: 104px 0 48px;
  }
}
@media (max-width: 767px) {
  #main-page.premium-page #first-section {
    padding: 0 0 0 !important;
  }
}
#main-page.premium-page #first-section .first-section .content h1 {
  max-width: 100%;
  margin: 0 0;
}
#main-page.premium-page #first-section .first-section .content h1 span {
  color: #a3a3a3;
}
#main-page.premium-page #tarifs {
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  #main-page.premium-page #tarifs {
    padding-bottom: 48px;
  }
}
#main-page.premium-page #tarifs .tarifs #filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  #main-page.premium-page #tarifs .tarifs #filter {
    flex-direction: row-reverse;
  }
}
#main-page.premium-page #tarifs .tarifs #filter label {
  margin-right: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #000;
}
#main-page.premium-page #tarifs .tarifs #filter .discount {
  display: flex;
  align-items: center;
}
#main-page.premium-page #tarifs .tarifs #filter .discount .form-check-input:checked {
  background-color: #ea580c;
  border-color: #ea580c;
}
#main-page.premium-page #tarifs .tarifs #filter .currency {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  #main-page.premium-page #tarifs .tarifs #filter .currency label {
    display: none;
  }
}
#main-page.premium-page #tarifs .tarifs #filter .currency .form-select {
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  color: #000;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif {
  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.08), 0 4px 9px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #e7e5e4;
  border-radius: 12px;
  background-color: #fff;
  height: 100%;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .main-info {
  border-bottom: 1px solid #e7e5e4;
  padding: 24px 28px;
  position: relative;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .main-info .title {
  font-weight: 700;
  font-size: 24px;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .main-info .title .expand {
  color: #737373;
  display: none;
  transition: 0.3s;
}
@media (max-width: 767px) {
  #main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .main-info .title .expand {
    display: block;
  }
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .main-info .desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 136%;
  letter-spacing: -0.01em;
  color: #000;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .main-info .sticker {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 600;
  font-size: 12px;
  line-height: 142%;
  letter-spacing: 0.01em;
  color: #fff;
  border-radius: 0 12px 0 8px;
  padding: 4px 18px;
  background: #f97316;
}
@media (max-width: 767px) {
  #main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .main-info .sticker {
    font-size: 12px;
    left: 27px;
    right: initial;
    border-radius: 0 0 12px 12px;
  }
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .main-info.active .title .expand {
  transform: rotate(180deg);
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .other-info {
  padding-top: 24px;
}
@media (max-width: 767px) {
  #main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .other-info {
    display: none;
  }
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .other-info .content {
  padding: 24px 28px;
  margin-bottom: 24px;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .other-info .content .price-block {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .other-info .content .price-block .price {
  font-weight: 700;
  font-size: 22px;
  line-height: 111%;
  letter-spacing: -0.02em;
  color: #000;
  margin-right: 16px;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .other-info .content .price-block .condition {
  font-weight: 400;
  font-size: 12px;
  line-height: 142%;
  letter-spacing: 0.01em;
  color: #000;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .other-info .content .price-block .condition span {
  color: #a3a3a3;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .other-info .content .button .site-btn {
  width: 100%;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .other-info .includes {
  padding: 8px 28px 24px 28px;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .other-info .includes .title {
  font-weight: 700;
  font-size: 13px;
  line-height: 141%;
  letter-spacing: 0em;
  color: #000;
  margin-bottom: 6px;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .other-info .includes ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .other-info .includes ul li {
  font-weight: 400;
  font-size: 13px;
  line-height: 141%;
  letter-spacing: 0.01em;
  color: #000;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .other-info .includes ul li i {
  margin-right: 8px;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .other-info .includes ul li img {
  margin-left: 6px;
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap .tarif .other-info .includes ul .line {
  width: 100%;
  height: 1px;
  background-color: #E7E5E4;
  margin: 12px 0;
}
@media (max-width: 767px) {
  #main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap:nth-child(1) .tarif {
    border-radius: 12px 12px 0 0;
  }
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap:nth-child(1) .tarif .site-btn {
  background-color: #fff;
  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.08), 0 4px 9px 0 rgba(0, 0, 0, 0.05);
  color: #000 !important;
  border: 1px solid #e7e5e4;
}
@media (max-width: 767px) {
  #main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap:nth-child(2) .tarif {
    border-radius: 0 0 0 0;
  }
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap:nth-child(2) .tarif .site-btn {
  background-color: #000;
}
@media (max-width: 767px) {
  #main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap:nth-child(3) .tarif {
    border-radius: 0 0 12px 12px;
  }
}
@media (max-width: 767px) {
  #main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap:nth-child(3) .tarif .main-info {
    padding-top: 37px;
  }
}
#main-page.premium-page #tarifs .tarifs .tarif-list .tarif-wrap:nth-child(3) .tarif .site-btn {
  background-color: #f97316;
}
#main-page.premium-page #faqs {
  padding: 80px 0;
}
@media (max-width: 767px) {
  #main-page.premium-page #faqs {
    padding: 48px 0;
  }
}
#main-page.premium-page #faqs .faqs .section-title {
  text-align: center;
}
#main-page.premium-page #faqs .faqs .section-title h3 {
  font-size: 26px;
}
#main-page.find-gigs-page #first-section {
  padding: 80px 0;
}
@media (max-width: 767px) {
  #main-page.find-gigs-page #first-section {
    padding: 0 0;
  }
}
@media (max-width: 767px) {
  #main-page.find-gigs-page #first-section .first-section {
    padding: 104px 0 24px !important;
  }
}
#main-page.find-gigs-page #first-section .first-section .content {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  #main-page.find-gigs-page #first-section .first-section .content {
    flex-direction: column-reverse;
    text-align: center;
  }
}
@media (max-width: 767px) {
  #main-page.find-gigs-page #first-section .first-section .content p {
    margin: 0 auto 24px;
  }
}
#main-page.find-gigs-page #first-section .first-section .content .thumb {
  text-align: center;
}
@media (max-width: 767px) {
  #main-page.find-gigs-page #first-section .first-section .content .thumb {
    margin-bottom: 24px;
  }
}
#main-page.find-gigs-page #services {
  background: transparent !important;
}
#main-page.find-gigs-page #services .services {
  padding: 0 0 40px !important;
}
@media (max-width: 767px) {
  #main-page.find-gigs-page #services .services {
    padding: 0 0 48px !important;
  }
}
#main-page.find-gigs-page #services .services .section-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#main-page.find-gigs-page #services .services .section-title .link a {
  color: #3b82f6;
}
#main-page.find-gigs-page #services .services .section-title .link a svg {
  stroke: #3b82f6;
}
#main-page.find-gigs-page #services .services .service {
  margin-bottom: 32px !important;
}
@media (max-width: 991px) {
  #main-page.find-gigs-page #services .services .service {
    margin-bottom: 24px;
  }
}
#main-page.find-gigs-page #services .services .service .content {
  padding: 12px 12px 23px;
}
#main-page.find-gigs-page #services .services .service .content .other-content {
  padding: 0 0;
}
#main-page.find-freelancers #first-section {
  padding: 26px 0;
}
@media (max-width: 767px) {
  #main-page.find-freelancers #first-section .first-section {
    padding: 104px 0 24px !important;
  }
}
#main-page.find-freelancers #first-section .first-section .content {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  #main-page.find-freelancers #first-section .first-section .content {
    flex-direction: column-reverse;
    text-align: center;
  }
}
@media (max-width: 767px) {
  #main-page.find-freelancers #first-section .first-section .content p {
    margin: 0 auto 24px;
  }
}
#main-page.find-freelancers #first-section .first-section .content .thumb {
  text-align: center;
}
@media (max-width: 767px) {
  #main-page.find-freelancers #first-section .first-section .content .thumb {
    margin-bottom: 24px;
  }
}
#main-page.find-freelancers #services {
  background: transparent;
}
#main-page.find-freelancers #buyer .buyer .section-title {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  #main-page.find-freelancers #catalog .freelancers {
    padding-bottom: 48px;
  }
}
#main-page.find-freelancers #catalog .freelancers .section-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 767px) {
  #main-page.find-freelancers #catalog .freelancers .section-title .link {
    display: none;
  }
}
#main-page.find-freelancers #catalog .freelancers .section-title .link a {
  color: #3b82f6;
}
#main-page.find-freelancers #catalog .freelancers .section-title .link a svg {
  stroke: #3b82f6;
}
#main-page.find-freelancers #catalog .freelancers .mobile-link {
  display: none;
}
@media (max-width: 767px) {
  #main-page.find-freelancers #catalog .freelancers .mobile-link {
    display: flex;
  }
  #main-page.find-freelancers #catalog .freelancers .mobile-link a {
    color: #3b82f6;
    font-weight: 600;
    font-size: 16px;
    line-height: 125%;
  }
  #main-page.find-freelancers #catalog .freelancers .mobile-link a svg {
    stroke: #3b82f6;
  }
}
#main-page.find-freelancers #catalog .freelancers .freelancer .autor .thumb img {
  width: 60px;
  height: 60px;
}
#main-page.find-freelancers #catalog .freelancers .freelancer .autor .personal-info .name {
  margin-bottom: 0;
}
#main-page.find-freelancers #catalog .freelancers .freelancer .autor .personal-info .autor-level {
  margin-bottom: 0;
}
#main-page.find-freelancers #catalog .freelancers .freelancer .autor-skills .skill {
  font-size: 12px;
}
#main-page.made-on-giglancer-page .container-xl {
  max-width: 1200px;
}
#main-page.made-on-giglancer-page #first-section .first-section {
  padding: 80px 0 64px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  #main-page.made-on-giglancer-page #first-section .first-section {
    flex-direction: column;
  }
}
#main-page.made-on-giglancer-page #first-section .first-section .left {
  max-width: 775px;
}
@media (max-width: 767px) {
  #main-page.made-on-giglancer-page #first-section .first-section .left {
    margin-bottom: 24px;
  }
}
#main-page.made-on-giglancer-page #first-section .first-section .left h1 {
  font-weight: 700;
  font-size: 45px;
  line-height: 109%;
  letter-spacing: -0.03em;
  color: #000;
  margin-bottom: 16px;
}
#main-page.made-on-giglancer-page #first-section .first-section .left p {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  color: #404040;
  margin-bottom: 0;
}
#main-page.made-on-giglancer-page #first-section .first-section .right .button .site-btn {
  border: 1px solid #e7e5e4;
  border-radius: 8px;
  padding: 10px 16px;
  background: #f5f5f4;
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #44403c !important;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}
#main-page.made-on-giglancer-page #first-section .first-section .right .button .site-btn svg {
  margin-left: 8px;
}
#main-page.made-on-giglancer-page #projects {
  padding-top: 0;
}
#main-page.made-on-giglancer-page #projects .projects .categories {
  display: flex;
  margin-bottom: 24px;
  overflow-y: scroll;
}
#main-page.made-on-giglancer-page #projects .projects .categories a {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #737373;
  margin-right: 20px;
  white-space: nowrap;
}
#main-page.made-on-giglancer-page #projects .projects .categories a.active {
  text-decoration: underline;
  color: #000;
}
#main-page.made-on-giglancer-page #projects .projects .categories a:last-child {
  margin-right: 0;
}
#main-page.success-stories-page .container-xl {
  max-width: 1200px;
}
@media (max-width: 991px) {
  #main-page.success-stories-page #stories {
    padding: 104px 0 48px;
  }
}
#main-page.success-stories-page #stories .stories .section-title {
  max-width: 800px;
}
#main-page.success-stories-page #stories .stories .section-title h3 {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  #main-page.success-stories-page #stories .stories .section-title p {
    margin-bottom: 24px;
  }
}
#main-page.success-stories-page #stories .stories .section-title .mobile-categories {
  display: none;
}
@media (max-width: 767px) {
  #main-page.success-stories-page #stories .stories .section-title .mobile-categories {
    display: block;
  }
}
#main-page.success-stories-page #stories .stories .section-title .mobile-categories select {
  box-shadow: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #44403c;
  border: 1px solid #e7e5e4;
  border-radius: 8px;
  background-color: #f5f5f4;
  height: 40px;
}
@media (max-width: 767px) {
  #main-page.success-stories-page #stories .stories .categories {
    display: none;
  }
}
#main-page.success-stories-page #stories .stories .categories h4 {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.03em;
  color: #000;
  margin-bottom: 12px;
}
#main-page.success-stories-page #stories .stories .categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#main-page.success-stories-page #stories .stories .categories ul li a {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.03em;
  color: #737373;
  padding: 6px 10px;
  border-left: 2px solid #d4d4d4;
  display: block;
}
#main-page.success-stories-page #stories .stories .categories ul li a.active {
  margin-bottom: 4px;
  border-color: #1d4ed8;
  color: #1d4ed8;
  font-weight: 500;
}
#main-page.success-stories-page #stories .stories .story .thumb img {
  height: 260px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
#main-page.resource-center-page select {
  margin-bottom: 12px;
}
#main-page.resource-center-page .search-place {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 8px 16px 8px 10px;
  margin-bottom: 12px;
}
#main-page.resource-center-page .search-place .ico {
  margin-right: 8px;
  display: flex;
}
#main-page.resource-center-page .search-place #searchForm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#main-page.resource-center-page .search-place #searchForm .form-control {
  border: none;
  background-color: transparent;
  padding: 0 8px;
  font-size: 14px;
}
#main-page.resource-center-page .search-place #searchForm .form-control:focus {
  box-shadow: none;
}

#register {
  position: relative;
}
#register .register {
  padding: 64px 0;
  min-height: calc(100vh - 64px);
}
@media (max-width: 767px) {
  #register .register {
    min-height: 100vh;
    padding: 80px 0 100px;
  }
}
#register .register .section-title {
  max-width: 730px;
  margin-bottom: 48px !important;
}
@media (max-width: 767px) {
  #register .register .section-title {
    margin-bottom: 24px !important;
  }
}
@media (max-width: 767px) {
  #register .register .section-title h3 {
    font-size: 24px !important;
  }
}
#register .register .choose-type {
  height: 100%;
}
@media (max-width: 767px) {
  #register .register .choose-type .type-cards {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
#register .register .choose-type .type-cards .type-cards-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
#register .register .choose-type .type-cards .type-cards-wrap label {
  width: 100%;
}
@media (max-width: 767px) {
  #register .register .choose-type .type-cards .type-cards-wrap label {
    margin-bottom: 16px;
  }
}
#register .register .choose-type .type-cards .type-cards-wrap .type-card {
  padding: 24px 32px;
  border-radius: 18px;
  border: 1px solid #E5E5E5;
  position: relative;
  transition: 0.3s;
  cursor: pointer;
}
@media (max-width: 767px) {
  #register .register .choose-type .type-cards .type-cards-wrap .type-card {
    display: flex;
    align-items: center;
    padding: 12px 16px;
  }
}
#register .register .choose-type .type-cards .type-cards-wrap .type-card.active {
  border-color: #2563EB;
  background-color: #F5F5F5;
}
#register .register .choose-type .type-cards .type-cards-wrap .type-card .thumb {
  margin-bottom: 24px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  #register .register .choose-type .type-cards .type-cards-wrap .type-card .thumb {
    margin-bottom: 0;
    width: 80px;
    margin-right: 24px;
  }
}
#register .register .choose-type .type-cards .type-cards-wrap .type-card .title {
  font-weight: 500;
  font-size: 24px;
  line-height: 133%;
}
@media (max-width: 767px) {
  #register .register .choose-type .type-cards .type-cards-wrap .type-card .title {
    font-size: 18px;
    padding-right: 48px;
  }
}
#register .register .choose-type .type-cards .type-cards-wrap .type-card .form-check {
  position: absolute;
  right: 32px;
  top: 24px;
}
@media (max-width: 767px) {
  #register .register .choose-type .type-cards .type-cards-wrap .type-card .form-check {
    top: 7px;
    right: 16px;
  }
}
#register .register .choose-type .type-cards .type-cards-wrap .type-card .form-check .form-check-input {
  width: 32px;
  height: 32px;
}
@media (max-width: 767px) {
  #register .register .choose-type .type-cards .type-cards-wrap .type-card .form-check .form-check-input {
    width: 24px;
    height: 24px;
  }
}
#register .register .choose-type .type-cards .type-cards-wrap .type-card .form-check .form-check-input:checked {
  background-color: transparent;
}
#register .register .choose-type .type-cards .type-cards-wrap .type-card .form-check .form-check-input:checked[type=radio] {
  filter: brightness(0) saturate(100%) invert(37%) sepia(92%) saturate(835%) hue-rotate(195deg) brightness(86%) contrast(119%);
}
#register .register .choose-type .type-cards .button {
  text-align: center;
  margin-bottom: 16px;
}
#register .register .choose-type .type-cards p {
  text-align: center;
  margin-bottom: 0;
}
#register .register .choose-type .type-cards p a {
  color: #2563EB;
  font-weight: 500;
  text-decoration: underline;
}
#register .register .signup {
  max-width: 560px;
  margin: 0 auto;
}
#register .register .signup .form-control {
  margin-right: 44px;
}
@media (max-width: 767px) {
  #register .register .signup .form-group {
    margin-bottom: 18px;
  }
}
#register .register .signup .form-group#password {
  margin-right: 44px;
}
#register .register .signup .form-group .ico {
  right: 15px;
  width: 40px;
  text-align: center;
  opacity: 0;
  cursor: pointer;
}
#register .register .signup .form-group .ico.view {
  opacity: 1;
}
#register .register .signup .buttons-wrap {
  padding-bottom: 32px;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 32px;
}
#register .register .signup .buttons-wrap .buttons {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
@media (max-width: 650px) {
  #register .register .signup .buttons-wrap .buttons {
    flex-direction: column;
  }
}
#register .register .signup .buttons-wrap .buttons:last-child {
  margin-bottom: 0;
}
#register .register .signup .buttons-wrap .buttons a {
  border-radius: 12px;
  padding: 10px 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 6px;
  white-space: nowrap;
  transition: 0.3s;
  height: 48px;
  max-width: 274px;
  width: 100%;
}
@media (max-width: 650px) {
  #register .register .signup .buttons-wrap .buttons a {
    margin: 0 0;
    justify-content: center;
    max-width: 100%;
  }
}
#register .register .signup .buttons-wrap .buttons a .thumb {
  margin-right: 12px;
  flex-shrink: 0;
}
#register .register .signup .buttons-wrap .buttons a:nth-child(1) {
  border: 1px solid #D4D4D4;
}
@media (max-width: 650px) {
  #register .register .signup .buttons-wrap .buttons a:nth-child(1) {
    margin-bottom: 12px;
  }
}
#register .register .signup .buttons-wrap .buttons a:nth-child(1):hover {
  border-color: #000;
  color: #000;
}
#register .register .signup .buttons-wrap .buttons a:nth-child(2) {
  background-color: #000;
  color: #fff;
}
#register .register .signup .buttons-wrap .buttons:nth-child(2) a {
  border: 1px solid #D4D4D4;
  background-color: transparent;
}
#register .register .signup .buttons-wrap .buttons:nth-child(2) a:nth-child(2):hover {
  border-color: #000;
}
#register .register .signup .buttons-wrap .buttons:nth-child(2) a .thumb {
  margin-right: 0;
}
#register .register .signup .button {
  text-align: center;
  margin-bottom: 16px;
}
#register .register .signup p {
  text-align: center;
}
#register .register .signup p a {
  color: #2563EB;
  font-weight: 500;
  text-decoration: underline;
}
#register .register .signup p a:hover {
  text-decoration: none;
}
#register .register .check-email .section-title h3 {
  margin-bottom: 16px;
}
#register .register .check-email .section-title p {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: #404040;
}
@media (max-width: 767px) {
  #register .register .check-email .section-title p {
    font-size: 14px;
  }
}
#register .register .check-email .section-title p span {
  font-weight: 500;
  color: #000;
}
#register .register .check-email #checkEmail {
  text-align: center;
}
#register .register .check-email #checkEmail #verification-input {
  padding: 24px 0;
  margin-bottom: 24px;
}
#register .register .check-email #checkEmail #verification-input > input {
  width: 77px;
  height: 76px;
  font-size: 32px;
  text-align: center;
  border: 1px solid #D4D4D4;
  border-radius: 15px;
}
#register .register .check-email #checkEmail #verification-input > input:focus {
  border-color: #737373;
}
#register .register .check-email #checkEmail button {
  margin-bottom: 16px;
}
#register .register .check-email #checkEmail .send-code-again a {
  margin-bottom: 0;
  font-size: 14px;
}
#register .register .check-email #checkEmail .send-code-again a.disabled {
  pointer-events: none;
  color: gray;
}
#register .register .check-email #checkEmail .send-code-again a .timer {
  color: #737373;
}
#register .register .check-email #checkEmail .send-code-again a .timer.timer-left {
  display: none;
}
#register .register .greetings {
  position: relative;
}
#register .register .greetings .content {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
#register .register .greetings .content .thumb {
  margin-bottom: 36px;
}
#register .register .greetings .content .title {
  margin-bottom: 16px;
}
#register .register .greetings .content .title h3 {
  font-weight: 600;
  font-size: 48px;
  color: #000;
}
#register .register .greetings .content .desc {
  line-height: 125%;
  margin-bottom: 24px;
}
#register .register .form-group {
  margin-bottom: 24px;
  position: relative;
}
#register .register .form-group label {
  font-size: 14px;
  font-weight: 500;
  color: #404040;
  margin-bottom: 8px;
  width: 100%;
}
#register .register .form-group .form-control,
#register .register .form-group .form-select {
  border-radius: 12px;
  padding: 12px;
  background-color: #F5F5F5;
  border-color: #E5E5E5;
  cursor: pointer;
}
#register .register .form-group .form-check:first-child {
  margin-bottom: 16px;
}
#register .register .form-group .form-check .form-check-label {
  font-weight: 400;
  line-height: 150%;
  color: #737373;
  margin-bottom: 0;
}
#register .register .form-group a {
  color: #2563EB;
  text-decoration: underline;
  margin-left: 10px;
}
#register .register .form-group .ico {
  position: absolute;
  right: 16px;
  bottom: 15px;
}
#register .register .disabled {
  background-color: #F5F5F5;
  color: #D4D4D4;
}
#register .absolute-text {
  position: absolute;
  right: 56px;
  bottom: 28px;
  color: #737373;
  font-size: 14px;
}
@media (max-width: 767px) {
  #register .absolute-text {
    position: fixed;
    top: 17px;
    right: 21px;
    bottom: inherit;
    z-index: 99;
  }
}

/* Style the form */
#regForm {
  min-width: 300px;
}
#regForm .section-title {
  text-align: left;
}
#regForm .section-title h3 {
  margin-bottom: 16px;
}

#regForm .buttons {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  padding: 18px 32px;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  #regForm .buttons {
    background: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    padding: 12px 24px 24px 24px;
  }
}
#regForm .buttons .site-btn {
  font-weight: 600;
}
#regForm .buttons .site-btn:first-child {
  margin-right: auto;
}
#regForm .buttons .site-btn-back {
  border: 1px solid #D4D4D4;
  background-color: #FAFAFA;
  color: #404040;
}

/* Style the input fields */
/* Mark input boxes that gets an error on validation: */
input.invalid,
.select2-container.invalid {
  background-color: #ffdddd;
  border: 1px solid red;
}

/* Hide all steps by default: */
#regForm .tab {
  display: none;
}
#regForm .tab .register {
  max-width: 560px;
}
#regForm .tab .form-select:focus {
  box-shadow: none;
}
#regForm .tab.education .register {
  padding-bottom: 80px;
}
#regForm .tab.education .section-title h3 {
  margin-bottom: 16px;
}
#regForm .tab.education #educationContainer {
  margin-bottom: 30px;
}
#regForm .tab.education #educationContainer .education-wrap {
  margin-bottom: 30px;
}
#regForm .tab.education #educationContainer .education-wrap .education-block {
  margin-bottom: 10px;
  background-color: #eee;
  padding: 9px 15px;
  border-radius: 15px;
}
#regForm .tab.education a#addEducation {
  color: #2563EB !important;
}
#regForm .tab.certificates .register {
  padding-bottom: 80px;
}
#regForm .tab.certificates #certificateContainer {
  margin-bottom: 30px;
}
#regForm .tab.certificates #certificateContainer .sertificate-wrap {
  margin-bottom: 30px;
}
#regForm .tab.certificates #certificateContainer .sertificate-wrap .sertificate-block {
  margin-bottom: 10px;
  background-color: #eee;
  padding: 9px 15px;
  border-radius: 15px;
}
#regForm .tab.certificates a#addSertificate {
  color: #2563EB !important;
}
#regForm .tab.social-media .social-blocks {
  margin-bottom: 38px;
}
#regForm .tab.social-media .social-blocks .social-block-wrap {
  margin-bottom: 8px;
}
#regForm .tab.social-media .social-blocks .social-block-wrap:last-child {
  margin-bottom: 0;
}
#regForm .tab.social-media .social-blocks .social-block-wrap .social-block {
  display: block;
  padding: 17px;
  border-radius: 10px;
  background-color: #F5F5F5;
  border: 1px solid #E5E5E5;
  display: flex;
  justify-content: center;
  align-items: center;
}
#regForm .tab.social-media .social-blocks .social-block-wrap .social-block .ico {
  margin-right: 12px;
  line-height: 1;
  color: #292929;
  font-size: 17px;
}
#regForm .tab.social-media .social-blocks .social-block-wrap .social-block .title {
  font-weight: 600;
  color: #404040;
}
#regForm .tab.social-media .social-blocks .social-block-wrap .social-block .close-ico {
  display: none;
  color: #fff;
}
#regForm .tab.social-media .social-blocks .social-block-wrap .social-block.connected {
  background-color: #2563EB;
  justify-content: space-between;
}
#regForm .tab.social-media .social-blocks .social-block-wrap .social-block.connected .ico {
  color: #fff;
}
#regForm .tab.social-media .social-blocks .social-block-wrap .social-block.connected .title {
  color: #fff;
}
#regForm .tab.social-media .social-blocks .social-block-wrap .social-block.connected .close-ico {
  display: block;
}
#regForm .tab.social-media .form-group .ico {
  cursor: pointer;
  color: #737373;
}
#regForm .tab.personal-video .video-label label:nth-child(1) {
  margin-bottom: 0 !important;
  font-weight: 500;
  color: #171717 !important;
}
#regForm .tab.personal-video .video-label label:nth-child(2) {
  color: #404040 !important;
  font-weight: 400 !important;
}
#regForm .tab.personal-video .input__wrapper {
  width: 100%;
  position: relative;
  text-align: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #E5E5E5;
}
#regForm .tab.personal-video .input__file {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
#regForm .tab.personal-video .input__file-button {
  margin-bottom: 0 !important;
  overflow: hidden;
}
#regForm .tab.personal-video .input__file-button-text {
  line-height: 1;
  margin-top: 1px;
  position: absolute;
}
#regForm .tab.personal-video .input__file-button {
  border: 0.5px solid #E5E5E5;
  border-radius: 16px;
  height: 200px;
  background-image: url(/images/video-input.png?dac16a902b92df3dc585712a221e09f9);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
#regForm .tab.personal-video .url-frame {
  padding-right: 50px !important;
}
#regForm .tab.personal-video #video-preview {
  z-index: 1;
}
#regForm .tab.personal-info .profile-photo a {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 1px solid #E5E5E5;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0;
}
#regForm .tab.personal-info .profile-photo a img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
#regForm .tab.personal-info .select2.select2-container .select2-selection .select2-selection__rendered {
  padding: 9px 12px;
}
#regForm .tab.personal-info .select2.select2-container .select2-selection {
  height: initial;
}
#regForm .tab.personal-info .select2.select2-container .select2-selection .select2-selection__arrow {
  height: 50px;
  border-left: none;
  background-color: transparent;
}
#regForm .tab.personal-info .iti.iti--allow-dropdown.iti--show-flags {
  width: 100%;
}
#regForm .tab.personal-info #phone {
  padding-left: 60px !important;
}
#regForm .tab.personal-info .iti__selected-country-primary {
  border-right: 1px solid #E5E5E5;
  padding-right: 10px;
}
#regForm .tab.personal-info .button {
  margin-left: 8px;
}
#regForm .tab.personal-info .verification-wrap .form-group:first-child {
  margin-bottom: 16px !important;
}
#regForm .tab.personal-info .verification-wrap .form-group:last-child {
  margin-bottom: 0 !important;
}
#regForm .tab.personal-info .verification-wrap .form-group:last-child .item-wrap {
  margin-bottom: 8px;
}
#regForm .tab.personal-info .verification-wrap .form-group:last-child .send-again a {
  font-weight: 500;
  font-size: 14px;
  line-height: 171%;
  letter-spacing: -0.02em;
  color: #525252;
  text-decoration: none;
}
#regForm .tab.personal-info .verification-wrap .form-group:last-child .send-again a:hover {
  color: #000;
}
#regForm .tab.personal-info .verification-wrap .form-group:last-child .send-again .timer {
  font-weight: 400;
  color: #737373;
}
#regForm .tab.personal-info .verification-wrap .form-group:last-child .send-again .timer.timer-left {
  display: none;
}
#regForm .tab.personal-info .verification-wrap .form-group .site-btn {
  width: -moz-fit-content;
  width: fit-content;
}
#regForm .tab.personal-info .verification-wrap .form-group.phoneVerification {
  display: none;
}
@media (max-width: 767px) {
  #regForm .tab.personal-info .inputName {
    margin-bottom: 8px;
  }
}
#regForm .tab.personal-info .send-code-again a {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 171%;
  letter-spacing: -0.02em;
  color: #525252;
  text-decoration: none;
  margin-left: 0;
}
#regForm .tab.personal-info .send-code-again a.disabled {
  pointer-events: none;
  color: gray;
}
#regForm .tab.personal-info .send-code-again a .timer {
  color: #737373;
}
#regForm .tab.personal-info .send-code-again a .timer.timer-left {
  display: none;
}
#regForm .tab.personal-info .user-langs-group {
  position: relative;
  z-index: 1;
}
#regForm .tab.personal-info #userLangs .userLangs {
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  position: relative;
  margin-bottom: 10px;
}
#regForm .tab.personal-info #userLangs .userLangs:nth-child(1) {
  opacity: 1;
  z-index: 3;
}
#regForm .tab.personal-info #userLangs .userLangs:nth-child(2) {
  z-index: 2;
}
#regForm .tab.personal-info #userLangs .userLangs:nth-child(3) {
  z-index: 1;
}
#regForm .tab.personal-info #userLangs .userLangs.show {
  opacity: 1;
  transform: translateY(0);
}
#regForm .tab.personal-info #userLangs .userLangs.hidden {
  opacity: 0;
  transform: translateY(-10px);
}
#regForm .tab.personal-info #userLangs .userLangs {
  position: relative;
  transition: all 0.3s ease;
}
#regForm .tab.personal-info #userLangs .userLangs.hidden {
  opacity: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#regForm .tab.personal-info #userLangs .userLangs .deleteLang {
  position: absolute;
  text-decoration: none;
  right: 0;
  top: 50%;
  width: 150px;
  transform: translateX(150px);
  color: red;
}
#regForm .tab.personal-info #addLangs {
  padding-top: 5px;
  display: inline-block;
  text-decoration: none;
}
#regForm .tab.personal-info .custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
}
#regForm .tab.personal-info .select-selected {
  cursor: pointer;
}
#regForm .tab.personal-info .select-items {
  position: absolute;
  top: 50px;
  left: 0;
  background-color: #fff;
  z-index: 999;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06), 0 4px 8px 0 rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
#regForm .tab.personal-info .select-items div {
  padding: 8px 16px;
  cursor: pointer;
  font-weight: 400;
  font-size: 15px;
  line-height: 133%;
  letter-spacing: 0.01em;
}
#regForm .tab.personal-info .select-items div .desc {
  font-weight: 400;
  font-size: 12px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #818c99;
}
#regForm .tab.personal-info .select-items div:hover {
  background-color: #ddd;
}
#regForm .tab.personal-info .select-hide {
  display: none;
}
#regForm .tab.finish-register .register {
  max-width: 100%;
}

.select2.select2-container {
  width: 100% !important;
}

.select2.select2-container .select2-selection {
  border: 1px solid #E5E5E5;
  border-radius: 12px !important;
  outline: none;
  transition: all 0.15s ease-in-out;
  background-color: #F5F5F5;
  max-width: 560px;
}

.select2.select2-container .select2-selection .select2-selection__rendered {
  line-height: 32px;
  padding-right: 33px;
}

.select2.select2-container .select2-selection .select2-selection__arrow {
  background: #f8f8f8;
  border-left: 1px solid #ccc;
  border-radius: 0 3px 3px 0;
  height: 32px;
  width: 33px;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
  background: #f8f8f8;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
  border-radius: 0 3px 0 0;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
  border: 1px solid #E5E5E5;
}

.select2.select2-container .select2-selection--multiple {
  height: auto;
  min-height: 34px;
}

.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 0;
  height: 32px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block;
  padding: 6px;
  line-height: 29px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #fff;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  margin: 0 2px;
  padding: 0 22px 0 8px;
  font-size: 14px;
  position: relative;
  font-weight: 500;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  position: absolute;
  top: 0;
  right: 0;
  height: 22px;
  width: 22px;
  margin: 0;
  text-align: center;
  color: #737373;
  font-weight: bold;
  font-size: 16px;
}

.select2-container .select2-dropdown {
  background: transparent;
  border: none;
  margin-top: -5px;
}

.select2-container .select2-dropdown .select2-search {
  padding: 0;
}

.select2-container .select2-dropdown .select2-search input {
  outline: none;
  border: 1px solid #34495e;
  border-bottom: none;
  padding: 4px 6px;
}

.select2-container .select2-dropdown .select2-results {
  padding: 0;
}

.select2-container .select2-dropdown .select2-results ul {
  background: #fff;
  border: 1px solid #E5E5E5;
  border-radius: 12px;
}

.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
  background-color: #f0f0f0;
}

.select2-results__option[aria-selected] {
  background-color: #fff;
}

.select2-results__option {
  font-size: 14px;
  font-weight: 500;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #292929 !important;
}

ul#select2-wgvi-results {
  width: 560px;
}

.checkbox-wrap label a {
  font-size: 13px;
}
.checkbox-wrap .form-check .form-check-label {
  color: #000 !important;
}

#selectUserPhotoModal .modal-header {
  padding: 16px 20px;
  position: relative;
}
#selectUserPhotoModal .modal-header .btn-close {
  position: absolute;
  right: -30px;
  top: 10px;
  border-radius: 50%;
  background-image: none;
  opacity: 1;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: rgba(0, 0, 0, 0.35);
  transition: 0.3s;
  flex-shrink: 0;
}
#selectUserPhotoModal .modal-header .btn-close:hover {
  background: rgba(0, 0, 0, 0.8);
}
@media (max-width: 767px) {
  #selectUserPhotoModal .modal-header .btn-close {
    position: initial;
  }
}
#selectUserPhotoModal .modal-header .modal-title {
  font-size: 16px;
}
@media (max-width: 991px) {
  #selectUserPhotoModal .modal-body .user-photo {
    text-align: center;
  }
}
#selectUserPhotoModal .modal-body .user-photo img {
  border-radius: 50%;
  width: 280px;
  height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  #selectUserPhotoModal .modal-body .content {
    display: none;
  }
}
#selectUserPhotoModal .modal-body .content h3 {
  font-size: 20px;
  color: #171717;
  font-weight: 400;
  margin-bottom: 36px;
}
#selectUserPhotoModal .modal-body .content .thumbs {
  display: flex;
  align-items: center;
  margin-bottom: 36px;
}
#selectUserPhotoModal .modal-body .content .thumbs .thumb {
  margin-right: 10px;
}
#selectUserPhotoModal .modal-body .content .thumbs .thumb img {
  border-radius: 50%;
}
#selectUserPhotoModal .modal-body .content .thumbs .thumb:nth-child(1) img {
  width: 96px;
  height: 96px;
}
#selectUserPhotoModal .modal-body .content .thumbs .thumb:nth-child(2) img {
  width: 79px;
  height: 79px;
}
#selectUserPhotoModal .modal-body .content .thumbs .thumb:nth-child(3) img {
  width: 63px;
  height: 63px;
}
#selectUserPhotoModal .modal-body .content .thumbs .thumb:nth-child(4) {
  margin-right: 0;
}
#selectUserPhotoModal .modal-body .content .thumbs .thumb:nth-child(4) img {
  width: 48px;
  height: 48px;
}
#selectUserPhotoModal .modal-body .content p {
  color: #404040;
  line-height: 143%;
}
#selectUserPhotoModal .modal-footer .select-user-photo-wrap {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 18px;
}
#selectUserPhotoModal .modal-footer .select-user-photo-wrap label {
  position: absolute;
  z-index: 0;
  cursor: pointer;
}
#selectUserPhotoModal .modal-footer .select-user-photo-wrap input {
  opacity: 0;
  width: 115px;
  cursor: pointer;
  z-index: 1;
  position: relative;
}
#selectUserPhotoModal .modal-footer .button {
  margin-left: 8px;
}

#catalog {
  position: relative;
}
#catalog #first-section {
  border-bottom: 1px solid #e5e5e5;
}
#catalog #first-section .first-section {
  padding: 64px 0px 48px 0px;
}
@media (max-width: 991px) {
  #catalog #first-section .first-section {
    padding: 88px 0 48px;
  }
}
#catalog #first-section .first-section .content h1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 100%;
  color: #a3a3a3;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  #catalog #first-section .first-section .content h1 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  #catalog #first-section .first-section .content h1 {
    font-size: 28px;
  }
}
#catalog #first-section .first-section .content h1 span {
  color: #000;
}
@media (max-width: 576px) {
  #catalog #first-section .action-wrap {
    display: none;
  }
}
#catalog #first-section .action-wrap .action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#catalog #first-section .action-wrap .action .ico {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #bfdbfe;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  flex-shrink: 0;
}
#catalog #first-section .action-wrap .action .content {
  display: flex;
  align-items: center;
}
@media (max-width: 576px) {
  #catalog #first-section .action-wrap .action .content {
    width: 100%;
    justify-content: space-between;
  }
}
#catalog #first-section .action-wrap .action .content .text-content {
  margin-right: 9px;
}
#catalog #first-section .action-wrap .action .content .text-content p {
  font-size: 14px;
}
#catalog #first-section .action-wrap .action .content .text-content p:nth-child(1) {
  color: #000;
  font-weight: 600;
  margin-bottom: 2px;
}
#catalog #first-section .action-wrap .action .content .text-content p:nth-child(2) {
  margin-bottom: 0;
  color: #737373;
}
#catalog #first-section .action-wrap.mobile-action-wrap {
  display: none;
}
@media (max-width: 767px) {
  #catalog #first-section .action-wrap.mobile-action-wrap {
    padding-bottom: 24px;
  }
}
@media (max-width: 576px) {
  #catalog #first-section .action-wrap.mobile-action-wrap {
    display: block;
  }
}
#catalog #first-section .action-wrap.mobile-action-wrap .action {
  justify-content: flex-start;
}
#catalog #first-section #categories {
  padding: 48px 0;
}
@media (max-width: 991px) {
  #catalog #first-section #categories {
    padding-top: 0;
  }
}
#catalog #first-section #categories .categories {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  #catalog #first-section #categories .categories {
    overflow-x: scroll;
  }
}
@media (max-width: 767px) {
  #catalog #first-section #categories .categories {
    justify-content: initial;
  }
}
#catalog #first-section #categories .categories .category {
  max-width: 89px;
  width: 100%;
  text-align: center;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  #catalog #first-section #categories .categories .category {
    max-width: 80px;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  #catalog #first-section #categories .categories .category {
    margin-right: 10px;
  }
}
#catalog #first-section #categories .categories .category .thumb {
  margin-bottom: 7px;
}
@media (max-width: 767px) {
  #catalog #first-section #categories .categories .category .thumb img {
    width: 40px;
    margin: 0 auto;
  }
}
#catalog #first-section #categories .categories .category .title {
  font-weight: 600;
  font-size: 12px;
  color: #000;
}
@media (max-width: 1200px) {
  #catalog #first-section #categories .categories .category .title {
    word-break: break-all;
  }
}
@media (max-width: 991px) {
  #catalog #first-section #categories .categories .category .title {
    font-weight: 400;
  }
}
#catalog #main-categories #first-section {
  border-bottom: 0 !important;
}
@media (max-width: 767px) {
  #catalog #main-categories #first-section {
    border-bottom: 1px solid #e5e5e5 !important;
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  #catalog #main-categories #first-section .action-wrap {
    display: none;
  }
}
@media (max-width: 767px) {
  #catalog #main-categories #first-section .action-wrap.mobile-action-wrap {
    display: block !important;
  }
}
#catalog #main-categories .main-categories #services {
  border-bottom: 0;
}
#catalog #main-categories .main-categories .categories .category {
  padding: 16px 0;
}
@media (max-width: 575px) {
  #catalog #main-categories .main-categories .categories .category {
    padding: 10px 0;
  }
}
@media (max-width: 575px) {
  #catalog #main-categories .main-categories .categories .category .main-subcategory {
    display: flex;
    align-items: center;
  }
}
#catalog #main-categories .main-categories .categories .category .main-subcategory .thumb {
  margin-bottom: 20px;
  box-shadow: 0 2px 4px -2px rgba(16, 24, 40, 0.06), 0 4px 8px -2px rgba(16, 24, 40, 0.1);
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 575px) {
  #catalog #main-categories .main-categories .categories .category .main-subcategory .thumb {
    margin-bottom: 0;
    margin-right: 12px;
  }
}
#catalog #main-categories .main-categories .categories .category .main-subcategory .thumb img {
  height: 173px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 575px) {
  #catalog #main-categories .main-categories .categories .category .main-subcategory .thumb img {
    width: 120px;
    height: 80px;
  }
}
#catalog #main-categories .main-categories .categories .category .main-subcategory .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#catalog #main-categories .main-categories .categories .category .main-subcategory .title a {
  font-weight: 600;
  font-size: 18px;
  line-height: 156%;
  letter-spacing: -0.04em;
  color: #000;
}
@media (max-width: 575px) {
  #catalog #main-categories .main-categories .categories .category .main-subcategory .title a {
    font-size: 16px;
  }
}
#catalog #main-categories .main-categories .categories .category .main-subcategory .title a:hover {
  text-decoration: underline;
}
#catalog #main-categories .main-categories .categories .category .main-subcategory .title a .counter-gigs {
  color: #9b9b9b;
  font-weight: 400;
  font-size: 15px;
}
#catalog #main-categories .main-categories .categories .category .main-subcategory .title .ico {
  cursor: pointer;
  color: #404040;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 575px) {
  #catalog #main-categories .main-categories .categories .category .main-subcategory .title .ico {
    opacity: 1;
    visibility: visible;
  }
}
#catalog #main-categories .main-categories .categories .category .categories-list {
  padding: 0 12px;
  list-style: none;
  margin: 0;
}
@media (max-width: 575px) {
  #catalog #main-categories .main-categories .categories .category .categories-list {
    padding: 0 0;
    display: none;
    margin-top: 8px;
  }
}
#catalog #main-categories .main-categories .categories .category .categories-list li {
  padding: 6px 0;
}
#catalog #main-categories .main-categories .categories .category .categories-list li a {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #404040;
  transition: 0.3s;
}
#catalog #main-categories .main-categories .categories .category .categories-list li a:hover {
  color: #000;
  text-decoration: underline;
}
#catalog #main-categories .main-categories .popular-search-requests {
  max-width: 1024px;
  margin: 0 auto;
  padding: 32px 0;
}
@media (max-width: 575px) {
  #catalog #main-categories .main-categories .popular-search-requests .section-title {
    text-align: left;
    margin-bottom: 16px;
  }
}
#catalog #main-categories .main-categories .popular-search-requests .section-title h3 {
  font-weight: 600;
  font-size: 28px;
  line-height: 114%;
  letter-spacing: -0.04em;
  color: #000;
}
@media (max-width: 575px) {
  #catalog #main-categories .main-categories .popular-search-requests .section-title h3 {
    font-size: 18px;
  }
}
#catalog #main-categories .main-categories .popular-search-requests .requests {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 575px) {
  #catalog #main-categories .main-categories .popular-search-requests .requests {
    justify-content: initial;
  }
}
#catalog #main-categories .main-categories .popular-search-requests .requests .request {
  margin-bottom: 16px;
}
#catalog #main-categories .main-categories .popular-search-requests .requests .request a {
  color: #000;
  border-radius: 9999px;
  padding: 6px 16px;
  background: #f5f5f5;
  margin: 0 8px;
  line-height: 143%;
  display: block;
}
@media (max-width: 575px) {
  #catalog #main-categories .main-categories .popular-search-requests .requests .request a {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  #catalog #main-categories .main-categories .faqs .section-title {
    margin-bottom: 16px;
    text-align: left;
  }
}
@media (max-width: 575px) {
  #catalog #main-categories .main-categories .faqs .section-title h3 {
    font-size: 18px;
  }
}
#catalog.catalog-category-page #first-section {
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 767px) {
  #catalog.catalog-category-page #first-section .first-section {
    padding-bottom: 32px;
  }
}
@media (max-width: 767px) {
  #catalog.catalog-category-page #first-section .first-section .content {
    margin-bottom: 48px;
  }
}
@media (max-width: 767px) {
  #catalog.catalog-category-page #first-section .action-wrap {
    display: block !important;
  }
}
@media (max-width: 767px) {
  #catalog.catalog-category-page #first-section .action-wrap .action {
    justify-content: flex-start;
  }
}
#catalog.catalog-category-page #first-section .action-wrap .action .content {
  margin-bottom: 0;
}
#catalog.catalog-category-page #services .services .service {
  margin-bottom: 32px;
}
#catalog #catalog-category .filter-section {
  padding: 32px 0 36px;
}
@media (max-width: 575px) {
  #catalog #catalog-category .filter-section {
    display: none;
  }
}
#catalog #catalog-category .filter-section #filter-form {
  display: flex;
}
#catalog #catalog-category .filter-section #filter-form .sort {
  margin-left: auto;
}
#catalog #catalog-category .filter-section #filter-form .form-group {
  margin-right: 16px;
}
#catalog #catalog-category .filter-section #filter-form .form-group:last-child {
  margin-right: 0;
}
#catalog #catalog-category .filter-section #filter-form .form-group .form-control {
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 12px 40px 12px 24px;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: -0.02em;
  color: #737373;
}
#catalog #catalog-category #services .services {
  padding-top: 0;
}
#catalog #freelancers .freelancers .results {
  margin-bottom: 16px;
}
#catalog #freelancers .freelancers .freelancer {
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 24px 20px;
  margin-bottom: 32px;
}
#catalog #freelancers .freelancers .freelancer .autor {
  display: flex;
  position: relative;
  margin-bottom: 24px;
}
#catalog #freelancers .freelancers .freelancer .autor .thumb {
  margin-right: 12px;
  position: relative;
  flex-shrink: 0;
  height: -moz-fit-content;
  height: fit-content;
}
#catalog #freelancers .freelancers .freelancer .autor .thumb img {
  border-radius: 40px;
  width: 80px;
  height: 80px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
#catalog #freelancers .freelancers .freelancer .autor .thumb .online {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #4BB34B;
  position: absolute;
  right: 5px;
  bottom: 5px;
  border: 2px solid #fff;
}
#catalog #freelancers .freelancers .freelancer .autor .personal-info .name {
  margin-bottom: 4px;
}
#catalog #freelancers .freelancers .freelancer .autor .personal-info .name a {
  font-weight: 500;
  font-size: 18px;
  line-height: 133%;
  color: #000;
}
#catalog #freelancers .freelancers .freelancer .autor .personal-info .autor-level {
  font-weight: 500;
  font-size: 12px;
  color: #000;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
#catalog #freelancers .freelancers .freelancer .autor .personal-info .autor-level img {
  margin-right: 5px;
}
#catalog #freelancers .freelancers .freelancer .autor .personal-info .autor-lang {
  font-weight: 400;
  font-size: 12px;
  line-height: 133%;
  color: #737373;
}
#catalog #freelancers .freelancers .freelancer .autor .add-to-favorite {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 6px;
  color: #404040;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: #f5f5f5;
  font-size: 14px;
}
#catalog #freelancers .freelancers .freelancer .autor .add-to-favorite .favorite {
  color: #c32626;
}
#catalog #freelancers .freelancers .freelancer .autor-occupation {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #000;
  margin-bottom: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#catalog #freelancers .freelancers .freelancer .short-desc {
  font-weight: 400;
  font-size: 12px;
  line-height: 133%;
  color: #737373;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#catalog #freelancers .freelancers .freelancer .autor-skills {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
#catalog #freelancers .freelancers .freelancer .autor-skills .skill {
  font-weight: 400;
  font-size: 13px;
  line-height: 123%;
  letter-spacing: -0.02em;
  color: #000;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 5px 12px;
  margin-right: 6px;
  margin-bottom: 6px;
}
#catalog #freelancers .freelancers .freelancer .autor-info {
  display: flex;
  justify-content: space-between;
}
#catalog #freelancers .freelancers .freelancer .autor-info .info-block {
  width: 33.3%;
}
#catalog #freelancers .freelancers .freelancer .autor-info .info-block:nth-child(2) {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
#catalog #freelancers .freelancers .freelancer .autor-info .info-block .title {
  font-weight: 400;
  font-size: 12px;
  line-height: 133%;
  text-align: center;
  color: #737373;
  margin-bottom: 8px;
}
#catalog #freelancers .freelancers .freelancer .autor-info .info-block .desc {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  text-align: center;
  color: #000;
}
#catalog #freelancers .freelancers .freelancer .autor-info .info-block:last-child .desc {
  line-height: 100%;
}
#catalog .mobile-actions {
  position: fixed;
  bottom: 24px;
  left: 0;
  right: 0;
  z-index: 1;
  display: none;
}
@media (max-width: 575px) {
  #catalog .mobile-actions {
    display: block;
  }
}
#catalog .mobile-actions .buttons {
  display: flex;
  justify-content: center;
}
#catalog .mobile-actions .buttons a, #catalog .mobile-actions .buttons button {
  border: 1px solid #2563eb;
  border-radius: 12px;
  padding: 11px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  min-width: 140px;
}
#catalog .mobile-actions .buttons a .ico, #catalog .mobile-actions .buttons button .ico {
  margin-right: 16px;
}
#catalog .mobile-actions .buttons a span, #catalog .mobile-actions .buttons button span {
  font-weight: 500;
  font-size: 14px;
}
#catalog .mobile-actions .buttons a .count, #catalog .mobile-actions .buttons button .count {
  margin-left: 16px;
  width: 18px;
  height: 18px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 11px;
  flex-shrink: 0;
}
#catalog .mobile-actions .buttons a:nth-child(1), #catalog .mobile-actions .buttons button:nth-child(1) {
  background-color: #2563EB;
}
#catalog .mobile-actions .buttons a:nth-child(1) span, #catalog .mobile-actions .buttons button:nth-child(1) span {
  color: #fff;
}
#catalog .mobile-actions .buttons a:nth-child(1) .count, #catalog .mobile-actions .buttons button:nth-child(1) .count {
  background-color: #fff;
  color: #2563EB;
}
#catalog .mobile-actions .buttons a:nth-child(2), #catalog .mobile-actions .buttons button:nth-child(2) {
  background-color: #fff;
}
#catalog .mobile-actions .buttons a:nth-child(2) .ico, #catalog .mobile-actions .buttons button:nth-child(2) .ico {
  color: #2563EB;
}
#catalog .mobile-actions .buttons a:nth-child(2) span, #catalog .mobile-actions .buttons button:nth-child(2) span {
  color: #2563EB;
}
#catalog .mobile-actions .buttons a:nth-child(2) .count, #catalog .mobile-actions .buttons button:nth-child(2) .count {
  background-color: #2563EB;
  color: #fff;
}
#catalog .mobile-filter {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 3;
  border-radius: 12px 12px 0 0;
  transform: translateY(100%);
  transition: 0.3s;
  display: none;
  z-index: 999;
}
@media (max-width: 575px) {
  #catalog .mobile-filter {
    display: block;
  }
}
#catalog .mobile-filter.active {
  transform: translateY(0);
}
#catalog .mobile-filter #mobile-filter-form {
  padding: 0 16px;
}
#catalog .mobile-filter #mobile-filter-form .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #d7d8d9;
}
#catalog .mobile-filter #mobile-filter-form .heading .title {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 21px;
  line-height: 124%;
  color: #000;
}
#catalog .mobile-filter #mobile-filter-form .heading .title .close-filter {
  margin-right: 20px;
}
#catalog .mobile-filter #mobile-filter-form .heading input {
  background: transparent;
  border: none;
  font-weight: 500;
  font-size: 15px;
  line-height: 133%;
  letter-spacing: 0.01em;
  text-decoration: underline;
  color: #2563EB;
}
#catalog .mobile-filter #mobile-filter-form .form-body {
  padding: 8px 0 24px 0;
}
#catalog .mobile-filter #mobile-filter-form .form-body .form-check {
  padding-left: 0;
}
#catalog .mobile-filter #mobile-filter-form .form-body .form-check label {
  font-weight: 400;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.01em;
  color: #a3a3a3;
  margin-bottom: 8px;
}
#catalog .mobile-filter #mobile-filter-form .form-body .form-check .form-check-wrap {
  background: #f5f5f5;
  padding: 2px;
  border-radius: 10px;
}
#catalog .mobile-filter #mobile-filter-form .form-body .form-check .form-check-wrap .btn {
  border-radius: 10px;
  margin-bottom: 0;
  border: none;
  width: 49%;
}
#catalog .mobile-filter #mobile-filter-form .form-body .form-check .form-check-wrap .btn-check:checked + .btn {
  background-color: #fff;
}
#catalog .mobile-filter #mobile-filter-form .form-body .form-group {
  padding: 12px 0;
}
#catalog .mobile-filter #mobile-filter-form .form-body .form-group label {
  font-weight: 400;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.01em;
  color: #a3a3a3;
  margin-bottom: 8px;
}
#catalog .mobile-filter #mobile-filter-form .form-body .form-group .form-control {
  background-color: #f5f5f5;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.01em;
  color: #737373;
  padding: 12px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}
#catalog .mobile-filter #mobile-filter-form .form-body .form-group .slider {
  display: flex;
  width: 100%;
}
#catalog .mobile-filter #mobile-filter-form .form-body .form-group .slider .slider-track {
  height: 2px;
  margin-top: -1px;
}
#catalog .mobile-filter #mobile-filter-form .form-body .form-group .slider .slider-track .slider-selection {
  background: #2563EB;
}
#catalog .mobile-filter #mobile-filter-form .form-body .form-group .slider .tooltip.bs-tooltip-top {
  position: absolute;
}
#catalog .mobile-filter #mobile-filter-form .form-body .form-group .slider .slider-handle {
  background: #fff;
  border: 0.5px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08), 0 0 2px 0 rgba(0, 0, 0, 0.08);
}
#catalog .mobile-filter #mobile-filter-form button {
  margin-top: 32px;
}
#catalog .mobile-filter #mobile-filter-form button.site-btn {
  width: 100%;
  border-radius: 8px;
}

#services {
  border-bottom: 1px solid #e5e5e5;
}
#services .section-title {
  text-align: left;
}
@media (max-width: 767px) {
  #services .section-title {
    margin-bottom: 16px;
  }
}
#services .section-title h3 {
  font-weight: 600;
  font-size: 28px;
}
@media (max-width: 767px) {
  #services .section-title h3 {
    font-size: 18px;
  }
}
#services .section-title h3 a {
  color: #2563EB;
}
#services .section-title h3 span {
  color: #a3a3a3;
}
#services .show-more {
  cursor: pointer;
  color: #2563EB;
  text-align: right;
  font-weight: 500;
  font-size: 20px;
}
@media (max-width: 767px) {
  #services .show-more {
    display: none;
  }
}
#services .show-more.mobile-show-more {
  display: none;
  text-align: left;
}
@media (max-width: 767px) {
  #services .show-more.mobile-show-more {
    display: block;
  }
}
#services .services {
  padding: 48px 0;
}
@media (max-width: 991px) {
  #services .services {
    padding: 24px 0;
  }
}
#services .services .service-item {
  transition: opacity 0.5s ease;
  opacity: 0;
  margin-bottom: 32px;
}
#services .services .service-item.visible {
  opacity: 1;
}
#services .services .service {
  box-shadow: 0 2px 4px -2px rgba(16, 24, 40, 0.06), 0 4px 8px -2px rgba(16, 24, 40, 0.1);
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
}
#services .services .service .service-thumb {
  position: relative;
}
#services .services .service .service-thumb .actions {
  position: absolute;
  top: 12px;
  right: 15px;
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
@media (max-width: 576px) {
  #services .services .service .service-thumb .actions {
    opacity: 1;
    visibility: visible;
  }
}
#services .services .service .service-thumb .actions a {
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 576px) {
  #services .services .service .service-thumb .actions a:nth-child(1) {
    display: none;
    margin-right: 0;
  }
  #services .services .service .service-thumb .actions a .ico {
    border: 1px solid #d4d4d4;
    background-color: transparent;
    color: #2563EB;
  }
  #services .services .service .service-thumb .actions a.liked .ico {
    background-color: transparent;
    color: red;
  }
}
#services .services .service .service-thumb .actions a:first-child {
  margin-right: 8px;
}
#services .services .service .service-thumb .actions a .ico {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 11px;
}
#services .services .service .service-thumb .actions a.liked .ico {
  background-color: rgb(165, 10, 10);
}
#services .services .service .service-thumb a {
  display: block;
  width: 100%;
  flex-shrink: 0;
}
#services .services .service .service-thumb a img {
  width: 100%;
  height: 173px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
#services .services .service .content {
  padding: 12px 20px;
}
@media (max-width: 1024px) {
  #services .services .service .content {
    padding: 12px 12px 20px;
  }
}
#services .services .service .content .autor-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
@media (max-width: 576px) {
  #services .services .service .content .autor-section {
    margin-bottom: 0;
  }
}
#services .services .service .content .autor-section .autor a {
  display: flex;
}
#services .services .service .content .autor-section .autor a .thumb {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 8px;
  position: relative;
}
#services .services .service .content .autor-section .autor a .thumb .online {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #4BB34B;
  position: absolute;
  bottom: 0;
  right: 0;
  border: 2px solid #fff;
}
#services .services .service .content .autor-section .autor a .thumb img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
#services .services .service .content .autor-section .autor a .personal-info .name {
  font-weight: 500;
  font-size: 14px;
}
#services .services .service .content .autor-section .autor a .personal-info .grade {
  color: #000;
  font-size: 12px;
  display: flex;
}
#services .services .service .content .autor-section .autor a .personal-info .grade .ico i {
  color: #22c55e;
  margin-right: 4px;
  font-size: 15px;
}
#services .services .service .content .autor-section .autor a .personal-info .grade span {
  color: #737373;
}
#services .services .service .content .autor-section .autor-level {
  font-weight: 500;
  font-size: 12px;
  color: #000;
  display: flex;
  align-items: center;
}
#services .services .service .content .autor-section .autor-level img {
  margin-right: 5px;
}
#services .services .service .content .short-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  color: #000;
  line-height: 171%;
  margin-bottom: 16px;
  min-height: 47px;
}
#services .services .service .content .other-content {
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
  font-weight: 500;
  font-size: 11px;
  color: #000;
}
@media (max-width: 1024px) {
  #services .services .service .content .other-content {
    padding: 0 0;
  }
}
#services .services .service .content .other-content .price {
  color: #737373;
}
#services .services .service .content .other-content .price span {
  color: #000;
}
#services .services .service:hover .service-thumb .actions {
  opacity: 1;
  visibility: visible;
}

#projects {
  padding: 48px 0;
}
@media (max-width: 767px) {
  #projects {
    padding: 24px 0;
  }
}
#projects .projects .section-title {
  text-align: left;
}
#projects .projects .section-title h3 {
  font-weight: 700;
}
@media (max-width: 767px) {
  #projects .projects .section-title h3 {
    font-size: 18px;
  }
}
#projects .projects .section-title h3 span {
  color: #a3a3a3;
}
#projects .projects .section-title .button {
  display: none;
}
#projects .projects .project-item {
  transition: opacity 0.5s ease;
  opacity: 0;
  margin-bottom: 32px;
}
#projects .projects .project-item.visible {
  opacity: 1;
}
#projects .projects .project {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  #projects .projects .project {
    margin-bottom: 8px;
  }
}
#projects .projects .project .thumb img {
  height: 220px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
#projects .projects .project .content {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#projects .projects .project .content .title {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.02em;
  color: #404040;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 133%;
}
#projects .projects .project .content .link {
  margin-left: 24px;
}
#projects .projects .project .content .link a {
  border-radius: 8px;
  width: 32px;
  height: 32px;
  border: 1px solid #D4D4D4;
  display: flex;
  align-items: center;
  justify-content: center;
}
#projects .projects .button {
  text-align: center;
}
@media (max-width: 767px) {
  #projects .projects .button {
    text-align: left;
  }
}

#gig .categories-container {
  margin-bottom: 0;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
#gig .gig {
  padding-top: 42px;
  padding-bottom: 64px;
  /* Style the tab */
  /* Style the buttons that are used to open the tab content */
  /* Change background color of buttons on hover */
  /* Create an active/current tablink class */
  /* Style the tab content */
}
@media (max-width: 991px) {
  #gig .gig {
    padding-top: 88px;
  }
}
#gig .gig .section-title {
  text-align: left;
}
#gig .gig .section-title h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.05em;
  color: #000;
}
#gig .gig .tab {
  overflow: hidden;
  display: flex;
  background-color: transparent;
  margin-bottom: 24px;
}
#gig .gig .tab button {
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  overflow: hidden;
  border: 1px solid #E5E5E5;
  border-radius: 12px;
  padding: 12px 0px;
  width: 100%;
  height: 64px;
  background-color: transparent;
  color: #404040;
}
@media (max-width: 767px) {
  #gig .gig .tab button {
    width: 100%;
  }
}
#gig .gig .tab button:nth-child(2) {
  margin: 0 8px;
}
#gig .gig .tab button .title {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  text-align: center;
}
#gig .gig .tab button .price {
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.04em;
  text-align: center;
  color: var(--neutral-700);
}
@media (max-width: 575px) {
  #gig .gig .tab button .price {
    font-size: 12px;
  }
}
#gig .gig .tab button:hover {
  border-color: #b4cafb;
}
#gig .gig .tab button.active {
  border-color: #2563EB;
  background-color: transparent;
}
#gig .gig .tabcontent {
  display: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
#gig .gig .tabcontent h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #000;
}
#gig .gig .tabcontent h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 156%;
  letter-spacing: -0.04em;
  color: #000;
}
@media (max-width: 767px) {
  #gig .gig .tabcontent h3 {
    margin-bottom: 24px;
  }
}
#gig .gig .tabcontent .tarif-list p {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #404040;
  margin-bottom: 4px;
}
#gig .gig .main-gig-info .title {
  margin-bottom: 16px;
}
#gig .gig .main-gig-info .title h1 {
  font-weight: 500;
  font-size: 30px;
  line-height: 120%;
  letter-spacing: -0.05em;
  color: #404040;
  margin-right: 10px;
}
@media (max-width: 767px) {
  #gig .gig .main-gig-info .title h1 {
    font-size: 20px;
  }
}
#gig .gig .main-gig-info .autor {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
#gig .gig .main-gig-info .autor .thumb {
  margin-right: 12px;
  position: relative;
}
#gig .gig .main-gig-info .autor .thumb img {
  border-radius: 22px;
  width: 44px;
  height: 44px;
  -o-object-fit: cover;
     object-fit: cover;
}
#gig .gig .main-gig-info .autor .thumb .online {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #4BB34B;
  position: absolute;
  right: 0;
  bottom: 0;
  border: 2px solid #fff;
}
#gig .gig .main-gig-info .autor .content {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  #gig .gig .main-gig-info .autor .content {
    flex-direction: column;
    align-items: flex-start;
  }
}
#gig .gig .main-gig-info .autor .content .name {
  margin-right: 12px;
  font-weight: 500;
  font-size: 18px;
  line-height: 156%;
  letter-spacing: -0.04em;
  color: #000;
}
@media (max-width: 767px) {
  #gig .gig .main-gig-info .autor .content .name {
    font-size: 14px;
  }
}
#gig .gig .main-gig-info .autor .content .additional-info {
  display: flex;
  align-items: center;
}
#gig .gig .main-gig-info .autor .content .additional-info .grade {
  margin-right: 12px;
  display: flex;
}
@media (max-width: 767px) {
  #gig .gig .main-gig-info .autor .content .additional-info .grade {
    font-size: 12px;
  }
}
#gig .gig .main-gig-info .autor .content .additional-info .grade .ico {
  color: #22c55e;
  margin-right: 4px;
}
#gig .gig .main-gig-info .autor .content .additional-info .autor-level {
  font-weight: 500;
  font-size: 12px;
  line-height: 167%;
  letter-spacing: -0.04em;
  color: #000;
}
@media (max-width: 767px) {
  #gig .gig .main-gig-info .autor .content .additional-info .autor-level {
    font-size: 10px;
  }
}
#gig .gig .main-gig-info .gig-carousel {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
#gig .gig .main-gig-info .gig-carousel .item img {
  border-radius: 16px;
  height: 454px;
  -o-object-fit: contain;
     object-fit: contain;
}
#gig .gig .main-gig-info .gig-carousel .owl-nav {
  position: absolute;
  left: 16px;
  right: 16px;
  display: flex;
  justify-content: space-between;
}
#gig .gig .main-gig-info .gig-carousel .owl-nav button {
  background-color: rgba(255, 255, 255, 0.6);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  #gig .gig .main-gig-info .gig-carousel .owl-nav button {
    width: 42px;
    height: 42px;
  }
}
#gig .gig .main-gig-info .gig-carousel .owl-nav button span {
  color: #404040;
  font-size: 30px;
}
#gig .gig .main-gig-info .highlighted-reviews {
  margin-bottom: 32px;
}
#gig .gig .main-gig-info .highlighted-reviews .section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
#gig .gig .main-gig-info .highlighted-reviews .section-title a {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #2563EB;
}
#gig .gig .main-gig-info .highlighted-reviews .section-title a:hover {
  text-decoration: underline;
}
#gig .gig .main-gig-info .highlighted-reviews .highlighted-reviews-carousel {
  display: flex;
  align-items: center;
}
#gig .gig .main-gig-info .highlighted-reviews .highlighted-reviews-carousel .item {
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 24px;
}
#gig .gig .main-gig-info .highlighted-reviews .highlighted-reviews-carousel .item .review {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
#gig .gig .main-gig-info .highlighted-reviews .highlighted-reviews-carousel .item .review .thumb span {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #fff;
  background: linear-gradient(135deg, #d3a6ff 0%, #8f3fe0 100%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#gig .gig .main-gig-info .highlighted-reviews .highlighted-reviews-carousel .item .review .mobile-thumb {
  width: 28px;
  height: 28px;
}
#gig .gig .main-gig-info .highlighted-reviews .highlighted-reviews-carousel .item .review .mobile-thumb span {
  font-weight: 500;
  line-height: 140%;
  color: #fff;
  background: linear-gradient(135deg, #d3a6ff 0%, #8f3fe0 100%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
#gig .gig .main-gig-info .highlighted-reviews .highlighted-reviews-carousel .item .review #raiting {
  width: initial;
}
@media (max-width: 575px) {
  #gig .gig .main-gig-info .highlighted-reviews .highlighted-reviews-carousel .item .review #raiting {
    width: 100%;
    margin-top: 10px;
  }
}
#gig .gig .main-gig-info .highlighted-reviews .highlighted-reviews-carousel .owl-nav {
  position: absolute;
  left: -16px;
  right: -16px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 575px) {
  #gig .gig .main-gig-info .highlighted-reviews .highlighted-reviews-carousel .owl-nav {
    left: -12px;
    right: -12px;
  }
}
#gig .gig .main-gig-info .highlighted-reviews .highlighted-reviews-carousel .owl-nav button {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06), 0 4px 8px 0 rgba(0, 0, 0, 0.04);
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575px) {
  #gig .gig .main-gig-info .highlighted-reviews .highlighted-reviews-carousel .owl-nav button {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }
}
#gig .gig .main-gig-info .highlighted-reviews .highlighted-reviews-carousel .owl-nav button span {
  color: #404040;
}
#gig .gig .tarifs-wrap .actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  #gig .gig .tarifs-wrap .actions {
    justify-content: center;
  }
}
#gig .gig .tarifs-wrap .actions .action {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  color: #737373;
  margin-right: 16px;
  transition: 0.3s;
}
@media (max-width: 575px) {
  #gig .gig .tarifs-wrap .actions .action {
    font-size: 14px;
  }
}
#gig .gig .tarifs-wrap .actions .action:hover {
  color: #000;
}
#gig .gig .tarifs-wrap .actions .action:last-child {
  margin-right: 0;
}
#gig .gig .tarifs-wrap .actions .action .ico {
  margin-right: 8px;
  color: #737373;
}
@media (max-width: 767px) {
  #gig .gig #gig-order:last-child {
    margin-bottom: 60px;
  }
}
#gig .gig #gig-order .tarifs-block-wrap {
  margin-bottom: 16px;
  padding: 24px 16px;
  border: 1px solid #E5E5E5;
  border-radius: 12px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08), 0 0 2px 0 rgba(0, 0, 0, 0.08);
}
#gig .gig #gig-order .delivery-info {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  #gig .gig #gig-order .delivery-info {
    padding: 12px 8px;
  }
}
#gig .gig #gig-order .delivery-info .thumb {
  flex-shrink: 0;
  margin-right: 12px;
}
#gig .gig #gig-order .delivery-info .content p {
  margin-bottom: 0;
}
#gig .gig #gig-order .delivery-info .content p:nth-child(1) {
  font-weight: 600;
  font-size: 16px;
  line-height: 156%;
  letter-spacing: -0.04em;
  color: #000;
}
#gig .gig #gig-order .delivery-info .content p:nth-child(2) {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  color: #737373;
}
#gig .gig #gig-order .buttons .site-btn {
  border-radius: 12px;
  padding: 16px;
  background-color: #3B82F6;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 12px;
}
#gig .gig #gig-order .buttons .button a {
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  text-align: center;
  border: 1px solid #E5E5E5;
  border-radius: 12px;
  padding: 12px;
  display: block;
  width: 100%;
  transition: 0.3s;
}
#gig .gig #gig-order .buttons .button a:hover {
  border-color: #000;
}
#gig .gig #gig-order .send-message {
  padding: 0 19px 15px 19px;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  color: #737373;
  transition: 0.3s;
}
@media (max-width: 767px) {
  #gig .gig #gig-order .send-message {
    justify-content: center;
  }
}
#gig .gig #gig-order .send-message:hover {
  color: #000;
}
#gig .gig #gig-order .send-message svg {
  margin-right: 15px;
}
#gig .gig .about-gig .tab {
  margin-bottom: 32px;
}
#gig .gig .about-gig .tab button {
  border-radius: 0 0 0 0;
  border: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #737373;
  padding: 9px 16px;
  width: initial;
  height: initial;
  border-bottom: 2px solid transparent;
}
@media (max-width: 767px) {
  #gig .gig .about-gig .tab button {
    width: 25%;
  }
}
#gig .gig .about-gig .tab button:hover {
  background-color: transparent;
  color: #000;
}
#gig .gig .about-gig .tab button.active {
  border-bottom: 2px solid #2563EB;
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #000;
}
#gig .gig .about-gig .tab button:nth-child(2) {
  margin: 0 0;
}
#gig .gig .about-gig .tabcontent2 {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 32px;
}
#gig .gig .about-gig .tabcontent2 .section-title {
  margin-bottom: 32px;
}
#gig .gig .about-gig #tiers .content a, #gig .gig .about-gig #tiers .content button {
  margin-bottom: 20px;
}
#gig .gig .about-gig #tiers .content .contact-with-autor a {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-align: center;
  color: #3b82f6;
  transition: 0.3s;
}
#gig .gig .about-gig #tiers .content .contact-with-autor a:hover {
  text-decoration: none;
}
@media (max-width: 575px) {
  #gig .gig .about-gig #tiers .content .desctope-tiers {
    display: none;
  }
}
#gig .gig .about-gig #tiers .content .desctope-tiers #gig-order {
  text-align: center;
  max-width: 192px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#gig .gig .about-gig #tiers .content .desctope-tiers #gig-order .bb {
  border-bottom: 1px solid #e5e5e5;
}
#gig .gig .about-gig #tiers .content .desctope-tiers #gig-order .tarif .thumb {
  margin-bottom: 20px;
}
#gig .gig .about-gig #tiers .content .desctope-tiers #gig-order .tarif .title {
  font-size: 20px !important;
}
#gig .gig .about-gig #tiers .content .desctope-tiers #gig-order .tarif .content {
  font-size: 16px !important;
}
#gig .gig .about-gig #tiers .content .desctope-tiers #gig-order .form-block {
  padding: 32px 0;
}
#gig .gig .about-gig #tiers .content .desctope-tiers #gig-order .form-block .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #000;
  margin-bottom: 12px;
}
#gig .gig .about-gig #tiers .content .desctope-tiers #gig-order .form-block .desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #000;
}
#gig .gig .about-gig #tiers .content .desctope-tiers #gig-order .form-block .desc .form-check {
  margin-left: 30px;
  text-align: left;
  display: flex;
  margin-bottom: 12px;
}
#gig .gig .about-gig #tiers .content .desctope-tiers #gig-order .form-block .desc .form-check label {
  margin-left: 14px;
}
#gig .gig .about-gig #tiers .content .desctope-tiers #gig-order .form-block.form-block-price {
  margin-top: auto;
}
#gig .gig .about-gig #tiers .content .mobile-tiers {
  display: none;
}
@media (max-width: 575px) {
  #gig .gig .about-gig #tiers .content .mobile-tiers {
    display: block;
  }
}
#gig .gig .about-gig #tiers .content .mobile-tiers .tab {
  background-color: #F5F5F5;
  margin-bottom: 0;
}
#gig .gig .about-gig #tiers .content .mobile-tiers .tab button {
  width: 100%;
  margin-bottom: 0;
}
#gig .gig .about-gig #tiers .content .mobile-tiers .tab button.active {
  border-color: #000;
}
#gig .gig .about-gig #tiers .content .mobile-tiers .tabcontent .tiers-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
#gig .gig .about-gig #tiers .content .mobile-tiers .tabcontent .tiers-list li {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}
#gig .gig .about-gig #tiers .content .mobile-tiers .tabcontent .tiers-list li span {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #000;
  text-align: left;
}
#gig .gig .about-gig #tiers .content .mobile-tiers .tabcontent .tiers-list li span:nth-child(1) {
  padding-right: 30px;
}
#gig .gig .about-gig #tiers .content .mobile-tiers .tabcontent .tiers-list li span:nth-child(2) {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #000;
}
#gig .gig .about-gig #tiers .content .mobile-tiers .tabcontent .tiers-list li:nth-child(1) {
  border-bottom: 1px solid #E5E5E5;
}
#gig .gig .about-gig #tiers .content .mobile-tiers .tabcontent .tiers-list li:nth-child(1) span {
  font-weight: 500;
}
#gig .gig .about-gig #tiers .content .mobile-tiers .tabcontent .tiers-list li:nth-child(1) span:nth-child(2) {
  font-size: 20px;
}
#gig .gig .about-gig #tiers .content .mobile-tiers .tabcontent .tiers-list li:last-child {
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 20px;
}
#gig .gig .about-gig #tiers .content .mobile-tiers .tabcontent .actions {
  text-align: center;
}
#gig .gig .about-gig #freelancer .content h3.block-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #737373;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  #gig .gig .about-gig #freelancer .content h3.block-title {
    margin-bottom: 8px;
  }
}
#gig .gig .about-gig #freelancer .content .about-autor {
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 32px;
}
@media (max-width: 576px) {
  #gig .gig .about-gig #freelancer .content .about-autor {
    padding: 0;
    border: none;
  }
}
#gig .gig .about-gig #freelancer .content .about-autor .autor {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
#gig .gig .about-gig #freelancer .content .about-autor .autor .thumb {
  margin-right: 12px;
  position: relative;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  #gig .gig .about-gig #freelancer .content .about-autor .autor .thumb {
    flex-shrink: 0;
  }
}
#gig .gig .about-gig #freelancer .content .about-autor .autor .thumb img {
  border-radius: 40px;
  width: 80px;
  height: 80px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
#gig .gig .about-gig #freelancer .content .about-autor .autor .thumb .online {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #4BB34B;
  position: absolute;
  right: 5px;
  bottom: 5px;
  border: 2px solid #fff;
}
#gig .gig .about-gig #freelancer .content .about-autor .autor .personal-info .name {
  margin-bottom: 2px;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #000;
}
#gig .gig .about-gig #freelancer .content .about-autor .autor .personal-info .skills {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.04em;
  color: #737373;
}
#gig .gig .about-gig #freelancer .content .about-autor .autor .personal-info .autor-level {
  font-weight: 500;
  font-size: 12px;
  color: #000;
  display: flex;
  align-items: center;
}
#gig .gig .about-gig #freelancer .content .about-autor .autor .personal-info .autor-level img {
  margin-right: 5px;
}
#gig .gig .about-gig #freelancer .content .about-autor .autor .personal-info .grade {
  color: #737373;
  font-size: 14px;
  display: flex;
  margin-right: 12px;
}
#gig .gig .about-gig #freelancer .content .about-autor .autor .personal-info .grade .ico i {
  color: #22c55e;
  margin-right: 4px;
  font-size: 15px;
}
#gig .gig .about-gig #freelancer .content .about-autor .autor .personal-info .grade span {
  color: #000;
}
#gig .gig .about-gig #freelancer .content .about-autor .biography {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #000;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e5e5e5;
}
#gig .gig .about-gig #freelancer .content .about-autor .other-info {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  #gig .gig .about-gig #freelancer .content .about-autor .other-info .block {
    margin-bottom: 16px;
  }
}
#gig .gig .about-gig #freelancer .content .about-autor .other-info .block .block-title {
  margin-bottom: 8px;
}
#gig .gig .about-gig #freelancer .content .about-autor .other-info .block .block-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#gig .gig .about-gig #freelancer .content .about-autor .other-info .block .block-list li {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
#gig .gig .about-gig #freelancer .content .about-autor .other-info .block .block-list li .ico {
  margin-right: 16px;
}
#gig .gig .about-gig #freelancer .content .about-autor .other-info .block .block-list li a {
  font-weight: 400;
  font-size: 15px;
  line-height: 133%;
  letter-spacing: -0.03em;
  color: #000;
}
#gig .gig .about-gig #freelancer .content .about-autor .other-info .block.details .block-list li .ico {
  width: 24px;
  text-align: center;
}
#gig .gig .about-gig #freelancer .content .about-autor .other-info .block.details .block-list li:last-child {
  align-items: flex-start;
}
#gig .gig .about-gig #freelancer .content .about-autor .other-info .block.details .block-list li:last-child .langs p {
  margin-bottom: 4px;
}
#gig .gig .about-gig #freelancer .content .about-autor .other-info .block.details .block-list li:last-child .langs p:last-child {
  margin-bottom: 0;
}
#gig .gig .about-gig #freelancer .content .about-autor .other-info .block.details .block-list li:last-child .langs p span {
  color: #737373;
}
#gig .gig .about-gig #freelancer .content .about-autor .skills .skills-list {
  display: flex;
  flex-wrap: wrap;
}
#gig .gig .about-gig #freelancer .content .about-autor .skills .skills-list .skill {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #000;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 8px;
  background: #f5f5f5;
  margin-right: 4px;
  margin-bottom: 4px;
}
#gig .gig .about-gig #freelancer .content .portfolio {
  padding: 24px 0;
}
#gig .gig .about-gig #freelancer .content .portfolio .section-title {
  margin-bottom: 8px;
}
#gig .gig .about-gig #freelancer .content .portfolio .section-title h3 {
  margin-bottom: 0;
}
#gig .gig .about-gig #reviews .content #reviewsFilter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  font-size: 14px;
}
@media (max-width: 576px) {
  #gig .gig .about-gig #reviews .content #reviewsFilter {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
#gig .gig .about-gig #reviews .content #reviewsFilter .right {
  display: flex;
}
@media (max-width: 576px) {
  #gig .gig .about-gig #reviews .content #reviewsFilter .right {
    margin-bottom: 24px;
  }
}
#gig .gig .about-gig #reviews .content #reviewsFilter .form-group:last-child {
  margin-left: 12px;
}
#gig .gig .about-gig #reviews .content #reviewsFilter .form-group .form-select {
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #000;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 12px 40px 12px 24px;
}
#gig .gig .tools {
  padding-top: 24px;
  padding-bottom: 32px;
  display: flex;
  justify-content: space-between;
}
#gig .gig .tools .tool .title {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #737373;
  margin-bottom: 4px;
}
#gig .gig .tools .tool .desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #404040;
}
#gig .gig .faqs {
  margin-bottom: 32px;
}
#gig .gig .faqs .section-title {
  margin-bottom: 24px;
}
#gig .gig .popular-search-requests {
  padding: 32px 0;
}
#gig .gig .popular-search-requests .section-title {
  margin-bottom: 8px;
}
#gig .gig .popular-search-requests .requests {
  display: flex;
  flex-wrap: wrap;
}
#gig .gig .popular-search-requests .requests .request {
  margin-bottom: 8px;
}
#gig .gig .popular-search-requests .requests .request a {
  color: #000;
  border-radius: 9999px;
  padding: 6px 16px;
  background: #f5f5f5;
  margin: 0 8px;
  line-height: 143%;
  display: block;
}
@media (max-width: 767px) {
  #gig #services .services .section-title {
    margin-bottom: 16px;
  }
}

#freelancer-profile #first-section {
  padding: 64px 0;
}
@media (max-width: 991px) {
  #freelancer-profile #first-section {
    padding-top: 88px;
    padding-bottom: 48px;
  }
}
@media (max-width: 767px) {
  #freelancer-profile #first-section .first-section .profile-info .profile-info-wrap {
    display: flex;
    flex-direction: column-reverse;
  }
}
#freelancer-profile #first-section .first-section .profile-info .autor {
  max-width: 630px;
}
#freelancer-profile #first-section .first-section .profile-info .autor .thumb {
  margin-right: 12px;
  position: relative;
  flex-shrink: 0;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 8px;
}
#freelancer-profile #first-section .first-section .profile-info .autor .thumb img {
  border-radius: 40px;
  width: 80px;
  height: 80px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
#freelancer-profile #first-section .first-section .profile-info .autor .thumb .online {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #4BB34B;
  position: absolute;
  right: 5px;
  bottom: 5px;
  border: 2px solid #fff;
}
#freelancer-profile #first-section .first-section .profile-info .autor .name {
  font-weight: 500;
  font-size: 24px;
  line-height: 125%;
  letter-spacing: -0.04em;
  color: #000;
  margin-bottom: 4px;
}
@media (max-width: 991px) {
  #freelancer-profile #first-section .first-section .profile-info .autor .name {
    font-size: 22px;
  }
}
#freelancer-profile #first-section .first-section .profile-info .autor .personal-info {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
#freelancer-profile #first-section .first-section .profile-info .autor .personal-info .grade {
  color: #000;
  font-size: 12px;
  display: flex;
  margin-right: 12px;
}
#freelancer-profile #first-section .first-section .profile-info .autor .personal-info .grade .ico i {
  color: #22c55e;
  margin-right: 4px;
  font-size: 15px;
}
#freelancer-profile #first-section .first-section .profile-info .autor .personal-info .grade span {
  color: #737373;
}
#freelancer-profile #first-section .first-section .profile-info .autor .personal-info .autor-level {
  font-weight: 500;
  font-size: 12px;
  color: #000;
  display: flex;
  align-items: center;
}
#freelancer-profile #first-section .first-section .profile-info .autor .personal-info .autor-level img {
  margin-right: 5px;
  width: 25px;
}
#freelancer-profile #first-section .first-section .profile-info .autor .skills {
  font-weight: 600;
  font-size: 30px;
  line-height: 120%;
  letter-spacing: -0.04em;
  color: #404040;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  #freelancer-profile #first-section .first-section .profile-info .autor .skills {
    font-size: 18px;
  }
}
#freelancer-profile #first-section .first-section .profile-info .autor .other-info {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #404040;
  display: flex;
  align-items: center;
  margin-bottom: 26px;
}
@media (max-width: 1200px) {
  #freelancer-profile #first-section .first-section .profile-info .autor .other-info {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 991px) {
  #freelancer-profile #first-section .first-section .profile-info .autor .other-info {
    font-size: 12px;
  }
}
#freelancer-profile #first-section .first-section .profile-info .autor .other-info .ico {
  margin-right: 16px;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  #freelancer-profile #first-section .first-section .profile-info .autor .other-info .ico {
    margin-right: 8px;
    width: 20px;
  }
}
#freelancer-profile #first-section .first-section .profile-info .autor .other-info .country {
  display: flex;
  align-items: center;
  margin-right: 12px;
  white-space: nowrap;
  text-transform: capitalize;
}
#freelancer-profile #first-section .first-section .profile-info .autor .other-info .langs {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
#freelancer-profile #first-section .first-section .profile-info .autor .actions {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
#freelancer-profile #first-section .first-section .profile-info .autor .actions .button {
  margin-right: 12px;
}
#freelancer-profile #first-section .first-section .profile-info .autor .actions .button .site-btn {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 12px 44px;
  background-color: #404040;
  border-radius: 12px;
}
#freelancer-profile #first-section .first-section .profile-info .autor .actions .button .site-btn .ico {
  margin-left: 8px;
  line-height: 1;
}
#freelancer-profile #first-section .first-section .profile-info .autor .actions .action-link {
  margin-right: 12px;
}
#freelancer-profile #first-section .first-section .profile-info .autor .actions .action-link a {
  border-radius: 8px;
  width: 48px;
  height: 48px;
  border: 1px solid #D4D4D4;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #404040;
  font-size: 18px;
  transition: 0.3s;
}
#freelancer-profile #first-section .first-section .profile-info .autor .actions .action-link a:hover {
  border-color: #000;
}
#freelancer-profile #first-section .first-section .profile-info .autor .actions .action-link a.favorite i {
  color: red;
}
#freelancer-profile #first-section .first-section .profile-info .autor .actions .action-link:last-child {
  margin-right: 0;
}
#freelancer-profile #first-section .first-section .profile-info .autor .response-time {
  font-weight: 500;
  font-size: 12px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #737373;
}
#freelancer-profile #first-section .first-section .video-profile {
  position: relative;
}
@media (max-width: 767px) {
  #freelancer-profile #first-section .first-section .video-profile {
    margin-bottom: 32px;
  }
}
#freelancer-profile #first-section .first-section .video-profile .autor-level-thumb {
  position: absolute;
  left: -45px;
  top: 22px;
}
@media (max-width: 767px) {
  #freelancer-profile #first-section .first-section .video-profile .autor-level-thumb {
    display: none;
  }
}
#freelancer-profile #first-section .first-section .video-profile .autor-level-thumb img {
  width: 90px;
}
#freelancer-profile #gig .gig {
  padding-top: 0;
}
@media (max-width: 767px) {
  #freelancer-profile #gig .gig .about-gig .tab {
    overflow: scroll;
    margin-bottom: 28px;
  }
}
#freelancer-profile #gig .gig .about-gig .tab button {
  flex-shrink: 0;
  width: -moz-fit-content;
  width: fit-content;
}
#freelancer-profile #gig .gig .about-gig .tabcontent .content .button {
  text-align: right;
  margin-top: -78px;
}
#freelancer-profile #gig .gig .about-gig .tabcontent .content .button .site-btn {
  border: 1px solid #d4d4d4;
  background-color: transparent;
  color: #000 !important;
  font-weight: 500;
}
@media (max-width: 767px) {
  #freelancer-profile #gig .gig .about-gig .tabcontent #services .services {
    padding: 0 0;
  }
}
#freelancer-profile #gig .gig .about-gig .tabcontent #services .services .service .content .autor-section {
  display: none;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#Portfolio .section-title {
  display: none;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#reviews .content .reviews-list {
  padding: 0 32px;
}
@media (max-width: 767px) {
  #freelancer-profile #gig .gig .about-gig .tabcontent#reviews .content .reviews-list {
    padding: 0 0;
  }
}
#freelancer-profile #gig .gig .about-gig .tabcontent#reviews .content .show-more .site-btn {
  border: 1px solid #737373;
  border-radius: 12px;
  padding: 12px 20px;
  background-color: transparent !important;
  color: #404040 !important;
  font-weight: 600;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 8px;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .biography {
  margin-bottom: 32px;
  overflow: hidden;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .skills {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #e6e6e6;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .skills .skills-list {
  display: flex;
  flex-wrap: wrap;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .skills .skills-list .skill {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #000;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 8px;
  background: #f5f5f5;
  margin-right: 4px;
  margin-bottom: 4px;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .other-info {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #737373;
}
@media (max-width: 767px) {
  #freelancer-profile #gig .gig .about-gig .tabcontent#About .other-info {
    margin-bottom: 16px;
  }
}
@media (max-width: 575px) {
  #freelancer-profile #gig .gig .about-gig .tabcontent#About .other-info {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  #freelancer-profile #gig .gig .about-gig .tabcontent#About .other-info .block {
    margin-bottom: 8px;
  }
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .other-info .block:nth-child(2) {
  text-align: center;
}
@media (max-width: 575px) {
  #freelancer-profile #gig .gig .about-gig .tabcontent#About .other-info .block:nth-child(2) {
    text-align: left;
  }
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .other-info .block .grade {
  display: flex;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .other-info .block .grade .ico {
  margin-right: 5px;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .languages {
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 24px;
  background: #f5f5f5;
  margin-bottom: 32px;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .languages .ico {
  margin-right: 16px;
  text-align: center;
  width: 24px;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .languages .since {
  margin-bottom: 12px;
  display: flex;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .languages .langs {
  display: flex;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .languages .langs ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .languages .langs ul li {
  margin-bottom: 4px;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .languages .langs ul li span {
  color: #737373;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .about-blocks:last-child {
  margin-bottom: 0;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .about-blocks h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 17px;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .about-blocks .about-block {
  margin-bottom: 32px;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .about-blocks .about-block .block {
  margin-bottom: 18px;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .about-blocks .about-block .block:last-child {
  margin-bottom: 0;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .about-blocks .about-block .block .title {
  font-weight: 500;
  font-size: 15px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #000;
  margin-bottom: 2px;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .about-blocks .about-block .block .desc {
  font-weight: 500;
  font-size: 12px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #737373;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .about-blocks .about-block.certifications .block {
  display: flex;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .about-blocks .about-block.certifications .block .ico {
  border-radius: 24px;
  padding: 10px;
  width: 48px;
  height: 48px;
  margin-right: 12px;
  background-color: #F5F5F5;
  flex-shrink: 0;
  margin-top: 5px;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .about-blocks .about-block.certifications .block .desc {
  margin-bottom: -4px;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .about-blocks .about-block.certifications .block .desc.description {
  display: none;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .about-blocks .about-block.certifications .block a {
  font-weight: 500;
  font-size: 12px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #3b82f6;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .about-blocks .about-block.social .block {
  padding: 10px 0;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
#freelancer-profile #gig .gig .about-gig .tabcontent#About .about-blocks .about-block.social .block .ico {
  margin-right: 16px;
}

#gig-creation, #consultation-creation {
  padding: 10px 0 64px 0;
}
#gig-creation #steps-form, #consultation-creation #steps-form {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  background-color: #fff;
  margin-bottom: 64px;
}
#gig-creation #steps-form .steps-form, #consultation-creation #steps-form .steps-form {
  display: flex;
  align-items: center;
}
#gig-creation #steps-form .steps-form .step, #consultation-creation #steps-form .steps-form .step {
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #737373;
  padding: 11px 16px;
  border-bottom: 2px solid transparent;
  position: relative;
}
#gig-creation #steps-form .steps-form .step::before, #consultation-creation #steps-form .steps-form .step::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  width: 0px;
  height: 2px;
  transition: 0.3s;
  background-color: #2563EB;
}
#gig-creation #steps-form .steps-form .step.active, #consultation-creation #steps-form .steps-form .step.active {
  color: #000;
}
#gig-creation #steps-form .steps-form .step.active::before, #consultation-creation #steps-form .steps-form .step.active::before {
  width: 100%;
}
#gig-creation #steps-form .steps-form .step.finish, #consultation-creation #steps-form .steps-form .step.finish {
  border-bottom: 2px solid #2563EB;
}
#gig-creation .tab, #consultation-creation .tab {
  display: none;
}
#gig-creation .buttons, #consultation-creation .buttons {
  display: flex;
  flex-wrap: wrap;
}
#gig-creation .buttons .site-btn-back, #consultation-creation .buttons .site-btn-back {
  margin-right: 32px;
}
@media (max-width: 767px) {
  #gig-creation .buttons .site-btn-back, #consultation-creation .buttons .site-btn-back {
    margin-right: 16px;
  }
}
#gig-creation .buttons #view-button, #consultation-creation .buttons #view-button {
  margin-right: 16px;
  display: none;
}
@media (max-width: 767px) {
  #gig-creation .buttons.finish-buttons .site-btn, #consultation-creation .buttons.finish-buttons .site-btn {
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 10px;
  }
  #gig-creation .buttons.finish-buttons .site-btn:last-child, #consultation-creation .buttons.finish-buttons .site-btn:last-child {
    margin-bottom: 0;
  }
}
#gig-creation #page-steps-wrap, #consultation-creation #page-steps-wrap {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  background-color: #fff;
  margin-bottom: 64px;
}
#gig-creation #page-steps-wrap .steps-wrap, #consultation-creation #page-steps-wrap .steps-wrap {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
#gig-creation #page-steps-wrap .steps-wrap li, #consultation-creation #page-steps-wrap .steps-wrap li {
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #737373;
  padding: 11px 16px;
  border-bottom: 2px solid transparent;
}
#gig-creation #page-steps-wrap .steps-wrap li.active, #consultation-creation #page-steps-wrap .steps-wrap li.active {
  color: #000;
  border-color: #3B82F6;
}
#gig-creation .section-title, #consultation-creation .section-title {
  margin-bottom: 48px;
  text-align: left;
}
#gig-creation .section-title h1, #consultation-creation .section-title h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: -0.05em;
  color: #000;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  #gig-creation .section-title h1, #consultation-creation .section-title h1 {
    font-size: 24px;
  }
}
#gig-creation .buttons, #consultation-creation .buttons {
  padding-top: 32px;
  display: flex;
  align-items: center;
}
#gig-creation .site-btn, #consultation-creation .site-btn {
  font-weight: 600;
  display: flex;
  align-items: center;
  border-radius: 12px;
  padding: 10px 18px;
}
#gig-creation .site-btn .ico, #consultation-creation .site-btn .ico {
  margin-left: 15px;
}
#gig-creation form, #consultation-creation form {
  max-width: 640px;
}
#gig-creation form .form-group, #consultation-creation form .form-group {
  margin-bottom: 32px;
}
#gig-creation form .form-group .characters, #gig-creation form .form-group .counter-symbols, #consultation-creation form .form-group .characters, #consultation-creation form .form-group .counter-symbols {
  font-weight: 500;
  font-size: 12px;
  line-height: 133%;
  color: #a3a3a3;
  text-align: right;
  white-space: nowrap;
}
#gig-creation form .form-group .characters .input-counter, #gig-creation form .form-group .counter-symbols .input-counter, #consultation-creation form .form-group .characters .input-counter, #consultation-creation form .form-group .counter-symbols .input-counter {
  margin-bottom: 8px;
}
#gig-creation form .form-group h3, #consultation-creation form .form-group h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #404040;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  #gig-creation form .form-group h3, #consultation-creation form .form-group h3 {
    font-size: 18px;
  }
}
#gig-creation form .form-group h3 .premium-widget, #consultation-creation form .form-group h3 .premium-widget {
  background: linear-gradient(45deg, #f97316 0%, #eab308 100%);
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.04em;
  color: #fff;
  border-radius: 6px;
  padding: 6px 14px;
  display: inline-block;
  margin-left: 16px;
}
#gig-creation form .form-group h3 .premium-widget svg, #consultation-creation form .form-group h3 .premium-widget svg {
  margin-left: 6px;
}
#gig-creation form .form-group label, #consultation-creation form .form-group label {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #404040;
  margin-bottom: 8px;
}
#gig-creation form .form-group .form-control,
#gig-creation form .form-group .form-select, #consultation-creation form .form-group .form-control,
#consultation-creation form .form-group .form-select {
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  color: #737373;
  border: 1px solid #d4d4d4;
  border-radius: 12px;
  padding: 12px;
  background-color: #f5f5f5;
}
#gig-creation form .form-group .select2.select2-container .select2-selection, #consultation-creation form .form-group .select2.select2-container .select2-selection {
  max-width: 100%;
}
#gig-creation form .form-group .checkboxes, #consultation-creation form .form-group .checkboxes {
  margin-bottom: 30px;
}
#gig-creation .create-custom-gig-extra, #consultation-creation .create-custom-gig-extra {
  padding-bottom: 32px;
  border-bottom: 1px solid #d4d4d4;
}
#gig-creation .create-custom-gig-extra a, #consultation-creation .create-custom-gig-extra a {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #3b82f6;
  display: flex;
  align-items: center;
}
#gig-creation .create-custom-gig-extra a .ico, #consultation-creation .create-custom-gig-extra a .ico {
  margin-right: 8px;
}
#gig-creation .scope-and-pricing .form-check-input, #consultation-creation .scope-and-pricing .form-check-input {
  width: 20px;
  height: 20px;
  border-color: #D4D4D4;
  margin-right: 10px;
}
#gig-creation .scope-and-pricing .form-group, #consultation-creation .scope-and-pricing .form-group {
  padding: 32px 0;
  margin-bottom: 0;
}
#gig-creation .scope-and-pricing .main-info, #consultation-creation .scope-and-pricing .main-info {
  border-bottom: 1px solid #d4d4d4;
}
#gig-creation .scope-and-pricing .main-info .tarif-thumb, #consultation-creation .scope-and-pricing .main-info .tarif-thumb {
  margin-bottom: 20px;
}
#gig-creation .scope-and-pricing .main-info .title, #consultation-creation .scope-and-pricing .main-info .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: #000;
  margin-bottom: 12px;
}
#gig-creation .scope-and-pricing .other-info, #consultation-creation .scope-and-pricing .other-info {
  border-bottom: 1px solid #d4d4d4;
}
#gig-creation .scope-and-pricing .other-info .form-check, #consultation-creation .scope-and-pricing .other-info .form-check {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
#gig-creation .scope-and-pricing .other-info .form-check .form-check-input, #consultation-creation .scope-and-pricing .other-info .form-check .form-check-input {
  margin: 0 auto;
  width: 20px;
  height: 20px;
}
#gig-creation .scope-and-pricing .other-info .form-check .form-check-label, #consultation-creation .scope-and-pricing .other-info .form-check .form-check-label {
  color: #000;
  margin-bottom: 12px;
}
#gig-creation .scope-and-pricing .fast-delivery, #consultation-creation .scope-and-pricing .fast-delivery {
  padding: 32px 0 0;
}
#gig-creation .scope-and-pricing .fast-delivery .custom-gig-extra, #consultation-creation .scope-and-pricing .fast-delivery .custom-gig-extra {
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 10px;
  background: #f5f5f5;
  margin-bottom: 16px;
  position: relative;
}
#gig-creation .scope-and-pricing .fast-delivery .custom-gig-extra .form-group, #consultation-creation .scope-and-pricing .fast-delivery .custom-gig-extra .form-group {
  margin-bottom: 0;
  padding: 0;
}
#gig-creation .scope-and-pricing .fast-delivery .custom-gig-extra .form-group .form-control, #consultation-creation .scope-and-pricing .fast-delivery .custom-gig-extra .form-group .form-control {
  background-color: #fff;
}
#gig-creation .scope-and-pricing .fast-delivery .custom-gig-extra .removeCustomGig, #consultation-creation .scope-and-pricing .fast-delivery .custom-gig-extra .removeCustomGig {
  position: absolute;
  color: red;
  right: 15px;
  top: 10px;
}
#gig-creation .scope-and-pricing .fast-delivery .create-custom-gig-extra #addCustomGig, #consultation-creation .scope-and-pricing .fast-delivery .create-custom-gig-extra #addCustomGig {
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
#gig-creation #gig-gallery .gig-gallery label, #consultation-creation #gig-gallery .gig-gallery label {
  display: block;
}
#gig-creation #gig-gallery .gig-gallery .drop-zone__thumbnails, #consultation-creation #gig-gallery .gig-gallery .drop-zone__thumbnails {
  width: 160px;
  height: 160px;
}
#gig-creation #gig-gallery .gig-gallery .drop-zone, #consultation-creation #gig-gallery .gig-gallery .drop-zone {
  width: 160px;
  height: 160px;
  cursor: pointer;
  border-radius: 10px;
  margin-bottom: 8px;
}
#gig-creation #gig-gallery .gig-gallery #thumb-input, #consultation-creation #gig-gallery .gig-gallery #thumb-input {
  background: url(/images/gig-creation-photo-input.png?cf8bfbc6cb51f4a885406b37067043bc);
}
#gig-creation #gig-gallery .gig-gallery #video-input, #consultation-creation #gig-gallery .gig-gallery #video-input {
  background: url(/images/gig-creation-video-input.png?b747abfeab4eb409d4685faaa5169276);
}
#gig-creation #gig-gallery .gig-gallery #file-input, #consultation-creation #gig-gallery .gig-gallery #file-input {
  background: url(/images/gig-creation-file-input.png?b41f560ec9950e66f8eb8bc71ca9108e);
}
#gig-creation #gig-gallery .gig-gallery .drop-zone--over, #consultation-creation #gig-gallery .gig-gallery .drop-zone--over {
  border-style: solid;
}
#gig-creation #gig-gallery .gig-gallery .drop-zone__input, #consultation-creation #gig-gallery .gig-gallery .drop-zone__input {
  display: none;
}
#gig-creation #gig-gallery .gig-gallery .drop-zone__thumb, #consultation-creation #gig-gallery .gig-gallery .drop-zone__thumb {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #cccccc;
  background-size: cover;
  position: relative;
}
#gig-creation #gig-gallery .gig-gallery .form-group, #consultation-creation #gig-gallery .gig-gallery .form-group {
  margin-bottom: 64px;
}
#gig-creation #gig-gallery .gig-gallery .form-group label, #consultation-creation #gig-gallery .gig-gallery .form-group label {
  display: flex;
  align-items: center;
}
#gig-creation #gig-gallery .gig-gallery .form-group label .ico, #consultation-creation #gig-gallery .gig-gallery .form-group label .ico {
  margin-left: 5px;
  color: #737373;
}
#gig-creation #gig-gallery .gig-gallery .form-group label:nth-child(1), #consultation-creation #gig-gallery .gig-gallery .form-group label:nth-child(1) {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #171717;
  margin-bottom: 0;
}
#gig-creation #gig-gallery .gig-gallery .form-group label:nth-child(2), #consultation-creation #gig-gallery .gig-gallery .form-group label:nth-child(2) {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  color: #404040;
  margin-bottom: 12px;
}
#gig-creation #gig-gallery .gig-gallery .form-group .form-check, #consultation-creation #gig-gallery .gig-gallery .form-group .form-check {
  margin-bottom: 0;
}
#gig-creation #gig-gallery .gig-gallery .form-group .form-check .form-check-label, #consultation-creation #gig-gallery .gig-gallery .form-group .form-check .form-check-label {
  font-weight: 500;
  font-size: 12px;
  line-height: 133%;
  color: #000;
  margin-bottom: 0;
  transform: translateY(5px);
}
#gig-creation #gig-gallery .gig-gallery .upload__box, #consultation-creation #gig-gallery .gig-gallery .upload__box {
  display: flex;
}
#gig-creation #gig-gallery .gig-gallery .upload__inputfile, #consultation-creation #gig-gallery .gig-gallery .upload__inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
#gig-creation #gig-gallery .gig-gallery .upload__btn, #consultation-creation #gig-gallery .gig-gallery .upload__btn {
  width: 160px;
  height: 160px;
  margin-right: 12px;
  cursor: pointer;
}
#gig-creation #gig-gallery .gig-gallery .upload__img-wrap, #consultation-creation #gig-gallery .gig-gallery .upload__img-wrap {
  display: flex;
}
#gig-creation #gig-gallery .gig-gallery .upload__img-box, #consultation-creation #gig-gallery .gig-gallery .upload__img-box {
  width: 160px;
  height: 160px;
  margin-right: 12px;
  margin-bottom: 12px;
  border-radius: 12px;
  overflow: hidden;
}
#gig-creation #gig-gallery .gig-gallery .upload__img-close, #consultation-creation #gig-gallery .gig-gallery .upload__img-close {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  line-height: 24px;
  z-index: 1;
  cursor: pointer;
}
#gig-creation #gig-gallery .gig-gallery .upload__img-close:after, #consultation-creation #gig-gallery .gig-gallery .upload__img-close:after {
  content: "✖";
  font-size: 14px;
  color: white;
}
#gig-creation #gig-gallery .gig-gallery .img-bg, #consultation-creation #gig-gallery .gig-gallery .img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 100%;
}
#gig-creation #requirements .requirements .form-group label, #consultation-creation #requirements .requirements .form-group label {
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.04em;
  color: #404040;
  margin-bottom: 16px;
}
#gig-creation #requirements .requirements .create-custom-gig-extra, #consultation-creation #requirements .requirements .create-custom-gig-extra {
  border-bottom: none;
}
#gig-creation #requirements .requirements .buttons, #consultation-creation #requirements .requirements .buttons {
  padding-top: 0;
}
#gig-creation #gig-description .gig-description .form-group h3, #consultation-creation #gig-description .gig-description .form-group h3 {
  margin-bottom: 12px;
}
#gig-creation #gig-description .gig-description #related-gigs .form-group, #consultation-creation #gig-description .gig-description #related-gigs .form-group {
  margin-bottom: 8px;
}
#gig-creation #gig-description .gig-description #related-gigs .form-group .form-check, #consultation-creation #gig-description .gig-description #related-gigs .form-group .form-check {
  margin-bottom: 12px;
}
#gig-creation #gig-description .gig-description #related-gigs .form-group .form-check .form-check-input, #consultation-creation #gig-description .gig-description #related-gigs .form-group .form-check .form-check-input {
  transform: translateY(3px);
}
#gig-creation #gig-description .gig-description #related-gigs .form-group .form-check .form-check-label, #consultation-creation #gig-description .gig-description #related-gigs .form-group .form-check .form-check-label {
  font-weight: 600;
  font-size: 24px;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #404040;
  margin-bottom: 0;
}
#gig-creation #gig-description .gig-description #related-gigs .form-group label, #consultation-creation #gig-description .gig-description #related-gigs .form-group label {
  margin-bottom: 0;
}
#gig-creation #gig-description .gig-description #related-gigs .related-gigs, #consultation-creation #gig-description .gig-description #related-gigs .related-gigs {
  margin-bottom: 44px;
}
#gig-creation #gig-description .gig-description #related-gigs .related-gigs .gig, #consultation-creation #gig-description .gig-description #related-gigs .related-gigs .gig {
  display: flex;
  align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 0px 12px;
  margin-bottom: 8px;
}
#gig-creation #gig-description .gig-description #related-gigs .related-gigs .gig:last-child, #consultation-creation #gig-description .gig-description #related-gigs .related-gigs .gig:last-child {
  margin-bottom: 0;
}
#gig-creation #gig-description .gig-description #related-gigs .related-gigs .gig .thumb, #consultation-creation #gig-description .gig-description #related-gigs .related-gigs .gig .thumb {
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  margin-right: 12px;
  flex-shrink: 0;
}
#gig-creation #gig-description .gig-description #related-gigs .related-gigs .gig .thumb img, #consultation-creation #gig-description .gig-description #related-gigs .related-gigs .gig .thumb img {
  width: 56px;
  height: 56px;
  -o-object-fit: cover;
     object-fit: cover;
}
#gig-creation #gig-description .gig-description #related-gigs .related-gigs .gig .gig-info .title a, #consultation-creation #gig-description .gig-description #related-gigs .related-gigs .gig .gig-info .title a {
  max-width: 400px;
  font-weight: 500;
  font-size: 15px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#gig-creation #gig-description .gig-description #related-gigs .related-gigs .gig .gig-info .grade, #consultation-creation #gig-description .gig-description #related-gigs .related-gigs .gig .gig-info .grade {
  color: #000;
  font-size: 14px;
  display: flex;
}
#gig-creation #gig-description .gig-description #related-gigs .related-gigs .gig .gig-info .grade .ico i, #consultation-creation #gig-description .gig-description #related-gigs .related-gigs .gig .gig-info .grade .ico i {
  color: #22c55e;
  margin-right: 4px;
  font-size: 15px;
}
#gig-creation #gig-description .gig-description #related-gigs .related-gigs .gig .gig-info .grade span, #consultation-creation #gig-description .gig-description #related-gigs .related-gigs .gig .gig-info .grade span {
  color: #737373;
}
#gig-creation #gig-description .gig-description #related-gigs .related-gigs .gig .actions, #consultation-creation #gig-description .gig-description #related-gigs .related-gigs .gig .actions {
  margin-left: auto;
}
#gig-creation #gig-description .gig-description #related-gigs .related-gigs .gig .actions .site-btn, #consultation-creation #gig-description .gig-description #related-gigs .related-gigs .gig .actions .site-btn {
  border-radius: 8px;
}
#gig-creation #gig-description .gig-description #related-gigs .related-gigs .gig .actions .site-btn.added, #consultation-creation #gig-description .gig-description #related-gigs .related-gigs .gig .actions .site-btn.added {
  background: #404040;
}
#gig-creation #gig-description .gig-description .buttons, #consultation-creation #gig-description .gig-description .buttons {
  padding-top: 0;
}
#gig-creation #finalize-gig .finalize-gig .form-group:nth-child(1), #consultation-creation #finalize-gig .finalize-gig .form-group:nth-child(1) {
  display: flex;
  align-items: center;
}
#gig-creation #finalize-gig .finalize-gig .form-group:nth-child(1) .form-control, #consultation-creation #finalize-gig .finalize-gig .form-group:nth-child(1) .form-control {
  width: 180px;
}
#gig-creation #finalize-gig .finalize-gig .form-group:nth-child(2), #consultation-creation #finalize-gig .finalize-gig .form-group:nth-child(2) {
  display: flex;
  align-items: center;
}
#gig-creation #finalize-gig .finalize-gig .form-group:nth-child(2) .form-check-input, #consultation-creation #finalize-gig .finalize-gig .form-group:nth-child(2) .form-check-input {
  transform: translateY(4px);
}
#gig-creation #finalize-gig .finalize-gig .form-group:nth-child(2) .form-check-label, #consultation-creation #finalize-gig .finalize-gig .form-group:nth-child(2) .form-check-label {
  font-weight: 600;
  font-size: 24px;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #404040;
}
#gig-creation #finalize-gig .finalize-gig .form-group .form-check-switcher .form-check-input, #consultation-creation #finalize-gig .finalize-gig .form-group .form-check-switcher .form-check-input {
  width: 20px;
  height: 20px;
}
#gig-creation #finalize-gig .finalize-gig .form-group .form-check-switcher .form-check-label, #consultation-creation #finalize-gig .finalize-gig .form-group .form-check-switcher .form-check-label {
  padding-left: 5px;
}
#gig-creation #finalize-gig .finalize-gig .form-group .form-check-switcher .form-check-label a, #consultation-creation #finalize-gig .finalize-gig .form-group .form-check-switcher .form-check-label a {
  color: #3B82F6 !important;
}
#gig-creation #finalize-gig .finalize-gig .buttons, #consultation-creation #finalize-gig .finalize-gig .buttons {
  padding-top: 0;
}
#gig-creation #finalize-gig .finalize-gig .buttons .site-btn:nth-child(2), #consultation-creation #finalize-gig .finalize-gig .buttons .site-btn:nth-child(2) {
  margin-right: 16px;
}
#gig-creation #success, #consultation-creation #success {
  padding-top: 64px;
}
#gig-creation #success .alert, #consultation-creation #success .alert {
  border-radius: 8px;
  padding: 20px;
  background-color: #EFF6FF;
  border-color: #93C5FD;
  color: #404040;
}
#gig-creation #success .alert .alert-heading, #consultation-creation #success .alert .alert-heading {
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: -0.04em;
  margin-bottom: 12px;
}
#gig-creation #success .alert p, #consultation-creation #success .alert p {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.02em;
  opacity: 0.8;
  max-width: 800px;
}
#gig-creation .requirement-block-wrap, #consultation-creation .requirement-block-wrap {
  margin-bottom: 16px;
}
#gig-creation .requirement-block-wrap .requirement-block, #consultation-creation .requirement-block-wrap .requirement-block {
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 24px;
  background: #f5f5f5;
  margin-bottom: 20px;
  opacity: 0;
  transition: opacity 0.3s ease;
  display: none; /* Скрываем блок по умолчанию */
}
#gig-creation .requirement-block-wrap .requirement-block.show, #consultation-creation .requirement-block-wrap .requirement-block.show {
  display: block; /* Показываем блок */
  opacity: 1; /* Делаем его видимым */
}
#gig-creation .requirement-block-wrap .requirement-block.hide, #consultation-creation .requirement-block-wrap .requirement-block.hide {
  opacity: 0; /* Делаем его невидимым */
}
#gig-creation .requirement-block-wrap .requirement-block .form-group, #consultation-creation .requirement-block-wrap .requirement-block .form-group {
  margin-bottom: 16px;
}
#gig-creation .requirement-block-wrap .requirement-block .form-group .form-control, #consultation-creation .requirement-block-wrap .requirement-block .form-group .form-control {
  background-color: #fff;
}
#gig-creation .requirement-block-wrap .requirement-block .actions, #consultation-creation .requirement-block-wrap .requirement-block .actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#gig-creation .requirement-block-wrap .requirement-block .actions .close-btn, #consultation-creation .requirement-block-wrap .requirement-block .actions .close-btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #2563eb;
  border: none;
  background-color: transparent;
}
#gig-creation .requirement-block-wrap .requirement-block .actions .site-btn, #consultation-creation .requirement-block-wrap .requirement-block .actions .site-btn {
  margin-left: 26px;
}
#gig-creation .create-custom-gig-extra, #consultation-creation .create-custom-gig-extra {
  border-bottom: none;
}
#dashboard {
  background-color: #fff;
}
#dashboard #services-list {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
#dashboard #services-list .services-list {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
#dashboard #services-list .services-list li a {
  padding: 12px 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.05em;
  text-align: center;
  color: #737373;
  white-space: nowrap;
  display: block;
}
#dashboard #freelancer-dashboard #graphs {
  padding: 48px 0;
}
#dashboard #freelancer-dashboard #graphs #content .title {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #a3a3a3;
  margin-bottom: 4px;
}
#dashboard #freelancer-dashboard #graphs #content h3 {
  font-weight: 500;
  font-size: 36px;
  line-height: 111%;
  letter-spacing: -0.04em;
  color: #000;
  margin-bottom: 4px;
}
#dashboard #freelancer-dashboard #graphs #content .designations-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#dashboard #freelancer-dashboard #graphs #content .designations-wrap .designations {
  display: flex;
  align-items: center;
}
#dashboard #freelancer-dashboard #graphs #content .designations-wrap .designations .designation {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #404040;
  margin-left: 16px;
}
#dashboard #freelancer-dashboard #graphs #content .designations-wrap .designations .designation .color-block {
  border-radius: 4px;
  width: 12px;
  height: 12px;
  margin-left: 4px;
}
#dashboard #freelancer-dashboard #graphs #content .designations-wrap .designations .designation:nth-child(1) {
  margin-left: 0;
}
#dashboard #freelancer-dashboard #graphs #content .designations-wrap .designations .designation:nth-child(1) .color-block {
  background: #3b82f6;
}
#dashboard #freelancer-dashboard #graphs #content .designations-wrap .designations .designation:nth-child(2) .color-block {
  background: #f472b6;
}
#dashboard #freelancer-dashboard #graphs #content .designations-wrap .designations .designation:nth-child(3) .color-block {
  background: #93c5fd;
}
#dashboard #freelancer-dashboard #graphs #content span {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #a3a3a3;
}
#dashboard #freelancer-dashboard #dashboard-tabs {
  padding-bottom: 250px;
  /* Style the buttons that are used to open the tab content */
  /* Change background color of buttons on hover */
  /* Create an active/current tablink class */
  /* Style the tab content */
}
#dashboard #freelancer-dashboard #dashboard-tabs .tab {
  overflow: hidden;
  display: flex;
  margin-bottom: 32px;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tab button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
  font-size: 26px;
  line-height: 123%;
  letter-spacing: -0.04em;
  color: #a3a3a3;
  margin-right: 24px;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tab button:last-child {
  margin-right: 0;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tab button:hover {
  color: #000;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tab button.active {
  color: #000;
}
#dashboard #freelancer-dashboard #dashboard-tabs .sub-tabcontent {
  display: none;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent {
  display: none;
  border-top: none;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .tab-categories .tab button, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .tab-categories .tab button {
  border-radius: 8px;
  padding: 8px 20px;
  margin-right: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 137%;
  letter-spacing: -0.02em;
  color: #737373;
  display: flex;
  align-items: center;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .tab-categories .tab button.active, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .tab-categories .tab button.active {
  background: #f5f5f5;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .tab-categories .tab button span, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .tab-categories .tab button span {
  font-weight: 500;
  font-size: 14px;
  line-height: 117%;
  letter-spacing: 0.02em;
  text-align: center;
  color: #fff;
  border-radius: 12px;
  padding: 2px 5px;
  margin-left: 6px;
  min-width: 18px;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .tab-categories .tab button span.active, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .tab-categories .tab button span.active {
  background: #ef4444;
  font-size: 12px;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .tab-categories .tab button span.active-green, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .tab-categories .tab button span.active-green {
  background: #22C55E;
  font-size: 12px;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .tab-categories .tab button span.waiting, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .tab-categories .tab button span.waiting {
  background: #d4d4d4;
  font-size: 12px;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .tab-categories .tab button span.finished, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .tab-categories .tab button span.finished {
  color: #a3a3a3;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .tab-categories .tab button span.denied, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .tab-categories .tab button span.denied {
  color: #fff;
  background-color: #737373;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .tab-categories .tab .search-block, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .tab-categories .tab .search-block {
  margin-left: auto;
  width: 240px;
  padding: 9px 8px;
  border-bottom: 1px solid #d4d4d4;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .tab-categories .tab .search-block form, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .tab-categories .tab .search-block form {
  display: flex;
  align-items: center;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .tab-categories .tab .search-block form .form-control, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .tab-categories .tab .search-block form .form-control {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  color: #a3a3a3;
  background-color: transparent;
  border: none;
  padding: 0 0 0 10px;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .tab-categories .tab .sort, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .tab-categories .tab .sort {
  display: flex;
  align-items: center;
  border: 0.5px solid #e5e5e5;
  margin-left: auto;
  border-radius: 10px;
  padding: 2px;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .tab-categories .tab .sort a, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .tab-categories .tab .sort a {
  border-radius: 8px;
  margin-right: 4px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .tab-categories .tab .sort a:last-child, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .tab-categories .tab .sort a:last-child {
  margin-right: 0;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .tab-categories .tab .sort a:hover, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .tab-categories .tab .sort a:hover {
  background-color: #f5f5f5;
  color: #404040;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .tab-categories .tab .sort a.active, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .tab-categories .tab .sort a.active {
  color: #404040;
  background-color: #f5f5f5;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table thead, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table thead {
  border: 1px solid #e5e5e5;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table thead tr td, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table thead tr td {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  color: #a3a3a3;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table thead tr td:last-child, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table thead tr td:last-child {
  text-align: right;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tbody, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tbody {
  border: 1px solid #e5e5e5;
  border-top: none;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td {
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.04em;
  color: #000;
  vertical-align: middle;
  padding: 16px;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td a, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td a {
  color: #3B82F6;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td:first-child, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td:first-child {
  color: #A3A3A3;
  font-weight: 500;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .buyer, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .buyer {
  display: flex;
  align-items: center;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .buyer .thumb, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .buyer .thumb {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 12px;
  position: relative;
  flex-shrink: 0;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .buyer .thumb img, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .buyer .thumb img {
  border-radius: 22px;
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .buyer .thumb .online, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .buyer .thumb .online {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #4BB34B;
  position: absolute;
  right: 0px;
  bottom: 0px;
  border: 2px solid #fff;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .buyer .info .name a, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .buyer .info .name a {
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.04em;
  color: #000;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .buyer .info .other-info, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .buyer .info .other-info {
  font-weight: 400;
  font-size: 11px;
  line-height: 145%;
  letter-spacing: -0.04em;
  color: #737373;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .gig, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .gig {
  display: flex;
  align-items: center;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .gig .thumb, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .gig .thumb {
  margin-right: 12px;
  flex-shrink: 0;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .gig .thumb img, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .gig .thumb img {
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .gig .title a, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .gig .title a {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.04em;
  color: #000;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .status, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .status {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #000;
  border-radius: 8px;
  padding: 4px 12px 4px 6px;
  width: -moz-fit-content;
  width: fit-content;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .status .ico, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .status .ico {
  margin-right: 6px;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .status.inProgress, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .status.inProgress {
  background-color: #BFDBFE;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .status.incomplete, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .status.incomplete {
  background-color: #FEF08A;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .status.complete, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .status.complete {
  background-color: #BBF7D0;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .status.inRevision, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .status.inRevision {
  background-color: #FEF08A;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .status.delay, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .status.delay {
  background-color: #FBCFE8;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .status.dispute, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .status.dispute {
  background-color: #FECACA;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .status.delivered, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .status.delivered {
  background-color: #BBF7D0;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .actions .main-action, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .actions .main-action {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px;
  margin-left: auto;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .actions .other-actions, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .actions .other-actions {
  z-index: 1;
  display: none;
  position: absolute;
  left: 0;
  border-radius: 8px;
  padding: 8px 12px;
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #fff;
  box-shadow: 0 2px 4px -2px rgba(16, 24, 40, 0.06), 0 4px 8px -2px rgba(16, 24, 40, 0.1);
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .actions .other-actions li a, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .actions .other-actions li a {
  display: flex;
  align-items: center;
  letter-spacing: -0.02em;
  padding: 9px 12px;
  color: #000;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .actions .other-actions li a .ico, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .actions .other-actions li a .ico {
  margin-right: 8px;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .actions .edit, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .actions .edit {
  text-align: right;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent table tr td .actions .edit a, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent table tr td .actions .edit a {
  color: #3B82F6;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .filter, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .filter {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 16px;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .filter form, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .filter form {
  display: flex;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .filter form .form-group, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .filter form .form-group {
  margin-right: 24px;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .filter form .form-group:last-child, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .filter form .form-group:last-child {
  margin-right: 0;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .filter form .form-group label, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .filter form .form-group label {
  font-weight: 500;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.01em;
  color: #737373;
  margin-bottom: 8px;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .filter form .form-group .form-control, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .filter form .form-group .form-control {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.01em;
  color: #a3a3a3;
  border-radius: 8px;
  padding: 12px;
  border: 1px solid #E5E5E5;
  background-color: #F5F5F5;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent .filter form .form-group .form-select, #dashboard #freelancer-dashboard #dashboard-tabs sub-tabcontent .filter form .form-group .form-select {
  padding-right: 40px;
  width: 200px;
}
#dashboard #freelancer-dashboard #dashboard-tabs .tabcontent2 {
  display: none;
}
#dashboard #freelancer-dashboard .statistics {
  margin-bottom: 32px;
  position: relative;
  transform: translateY(-16px);
}
#dashboard #freelancer-dashboard .statistics .sort-select {
  position: absolute;
  right: 0;
  top: -45px;
  margin-bottom: 16px;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
#dashboard #freelancer-dashboard .statistics .sort-select .form-select {
  background-color: transparent;
  border: none;
}
#dashboard #freelancer-dashboard .statistics .sort-select .form-select:focus {
  box-shadow: none;
}
#dashboard #freelancer-dashboard .statistics .statistic-block-wrap .statistic-block {
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 16px 24px;
  display: flex;
}
#dashboard #freelancer-dashboard .statistics .statistic-block-wrap .statistic-block .title {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #a3a3a3;
  margin-bottom: 4px;
}
#dashboard #freelancer-dashboard .statistics .statistic-block-wrap .statistic-block .price {
  font-weight: 500;
  font-size: 36px;
  line-height: 111%;
  letter-spacing: -0.04em;
  color: #000;
  margin-bottom: 8px;
}
#dashboard #freelancer-dashboard .statistics .statistic-block-wrap .statistic-block span {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #a3a3a3;
}
#dashboard #freelancer-dashboard .statistics .statistic-block-wrap .statistic-block .left {
  width: 50%;
  border-right: 1px solid #e5e5e5;
}
#dashboard #freelancer-dashboard .statistics .statistic-block-wrap .statistic-block .right {
  width: 50%;
  padding-left: 24px;
}
#dashboard #freelancer-dashboard .statistics .statistic-block-wrap:nth-child(1) .statistic-block {
  flex-direction: column;
}
#dashboard #freelancer-dashboard .statistics .statistic-block-wrap:nth-child(1) .statistic-block span a {
  display: flex;
  align-items: center;
  color: #737373;
}
#dashboard #freelancer-dashboard .statistics .statistic-block-wrap:nth-child(1) .statistic-block span a .ico {
  margin-right: 6px;
}
#dashboard #freelancer-dashboard.buyer-dashboard {
  padding-top: 64px;
}
#dashboard #freelancer-dashboard.buyer-dashboard .statistics {
  transform: none;
  margin-bottom: 48px;
}
#dashboard #freelancer-dashboard.buyer-dashboard .statistics .statistic-block-wrap .statistic-block {
  flex-direction: row;
}
#dashboard section {
  display: flex;
  align-items: center;
}
#dashboard section .pieID {
  display: inline-block;
  vertical-align: top;
}
#dashboard section .pie {
  height: 200px;
  width: 200px;
  position: relative;
  margin: 0 30px 30px 0;
  transform: rotate(-15deg);
}
#dashboard section .pie::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 50%;
  top: 50px;
  left: 50px;
}
#dashboard .slice {
  position: absolute;
  width: 200px;
  height: 200px;
  clip: rect(0px, 200px, 200px, 100px);
  animation: bake-pie 1s;
}
#dashboard .slice span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  clip: rect(0px, 200px, 200px, 100px);
}
#dashboard .legend {
  list-style-type: none;
  width: 111px;
  padding: 0;
  margin: 0;
  font-size: 12px;
  margin-right: 100px;
}
#dashboard .legend li {
  width: 110px;
  margin-bottom: 10px;
  color: #a3a3a3;
  display: flex;
  align-items: center;
}
#dashboard .legend li .color-block {
  border-radius: 4px;
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
#dashboard .legend li em {
  font-style: normal;
}
#dashboard .legend li span {
  margin-left: auto;
  color: #000;
}

#editModal .modal-dialog {
  max-width: 560px;
  box-shadow: 0 0 96px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
#editModal .modal-dialog .modal-content {
  border-radius: 16px;
}
#editModal .modal-dialog .modal-content .modal-header h2 {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #000;
}
#editModal .modal-dialog .modal-content .modal-body #editGigPromotion .gig {
  margin-bottom: 12px;
}
#editModal .modal-dialog .modal-content .modal-body #editGigPromotion .gig a {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 8px;
  background: #f5f5f5;
}
#editModal .modal-dialog .modal-content .modal-body #editGigPromotion .gig a .thumb {
  flex-shrink: 0;
  margin-right: 12px;
}
#editModal .modal-dialog .modal-content .modal-body #editGigPromotion .gig a .thumb img {
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  width: 56px;
  height: 56px;
}
#editModal .modal-dialog .modal-content .modal-body #editGigPromotion .gig a .content .title {
  font-weight: 500;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: -0.04em;
  color: #000;
  margin-bottom: 2px;
}
#editModal .modal-dialog .modal-content .modal-body #editGigPromotion .gig a .content .price {
  font-weight: 400;
  font-size: 12px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #737373;
}
#editModal .modal-dialog .modal-content .modal-body #editGigPromotion .edit-block .title {
  font-weight: 500;
  font-size: 18px;
  line-height: 156%;
  color: #000;
  margin-bottom: 14px;
}
#editModal .modal-dialog .modal-content .modal-body #editGigPromotion .edit-block .form-group {
  margin-bottom: 12px;
}
#editModal .modal-dialog .modal-content .modal-body #editGigPromotion .edit-block .form-group label {
  font-weight: 400;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.01em;
  color: #737373;
  margin-bottom: 8px;
}
#editModal .modal-dialog .modal-content .modal-body #editGigPromotion .edit-block .form-group .form-control {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.01em;
  color: #a3a3a3;
  border-radius: 8px;
  padding: 12px;
  border: 1px solid #E5E5E5;
  background-color: #F5F5F5;
}
#editModal .modal-dialog .modal-content .modal-body #editGigPromotion .edit-block .form-group .datetimepicker {
  cursor: pointer;
}
#editModal .modal-dialog .modal-content .modal-body #editGigPromotion .buttons {
  padding-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#editModal .modal-dialog .modal-content .modal-body #editGigPromotion .buttons .deactivate-gig {
  color: red;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  padding: 10px 18px;
}
#editModal .modal-dialog .modal-content .modal-body #editGigPromotion .buttons .site-btn {
  padding: 10px 18px;
}
#editModal .modal-dialog .modal-content .modal-body #editGigPromotion .buttons .site-btn:not(:last-child) {
  background-color: transparent;
  border: 1px solid #2563EB;
  color: #2563EB !important;
  margin-left: auto;
  margin-right: 8px;
}

#checkout-page {
  padding-top: 64px;
  padding-bottom: 64px;
}
#checkout-page .checkout-page .section-title {
  text-align: left;
}
#checkout-page .checkout-page .section-title h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: -0.05em;
  color: #000;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap {
  position: relative;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .left-side {
  height: 100%;
  overflow: hidden;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .form-group .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #404040;
  margin-bottom: 12px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .form-group.additionalPages .form-check {
  padding-left: 30px;
  margin-bottom: 16px;
  cursor: pointer;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .form-group.additionalPages .form-check .form-check-input {
  width: 20px;
  height: 20px;
  margin-top: 15px;
  margin-right: 12px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .form-group.additionalPages .form-check .form-check-input:focus {
  box-shadow: none;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .form-group.additionalPages .form-check label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .form-group.additionalPages .form-check label .content .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 156%;
  color: #000;
  margin-bottom: 0;
  white-space: nowrap;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .form-group.additionalPages .form-check label .content .desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #404040;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .form-group.additionalPages .form-check label select {
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 0px 4px 0px 16px;
  width: 106px;
  height: 40px;
  visibility: hidden;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .form-group.additionalPages .form-check label select:focus {
  box-shadow: none;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .form-group.additionalPages .form-check label .price {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: right;
  color: #404040;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .paymentMethodGroup {
  width: 100%;
  transition: 0.3s;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .paymentMethodGroup .form-check {
  position: relative;
  padding-left: 0;
  margin-bottom: 8px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .paymentMethodGroup .form-check label {
  padding: 16px;
  position: relative;
  cursor: pointer;
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #fff;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .paymentMethodGroup .form-check label .thumb {
  margin-right: 12px;
  width: 46px;
  height: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .paymentMethodGroup .form-check label .content .card-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #000;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .paymentMethodGroup .form-check label .content .card-expiry {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  color: #737373;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .paymentMethodGroup .form-check input {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 1;
  filter: invert(0%) sepia(100%) saturate(14%) hue-rotate(273deg) brightness(104%) contrast(104%);
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .paymentMethodGroup .form-check input:checked ~ label {
  background-color: #f5f5f5;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .paymentMethodGroupWrap {
  margin-bottom: 32px;
  position: relative;
  transition: 0.3s;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .paymentMethodGroupWrap.active {
  transform: translateX(-100%);
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .paymentMethodGroupWrap.confirm-card-active {
  transform: translateX(-200%);
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard {
  transition: 0.3s;
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  background-color: #FAFAFA;
  z-index: 2;
  padding-bottom: 20px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard.active {
  left: 0;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard .button-back {
  margin-bottom: 12px;
  width: -moz-fit-content;
  width: fit-content;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard .button-back a {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 24px;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #404040;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard .button-back a .ico {
  margin-right: 13px;
  color: #3B82F6;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard #cardForm .card-wrap {
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 18px 16px;
  margin-bottom: 24px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard #cardForm .card-wrap .form-group {
  margin-bottom: 12px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard #cardForm .card-wrap .form-group:last-child {
  margin-bottom: 0;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard #cardForm .card-wrap .form-group label {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #737373;
  margin-bottom: 8px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard #cardForm .card-wrap .form-group .form-control {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #000;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 12px;
  background: #f5f5f5;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard #cardForm .site-btn {
  padding: 8px 20px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard .confirm-card {
  position: absolute;
  left: 100%;
  width: 100%;
  top: 0;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard .confirm-card #confirmCard #verification-input {
  padding: 24px 0;
  margin-bottom: 24px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard .confirm-card #confirmCard #verification-input > input {
  width: 77px;
  height: 76px;
  font-size: 32px;
  text-align: center;
  border: 1px solid #D4D4D4;
  border-radius: 15px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard .confirm-card #confirmCard #verification-input > input:focus {
  border-color: #737373;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard .confirm-card #confirmCard .send-code-again a {
  margin-bottom: 0;
  font-size: 14px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard .confirm-card #confirmCard .send-code-again a.disabled {
  pointer-events: none;
  color: gray;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard .confirm-card #confirmCard .send-code-again a .timer {
  color: #737373;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard .confirm-card #confirmCard .send-code-again a .timer.timer-left {
  display: none;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentCard .confirm-card #confirmCard .site-btn.disabled {
  background-color: #f5f5f5;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentMethod a {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #3b82f6;
  display: flex;
  align-items: center;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .addPaymentMethod a .ico {
  margin-right: 8px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig {
  padding-top: 0;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap {
  padding: 16px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .gig-info {
  display: flex;
  align-items: center;
  padding: 8px 8px 12px;
  margin-bottom: 12px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .gig-info .thumb {
  margin-right: 12px;
  flex-shrink: 0;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .gig-info .thumb img {
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  width: 48px;
  height: 48px;
  -o-object-fit: cover;
     object-fit: cover;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .gig-info .desc {
  font-weight: 500;
  font-size: 18px;
  line-height: 122%;
  letter-spacing: -0.04em;
  color: #737373;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .tarif-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .tarif-list .main-info {
  margin-bottom: 12px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .tarif-list .main-info .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .tarif-list .main-info .heading .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #000;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .tarif-list .main-info .heading .desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: right;
  color: #404040;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .tarif-list .main-info .content {
  font-weight: 400;
  font-size: 18px;
  line-height: 156%;
  letter-spacing: -0.04em;
  color: #000;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .tarif-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .tarif-list li span {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #404040;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .tarif-list.counting li {
  padding: 8px 0;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .tarif-list.counting li:nth-child(1) {
  border-bottom: 1px dashed #e5e5e5;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .tarif-list.counting li:nth-child(2) {
  border-bottom: 1px solid #e5e5e5;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .tarif-list.counting li:last-child span:nth-child(1) {
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -0.04em;
  color: #000;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .promocode label {
  font-weight: 600;
  font-size: 18px;
  line-height: 156%;
  letter-spacing: -0.04em;
  color: #000;
  margin-bottom: 8px;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .promocode .form-group {
  display: flex;
}
#checkout-page .checkout-page #checkoutForm .checkout-block-wrap .sidebar .gig #gig-order .tarifs-block-wrap .promocode .form-group .form-control {
  background: #f5f5f5;
  border: 0.5px solid #e5e5e5;
  border-radius: 8px;
  margin-right: 12px;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: 0.01em;
  color: #737373;
}

#messanger {
  background-color: #fff;
}
#messanger .messanger {
  display: flex;
  height: calc(100vh - 78px);
  transition: 0.3s;
  overflow: hidden;
}
@media (max-width: 991px) {
  #messanger .messanger {
    height: 100vh;
    padding-top: 56px;
  }
}
@media (max-width: 767px) {
  #messanger .messanger {
    position: relative;
    height: 100svh;
  }
}
#messanger .messanger .chats {
  width: 428px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  #messanger .messanger .chats {
    width: 350px;
  }
}
@media (max-width: 767px) {
  #messanger .messanger .chats {
    width: 100%;
  }
}
#messanger .messanger .chats .chats-heading {
  padding: 9px 17px 13px;
  margin-bottom: 23px;
}
@media (max-width: 767px) {
  #messanger .messanger .chats .chats-heading {
    margin-bottom: 0;
  }
}
#messanger .messanger .chats .chats-heading .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
#messanger .messanger .chats .chats-heading .heading h4 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  color: #000;
}
#messanger .messanger .chats .chats-heading #Searchchats .form-group {
  position: relative;
  background: rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  border: 1px solid #EBEBEB;
  border-bottom-color: #747474;
}
#messanger .messanger .chats .chats-heading #Searchchats .form-group .form-control {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  color: #000;
  padding: 5px 38px 5px 10px;
  background: transparent;
  border: none;
}
#messanger .messanger .chats .chats-heading #Searchchats .form-group .ico {
  position: absolute;
  right: 0;
  padding: 0 11px;
  font-size: 12px;
}
#messanger .messanger .chats .chat-list {
  padding: 0 10px;
  overflow-y: scroll;
  flex-grow: 1;
  overflow-y: auto;
  /* Позволяет прокручивать содержимое */
  min-height: 0;
  /* Важно для корректной работы с overflow */
}
#messanger .messanger .chats .chat-list::-webkit-scrollbar {
  width: 2px;
}
#messanger .messanger .chats .chat-list::-webkit-scrollbar-thumb {
  width: 2px;
  background: #a3a3a3;
}
#messanger .messanger .chats .chat-list .chat-user {
  display: flex;
  padding: 10px;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767px) {
  #messanger .messanger .chats .chat-list .chat-user {
    padding: 10px 6px;
  }
}
#messanger .messanger .chats .chat-list .chat-user.active {
  background: rgba(59, 130, 246, 0.1);
}
@media (max-width: 767px) {
  #messanger .messanger .chats .chat-list .chat-user.active {
    background: transparent;
  }
}
#messanger .messanger .chats .chat-list .chat-user.active::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 3px;
  height: 28px;
  background: #3b82f6;
  border-radius: 999px;
}
@media (max-width: 767px) {
  #messanger .messanger .chats .chat-list .chat-user.active::before {
    display: none;
  }
}
#messanger .messanger .chats .chat-list .chat-user .chat-user-thumb {
  margin-right: 10px;
  position: relative;
  flex-shrink: 0;
}
#messanger .messanger .chats .chat-list .chat-user .chat-user-thumb img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
#messanger .messanger .chats .chat-list .chat-user .chat-user-thumb .online {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #4BB34B;
  position: absolute;
  right: 0;
  bottom: 0;
  border: 2px solid #fff;
}
#messanger .messanger .chats .chat-list .chat-user .chat-user-content .name {
  font-weight: 600;
  font-size: 16px;
  color: #000;
}
#messanger .messanger .chats .chat-list .chat-user .chat-user-content .last-message {
  font-weight: 400;
  font-size: 14px;
  color: #737373;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
#messanger .messanger .chats .chat-list .chat-user .chat-user-actions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  margin-left: auto;
}
#messanger .messanger .chats .chat-list .chat-user .chat-user-actions .last-message-time {
  font-weight: 400;
  font-size: 14px;
  color: #737373;
  white-space: nowrap;
}
#messanger .messanger .chats .chat-list .chat-user .chat-user-actions .action-alerts {
  display: flex;
  align-items: center;
}
#messanger .messanger .chats .chat-list .chat-user .chat-user-actions .action-alerts .message-counter {
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #fff;
  border-radius: 20px;
  padding: 3px 8px;
  background: #1d4ed8;
  line-height: 14px;
}
#messanger .messanger .chats .chat-list .chat-user .chat-user-actions .action-alerts .accept {
  color: #99A0AC;
  margin-left: 10px;
}
#messanger .messanger .chats .chat-list .chat-user .chat-user-actions .action-alerts .accept i {
  transform: rotate(45deg);
}
#messanger .messanger .chat-item {
  border: 1px solid #e5e5e5;
  border-radius: 7px 0 0 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  transition: 0.3s;
  width: calc(100% - 338px);
}
#messanger .messanger .chat-item.active {
  width: calc(100% - 338px);
}
@media (max-width: 767px) {
  #messanger .messanger .chat-item.active {
    width: 100%;
  }
}
#messanger .messanger .chat-item .chat-user-info {
  padding: 22px 44px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  #messanger .messanger .chat-item .chat-user-info {
    padding: 12px 23px 12px 16px;
  }
}
@media (max-width: 767px) {
  #messanger .messanger .chat-item .chat-user-info {
    justify-content: initial;
    align-items: center;
  }
}
#messanger .messanger .chat-item .chat-user-info .back {
  color: #a3a3a3;
  display: none;
  align-items: center;
  padding: 0 5px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  #messanger .messanger .chat-item .chat-user-info .back {
    display: flex;
  }
}
#messanger .messanger .chat-item .chat-user-info .chat-user {
  display: flex;
  align-items: center;
}
#messanger .messanger .chat-item .chat-user-info .chat-user .chat-user-thumb {
  margin-right: 10px;
  position: relative;
  flex-shrink: 0;
}
#messanger .messanger .chat-item .chat-user-info .chat-user .chat-user-thumb img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
#messanger .messanger .chat-item .chat-user-info .chat-user .chat-user-thumb .online {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #4BB34B;
  position: absolute;
  right: 0;
  bottom: 0;
  border: 2px solid #fff;
}
#messanger .messanger .chat-item .chat-user-info .chat-user .chat-user-content .name {
  font-weight: 500;
  font-size: 16px;
  color: #000;
}
#messanger .messanger .chat-item .chat-user-info .chat-user .chat-user-content .last-visit-time {
  font-weight: 400;
  font-size: 12px;
  color: #a3a3a3;
}
#messanger .messanger .chat-item .chat-user-info .actions {
  display: flex;
}
@media (max-width: 767px) {
  #messanger .messanger .chat-item .chat-user-info .actions {
    margin-left: auto;
  }
}
#messanger .messanger .chat-item .chat-user-info .actions .action {
  margin-left: 24px;
}
#messanger .messanger .chat-item .chat-user-info .actions .action:first-child {
  margin-left: 0;
}
#messanger .messanger .chat-item .chat-user-info .actions .action a {
  color: #a3a3a3;
  transition: 0.3s;
}
#messanger .messanger .chat-item .chat-user-info .actions .action a:hover {
  color: #000;
}
#messanger .messanger .chat-item .chat-user-info .actions .action a.active {
  color: #2563EB;
}
@media (max-width: 565px) {
  #messanger .messanger .chat-item .chat-user-info .actions .action:nth-child(1) {
    display: none;
  }
  #messanger .messanger .chat-item .chat-user-info .actions .action:nth-child(2) {
    display: none;
  }
  #messanger .messanger .chat-item .chat-user-info .actions .action:nth-child(3) {
    display: none;
  }
}
#messanger .messanger .chat-item .chat-user-info .actions .action:last-child {
  display: none;
}
@media (max-width: 565px) {
  #messanger .messanger .chat-item .chat-user-info .actions .action:last-child {
    display: block;
  }
}
#messanger .messanger .chat-item .chat-messages {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 16px;
  padding: 10px 44px 66px 44px;
  flex-grow: 1;
  overflow-y: auto;
  min-height: 0;
  position: relative;
}
@media (max-width: 1200px) {
  #messanger .messanger .chat-item .chat-messages {
    padding: 10px 12px 66px 12px;
  }
}
#messanger .messanger .chat-item .chat-messages::-webkit-scrollbar {
  width: 6px;
}
#messanger .messanger .chat-item .chat-messages::-webkit-scrollbar-track {
  background: #EEEEEE;
}
#messanger .messanger .chat-item .chat-messages::-webkit-scrollbar-thumb {
  width: 6px;
  background: #a3a3a3;
}
#messanger .messanger .chat-item .chat-messages .message {
  margin-bottom: 6px;
  max-width: 500px;
  display: flex;
  align-items: flex-end;
  flex-direction: row-reverse;
}
#messanger .messanger .chat-item .chat-messages .message:first-child {
  margin-bottom: 0;
}
#messanger .messanger .chat-item .chat-messages .message .message-user-thumb {
  flex-shrink: 0;
  margin-left: 8px;
  margin-right: 0;
}
#messanger .messanger .chat-item .chat-messages .message .message-user-thumb img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
#messanger .messanger .chat-item .chat-messages .message .message-content {
  border-radius: 12px;
  background: #dbeafe;
  padding: 5px 10px;
  line-height: 137%;
  position: relative;
}
#messanger .messanger .chat-item .chat-messages .message .message-content .message-info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#messanger .messanger .chat-item .chat-messages .message .message-content .message-info .message-time {
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.02em;
  color: #3b82f6;
}
#messanger .messanger .chat-item .chat-messages .message .message-content .message-info .message-status {
  color: #3b82f6;
  margin-left: 2px;
  font-size: 13px;
}
#messanger .messanger .chat-item .chat-messages .message .message-content .message-reply-to-message {
  border-left: 3px solid #2563EB;
  padding: 1px 8px 3px 9px;
  background: #f5f5f5;
  margin-bottom: 5px;
  border-radius: 4px 0 0 4px;
  font-weight: 400;
  font-size: 13px;
  line-height: 138%;
  color: #000;
}
#messanger .messanger .chat-item .chat-messages .message .message-content .message-reply-to-message .name {
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  color: #2563EB;
}
#messanger .messanger .chat-item .chat-messages .message .message-content .message-reply-to-message .message-reply-to-message-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#messanger .messanger .chat-item .chat-messages .message .message-content .reply {
  position: absolute;
  right: -20px;
  bottom: 12px;
  color: #b1b1b1;
  transition: 0.3s;
  display: none;
  opacity: 0;
  visibility: visible;
  cursor: pointer;
}
@media (max-width: 767px) {
  #messanger .messanger .chat-item .chat-messages .message .message-content .reply {
    opacity: 1;
    visibility: visible;
  }
}
#messanger .messanger .chat-item .chat-messages .message .message-content .reply:hover {
  color: #000;
}
#messanger .messanger .chat-item .chat-messages .message .message-content:hover .reply {
  opacity: 1;
  visibility: visible;
}
#messanger .messanger .chat-item .chat-messages .message.message-reply {
  margin-right: auto;
  flex-direction: row;
}
#messanger .messanger .chat-item .chat-messages .message.message-reply .message-user-thumb {
  margin-right: 8px;
  margin-left: 0;
}
#messanger .messanger .chat-item .chat-messages .message.message-reply .message-content {
  background: #f5f5f5;
}
#messanger .messanger .chat-item .chat-messages .message.message-reply .message-content .message-info .message-time {
  color: rgba(0, 0, 0, 0.5);
}
#messanger .messanger .chat-item .chat-messages .message.message-reply .message-content .reply {
  display: block;
}
#messanger .messanger .chat-item .chat-messages .message.message-reply .message-reply-to-message {
  border-left: 3px solid #2563EB;
  background: #dbeafe;
}
#messanger .messanger .chat-item .fixed-elements {
  padding: 0 44px 28px;
  position: relative;
}
@media (max-width: 767px) {
  #messanger .messanger .chat-item .fixed-elements {
    padding: 0 12px 12px;
  }
}
#messanger .messanger .chat-item .fixed-elements .scroll-down {
  position: absolute;
  right: 44px;
  top: -56px;
  z-index: 1;
}
@media (max-width: 767px) {
  #messanger .messanger .chat-item .fixed-elements .scroll-down {
    right: 12px;
  }
}
#messanger .messanger .chat-item .fixed-elements .scroll-down .messages-counter {
  font-weight: 400;
  font-size: 12px;
  width: 40px;
  height: 21px;
  border-radius: 20px;
  background-color: #2563EB;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -14px;
}
#messanger .messanger .chat-item .fixed-elements .scroll-down .ico {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}
#messanger .messanger .chat-item .fixed-elements .reply-on-message {
  display: flex;
  align-items: center;
  padding-right: 100px;
  display: none;
}
#messanger .messanger .chat-item .fixed-elements .reply-on-message.active {
  display: flex;
}
#messanger .messanger .chat-item .fixed-elements .reply-on-message .ico {
  font-size: 30px;
  margin-right: 10px;
}
#messanger .messanger .chat-item .fixed-elements .reply-on-message .content {
  line-height: 100%;
}
#messanger .messanger .chat-item .fixed-elements .reply-on-message .content .name {
  font-size: 14px;
  color: #2563EB;
  font-weight: 600;
}
#messanger .messanger .chat-item .fixed-elements .reply-on-message .content .message {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#messanger .messanger .chat-item .fixed-elements .reply-on-message .close {
  cursor: pointer;
  position: absolute;
  right: 44px;
}
#messanger .messanger .chat-item .fixed-elements .reply-on-message .close svg {
  width: 30px;
}
#messanger .messanger .chat-item .fixed-elements .create-message {
  width: 100%;
}
#messanger .messanger .chat-item .fixed-elements .create-message .form-group {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}
@media (max-width: 767px) {
  #messanger .messanger .chat-item .fixed-elements .create-message .form-group {
    background: #f5f5f5;
  }
}
#messanger .messanger .chat-item .fixed-elements .create-message .form-group #message-textarea {
  height: 53px;
  /* Начальная высота */
  overflow: hidden;
  /* Скрываем полосу прокрутки */
  resize: none;
  /* Запрещаем изменение размера пользователем */
  width: 100%;
  /* Ширина на 100% */
  padding: 10px;
  /* Добавляем отступы */
  box-sizing: border-box;
  /* Учитываем отступы в ширине */
  font-weight: 400;
  font-size: 16px;
  border: none;
  background: transparent;
}
#messanger .messanger .chat-item .fixed-elements .create-message .form-group #message-textarea::-moz-placeholder {
  color: #a3a3a3;
}
#messanger .messanger .chat-item .fixed-elements .create-message .form-group #message-textarea::placeholder {
  color: #a3a3a3;
}
#messanger .messanger .chat-item .fixed-elements .create-message .form-group .message-actions {
  display: flex;
  align-items: center;
  padding: 17px;
}
@media (max-width: 767px) {
  #messanger .messanger .chat-item .fixed-elements .create-message .form-group .message-actions {
    padding: 17px 10px;
  }
}
#messanger .messanger .chat-item .fixed-elements .create-message .form-group .message-actions a {
  color: #A3A3A3;
  margin-left: 20px;
  font-size: 18px;
  line-height: 0;
}
#messanger .messanger .chat-item .fixed-elements .create-message .form-group .message-actions a:first-child {
  margin-left: 0;
}
#messanger .messanger .chat-item .fixed-elements .create-message .form-group .message-actions button {
  border: none;
  background-color: transparent;
  margin-left: 20px;
  line-height: 0;
}
#messanger .messanger .chat-item .fixed-elements .create-message .form-group .message-actions button svg path {
  transition: 0.3s;
}
#messanger .messanger .chat-item .fixed-elements .create-message .form-group .message-actions button svg:hover path {
  fill: #2563EB;
}
@media (max-width: 767px) {
  #messanger .messanger .chat-item .fixed-elements .create-message .form-group .message-actions button svg:hover path {
    fill: #A3A3A3;
  }
}
@media (max-width: 767px) {
  #messanger .messanger .chat-item .fixed-elements .create-message .form-group .message-actions button svg:hover {
    pointer-events: none;
  }
}
#messanger .messanger .user-info-section {
  position: relative;
  max-width: 338px;
  width: 100%;
  flex-shrink: 0;
  padding: 16px 23px 24px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  /* Позволяет прокручивать содержимое */
  min-height: 0;
  transition: 0.3s;
  margin-right: -338px;
  background-color: #fff;
  z-index: 1;
}
@media (max-width: 1025px) {
  #messanger .messanger .user-info-section {
    margin-right: 0;
    position: absolute;
    top: 79px;
    right: 0;
    bottom: 0;
    transform: translateX(100%);
    border-left: 1px solid #e5e5e5;
  }
}
@media (max-width: 991px) {
  #messanger .messanger .user-info-section {
    top: 57px;
  }
}
@media (max-width: 767px) {
  #messanger .messanger .user-info-section {
    max-width: initial;
    left: 0;
    right: 0;
    border-left: none;
  }
}
#messanger .messanger .user-info-section.active {
  margin-right: 0;
}
@media (max-width: 1024px) {
  #messanger .messanger .user-info-section.active {
    transform: translateX(0);
  }
}
#messanger .messanger .user-info-section .close {
  cursor: pointer;
  position: absolute;
  line-height: 0;
  right: 23px;
  top: 20px;
}
#messanger .messanger .user-info-section .main-user-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 24px;
}
#messanger .messanger .user-info-section .main-user-info .chat-user-thumb {
  margin-right: 10px;
  position: relative;
  flex-shrink: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 12px;
}
#messanger .messanger .user-info-section .main-user-info .chat-user-thumb img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
#messanger .messanger .user-info-section .main-user-info .chat-user-thumb .online {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #4BB34B;
  position: absolute;
  right: 5px;
  bottom: 5px;
  border: 2px solid #fff;
}
#messanger .messanger .user-info-section .main-user-info .name {
  font-weight: 500;
  font-size: 24px;
  line-height: 125%;
  letter-spacing: -0.03em;
  text-align: center;
  color: #000;
  margin-bottom: 4px;
}
#messanger .messanger .user-info-section .main-user-info .skills {
  font-weight: 400;
  font-size: 12px;
  line-height: 133%;
  letter-spacing: -0.03em;
  text-align: center;
  color: #737373;
}
#messanger .messanger .user-info-section .user-location {
  margin-bottom: 24px;
}
#messanger .messanger .user-info-section .user-location .block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
#messanger .messanger .user-info-section .user-location .block:last-child {
  margin-bottom: 0;
}
#messanger .messanger .user-info-section .user-location .block .left {
  display: flex;
  align-items: center;
}
#messanger .messanger .user-info-section .user-location .block .left .ico {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #f5f5f5;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#messanger .messanger .user-info-section .user-location .block .left .ico img {
  width: 12px;
  height: 12px;
}
#messanger .messanger .user-info-section .user-location .block .left .title {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.03em;
  color: #737373;
}
#messanger .messanger .user-info-section .user-location .block .right {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.03em;
  color: #000;
}
#messanger .messanger .user-info-section .collapse-blocks .collapse-block {
  margin-bottom: 24px;
}
#messanger .messanger .user-info-section .collapse-blocks .collapse-block .collapse-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  padding: 0px 0px 6px 0px;
  margin-bottom: 16px;
  cursor: pointer;
}
#messanger .messanger .user-info-section .collapse-blocks .collapse-block .collapse-title span {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #000;
}
#messanger .messanger .user-info-section .collapse-blocks .collapse-block .collapse-title .ico {
  transform: rotate(-90deg);
  color: #a3a3a3;
  font-size: 11px;
}
#messanger .messanger .user-info-section .collapse-blocks .collapse-block .collapse-content {
  display: none;
}
#messanger .messanger .user-info-section .collapse-blocks .collapse-block#user-description .description ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#messanger .messanger .user-info-section .collapse-blocks .collapse-block#user-description .description ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
#messanger .messanger .user-info-section .collapse-blocks .collapse-block#user-description .description ul li span:nth-child(1) {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.03em;
  color: #737373;
}
#messanger .messanger .user-info-section .collapse-blocks .collapse-block#user-description .description ul li span:nth-child(2) {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.03em;
  color: #000;
}
#messanger .messanger .user-info-section .collapse-blocks .collapse-block#user-description .description ul li span a {
  color: #2563EB;
  text-decoration: underline;
  text-align: right;
  letter-spacing: -0.03em;
  display: block;
  margin-left: auto;
}
@media (max-width: 767px) {
  #messanger .messanger .mobile-block {
    display: none;
  }
  #messanger .messanger .mobile-block.active {
    display: flex;
  }
}

#settings-page {
  padding: 64px 0 128px;
}
#settings-page .settings .user-account {
  display: flex;
  margin-bottom: 32px;
}
#settings-page .settings .user-account .user-thumb {
  margin-right: 16px;
}
#settings-page .settings .user-account .user-thumb img {
  border-radius: 24px;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
#settings-page .settings .user-account .content .name {
  font-weight: 600;
  font-size: 20px;
  line-height: 145%;
  letter-spacing: -0.04em;
  color: #0d0c22;
  margin-bottom: 4px;
}
#settings-page .settings .user-account .content .name span {
  color: #d4d4d4;
}
#settings-page .settings .user-account .content .desc {
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #737373;
}
#settings-page .settings .setting-links {
  padding: 0;
  margin: 0;
  list-style: none;
}
#settings-page .settings .setting-links li a {
  border-left: 2px solid #d4d4d4;
  padding: 8px 10px;
  display: block;
  font-size: 16px;
  letter-spacing: -0.03em;
  color: #737373;
  transition: 0.3s;
}
#settings-page .settings .setting-links li a:hover {
  border-color: #2563EB;
  color: #2563EB;
}
#settings-page .settings .setting-links li.active {
  margin: 4px 0;
}
#settings-page .settings .setting-links li.active a {
  border-color: #2563EB;
  color: #2563EB;
  font-weight: 500;
}
#settings-page .settings .setting-page-content {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 32px;
}
#settings-page .settings .setting-page-content h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: #404040;
  margin-bottom: 4px;
}
#settings-page .settings .setting-page-content p {
  font-weight: 500;
  font-size: 12px;
  line-height: 143%;
  color: #737373;
}
#settings-page .settings .setting-page-content form .form-group {
  margin-bottom: 12px;
}
#settings-page .settings .setting-page-content form .form-group label {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #404040;
  margin-bottom: 8px;
}
#settings-page .settings .setting-page-content form .form-group .form-control {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #000;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 12px;
  background-color: transparent;
}
#settings-page .settings .setting-page-content form .form-group button {
  margin-top: 12px;
}
#settings-page .settings .setting-page-content .buttons {
  display: inline-block;
  margin-top: 12px;
}
#settings-page .settings .setting-page-content .buttons a {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.04em;
  color: #2563eb;
  padding: 0 14px;
}
#settings-page .settings .setting-page-content .buttons a:hover {
  text-decoration: underline;
}
#settings-page .settings .setting-page-content.setting-account-page form {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
#settings-page .settings .setting-page-content.setting-account-page .deactive-account ul {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #737373;
  padding-left: 25px;
  margin-bottom: 24px;
}
#settings-page .settings .setting-page-content.setting-billing-page .payment-methods {
  margin-bottom: 24px;
}
#settings-page .settings .setting-page-content.setting-billing-page .payment-methods:last-child {
  margin-bottom: 0;
}
#settings-page .settings .setting-page-content.setting-billing-page .payment-methods .payment-method {
  padding: 12px 0;
  display: flex;
  justify-content: space-between;
}
#settings-page .settings .setting-page-content.setting-billing-page .payment-methods .payment-method .payment-info {
  display: flex;
  align-items: center;
}
#settings-page .settings .setting-page-content.setting-billing-page .payment-methods .payment-method .payment-info .card-logo {
  margin-right: 12px;
}
#settings-page .settings .setting-page-content.setting-billing-page .payment-methods .payment-method .payment-info .card-logo img {
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  width: 46px;
  height: 32px;
}
#settings-page .settings .setting-page-content.setting-billing-page .payment-methods .payment-method .payment-info .card-content .card-number {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #000;
}
#settings-page .settings .setting-page-content.setting-billing-page .payment-methods .payment-method .payment-info .card-content .card-number .cart-type {
  text-transform: capitalize;
}
#settings-page .settings .setting-page-content.setting-billing-page .payment-methods .payment-method .payment-info .card-content .card-expiry {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  color: #737373;
}
#settings-page .settings .setting-page-content.setting-billing-page .payment-methods .payment-method .payment-actions {
  display: flex;
  align-items: center;
}
#settings-page .settings .setting-page-content.setting-billing-page .payment-methods .payment-method .payment-actions a {
  padding: 0 10px;
  font-size: 14px;
}
#settings-page .settings .setting-page-content.setting-billing-page .payment-methods .payment-method .payment-actions a:hover {
  text-decoration: underline;
}
#settings-page .settings .setting-page-content.setting-billing-page .payment-methods .payment-method .payment-actions form button {
  background-color: transparent;
  border: none;
  font-size: 14px;
  color: red;
  padding: 0 10px;
}
#settings-page .settings .setting-page-content.setting-billing-page .add-new-method {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #3b82f6;
}
#settings-page .settings .setting-page-content.setting-billing-page .add-new-method:hover {
  text-decoration: underline;
}
#settings-page .settings .setting-page-content.add-card-page {
  position: relative;
  overflow: hidden;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard {
  transition: 0.3s;
  z-index: 2;
  padding-bottom: 20px;
  min-height: 250px;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard.active {
  transform: translateX(-100%);
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard .button-back {
  margin-bottom: 12px;
  width: -moz-fit-content;
  width: fit-content;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard .button-back a {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 24px;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #404040;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard .button-back a .ico {
  margin-right: 13px;
  color: #3B82F6;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard #cardForm {
  padding-right: 35px;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard #cardForm .card-wrap {
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 18px 16px;
  margin-bottom: 24px;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard #cardForm .card-wrap .form-group {
  margin-bottom: 12px;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard #cardForm .card-wrap .form-group:last-child {
  margin-bottom: 0;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard #cardForm .card-wrap .form-group label {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #737373;
  margin-bottom: 8px;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard #cardForm .card-wrap .form-group .form-control {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #000;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 12px;
  background: #f5f5f5;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard #cardForm .site-btn {
  padding: 8px 20px;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard .confirm-card {
  position: absolute;
  left: 100%;
  width: 100%;
  top: 0;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard .confirm-card #confirmCard #verification-input {
  padding: 24px 0;
  margin-bottom: 24px;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard .confirm-card #confirmCard #verification-input > input {
  width: 77px;
  height: 76px;
  font-size: 32px;
  text-align: center;
  border: 1px solid #D4D4D4;
  border-radius: 15px;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard .confirm-card #confirmCard #verification-input > input:focus {
  border-color: #737373;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard .confirm-card #confirmCard .send-code-again a {
  margin-bottom: 0;
  font-size: 14px;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard .confirm-card #confirmCard .send-code-again a.disabled {
  pointer-events: none;
  color: gray;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard .confirm-card #confirmCard .send-code-again a .timer {
  color: #737373;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard .confirm-card #confirmCard .send-code-again a .timer.timer-left {
  display: none;
}
#settings-page .settings .setting-page-content.add-card-page .addPaymentCard .confirm-card #confirmCard .site-btn.disabled {
  background-color: #f5f5f5;
}
#settings-page .settings .setting-page-content.setting-paid-page .current-balance {
  font-weight: 600;
  font-size: 24px;
  line-height: 133%;
  letter-spacing: -0.04em;
  color: #2563eb;
}
#settings-page .settings .setting-page-content.setting-paid-page .btn {
  width: -moz-fit-content;
  width: fit-content;
}
#settings-page .settings .setting-page-content.setting-paid-page .btn img {
  margin-right: 8px;
  filter: brightness(0) saturate(100%) invert(96%) sepia(100%) saturate(2%) hue-rotate(153deg) brightness(112%) contrast(100%);
}
#settings-page .settings .setting-page-content.setting-password-page #editPassword {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e5e5e5;
}
#settings-page .settings .setting-page-content.setting-password-page #editPassword .form-group {
  position: relative;
}
@media (max-width: 767px) {
  #settings-page .settings .setting-page-content.setting-password-page #editPassword .form-group {
    margin-bottom: 18px;
  }
}
#settings-page .settings .setting-page-content.setting-password-page #editPassword .form-group #password-input {
  margin-right: 44px;
}
#settings-page .settings .setting-page-content.setting-password-page #editPassword .form-group .ico {
  position: absolute;
  right: 0;
  bottom: 15px;
  width: 44px;
  text-align: center;
  opacity: 0;
  cursor: pointer;
}
#settings-page .settings .setting-page-content.setting-password-page #editPassword .form-group .ico.view {
  opacity: 1;
}
#settings-page .settings .setting-page-content.setting-password-page #security-settings .security-setting {
  display: flex;
  align-items: center;
  padding: 24px 0;
  position: relative;
}
#settings-page .settings .setting-page-content.setting-password-page #security-settings .security-setting:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -32px;
  right: -32px;
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
}
#settings-page .settings .setting-page-content.setting-password-page #security-settings .security-setting:last-child:before {
  display: none;
}
#settings-page .settings .setting-page-content.setting-password-page #security-settings .security-setting .ico {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #2563EB;
  color: #2563EB;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  margin-right: 12px;
}
#settings-page .settings .setting-page-content.setting-password-page #security-settings .security-setting .content p {
  margin-bottom: 0;
}
#settings-page .settings .setting-page-content.setting-password-page #security-settings .security-setting .content p:nth-child(1) {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #000;
}
#settings-page .settings .setting-page-content.setting-password-page #security-settings .security-setting .security-setting-edit {
  margin-left: auto;
  margin-top: 3px;
}
#settings-page .settings .setting-page-content.setting-password-page #security-settings .security-setting .security-setting-edit .ico {
  width: 24px;
  height: 24px;
  font-size: 12px;
}
#settings-page .settings .setting-page-content.setting-password-page #security-settings .security-setting .form-switch {
  margin-left: auto;
  margin-bottom: 0;
  padding-top: 0;
}
#settings-page .settings .setting-page-content.setting-password-page #security-settings .security-setting .form-switch .form-check-input {
  width: 44px;
  height: 24px;
  cursor: pointer;
  outline: none;
}
#settings-page .settings .setting-page-content.setting-password-page #security-settings .security-setting .form-switch .form-check-input:focus {
  box-shadow: none;
}
#settings-page .settings .setting-page-content.setting-password-page #security-settings .security-setting:last-child .form-switch {
  margin-left: initial;
}
#settings-page .settings .setting-page-content.setting-verification-page {
  margin-bottom: 24px;
}
#settings-page .settings .setting-page-content.setting-verification-page .verification-blocks .verification-block {
  padding: 8px 0;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
#settings-page .settings .setting-page-content.setting-verification-page .verification-blocks .verification-block .ico {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  background-color: #a3a3a3;
  margin-right: 16px;
  color: #fff;
  border-radius: 50%;
}
#settings-page .settings .setting-page-content.setting-verification-page .verification-blocks .verification-block .ico.success {
  background-color: #2563EB;
}
#settings-page .settings .setting-page-content.setting-verification-page .verification-blocks .verification-block .content .title {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #000;
}
#settings-page .settings .setting-page-content.setting-verification-page .verification-blocks .verification-block .content .desc {
  font-weight: 400;
  font-size: 12px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #a3a3a3;
}
#settings-page .settings .cypher {
  padding: 16px 32px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
}
#settings-page .settings .cypher .ico {
  margin-right: 16px;
}
#settings-page .settings .cypher .content {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #737373;
}
#settings-page .settings .cypher .content a {
  color: #2563EB;
  text-decoration: underline;
}
#settings-page #creditCardModal, #settings-page #creditCardEditModal {
  /* CREDIT CARD IMAGE STYLING */
  /* CHANGEABLE CARD ELEMENTS */
  /* FRONT OF CARD */
  /* BACK OF CARD */
  /* FLIP ANIMATION */
}
#settings-page #creditCardModal .form-container, #settings-page #creditCardEditModal .form-container {
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: auto auto;
  grid-template-rows: 90px 90px 90px;
  grid-template-areas: "name name" "number number" "expiration security";
  max-width: 400px;
  padding: 20px;
  color: #707070;
}
#settings-page #creditCardModal .form-container .field-container, #settings-page #creditCardEditModal .form-container .field-container {
  margin-bottom: 12px;
}
#settings-page #creditCardModal .form-container .field-container:first-of-type, #settings-page #creditCardEditModal .form-container .field-container:first-of-type {
  grid-area: name;
}
#settings-page #creditCardModal .form-container .field-container:nth-of-type(2), #settings-page #creditCardEditModal .form-container .field-container:nth-of-type(2) {
  grid-area: number;
}
#settings-page #creditCardModal .form-container .field-container:nth-of-type(3), #settings-page #creditCardEditModal .form-container .field-container:nth-of-type(3) {
  grid-area: expiration;
}
#settings-page #creditCardModal .form-container .field-container:nth-of-type(4), #settings-page #creditCardEditModal .form-container .field-container:nth-of-type(4) {
  grid-area: security;
}
#settings-page #creditCardModal .field-container, #settings-page #creditCardEditModal .field-container {
  position: relative;
}
#settings-page #creditCardModal .field-container input, #settings-page #creditCardEditModal .field-container input {
  box-sizing: border-box;
}
#settings-page #creditCardModal label, #settings-page #creditCardEditModal label {
  padding-bottom: 5px;
  font-size: 13px;
}
#settings-page #creditCardModal .ccicon, #settings-page #creditCardEditModal .ccicon {
  height: 38px;
  position: absolute;
  right: 0;
  bottom: 1px;
  width: 60px;
}
#settings-page #creditCardModal .preload *, #settings-page #creditCardEditModal .preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
#settings-page #creditCardModal .container, #settings-page #creditCardEditModal .container {
  width: 100%;
  max-width: 400px;
  max-height: 251px;
  height: 54vw;
  padding: 20px;
  perspective: 1000px;
}
#settings-page #creditCardModal #ccsingle, #settings-page #creditCardEditModal #ccsingle {
  position: absolute;
  right: 15px;
  top: 20px;
}
#settings-page #creditCardModal #ccsingle svg, #settings-page #creditCardEditModal #ccsingle svg {
  width: 100px;
  max-height: 60px;
}
#settings-page #creditCardModal .creditcard, #settings-page #creditCardEditModal .creditcard {
  width: 100%;
  max-width: 400px;
  transform-style: preserve-3d;
  transition: transform 0.6s;
  cursor: pointer;
}
#settings-page #creditCardModal .creditcard svg#cardfront, #settings-page #creditCardEditModal .creditcard svg#cardfront {
  width: 100%;
  box-shadow: 1px 5px 6px 0px black;
  border-radius: 22px;
}
#settings-page #creditCardModal .creditcard svg#cardback, #settings-page #creditCardEditModal .creditcard svg#cardback {
  width: 100%;
  box-shadow: 1px 5px 6px 0px black;
  border-radius: 22px;
}
#settings-page #creditCardModal .creditcard .lightcolor, #settings-page #creditCardEditModal .creditcard .lightcolor {
  transition: fill 0.5s;
}
#settings-page #creditCardModal .creditcard .darkcolor, #settings-page #creditCardEditModal .creditcard .darkcolor {
  transition: fill 0.5s;
}
#settings-page #creditCardModal .creditcard .lightblue, #settings-page #creditCardEditModal .creditcard .lightblue {
  fill: #03A9F4;
}
#settings-page #creditCardModal .creditcard .lightbluedark, #settings-page #creditCardEditModal .creditcard .lightbluedark {
  fill: #0288D1;
}
#settings-page #creditCardModal .creditcard .red, #settings-page #creditCardEditModal .creditcard .red {
  fill: #ef5350;
}
#settings-page #creditCardModal .creditcard .reddark, #settings-page #creditCardEditModal .creditcard .reddark {
  fill: #d32f2f;
}
#settings-page #creditCardModal .creditcard .purple, #settings-page #creditCardEditModal .creditcard .purple {
  fill: #ab47bc;
}
#settings-page #creditCardModal .creditcard .purpledark, #settings-page #creditCardEditModal .creditcard .purpledark {
  fill: #7b1fa2;
}
#settings-page #creditCardModal .creditcard .cyan, #settings-page #creditCardEditModal .creditcard .cyan {
  fill: #26c6da;
}
#settings-page #creditCardModal .creditcard .cyandark, #settings-page #creditCardEditModal .creditcard .cyandark {
  fill: #0097a7;
}
#settings-page #creditCardModal .creditcard .green, #settings-page #creditCardEditModal .creditcard .green {
  fill: #66bb6a;
}
#settings-page #creditCardModal .creditcard .greendark, #settings-page #creditCardEditModal .creditcard .greendark {
  fill: #388e3c;
}
#settings-page #creditCardModal .creditcard .lime, #settings-page #creditCardEditModal .creditcard .lime {
  fill: #d4e157;
}
#settings-page #creditCardModal .creditcard .limedark, #settings-page #creditCardEditModal .creditcard .limedark {
  fill: #afb42b;
}
#settings-page #creditCardModal .creditcard .yellow, #settings-page #creditCardEditModal .creditcard .yellow {
  fill: #ffeb3b;
}
#settings-page #creditCardModal .creditcard .yellowdark, #settings-page #creditCardEditModal .creditcard .yellowdark {
  fill: #f9a825;
}
#settings-page #creditCardModal .creditcard .orange, #settings-page #creditCardEditModal .creditcard .orange {
  fill: #ff9800;
}
#settings-page #creditCardModal .creditcard .orangedark, #settings-page #creditCardEditModal .creditcard .orangedark {
  fill: #ef6c00;
}
#settings-page #creditCardModal .creditcard .grey, #settings-page #creditCardEditModal .creditcard .grey {
  fill: #bdbdbd;
}
#settings-page #creditCardModal .creditcard .greydark, #settings-page #creditCardEditModal .creditcard .greydark {
  fill: #616161;
}
#settings-page #creditCardModal .creditcard .front, #settings-page #creditCardEditModal .creditcard .front {
  position: absolute;
  width: 100%;
  max-width: 400px;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  color: #47525d;
}
#settings-page #creditCardModal .creditcard .back, #settings-page #creditCardEditModal .creditcard .back {
  position: absolute;
  width: 100%;
  max-width: 400px;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  color: #47525d;
  transform: rotateY(180deg);
}
#settings-page #creditCardModal #generatecard, #settings-page #creditCardEditModal #generatecard {
  cursor: pointer;
  float: right;
  font-size: 12px;
  color: #fff;
  padding: 2px 4px;
  background-color: #909090;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}
#settings-page #creditCardModal #svgname, #settings-page #creditCardEditModal #svgname {
  text-transform: uppercase;
}
#settings-page #creditCardModal #cardfront .st2, #settings-page #creditCardEditModal #cardfront .st2 {
  fill: #FFFFFF;
}
#settings-page #creditCardModal #cardfront .st3, #settings-page #creditCardEditModal #cardfront .st3 {
  font-weight: 600;
}
#settings-page #creditCardModal #cardfront .st4, #settings-page #creditCardEditModal #cardfront .st4 {
  font-size: 54.7817px;
}
#settings-page #creditCardModal #cardfront .st5, #settings-page #creditCardEditModal #cardfront .st5 {
  font-weight: 400;
}
#settings-page #creditCardModal #cardfront .st6, #settings-page #creditCardEditModal #cardfront .st6 {
  font-size: 33.1112px;
}
#settings-page #creditCardModal #cardfront .st7, #settings-page #creditCardEditModal #cardfront .st7 {
  opacity: 0.6;
  fill: #FFFFFF;
}
#settings-page #creditCardModal #cardfront .st8, #settings-page #creditCardEditModal #cardfront .st8 {
  font-size: 24px;
}
#settings-page #creditCardModal #cardfront .st9, #settings-page #creditCardEditModal #cardfront .st9 {
  font-size: 36.5498px;
}
#settings-page #creditCardModal #cardfront .st10, #settings-page #creditCardEditModal #cardfront .st10 {
  font-weight: 300;
}
#settings-page #creditCardModal #cardfront .st11, #settings-page #creditCardEditModal #cardfront .st11 {
  font-size: 16.1716px;
}
#settings-page #creditCardModal #cardfront .st12, #settings-page #creditCardEditModal #cardfront .st12 {
  fill: #4C4C4C;
}
#settings-page #creditCardModal #cardback .st0, #settings-page #creditCardEditModal #cardback .st0 {
  fill: none;
  stroke: #0F0F0F;
  stroke-miterlimit: 10;
}
#settings-page #creditCardModal #cardback .st2, #settings-page #creditCardEditModal #cardback .st2 {
  fill: #111111;
}
#settings-page #creditCardModal #cardback .st3, #settings-page #creditCardEditModal #cardback .st3 {
  fill: #F2F2F2;
}
#settings-page #creditCardModal #cardback .st4, #settings-page #creditCardEditModal #cardback .st4 {
  fill: #D8D2DB;
}
#settings-page #creditCardModal #cardback .st5, #settings-page #creditCardEditModal #cardback .st5 {
  fill: #C4C4C4;
}
#settings-page #creditCardModal #cardback .st6, #settings-page #creditCardEditModal #cardback .st6 {
  font-weight: 400;
}
#settings-page #creditCardModal #cardback .st7, #settings-page #creditCardEditModal #cardback .st7 {
  font-size: 27px;
}
#settings-page #creditCardModal #cardback .st8, #settings-page #creditCardEditModal #cardback .st8 {
  opacity: 0.6;
}
#settings-page #creditCardModal #cardback .st9, #settings-page #creditCardEditModal #cardback .st9 {
  fill: #FFFFFF;
}
#settings-page #creditCardModal #cardback .st10, #settings-page #creditCardEditModal #cardback .st10 {
  font-size: 24px;
}
#settings-page #creditCardModal #cardback .st11, #settings-page #creditCardEditModal #cardback .st11 {
  fill: #EAEAEA;
}
#settings-page #creditCardModal #cardback .st13, #settings-page #creditCardEditModal #cardback .st13 {
  font-size: 37.769px;
}
#settings-page #creditCardModal .creditcard.flipped, #settings-page #creditCardEditModal .creditcard.flipped {
  transform: rotateY(180deg);
}

/* fonts */
/* root */
#order-page {
  /* text color */
  --primary-text-color: #737373;
  --secondary-text-color: #000000;
  --tertiary-text-color: #3B82F6;
  --quaternary-text-color: #404040;
  --fifth-text-color: #FFFFFF;
  --sixth-text-color: #A3A3A3;
  /* font-family */
  --primary-font-family: "Inter", sans-serif;
  /* font-weight */
  --primary-font-weight: 300;
  --secondary-font-weight: 400;
  --tertiary-font-weight: 500;
  --quaternary-font-weight: 600;
  --fifth-font-weight: 700;
  /* border-color */
  --primary-border-color: #E5E5E5;
  --secondary-border-color: #D4D4D4;
  --tertiary-border-color: #A3A3A3;
  --quaternary-border-color: #2563EB;
  --fifth-border-color: #BFDBFE;
  --sixth-border-color: #3b82f6;
  /* btn-color */
  --primary-btn-color: #3B82F6;
  --secondary-btn-color: #5491f6;
  /* background-color */
  --primary-background-color: #F5F5F5;
  --secondary-background-color: #FFFFFF;
  --tertiary-background-color: #4BB34B;
  --quaternary-background-color: #A3A3A3;
  --fifth-background-color: #BFDBFE;
  --sixth-background-color: #3B82F6;
  --seventh-background-color: #EFF6FF;
  --eighth-background-color: #FEF08A;
  --ninth-background-color: #FAFAFA;
  --tenth-background-color: #2688EB;
}

#order-page {
  /* reset */
}

#order-page *,
#order-page *::before,
#order-page *::after {
  box-sizing: border-box;
}

#order-page body,
#order-page h1,
#order-page h2,
#order-page h3,
#order-page h4,
#order-page p,
#order-page ul,
#order-page ol,
#order-page li,
#order-page figure,
#order-page figcaption,
#order-page blockquote,
#order-page dl,
#order-page dd {
  margin: 0;
  padding: 0;
}

#order-page ul[class],
#order-page ol[class] {
  list-style: none;
}

#order-page a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration: none;
}

#order-page a:focus,
#order-page a:hover,
#order-page a:active {
  outline: none !important;
}

#order-page button {
  margin: 0;
  padding: 0;
  vertical-align: top;
  border: 0;
  background: none;
  border-radius: 0;
}

#order-page button:focus,
#order-page button:hover,
#order-page button:active {
  outline: none !important;
}

#order-page img,
#order-page svg {
  display: block;
  vertical-align: top;
  max-width: 100%;
}

#order-page article > * + * {
  margin-top: 1em;
}

#order-page fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

#order-page input,
#order-page button,
#order-page textarea,
#order-page select {
  font: inherit;
}

#order-page input:focus,
#order-page input:hover,
#order-page input:active,
#order-page textarea:focus,
#order-page textarea:hover,
#order-page textarea:active {
  outline: none !important;
}

#order-page iframe {
  vertical-align: top;
}

@media (prefers-reduced-motion: reduce) {
  #order-page * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
#order-page {
  /* p */
  /* a */
  /* b, strong */
  /* ul, ol */
  /* container */
  /* btn */
  /* b-checkbox */
  /* select */
  /* vertical-scroll */
  /* textarea */
}

#order-page p {
  color: var(--quaternary-text-color);
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.028125rem;
}

#order-page a {
  color: var(--secondary-text-color);
  text-decoration: none;
  transition: color 0.5s linear;
}

#order-page a:hover {
  color: var(--primary-text-color);
}

#order-page b, #order-page strong {
  font-weight: var(--fifth-font-weight);
}

#order-page ul, #order-page ol {
  list-style: none;
}

#order-page [class*=__container] {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1230px;
  width: 100%;
}

#order-page .btn {
  display: inline-flex;
  justify-content: center;
  margin: 0;
  padding: 8px 16px;
  vertical-align: top;
  color: var(--fifth-text-color);
  font-size: 16px;
  font-family: var(--primary-font-family);
  font-weight: var(--tertiary-font-weight);
  line-height: 22px;
  letter-spacing: -3%;
  border: 0;
  background: var(--primary-btn-color);
  border-radius: 12px;
  cursor: pointer;
  transition: 0.5s all;
}

#order-page .btn:hover {
  color: var(--fifth-text-color);
  background: var(--secondary-btn-color);
  box-shadow: none;
}

#order-page .btn_color-transparent {
  color: var(--primary-text-color);
  box-shadow: 0 0 0 1px inset var(--primary-border-color);
  background: none;
}

#order-page .btn_color-transparent:hover {
  background: var(--primary-btn-color);
}

#order-page .btn_full-size {
  width: 100%;
}

#order-page .btn_big-size {
  padding: 12px 16px;
}

#order-page .btn_hidden {
  display: none;
}

#order-page .b-checkbox {
  display: flex;
  align-items: center;
  gap: 0 12px;
}

#order-page .b-checkbox_indent-top {
  margin-top: 20px;
}

#order-page .b-checkbox.hidden {
  display: none;
}

#order-page .b-checkbox input {
  position: relative;
  display: block;
  flex-shrink: 0;
  margin: 2px 0 0;
  padding: 0;
  width: 20px;
  height: 20px;
  vertical-align: top;
  border: 0;
  box-shadow: 0 0 0 1px var(--secondary-border-color) inset;
  background: none;
  border-radius: 6px;
  outline: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s;
}

#order-page .b-checkbox input:before {
  position: absolute;
  display: block;
  width: 14px;
  height: 13px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/images/b-checkbox.svg?5d1870e926ffbe746a68c93f761dd8c6) center no-repeat;
  background-size: 100%;
  content: "";
  opacity: 0;
  transition: opacity 0.3s;
}

#order-page .b-checkbox input:checked {
  box-shadow: 0 0 0 1px var(--quaternary-border-color) inset;
  background-color: var(--seventh-background-color);
}

#order-page .b-checkbox input:checked:before {
  opacity: 1;
}

#order-page .b-checkbox label {
  margin: 0;
  color: var(--secondary-text-color);
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -4%;
  cursor: text;
}

#order-page .b-checkbox label strong {
  display: block;
  font-size: 15px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
  letter-spacing: -2%;
}

#order-page .b-checkbox label small {
  display: block;
  color: var(--primary-text-color);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -2%;
}

#order-page .select {
  position: relative;
  width: 106px;
  height: 40px;
  border: 1px solid var(--secondary-border-color);
  background: var(--secondary-background-color);
  border-radius: 12px;
}

#order-page .select input {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

#order-page .select__placeholder-text {
  position: absolute;
  display: block;
  padding: 8px 28px 12px 16px;
  width: 100%;
  top: 0;
  left: 0;
  color: var(--secondary-text-color);
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 20px;
  cursor: pointer;
}

#order-page .select__placeholder-text.hidden {
  display: none;
}

#order-page .select__text {
  position: relative;
  display: block;
  padding: 8px 50px 12px 20px;
  height: 40px;
  color: var(--secondary-text-color);
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 20px;
  cursor: pointer;
}

#order-page .select__text:after {
  position: absolute;
  display: block;
  margin: -12px 0 0;
  width: 24px;
  height: 24px;
  top: 50%;
  right: 4px;
  background: url(/images/select-arrow.svg?16b71c4051cfc8225d6c1bd46438b6ca) center no-repeat;
  background-size: 100%;
  content: "";
  transition: 0.5s transform;
}

#order-page .select.open .select__text:after {
  transform: rotate(180deg);
}

#order-page .select__dropdown {
  position: absolute;
  padding: 10px;
  top: 44px;
  left: -1px;
  right: -1px;
  border: 1px solid var(--secondary-border-color);
  background: var(--secondary-background-color);
  border-radius: 12px;
  opacity: 0;
  visibility: hidden;
  z-index: 30;
  transition: 0.5s all;
}

#order-page .select__dropdown.show {
  opacity: 1;
  visibility: visible;
}

#order-page .select__dropdown ul {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}

#order-page .select__dropdown li {
  color: var(--secondary-text-color);
  font-size: 14px;
  line-height: 20px;
  transition: 0.3s color;
  cursor: pointer;
}

#order-page .select__dropdown li:hover {
  color: var(--tertiary-text-color);
}

#order-page .select__dropdown li.active {
  color: var(--tertiary-text-color);
}

#order-page .select .vertical-scroll {
  max-height: 140px;
}

#order-page .select .vertical-scroll .swiper-slide {
  height: auto;
}

#order-page .vertical-scroll .swiper-scrollbar-vertical {
  width: 1px !important;
  height: 100% !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: var(--secondary-border-color);
}

#order-page .vertical-scroll .swiper-scrollbar-drag {
  background: var(--quaternary-border-color);
}

#order-page .b-textarea textarea {
  margin: 0;
  padding: 8px 12px;
  width: 100%;
  height: 142px;
  color: var(--primary-text-color);
  font-size: 16px;
  line-height: 24px;
  border: 1px solid var(--primary-border-color);
  background: var(--primary-background-color);
  border-radius: 8px;
  overflow: auto;
  resize: none;
}

#order-page .b-textarea textarea::-moz-placeholder {
  color: var(--primary-text-color);
}

#order-page .b-textarea textarea::-webkit-input-placeholder {
  color: var(--primary-text-color);
}

#order-page .b-textarea__text {
  display: block;
  color: var(--sixth-text-color);
  font-size: 12px;
  text-align: right;
  line-height: 16px;
}

#order-page {
  /* hystmodal */
}

#order-page .hystmodal_big-size div.hystmodal__window {
  max-width: 540px !important;
}

#order-page .hystmodal__wrap {
  padding: 100px 15px;
}

#order-page .hystmodal button.hystmodal__close {
  width: 28px;
  height: 28px;
  top: 10px;
  right: -42px;
  background: rgba(0, 0, 0, 0.35);
  border-radius: 100%;
  transition: 0.5s opacity;
}

#order-page .hystmodal button.hystmodal__close:before {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/images/b-close-modal.svg?f9de3e8a197196b7c61242442343724d) center no-repeat;
  background-size: 100%;
  content: "";
}

#order-page .hystmodal button.hystmodal__close:hover {
  opacity: 0.8;
}

#order-page .hystmodal div.hystmodal__window {
  max-width: 436px;
  width: 100%;
  background: var(--secondary-background-color);
  border-radius: 16px;
  box-shadow: 0px 0px 96px rgba(0, 0, 0, 0.16), 0px 0px 2px rgba(0, 0, 0, 0.12);
}

#order-page .hystmodal__styled {
  padding: 16px 8px;
}

#order-page .hystmodal__title {
  margin: 0 0 26px;
  padding: 0 12px 11px;
  color: var(--secondary-text-color);
  font-size: 16px;
  font-weight: var(--tertiary-font-weight);
  line-height: 24px;
  border-bottom: 1px solid var(--primary-border-color);
}

#order-page .hystmodal__content {
  padding: 0 8px;
}

#order-page .hystmodal__form-in {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}

#order-page .hystmodal__form-item > label {
  display: block;
  margin: 0 0 6px;
  color: var(--primary-text-color);
  font-size: 13px;
  line-height: 16px;
  cursor: text;
}

#order-page .hystmodal__form-text {
  margin: 0 0 8px;
  color: var(--primary-text-color);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -2%;
}

#order-page {
  /* b-order-page */
  /* b-more */
  /* b-user-panel */
  /* b-info-col */
  /* b-border */
  /* b-processing-sticker */
  /* b-info-panel */
  /* b-widget */
  /* b-title */
  /* b-show-link */
  /* b-product */
  /* b-external-link */
  /* b-order-info */
  /* b-extend-list */
  /* b-chat */
  /* b-activity-widget */
  /* b-activity */
  /* b-more-link */
  /* b-order-steps */
  /* b-requirements-list */
  /* b-checkbox-list */
  /* b-file */
  /* b-timer */
  /* b-review-info */
  /* b-aside-text */
  /* b-files-list */
  /* file-input-field */
  /* file-item */
  /* file-input */
  /* b-rating-panel */
  /* rating-nav */
}

#order-page .b-order-page {
  padding: 64px 0;
  color: var(--primary-text-color);
  font-weight: var(--secondary-font-weight);
  background: var(--primary-background-color);
}

#order-page .b-order-page__col {
  display: flex;
  align-items: flex-start;
  gap: 0 32px;
}

#order-page .b-order-page__main-content {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  width: 100%;
}

#order-page .b-order-page__aside {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px 0;
  width: 320px;
}

#order-page .b-more {
  position: absolute;
  top: 25px;
  right: 24px;
  z-index: 10;
}

#order-page .b-more__icon {
  display: block;
  width: 18px;
  height: 18px;
  font-size: 0;
  background: url(/images/b-more.svg?f97df430370729018cbeb7c341d95280) center no-repeat;
  background-size: 100%;
  cursor: pointer;
  transition: 0.5s opacity;
}

#order-page .b-more__icon:hover {
  opacity: 0.7;
}

#order-page .b-more__dropdown {
  position: absolute;
  width: 160px;
  padding: 9px 12px;
  top: 25px;
  right: 0;
  background: var(--ninth-background-color);
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all;
}

#order-page .b-more__dropdown.show {
  opacity: 1;
  visibility: visible;
}

#order-page .b-more__list {
  display: flex;
  flex-direction: column;
  gap: 9px 0;
}

#order-page .b-more__list li a {
  display: flex;
  align-items: center;
  gap: 0 6px;
  transition: 0.5s opacity;
}

#order-page .b-more__list li a:hover {
  opacity: 0.7;
}

#order-page .b-more__list-icon {
  display: block;
  flex-shrink: 0;
  width: 20px;
}

#order-page .b-more__list-icon img {
  width: 100%;
}

#order-page .b-more__list-text {
  display: block;
  color: var(--secondary-text-color);
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -2%;
}

#order-page .b-user-panel {
  position: relative;
  padding: 16px;
  background: var(--secondary-background-color);
  border-radius: 12px;
}

#order-page .b-user-panel__in {
  display: flex;
  gap: 0 16px;
}

#order-page .b-user-panel__img {
  position: relative;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 100%;
}

#order-page .b-user-panel__img.online:after {
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  right: 5px;
  bottom: 5px;
  background: var(--tertiary-background-color);
  border-radius: 100%;
  box-shadow: 0 0 0 2px var(--secondary-background-color);
  content: "";
}

#order-page .b-user-panel__img.offline:after {
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  right: 5px;
  bottom: 5px;
  background: var(--quaternary-background-color);
  border-radius: 100%;
  box-shadow: 0 0 0 2px var(--secondary-background-color);
  content: "";
}

#order-page .b-user-panel__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 100%;
}

#order-page .b-user-panel__description {
  width: 100%;
}

#order-page .b-user-panel__name {
  display: block;
  color: var(--secondary-text-color);
  font-size: 24px;
  font-weight: var(--tertiary-font-weight);
  line-height: 30px;
  letter-spacing: -3%;
}

#order-page .b-user-panel__post {
  display: block;
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 20px;
}

#order-page .b-user-panel__info-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 16px;
}

#order-page .b-info-col {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 16px;
}

#order-page .b-border {
  display: block;
  width: 1px;
  height: 18px;
  background: var(--primary-border-color);
  border-radius: 1px;
}

#order-page .b-processing-sticker {
  position: relative;
  display: inline-flex;
  padding: 2px 10px 2px 28px;
  color: var(--secondary-text-color);
  background: var(--fifth-background-color);
  border-radius: 8px;
}

#order-page .b-processing-sticker:before {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  background: url(/images/b-progress.svg?9680e453cf10e7456b58229cf25b9147) center no-repeat;
  background-size: 100%;
  content: "";
}

#order-page .b-processing-sticker__text {
  display: block;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -4%;
}

#order-page .b-processing-sticker.revision {
  background: var(--eighth-background-color);
}

#order-page .b-processing-sticker.revision:before {
  background: url(/images/b-revision.svg?3517205755bf65cf7db4293b06b1e2db) center no-repeat;
  background-size: 100%;
}

#order-page .b-info-panel {
  display: flex;
  align-items: center;
  gap: 0 3px;
  font-size: 14px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
}

#order-page .b-info-panel dd {
  color: var(--quaternary-text-color);
}

#order-page .b-info-panel__id {
  color: var(--primary-text-color);
  text-decoration: underline;
}

#order-page .b-widget {
  padding: 16px;
  background: var(--secondary-background-color);
  border-radius: 12px;
}

#order-page .b-widget__top-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 30px;
}

#order-page .b-widget__content.hidden {
  display: none;
}

#order-page .b-widget__content-in {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  padding: 16px 0 0;
}

#order-page .b-widget__btns {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}

#order-page .b-widget .tarif-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

#order-page .b-widget .tarif-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

#order-page .b-widget .tarif-list li span {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #404040;
}

#order-page .b-widget .tarif-list.counting li {
  padding: 8px 0;
}

#order-page .b-widget .tarif-list.counting li:nth-child(1) {
  border-bottom: 1px dashed #e5e5e5;
}

#order-page .b-widget .tarif-list.counting li:nth-child(2) {
  border-bottom: 1px solid #e5e5e5;
}

#order-page .b-widget .tarif-list.counting li:last-child span:nth-child(1) {
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -0.04em;
  color: #000;
}

#order-page .b-title {
  color: var(--secondary-text-color);
  font-size: 20px;
  font-weight: var(--quaternary-font-weight);
  line-height: 28px;
}

#order-page .b-show-link {
  position: relative;
  display: inline-flex;
  padding: 0 20px 0 0;
  color: var(--tertiary-text-color);
  font-size: 14px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
  letter-spacing: -2%;
  cursor: pointer;
  transition: 0.5s opacity;
}

#order-page .b-show-link:hover {
  opacity: 0.7;
}

#order-page .b-show-link:after {
  position: absolute;
  display: block;
  margin: -1px 0 0;
  width: 8px;
  height: 5px;
  top: 50%;
  right: 7px;
  background: url(/images/b-show-arrow.svg?fdf2a31135130206c26ea150014bd330) center no-repeat;
  background-size: 100%;
  content: "";
  transition: 0.5s transform;
}

#order-page .b-show-link.close:after {
  transform: rotate(180deg);
}

#order-page .b-product {
  display: flex;
  align-items: center;
  gap: 0 12px;
  padding: 8px 12px;
  border: 1px solid var(--primary-border-color);
  border-radius: 8px;
}

#order-page .b-product__img {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border: 1px solid var(--secondary-border-color);
  overflow: hidden;
  border-radius: 6px;
}

#order-page .b-product__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 6px;
}

#order-page .b-product__description {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px 0;
  padding: 0 36px 0 0;
  width: 100%;
}

#order-page .b-product__description .b-external-link {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

#order-page .b-product__title {
  color: var(--secondary-text-color);
  font-size: 15px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
  letter-spacing: -2%;
}

#order-page .b-product__title a {
  color: var(--secondary-text-color);
}

#order-page .b-product__title a:hover {
  color: var(--tertiary-text-color);
}

#order-page .b-product__price {
  display: block;
  font-size: 12px;
  font-weight: var(--tertiary-font-weight);
  line-height: 16px;
  letter-spacing: -2%;
}

#order-page .b-external-link {
  display: block;
  width: 20px;
  height: 20px;
  font-size: 0;
  background: url(/images/b-external.svg?98f7b0f1dd8ad94972f624ccb992a0e5) center no-repeat;
  background-size: 100%;
  transition: 0.5s opacity;
}

#order-page .b-external-link:hover {
  opacity: 0.7;
}

#order-page .b-order-info {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}

#order-page .b-order-info__list {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}

#order-page .b-order-info__list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 30px;
  padding: 10px 12px;
  color: var(--quaternary-text-color);
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -4%;
}

#order-page .b-order-info__list li:nth-child(even) {
  background: var(--primary-background-color);
}

#order-page .b-order-info__left-col {
  display: flex;
  align-items: center;
  gap: 0 10px;
}

#order-page .b-order-info__title {
  display: block;
  font-style: italic;
  min-width: 150px;
}

#order-page .b-order-info__result {
  display: block;
}

#order-page .b-order-info__total-panel {
  padding: 12px 12px 8px;
  border-top: 1px dashed var(--tertiary-border-color);
}

#order-page .b-order-info__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 30px;
  color: var(--secondary-text-color);
  font-size: 16px;
  line-height: 24px;
}

#order-page .b-order-info__btns-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 30px;
  padding: 8px 0 0;
}

#order-page .b-extend-list {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
  padding: 0 0 16px;
  border-bottom: 1px solid var(--tertiary-border-color);
}

#order-page .b-extend-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 12px;
}

#order-page .b-extend-list__col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 12px;
  width: 70%;
}

#order-page .b-extend-list__price {
  display: block;
  color: var(--quaternary-text-color);
  font-size: 16px;
  line-height: 24px;
}

#order-page .b-chat {
  width: 100%;
  /*height: 522px;*/
}

#order-page .b-chat img {
  border-radius: 12px;
}

#order-page .b-activity-widget {
  padding: 19px 16px 17px;
}

#order-page .b-activity-widget .b-title {
  margin: 0 0 9px;
}

#order-page .b-activity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px 0;
}

#order-page .b-activity__list {
  width: 100%;
}

#order-page .b-activity__list li {
  display: flex;
  align-items: center;
  gap: 0 20px;
  padding: 10px 0;
  color: var(--quaternary-text-color);
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -4%;
  border-bottom: 1px solid var(--primary-border-color);
}

#order-page .b-activity__list li:last-child {
  border-bottom: 0;
}

#order-page .b-activity__list li.hidden {
  display: none;
}

#order-page .b-activity__date {
  display: block;
  flex-shrink: 0;
  width: 200px;
  font-style: italic;
}

#order-page .b-activity__message {
  display: block;
}

#order-page .b-more-link {
  position: relative;
  display: inline-flex;
  padding: 0 20px 0 0;
  color: var(--tertiary-text-color);
  font-size: 14px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
  letter-spacing: -2%;
  cursor: pointer;
  transition: 0.5s opacity;
}

#order-page .b-more-link:hover {
  opacity: 0.7;
}

#order-page .b-more-link:after {
  position: absolute;
  display: block;
  margin: -1px 0 0;
  width: 8px;
  height: 5px;
  top: 50%;
  right: 7px;
  transform: rotate(180deg);
  background: url(/images/b-show-arrow.svg?fdf2a31135130206c26ea150014bd330) center no-repeat;
  background-size: 100%;
  content: "";
  transition: 0.5s transform;
}

#order-page .b-more-link.open:after {
  transform: rotate(0);
}

#order-page .b-order-steps li {
  display: flex;
  align-items: center;
  gap: 0 16px;
  padding: 8px 16px;
  border-left: 1px solid var(--fifth-border-color);
}

#order-page .b-order-steps li.passed {
  border-color: var(--sixth-border-color);
}

#order-page .b-order-steps li.passed .b-order-steps__icon {
  position: relative;
  background: var(--tenth-background-color);
  box-shadow: none;
}

#order-page .b-order-steps li.passed .b-order-steps__icon:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/images/b-passed.svg?96ecf646d9903cd398b8f8d0dd985ca1) center no-repeat;
  background-size: 12px 12px;
  content: "";
}

#order-page .b-order-steps__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  box-shadow: 0 0 0 1px var(--primary-border-color) inset;
}

#order-page .b-order-steps__description {
  display: flex;
  flex-direction: column;
  gap: 2px 0;
}

#order-page .b-order-steps__title {
  display: block;
  color: var(--secondary-text-color);
  font-size: 14px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
  letter-spacing: -2%;
}

#order-page .b-order-steps__time {
  display: block;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -2%;
}

#order-page .b-requirements-list {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}

#order-page .b-requirements-list__item {
  padding: 8px 0;
}

#order-page .b-requirements-list__item:last-child {
  padding-bottom: 0;
}

#order-page .b-requirements-list__title {
  display: block;
  margin: 0 0 8px;
  color: var(--secondary-text-color);
  font-size: 14px;
  font-weight: var(--tertiary-font-weight);
  line-height: 18px;
  letter-spacing: -4%;
}

#order-page .b-requirements-list__text {
  display: block;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -4%;
}

#order-page .b-checkbox-list li {
  padding: 11px 0;
}

#order-page .b-file {
  display: flex;
  align-items: center;
  gap: 0 8px;
}

#order-page .b-file__icon {
  flex-shrink: 0;
  padding: 8px;
  width: 36px;
  background: var(--primary-background-color);
  border-radius: 8px;
}

#order-page .b-file__icon img {
  width: 100%;
}

#order-page .b-file__description {
  width: 100%;
}

#order-page .b-file__name {
  display: block;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -4%;
}

#order-page .b-file__size {
  display: block;
  font-size: 12px;
  font-weight: var(--primary-font-weight);
  line-height: 16px;
  letter-spacing: -4%;
}

#order-page .b-file__download-link {
  display: block;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  font-size: 0;
  background: url(/images/b-download.svg?8adbbc870279b2b745197ac291647032) center no-repeat;
  background-size: 20px 20px;
  transition: 0.5s opacity;
}

#order-page .b-file__download-link:hover {
  opacity: 0.7;
}

#order-page .b-timer {
  padding: 16px 10px;
  text-align: center;
  background: var(--secondary-background-color);
  border-radius: 12px;
}

#order-page .b-timer__in {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

#order-page .b-timer__in.hidden {
  display: none;
}

#order-page .b-timer__item {
  position: relative;
}

#order-page .b-timer__item:after {
  position: absolute;
  display: block;
  width: 1px;
  height: 24px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: var(--primary-border-color);
  content: "";
}

#order-page .b-timer__item:last-child:after {
  display: none;
}

#order-page .b-timer__number {
  display: block;
  margin: 0 0 10px;
  color: var(--quaternary-text-color);
  font-size: 24px;
  font-weight: var(--quaternary-font-weight);
  line-height: 28px;
}

#order-page .b-timer__text {
  display: block;
  color: var(--sixth-text-color);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -2%;
}

#order-page .b-timer__end-message {
  display: none;
  color: var(--quaternary-text-color);
  font-size: 20px;
  font-weight: var(--quaternary-font-weight);
  line-height: 28px;
  text-align: center;
}

#order-page .b-timer__end-message.show {
  display: block;
}

#order-page .b-review-info__img {
  margin: 0 auto 8px;
  max-width: 192px;
}

#order-page .b-review-info__img img {
  width: 100%;
}

#order-page .b-review-info p {
  margin: 0 0 12px;
  color: var(--primary-text-color);
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  letter-spacing: -2%;
}

#order-page .b-aside-text {
  color: var(--primary-text-color);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -2%;
}

#order-page .b-aside-text a {
  color: var(--tertiary-text-color);
  text-decoration: underline;
}

#order-page .b-aside-text a:hover {
  color: var(--secondary-text-color);
  text-decoration: none;
}

#order-page .status {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.04em;
  text-align: center;
  color: #000;
  border-radius: 8px;
  padding: 4px 12px 4px 6px;
  width: -moz-fit-content;
  width: fit-content;
}

#order-page .status .ico {
  margin-right: 6px;
}

#order-page .status.inProgress {
  background-color: #BFDBFE;
}

#order-page .status.incomplete {
  background-color: #FEF08A;
}

#order-page .status.complete {
  background-color: #BBF7D0;
}

#order-page .status.inRevision {
  background-color: #FEF08A;
}

#order-page .status.delay {
  background-color: #FBCFE8;
}

#order-page .status.dispute {
  background-color: #FECACA;
}

#order-page .status.delivered {
  background-color: #BBF7D0;
}

#order-page .b-files-list {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
}

#order-page .b-files-list__item {
  padding: 8px 0;
}

#order-page .file-input-field__list {
  display: none;
  flex-direction: column;
  gap: 10px 0;
  margin: 0 0 10px;
}

#order-page .file-input-field__list.show {
  display: flex;
}

#order-page .file-input-field__list .file-item {
  display: none;
}

#order-page .file-input-field__list .file-item.show {
  display: flex;
}

#order-page .file-input-field__notification {
  display: none;
  padding: 4px 0 0;
  color: red;
  font-size: 14px;
  line-height: 18px;
}

#order-page .file-input-field__notification.show {
  display: block;
}

#order-page .file-input-field__text {
  display: block;
  padding: 4px 0 0;
  color: var(--sixth-text-color);
  font-size: 12px;
  line-height: 16px;
}

#order-page .file-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 10px;
}

#order-page .file-item input {
  display: none;
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  visibility: hidden;
}

#order-page .file-item__text {
  display: block;
  color: var(--secondary-text-color);
  font-size: 14px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
}

#order-page .file-item__close {
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  font-size: 0;
  background: url(/images/b-delete-modal.svg?c1e470e69c879f2246ab3f724865e5d3) center no-repeat;
  background-size: 100%;
  cursor: pointer;
  transition: 0.5s opacity;
}

#order-page .file-item__close:hover {
  opacity: 0.8;
}

#order-page .file-input {
  position: relative;
  display: inline-flex;
  background: var(--primary-background-color);
  border-radius: 6px;
}

#order-page .file-input.hidden {
  display: none;
}

#order-page .file-input input {
  position: absolute;
  margin: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}

#order-page .file-input__text {
  position: relative;
  display: block;
  margin: 0;
  padding: 8px 38px 8px 14px;
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
  cursor: pointer;
  z-index: 10;
}

#order-page .file-input__text:after {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  background: url(/images/b-clip.svg?b8af5783f9223c54db0fb3bc81bf4e7e) center no-repeat;
  background-size: 100%;
  content: "";
}

#order-page .b-rating-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 10px;
}

#order-page .b-rating-panel__number {
  display: block;
  color: var(--secondary-text-color);
  font-size: 16px;
  line-height: 18px;
  letter-spacing: -2%;
}

#order-page .b-rating-nav {
  display: flex;
  align-items: center;
  gap: 0 6px;
  unicode-bidi: bidi-override;
  direction: rtl;
  width: 134px;
  text-align: left;
}

#order-page .b-rating-nav input {
  display: none;
}

#order-page .b-rating-nav input:checked ~ label:before {
  opacity: 1;
}

#order-page .b-rating-nav label {
  position: relative;
  display: block;
  margin: 0;
  width: 22px;
  height: 21px;
  background: url(/images/b-star.svg?fd1202b67125df90cb07da283b88911c) center no-repeat;
  background-size: 100%;
  cursor: pointer;
}

#order-page .b-rating-nav label:before {
  position: absolute;
  display: block;
  width: 22px;
  height: 21px;
  top: 0;
  left: 0;
  background: url(/images/b-star-active.svg?7a5ee4a089b6b0c0f4acfc6610e8efe4) center no-repeat;
  background-size: 100%;
  opacity: 0;
  transition: 0.3s opacity;
  content: "";
}

#order-page .b-rating-nav label:hover:before {
  opacity: 1;
}

#order-page .b-rating-nav label:hover ~ label:before {
  opacity: 1;
}

#order-page {
  /* 1024 */
  /* 900 */
  /* 809 */
  /* 600 */
  /* 359 */
}

@media (max-width: 1024px) {
  #order-page .b-order-page__col {
    gap: 0 20px;
  }
  #order-page .b-order-page__main-content {
    gap: 20px 0;
  }
  #order-page .b-order-page__aside {
    width: 280px;
  }
  #order-page .b-activity__date {
    width: 100px;
  }
}
@media (max-width: 900px) {
  #order-page .b-info-col .b-border:first-child {
    display: none;
  }
}
@media (max-width: 809px) {
  #order-page .b-order-page {
    padding: 40px 0;
  }
  #order-page .b-order-page__col {
    flex-direction: column;
    gap: 20px 0;
  }
  #order-page .b-order-page__aside {
    width: 100%;
  }
  #order-page .b-info-col .b-border:first-child {
    display: block;
  }
}
@media (max-width: 600px) {
  #order-page [class*=__container] {
    padding: 0;
  }
  #order-page .b-order-page {
    padding: 0;
  }
  #order-page .b-order-page__col {
    gap: 0 0;
  }
  #order-page .b-order-page__main-content {
    gap: 0 0;
  }
  #order-page .b-order-page__aside {
    gap: 0 0;
  }
  #order-page .b-more__list-text {
    font-size: 12px;
    line-height: 16px;
  }
  #order-page .b-more__dropdown {
    width: 150px;
  }
  #order-page .b-user-panel {
    padding: 32px 24px 20px;
    border-bottom: 1px solid var(--primary-border-color);
    border-radius: 0;
  }
  #order-page .b-user-panel__in {
    position: relative;
    gap: 0 8px;
  }
  #order-page .b-user-panel__img {
    width: 40px;
    height: 40px;
  }
  #order-page .b-user-panel__img.online:after {
    right: 2px;
    bottom: 2px;
  }
  #order-page .b-user-panel__img.offline:after {
    right: 2px;
    bottom: 2px;
  }
  #order-page .b-user-panel__name {
    margin: 0 0 2px;
    font-size: 14px;
    line-height: 20px;
  }
  #order-page .b-user-panel__post {
    font-size: 12px;
    line-height: 16px;
  }
  #order-page .b-more {
    top: 0;
    right: 0;
  }
  #order-page .b-info-col {
    justify-content: space-between;
    margin: 0 0 24px;
  }
  #order-page .b-info-col .b-border:first-child {
    display: none;
  }
  #order-page .b-title {
    font-size: 18px;
    line-height: 24px;
  }
  #order-page .b-info-panel {
    font-size: 12px;
    line-height: 16px;
  }
  #order-page .b-widget {
    padding: 20px 24px;
    border-bottom: 1px solid var(--primary-border-color);
    border-radius: 0;
  }
  #order-page .b-product {
    padding: 7px 8px;
    gap: 0 8px;
  }
  #order-page .b-product__img {
    width: 48px;
    height: 48px;
    border-radius: 4px;
  }
  #order-page .b-product__img img {
    border-radius: 4px;
  }
  #order-page .b-product__title {
    font-size: 12px;
    line-height: 16px;
  }
  #order-page .b-chat {
    display: none;
  }
  #order-page .b-chat img {
    border-radius: 0;
  }
  #order-page .b-activity-widget {
    padding: 33px 24px;
    border-bottom: 1px solid var(--primary-border-color);
    background: var(--secondary-background-color);
  }
  #order-page .b-activity__list li {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px 0;
  }
  #order-page .b-activity__date {
    width: 100%;
    font-weight: var(--quaternary-font-weight);
  }
  #order-page .b-extend-list li {
    align-items: flex-start;
  }
  #order-page .b-extend-list__col {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px 0;
    width: auto;
  }
  #order-page .select {
    border-radius: 8px;
  }
  #order-page .select__dropdown {
    border-radius: 8px;
  }
  #order-page .btn {
    border-radius: 8px;
  }
  #order-page .b-timer {
    border-bottom: 1px solid var(--primary-border-color);
    border-radius: 0;
  }
  #order-page .b-aside-text {
    padding: 20px;
  }
}
@media (max-width: 359px) {
  #order-page .b-info-col {
    gap: 10px 10px;
  }
  #order-page .b-border {
    display: none;
  }
  #order-page .b-order-info__btns-panel {
    flex-direction: column;
    gap: 20px 0;
  }
  #order-page .btn {
    display: block;
    width: 100%;
    text-align: center;
  }
}
/* fonts */
/* root */
#portfolio-page {
  /* text color */
  --primary-text-color: #000;
  --secondary-text-color: #737373;
  --tertiary-text-color: #FFFFFF;
  --quaternary-text-color: #404040;
  --fifth-text-color: #737373;
  /* font-family */
  --primary-font-family: "Inter", sans-serif;
  /* font-weight */
  --primary-font-weight: 300;
  --secondary-font-weight: 400;
  --tertiary-font-weight: 500;
  --quaternary-font-weight: 600;
  --fifth-font-weight: 700;
  /* border-color */
  --primary-border-color: #D4D4D4;
  --secondary-border-color: #E5E5E5;
  /* btn-color */
  --primary-btn-color: #000000;
  --secondary-btn-color: #D4D4D4;
  /* background-color */
  --primary-background-color: #525252;
  --secondary-background-color: #FFFFFF;
  --tertiary-background-color: #D4D4D4;
  --quaternary-background-color: #4BB34B;
  --fifth-background-color: #f5f5f5;
}

#portfolio-page {
  /* reset */
}

#portfolio-page *,
#portfolio-page *::before,
#portfolio-page *::after {
  box-sizing: border-box;
}

#portfolio-page body,
#portfolio-page h1,
#portfolio-page h2,
#portfolio-page h3,
#portfolio-page h4,
#portfolio-page p,
#portfolio-page ul,
#portfolio-page ol,
#portfolio-page li,
#portfolio-page figure,
#portfolio-page figcaption,
#portfolio-page blockquote,
#portfolio-page dl,
#portfolio-page dd {
  margin: 0;
  padding: 0;
}

#portfolio-page ul[class],
#portfolio-page ol[class] {
  list-style: none;
}

#portfolio-page a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration: none;
}

#portfolio-page a:focus,
#portfolio-page a:hover,
#portfolio-page a:active {
  outline: none !important;
}

#portfolio-page button {
  margin: 0;
  padding: 0;
  vertical-align: top;
  border: 0;
  background: none;
  border-radius: 0;
}

#portfolio-page button:focus,
#portfolio-page button:hover,
#portfolio-page button:active {
  outline: none !important;
}

#portfolio-page img,
#portfolio-page svg {
  display: block;
  vertical-align: top;
  max-width: 100%;
}

#portfolio-page article > * + * {
  margin-top: 1em;
}

#portfolio-page fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

#portfolio-page input,
#portfolio-page button,
#portfolio-page textarea,
#portfolio-page select {
  font: inherit;
}

#portfolio-page input:focus,
#portfolio-page input:hover,
#portfolio-page input:active,
#portfolio-page textarea:focus,
#portfolio-page textarea:hover,
#portfolio-page textarea:active {
  outline: none !important;
}

#portfolio-page iframe {
  vertical-align: top;
}

@media (prefers-reduced-motion: reduce) {
  #portfolio-page * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
#portfolio-page {
  /* p */
  /* a */
  /* b, strong */
  /* ul, ol */
  /* container */
  /* close-panel */
  /* btn */
  /* favorite-btn */
  /* share-btn */
  /* title */
  /* small-title */
  /* link */
  /* feedback-btn */
}

#portfolio-page p {
  color: var(--quaternary-text-color);
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.028125rem;
}

#portfolio-page a {
  color: var(--secondary-text-color);
  text-decoration: none;
  transition: color 0.5s linear;
}

#portfolio-page a:hover {
  color: var(--primary-text-color);
}

#portfolio-page b, #portfolio-page strong {
  font-weight: var(--fifth-font-weight);
}

#portfolio-page ul, #portfolio-page ol {
  list-style: none;
}

#portfolio-page [class*=__container] {
  margin: 0 auto;
  padding: 0 1.5rem;
  max-width: 78rem;
  width: 100%;
}

#portfolio-page .close-panel {
  position: relative;
  height: 2.5rem;
  background: var(--primary-background-color);
  transition: 0.5s height;
}

#portfolio-page .close-panel__btn {
  position: absolute;
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  top: 50%;
  right: 3rem;
  transform: translateY(-50%);
  font-size: 0;
  background: url(/images/close.svg?2e8a274d8b21aba71cc557d24ca168ff) center no-repeat;
  background-size: 100%;
  cursor: pointer;
  transition: 0.5s opacity;
}

#portfolio-page .close-panel__btn:hover {
  opacity: 0.6;
}

#portfolio-page .close-panel.hidden {
  height: 0;
  overflow: hidden;
}

#portfolio-page .btn {
  display: inline-block;
  padding: 0.75rem 2.75rem;
  vertical-align: top;
  color: var(--tertiary-text-color);
  font-weight: var(--quaternary-font-weight);
  background: var(--primary-btn-color);
  border-radius: 0.75rem;
  transition: 0.5s all;
}

#portfolio-page .btn:hover {
  color: var(--primary-text-color);
  background: var(--secondary-btn-color);
}

#portfolio-page .favorite-btn {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  vertical-align: top;
  border: 0.0625rem solid var(--primary-border-color);
  border-radius: 0.75rem;
  transition: 0.5s background;
}

#portfolio-page .favorite-btn:hover {
  background: var(--secondary-btn-color);
}

#portfolio-page .favorite-btn input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  outline: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: all 0.5s;
}

#portfolio-page .favorite-btn input:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/images/favourite.svg?4e711b0ca3ed1b5d5acf150478566295) center no-repeat;
  background-size: 1.25rem 1.125rem;
  content: "";
  transition: 0.5s opacity;
}

#portfolio-page .favorite-btn input:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/images/favourite-active.svg?3c5e2e128a9fbf91bf6551db5fd5574e) center no-repeat;
  background-size: 1.25rem 1.125rem;
  content: "";
  transition: 0.5s opacity;
  opacity: 0;
}

#portfolio-page .favorite-btn input:checked:before {
  opacity: 0;
}

#portfolio-page .favorite-btn input:checked:after {
  opacity: 1;
}

#portfolio-page .share-btn {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  vertical-align: top;
  border: 0.0625rem solid var(--primary-border-color);
  font-size: 0;
  border-radius: 0.75rem;
  transition: 0.5s background;
}

#portfolio-page .share-btn:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/images/share.svg?e085fa41cca1f91d6bd5c47ff22212a1) center no-repeat;
  background-size: 1.25rem 1.25rem;
  content: "";
  transition: 0.5s opacity;
}

#portfolio-page .share-btn:hover {
  background: var(--secondary-btn-color);
}

#portfolio-page .share-btn_size-small {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
}

#portfolio-page .share-btn_size-small:before {
  background-size: 0.75rem 0.75rem;
}

#portfolio-page .title {
  margin: 0 0 2rem;
  font-size: 1.5rem;
  font-weight: var(--quaternary-font-weight);
  letter-spacing: -0.03rem;
  line-height: 2rem;
}

#portfolio-page .small-title {
  font-size: 1.125rem;
  font-weight: var(--tertiary-font-weight);
  line-height: 1.5rem;
  letter-spacing: -0.04rem;
}

#portfolio-page .link {
  display: inline-block;
  vertical-align: top;
  color: var(--primary-text-color);
  font-size: 1.125rem;
  font-weight: var(--primary-font-weight);
  line-height: 1.5rem;
  letter-spacing: -0.04rem;
}

#portfolio-page .link:hover {
  color: var(--secondary-text-color);
}

#portfolio-page .feedback-btn {
  position: relative;
  display: none;
  width: 1.875rem;
  height: 2rem;
  font-size: 0;
  background: var(--primary-btn-color);
  border-radius: 0.5rem;
}

#portfolio-page .feedback-btn:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/images/feedback.svg?7949407094cd2c9679832d18316d1a41) center no-repeat;
  background-size: 0.875rem 1rem;
  content: "";
}

#portfolio-page {
  /* main */
  /* post-section */
  /* post */
  /* author-panel */
  /* author */
  /* author-rating */
  /* author-rank */
  /* user-panel */
  /* articles-section */
  /* top-col */
  /* articles */
  /* related-gigs-section */
  /* related-gigs */
}

#portfolio-page .main {
  padding: 0 0 14rem;
}

#portfolio-page .post-section {
  padding: 4rem 0;
}

#portfolio-page .post__img {
  margin: 0 0 3rem;
}

#portfolio-page .post__img img {
  width: 100%;
  border-radius: 0.75rem;
}

#portfolio-page .post__description {
  display: flex;
  flex-direction: column;
  gap: 1.5rem 0;
  margin: 0 auto 3rem;
  max-width: 43rem;
}

#portfolio-page .post__description:last-child {
  margin-bottom: 0;
}

#portfolio-page .post__description .title {
  margin: 0;
}

#portfolio-page .post__slogan {
  display: block;
  font-size: 1.5rem;
  font-weight: var(--fifth-font-weight);
  line-height: 2rem;
  letter-spacing: -0.03rem;
}

#portfolio-page .author-panel {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0 1.875rem;
  margin: 0 0 2rem;
}

#portfolio-page .author {
  display: flex;
  align-items: center;
}

#portfolio-page .author .thumb {
  margin-right: 8px;
  position: relative;
}

#portfolio-page .author .thumb img {
  border-radius: 22px;
  width: 56px;
  height: 56px;
  -o-object-fit: cover;
     object-fit: cover;
}

#portfolio-page .author .thumb .online {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #4BB34B;
  position: absolute;
  right: 0;
  bottom: 0;
  border: 2px solid #fff;
}

#portfolio-page .author__img {
  position: relative;
  flex-shrink: 0;
  width: 3.5rem;
}

#portfolio-page .author__img img {
  width: 100%;
  border-radius: 100%;
}

#portfolio-page .author__img-status {
  position: absolute;
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  right: 0.125rem;
  bottom: 0.125rem;
  background: var(--secondary-background-color);
  border-radius: 100%;
}

#portfolio-page .author__img-status:before {
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--tertiary-background-color);
  border-radius: 100%;
  content: "";
}

#portfolio-page .author__img-status.online:before {
  background: var(--quaternary-background-color);
}

#portfolio-page .author__info {
  display: flex;
  flex-direction: column;
}

#portfolio-page .author__name {
  display: block;
  font-size: 1.125rem;
  font-weight: var(--tertiary-font-weight);
  line-height: 1.5rem;
  letter-spacing: -0.04rem;
}

#portfolio-page .author__bottom-col {
  display: flex;
  align-items: center;
  gap: 0 0.75rem;
}

#portfolio-page .author-rating {
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
}

#portfolio-page .author-rating__star {
  flex-shrink: 0;
  width: 1rem;
}

#portfolio-page .author-rating__star img {
  width: 100%;
}

#portfolio-page .author-rating__number {
  display: block;
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: -0.02rem;
}

#portfolio-page .author-rating__number span {
  color: var(--secondary-text-color);
}

#portfolio-page .author-rank {
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
}

#portfolio-page .author-rank__icon {
  flex-shrink: 0;
  width: 1.5625rem;
}

#portfolio-page .author-rank__icon img {
  width: 100%;
}

#portfolio-page .author-rank__text {
  display: block;
  font-size: 0.75rem;
  font-weight: var(--tertiary-font-weight);
  line-height: 1.25rem;
  letter-spacing: -0.04rem;
}

#portfolio-page .user-panel {
  display: flex;
  align-items: center;
  gap: 0 0.75rem;
}

#portfolio-page .articles-section {
  padding: 0 0 4.0625rem;
}

#portfolio-page .top-col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 1rem;
}

#portfolio-page .articles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem 1rem;
}

#portfolio-page .articles__img {
  width: 100%;
  height: 13.75rem;
  overflow: hidden;
  border-radius: 1rem;
  box-shadow: 0rem 0.125rem 0.25rem -0.125rem rgba(16, 24, 40, 0.06), 0rem 0.25rem 0.5rem -0.125rem rgba(16, 24, 40, 0.1);
}

#portfolio-page .articles__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: 0.5s transform;
}

#portfolio-page .articles__img:hover img {
  transform: scale(1.1);
}

#portfolio-page .articles__description {
  display: flex;
  align-items: center;
  gap: 0 1.5rem;
  padding: 0.75rem;
}

#portfolio-page .articles__description p {
  display: -webkit-box;
  flex-grow: 1;
  font-size: 0.75rem;
  font-weight: var(--quaternary-font-weight);
  line-height: 1rem;
  letter-spacing: -0.02rem;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow: hidden;
}

#portfolio-page .articles__description .share-btn {
  flex-shrink: 0;
}

#portfolio-page .related-gigs-section {
  padding: 0 0 3rem;
}

#portfolio-page .related-gigs__item {
  background: var(--secondary-background-color);
  border-radius: 0.75rem;
  box-shadow: 0rem 0.125rem 0.25rem -0.125rem rgba(16, 24, 40, 0.06), 0rem 0.25rem 0.5rem -0.125rem rgba(16, 24, 40, 0.1);
}

#portfolio-page .related-gigs__img {
  position: relative;
  width: 100%;
  height: 10.8125rem;
  overflow: hidden;
  border-radius: 0.75rem 0.75rem 0 0;
}

#portfolio-page .related-gigs__img img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.5s transform;
}

#portfolio-page .related-gigs__img:hover img {
  transform: scale(1.1);
}

#portfolio-page .related-gigs__btns-col {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  top: 0.75rem;
  right: 0.9375rem;
  z-index: 5;
}

#portfolio-page .related-gigs__cart-btn {
  position: relative;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: 0.5s background;
}

#portfolio-page .related-gigs__cart-btn:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/images/shopping-cart.svg?82da5b211538984546f9e2bdc4b6e838) center no-repeat;
  background-size: 0.75rem 0.6875rem;
  content: "";
}

#portfolio-page .related-gigs__cart-btn:hover {
  background: rgba(0, 0, 0, 0.8);
}

#portfolio-page .related-gigs__favorite-btn {
  position: relative;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: 0.5s background;
}

#portfolio-page .related-gigs__favorite-btn input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  outline: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: all 0.5s;
}

#portfolio-page .related-gigs__favorite-btn input:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/images/favourite-sm.svg?56ecc29e0047bf11a43a7b54839ce2d1) center no-repeat;
  background-size: 0.75rem 0.6875rem;
  content: "";
  transition: 0.5s opacity;
}

#portfolio-page .related-gigs__favorite-btn input:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/images/favourite-sm-active.svg?a5b462c7f78ee1756d21b061c874a4b9) center no-repeat;
  background-size: 0.75rem 0.6875rem;
  content: "";
  transition: 0.5s opacity;
  opacity: 0;
}

#portfolio-page .related-gigs__favorite-btn input:checked:before {
  opacity: 0;
}

#portfolio-page .related-gigs__favorite-btn input:checked:after {
  opacity: 1;
}

#portfolio-page .related-gigs__favorite-btn:hover {
  background: rgba(0, 0, 0, 0.8);
}

#portfolio-page .related-gigs__play-btn {
  position: absolute;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  left: 0.9375rem;
  bottom: 0.75rem;
  font-size: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: 0.5s background;
}

#portfolio-page .related-gigs__play-btn:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/images/play.svg?62975816cb6d3b0b5a1126fcba4b572d) center no-repeat;
  background-size: 0.5rem 0.5rem;
  content: "";
}

#portfolio-page .related-gigs__play-btn:hover {
  background: rgba(0, 0, 0, 0.8);
}

#portfolio-page .related-gigs__description {
  padding: 1.25rem 0.75rem;
}

#portfolio-page .related-gigs__description p {
  display: -webkit-box;
  margin: 0 0 1rem;
  color: var(--primary-text-color);
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: -0.02rem;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow: hidden;
}

#portfolio-page .related-gigs__top-col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 0.9375rem;
  margin: 0 0 0.75rem;
  padding: 0 0.75rem 0 0;
}

#portfolio-page .related-gigs .author {
  margin: 0 0 0.75rem;
  gap: 0 0.5rem;
}

#portfolio-page .related-gigs .author__img {
  width: 2.5rem;
  height: 2.5rem;
}

#portfolio-page .related-gigs .author__img-status {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
}

#portfolio-page .related-gigs .author__name {
  font-size: 0.875rem;
  line-height: 1.375rem;
}

#portfolio-page .related-gigs__bottom-col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.75rem;
}

#portfolio-page .related-gigs__delivery-term {
  display: block;
  font-size: 0.75rem;
  font-weight: var(--tertiary-font-weight);
  line-height: 1.25rem;
  letter-spacing: -0.04rem;
}

#portfolio-page .related-gigs__price {
  display: flex;
  align-items: center;
  gap: 0 0.1875rem;
  font-size: 0.75rem;
  font-weight: var(--tertiary-font-weight);
  line-height: 1.25rem;
  letter-spacing: -0.04rem;
}

#portfolio-page .related-gigs__price dt {
  color: var(--fifth-text-color);
}

#portfolio-page .related-gigs #services {
  border-bottom: none;
}

#portfolio-page .related-gigs #services .services {
  display: flex;
  padding: 0 0;
}

#portfolio-page .related-gigs #services .services .service {
  margin-right: 16px;
}

#portfolio-page .related-gigs #services .services .service:last-child {
  margin-right: 0;
}

#portfolio-page .portfolio-page {
  padding: 50px 0;
}

#portfolio-page .portfolio-page form .form-group {
  margin-bottom: 32px;
}

#portfolio-page .portfolio-page form .form-group label {
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  color: #404040;
  margin-bottom: 8px;
}

#portfolio-page .portfolio-page form .form-group .form-control {
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  color: #737373;
  border: 1px solid #d4d4d4;
  border-radius: 12px;
  padding: 12px;
  background-color: #f5f5f5;
}

#portfolio-page .portfolio-page form button.site-btn {
  background-color: #2563EB;
  border-radius: 16px;
  padding: 12px 50px;
  display: inline-block;
  color: #fff !important;
  border: none;
  white-space: nowrap;
  text-decoration: none !important;
  text-align: center;
  position: relative;
  transition: 0.3s;
  justify-content: center;
}

#portfolio-page .articles-section #projects {
  padding: 0 0;
}

#portfolio-page {
  /* 1024 */
}

@media (max-width: 1024px) {
  #portfolio-page {
    /* main */
    /* post-section */
    /* title */
    /* user-panel */
    /* author-panel */
    /* author */
    /* author-rating */
    /* author-rank */
    /* user-panel */
    /* favorite-btn */
    /* share-btn */
    /* feedback-btn */
    /* post */
    /* p */
    /* articles-section */
    /* link */
    /* articles */
    /* related-gigs-section */
    /* related-gigs */
  }
  #portfolio-page .main {
    padding: 0;
  }
  #portfolio-page .post-section {
    padding: 4rem 0 2rem;
  }
  #portfolio-page .title {
    margin: 0 0 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  #portfolio-page .user-panel .btn {
    display: none;
  }
  #portfolio-page .author-panel {
    gap: 0 0;
  }
  #portfolio-page .author__img {
    width: 2rem;
  }
  #portfolio-page .author__img-status {
    right: -0.125rem;
    bottom: -0.125rem;
  }
  #portfolio-page .author__info {
    gap: 0 0;
  }
  #portfolio-page .author__name {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  #portfolio-page .author__bottom-col {
    gap: 0 0.375rem;
  }
  #portfolio-page .author-rating__star {
    width: 0.75rem;
  }
  #portfolio-page .author-rating__number {
    font-size: 0.5625rem;
    line-height: 0.875rem;
  }
  #portfolio-page .author-rank__icon {
    width: 0.9375rem;
  }
  #portfolio-page .author-rank__text {
    font-size: 0.5625rem;
    line-height: 0.875rem;
  }
  #portfolio-page .user-panel {
    gap: 0 0.375rem;
  }
  #portfolio-page .favorite-btn {
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
  }
  #portfolio-page .favorite-btn input:before {
    background-size: 0.875rem 0.8125rem;
  }
  #portfolio-page .favorite-btn input:after {
    background-size: 0.875rem 0.8125rem;
  }
  #portfolio-page .share-btn {
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
  }
  #portfolio-page .share-btn:before {
    background-size: 0.875rem 0.875rem;
  }
  #portfolio-page .feedback-btn {
    display: block;
  }
  #portfolio-page .post__img {
    margin: 0 -1.5rem 1.5rem;
    border-radius: 0;
  }
  #portfolio-page .post__img img {
    border-radius: 0;
  }
  #portfolio-page .post__description {
    gap: 1rem 0;
    margin: 0 0 1.5rem;
    max-width: inherit;
  }
  #portfolio-page .post__slogan {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  #portfolio-page p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  #portfolio-page .articles-section {
    padding: 1.5rem 0 2rem;
    border-top: 1px solid var(--secondary-border-color);
    background: var(--fifth-background-color);
  }
  #portfolio-page .link {
    display: none;
  }
  #portfolio-page .articles {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.5rem 0;
  }
  #portfolio-page .articles__description {
    padding: 0.75rem 0;
  }
  #portfolio-page .related-gigs-section {
    padding: 1.875rem 0 1.25rem;
    border-top: 1px solid var(--secondary-border-color);
    background: var(--fifth-background-color);
  }
  #portfolio-page .related-gigs {
    display: flex;
    margin: 0 -1.5rem;
    padding: 0 1.5rem 0.75rem;
    gap: 0 1rem;
    overflow-x: scroll;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  #portfolio-page .related-gigs::-webkit-scrollbar {
    display: none;
  }
  #portfolio-page .related-gigs__item {
    flex-shrink: 0;
    width: 14.25rem;
    white-space: normal;
  }
  #portfolio-page .related-gigs__description {
    padding: 0.75rem 0.75rem 1.5rem;
  }
  #portfolio-page .related-gigs__bottom-col {
    padding: 0;
  }
}
/* fonts */
/* root */
#contacts-page {
  /* text color */
  --primary-text-color: #737373;
  --secondary-text-color: #000000;
  --tertiary-text-color: #3B82F6;
  --quaternary-text-color: #404040;
  --fifth-text-color: #FFFFFF;
  --sixth-text-color: #A3A3A3;
  --seventh-text-color: #111111;
  --eighth-text-color: #2563EB;
  --ninth-text-color: #1D4ED8;
  --tenth-text-color: #404040;
  --eleventh-text-color: #262626;
  /* font-family */
  --primary-font-family: "Inter", sans-serif;
  /* font-weight */
  --primary-font-weight: 300;
  --secondary-font-weight: 400;
  --tertiary-font-weight: 500;
  --quaternary-font-weight: 600;
  --fifth-font-weight: 700;
  /* border-color */
  --primary-border-color: #E5E5E5;
  --secondary-border-color: #D4D4D4;
  --tertiary-border-color: #A3A3A3;
  --quaternary-border-color: #2563EB;
  --fifth-border-color: #BFDBFE;
  --sixth-border-color: #3b82f6;
  --seventh-border-color: #E4E4E7;
  /* btn-color */
  --primary-btn-color: #3B82F6;
  --secondary-btn-color: #5491f6;
  --tertiary-btn-color: #2563EB;
  --quaternary-btn-color: #000000;
  /* background-color */
  --primary-background-color: #F5F5F5;
  --secondary-background-color: #FFFFFF;
  --tertiary-background-color: #4BB34B;
  --quaternary-background-color: #A3A3A3;
  --fifth-background-color: #BFDBFE;
  --sixth-background-color: #3B82F6;
  --seventh-background-color: #EFF6FF;
  --eighth-background-color: #FEF08A;
  --ninth-background-color: #FAFAFA;
  --tenth-background-color: #2688EB;
}

#contacts-page {
  /* reset */
}

#contacts-page *,
#contacts-page *::before,
#contacts-page *::after {
  box-sizing: border-box;
}

#contacts-page body,
#contacts-page h1,
#contacts-page h2,
#contacts-page h3,
#contacts-page h4,
#contacts-page p,
#contacts-page ul,
#contacts-page ol,
#contacts-page li,
#contacts-page figure,
#contacts-page figcaption,
#contacts-page blockquote,
#contacts-page dl,
#contacts-page dd {
  margin: 0;
  padding: 0;
}

#contacts-page ul[class],
#contacts-page ol[class] {
  list-style: none;
}

#contacts-page a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration: none;
}

#contacts-page a:focus,
#contacts-page a:hover,
#contacts-page a:active {
  outline: none !important;
}

#contacts-page button {
  margin: 0;
  padding: 0;
  vertical-align: top;
  border: 0;
  background: none;
  border-radius: 0;
}

#contacts-page button:focus,
#contacts-page button:hover,
#contacts-page button:active {
  outline: none !important;
}

#contacts-page img,
#contacts-page svg {
  display: block;
  vertical-align: top;
  max-width: 100%;
}

#contacts-page article > * + * {
  margin-top: 1em;
}

#contacts-page fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

#contacts-page input,
#contacts-page button,
#contacts-page textarea,
#contacts-page select {
  font: inherit;
}

#contacts-page input:focus,
#contacts-page input:hover,
#contacts-page input:active,
#contacts-page textarea:focus,
#contacts-page textarea:hover,
#contacts-page textarea:active {
  outline: none !important;
}

#contacts-page iframe {
  vertical-align: top;
}

@media (prefers-reduced-motion: reduce) {
  #contacts-page * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
#contacts-page {
  /* p */
  /* a */
  /* b, strong */
  /* ul, ol */
  /* container */
  /* label */
  /* input */
  /* textarea */
  /* btn */
  /* b-checkbox */
  /* select */
  /* vertical-scroll */
}

#contacts-page p {
  color: var(--quaternary-text-color);
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.028125rem;
}

#contacts-page a {
  color: var(--secondary-text-color);
  text-decoration: none;
  transition: color 0.5s linear;
}

#contacts-page a:hover {
  color: var(--primary-text-color);
}

#contacts-page b, #contacts-page strong {
  font-weight: var(--fifth-font-weight);
}

#contacts-page ul, #contacts-page ol {
  list-style: none;
}

#contacts-page [class*=__container] {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1230px;
  width: 100%;
}

#contacts-page label {
  display: block;
  margin: 0 0 8px;
  color: var(--tenth-text-color);
  font-size: 14px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
  cursor: text;
}

#contacts-page input[type=tel],
#contacts-page input[type=text],
#contacts-page input[type=email],
#contacts-page input[type=password] {
  margin: 0;
  padding: 0 20px;
  width: 100%;
  height: 46px;
  color: var(--secondary-text-color);
  font-size: 14px;
  font-family: var(--primary-font-family);
  font-weight: var(--secondary-font-weight);
  border: 1px solid var(--secondary-border-color);
  background: var(--primary-background-color);
  border-radius: 12px;
  box-shadow: none !important;
  transition: 0.5s all;
}

#contacts-page input[type=tel]:focus,
#contacts-page input[type=text]:focus,
#contacts-page input[type=email]:focus,
#contacts-page input[type=password]:focus {
  border-color: var(--tertiary-border-color);
}

#contacts-page input.email-input.error {
  border-color: red;
}

#contacts-page textarea {
  margin: 0;
  padding: 12px;
  width: 100%;
  height: 220px;
  color: var(--secondary-text-color);
  font-size: 14px;
  font-family: var(--primary-font-family);
  font-weight: var(--secondary-font-weight);
  border: 1px solid var(--secondary-border-color);
  background: var(--primary-background-color);
  border-radius: 12px;
  box-shadow: none !important;
  transition: 0.5s all;
  overflow: auto;
  resize: none;
}

#contacts-page textarea:focus {
  border-color: var(--tertiary-border-color);
}

#contacts-page .btn {
  display: inline-flex;
  margin: 0;
  padding: 8px 16px;
  vertical-align: top;
  color: var(--fifth-text-color);
  font-size: 16px;
  font-family: var(--primary-font-family);
  font-weight: var(--tertiary-font-weight);
  line-height: 22px;
  letter-spacing: -3%;
  border: 0;
  background: var(--primary-btn-color);
  border-radius: 12px;
  cursor: pointer;
  transition: 0.5s all;
}

#contacts-page .btn:hover {
  color: var(--fifth-text-color);
  background: var(--secondary-btn-color);
  box-shadow: none;
}

#contacts-page .btn_color-transparent {
  color: var(--primary-text-color);
  box-shadow: 0 0 0 1px inset var(--primary-border-color);
  background: none;
}

#contacts-page .btn_color-transparent:hover {
  background: var(--primary-btn-color);
}

#contacts-page .btn_hidden {
  display: none;
}

#contacts-page .btn_full-size {
  display: block;
  width: 100%;
  text-align: center;
}

#contacts-page .btn_big-size {
  padding: 10px 20px;
  font-weight: var(--quaternary-font-weight);
  line-height: 24px;
}

#contacts-page .btn_next-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 15px;
}

#contacts-page .btn_next-arrow:after {
  position: relative;
  display: block;
  width: 7px;
  height: 12px;
  top: 1px;
  background: url(/images/b-btn-arrow.svg?263dac50846c830ca336360d0d9ca2c1) center no-repeat;
  background-size: 100%;
  content: "";
}

#contacts-page .btn_dark-blue {
  background: var(--tertiary-btn-color);
}

#contacts-page .btn_color-black {
  background: var(--quaternary-btn-color);
}

#contacts-page .btn_right-arrow {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0 8px;
  border-radius: 6px;
}

#contacts-page .btn_right-arrow:after {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  top: 1px;
  background: url(/images/b-arrow-right.svg?d9ec94407aa78b08dc65cecf7e66b8c0) center no-repeat;
  background-size: 100%;
  content: "";
}

#contacts-page .b-checkbox {
  display: flex;
  align-items: center;
  gap: 0 12px;
}

#contacts-page .b-checkbox_indent-top {
  margin-top: 20px;
}

#contacts-page .b-checkbox.hidden {
  display: none;
}

#contacts-page .b-checkbox input {
  position: relative;
  display: block;
  flex-shrink: 0;
  margin: 2px 0 0;
  padding: 0;
  width: 20px;
  height: 20px;
  vertical-align: top;
  border: 0;
  box-shadow: 0 0 0 1px var(--secondary-border-color) inset;
  background: none;
  border-radius: 6px;
  outline: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s;
}

#contacts-page .b-checkbox input:before {
  position: absolute;
  display: block;
  width: 14px;
  height: 13px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/images/b-checkbox.svg?5d1870e926ffbe746a68c93f761dd8c6) center no-repeat;
  background-size: 100%;
  content: "";
  opacity: 0;
  transition: opacity 0.3s;
}

#contacts-page .b-checkbox input:checked {
  box-shadow: 0 0 0 1px var(--quaternary-border-color) inset;
  background-color: var(--seventh-background-color);
}

#contacts-page .b-checkbox input:checked:before {
  opacity: 1;
}

#contacts-page .b-checkbox label {
  margin: 0;
  color: var(--secondary-text-color);
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -4%;
  cursor: text;
}

#contacts-page .b-checkbox label strong {
  display: block;
  font-size: 15px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
  letter-spacing: -2%;
}

#contacts-page .b-checkbox label small {
  display: block;
  color: var(--primary-text-color);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -2%;
}

#contacts-page .b-checkbox_changed-text {
  align-items: flex-start;
}

#contacts-page .b-checkbox_changed-text input {
  margin: 0;
}

#contacts-page .b-checkbox_changed-text label {
  color: var(--primary-text-color);
  font-size: 16px;
  font-weight: var(--secondary-font-weight);
  line-height: 24px;
}

#contacts-page .b-checkbox_changed-text label a {
  color: var(--tertiary-text-color);
  border-bottom: 1px solid;
}

#contacts-page .b-checkbox_changed-text label a:hover {
  color: var(--eighth-text-color);
}

#contacts-page .select {
  position: relative;
  width: 106px;
  height: 40px;
  border: 1px solid var(--secondary-border-color);
  background: var(--secondary-background-color);
  border-radius: 12px;
}

#contacts-page .select input {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

#contacts-page .select__placeholder-text {
  position: absolute;
  display: block;
  padding: 8px 28px 12px 16px;
  width: 100%;
  top: 0;
  left: 0;
  color: var(--secondary-text-color);
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 20px;
  cursor: pointer;
}

#contacts-page .select__placeholder-text.hidden {
  display: none;
}

#contacts-page .select__text {
  position: relative;
  display: block;
  padding: 8px 50px 12px 20px;
  height: 40px;
  color: var(--secondary-text-color);
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 20px;
  cursor: pointer;
}

#contacts-page .select__text:after {
  position: absolute;
  display: block;
  margin: -12px 0 0;
  width: 24px;
  height: 24px;
  top: 50%;
  right: 4px;
  background-size: 100%;
  content: "";
  transition: 0.5s transform;
}

#contacts-page .select.open .select__text:after {
  transform: rotate(180deg);
}

#contacts-page .select__dropdown {
  position: absolute;
  padding: 10px;
  top: 44px;
  left: -1px;
  right: -1px;
  border: 1px solid var(--secondary-border-color);
  background: var(--secondary-background-color);
  border-radius: 12px;
  opacity: 0;
  visibility: hidden;
  z-index: 30;
  transition: 0.5s all;
}

#contacts-page .select__dropdown.show {
  opacity: 1;
  visibility: visible;
}

#contacts-page .select__dropdown ul {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}

#contacts-page .select__dropdown li {
  color: var(--secondary-text-color);
  font-size: 14px;
  line-height: 20px;
  transition: 0.3s color;
  cursor: pointer;
}

#contacts-page .select__dropdown li:hover {
  color: var(--tertiary-text-color);
}

#contacts-page .select__dropdown li.active {
  color: var(--tertiary-text-color);
}

#contacts-page .select .vertical-scroll {
  max-height: 140px;
}

#contacts-page .select .vertical-scroll .swiper-slide {
  height: auto;
}

#contacts-page .vertical-scroll .swiper-scrollbar-vertical {
  width: 1px !important;
  height: 100% !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: var(--secondary-border-color);
}

#contacts-page .vertical-scroll .swiper-scrollbar-drag {
  background: var(--quaternary-border-color);
}

#contacts-page {
  /* b-contacts-page */
  /* b-offer */
  /* b-info-block */
  /* b-big-title */
  /* b-gl-nav */
  /* b-contact-information */
  /* b-contact-us */
  /* b-contact-form */
  /* input-field */
  /* textarea-field */
  /* input-file */
  /* b-start-info */
  /* b-sent-page */
  /* b-sent */
}

#contacts-page .b-contacts-page__container {
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
  max-width: 1054px;
}

#contacts-page .b-offer {
  display: flex;
  align-items: center;
  gap: 0 16px;
  padding: 110px 80px 110px 0;
  border-bottom: 1px solid var(--seventh-border-color);
}

#contacts-page .b-offer__img {
  flex-shrink: 0;
  order: 1;
  width: 325px;
}

#contacts-page .b-offer__img img {
  width: 100%;
}

#contacts-page .b-offer__description {
  width: 100%;
}

#contacts-page .b-offer__title {
  margin: 0 0 12px;
  color: var(--seventh-text-color);
  font-size: 50px;
  font-weight: var(--fifth-font-weight);
  line-height: 60px;
}

#contacts-page .b-offer p {
  max-width: 531px;
  color: var(--secondary-text-color);
  font-size: 20px;
  line-height: 28px;
  opacity: 0.6;
}

#contacts-page .b-info-block {
  padding: 60px 0 90px;
  border-bottom: 1px solid var(--seventh-border-color);
}

#contacts-page .b-info-block__top-panel {
  display: flex;
  align-items: flex-end;
  margin: 0 0 24px;
  gap: 0 50px;
}

#contacts-page .b-info-block__top-panel .b-big-title {
  padding: 0 0 10px;
}

#contacts-page .b-big-title {
  color: var(--secondary-text-color);
  font-size: 36px;
  font-weight: var(--quaternary-font-weight);
  line-height: 40px;
}

#contacts-page .b-gl-nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px 16px;
}

#contacts-page .b-gl-nav__title {
  display: block;
  margin: 0 0 8px;
  color: var(--secondary-text-color);
  font-size: 16px;
  line-height: 24px;
}

#contacts-page .b-gl-nav__list {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
  font-size: 16px;
  line-height: 24px;
}

#contacts-page .b-gl-nav__list li {
  font-size: 16px;
  line-height: 24px;
}

#contacts-page .b-gl-nav__list a {
  color: var(--eighth-text-color);
}

#contacts-page .b-gl-nav__list a:hover {
  color: var(--quaternary-text-color);
}

#contacts-page .b-contact-information {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px 24px;
  padding: 60px 0 90px;
}

#contacts-page .b-contact-information__item {
  display: flex;
  justify-content: space-between;
  gap: 0 30px;
  padding: 20px 32px;
  min-height: 174px;
  border: 1px solid var(--primary-border-color);
  background: var(--primary-background-color);
  border-radius: 12px;
}

#contacts-page .b-contact-information__img {
  flex-shrink: 0;
  order: 1;
  margin: auto 0;
}

#contacts-page .b-contact-information__description {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
}

#contacts-page .b-contact-information__title {
  color: var(--secondary-text-color);
  font-size: 28px;
  font-weight: var(--quaternary-font-weight);
  line-height: 32px;
}

#contacts-page .b-contact-information__link {
  position: relative;
  display: inline-flex;
  margin-top: auto;
  padding: 0 26px 0 0;
  font-size: 18px;
  font-weight: var(--tertiary-font-weight);
  line-height: 28px;
}

#contacts-page .b-contact-information__link a {
  position: relative;
  display: block;
  color: var(--ninth-text-color);
}

#contacts-page .b-contact-information__link a:hover {
  color: var(--tertiary-text-color);
}

#contacts-page .b-contact-information__link a:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 3px;
  background: var(--ninth-text-color);
  content: "";
}

#contacts-page .b-contact-information__link:after {
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url(/images/b-contact-arrow.svg?682e0a4e9b4c51f58ff4c7feb66cd79b) center no-repeat;
  background-size: 100%;
  content: "";
}

#contacts-page .b-contact-information__text {
  display: inline-flex;
  margin-top: auto;
  font-size: 18px;
  font-weight: var(--tertiary-font-weight);
  line-height: 24px;
}

#contacts-page .b-contact-us {
  padding: 60px 192px 90px;
}

#contacts-page .b-contact-us .b-big-title {
  margin: 0 0 24px;
  text-align: center;
}

#contacts-page .b-contact-form form {
  display: flex;
  flex-direction: column;
  gap: 25px 0;
}

#contacts-page .b-contact-form__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px 10px;
}

#contacts-page .b-contact-form__text {
  display: block;
  padding: 4px 0 0;
  color: var(--sixth-text-color);
  font-size: 12px;
  font-weight: var(--tertiary-font-weight);
  line-height: 16px;
}

#contacts-page .b-contact-form .b-checkbox {
  margin: 0 0 36px;
}

#contacts-page .input-field__text {
  display: block;
  padding: 8px 0 0;
  color: var(--sixth-text-color);
  font-size: 12px;
  font-weight: var(--tertiary-font-weight);
  text-align: right;
  line-height: 16px;
}

#contacts-page .textarea-field__text {
  display: block;
  padding: 8px 0 0;
  color: var(--sixth-text-color);
  font-size: 12px;
  font-weight: var(--tertiary-font-weight);
  text-align: right;
  line-height: 16px;
}

#contacts-page .input-file {
  position: relative;
}

#contacts-page .input-file__text {
  position: relative;
  display: inline-flex;
  margin: 0;
  padding: 7px 38px 9px 14px;
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
  background: var(--primary-background-color);
  border-radius: 7px;
}

#contacts-page .input-file__text:after {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  top: 50%;
  right: 14px;
  background: url(/images/b-input-file.svg?b8af5783f9223c54db0fb3bc81bf4e7e) center no-repeat;
  background-size: 100%;
  transform: translateY(-50%);
  content: "";
}

#contacts-page .input-file__error-text {
  display: none;
  padding: 8px 0 0;
  color: red;
  font-size: 14px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
  cursor: text;
}

#contacts-page .input-file__error-text.show {
  display: block;
}

#contacts-page .input-file input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
}

#contacts-page .b-start-info {
  padding: 0 32px 32px;
}

#contacts-page .b-start-info__in {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  padding: 80px 167px;
  max-width: 1376px;
  background: var(--ninth-background-color);
  border-radius: 20px;
}

#contacts-page .b-start-info__title {
  margin: 0 0 16px;
  color: var(--secondary-text-color);
  font-size: 61px;
  font-weight: var(--fifth-font-weight);
  line-height: 65px;
  text-align: center;
  letter-spacing: -2px;
}

#contacts-page .b-start-info__title img {
  position: relative;
  display: inline;
  top: 6px;
}

#contacts-page .b-start-info p {
  margin: 0 0 32px;
  color: var(--eleventh-text-color);
  font-size: 20px;
  font-weight: var(--tertiary-font-weight);
  text-align: center;
  line-height: 28px;
}

#contacts-page .b-sent-page__container {
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
  max-width: 1054px;
}

#contacts-page .b-sent {
  display: flex;
  align-items: center;
  gap: 0 152px;
  padding: 87px 0;
}

#contacts-page .b-sent__img {
  flex-shrink: 0;
  order: 1;
  width: 263px;
}

#contacts-page .b-sent__img img {
  width: 100%;
}

#contacts-page .b-sent__description {
  width: 100%;
}

#contacts-page .b-sent__title {
  margin: 0 0 24px;
  color: var(--secondary-text-color);
  font-size: 48px;
  font-weight: var(--quaternary-font-weight);
  line-height: 48px;
  letter-spacing: -5%;
}

#contacts-page .b-sent p {
  margin: 0 0 32px;
  max-width: 480px;
  color: var(--primary-text-color);
  font-size: 16px;
  line-height: 18px;
}

#contacts-page .b-sent p span {
  color: var(--quaternary-text-color);
  font-weight: var(--tertiary-font-weight);
}

#contacts-page {
  /* 1024 */
  /* 1023 */
  /* 900 */
  /* 809 */
  /* 600 */
  /* 359 */
}

@media (max-width: 1024px) {
  #contacts-page .b-order-page__col {
    gap: 0 20px;
  }
  #contacts-page .b-order-page__main-content {
    gap: 20px 0;
  }
  #contacts-page .b-order-page__aside {
    width: 280px;
  }
  #contacts-page .b-activity__date {
    width: 100px;
  }
  #contacts-page .b-sent {
    gap: 0 30px;
  }
  #contacts-page .b-offer {
    padding: 110px 0;
  }
  #contacts-page .b-start-info__in__in {
    padding: 80px 50px;
  }
}
@media (max-width: 1023px) {
  #contacts-page .b-contact-us {
    padding: 60px 24px 90px;
  }
}
@media (max-width: 900px) {
  #contacts-page .b-info-col .b-border:first-child {
    display: none;
  }
  #contacts-page .b-contact-information {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 809px) {
  #contacts-page .b-order-page {
    padding: 40px 0;
  }
  #contacts-page .b-order-page__col {
    flex-direction: column;
    gap: 20px 0;
  }
  #contacts-page .b-order-page__aside {
    width: 100%;
  }
  #contacts-page .b-info-col .b-border:first-child {
    display: block;
  }
  #contacts-page .b-sent {
    flex-direction: column;
    gap: 50px 0;
  }
  #contacts-page .b-sent__img {
    order: 0;
    width: 170px;
  }
  #contacts-page .b-sent__description {
    text-align: center;
  }
  #contacts-page .b-sent__description p {
    margin: 0 0 48px;
    max-width: 100%;
  }
  #contacts-page .b-sent__title {
    font-size: 32px;
    line-height: 38px;
  }
  #contacts-page .b-contacts-page__container {
    padding: 0;
  }
  #contacts-page .b-offer {
    flex-direction: column;
    gap: 16px 0;
    padding: 48px 24px 64px;
  }
  #contacts-page .b-offer__img {
    order: 0;
    width: 248px;
  }
  #contacts-page .b-offer__description {
    text-align: center;
  }
  #contacts-page .b-offer__title {
    font-size: 36px;
    line-height: 40px;
  }
  #contacts-page .b-offer p {
    max-width: 100%;
    font-size: 16px;
    line-height: 24px;
  }
  #contacts-page .b-info-block {
    padding: 28px 24px 64px;
  }
  #contacts-page .b-info-block__top-panel {
    gap: 0 20px;
    margin: 0 0 20px;
  }
  #contacts-page .b-info-block__img {
    width: 120px;
  }
  #contacts-page .b-info-block__img img {
    width: 100%;
  }
  #contacts-page .b-big-title {
    font-size: 24px;
    line-height: 32px;
  }
  #contacts-page .b-gl-nav {
    grid-template-columns: repeat(1, 1fr);
    gap: 24px 0;
  }
  #contacts-page .b-contact-information {
    padding: 64px 24px;
    border-bottom: 1px solid var(--seventh-border-color);
  }
  #contacts-page .b-contact-information__item {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 24px;
    text-align: center;
  }
  #contacts-page .b-contact-information__img {
    order: 0;
    height: 90px;
  }
  #contacts-page .b-contact-information__img img {
    width: 100%;
    height: 100%;
  }
  #contacts-page .b-contact-information__description {
    align-items: center;
  }
  #contacts-page .b-contact-information__title {
    margin: 0 0 16px;
  }
  #contacts-page .b-contact-us {
    padding: 64px 24px;
  }
  #contacts-page .b-start-info {
    padding: 0;
  }
  #contacts-page .b-start-info__in {
    padding: 80px 24px;
    border-radius: 0;
  }
  #contacts-page .b-start-info__title {
    font-size: 36px;
    line-height: 40px;
  }
  #contacts-page .b-start-info__title img {
    display: none;
  }
  #contacts-page .b-start-info p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 600px) {
  #contacts-page .b-contacts-page__container {
    padding: 0;
  }
  #contacts-page .b-order-page {
    padding: 0;
  }
  #contacts-page .b-order-page__col {
    gap: 0 0;
  }
  #contacts-page .b-order-page__main-content {
    gap: 0 0;
  }
  #contacts-page .b-order-page__aside {
    gap: 0 0;
  }
  #contacts-page .b-more__list-text {
    font-size: 12px;
    line-height: 16px;
  }
  #contacts-page .b-more__dropdown {
    width: 150px;
  }
  #contacts-page .b-user-panel {
    padding: 32px 24px 20px;
    border-bottom: 1px solid var(--primary-border-color);
    border-radius: 0;
  }
  #contacts-page .b-user-panel__in {
    position: relative;
    gap: 0 8px;
  }
  #contacts-page .b-user-panel__img {
    width: 40px;
    height: 40px;
  }
  #contacts-page .b-user-panel__img.online:after {
    right: 2px;
    bottom: 2px;
  }
  #contacts-page .b-user-panel__img.offline:after {
    right: 2px;
    bottom: 2px;
  }
  #contacts-page .b-user-panel__name {
    margin: 0 0 2px;
    font-size: 14px;
    line-height: 20px;
  }
  #contacts-page .b-user-panel__post {
    font-size: 12px;
    line-height: 16px;
  }
  #contacts-page .b-more {
    top: 0;
    right: 0;
  }
  #contacts-page .b-info-col {
    justify-content: space-between;
    margin: 0 0 24px;
  }
  #contacts-page .b-info-col .b-border:first-child {
    display: none;
  }
  #contacts-page .b-title {
    font-size: 18px;
    line-height: 24px;
  }
  #contacts-page .b-info-panel {
    font-size: 12px;
    line-height: 16px;
  }
  #contacts-page .b-widget {
    padding: 20px 24px;
    border-bottom: 1px solid var(--primary-border-color);
    border-radius: 0;
  }
  #contacts-page .b-product {
    padding: 7px 8px;
    gap: 0 8px;
  }
  #contacts-page .b-product__img {
    width: 48px;
    height: 48px;
    border-radius: 4px;
  }
  #contacts-page .b-product__img img {
    border-radius: 4px;
  }
  #contacts-page .b-product__title {
    font-size: 12px;
    line-height: 16px;
  }
  #contacts-page .b-chat {
    display: none;
  }
  #contacts-page .b-chat img {
    border-radius: 0;
  }
  #contacts-page .b-activity-widget {
    padding: 33px 24px;
    border-bottom: 1px solid var(--primary-border-color);
    background: var(--secondary-background-color);
  }
  #contacts-page .b-activity__list li {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px 0;
  }
  #contacts-page .b-activity__date {
    width: 100%;
    font-weight: var(--quaternary-font-weight);
  }
  #contacts-page .b-extend-list li {
    align-items: flex-start;
  }
  #contacts-page .b-extend-list__col {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px 0;
    width: auto;
  }
  #contacts-page .select {
    border-radius: 8px;
  }
  #contacts-page .select__dropdown {
    border-radius: 8px;
  }
  #contacts-page .btn {
    border-radius: 8px;
  }
  #contacts-page .b-sent-page__container {
    padding: 0 24px;
  }
}
@media (max-width: 359px) {
  #contacts-page .b-info-col {
    gap: 10px 10px;
  }
  #contacts-page .b-border {
    display: none;
  }
  #contacts-page .b-order-info__btns-panel {
    flex-direction: column;
    gap: 20px 0;
  }
  #contacts-page .btn {
    display: flex;
    width: 100%;
  }
  #contacts-page .b-contact-information__title {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 28px;
  }
  #contacts-page .b-contact-information__link {
    font-size: 16px;
    line-height: 26px;
  }
  #contacts-page .b-contact-information__text {
    font-size: 16px;
    line-height: 26px;
  }
}
/* fonts */
/* root */
#analytics-page {
  /* text color */
  --primary-text-color: #737373;
  --secondary-text-color: #000000;
  --tertiary-text-color: #3B82F6;
  --quaternary-text-color: #404040;
  --fifth-text-color: #FFFFFF;
  --sixth-text-color: #A3A3A3;
  --seventh-text-color: #111111;
  --eighth-text-color: #2563EB;
  --ninth-text-color: #1D4ED8;
  --tenth-text-color: #404040;
  --eleventh-text-color: #262626;
  /* font-family */
  --primary-font-family: "Inter", sans-serif;
  /* font-weight */
  --primary-font-weight: 300;
  --secondary-font-weight: 400;
  --tertiary-font-weight: 500;
  --quaternary-font-weight: 600;
  --fifth-font-weight: 700;
  /* border-color */
  --primary-border-color: #E5E5E5;
  --secondary-border-color: #D4D4D4;
  --tertiary-border-color: #A3A3A3;
  --quaternary-border-color: #2563EB;
  --fifth-border-color: #BFDBFE;
  --sixth-border-color: #3b82f6;
  --seventh-border-color: #E4E4E7;
  /* btn-color */
  --primary-btn-color: #3B82F6;
  --secondary-btn-color: #5491f6;
  --tertiary-btn-color: #2563EB;
  --quaternary-btn-color: #000000;
  /* background-color */
  --primary-background-color: #F5F5F5;
  --secondary-background-color: #FFFFFF;
  --tertiary-background-color: #4BB34B;
  --quaternary-background-color: #A3A3A3;
  --fifth-background-color: #BFDBFE;
  --sixth-background-color: #3B82F6;
  --seventh-background-color: #EFF6FF;
  --eighth-background-color: #FEF08A;
  --ninth-background-color: #FAFAFA;
  --tenth-background-color: #2688EB;
}

#analytics-page {
  /* reset */
}

#analytics-page *,
#analytics-page *::before,
#analytics-page *::after {
  box-sizing: border-box;
}

#analytics-page body,
#analytics-page h1,
#analytics-page h2,
#analytics-page h3,
#analytics-page h4,
#analytics-page p,
#analytics-page ul,
#analytics-page ol,
#analytics-page li,
#analytics-page figure,
#analytics-page figcaption,
#analytics-page blockquote,
#analytics-page dl,
#analytics-page dd {
  margin: 0;
  padding: 0;
}

#analytics-page ul[class],
#analytics-page ol[class] {
  list-style: none;
}

#analytics-page a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration: none;
}

#analytics-page a:focus,
#analytics-page a:hover,
#analytics-page a:active {
  outline: none !important;
}

#analytics-page button {
  margin: 0;
  padding: 0;
  vertical-align: top;
  border: 0;
  background: none;
  border-radius: 0;
}

#analytics-page button:focus,
#analytics-page button:hover,
#analytics-page button:active {
  outline: none !important;
}

#analytics-page img,
#analytics-page svg {
  display: block;
  vertical-align: top;
  max-width: 100%;
}

#analytics-page article > * + * {
  margin-top: 1em;
}

#analytics-page fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

#analytics-page input,
#analytics-page button,
#analytics-page textarea,
#analytics-page select {
  font: inherit;
}

#analytics-page input:focus,
#analytics-page input:hover,
#analytics-page input:active,
#analytics-page textarea:focus,
#analytics-page textarea:hover,
#analytics-page textarea:active {
  outline: none !important;
}

#analytics-page iframe {
  vertical-align: top;
}

@media (prefers-reduced-motion: reduce) {
  #analytics-page * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
#analytics-page {
  /* p */
  /* a */
  /* b, strong */
  /* ul, ol */
  /* container */
  /* label */
  /* input */
  /* textarea */
  /* btn */
  /* b-checkbox */
  /* select */
  /* vertical-scroll */
}

#analytics-page p {
  color: var(--quaternary-text-color);
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.028125rem;
}

#analytics-page a {
  color: var(--secondary-text-color);
  text-decoration: none;
  transition: color 0.5s linear;
}

#analytics-page a:hover {
  color: var(--primary-text-color);
}

#analytics-page b, #analytics-page strong {
  font-weight: var(--fifth-font-weight);
}

#analytics-page ul, #analytics-page ol {
  list-style: none;
}

#analytics-page [class*=__container] {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1230px;
  width: 100%;
}

#analytics-page label {
  display: block;
  margin: 0 0 8px;
  color: var(--tenth-text-color);
  font-size: 14px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
  cursor: text;
}

#analytics-page input[type=tel],
#analytics-page input[type=text],
#analytics-page input[type=email],
#analytics-page input[type=password] {
  margin: 0;
  padding: 0 20px;
  width: 100%;
  height: 46px;
  color: var(--secondary-text-color);
  font-size: 14px;
  font-family: var(--primary-font-family);
  font-weight: var(--secondary-font-weight);
  border: 1px solid var(--secondary-border-color);
  background: var(--primary-background-color);
  border-radius: 12px;
  box-shadow: none !important;
  transition: 0.5s all;
}

#analytics-page input[type=tel]:focus,
#analytics-page input[type=text]:focus,
#analytics-page input[type=email]:focus,
#analytics-page input[type=password]:focus {
  border-color: var(--tertiary-border-color);
}

#analytics-page input.email-input.error {
  border-color: red;
}

#analytics-page textarea {
  margin: 0;
  padding: 12px;
  width: 100%;
  height: 220px;
  color: var(--secondary-text-color);
  font-size: 14px;
  font-family: var(--primary-font-family);
  font-weight: var(--secondary-font-weight);
  border: 1px solid var(--secondary-border-color);
  background: var(--primary-background-color);
  border-radius: 12px;
  box-shadow: none !important;
  transition: 0.5s all;
  overflow: auto;
  resize: none;
}

#analytics-page textarea:focus {
  border-color: var(--tertiary-border-color);
}

#analytics-page .btn {
  display: inline-flex;
  margin: 0;
  padding: 8px 16px;
  vertical-align: top;
  color: var(--fifth-text-color);
  font-size: 16px;
  font-family: var(--primary-font-family);
  font-weight: var(--tertiary-font-weight);
  line-height: 22px;
  letter-spacing: -3%;
  border: 0;
  background: var(--primary-btn-color);
  border-radius: 12px;
  cursor: pointer;
  transition: 0.5s all;
}

#analytics-page .btn:hover {
  color: var(--fifth-text-color);
  background: var(--secondary-btn-color);
  box-shadow: none;
}

#analytics-page .btn_color-transparent {
  color: var(--primary-text-color);
  box-shadow: 0 0 0 1px inset var(--primary-border-color);
  background: none;
}

#analytics-page .btn_color-transparent:hover {
  background: var(--primary-btn-color);
}

#analytics-page .btn_hidden {
  display: none;
}

#analytics-page .btn_full-size {
  display: block;
  width: 100%;
  text-align: center;
}

#analytics-page .btn_big-size {
  padding: 10px 20px;
  font-weight: var(--quaternary-font-weight);
  line-height: 24px;
}

#analytics-page .btn_next-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 15px;
}

#analytics-page .btn_next-arrow:after {
  position: relative;
  display: block;
  width: 7px;
  height: 12px;
  top: 1px;
  background-size: 100%;
  content: "";
}

#analytics-page .btn_dark-blue {
  background: var(--tertiary-btn-color);
}

#analytics-page .btn_color-black {
  background: var(--quaternary-btn-color);
}

#analytics-page .btn_right-arrow {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0 8px;
  border-radius: 6px;
}

#analytics-page .btn_right-arrow:after {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  top: 1px;
  background-size: 100%;
  content: "";
}

#analytics-page .b-checkbox {
  display: flex;
  align-items: center;
  gap: 0 12px;
}

#analytics-page .b-checkbox_indent-top {
  margin-top: 20px;
}

#analytics-page .b-checkbox.hidden {
  display: none;
}

#analytics-page .b-checkbox input {
  position: relative;
  display: block;
  flex-shrink: 0;
  margin: 2px 0 0;
  padding: 0;
  width: 20px;
  height: 20px;
  vertical-align: top;
  border: 0;
  box-shadow: 0 0 0 1px var(--secondary-border-color) inset;
  background: none;
  border-radius: 6px;
  outline: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s;
}

#analytics-page .b-checkbox input:before {
  position: absolute;
  display: block;
  width: 14px;
  height: 13px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: 100%;
  content: "";
  opacity: 0;
  transition: opacity 0.3s;
}

#analytics-page .b-checkbox input:checked {
  box-shadow: 0 0 0 1px var(--quaternary-border-color) inset;
  background-color: var(--seventh-background-color);
}

#analytics-page .b-checkbox input:checked:before {
  opacity: 1;
}

#analytics-page .b-checkbox label {
  margin: 0;
  color: var(--secondary-text-color);
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -4%;
  cursor: text;
}

#analytics-page .b-checkbox label strong {
  display: block;
  font-size: 15px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
  letter-spacing: -2%;
}

#analytics-page .b-checkbox label small {
  display: block;
  color: var(--primary-text-color);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -2%;
}

#analytics-page .b-checkbox_changed-text {
  align-items: flex-start;
}

#analytics-page .b-checkbox_changed-text input {
  margin: 0;
}

#analytics-page .b-checkbox_changed-text label {
  color: var(--primary-text-color);
  font-size: 16px;
  font-weight: var(--secondary-font-weight);
  line-height: 24px;
}

#analytics-page .b-checkbox_changed-text label a {
  color: var(--tertiary-text-color);
  border-bottom: 1px solid;
}

#analytics-page .b-checkbox_changed-text label a:hover {
  color: var(--eighth-text-color);
}

#analytics-page .select {
  position: relative;
  width: 106px;
  height: 40px;
  border: 1px solid var(--secondary-border-color);
  background: var(--secondary-background-color);
  border-radius: 12px;
}

#analytics-page .select input {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

#analytics-page .select__placeholder-text {
  position: absolute;
  display: block;
  padding: 8px 28px 12px 16px;
  width: 100%;
  top: 0;
  left: 0;
  color: var(--secondary-text-color);
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 20px;
  cursor: pointer;
}

#analytics-page .select__placeholder-text.hidden {
  display: none;
}

#analytics-page .select__text {
  position: relative;
  display: block;
  padding: 8px 35px 12px 20px;
  height: 40px;
  color: var(--secondary-text-color);
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 20px;
  cursor: pointer;
}

#analytics-page .select__text:after {
  position: absolute;
  display: block;
  margin: -12px 0 0;
  width: 24px;
  height: 24px;
  top: 50%;
  right: 6px;
  background: url(/images/select-arrow.svg?16b71c4051cfc8225d6c1bd46438b6ca) center no-repeat;
  background-size: 100%;
  content: "";
  transition: 0.5s transform;
}

#analytics-page .select.open .select__text:after {
  transform: rotate(180deg);
}

#analytics-page .select__dropdown {
  position: absolute;
  padding: 10px;
  top: 44px;
  left: -1px;
  right: -1px;
  border: 1px solid var(--secondary-border-color);
  background: var(--secondary-background-color);
  border-radius: 12px;
  opacity: 0;
  visibility: hidden;
  z-index: 30;
  transition: 0.5s all;
}

#analytics-page .select__dropdown.show {
  opacity: 1;
  visibility: visible;
}

#analytics-page .select__dropdown ul {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}

#analytics-page .select__dropdown li {
  color: var(--secondary-text-color);
  font-size: 14px;
  line-height: 20px;
  transition: 0.3s color;
  cursor: pointer;
}

#analytics-page .select__dropdown li:hover {
  color: var(--tertiary-text-color);
}

#analytics-page .select__dropdown li.active {
  color: var(--tertiary-text-color);
}

#analytics-page .select .vertical-scroll {
  max-height: 140px;
}

#analytics-page .select .vertical-scroll .swiper-slide {
  height: auto;
}

#analytics-page .vertical-scroll .swiper-scrollbar-vertical {
  width: 1px !important;
  height: 100% !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: var(--secondary-border-color);
}

#analytics-page .vertical-scroll .swiper-scrollbar-drag {
  background: var(--quaternary-border-color);
}

#analytics-page {
  /* b-analytics-page */
  /* b-analytics-widgets */
  /* b-analytics-widget */
  /* b-analytics-tabs */
  /* b-analytics-top-panel */
  /* b-grid-charts */
  /* b-analytics-table */
  /* b-analytics-info-list */
  /* b-orders-line */
  /* b-orders-info-panel */
  /* b-analytics-widgent */
  /* b-chart-info-panel */
  /* b-statistics-panel */
  /* b-chart-line */
  /* b-chart */
  /* b-chart-md */
  /* b-chart-md */
  /* b-chart-grid */
  /* b-analytics-table */
}

#analytics-page .b-analytics-page {
  background: var(--primary-background-color);
}

#analytics-page .b-analytics-widgets {
  padding: 48px 0 38px;
  background: var(--secondary-background-color);
}

#analytics-page .b-analytics-widgets__in {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 18px;
}

#analytics-page .b-analytics-widget {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 20px 16px;
  color: var(--fifth-text-color);
  border-radius: 12px;
}

#analytics-page .b-analytics-widget_promo-codes-item {
  background: url(/images/b-analytics-widget-bg-1.jpg?086f02c346b7e64d7bbc6711a34c362f) center no-repeat;
  background-size: cover;
}

#analytics-page .b-analytics-widget_requests-item {
  background: url(/images/b-analytics-widget-bg-2.jpg?028576d85de15e3867b3ecfd4ba3814c) center no-repeat;
  background-size: cover;
}

#analytics-page .b-analytics-widget_coupons-item {
  background: url(/images/b-analytics-widget-bg-3.jpg?dbdce27876d6e9f0a94f850be2218d06) center no-repeat;
  background-size: cover;
}

#analytics-page .b-analytics-widget__icon {
  position: absolute;
  display: block;
  padding: 7px;
  width: 28px;
  height: 28px;
  top: 20px;
  right: 16px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.2);
}

#analytics-page .b-analytics-widget__icon img {
  width: 100%;
}

#analytics-page .b-analytics-widget__top-col {
  margin: 0 0 24px;
  padding: 0 40px 0 0;
}

#analytics-page .b-analytics-widget__title {
  display: block;
  font-size: 16px;
  font-weight: var(--quaternary-font-weight);
  line-height: 24px;
  letter-spacing: -4%;
}

#analytics-page .b-analytics-widget__text {
  display: block;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -3%;
  opacity: 0.8;
}

#analytics-page .b-analytics-widget__bottom-panel {
  margin-top: auto;
}

#analytics-page .b-analytics-widget__info-col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 20px;
  margin: 0 0 5px;
}

#analytics-page .b-analytics-widget__info-col__text {
  display: block;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -3%;
}

#analytics-page .b-analytics-widget__remaining-list {
  display: grid;
  grid-template-columns: repeat(15, 1fr);
  gap: 0 2px;
  margin: 0 -2px;
}

#analytics-page .b-analytics-widget__remaining-list li {
  width: 100%;
  height: 4px;
  font-size: 0;
  background: var(--secondary-background-color);
  border-radius: 3px;
  opacity: 0.25;
}

#analytics-page .b-analytics-widget__remaining-list li.active {
  opacity: 1;
}

#analytics-page .b-analytics-tabs__nav {
  background: var(--secondary-background-color);
}

#analytics-page .b-analytics-tabs__nav-in {
  padding: 32px 0;
  border-top: 1px solid var(--primary-border-color);
}

#analytics-page .b-analytics-tabs__nav-in ul {
  display: flex;
  align-items: center;
  gap: 0 24px;
}

#analytics-page .b-analytics-tabs__nav-in li {
  color: var(--sixth-text-color);
  font-size: 26px;
  font-weight: var(--tertiary-font-weight);
  line-height: 32px;
  letter-spacing: -4%;
  cursor: pointer;
  transition: 0.5s color;
}

#analytics-page .b-analytics-tabs__nav-in li:hover {
  color: var(--primary-text-color);
}

#analytics-page .b-analytics-tabs__nav-in li.active {
  color: var(--secondary-text-color);
  cursor: default;
}

#analytics-page .b-analytics-tabs__content {
  padding: 48px 0 256px;
}

#analytics-page .b-analytics-tabs__item {
  display: none;
}

#analytics-page .b-analytics-tabs__item.active {
  display: block;
}

#analytics-page .b-analytics-top-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 30px;
  margin: 0 0 24px;
}

#analytics-page .b-analytics-top-panel__sm-title {
  display: block;
  margin: 0 0 8px;
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
}

#analytics-page .b-analytics-top-panel .select {
  width: 320px;
}

#analytics-page .b-grid-charts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px 16px;
}

#analytics-page .b-grid-charts__item {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}

#analytics-page .b-grid-charts__item .b-analytics-widgent {
  height: 100%;
}

#analytics-page .b-grid-charts__item:nth-child(1) {
  grid-column: span 2;
}

#analytics-page .b-grid-charts__item:nth-child(3) {
  grid-column: span 3;
}

#analytics-page .b-grid-charts__item:nth-child(5) {
  grid-column: span 2;
}

#analytics-page .date-range-field {
  position: relative;
  width: 260px;
}

#analytics-page .date-range-field input {
  padding: 0 36px 0 12px;
  height: 40px;
  background: var(--secondary-background-color);
}

#analytics-page .date-range-field__delete {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 0;
  background: url(/images/b-delete.svg?2d65f2a592d96438f2ff23521eee25d7) center no-repeat;
  background-size: 100%;
  cursor: pointer;
}

#analytics-page .b-analytics-info-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 16px;
}

#analytics-page .b-orders-line {
  display: flex;
  align-items: center;
}

#analytics-page .b-orders-line__item {
  height: 42px;
}

#analytics-page .b-orders-line__item.b-views-l {
  background: #1D4ED8;
  border-radius: 8px 0 0 8px;
  box-shadow: 0px 2px 4px -2px rgba(29, 78, 216, 0.1), 0px 4px 8px -2px rgba(29, 78, 216, 0.4);
}

#analytics-page .b-orders-line__item.b-clicks-l {
  background: #F97316;
  box-shadow: 0px 2px 4px -2px rgba(249, 115, 22, 0.1), 0px 4px 8px -2px rgba(249, 115, 22, 0.4);
}

#analytics-page .b-orders-line__item.b-orders-l {
  background: #22C55E;
  border-radius: 0 8px 8px 0;
  box-shadow: 0px 2px 4px -2px rgba(34, 197, 94, 0.1), 0px 4px 8px -2px rgba(34, 197, 94, 0.4);
}

#analytics-page .b-orders-line__item.b-cancellation-l {
  margin: 0 0 0 8px;
  background: #E879F9;
  border-radius: 8px;
}

#analytics-page .b-orders-info-panel {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

#analytics-page .b-orders-info-panel__item {
  display: flex;
  align-items: flex-start;
  gap: 0 6px;
}

#analytics-page .b-orders-info-panel__icon {
  flex-shrink: 0;
  margin: 7px 0 0;
}

#analytics-page .b-orders-info-panel__quantity {
  color: var(--secondary-text-color);
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -3%;
}

#analytics-page .b-analytics-widgent {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  padding: 32px 24px;
  background: var(--secondary-background-color);
  border-radius: 16px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}

#analytics-page .b-analytics-widgent__top-col {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}

#analytics-page .b-analytics-widgent__top-panel {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0 30px;
}

#analytics-page .b-analytics-widgent__info dt {
  display: flex;
  align-items: center;
  margin: 0 0 8px;
  color: var(--tenth-text-color);
  font-size: 14px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
}

#analytics-page .b-analytics-widgent__info dt img {
  position: relative;
  top: 1px;
}

#analytics-page .b-analytics-widgent__info dd {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}

#analytics-page .b-analytics-widgent__number {
  color: var(--secondary-text-color);
  font-size: 36px;
  font-weight: var(--tertiary-font-weight);
  line-height: 40px;
  letter-spacing: -4%;
}

#analytics-page .b-analytics-widgent__list {
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}

#analytics-page .b-analytics-widgent__list .b-statistics-panel {
  justify-content: space-between;
}

#analytics-page .b-analytics-widgent__list .b-statistics-panel__text {
  color: var(--tenth-text-color);
  font-weight: var(--secondary-font-weight);
}

#analytics-page .b-analytics-widgent__title {
  display: block;
  color: var(--secondary-text-color);
  font-size: 18px;
  font-weight: var(--tertiary-font-weight);
  line-height: 28px;
}

#analytics-page .b-chart-info-panel {
  display: flex;
  align-items: center;
  gap: 0 24px;
}

#analytics-page .b-chart-info-panel__item {
  display: flex;
  align-items: center;
  gap: 0 4px;
}

#analytics-page .b-chart-info-panel__item.b-clicks-p .b-chart-info-panel__text {
  color: #F97316;
}

#analytics-page .b-chart-info-panel__item.b-orders-p .b-chart-info-panel__text {
  color: #22C55E;
}

#analytics-page .b-chart-info-panel__item.b-views-p .b-chart-info-panel__text {
  color: #1D4ED8;
}

#analytics-page .b-chart-info-panel__text {
  display: block;
  font-size: 14px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
}

#analytics-page .b-clicks-i {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: #F97316;
}

#analytics-page .b-orders-i {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  background: #22C55E;
  border-radius: 4px;
}

#analytics-page .b-views-i {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  background: #1D4ED8;
  border-radius: 4px;
}

#analytics-page .b-cancellation-i {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  background: #E879F9;
  border-radius: 4px;
}

#analytics-page .b-statistics-panel {
  display: flex;
  align-items: center;
  gap: 0 12px;
}

#analytics-page .b-statistics-panel__text {
  display: block;
  font-size: 14px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
}

#analytics-page .b-statistics-panel__text a {
  color: var(--ninth-text-color);
  font-weight: var(--secondary-font-weight);
  border-bottom: 1px solid;
}

#analytics-page .b-statistics-panel__text a:hover {
  color: var(--tertiary-text-color);
}

#analytics-page .b-statistics-panel__percent {
  position: relative;
  display: block;
  padding: 0 0 0 16px;
  min-width: 60px;
  font-size: 14px;
  font-weight: var(--tertiary-font-weight);
  line-height: 20px;
}

#analytics-page .b-statistics-panel__percent.negative {
  color: #EF4444;
}

#analytics-page .b-statistics-panel__percent.negative:before {
  position: absolute;
  display: block;
  width: 8px;
  height: 6px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(/images/negative.svg?a3eaf4e8f29b104118d94bf134ca783d) center no-repeat;
  background-size: 100%;
  content: "";
}

#analytics-page .b-statistics-panel__percent.positive {
  color: #22C55E;
}

#analytics-page .b-statistics-panel__percent.positive:before {
  position: absolute;
  display: block;
  width: 8px;
  height: 6px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(/images/positive.svg?3cdf2fea1e644b8b476f98b2548f8174) center no-repeat;
  background-size: 100%;
  content: "";
}

#analytics-page .b-statistics-panel__right-col {
  display: flex;
  align-items: center;
  gap: 0 12px;
}

#analytics-page .b-statistics-panel__number-col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 130px;
}

#analytics-page .b-statistics-panel__number {
  display: block;
  color: var(--sixth-text-color);
  font-size: 14px;
  line-height: 20px;
}

#analytics-page .b-chart-line {
  height: 83px !important;
  min-height: 83px !important;
}

#analytics-page .b-chart {
  height: 284px !important;
  min-height: 284px !important;
}

#analytics-page .b-chart-md {
  height: 344px !important;
  min-height: 344px !important;
}

#analytics-page .b-chart-md {
  height: 344px !important;
  min-height: 344px !important;
}

#analytics-page .b-chart-grid {
  height: 368px !important;
  min-height: 368px !important;
}

#analytics-page .b-analytics-table {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  border-collapse: collapse;
  border-radius: 12px;
  background: var(--secondary-background-color);
  box-shadow: 0 0 0 1px var(--primary-border-color);
}

#analytics-page .b-analytics-table thead td {
  padding: 15px 16px;
  color: var(--sixth-text-color);
  border-bottom: 1px solid var(--primary-border-color);
}

#analytics-page .b-analytics-table tbody td {
  padding: 26px 16px;
  color: var(--quaternary-text-color);
  border-bottom: 1px solid var(--primary-border-color);
}

#analytics-page .b-analytics-table tbody tr:nth-child(odd) td {
  background: var(--primary-background-color);
}

#analytics-page .b-analytics-table tbody tr:last-child td {
  border-bottom: 0;
}

#analytics-page .b-analytics-table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 12px;
}

#analytics-page .b-analytics-table tbody tr:last-child td:last-child {
  border-radius: 0 0 12px 0;
}

#analytics-page {
  /* 1024 */
  /* 1023 */
  /* 900 */
  /* 809 */
  /* 760 */
  /* 600 */
  /* 359 */
}

@media (max-width: 1024px) {
  #analytics-page .b-order-page__col {
    gap: 0 20px;
  }
  #analytics-page .b-order-page__main-content {
    gap: 20px 0;
  }
  #analytics-page .b-order-page__aside {
    width: 280px;
  }
  #analytics-page .b-activity__date {
    width: 100px;
  }
  #analytics-page .b-sent {
    gap: 0 30px;
  }
  #analytics-page .b-offer {
    padding: 110px 0;
  }
  #analytics-page .b-start-info__in__in {
    padding: 80px 50px;
  }
}
@media (max-width: 1023px) {
  #analytics-page .b-contact-us {
    padding: 60px 24px 90px;
  }
  #analytics-page .b-grid-charts {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 900px) {
  #analytics-page .b-info-col .b-border:first-child {
    display: none;
  }
  #analytics-page .b-contact-information {
    grid-template-columns: repeat(1, 1fr);
  }
  #analytics-page .b-analytics-widgets__in {
    gap: 0 10px;
  }
  #analytics-page .b-analytics-widget__title {
    margin: 0 0 5px;
    font-size: 16px;
    line-height: 20px;
  }
  #analytics-page .b-analytics-tabs__nav-in ul {
    margin: 0 -15px;
    padding: 0 15px;
    overflow-x: scroll;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  #analytics-page .b-analytics-tabs__nav-in li {
    flex-shrink: 0;
    font-size: 20px;
    line-height: 26px;
  }
  #analytics-page .b-analytics-info-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 809px) {
  #analytics-page .b-order-page {
    padding: 40px 0;
  }
  #analytics-page .b-order-page__col {
    flex-direction: column;
    gap: 20px 0;
  }
  #analytics-page .b-order-page__aside {
    width: 100%;
  }
  #analytics-page .b-info-col .b-border:first-child {
    display: block;
  }
  #analytics-page .b-sent {
    flex-direction: column;
    gap: 50px 0;
  }
  #analytics-page .b-sent__img {
    order: 0;
    width: 170px;
  }
  #analytics-page .b-sent__description {
    text-align: center;
  }
  #analytics-page .b-sent__description p {
    margin: 0 0 48px;
    max-width: 100%;
  }
  #analytics-page .b-sent__title {
    font-size: 32px;
    line-height: 38px;
  }
  #analytics-page .b-contacts-page__container {
    padding: 0;
  }
  #analytics-page .b-offer {
    flex-direction: column;
    gap: 16px 0;
    padding: 48px 24px 64px;
  }
  #analytics-page .b-offer__img {
    order: 0;
    width: 248px;
  }
  #analytics-page .b-offer__description {
    text-align: center;
  }
  #analytics-page .b-offer__title {
    font-size: 36px;
    line-height: 40px;
  }
  #analytics-page .b-offer p {
    max-width: 100%;
    font-size: 16px;
    line-height: 24px;
  }
  #analytics-page .b-info-block {
    padding: 28px 24px 64px;
  }
  #analytics-page .b-info-block__top-panel {
    gap: 0 20px;
    margin: 0 0 20px;
  }
  #analytics-page .b-info-block__img {
    width: 120px;
  }
  #analytics-page .b-info-block__img img {
    width: 100%;
  }
  #analytics-page .b-big-title {
    font-size: 24px;
    line-height: 32px;
  }
  #analytics-page .b-gl-nav {
    grid-template-columns: repeat(1, 1fr);
    gap: 24px 0;
  }
  #analytics-page .b-contact-information {
    padding: 64px 24px;
    border-bottom: 1px solid var(--seventh-border-color);
  }
  #analytics-page .b-contact-information__item {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 24px;
    text-align: center;
  }
  #analytics-page .b-contact-information__img {
    order: 0;
    height: 90px;
  }
  #analytics-page .b-contact-information__img img {
    width: 100%;
    height: 100%;
  }
  #analytics-page .b-contact-information__description {
    align-items: center;
  }
  #analytics-page .b-contact-information__title {
    margin: 0 0 16px;
  }
  #analytics-page .b-contact-us {
    padding: 64px 24px;
  }
  #analytics-page .b-start-info {
    padding: 0;
  }
  #analytics-page .b-start-info__in {
    padding: 80px 24px;
    border-radius: 0;
  }
  #analytics-page .b-start-info__title {
    font-size: 36px;
    line-height: 40px;
  }
  #analytics-page .b-start-info__title img {
    display: none;
  }
  #analytics-page .b-start-info p {
    font-size: 16px;
    line-height: 24px;
  }
  #analytics-page .b-analytics-widgets__in {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 0;
  }
  #analytics-page .b-analytics-table-wrap {
    margin: 0 -15px;
    padding: 1px 16px;
    overflow-x: auto;
  }
  #analytics-page .b-analytics-table-wrap .b-analytics-table {
    width: 790px;
  }
  #analytics-page .b-analytics-table tbody td {
    padding: 20px 16px;
  }
  #analytics-page .b-orders-info-panel {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 0;
  }
}
@media (max-width: 760px) {
  #analytics-page .b-analytics-tabs__nav-in {
    padding: 20px 0;
  }
  #analytics-page .b-analytics-tabs__nav-in ul {
    gap: 0 17px;
  }
  #analytics-page .b-analytics-tabs__nav-in li {
    font-size: 18px;
    line-height: 24px;
  }
  #analytics-page .b-analytics-tabs__content {
    padding: 30px 0;
  }
  #analytics-page .b-analytics-top-panel {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px 0;
  }
  #analytics-page .b-analytics-top-panel__item {
    width: 100%;
  }
  #analytics-page .b-analytics-top-panel .select {
    width: 100%;
  }
  #analytics-page .date-range-field {
    width: 100%;
  }
  #analytics-page .b-analytics-widgent__top-panel {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
  }
}
@media (max-width: 600px) {
  #analytics-page .b-contacts-page__container {
    padding: 0;
  }
  #analytics-page .b-order-page {
    padding: 0;
  }
  #analytics-page .b-order-page__col {
    gap: 0 0;
  }
  #analytics-page .b-order-page__main-content {
    gap: 0 0;
  }
  #analytics-page .b-order-page__aside {
    gap: 0 0;
  }
  #analytics-page .b-more__list-text {
    font-size: 12px;
    line-height: 16px;
  }
  #analytics-page .b-more__dropdown {
    width: 150px;
  }
  #analytics-page .b-user-panel {
    padding: 32px 24px 20px;
    border-bottom: 1px solid var(--primary-border-color);
    border-radius: 0;
  }
  #analytics-page .b-user-panel__in {
    position: relative;
    gap: 0 8px;
  }
  #analytics-page .b-user-panel__img {
    width: 40px;
    height: 40px;
  }
  #analytics-page .b-user-panel__img.online:after {
    right: 2px;
    bottom: 2px;
  }
  #analytics-page .b-user-panel__img.offline:after {
    right: 2px;
    bottom: 2px;
  }
  #analytics-page .b-user-panel__name {
    margin: 0 0 2px;
    font-size: 14px;
    line-height: 20px;
  }
  #analytics-page .b-user-panel__post {
    font-size: 12px;
    line-height: 16px;
  }
  #analytics-page .b-more {
    top: 0;
    right: 0;
  }
  #analytics-page .b-info-col {
    justify-content: space-between;
    margin: 0 0 24px;
  }
  #analytics-page .b-info-col .b-border:first-child {
    display: none;
  }
  #analytics-page .b-title {
    font-size: 18px;
    line-height: 24px;
  }
  #analytics-page .b-info-panel {
    font-size: 12px;
    line-height: 16px;
  }
  #analytics-page .b-widget {
    padding: 20px 24px;
    border-bottom: 1px solid var(--primary-border-color);
    border-radius: 0;
  }
  #analytics-page .b-product {
    padding: 7px 8px;
    gap: 0 8px;
  }
  #analytics-page .b-product__img {
    width: 48px;
    height: 48px;
    border-radius: 4px;
  }
  #analytics-page .b-product__img img {
    border-radius: 4px;
  }
  #analytics-page .b-product__title {
    font-size: 12px;
    line-height: 16px;
  }
  #analytics-page .b-chat {
    display: none;
  }
  #analytics-page .b-chat img {
    border-radius: 0;
  }
  #analytics-page .b-activity-widget {
    padding: 33px 24px;
    border-bottom: 1px solid var(--primary-border-color);
    background: var(--secondary-background-color);
  }
  #analytics-page .b-activity__list li {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px 0;
  }
  #analytics-page .b-activity__date {
    width: 100%;
    font-weight: var(--quaternary-font-weight);
  }
  #analytics-page .b-extend-list li {
    align-items: flex-start;
  }
  #analytics-page .b-extend-list__col {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px 0;
    width: auto;
  }
  #analytics-page .select {
    border-radius: 8px;
  }
  #analytics-page .select__dropdown {
    border-radius: 8px;
  }
  #analytics-page .btn {
    border-radius: 8px;
  }
  #analytics-page .b-sent-page__container {
    padding: 0 24px;
  }
  #analytics-page .b-analytics-widgent {
    padding: 20px;
  }
}
@media (max-width: 359px) {
  #analytics-page .b-info-col {
    gap: 10px 10px;
  }
  #analytics-page .b-border {
    display: none;
  }
  #analytics-page .b-order-info__btns-panel {
    flex-direction: column;
    gap: 20px 0;
  }
  #analytics-page .btn {
    display: flex;
    width: 100%;
  }
  #analytics-page .b-contact-information__title {
    margin: 0 0 10px;
    font-size: 24px;
    line-height: 28px;
  }
  #analytics-page .b-contact-information__link {
    font-size: 16px;
    line-height: 26px;
  }
  #analytics-page .b-contact-information__text {
    font-size: 16px;
    line-height: 26px;
  }
}
#consultation-creation .input-group .absolute-ico {
  position: absolute;
  color: #a3a3a3;
  top: 10px;
  right: 12px;
  z-index: 5;
}
#consultation-creation .form-group {
  position: relative;
}
#consultation-creation .form-group h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.04em;
  color: #404040;
  margin-bottom: 8px;
}
#consultation-creation .create-custom-field a {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #3b82f6;
}
#consultation-creation .create-custom-field a .ico {
  margin-right: 10px;
}
#consultation-creation .create-custom-field a:hover {
  text-decoration: underline;
}
#consultation-creation #tiers-container .tier:first-child .close-btn {
  display: none;
}
#consultation-creation #tiers-container .tier .close-btn {
  position: absolute;
  right: 0;
  top: 0;
  color: red;
  font-size: 14px;
  cursor: pointer;
}
#consultation-creation .finalize-gig .form-group:nth-child(2) {
  flex-direction: column !important;
  align-items: initial !important;
}
#consultation-creation .finalize-gig .availability-days {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
#consultation-creation .finalize-gig .availability-days .btn {
  max-width: 23%;
  width: 100%;
  margin-bottom: 0;
  background-color: #F5F5F5;
  border: none;
}
#consultation-creation .finalize-gig .availability-days .btn-check:checked + .btn {
  background-color: #3B82F6;
  color: #fff;
}

.consultation-page #gig-order .tarifs-block-wrap .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -0.04em;
  color: #000;
  margin-bottom: 12px;
}
.consultation-page #gig-order .tarifs-block-wrap .choose-long .form-check {
  margin-bottom: 16px;
}
.consultation-page #gig-order .tarifs-block-wrap .choose-long .form-check .tier-wrap {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.02em;
  color: #000;
}
.consultation-page #gig-order .tarifs-block-wrap .choose-long .form-check .tier-wrap:nth-child(2) {
  font-weight: 500;
}
.consultation-page #gig-order .tarifs-block-wrap .choose-date .current-date {
  font-weight: 500;
  font-size: 18px;
  line-height: 156%;
  letter-spacing: -0.04em;
  color: #000;
  margin-bottom: 12px;
}
.consultation-page #gig-order .tarifs-block-wrap .choose-date .dates {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}
.consultation-page #gig-order .tarifs-block-wrap .choose-date .dates .btn {
  max-width: 30%;
  width: 100%;
  margin-bottom: 0;
  background-color: #F5F5F5;
  border: none;
  color: #000;
}
.consultation-page #gig-order .tarifs-block-wrap .choose-date .dates .btn-check:checked + .btn {
  background-color: #3B82F6;
  color: #fff;
}
.consultation-page #gig-order .tarifs-block-wrap .choose-date .show-more a {
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #3B82F6;
}

#footer {
  padding: 65px 0;
  background-color: #F4F4F4;
}
#footer .footer .footer-logo {
  margin-bottom: 32px;
}
#footer .footer .social-links {
  margin-bottom: 22px;
}
#footer .footer .social-links a {
  color: #737373;
  font-size: 18px;
  margin-right: 14px;
  transition: 0.3s;
}
#footer .footer .social-links a:last-child {
  margin-right: 0;
}
#footer .footer .social-links a:hover {
  color: #000;
}
#footer .footer .select-lang {
  margin-bottom: 33px;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  position: relative;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
#footer .footer .select-lang .current-lang {
  padding: 12px 22px;
  font-weight: 600;
  font-size: 14px;
  line-height: 143%;
  color: #000;
  display: flex;
  align-items: center;
  transition: 0.3s;
  z-index: 1;
  background-color: #F4F4F4;
}
#footer .footer .select-lang .current-lang img {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  -o-object-fit: cover;
     object-fit: cover;
}
#footer .footer .select-lang .current-lang .ico:last-child {
  transition: 0.5s;
}
#footer .footer .select-lang .current-lang span {
  margin: 0 22px;
}
#footer .footer .select-lang .current-lang.active {
  box-shadow: 0 2px 4px -2px rgba(16, 24, 40, 0.06), 0 4px 8px -2px rgba(16, 24, 40, 0.1);
}
#footer .footer .select-lang .current-lang.active .ico:last-child {
  transform: rotate(180deg);
}
#footer .footer .select-lang .other-langs {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  background-color: #F4F4F4;
  box-shadow: 0 2px 4px -2px rgba(16, 24, 40, 0.06), 0 4px 8px -2px rgba(16, 24, 40, 0.1);
  display: none;
}
#footer .footer .select-lang .other-langs li {
  border-bottom: 1px solid #e5e5e5;
}
#footer .footer .select-lang .other-langs li:last-child {
  border-bottom: none;
}
#footer .footer .select-lang .other-langs li a {
  padding: 7px 10px;
  font-weight: 500;
  font-size: 14px;
  display: block;
}
#footer .footer .select-lang .other-langs li a img {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 5px;
}
#footer .footer .content {
  font-weight: 400;
  font-size: 13px;
  line-height: 141%;
  letter-spacing: 0.01em;
  color: #a8a29e;
}
#footer .footer .footer-links .main-link {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0em;
  color: #050505;
  margin-bottom: 9px;
}
#footer .footer .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0 0 36px;
}
#footer .footer .footer-links ul li {
  margin-bottom: 9px;
}
#footer .footer .footer-links ul li a {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6);
}
#footer .bottom-footer .content {
  font-size: 13px;
  line-height: 141%;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 0.4);
}