@charset "UTF-8";
/* work-sans-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 100;
  src: url("/build/website/fonts/work-sans-v19-latin-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Work Sans";
  font-style: italic;
  font-weight: 100;
  src: url("/build/website/fonts/work-sans-v19-latin-100italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 200;
  src: url("/build/website/fonts/work-sans-v19-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Work Sans";
  font-style: italic;
  font-weight: 200;
  src: url("/build/website/fonts/work-sans-v19-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 300;
  src: url("/build/website/fonts/work-sans-v19-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Work Sans";
  font-style: italic;
  font-weight: 300;
  src: url("/build/website/fonts/work-sans-v19-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/build/website/fonts/work-sans-v19-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Work Sans";
  font-style: italic;
  font-weight: 400;
  src: url("/build/website/fonts/work-sans-v19-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 500;
  src: url("/build/website/fonts/work-sans-v19-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Work Sans";
  font-style: italic;
  font-weight: 500;
  src: url("/build/website/fonts/work-sans-v19-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 600;
  src: url("/build/website/fonts/work-sans-v19-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Work Sans";
  font-style: italic;
  font-weight: 600;
  src: url("/build/website/fonts/work-sans-v19-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/build/website/fonts/work-sans-v19-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Work Sans";
  font-style: italic;
  font-weight: 700;
  src: url("/build/website/fonts/work-sans-v19-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 800;
  src: url("/build/website/fonts/work-sans-v19-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.footer__bottom-item.contacts a, .footer__left-copyright {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 400;
}

.min-circle,
.max-circle, .custom-select-option, .custom-select-options, .custom-select, .input-wrapper-label, .preview-user__body-list-item span, .preview-user__body-list-item p, .preview-user__body-element span, .preview-user__body-element p, .preview-user__body-item, .preview-user__right p, .promo__item p, .footer__right nav ul a {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 600;
}

.preview-user__right span, .search__box-item p, .search__box-item span, .btn-details, .btn-search {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 700;
}

.discover-experts .discover-experts-arrows .slick-arrow, .find-experts .find-experts-arrows .slick-arrow {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EEF5F5;
  cursor: pointer;
}

.trusted .trusted-slider .item .top-block .rating {
  height: 23px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 13px;
  border-radius: 8px;
  background-color: #00B278;
  color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 5px;
}

html {
  box-sizing: border-box;
}

*,
*::after,
*::before {
  box-sizing: inherit;
}

ul,
ol {
  padding: 0;
}

ol {
  padding-left: 15px;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

ul[class] {
  list-style: none;
}

ul {
  list-style: none;
}

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

input,
button,
textarea,
select {
  font: inherit;
}

a {
  text-decoration: none;
}

html {
  height: 100%;
  overflow-x: hidden;
}

body {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
  font-family: "Work Sans";
  font-size: 17px;
  line-height: 27px;
  font-style: normal;
  background: #F6F6F6;
}

header {
  flex: 0 0 auto;
}

.main-content {
  flex: 1 0 auto;
  position: relative;
  background-color: #f8f8f8;
}

footer {
  flex: 0 0 auto;
}
@media (max-width: 1200px) {
  footer {
    margin-top: 60px;
  }
}

h1 {
  color: #111;
  font-weight: 700;
  font-size: 44px;
  line-height: 50px;
}
@media (max-width: 1200px) {
  h1 {
    font-size: 34px;
    line-height: 44px;
  }
}

h2 {
  color: #111;
  font-size: 32px;
  line-height: 40px;
}
@media (max-width: 1200px) {
  h2 {
    font-size: 27px;
    line-height: 37px;
  }
}

h3 {
  color: #111;
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 1200px) {
  h3 {
    font-size: 20px;
    line-height: 28px;
  }
}

p {
  color: #111;
  font-size: 18px;
  line-height: 24px;
}
@media (max-width: 1200px) {
  p {
    font-size: 16px;
    line-height: 24px;
  }
}
p a {
  color: #00B278;
}

p + p {
  margin-top: 25px;
}
@media (max-width: 1200px) {
  p + p {
    margin-top: 15px;
  }
}

.container {
  max-width: 1295px;
  padding: 0 15px;
  margin: 0 auto;
}

input:focus-visible {
  outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background-color: transparent !important;
  border: 1px solid transparent;
  -webkit-background-clip: padding-box;
  color: #747474 !important;
  font-weight: 500;
  font-size: 13px;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #747474 !important;
}

[x-cloak] {
  display: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.header {
  padding: 3px 0px;
  position: relative;
  top: 0;
  z-index: 10;
  width: 100%;
}
.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 992px) {
  .header__inner {
    flex-direction: column;
  }
}
.header-left {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #00B278;
  flex-grow: 1;
}
.header .header-center .header__menu {
  padding-top: 15px;
  display: flex;
  gap: 25px;
}
.header .header-center .header__menu li .btn-menu {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
}
@media (max-width: 992px) {
  .header .header-center .header__menu li .btn-menu {
    color: #1F1F1F;
  }
}
.header .header-center .header__menu li .submenu {
  position: absolute;
  display: none;
  min-width: 182px;
}
@media (max-width: 992px) {
  .header .header-center .header__menu li .submenu {
    background: #00B278;
    z-index: 99;
    padding: 6px;
    border-radius: 12px;
  }
  .header .header-center .header__menu li .submenu li a {
    color: #fff;
  }
}
.header .header-center .header__menu li.has-submenu {
  padding-bottom: 15px;
  position: relative;
}
.header .header-center .header__menu li.has-submenu:hover .submenu {
  display: flex;
  flex-direction: column;
}
.header .header-center .header__menu li.has-submenu:hover .arrow {
  transform: rotate(180deg);
}
.header .header-center .header__menu li.has-submenu .arrow {
  background-image: url("/images/icons/arrow-hed.svg");
  position: absolute;
  right: -17px;
  width: 11px;
  height: 11px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 8px;
  transition: all 0.3s;
}
.header .header-center .header__menu li.has-submenu.active .arrow {
  transform: rotate(180deg);
}
.header .header-center .header__menu.white li a {
  color: #fff !important;
}
@media (max-width: 992px) {
  .header .header-center .header__menu.white li a {
    color: #1F1F1F !important;
  }
}
.header .header-center .header__menu.white .has-submenu .arrow {
  filter: invert(1);
}
@media (max-width: 992px) {
  .header .header-center .header__menu.white .has-submenu .arrow {
    filter: none;
  }
}
.header .header-center .header__menu.black li a {
  color: #1F1F1F !important;
}
@media (max-width: 992px) {
  .header .header-center .header__menu {
    gap: 10px;
    margin-top: 0px;
  }
  .header .header-center .header__menu li.has-submenu {
    padding-bottom: 0px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .header .header-center .header__menu li.has-submenu:hover .submenu {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  .header .header-center {
    width: 100%;
    padding-left: 10px;
  }
}
.header-right {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #00B278;
  display: flex;
  align-items: center;
}
.header-right .header-btns {
  display: flex;
  margin-left: auto;
  align-items: center;
}
.header-right .header-btns .header-message {
  position: relative;
}
.header-right .header-btns .header-message + .header-message {
  margin-left: 15px;
}
.header-right .header-btns .header-message span {
  position: absolute;
  top: 5px;
  left: 21px;
  background-color: #de0101;
  border-radius: 50%;
  width: 19px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 800;
  font-size: 9px;
  padding: 0px 7px;
  color: #ffffff;
  border: 2px solid #ffffff;
}
.header-right .header-btns .header-message.white img {
  filter: invert(1);
}
@media (max-width: 992px) {
  .header-right .header-btns .header-message.white img {
    filter: none;
  }
}
.header-right .header-btns .header-message.bell span {
  left: 17px;
  top: 5px;
}
@media (max-width: 992px) {
  .header-right .header-btns {
    margin-top: 20px;
    margin-right: auto;
  }
}
.header-right .header-profile {
  position: relative;
}
.header-right .header-profile .header-profile__wrapper {
  display: flex;
  align-items: center;
  margin-left: 30px;
  cursor: pointer;
}
@media (max-width: 992px) {
  .header-right .header-profile .header-profile__wrapper {
    margin-left: 0px;
  }
}
.header-right .header-profile .header-profile__wrapper:hover .header-user-name {
  color: #00B278;
}
.header-right .header-profile .header-user-name {
  margin-left: 8px;
  font-size: 14px;
  position: relative;
}
.header-right .header-profile .header-user-name::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.header-right .header-profile .user-img {
  display: inline-block;
  position: relative;
  margin-right: 5px;
}
.header-right .header-profile .user-img > img {
  height: 46px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 46px;
  border-radius: 50%;
}
.header-right .header-profile .btn-menu {
  margin: 0 15px;
  transition: 0.3s;
  color: #00B278;
  font-weight: 400;
  text-decoration: none;
}
.header-right .header-profile .btn-menu:hover {
  color: #161C2D;
}
.header-right .header-profile .dropdown-menu {
  display: none;
}
.header-right .header-profile .dropdown-menu.emp {
  position: absolute;
  background-color: #00B278;
  min-width: 180px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
  right: 0px;
  top: 57px;
  padding-bottom: 10px;
  z-index: 1;
}
@media (max-width: 992px) {
  .header-right .header-profile .dropdown-menu.emp {
    right: auto;
  }
}
.header-right .header-profile .dropdown-item {
  padding: 5px;
  padding: 5px;
  transition: 0.3s;
  color: #FFF;
  font-weight: 500;
  text-decoration: none;
}
.header-right .header-profile .dropdown-item:hover {
  color: #161C2D;
}
.header-right .header-profile .drop-head {
  background: #101EC5;
  padding: 6px;
  padding: 6px;
  font-weight: 600;
  color: #FFF;
}
@media (max-width: 992px) {
  .header-right .header-profile {
    margin-left: 0px;
    margin-top: 5px;
  }
}
@media (max-width: 992px) {
  .header-right {
    width: auto;
    flex-direction: column;
  }
}
.header__wrapper-item {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: space-between;
}
.header__burger {
  display: none;
  flex-direction: column;
  position: absolute;
  width: 30px;
  top: 34px;
  height: 20px;
  z-index: 3;
  right: 30px;
}
.header__burger-line {
  height: 3px;
  border-radius: 15px;
  background-color: #00B278;
  transition: all 0.3s;
  width: 100%;
}
.header__burger-line + .header__burger-line {
  margin-top: 5px;
}
.header__burger.active {
  top: 32px;
}
.header__burger.active .header__burger-line:first-child {
  display: none;
}
.header__burger.active .header__burger-line:nth-child(2) {
  transform: rotate(47deg) translate(5px, 5px);
}
.header__burger.active .header__burger-line:nth-child(3) {
  transform: rotate(-45deg) translate(0, -1px);
}
@media (max-width: 992px) {
  .header__burger {
    display: flex;
  }
}
@media (max-width: 653px) {
  .header {
    padding: 10px 0px;
  }
}
@media (max-width: 992px) {
  .header__wrapper-item {
    display: none;
    flex-direction: column;
    position: absolute;
    background: white;
    width: 100%;
    top: 0px;
    padding-bottom: 22px;
  }
  .header__wrapper-item.active {
    display: flex;
  }
  .header__burger {
    top: 19px;
  }
  .header__burger.active {
    top: 15px;
  }
  .header__menu {
    display: flex;
    flex-direction: column;
  }
}

.footer {
  background: white;
  padding: 50px 0px;
}
.footer__inner .footer-top {
  width: 100%;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(5, 1fr);
  gap: 40px;
}
.footer__inner .footer-top .menu-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer__inner .footer-top .menu-column h2 {
  text-transform: uppercase;
}
.footer__inner .footer-top .menu-column a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1F1F1F;
}
.footer__inner .footer-top h2 {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
}
@media (max-width: 992px) {
  .footer__inner .footer-top {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
@media (max-width: 653px) {
  .footer__inner .footer-top {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
@media (max-width: 1200px) {
  .footer__inner {
    flex-direction: column;
  }
}
.footer .footer-bottom {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #E2E2E2;
}
.footer .footer-bottom .signature {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #747474;
}
.footer .footer-bottom .contacts-wrap {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #1F1F1F;
}
.footer .footer-bottom .contacts-wrap .email:before {
  content: url("/images/icons/email-blue.svg");
  position: absolute;
  margin-right: 0;
  left: -18px;
  top: 2px;
}
@media (max-width: 653px) {
  .footer .footer-bottom .contacts-wrap {
    flex-direction: column;
    gap: 10px;
  }
  .footer .footer-bottom .contacts-wrap .email {
    margin-left: 19px;
  }
}
@media (max-width: 653px) {
  .footer .footer-bottom {
    margin-top: 10px;
    padding-top: 10px;
  }
}
.footer__left {
  display: flex;
  flex-direction: column;
  max-width: 400px;
  width: 100%;
}
@media (max-width: 1200px) {
  .footer__left-top {
    order: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 15px;
  }
}
@media (max-width: 1200px) {
  .footer__left {
    max-width: 100%;
    width: 100%;
  }
}
.footer__left-payment {
  display: flex;
  gap: 10px;
  margin-top: 15px;
}
.footer__left-copyright {
  margin-top: 12px;
  line-height: 21px;
  font-size: 15px;
}
.footer__left-bottom {
  margin-top: 40px;
  margin-left: -6px;
}
@media (max-width: 1200px) {
  .footer__left-bottom {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.footer__bottom-item + .footer__bottom-item {
  margin-top: 24px;
}
@media (max-width: 1200px) {
  .footer__bottom-item + .footer__bottom-item {
    margin-top: 10px;
  }
}
.footer__bottom-item.social {
  display: flex;
  margin-left: -8px;
}
.footer__bottom-item.social .footer-social-link {
  height: 38px;
}
.footer__bottom-item.social .footer-social-link-img {
  height: 100%;
}
.footer__bottom-item.contacts a {
  display: flex;
  font-size: 15px;
  align-items: flex-start;
}
@media (max-width: 1200px) {
  .footer__bottom-item.social {
    margin-left: 0px;
    order: 1;
  }
}
.footer__right {
  width: 100%;
  margin-left: 29px;
}
.footer__right nav {
  display: flex;
}
.footer__right nav ul {
  -moz-column-count: 3;
       column-count: 3;
}
.footer__right nav ul li {
  min-width: 190px;
}
.footer__right nav ul li + li {
  margin-top: 5px;
}
.footer__right nav ul a {
  font-size: 16px;
  line-height: 20px;
  transition: all 0.3s;
}
.footer__right nav ul a:hover {
  color: #00B278;
}
.footer__right nav ul + ul {
  margin-left: 65px;
  -moz-column-count: 1;
       column-count: 1;
}
@media (max-width: 1200px) {
  .footer__right {
    margin-left: 0px;
    order: -1;
  }
}
@media (max-width: 992px) {
  .footer__right nav {
    flex-direction: column;
  }
  .footer__right nav ul {
    -moz-column-count: 2;
         column-count: 2;
  }
  .footer__right nav ul li {
    min-width: auto;
  }
  .footer__right nav ul + ul {
    -moz-column-count: 2;
         column-count: 2;
    margin-left: 0px;
    margin-top: 10px;
  }
}
@media (max-width: 992px) {
  .footer {
    padding: 25px 0;
  }
}
.footer-socials {
  margin-top: 15px;
  display: flex;
  gap: 10px;
}
.footer-socials li a {
  color: #101EC5;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s;
  text-transform: uppercase;
}
.footer-socials li a:hover {
  color: #009464;
}
@media (max-width: 460px) {
  .footer-socials li a {
    font-size: 12px;
  }
}
.footer .email {
  display: flex;
  align-items: center;
  position: relative;
}

.btn {
  cursor: pointer;
}
.btn-auth {
  font-weight: 700;
  font-size: 14px;
  color: #009464;
  text-transform: uppercase;
}
.btn-purple {
  background: #00B278;
  color: #fff;
}
.btn-purple:hover {
  background: #161C2D;
}
.btn-white {
  background: #FFF;
  color: #161C2D;
}
.btn-white:hover {
  background: #161C2D;
  color: #FFF;
}
.btn-black {
  color: #FFF;
  background: #161C2D;
}
.btn-black:hover {
  background: #00B278;
  color: #FFF;
}
.btn-search {
  border: none;
  height: 100%;
  padding: 12px 22px;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  color: #FFF;
  border-radius: 50px;
  background: #00B278;
  transition: all 0.3s;
}
.btn-search:hover {
  background: #161C2D;
}
.btn-all {
  border-radius: 50px;
  padding: 13px 32px;
  font-weight: 700;
  font-size: 16px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 50px;
  transition: all 0.3s;
}
.btn-details {
  border-radius: 50px;
  border: 2px solid #00B278;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 24px;
  color: #00B278;
  transition: all 0.3s;
  display: block;
  text-align: center;
}
.btn-details:hover {
  color: #FFF;
  background: #00B278;
}
.btn-filter {
  transition: all 0.3s;
  border: none;
  padding: 12px 20px;
  font-weight: 700;
  font-size: 14px;
  width: 100%;
  border-radius: 50px;
  border: 2px solid #101EC5;
  background: #101EC5;
  margin-top: 10px;
}
.btn-filter:hover {
  border: 2px solid #161C2D;
  background: #111;
}
.btn-filter .reset {
  display: block;
}
.btn-with-image {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  border-radius: 50px;
  padding: 10px;
  font-size: 14px;
  font-weight: 800;
  transition: all 0.3s;
}
.btn-with-image img {
  margin-right: 12px;
}
.btn-profile {
  padding: 3px 12px;
  border-radius: 8px;
  border: 1.5px solid #00B278;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  font-weight: 700;
  color: #00B278;
}
.btn-profile img {
  margin-right: 8px;
}
.btn-profile.favourited {
  border-radius: 8px;
  border: 1.5px solid #009464;
  color: #009464;
}

.breadcrumbs {
  flex-wrap: wrap;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 35px;
  margin-top: 23px;
}
@media ((max-width: 992px)) {
  .breadcrumbs {
    margin-bottom: 10px;
  }
}
.breadcrumbs-item {
  color: #5C5C5C;
  display: inline;
}
.breadcrumbs-item.white {
  color: #B3B3B3;
}
.breadcrumbs-item-link {
  color: var(--color-black);
  text-decoration: none;
}
.breadcrumbs-item-link.white {
  color: var(--color-white);
}
.breadcrumbs-item-link:hover {
  text-decoration: underline;
}
.breadcrumbs-separator {
  margin-left: 5px;
  margin-right: 5px;
  display: inline;
  margin-bottom: -2px;
}
.breadcrumbs-separator.white {
  filter: brightness(4);
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.pagination-right, .pagination-left {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
}
.pagination-right-img, .pagination-left-img {
  width: 20px;
}
.pagination-left-img {
  transform: rotate(180deg);
}
.pagination-pages {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination-item {
  border: none;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  margin: 0 12.5px;
  font-weight: 600;
  font-size: 14px;
  transition: 0.3s;
  color: #111;
  cursor: pointer;
}
@media (max-width: 653px) {
  .pagination-item {
    width: 16px;
    height: 16px;
  }
}
.pagination-item.disabled {
  pointer-events: none;
}
.pagination-item:hover, .pagination-item.active {
  color: #8B8B8B;
  font-weight: 600;
  font-size: 14px;
}

.search {
  margin-top: 85px;
}
.search__inner {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .search__inner {
    flex-direction: column;
  }
}
.search__left {
  max-width: 520px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 992px) {
  .search__left {
    max-width: 100%;
  }
}
.search__text p {
  margin-top: 20px;
  font-size: 17px;
  line-height: 27px;
}
.search__element-form {
  border-radius: 50px;
  box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.08);
  background-color: white;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  margin-top: 40px;
}
@media (max-width: 992px) {
  .search__element-form {
    margin-top: 20px;
  }
}
@media (max-width: 653px) {
  .search__element-form {
    box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.15);
    justify-content: center;
    align-items: center;
    align-self: center;
    flex-direction: column;
    position: relative;
    padding: 15px;
    width: 100%;
    max-width: 350px;
  }
  .search__element-form-ico {
    position: absolute;
    right: 31px;
    top: 26px;
  }
  .search__element-form-select {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
  .search__element-form-options {
    width: 100%;
  }
  .search__element-form .home-search-form {
    margin: 0 0 15px 0;
  }
  .search__element-form button {
    margin-top: 10px;
    width: 100%;
  }
}
.search__element-form-input {
  padding: 12px 30px 12px 12px;
  font-weight: 500;
  font-size: 15px;
  height: 48px;
  width: 230px;
  border: 0;
  flex-grow: 1;
}
.search__element-form-separator {
  width: 1px;
  height: 18px;
  background-color: #C1C1C1;
}
@media (max-width: 653px) {
  .search__element-form-separator {
    width: 18px;
    height: 1px;
  }
}
.search__element-form-select {
  width: 197px;
  padding: 0 16px 0 16px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.search__element-form-title {
  font-size: 15px;
  font-weight: 500;
  margin-right: 10px;
}
.search__element-form-options {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transform: translate(0, 5px);
  transition: 0.3s;
  background-color: white;
  border-radius: 8px;
  top: 18px;
  padding: 8px 8px 5px 8px;
}
.search__element-form-select:hover > .search__element-form-options {
  transform: translate(0, 0);
  opacity: 1;
  pointer-events: auto;
}
.search__element-form-option {
  margin-bottom: 3px;
  font-size: 15px;
  font-weight: 500;
}
.search__element-form-option:hover {
  text-decoration: underline;
}
.search__box {
  margin-top: 128px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: -35px;
}
@media (max-width: 1200px) {
  .search__box {
    margin-top: 20px;
  }
}
@media (max-width: 653px) {
  .search__box {
    margin-left: -10px;
  }
}
.search__box-item {
  display: flex;
  flex-direction: column;
  flex-basis: calc(33.333% - 35px);
  margin-left: 35px;
  padding: 11px 30px 13px 16px;
  border-radius: 12px;
}
.search__box-item span {
  font-size: 26px;
  line-height: 34px;
  color: #FFF;
}
.search__box-item p {
  color: #FFF;
  margin-top: 4px;
  font-size: 14px;
  line-height: 16px;
}
.search__box-item.orange {
  background: #FBC847;
}
.search__box-item.purple {
  background: #DA8BFF;
}
.search__box-item.blue {
  background: #85C4FF;
}
@media (max-width: 653px) {
  .search__box-item {
    flex-basis: calc(33.333% - 10px);
    margin-left: 10px;
  }
}
@media (max-width: 460px) {
  .search__box-item {
    flex-basis: 100%;
  }
}
.search__right {
  margin-right: -100px;
}
.search__right img {
  width: auto;
  height: auto;
}
@media (max-width: 1453px) {
  .search__right {
    margin-left: 20px;
    margin-right: 0px;
  }
}
@media (max-width: 992px) {
  .search__right {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 460px) {
  .search__right {
    margin-top: 40px;
    width: 100%;
    height: 100%;
  }
  .search__right img {
    width: 100%;
    height: 100%;
    transform: scale(1.1);
  }
}
@media (max-width: 992px) {
  .search {
    margin-top: 40px;
  }
}
@media (max-width: 460px) {
  .search__box-item + .search__box-item {
    margin-top: 10px;
  }
}

.rating-stars-bg {
  background-image: url("/build/website/images/icons/star-grey.svg");
  background-size: 15px 15px;
  width: 75px;
  height: 15px;
  margin-right: 10px;
}

.rating-stars {
  background-image: url("/build/website/images/icons/star.svg");
  background-size: 15px 15px;
  height: 100%;
}

.rating-number {
  color: #5C5C5C;
  font-size: 12px;
  font-weight: 600;
  margin-top: 4px;
}

.promo {
  margin-top: 120px;
}
.promo__inner {
  display: flex;
  justify-content: space-between;
  margin-left: -20px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (max-width: 776px) {
  .promo__inner {
    flex-direction: column;
  }
}
.promo__item {
  margin-left: 20px;
  flex-basis: calc(50% - 20px);
  padding: 50px 50px 216px 50px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  background-position: center;
}
.promo__item p {
  margin-top: 16px;
  max-width: 364px;
}
.promo__item a {
  display: block;
  margin-top: 30px;
}
.promo__item.project {
  background-image: url("/build/website/images/other/promo-project.png");
}
.promo__item.project h2 {
  color: #FFF;
}
.promo__item.project p {
  color: #FFF;
}
@media (max-width: 776px) {
  .promo__item.project {
    background-position: bottom;
  }
  .promo__item.project p {
    text-shadow: 1px 1px 2px black;
  }
}
.promo__item.developer {
  background-image: url("/build/website/images/other/promo-dev.png");
}
@media (max-width: 992px) {
  .promo__item {
    padding: 50px 50px 50px 50px;
  }
}
@media (max-width: 653px) {
  .promo__item {
    padding: 30px;
  }
}
@media (max-width: 1200px) {
  .promo {
    margin-top: 40px;
  }
}
@media (max-width: 776px) {
  .promo__item + .promo__item {
    margin-top: 20px;
  }
}

.preview-user__wrapper {
  display: flex;
  align-items: center;
}
.preview-user__wrapper img {
  border-radius: 8px;
}
.preview-user__right {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
}
.preview-user__right span {
  font-size: 20px;
  line-height: 22px;
}
.preview-user__right p {
  font-size: 16px;
  margin-top: 3px;
  line-height: 24px;
  color: #5C5C5C;
}
.preview-user__body-top {
  margin-top: 25px;
  display: flex;
}
@media (max-width: 460px) {
  .preview-user__body-top {
    margin-top: 15px;
    flex-direction: column;
  }
}
.preview-user__body-item {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
  color: #5C5C5C;
}
.preview-user__body-item img {
  margin-right: 8px;
}
.preview-user__body-item + .preview-user__body-item {
  margin-left: 12px;
}
@media (max-width: 460px) {
  .preview-user__body-item + .preview-user__body-item {
    margin-left: 0px;
    margin-top: 5px;
  }
}
.preview-user__body-content {
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  margin-left: -12px;
  margin-bottom: 30px;
}
@media (max-width: 460px) {
  .preview-user__body-content {
    margin-top: 15px;
    margin-bottom: 10px;
  }
}
.preview-user__body-element {
  border-radius: 6px;
  background: #F6F6F6;
  display: flex;
  flex-direction: column;
  margin-left: 12px;
  flex-basis: calc(50% - 12px);
  margin-bottom: 12px;
  padding: 6px 12px;
}
.preview-user__body-element p {
  font-size: 13px;
  line-height: 18px;
  color: #5C5C5C;
}
.preview-user__body-element span {
  margin-top: 2px;
  display: block;
  font-size: 14px;
  line-height: 20px;
}
.preview-user__footer {
  margin-top: auto;
}
@media (max-width: 992px) {
  .preview-user__footer {
    margin-top: 10px;
  }
}
.preview-user__body-description {
  padding: 0 12px;
}
.preview-user__body-content-list {
  margin-top: 18px;
}
.preview-user__body-list-item + .preview-user__body-list-item {
  margin-top: 4px;
}
.preview-user__body-list-item {
  display: flex;
  align-items: center;
}
.preview-user__body-list-item p {
  font-size: 14px;
  color: #5C5C5C;
  margin-right: 12px;
}
.preview-user__body-list-item span {
  font-size: 14px;
  line-height: 20px;
}
.preview-user__body-list-item img {
  margin-right: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
}

.project-single {
  margin-top: 30px;
  margin-bottom: 130px;
}
@media (max-width: 992px) {
  .project-single {
    margin-bottom: 30px;
    margin-top: 15px;
  }
}
.project-single h1 {
  font-weight: 600;
  font-size: 30px;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .project-single h1 {
    font-size: 20px;
  }
}
.project-single__promo {
  margin-top: 25px;
}
.project-single__promo .profile__plug-item {
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 992px) {
  .project-single__promo {
    margin-top: 10px;
  }
}
.project-single__wrapper {
  display: flex;
  align-items: flex-start;
  margin-top: 35px;
}
@media (max-width: 992px) {
  .project-single__wrapper {
    margin-top: 15px;
    flex-direction: column;
  }
}
.project-single__left {
  max-width: 932px;
  width: 100%;
}
@media (max-width: 992px) {
  .project-single__left {
    max-width: 100%;
    margin-top: 20px;
  }
}
.project-single__item {
  border-radius: 12px;
  padding: 30px 35px;
  background: #EEF5F5;
  font-weight: 400;
  font-size: 14px;
}
.project-single__item h2 {
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}
.project-single__item p, .project-single__item span, .project-single__item h3 {
  font-weight: 400;
  font-size: 14px;
}
.project-single__item p + p {
  margin-top: 5px;
}
@media (max-width: 992px) {
  .project-single__item {
    padding: 15px;
  }
}
.project-single__item + .project-single__item {
  margin-top: 25px;
}
.project-single__right {
  margin-left: 80px;
  max-width: 268px;
  width: 100%;
}
.project-single__right button {
  width: 100%;
  border-radius: 12px;
  padding: 16px 28px;
  font-weight: 600;
  font-size: 14px;
  border: none;
  background: #101EC5;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 992px) {
  .project-single__right {
    order: -1;
    margin-left: 0;
    margin-top: 10px;
  }
  .project-single__right button {
    padding: 8px 24px;
  }
}
.project-single__right p {
  margin-top: 10px;
  color: #00B278;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.developers {
  margin-top: 125px;
}
.developers__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .developers__top a {
    display: none;
  }
}
.developers__top-content p {
  margin-top: 10px;
}
.developers__inner {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -25px;
}
@media (max-width: 992px) {
  .developers__inner {
    margin-top: 20px;
  }
}
.developers__item {
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.1);
  padding: 25px;
  margin-left: 25px;
  flex-basis: calc(25% - 25px);
  margin-bottom: 35px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .developers__item {
    flex-basis: calc(50% - 25px);
  }
}
@media (max-width: 776px) {
  .developers__item {
    flex-basis: 100%;
  }
}
@media (max-width: 653px) {
  .developers__item {
    padding: 10px;
  }
}
.developers__item .preview-user__right span {
  font-size: 17px;
}
.developers__item .preview-user__right p {
  font-size: 14px;
}
.developers__item .preview-user__footer {
  margin-top: auto;
}
.developers__item .preview-user__body {
  margin-bottom: 20px;
}
.developers__bottom {
  display: none;
}
@media (max-width: 992px) {
  .developers__bottom {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 1200px) {
  .developers {
    margin-top: 60px;
  }
}

.posts {
  margin-top: 3px;
}
.posts__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .posts__top a {
    display: none;
  }
}
.posts__inner {
  margin-top: 35px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -50px;
}
@media (max-width: 1200px) {
  .posts__inner {
    margin-top: 20px;
  }
}
.posts__item {
  position: relative;
  margin-left: 50px;
  flex-basis: calc(50% - 50px);
  margin-bottom: 35px;
  padding: 20px;
  border-radius: 12px;
  background: #EEF5F5;
  display: flex;
}
@media (max-width: 1200px) {
  .posts__item {
    flex-basis: 100%;
    padding: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 653px) {
  .posts__item {
    flex-direction: column;
  }
}
.posts__item-img {
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 653px) {
  .posts__item-img {
    width: 100%;
    height: 100%;
  }
}
.posts__item-body {
  margin-left: 25px;
}
@media (max-width: 653px) {
  .posts__item-body {
    margin-left: 0px;
    margin-top: 10px;
  }
}
.posts__item-title {
  font-weight: 600;
  font-size: 15px;
  color: #1F1F1F;
  line-height: normal;
}
.posts__item-description {
  margin-top: 10px;
  font-weight: 400;
  font-size: 13px;
  color: #1F1F1F;
}

.input-wrapper {
  border: 1px solid #D9D9D9;
  border-radius: 12px;
  position: relative;
  display: block;
}
.input-wrapper-label {
  font-size: 14px;
  font-family: "Work Sans";
  line-height: 20px;
  color: #8B8B8B;
  margin-bottom: 6px;
}
.input-text {
  width: 100%;
  padding: 13px 15px;
  border: 0;
  border-radius: 20px;
}
.input-textarea {
  width: 100%;
  padding: 13px 15px;
  border: 0;
  border-radius: 20px;
}
.input-textarea:focus-visible {
  outline: none;
}

.custom-select-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 13px 15px;
  cursor: pointer;
}

.custom-select {
  font-size: 14px;
  line-height: 20px;
}

.custom-select-arrow {
  transition: 0.3s;
}

.custom-select-wrapper.active > .custom-select-arrow {
  transform: rotate(180deg);
}

.custom-select-options {
  position: absolute;
  width: 100%;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  transform: translate(0, 10px);
  padding: 13px 12px 13px 15px;
  z-index: 5;
  background-color: #FFF;
  transition: 0.3s;
  pointer-events: none;
  opacity: 0;
  max-height: 200px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.custom-select-wrapper.active + .custom-select-options {
  transform: translate(0, 5px);
  pointer-events: auto;
  opacity: 1;
}

.custom-select-options-scrollable {
  overflow: auto;
  max-height: 174px;
}

.custom-select-options-scrollable::-webkit-scrollbar {
  width: 4px;
  padding-right: 10px;
}

.custom-select-options-scrollable::-webkit-scrollbar-track {
  background-color: #D9D9D9;
  border-radius: 10px;
}

.custom-select-options-scrollable::-webkit-scrollbar-thumb {
  background: #00B278;
  border-radius: 10px;
}

.custom-select-option {
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
}

.custom-select-option:hover {
  text-decoration: underline;
}

.custom-select-option:nth-last-child(1) {
  margin-bottom: 0;
}

.form-control.select {
  display: none;
}

.filter {
  padding-bottom: 120px;
}
.filter h2 {
  font-weight: 600;
  font-size: 30px;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .filter h2 {
    font-size: 20px;
  }
}
.filter__search {
  margin-top: 30px;
}
@media (max-width: 992px) {
  .filter__search {
    margin-top: 15px;
  }
}
.filter-search__item {
  display: flex;
  border-radius: 12px;
  padding: 14px 15px 14px 20px;
  max-width: 528px;
  width: 100%;
  background: #FFFFFF;
  align-items: center;
}
.filter-search__item input {
  margin-left: 15px;
  background: none;
  padding: 0px;
  border: none;
  width: 100%;
}
.filter-search__item button {
  background: none;
  padding: 0px;
  border: none;
  margin-left: 15px;
  cursor: pointer;
}
@media (max-width: 992px) {
  .filter-search__item {
    max-width: 100%;
  }
}
.filter__wrapper {
  display: flex;
  margin-top: 50px;
}
@media (max-width: 992px) {
  .filter__wrapper {
    flex-direction: column;
    margin-top: 25px;
  }
}
.filter__left {
  max-width: 330px;
  width: 100%;
  margin-right: 60px;
}
@media (max-width: 992px) {
  .filter__left {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.filter__right {
  max-width: 890px;
  width: 100%;
}
.filter__category .filter-category__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.filter__category .filter-category__show {
  width: 9px;
  position: relative;
  cursor: pointer;
}
.filter__category .filter-category__show:before {
  content: "";
  width: 10px;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  background: #111;
}
.filter__category .filter-category__show:after {
  content: "";
  width: 2px;
  height: 9px;
  border-radius: 2px;
  position: absolute;
  background: #111;
  left: 4px;
  top: -3.3px;
}
.filter__category.active .filter-category__show:after {
  display: none;
}
.filter__category.active ul {
  display: block;
}
.filter__category h3 {
  font-weight: 600;
  font-size: 20px;
  color: #111;
}
.filter__category ul {
  margin-top: 20px;
  display: none;
}
.filter__category ul li + li {
  margin-top: 12px;
}
.filter__category ul li a {
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  color: #1F1F1F;
}
.filter__category ul li a.active {
  color: #101EC5;
}
.filter__rate {
  margin-top: 50px;
}
@media (max-width: 992px) {
  .filter__rate {
    margin-top: 20px;
  }
}
.filter__rate.margin-none {
  margin-top: 0;
}
@media (max-width: 992px) {
  .filter__rate.margin-none {
    margin-top: 0;
  }
}
.filter__rate h3 {
  font-weight: 600;
  font-size: 20px;
  color: #111;
}
.filter__rate.active .filter-rate__show:after {
  display: none !important;
}
.filter__rate.active .filter-rate__wrapper {
  display: block;
}
.filter .price-slider {
  margin: 58px 23px 28px 20px;
}
.filter .filters-input-prices {
  display: flex;
  margin-top: 20px;
  gap: 20px;
}
.filter .filters-input-prices .input-wrapper-label {
  font-weight: 500;
  font-size: 12px;
}
.filter .filters-input-prices .input-wrapper {
  border: none;
  background: #fff;
}
.filter .filters-input-prices .input-wrapper input {
  font-weight: 400;
  font-size: 14px;
}
.filter-rate__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.filter-rate__show {
  width: 9px;
  position: relative;
  cursor: pointer;
}
.filter-rate__show:before {
  content: "";
  width: 10px;
  height: 2px;
  border-radius: 2px;
  position: absolute;
  background: #111;
}
.filter-rate__show:after {
  content: "";
  width: 2px;
  height: 9px;
  border-radius: 2px;
  position: absolute;
  background: #111;
  left: 4px;
  top: -3.3px;
}
.filter-rate__wrapper {
  display: none;
}
.filter__elements {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.filter__elements-item {
  border-radius: 12px;
  padding: 25px;
  background: #EEF5F5;
}
@media (max-width: 653px) {
  .filter__elements-item {
    padding: 15px;
  }
}
.filter__elements-title {
  font-weight: 600;
  font-size: 18px;
  color: #111;
}
.filter__elements-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 653px) {
  .filter__elements-top {
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
  }
}
.filter__elements-left {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 653px) {
  .filter__elements-left {
    flex-direction: column;
    align-items: flex-start;
  }
}
.filter__elements-left img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.filter__elements-info {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.filter__elements-info a {
  font-weight: 600;
  font-size: 18px;
  color: #111;
  cursor: pointer;
  transition: all 0.3s;
}
.filter__elements-info a:hover {
  color: #101EC5;
}
.filter__elements-info p {
  font-weight: 400;
  font-size: 14px;
  color: #101EC5;
}
.filter__elements-right {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (max-width: 653px) {
  .filter__elements-right {
    flex-direction: row;
  }
}
.filter__elements-plug {
  border-radius: 8px;
  padding: 0 8px;
  background: #00B278;
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
}
.filter__elements-description {
  margin-top: 25px;
  font-weight: 400;
  font-size: 14px;
  color: #1F1F1F;
}
.filter__elements-description p {
  font-weight: 400;
  font-size: 14px;
  color: #1F1F1F;
}
.filter__elements-description p + p {
  margin-top: 10px;
}
@media (max-width: 653px) {
  .filter__elements-description {
    margin-top: 10px;
  }
}
.filter__elements-skills {
  margin-top: 25px;
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (max-width: 653px) {
  .filter__elements-skills {
    gap: 5px;
    margin-top: 10px;
  }
}
.filter__skills-item {
  border-radius: 8px;
  padding: 7px 12px;
  background: #FFFFFF;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  color: #605d5d;
}
@media (max-width: 653px) {
  .filter__skills-item {
    padding: 7px 7px;
  }
}
.filter__elements-portfolio {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -16px;
}
@media (max-width: 653px) {
  .filter__elements-portfolio {
    margin-left: -10px;
  }
}
.filter__portfolio-item {
  flex-basis: calc(25% - 16px);
  margin-left: 16px;
  margin-bottom: 16px;
}
@media (max-width: 653px) {
  .filter__portfolio-item {
    margin-left: 10px;
    flex-basis: calc(50% - 10px);
  }
}
.filter__portfolio-item img {
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.filter__reset {
  margin-top: 10px;
  display: block;
  color: #101EC5;
  cursor: pointer;
}
.filter .loading-indicator {
  height: 100%;
  display: flex;
  justify-content: center;
  width: 100%;
  min-width: 100%;
}
.filter .loading-indicator .lds-roller {
  /* change color here */
  color: #101EC5;
}
.filter .loading-indicator .lds-roller,
.filter .loading-indicator .lds-roller div,
.filter .loading-indicator .lds-roller div:after {
  box-sizing: border-box;
}
.filter .loading-indicator .lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.filter .loading-indicator .lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.filter .loading-indicator .lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7.2px;
  height: 7.2px;
  border-radius: 50%;
  background: currentColor;
  margin: -3.6px 0 0 -3.6px;
}
.filter .loading-indicator .lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.filter .loading-indicator .lds-roller div:nth-child(1):after {
  top: 62.62742px;
  left: 62.62742px;
}
.filter .loading-indicator .lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.filter .loading-indicator .lds-roller div:nth-child(2):after {
  top: 67.71281px;
  left: 56px;
}
.filter .loading-indicator .lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.filter .loading-indicator .lds-roller div:nth-child(3):after {
  top: 70.90963px;
  left: 48.28221px;
}
.filter .loading-indicator .lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.filter .loading-indicator .lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.filter .loading-indicator .lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.filter .loading-indicator .lds-roller div:nth-child(5):after {
  top: 70.90963px;
  left: 31.71779px;
}
.filter .loading-indicator .lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.filter .loading-indicator .lds-roller div:nth-child(6):after {
  top: 67.71281px;
  left: 24px;
}
.filter .loading-indicator .lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.filter .loading-indicator .lds-roller div:nth-child(7):after {
  top: 62.62742px;
  left: 17.37258px;
}
.filter .loading-indicator .lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.filter .loading-indicator .lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12.28719px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.filter__elements-delete-favorite {
  margin-top: 20px;
  border-radius: 8px;
  background: #101EC5;
  border: none;
  color: #fff;
  padding: 5px;
  font-weight: 600;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  width: 100%;
  transition: all 0.3s;
}
.filter__elements-delete-favorite:hover {
  background: #00B278;
}

.blog h1 {
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 25px;
}
@media (max-width: 1200px) {
  .blog h1 {
    font-size: 25px;
  }
}
.blog .content {
  margin-bottom: 130px;
}
.blog .content img {
  border-radius: 16px;
  height: 100%;
  width: 100%;
  margin: 25px 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog .content__block {
  margin-top: 25px;
}
.blog .content h2 {
  margin-top: 50px;
  margin-bottom: 16px;
}
.blog .content p + p {
  margin-top: 10px;
}
.blog .content ul {
  margin-top: 15px;
}
.blog .content ul li::before {
  color: #101EC5 !important;
}
.blog .content ul li + li {
  margin-top: 8px;
}
@media (max-width: 1200px) {
  .blog .content {
    margin-bottom: 40px;
  }
  .blog .content h2 {
    margin-top: 20px;
    margin-bottom: 5px;
  }
  .blog .content p + p {
    margin-top: 5px;
  }
}

.faq {
  margin-top: 130px;
  padding: 130px 0px;
}
@media (max-width: 1200px) {
  .faq {
    margin-top: 60px;
    padding: 60px 0px;
  }
}
.faq__wrapper {
  margin-top: 50px;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}
.faq h2 {
  text-align: center;
}
.faq p {
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  color: #464c56;
  margin-top: 20px;
}
.faq.page {
  margin-top: 30px;
  padding: 0px;
}
.faq__box {
  padding: 80px 20px;
  background: #101EC5;
  border-radius: 12px;
  margin-bottom: 130px;
}
@media (max-width: 1200px) {
  .faq__box {
    padding: 20px 20px;
    margin-bottom: 0px;
  }
}
.faq__box-element {
  max-width: 958px;
  width: 100%;
  margin: 0 auto;
}
.faq__box-element h1 {
  font-weight: 600;
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 1200px) {
  .faq__box-element h1 {
    font-size: 23px;
  }
}
.faq__inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}
@media (max-width: 1200px) {
  .faq__inner {
    margin-top: 15px;
  }
}
.faq__top {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .faq__top {
    flex-direction: column;
  }
}
.faq__right {
  max-width: 636px;
  margin-left: 10px;
  width: 100%;
}
@media (max-width: 1200px) {
  .faq__right {
    max-width: 100%;
    margin-top: 25px;
    margin-left: 0px;
  }
}
.faq__left {
  max-width: 464px;
  width: 100%;
}
.faq__left h3 {
  text-align: left;
  font-weight: 700;
  font-size: 32px;
}
@media (max-width: 1200px) {
  .faq__left h3 {
    font-size: 25px;
  }
}
.faq__left p {
  font-weight: 400;
  font-size: 18px;
  margin-top: 12px;
  text-align: left;
}
.faq__left .contacts-faq {
  display: flex;
  flex-direction: column;
}
.faq__left .contacts-form__top {
  flex-direction: column;
  margin-left: 0px;
}
.faq__left .contacts-form__top-element {
  margin-top: 25px;
  margin-left: 0px !important;
}
.faq__left .contacts-form__top-element + .contacts-form__top-element {
  margin-top: 12px;
}
.faq__left .contacts-form__bottom {
  max-width: 144px;
  margin-top: 15px;
}
.faq__left #filter_btn {
  margin-left: 0px;
}
@media (max-width: 1200px) {
  .faq__left {
    max-width: 100%;
  }
}
.faq__item {
  display: flex;
  flex-direction: column;
  padding: 25px 10px;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  width: 100%;
  border-bottom: 1px solid #eaecf0;
}
.faq__item.second-colum {
  flex-basis: calc(50% - 28px);
  margin-left: 28px;
}
@media (max-width: 1200px) {
  .faq__item.second-colum {
    flex-basis: calc(100% - 28px);
  }
}
@media (max-width: 1200px) {
  .faq__item {
    padding: 15px 10px;
    margin-bottom: 10px;
  }
}
.faq__title {
  font-weight: 600;
  font-size: 18px;
  display: flex;
  text-align: left;
  padding-right: 10px;
  width: 100%;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  color: #fff;
  align-items: center !important;
}
.faq__title span {
  position: relative;
}
@media (max-width: 1200px) {
  .faq__title span {
    right: -10px;
  }
}
.faq__title span:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  left: 50%;
  transform: translate(-50%);
}
@media (max-width: 1200px) {
  .faq__title span:before {
    width: 14px;
  }
}
.faq__title span:after {
  content: "";
  position: absolute;
  background: #fff;
  width: 2px;
  height: 18px;
  border-radius: 2px;
  left: 50%;
  transform: translate(-50%);
  transition: all 0.3s;
}
@media (max-width: 1200px) {
  .faq__title span:after {
    height: 14px;
  }
}
.faq__title:hover {
  color: #fff;
}
.faq__title:hover span img {
  transform: rotate(180deg);
}
.faq__title:hover svg {
  fill: #5C5C5C;
}
.faq__title.active {
  text-align: left;
}
.faq__title.active span:after {
  opacity: 0;
}
.faq__title.active svg {
  fill: #5C5C5C;
}
.faq__title span {
  display: block;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  margin-left: auto;
}
.faq__title span img {
  transition: all 0.3s;
}
@media (max-width: 1200px) {
  .faq__title span img {
    width: 12px;
  }
}
@media (max-width: 1200px) {
  .faq__title {
    font-size: 15px;
    align-items: flex-start;
  }
}
.faq__content {
  display: none;
  text-align: left;
  margin-top: 10px;
  width: 100%;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
}
.faq__content.active {
  display: block;
}
@media (max-width: 640px) {
  .faq__content {
    max-width: 100%;
    padding-left: 0px;
    align-items: self-start;
  }
}
.faq__bottom {
  margin-top: 47px;
  text-align: left;
}
.faq__bottom a {
  text-align: left;
  font-weight: 700;
  font-size: 16px;
  text-decoration: underline;
  color: #00B278;
}
.faq__bottom svg {
  margin-left: 10px;
}
@media (max-width: 1200px) {
  .faq__bottom {
    margin-top: 20px;
  }
}
@media (max-width: 1200px) {
  .faq {
    margin-top: 60px;
    padding: 30px 0px;
  }
  .faq.page {
    margin-top: 20px;
    padding: 0px;
  }
}
.faq__bootom {
  margin-top: 92px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.faq__bootom a {
  margin-top: 25px;
  padding: 12px 24px 11px 24px;
  font-weight: 700;
  font-size: 15px;
}
@media (max-width: 1200px) {
  .faq__bootom {
    margin-top: 40px;
  }
}
.faq__bootom-touch {
  font-weight: 500;
  font-size: 20px;
  margin-top: 32px;
  color: #111;
}
@media (max-width: 1200px) {
  .faq__bootom-touch {
    margin-top: 15px;
  }
}
.faq__bootom-text {
  margin-top: 10px;
}

.standart-content {
  max-width: 100%;
  margin-bottom: 40px;
}
.standart-content h1 {
  font-size: 32px;
}
@media (max-width: 1200px) {
  .standart-content h1 {
    font-size: 29px;
  }
}
.standart-content img {
  border-radius: 12px;
  margin: 50px auto 50px;
}
.standart-content h2 {
  margin-top: 50px;
  margin-bottom: 16px;
}
.standart-content p + p {
  margin-top: 10px;
}
.standart-content ul {
  margin-top: 15px;
}
.standart-content ul li::before {
  color: #101EC5 !important;
}
.standart-content ul li + li {
  margin-top: 8px;
}
@media (max-width: 1200px) {
  .standart-content {
    margin-bottom: 40px;
  }
  .standart-content img {
    border-radius: 12px;
    margin: 20px auto 20px;
  }
  .standart-content h2 {
    margin-top: 20px;
    margin-bottom: 5px;
  }
  .standart-content p + p {
    margin-top: 5px;
  }
}
.standart-content.full {
  max-width: 100%;
}
.standart .content > div {
  display: flex;
  flex-wrap: wrap;
}

.contacts__wrapper {
  display: flex;
  justify-content: space-between;
}
.contacts__wrapper h1 {
  font-size: 32px;
}
@media (max-width: 1200px) {
  .contacts__wrapper h1 {
    font-size: 29px;
  }
}
@media (max-width: 992px) {
  .contacts__wrapper {
    margin-top: 20px;
    flex-direction: column;
  }
}
.contacts-form {
  margin-top: 230px;
  border-radius: 16px;
  background: #101EC5;
  padding: 50px 60px 40px 60px;
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}
.contacts-form h2 {
  font-size: 40px;
  line-height: 40px;
  color: #FFF;
  font-weight: 600;
}
@media (max-width: 1200px) {
  .contacts-form h2 {
    font-size: 27px;
    line-height: 37px;
  }
}
.contacts-form__sub {
  margin-top: 15px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
}
.contacts-form__top {
  display: flex;
  flex-wrap: wrap;
  margin-left: -17px;
  justify-content: flex-start;
  margin-top: 35px;
}
@media (max-width: 1200px) {
  .contacts-form__top {
    margin-top: 10px;
  }
}
.contacts-form__top .contacts-form__top-element {
  flex-basis: calc(33.3333% - 17px);
  margin-left: 17px;
}
.contacts-form__top .contacts-form__top-element .input-wrapper-label {
  font-size: 14px;
  color: #FFF;
  font-weight: 600;
  line-height: 20px;
}
.contacts-form__top .contacts-form__top-element .input-wrapper {
  border-radius: 8px;
  border: none;
}
.contacts-form__top .contacts-form__top-element .input-wrapper input:-webkit-autofill,
.contacts-form__top .contacts-form__top-element .input-wrapper input:-webkit-autofill:hover,
.contacts-form__top .contacts-form__top-element .input-wrapper input:-webkit-autofill:focus,
.contacts-form__top .contacts-form__top-element .input-wrapper input:-webkit-autofill:active {
  background: rgba(255, 255, 255, 0.2);
  border: 1.2px solid #fff;
  -webkit-background-clip: padding-box;
  color: #fff !important;
  font-weight: 500;
  font-size: 13px;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #fff !important;
}
.contacts-form__top .contacts-form__top-element .input-text {
  border-radius: 12px;
  padding: 16px 15px 16px 20px;
  border: 1.2px solid #fff;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-weight: 500;
  font-size: 13px;
}
.contacts-form__top .contacts-form__top-element .input-text::-moz-placeholder {
  color: #fff;
}
.contacts-form__top .contacts-form__top-element .input-text::placeholder {
  color: #fff;
}
@media (max-width: 767px) {
  .contacts-form__top .contacts-form__top-element {
    flex-basis: 100%;
  }
}
@media (max-width: 767px) {
  .contacts-form__top .contacts-form__top-element + .contacts-form__top-element {
    margin-top: 15px;
  }
}
.contacts-form__bottom {
  margin-top: 16px;
  display: flex;
  align-items: flex-end;
}
.contacts-form__bottom .contacts-form__top-element {
  max-width: 757px;
  width: 100%;
}
.contacts-form__bottom .contacts-form__top-element .input-wrapper-label {
  font-size: 14px;
  color: #FFF;
  font-weight: 600;
  line-height: 20px;
}
.contacts-form__bottom .contacts-form__top-element .input-wrapper {
  border-radius: 8px;
  border: none;
}
.contacts-form__bottom .contacts-form__top-element .input-textarea {
  border-radius: 12px;
  padding: 16px 15px 16px 20px;
  border: 1.2px solid #fff;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-weight: 500;
  font-size: 13px;
  resize: none;
}
.contacts-form__bottom .contacts-form__top-element .input-textarea::-moz-placeholder {
  color: #fff;
}
.contacts-form__bottom .contacts-form__top-element .input-textarea::placeholder {
  color: #fff;
}
.contacts-form__bottom .btn-filter {
  border-radius: 12px;
  padding: 16px 28px;
  margin-left: 19px;
  border: none;
  background: #fff;
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  color: #1F1F1F;
  margin-bottom: 8px;
  width: 385px;
}
.contacts-form__bottom .btn-filter:hover {
  background: #FFF;
  color: #161C2D;
  border: none;
}
@media (max-width: 767px) {
  .contacts-form__bottom .btn-filter {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .contacts-form__bottom {
    flex-direction: column;
  }
  .contacts-form__bottom .contacts-form__top-element {
    margin-bottom: 20px;
  }
  .contacts-form__bottom .btn-filter {
    margin-left: 0px;
    max-width: 100%;
  }
}
.contacts-form .result {
  margin-top: 20px;
}
.contacts-form .result p {
  color: #FFF;
  font-weight: 500;
  font-size: 14px;
}
@media (max-width: 992px) {
  .contacts-form {
    margin-top: 30px;
    padding: 15px;
  }
}
.contacts-form__social {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 60px;
  padding-top: 20px;
  border-top: 1px solid #E2E2E2;
}
@media (max-width: 1200px) {
  .contacts-form__social {
    flex-direction: column;
    margin-top: 10px;
  }
}
.contacts-form__social-left {
  gap: 60px;
  display: flex;
}
@media (max-width: 1200px) {
  .contacts-form__social-left {
    flex-direction: column;
    gap: 20px;
  }
}
.contacts-form__social-item {
  font-weight: 400;
  font-size: 13px;
  color: #fff;
}
.contacts-form__social-right {
  gap: 60px;
  display: flex;
}
@media (max-width: 992px) {
  .contacts-form__social-right {
    flex-direction: column;
    gap: 10px;
  }
}
.contacts-form__social-right .contacts-form__social-item {
  text-transform: capitalize;
}

.single-layout__wrapper {
  display: flex;
  margin-top: 15px;
}
@media (max-width: 992px) {
  .single-layout__wrapper {
    flex-direction: column;
  }
}
.single-layout__left {
  min-width: 281px;
}
.single-layout__left-content {
  width: 100%;
}
.single-layout__left-content h3 {
  font-size: 15px;
  font-weight: 800;
  line-height: 22px;
  margin-bottom: 12px;
}
.single-layout-bg {
  background: #FFF;
}
.single-layout__line {
  width: 100%;
  height: 1px;
  background: #D9D9D9;
  margin-top: 25px;
  margin-bottom: 25px;
}
.single-layout__right {
  padding: 0px 0px 0px 60px;
  width: 100%;
}
@media (max-width: 992px) {
  .single-layout__right {
    padding: 0px;
    margin-top: 20px;
  }
}
.single-layout__right > div {
  border-radius: 16px;
  background: #FFF;
  padding: 25px;
}
@media (max-width: 992px) {
  .single-layout__right > div {
    padding: 15px;
  }
}
@media (max-width: 653px) {
  .single-layout__right > div {
    padding: 10px;
  }
}
.single-layout__right > div + div {
  margin-top: 25px;
  font-size: 14px;
}

.freelancer-profile-img {
  width: 120px;
  height: 120px;
  border-radius: 16px;
  margin: 0 auto;
}
.freelancer-profile-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.freelancer-profile-details h1 {
  font-size: 17px;
  font-weight: 700;
}
.freelancer-profile-title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 6px;
}
.freelancer-profile-subtitle {
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.freelancer-profile-tags {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.freelancer-profile-tags .profile-tag {
  margin-left: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  padding: 7px 16px;
  background: rgba(172, 20, 243, 0.1);
  color: #00B278;
  border-radius: 8px;
}

.single-profile-link {
  display: flex;
  align-items: center;
}
@media (max-width: 400px) {
  .single-profile-link a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
  }
}

.single-profile-link.offset-sm {
  margin-bottom: 8px;
}

.single-profile-link.offset {
  margin-bottom: 26px;
  margin-top: 15px;
}

.single-profile-link-a {
  color: #00B278;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-right: 12px;
}

.single-profile-link-copy {
  cursor: pointer;
}

.details-country-img {
  margin-right: 8px;
  border-radius: 2px;
  width: 20px;
  height: 15px;
}

.freelancer-details-btns {
  display: flex;
  margin-top: 16px;
  flex-direction: column;
}
.freelancer-details-btns a + a {
  margin-top: 10px;
}

.single-text-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}

.single-text-line-title {
  color: #5C5C5C;
  margin-right: 12px;
  font-size: 14px;
}

.single-text-line-content {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
}
.single-text-line-content img {
  margin-right: 8px;
}

.single-title {
  font-size: 17px;
  font-weight: 700;
  line-height: 28px;
}

.single-separator {
  margin-top: 27px;
  margin-bottom: 27px;
  border-top: 1px solid #D9D9D9;
}

.single-download-link {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  text-decoration: none;
  color: var(--color-black);
}

.single-download-link.offset {
  margin-bottom: 26px;
}

.single-download-link-a {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-right: 12px;
}

.single-download-link-ico {
  margin-left: 12px;
  cursor: pointer;
}

.single-freelancer-portfolio-title {
  margin-bottom: 20px;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
}

.single-freelancer-portfolio-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}
@media (max-width: 767px) {
  .single-freelancer-portfolio-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 460px) {
  .single-freelancer-portfolio-list {
    grid-template-columns: 1fr;
  }
}

.single-freelancer-portfolio-elm {
  border-radius: 20px;
  height: 190px;
  padding: 60px 0 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
}

.single-freelancer-portfolio-elm-bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px;
}

.single-freelancer-portfolio-elm-blue {
  background: rgba(172, 20, 243, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
}

.single-freelancer-portfolio-elm-ico {
  position: relative;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
}

.single-freelancer-portfolio-elm-title {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  padding: 8px 16px;
  color: #161C2D;
  pointer-events: none;
  background-color: white;
  z-index: 2;
  pointer-events: none;
  border-radius: 8px;
  opacity: 0;
  transition: 0.3s;
}

.single-freelancer-portfolio-elm:hover > .single-freelancer-portfolio-elm-blue,
.single-freelancer-portfolio-elm:hover > .single-freelancer-portfolio-elm-ico,
.single-freelancer-portfolio-elm:hover > .single-freelancer-portfolio-elm-title {
  opacity: 1;
}

.single-freelancer-review {
  padding: 16px;
  background-color: #F5F5F5;
  border-radius: 12px;
  margin-bottom: 12px;
}

.single-freelancer-review:nth-last-child(1) {
  margin-bottom: 0;
}

.single-freelancer-review-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 4px;
  font-weight: 600;
}

.single-freelancer-review-title-date {
  font-weight: 400;
  color: #5C5C5C;
}

.single-freelancer-review-rating {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}

.single-freelancer-review-text {
  font-size: 14px;
  line-height: 22px;
}

.single-overview-title-reviews {
  margin-bottom: 20px;
}

.single-project-description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.single-project-description-title {
  font-size: 17px;
  font-weight: 700;
  text-align: left;
}

.single-project-description-subtitle {
  display: flex;
  align-items: center;
  font-weight: 600;
}
.single-project-description-subtitle img {
  margin-right: 10px;
}

.single-project-description-tags {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}

.profile-tag {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  padding: 7px 16px;
  background: rgba(172, 20, 243, 0.1);
  color: #00B278;
  border-radius: 8px;
  margin-top: 12px;
}

.profile-tag + .profile-tag {
  margin-left: 8px;
}

.single-project-description-btns a + a {
  margin-top: 10px;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.modal.fade {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-dialog {
  margin: 50px auto;
}

.modal-content {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #ccc;
  position: relative;
}

.modal-title {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}

.modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

.modal-body {
  padding: 20px;
}

.modal-info {
  /* Ваші стилі для блоку з інформацією */
}

.form-group {
  margin-bottom: 15px;
}

.form-control {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

textarea.form-control {
  resize: vertical;
}

.submit-section {
  margin-top: 20px;
}

.custom_check {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

.custom_check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 23px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.custom_check:hover input ~ .checkmark {
  background-color: #f5f5f5;
}

.custom_check input:checked ~ .checkmark {
  background-color: #00B278;
  border: 1px solid #00B278;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom_check input:checked ~ .checkmark:after {
  display: block;
}

.custom_check .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.text-danger {
  color: #dc3545;
}

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

.select2-container--default .select2-selection--multiple {
  margin-top: 6px;
  margin-bottom: 6px;
  border: none;
  border-radius: 12px;
  position: relative;
  display: block;
  padding: 0px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: none;
}

.select2-dropdown {
  margin-top: 5px;
  border-radius: 12px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* Style for Select2 dropdown scrollbar */
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 5px;
  /* Set the width of the scrollbar */
}

/* Track */
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background: #fff;
  /* Set the background color of the track */
}

/* Handle */
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background: #00B278;
  /* Set the color of the scrollbar handle */
  border-radius: 6px;
  /* Set the border radius of the handle */
}

/* Handle on hover */
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:hover {
  background: #00B278;
  /* Set the color of the scrollbar handle on hover */
}

.select2-container--default .select2-results > .select2-results__options {
  margin-right: 10px;
}

.select2-container--open .select2-dropdown--below {
  border-top: 1px solid #aaa;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 5px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: none;
  color: #00B278;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #151b2d;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
  color: white;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background: none;
  color: #fff;
  outline: none;
}

.content ul {
  margin-left: 20px;
}
.content ul li::before {
  content: "•";
  color: #00B278;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.single-project-overview-tags {
  display: flex;
  flex-wrap: wrap;
}

.single-project-overview-title {
  margin-bottom: 7px;
}

.single-project-client-title {
  margin-bottom: 20px;
}

.single-project-client-body {
  padding: 25px;
  border-radius: 16px;
}
.single-project-client-body .preview-user__right span {
  font-size: 17px;
  line-height: 22px;
}
.single-project-client-body .preview-user__wrapper {
  align-items: self-start;
}

.single-project-client-links-title {
  margin-bottom: 8px;
}

.single-project-client-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 554px) {
  .single-project-description {
    flex-direction: column;
  }
  .single-project-client-body .preview-user {
    flex-wrap: wrap;
  }
  .single-project-client-body .project-client-info {
    margin-top: 12px;
    width: 100%;
  }
  .single-project-client-links {
    flex-direction: column;
  }
}
@media (max-width: 434px) {
  .single-project-description {
    flex-direction: column;
  }
}
.contacts-socials.user .preview-user__wrapper img {
  width: 24px;
  height: 24px;
}

.single-progect-client__wrapper {
  display: flex;
  justify-content: space-between;
}
.single-progect-client__wrapper .project-client-info {
  max-width: 263px;
  width: 100%;
}
@media (max-width: 767px) {
  .single-progect-client__wrapper .project-client-info {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .single-progect-client__wrapper {
    flex-direction: column;
  }
}

.project-client-info {
  padding: 12px;
  border-radius: 6px;
  background: #EEF1FF;
}

.project-client-info-title {
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #161C2D;
}

.project-client-info-rating {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}

.project-client-info-jobs {
  font-weight: 500;
  font-size: 13px;
  color: #5C5C5C;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  margin-left: 8px;
  margin-top: 3px;
}

.project-client-info-jobs-number {
  font-weight: 400;
  line-height: 20px;
  margin-left: 12px;
}

.single-project-client__descrip {
  margin-top: 30px;
  display: flex;
}
.single-project-client__descrip .preview-user-line {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: #5C5C5C;
  margin-right: 20px;
}
.single-project-client__descrip .preview-user-line img {
  margin-right: 8px;
}

.intro {
  height: calc(100vh + 150px);
  position: relative;
  color: #ffffff;
  margin-top: -150px;
}
.intro .bg-block {
  width: 100%;
  height: 100%;
}
.intro .bg-block img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.intro .text-wrap {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.intro .text-wrap .text {
  width: 720px;
}
.intro .text-wrap .text h1 {
  color: #ffffff;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.intro .text-wrap .text .subtitle {
  font-weight: 500;
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .intro .text-wrap .text {
    width: 100%;
    padding: 10px;
  }
}
.intro .text-wrap .more {
  height: 56px;
  width: 219px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  background-color: #00B278;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #ffffff;
}

.find-experts {
  padding-top: 100px;
  padding-bottom: 40px;
  color: #1F1F1F;
}
@media (max-width: 992px) {
  .find-experts {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.find-experts .slick-list {
  margin-left: -26px;
}
.find-experts .find-experts-arrows {
  font-size: 0;
  display: flex;
  gap: 5px;
}
.find-experts .find-experts-arrows .slick-arrow.slick-prev {
  position: static;
}
.find-experts .find-experts-arrows .slick-arrow.slick-prev:before {
  content: url("/images/icons/arrow-blue.svg");
  display: flex;
  justify-content: center;
  height: 15px;
  transform: rotate(180deg);
}
.find-experts .find-experts-arrows .slick-arrow.slick-prev.slick-disabled:before {
  content: url("/images/icons/arrow-blue.svg");
  transform: rotate(0);
}
.find-experts .find-experts-arrows .slick-arrow.slick-next {
  position: static;
}
.find-experts .find-experts-arrows .slick-arrow.slick-next:before {
  content: url("/images/icons/arrow-blue.svg");
  display: flex;
  justify-content: center;
  height: 15px;
}
.find-experts .find-experts-arrows .slick-arrow.slick-next.slick-disabled:before {
  content: url("/images/icons/arrow-blue.svg");
  transform: rotate(180deg);
}
.find-experts .find-experts-arrows .slick-arrow.slick-disabled {
  background-color: grey;
  cursor: unset;
}
.find-experts .title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .find-experts .title-wrap {
    flex-direction: column;
  }
  .find-experts .title-wrap h2 {
    margin-bottom: 20px;
  }
  .find-experts .title-wrap .find-experts-arrows {
    gap: 25px;
  }
}
.find-experts .h1 {
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
}
.find-experts .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 26px;
}
.find-experts .item .image-block {
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
.find-experts .item .image-block img {
  -o-object-fit: cover;
     object-fit: cover;
}
.find-experts .item .image-block .cover {
  background: rgba(16, 30, 197, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s ease;
}
.find-experts .item .info-block {
  text-align: center;
}
.find-experts .item .info-block .categ-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #1F1F1F;
  transition: 0.3s ease;
}
.find-experts .item:hover .image-block .cover {
  opacity: 1;
  transition: 0.3s ease;
}
.find-experts .item:hover .info-block .categ-title {
  color: #101EC5;
  transition: 0.3s ease;
}
.find-experts .find-experts-slider {
  margin-top: 30px;
}

.top-specialisations .specialisation-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #1F1F1F;
  margin-bottom: 20px;
}
.top-specialisations .cards-block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}
@media (max-width: 1200px) {
  .top-specialisations .cards-block {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 653px) {
  .top-specialisations .cards-block {
    grid-template-columns: repeat(1, 1fr);
  }
}
.top-specialisations .cards-block .card {
  background-color: #EEF5F5;
  color: #000000;
  padding: 15px;
  border-radius: 12px;
}
.top-specialisations .cards-block .card .card-title {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 20px;
}
.top-specialisations .cards-block .card .bottom-block {
  display: flex;
  justify-content: space-between;
}
.top-specialisations .cards-block .card .bottom-block .images-block {
  display: flex;
  flex-wrap: wrap;
}
.top-specialisations .cards-block .card .bottom-block .images-block .img-wrap {
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #ffffff;
  position: relative;
}
.top-specialisations .cards-block .card .bottom-block .link {
  min-width: 20px;
  min-height: 20px;
  background-image: url("/images/icons/arrow-bg-blue.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.top-specialisations .see-all {
  width: 220px;
  height: 55px;
  background-color: #00B278;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  font-weight: 600;
  font-size: 15px;
  line-height: 23px;
  color: #FFFFFF;
  margin-top: 20px;
}

.post-project {
  margin-top: 30px;
}
.post-project .wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  background-color: #101EC5;
  border-radius: 12px;
  padding: 20px;
}
@media (max-width: 1200px) {
  .post-project .wrapper {
    grid-template-columns: 1fr;
    padding: 10px;
  }
}
@media (max-width: 992px) {
  .post-project .wrapper {
    margin-top: 20px;
  }
}
@media (max-width: 1200px) {
  .post-project .image-block {
    order: -1;
    margin-bottom: 15px;
  }
  .post-project .image-block img {
    max-width: 477px;
    margin: 0 auto;
  }
}
.post-project .text-block {
  color: #FFFFFF;
  margin-left: 40px;
  width: 460px;
}
.post-project .text-block .title {
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 1200px) {
  .post-project .text-block .title {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: normal;
  }
}
.post-project .text-block .subtitle {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}
.post-project .text-block a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 15px;
  line-height: 23px;
  color: #1F1F1F;
  background-color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 20px;
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .post-project .text-block {
    width: 100%;
    margin-left: 0px;
  }
}
.post-project .image-block {
  width: 100%;
  display: flex;
  justify-content: end;
}
.post-project .image-block img {
  width: 100%;
  height: 100%;
}

.news {
  margin-top: 50px;
  padding: 50px 30px;
  color: #1F1F1F;
  background: #FFFFFF;
}
@media (max-width: 1200px) {
  .news {
    margin-top: 25px;
    padding: 25px 0px;
  }
}
.news .title-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.news .title-wrap .title {
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .news .title-wrap .title {
    font-size: 20px;
    line-height: normal;
  }
}
.news .title-wrap .show-all {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  color: #101EC5;
}
.news .title-wrap .show-all:after {
  content: url("/images/icons/arrow-blue-short.svg");
  margin-left: 7px;
}
@media (max-width: 1200px) {
  .news .title-wrap {
    margin-bottom: 10px;
    flex-direction: column;
    gap: 10px;
  }
}
.news .cards-wrap {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-auto-rows: 1fr 1fr;
  gap: 40px;
}
.news .cards-wrap .card {
  background-color: #EEF5F5;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  gap: 25px;
  padding: 20px;
}
.news .cards-wrap .card .img-block {
  width: 35%;
}
.news .cards-wrap .card .img-block img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
.news .cards-wrap .card .info-block {
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.news .cards-wrap .card .info-block .card-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #1F1F1F;
}
.news .cards-wrap .card .info-block .description {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #1F1F1F;
  margin-top: 10px;
}
.news .cards-wrap .card .info-block .time-block {
  display: flex;
  gap: 10px;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #747474;
  margin-top: 15px;
}
.news .cards-wrap .card .info-block .time-block span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #101EC5;
}
.news .cards-wrap .card:first-of-type {
  width: 100%;
  flex-direction: column;
  grid-row-start: -1;
  grid-row-end: 3;
}
.news .cards-wrap .card:first-of-type .img-block {
  width: 100%;
}
.news .cards-wrap .card:first-of-type .img-block img {
  width: 100%;
}
.news .cards-wrap .card:first-of-type .info-block {
  width: 100%;
}
.news .cards-wrap .card:hover .info-block .card-title {
  color: #101EC5;
}
@media (max-width: 1200px) {
  .news .cards-wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 653px) {
  .news .cards-wrap .card {
    padding: 10px;
    flex-direction: column;
  }
  .news .cards-wrap .card .img-block {
    width: 100%;
  }
  .news .cards-wrap .card .img-block img {
    height: auto;
  }
  .news .cards-wrap .card .info-block {
    width: 100%;
  }
}

.discover-experts {
  margin-top: 100px;
  margin-bottom: 100px;
  color: #1F1F1F;
}
.discover-experts .slick-track {
  display: flex !important;
}
.discover-experts-slider {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .discover-experts {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.discover-experts .discover-experts-arrows {
  font-size: 0;
  display: flex;
  gap: 5px;
}
.discover-experts .discover-experts-arrows .slick-arrow.slick-prev {
  position: static;
}
.discover-experts .discover-experts-arrows .slick-arrow.slick-prev:before {
  content: url("/images/icons/arrow-blue.svg");
  display: flex;
  justify-content: center;
  height: 15px;
  transform: rotate(180deg);
}
.discover-experts .discover-experts-arrows .slick-arrow.slick-prev.slick-disabled:before {
  content: url("/images/icons/arrow-blue.svg");
  transform: rotate(0);
}
.discover-experts .discover-experts-arrows .slick-arrow.slick-next {
  position: static;
}
.discover-experts .discover-experts-arrows .slick-arrow.slick-next:before {
  content: url("/images/icons/arrow-blue.svg");
  display: flex;
  justify-content: center;
  height: 15px;
}
.discover-experts .discover-experts-arrows .slick-arrow.slick-next.slick-disabled:before {
  content: url("/images/icons/arrow-blue.svg");
  transform: rotate(180deg);
}
.discover-experts .discover-experts-arrows .slick-arrow.slick-disabled {
  background-color: grey;
  cursor: unset;
}
@media (max-width: 1200px) {
  .discover-experts .discover-experts-arrows {
    align-self: center;
    margin-top: 10px;
  }
}
.discover-experts .title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .discover-experts .title-wrap {
    margin-bottom: 20px;
    align-items: flex-start;
    flex-direction: column;
  }
}
.discover-experts .title {
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .discover-experts .title {
    font-size: 20px;
    line-height: normal;
  }
}
.discover-experts .item {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  height: auto;
}
.discover-experts .item .image-block {
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1200px) {
  .discover-experts .item .image-block {
    width: 100%;
    overflow: visible;
  }
}
.discover-experts .item .image-block .img-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.discover-experts .item .image-block .img-wrap .label {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: end;
  bottom: 15px;
  right: 15px;
}
.discover-experts .item .image-block .img-wrap .rating, .discover-experts .item .image-block .img-wrap .rate {
  height: 23px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 13px;
  border-radius: 8px;
  background-color: #00B278;
  color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 5px;
}
.discover-experts .item .image-block .img-wrap .rating:before {
  content: url("/images/icons/star-white.svg");
  margin-right: 5px;
}
.discover-experts .item .image-block .img-wrap img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1200px) {
  .discover-experts .item .image-block .img-wrap img {
    width: 100%;
    border-radius: 12px;
  }
}
.discover-experts .item .info-block {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.discover-experts .item .info-block-description {
  display: flex;
  flex-direction: column;
}
.discover-experts .item .info-block .name {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #1F1F1F;
  margin-top: 18px;
}
.discover-experts .item .info-block .specialisation, .discover-experts .item .info-block .description {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #101EC5;
  margin-top: 10px;
}
.discover-experts .item .info-block .description {
  color: #1F1F1F;
}
.discover-experts .item .info-block .description .read-more {
  text-wrap: nowrap;
  color: #101EC5;
}
.discover-experts .item + .item {
  margin-left: 20px;
}
@media (max-width: 1200px) {
  .discover-experts .item + .item {
    margin-left: 10px;
  }
}

.trusted {
  padding-top: 100px;
  padding-bottom: 100px;
  color: #1F1F1F;
}
@media (max-width: 1200px) {
  .trusted {
    padding-top: 50px;
    padding-bottom: 0px;
  }
}
.trusted .title-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.trusted .title {
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.trusted .trusted-slider .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
}
.trusted .trusted-slider .item .top-block {
  width: 100%;
  display: flex;
  gap: 40px;
  align-items: center;
}
.trusted .trusted-slider .item .top-block .rating {
  margin-top: 0px;
}
.trusted .trusted-slider .item .top-block .rating:before {
  content: url("/images/icons/star-white.svg");
  margin-right: 5px;
}
.trusted .trusted-slider .item .top-block .date {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #747474;
}
.trusted .trusted-slider .item .text {
  margin-top: 20px;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  width: 100%;
}
.trusted .trusted-slider .item .user-block {
  width: 100%;
  border-radius: 12px;
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.trusted .trusted-slider .item .user-block .avatar {
  border-radius: 50%;
  margin-right: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.trusted .trusted-slider .item .user-block .user-info .user-name {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #1F1F1F;
}
.trusted .trusted-slider .item .user-block .user-info .specialisation {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #101EC5;
  margin-top: 5px;
}
@media (max-width: 992px) {
  .trusted .trusted-slider .item .user-block {
    flex-direction: column;
    gap: 12px;
  }
}
.trusted .slick-list {
  margin-right: -20px;
}
.trusted .slick-slide {
  padding: 20px;
  margin-right: 20px;
  border-radius: 12px;
}

.page__404 {
  margin-bottom: 130px;
}
@media (max-width: 992px) {
  .page__404 {
    margin-bottom: 0px;
  }
}
.page__404-img {
  width: 100%;
  height: 100%;
}
.page__404-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 90px 20px;
  border-radius: 12px;
  background: #101EC5;
}
@media (max-width: 992px) {
  .page__404-wrapper {
    padding: 20px 10px;
  }
}
.page__404-content {
  margin-top: 60px;
}
.page__404-content h1 {
  font-weight: 600;
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}
@media (max-width: 992px) {
  .page__404-content {
    margin-top: 10px;
  }
  .page__404-content h1 {
    font-size: 20px;
  }
}
.page__404-home {
  display: block;
  font-weight: 600;
  font-size: 15px;
  color: #1F1F1F;
  padding: 16px 28px;
  border-radius: 12px;
  background: #fff;
  margin: 30px auto auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media (max-width: 992px) {
  .page__404-home {
    margin: 10px auto auto;
  }
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.modal.fade {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-dialog {
  margin: 50px auto;
}

.modal-content {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #ccc;
  position: relative;
}

.modal-title {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}

.modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

.modal-body {
  padding: 20px;
}

.form-group {
  margin-bottom: 15px;
}

.form-control {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

textarea.form-control {
  resize: vertical;
}

.submit-section {
  margin-top: 20px;
}

.custom_check {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

.custom_check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 23px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.custom_check:hover input ~ .checkmark {
  background-color: #f5f5f5;
}

.custom_check input:checked ~ .checkmark {
  background-color: #00B278;
  border: 1px solid #00B278;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom_check input:checked ~ .checkmark:after {
  display: block;
}

.custom_check .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.text-danger {
  color: #dc3545;
}

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

.auth {
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1300px) {
  .auth {
    height: 100%;
    margin-top: 40px;
  }
}
@media (max-height: 688px) {
  .auth {
    height: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.auth__box {
  border-radius: 12px;
  padding: 40px 50px;
  max-width: 636px;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}
@media (max-width: 653px) {
  .auth__box {
    padding: 10px 20px;
  }
}
.auth__forgot-success {
  margin-top: 10px;
  display: block;
  color: #00B278;
  font-weight: 600;
}
.auth__item-box h1 {
  font-weight: 600;
  font-size: 30px;
  text-align: center;
  color: #1F1F1F;
  text-transform: uppercase;
}
@media (max-width: 653px) {
  .auth__item-box h1 {
    font-size: 23px;
  }
}
.auth__item-box h2 {
  font-weight: 400;
  font-size: 20px;
  color: #1F1F1F;
  text-align: center;
  margin-top: 10px;
  line-height: normal;
}
@media (max-width: 653px) {
  .auth__item-box h2 {
    font-size: 16px;
  }
}
.auth__item-box img {
  display: block;
  margin: 0 auto 12px;
}
.auth__roles {
  margin-top: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
@media (max-width: 653px) {
  .auth__roles {
    margin-top: 10px;
  }
}
.auth__roles span {
  font-weight: 600;
  font-size: 15px;
  color: #747474;
  text-transform: capitalize;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
.auth__roles span.active {
  color: #101EC5;
  border-bottom: 1px solid #101EC5;
}
@media (max-width: 653px) {
  .auth__roles span {
    font-size: 14px;
  }
}
.auth__input {
  margin-top: 25px;
}
.auth__input.register {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 20px;
}
.auth__input.login {
  display: grid;
  gap: 20px;
}
.auth__input .input-wrapper input {
  font-weight: 500;
  font-size: 13px;
  color: #747474;
  border-radius: 12px;
  background: transparent;
}
.auth__input .input-wrapper input::-moz-placeholder {
  font-weight: 500;
  font-size: 13px;
  color: #747474;
}
.auth__input .input-wrapper input::placeholder {
  font-weight: 500;
  font-size: 13px;
  color: #747474;
}
.auth__input .input-wrapper input:focus {
  font-weight: 500;
  font-size: 13px;
  color: #747474 !important;
}
@media (max-width: 653px) {
  .auth__input {
    margin-top: 15px;
  }
  .auth__input.register {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 14px;
  }
}
.auth__password-warning {
  margin-top: 8px;
  font-weight: 400;
  font-size: 12px;
  color: #1F1F1F;
}
.auth__bottom {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 25px;
  align-items: center;
}
@media (max-width: 653px) {
  .auth__bottom {
    margin-top: 15px;
    flex-direction: column;
    display: block;
  }
}
.auth__bottom-left p {
  font-weight: 400;
  font-size: 14px;
  color: #1F1F1F;
}
.auth__bottom-left a {
  margin-left: 2px;
  font-weight: 500;
  color: #101EC5;
}
.auth__bottom-left.forgot a {
  margin-left: 0px;
}
.auth__bottom-right button {
  border: none;
  background: #101EC5;
  font-weight: 600;
  font-size: 14px;
  border-radius: 12px;
  padding: 16px 28px;
  min-width: 260px;
  width: 100%;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 653px) {
  .auth__bottom-right button {
    padding: 11px 20px;
    min-width: 100%;
    width: 100%;
  }
}
@media (max-width: 653px) {
  .auth__bottom-right {
    margin-top: 15px;
  }
}
.auth__password-show {
  margin-top: 8px;
  display: flex;
  align-items: center;
}
.auth__password-show span {
  width: 20px;
  height: 20px;
  background: #101EC5;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid var(--stroke);
  position: relative;
}
.auth__password-show span.active:before {
  content: "";
  width: 9px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
  background: url("/build/website/images/icons/arrow-check.svg") no-repeat;
}
.auth__password-show p {
  font-weight: 400;
  font-size: 12px;
  color: #1F1F1F;
  margin-left: 10px;
}
.auth__errors {
  margin-top: 11px;
}
.auth__errors p {
  color: red;
  font-weight: 400;
  font-size: 14px;
}
.auth__item-link a {
  display: block;
  background: #101EC5;
  font-weight: 600;
  font-size: 20px;
  border-radius: 12px;
  padding: 16px 28px;
  min-width: 260px;
  width: 100%;
  color: #fff;
  cursor: pointer;
  max-width: 350px;
  text-align: center;
  margin: 30px auto 0;
}
@media (max-width: 653px) {
  .auth__item-link a {
    padding: 11px 20px;
    min-width: 100%;
    width: 100%;
    margin: 15px auto 0;
    font-size: 16px;
  }
}

.profile__wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 653px) {
  .profile__wrapper {
    align-items: flex-start;
    flex-direction: column;
  }
}
.profile__promo .offer-sent {
  margin-top: 10px;
  display: block;
  color: #00B278;
  font-weight: 600;
}
.profile__left {
  margin-right: 40px;
}
.profile__left img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 653px) {
  .profile__left {
    margin-right: 0px;
  }
}
.profile__right h1 {
  font-weight: 600;
  font-size: 30px;
  color: #111;
}
.profile__right p {
  margin-top: 10px;
  font-weight: 400;
  font-size: 14px;
  color: #101EC5;
}
@media (max-width: 653px) {
  .profile__right {
    margin-top: 10px;
    width: 100%;
  }
}
.profile__plug {
  margin-top: 25px;
  display: flex;
  gap: 16px;
}
@media (max-width: 653px) {
  .profile__plug {
    margin-top: 10px;
  }
}
.profile__plug-item {
  border-radius: 8px;
  padding: 0 8px;
  background: #00B278;
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
}
.profile__offer-plug {
  margin-top: 49px;
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .profile__offer-plug {
    margin-top: 15px;
  }
}
.profile__offer-text {
  display: flex;
  margin-left: 16px;
}
.profile__offer-text span, .profile__offer-text a {
  cursor: pointer;
}
.profile__offer-text span, .profile__offer-text p {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.profile__offer-text span, .profile__offer-text a {
  color: #101EC5;
  gap: 10px;
}
@media (max-width: 653px) {
  .profile__offer-text {
    margin-left: 8px;
  }
}
.profile__content {
  display: flex;
  margin-top: 35px;
  margin-bottom: 130px;
}
@media (max-width: 1200px) {
  .profile__content {
    margin-top: 30px;
  }
}
@media (max-width: 992px) {
  .profile__content {
    flex-direction: column;
    margin-bottom: 0px;
  }
}
.profile__content-left {
  display: flex;
  flex-direction: column;
  max-width: 268px;
  width: 100%;
}
@media (max-width: 992px) {
  .profile__content-left {
    max-width: 100%;
  }
}
.profile__content-tabs {
  display: flex;
  flex-direction: column;
}
.profile__tabs-item {
  border-radius: 12px;
  padding: 13px 24px;
  border: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: -moz-max-content;
  height: max-content;
  align-items: center;
  gap: 4px;
  background: none;
  cursor: pointer;
  transition: all 0.3s;
}
.profile__tabs-item svg {
  fill: #111;
}
.profile__tabs-item.active {
  background: #EEF5F5;
}
.profile__tabs-item.active svg {
  fill: #101EC5;
}
.profile__tabs-item.active span {
  color: #101EC5;
}
.profile__tabs-item.active .icon {
  width: 18px;
  height: 18px;
}
.profile__tabs-item.active .icon.profile {
  background-image: url("/build/website/images/icons/tabs/profile-active.svg");
}
.profile__tabs-item.active .icon.skills {
  background-image: url("/build/website/images/icons/tabs/skills-active.svg");
}
.profile__tabs-item.active .icon.portfolio {
  background-image: url("/build/website/images/icons/tabs/portfolio-active.svg");
}
.profile__tabs-item.active .icon.reviews {
  background-image: url("/build/website/images/icons/tabs/reviews-active.svg");
}
.profile__tabs-item.active .icon.contacts {
  background-image: url("/build/website/images/icons/tabs/contacts-active.svg");
}
.profile__tabs-item:hover {
  background: #EEF5F5;
}
.profile__tabs-item:hover svg {
  fill: #101EC5;
}
.profile__tabs-item:hover span {
  color: #101EC5;
}
.profile__tabs-item:hover .icon {
  width: 18px;
  height: 18px;
}
.profile__tabs-item:hover .icon.profile {
  background-image: url("/build/website/images/icons/tabs/profile-active.svg");
}
.profile__tabs-item:hover .icon.skills {
  background-image: url("/build/website/images/icons/tabs/skills-active.svg");
}
.profile__tabs-item:hover .icon.portfolio {
  background-image: url("/build/website/images/icons/tabs/portfolio-active.svg");
}
.profile__tabs-item:hover .icon.reviews {
  background-image: url("/build/website/images/icons/tabs/reviews-active.svg");
}
.profile__tabs-item:hover .icon.contacts {
  background-image: url("/build/website/images/icons/tabs/contacts-active.svg");
}
.profile__tabs-item .icon {
  width: 18px;
  height: 18px;
}
.profile__tabs-item .icon.profile {
  background-image: url("/build/website/images/icons/tabs/profile.svg");
}
.profile__tabs-item .icon.skills {
  background-image: url("/build/website/images/icons/tabs/skills.svg");
}
.profile__tabs-item .icon.portfolio {
  background-image: url("/build/website/images/icons/tabs/portfolio.svg");
}
.profile__tabs-item .icon.reviews {
  background-image: url("/build/website/images/icons/tabs/reviews.svg");
}
.profile__tabs-item .icon.contacts {
  background-image: url("/build/website/images/icons/tabs/contacts.svg");
}
@media (max-width: 992px) {
  .profile__tabs-item {
    padding: 13px 13px;
  }
}
.profile__tabs-left {
  display: flex;
  align-items: center;
}
.profile__tabs-left span {
  font-weight: 500;
  font-size: 15px;
  color: #111;
  margin-left: 10px;
}
.profile__content-right {
  margin-left: 80px;
  border-radius: 12px;
  padding: 30px 35px;
  background: #EEF5F5;
  width: 100%;
  height: 100%;
}
@media (max-width: 1200px) {
  .profile__content-right {
    margin-left: 10px;
    padding: 15px;
  }
}
@media (max-width: 992px) {
  .profile__content-right {
    margin-left: 0px;
    margin-top: 15px;
    padding: 10px;
  }
}
.profile .loading-indicator {
  height: 100%;
  display: flex;
  justify-content: center;
  width: 100%;
  min-width: 100%;
  align-items: center;
}
.profile .loading-indicator .lds-roller {
  /* change color here */
  color: #101EC5;
}
.profile .loading-indicator .lds-roller,
.profile .loading-indicator .lds-roller div,
.profile .loading-indicator .lds-roller div:after {
  box-sizing: border-box;
}
.profile .loading-indicator .lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.profile .loading-indicator .lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.profile .loading-indicator .lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7.2px;
  height: 7.2px;
  border-radius: 50%;
  background: currentColor;
  margin: -3.6px 0 0 -3.6px;
}
.profile .loading-indicator .lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.profile .loading-indicator .lds-roller div:nth-child(1):after {
  top: 62.62742px;
  left: 62.62742px;
}
.profile .loading-indicator .lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.profile .loading-indicator .lds-roller div:nth-child(2):after {
  top: 67.71281px;
  left: 56px;
}
.profile .loading-indicator .lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.profile .loading-indicator .lds-roller div:nth-child(3):after {
  top: 70.90963px;
  left: 48.28221px;
}
.profile .loading-indicator .lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.profile .loading-indicator .lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.profile .loading-indicator .lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.profile .loading-indicator .lds-roller div:nth-child(5):after {
  top: 70.90963px;
  left: 31.71779px;
}
.profile .loading-indicator .lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.profile .loading-indicator .lds-roller div:nth-child(6):after {
  top: 67.71281px;
  left: 24px;
}
.profile .loading-indicator .lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.profile .loading-indicator .lds-roller div:nth-child(7):after {
  top: 62.62742px;
  left: 17.37258px;
}
.profile .loading-indicator .lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.profile .loading-indicator .lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12.28719px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.profile__content-item h3, .profile__content-item h2 {
  font-weight: 600;
  font-size: 17px;
  text-transform: uppercase;
  color: #111;
  line-height: normal;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .profile__content-item {
    margin-bottom: 10px;
  }
}
.profile__content-item ul, .profile__content-item ol {
  margin-top: 15px;
  padding-left: 20px;
  list-style: unset;
}
.profile__content-item p + h2 {
  margin-top: 20px;
}
.profile__content-skills {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (max-width: 653px) {
  .profile__content-skills {
    gap: 5px;
    margin-top: 10px;
  }
}
.profile__skill-item {
  border-radius: 8px;
  padding: 7px 12px;
  background: #FFFFFF;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  color: #605d5d;
}
@media (max-width: 653px) {
  .profile__skill-item {
    padding: 7px 7px;
  }
}
.profile__contacts-wrapper {
  display: flex;
  gap: 22px;
}
@media (max-width: 653px) {
  .profile__contacts-wrapper {
    flex-direction: column;
    gap: 10px;
  }
}
.profile__contacts-item {
  width: 100%;
  border-radius: 12px;
  padding: 14px 15px 14px 20px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
}
.profile__contacts-item-right {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
}
.profile__contacts-item-right span {
  font-weight: 500;
  font-size: 14px;
  color: #111;
  line-height: normal;
  margin-top: 2px;
}
.profile__contacts-item-right span:first-child {
  font-weight: 500;
  font-size: 11px;
  color: #8B8B8B;
}
.profile__reviews-item {
  border-radius: 12px;
  padding: 20px;
  background: #FFFFFF;
}
.profile__reviews-item h4 {
  font-weight: 600;
  font-size: 15px;
  color: #111;
}
@media (max-width: 992px) {
  .profile__reviews-item {
    padding: 10px;
  }
}
.profile__reviews-center {
  display: flex;
  gap: 40px;
}
.profile__reviews-description {
  margin-top: 18px;
  font-weight: 400;
  font-size: 14px;
  color: #111;
}
.profile__reviews-item + .profile__reviews-item {
  margin-top: 20px;
}
.profile__reviews-center-author {
  font-weight: 500;
  font-size: 12px;
  color: #8B8B8B;
}
.profile__portfolio-category {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 40px;
}
@media (max-width: 992px) {
  .profile__portfolio-category {
    min-width: -moz-max-content;
    min-width: max-content;
  }
}
@media (max-width: 992px) {
  .profile__portfolio-category-wrapper {
    overflow-x: scroll;
  }
}
.profile__category-item {
  position: relative;
  color: #747474;
  border-bottom: 1px solid #747474;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
}
.profile__category-item button {
  font-weight: 600;
  font-size: 15px;
  color: #747474;
  padding: 0px;
  margin: 0px;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s;
}
.profile__category-item span {
  font-weight: 700;
  font-size: 11px;
  background: #747474;
  color: #fff;
  border-radius: 600px;
  margin-left: 5px;
  transition: all 0.3s;
  height: 16px;
  width: 16px;
  padding-top: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.profile__category-item.active {
  border-bottom: 1px solid #101EC5;
}
.profile__category-item.active button {
  color: #101EC5;
}
.profile__category-item.active span {
  background: #101EC5;
}
.profile__category-item:hover {
  border-bottom: 1px solid #101EC5;
}
.profile__category-item:hover button {
  color: #101EC5;
}
.profile__category-item:hover span {
  background: #101EC5;
}
.profile__portfolio-box {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -34px;
}
.profile__portfolio-box.portfolio .profile__portfolio-item {
  cursor: auto;
  margin-bottom: 30px;
}
.profile__portfolio-box.portfolio .profile__portfolio-item img {
  width: 100%;
}
.profile__portfolio-box.portfolio .profile__portfolio-item p {
  margin-bottom: 10px;
}
.profile__portfolio-box.portfolio .profile__portfolio-item:hover img {
  transform: none;
}
.profile__portfolio-buttons {
  margin-top: auto;
  width: 100%;
}
.profile__portfolio-buttons button + button {
  margin-top: 10px;
}
.profile__portfolio-buttons button {
  border: none;
  max-width: 100%;
  width: 100%;
}
.profile__portfolio-item {
  display: flex;
  flex-direction: column;
  margin-left: 34px;
  flex-basis: calc(33.333% - 34px);
  cursor: pointer;
  transition: all 0.3s;
}
.profile__portfolio-item img {
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}
.profile__portfolio-item span {
  font-weight: 500;
  font-size: 12px;
  color: #747474;
  margin-top: 15px;
}
.profile__portfolio-item p {
  margin-top: 8px;
  font-weight: 600;
  font-size: 15px;
  color: #111;
}
.profile__portfolio-item:hover img {
  transform: scale(1.2);
}
@media (max-width: 710px) {
  .profile__portfolio-item {
    flex-basis: 100%;
    align-items: center;
    margin-bottom: 20px;
  }
}
.profile__model {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  padding: 90px 80px;
  left: 0;
  width: 100%;
  z-index: 99;
  min-height: 100%;
}
@media (max-width: 992px) {
  .profile__model {
    padding: 15px;
  }
}
.profile__model .send-message {
  margin-top: 10px;
  color: #00B278;
  font-size: 16px;
  font-weight: 600;
}
.profile__model .send-message.error {
  color: #de0101;
}
.profile__model-item {
  background: #fff;
  border-radius: 12px;
  padding: 40px 50px;
  position: relative;
}
@media (max-width: 992px) {
  .profile__model-item {
    padding: 10px;
  }
}
.profile__model-close {
  position: absolute;
  top: 18px;
  right: 18px;
  cursor: pointer;
}
.profile__model-content h4 {
  font-weight: 600;
  font-size: 30px;
  text-transform: uppercase;
  color: #111;
  word-wrap: break-word;
}
@media (max-width: 992px) {
  .profile__model-content h4 {
    font-size: 20px;
    padding-right: 25px;
  }
}
.profile__model-category {
  margin-top: 12px;
  display: block;
  font-weight: 500;
  font-size: 12px;
  color: #747474;
}
.profile__model-wrapper {
  display: flex;
  gap: 63px;
  margin-top: 50px;
}
@media (max-width: 992px) {
  .profile__model-wrapper {
    margin-top: 15px;
    flex-direction: column;
    gap: 10px;
  }
}
.profile__model-left {
  max-width: 326px;
  width: 100%;
}
@media (max-width: 992px) {
  .profile__model-left {
    max-width: 100%;
  }
}
.profile__model-profile-description {
  font-weight: 400;
  font-size: 14px;
  color: #111;
}
.profile__model-profile-description p {
  font-weight: 400;
  font-size: 14px;
  color: #111;
}
.profile__model-profile-description p + p {
  margin-top: 10px;
}
.profile__model-profile-skills {
  margin-top: 25px;
}
.profile__model-profile-skills p {
  font-weight: 600;
  font-size: 15px;
  color: #111;
}
@media (max-width: 992px) {
  .profile__model-profile-skills {
    margin-top: 10px;
  }
}
@media (max-width: 992px) {
  .profile__model-right {
    margin: 10px auto 0;
  }
}
.profile__model-skills {
  display: flex;
  margin-top: 12px;
  gap: 10px;
  flex-wrap: wrap;
}
.profile__model-skills span {
  border-radius: 8px;
  padding: 7px 12px;
  background: #EEF5F5;
  font-weight: 500;
  font-size: 13px;
  color: #605d5d;
}
.profile__portfolio-download {
  margin-top: 10px;
  color: #00B278;
}
.profile__content-offer-promo {
  margin-top: 20px;
}
.profile__content-offer-promo p {
  font-weight: 400;
  font-size: 14px;
  color: #111;
}
.profile__content-offer-promo p + p {
  margin-top: 12px;
}
.profile__content-offer-item {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}
.profile__content-offer-item label {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: #111;
}
.profile__content-offer-item input {
  margin-top: 10px;
  background: rgba(255, 255, 255, 0.2);
  border: 1.2px solid #E2E2E2;
  border-radius: 12px;
  padding: 16px 15px 16px 20px;
}
.profile__content-offer-item .tox-tinymce {
  border-radius: 12px;
  margin-top: 12px;
}
.profile__content-offer-item .tox-statusbar__branding, .profile__content-offer-item .tox-statusbar {
  display: none !important;
}
.profile__content-offer-item .tox .tox-toolbar, .profile__content-offer-item .tox .tox-toolbar__overflow, .profile__content-offer-item .tox .tox-toolbar__primary {
  background: #f1f4f6 !important;
  border-bottom: 1px solid #e3e3e3;
}
.profile__content-offer-item p {
  font-weight: 400;
  font-size: 13px;
  color: #1F1F1F;
}
.profile__content-offer-item p a {
  font-weight: 400;
  font-size: 13px;
  color: #101EC5;
}
.profile__content-offer-item button {
  border-radius: 12px;
  padding: 16px 28px;
  color: #fff;
  background: #101EC5;
  border: none;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}
@media (max-width: 992px) {
  .profile__content-offer-item {
    margin-top: 15px;
  }
}
.profile__content-offer-item.latter textarea {
  margin-top: 10px;
  background: rgba(255, 255, 255, 0.2);
  border: 1.2px solid #E2E2E2;
  border-radius: 12px;
  padding: 16px 15px 16px 20px;
  resize: none;
}
.profile__content-offer-item.rating .rating-stars {
  display: block;
  width: 213px;
  padding: 0px;
  margin-top: 15px;
  position: relative;
  background: none;
  border-radius: 12px;
}
.profile__content-offer-item.rating .rating-counter {
  font-size: 5.5vmin;
  font-family: Arial, Helvetica, serif;
  color: #9aacc6;
  width: 10vmin;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  border-radius: 0 5vmin 5vmin 0;
  line-height: 10vmin;
}
.profile__content-offer-item.rating .rating-counter:before {
  content: "0";
  transition: all 0.25s ease 0s;
}
.profile__content-offer-item.rating input {
  display: none;
}
.profile__content-offer-item.rating label {
  width: 25px;
  height: 25px;
  background: rgba(0, 0, 0, 0.7333333333);
  display: inline-flex;
  cursor: pointer;
  margin: 0px;
  transition: all 1s ease 0s;
  -webkit-clip-path: polygon(50% 0%, 66% 32%, 100% 38%, 78% 64%, 83% 100%, 50% 83%, 17% 100%, 22% 64%, 0 38%, 34% 32%);
          clip-path: polygon(50% 0%, 66% 32%, 100% 38%, 78% 64%, 83% 100%, 50% 83%, 17% 100%, 22% 64%, 0 38%, 34% 32%);
}
.profile__content-offer-item.rating label[for=rs0] {
  display: none;
}
.profile__content-offer-item.rating label:before {
  width: 90%;
  height: 90%;
  content: "";
  background: #EE6603;
  z-index: -1;
  display: block;
  margin-left: 5%;
  margin-top: 5%;
  -webkit-clip-path: polygon(50% 0%, 66% 32%, 100% 38%, 78% 64%, 83% 100%, 50% 83%, 17% 100%, 22% 64%, 0 38%, 34% 32%);
          clip-path: polygon(50% 0%, 66% 32%, 100% 38%, 78% 64%, 83% 100%, 50% 83%, 17% 100%, 22% 64%, 0 38%, 34% 32%);
  background: linear-gradient(90deg, #EE6603, #EE6603 30% 50%, #fff 50%, 70%, #fff 100%);
  background-size: 205% 100%;
  background-position: 0 0;
}
.profile__content-offer-item.rating label:hover:before {
  transition: all 0.25s ease 0s;
}
.profile__content-offer-item.rating input:checked + label ~ label:before {
  background-position: 100% 0;
  transition: all 0.25s ease 0s;
}
.profile__content-offer-item.rating input:checked + label ~ label:hover:before {
  background-position: 0% 0;
}
.profile__content-offer-item.rating #rs1:checked ~ .rating-counter:before {
  content: "1";
}
.profile__content-offer-item.rating #rs2:checked ~ .rating-counter:before {
  content: "2";
}
.profile__content-offer-item.rating #rs3:checked ~ .rating-counter:before {
  content: "3";
}
.profile__content-offer-item.rating #rs4:checked ~ .rating-counter:before {
  content: "4";
}
.profile__content-offer-item.rating #rs5:checked ~ .rating-counter:before {
  content: "5";
}
.profile__content-offer-item.rating label + input:checked ~ .rating-counter:before {
  color: #EE6603 !important;
  transition: all 0.25s ease 0s;
}
.profile__content-offer-item.rating label:hover ~ .rating-counter:before {
  color: #9aacc6 !important;
  transition: all 0.5s ease 0s;
  animation: pulse 1s ease 0s infinite;
}
@keyframes pulse {
  50% {
    font-size: 6.25vmin;
  }
}
.profile__content-offer-item.rating label[for=rs1]:hover ~ .rating-counter:before {
  content: "1" !important;
}
.profile__content-offer-item.rating label[for=rs2]:hover ~ .rating-counter:before {
  content: "2" !important;
}
.profile__content-offer-item.rating label[for=rs3]:hover ~ .rating-counter:before {
  content: "3" !important;
}
.profile__content-offer-item.rating label[for=rs4]:hover ~ .rating-counter:before {
  content: "4" !important;
}
.profile__content-offer-item.rating label[for=rs5]:hover ~ .rating-counter:before {
  content: "5" !important;
}
.profile__content-offer-item.rating input:checked:hover ~ .rating-counter:before {
  animation: none !important;
  color: #EE6603 !important;
}
.profile__content-offer-item.error p {
  color: red;
}
.profile__content-editor.warning {
  display: block;
  font-weight: 400;
  font-size: 13px;
  color: #111;
  margin-top: 6px;
}
.profile__content-offer-file {
  margin-top: 30px;
  border: 1px dashed #d0d0d0;
  border-radius: 4px;
  background: #f6f6f6;
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 710px) {
  .profile__content-offer-file {
    margin-top: 15px;
  }
}
.profile__content-file-upload {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.profile__content-file-upload span {
  margin-top: 20px;
  font-weight: 500;
  font-size: 14px;
  display: block;
  text-align: center;
  color: #101EC5;
  word-break: break-all;
}
.profile__content-file-upload p {
  margin-top: 2px;
  font-weight: 500;
  font-size: 12px;
  color: #8B8B8B;
}
.profile__content-file-warning {
  display: block;
  margin-top: 6px;
  font-weight: 400;
  font-size: 13px;
  color: #111;
}
.profile__offer-bottom {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: -30px;
  align-items: center;
}
@media (max-width: 710px) {
  .profile__offer-bottom {
    margin-left: 0px;
  }
}
.profile__offer-bottom .profile__content-offer-item {
  flex-basis: calc(50% - 30px);
  margin-left: 30px;
}
.profile__offer-bottom .profile__content-offer-item input {
  width: 100%;
}
@media (max-width: 710px) {
  .profile__offer-bottom .profile__content-offer-item {
    flex-basis: 100%;
    margin-left: 0px;
  }
}
.profile__content-button {
  margin-top: 25px;
}
.profile__button-send-message {
  border-radius: 12px;
  padding: 12px 28px;
  width: 100%;
  text-align: center;
  background: #101EC5;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
  border: 2px solid transparent;
}
.profile__button-send-message:hover {
  background: #fff;
  color: #101EC5;
  border: 2px solid #101EC5;
}
.profile__button-add-favorites {
  margin-top: 12px;
  border: 2px solid #101EC5;
  border-radius: 12px;
  padding: 12px 28px;
  font-weight: 600;
  font-size: 14px;
  color: #101EC5;
  width: 100%;
  cursor: pointer;
  transition: all 0.3s;
}
.profile__button-add-favorites:hover {
  background: #101EC5;
  color: #fff;
}
.profile__content-offer-title {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}

.account {
  margin-top: 30px;
  padding-bottom: 130px;
}
@media (max-width: 653px) {
  .account {
    margin-top: 15px;
    padding-bottom: 0px;
  }
}
.account h1 {
  font-weight: 600;
  font-size: 30px;
  text-transform: uppercase;
}
@media (max-width: 653px) {
  .account h1 {
    font-size: 26px;
  }
}
.account__wrapper {
  margin-top: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 80px;
}
@media (max-width: 992px) {
  .account__wrapper {
    flex-direction: column;
    gap: 10px;
  }
}
@media (max-width: 653px) {
  .account__wrapper {
    margin-top: 15px;
  }
}
.account__box {
  border-radius: 12px;
  padding: 30px 35px;
  background: #EEF5F5;
  max-width: 932px;
  width: 100%;
}
.account__box.chat {
  max-width: 100%;
}
.account__box h2 {
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .account__box {
    max-width: 100%;
    padding: 10px;
  }
}
.account__box .filter-search__item {
  max-width: 100%;
  margin-bottom: 72px;
}
@media (max-width: 992px) {
  .account__box .filter-search__item {
    margin-bottom: 25px;
  }
}
.account__box .wrapper-show {
  margin-top: 30px;
}
.account__box .loading-indicator {
  height: 100%;
  display: flex;
  justify-content: center;
  width: 100%;
  min-width: 100%;
  align-items: center;
}
.account__box .loading-indicator .lds-roller {
  /* change color here */
  color: #101EC5;
}
.account__box .loading-indicator .lds-roller,
.account__box .loading-indicator .lds-roller div,
.account__box .loading-indicator .lds-roller div:after {
  box-sizing: border-box;
}
.account__box .loading-indicator .lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.account__box .loading-indicator .lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.account__box .loading-indicator .lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7.2px;
  height: 7.2px;
  border-radius: 50%;
  background: currentColor;
  margin: -3.6px 0 0 -3.6px;
}
.account__box .loading-indicator .lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.account__box .loading-indicator .lds-roller div:nth-child(1):after {
  top: 62.62742px;
  left: 62.62742px;
}
.account__box .loading-indicator .lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.account__box .loading-indicator .lds-roller div:nth-child(2):after {
  top: 67.71281px;
  left: 56px;
}
.account__box .loading-indicator .lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.account__box .loading-indicator .lds-roller div:nth-child(3):after {
  top: 70.90963px;
  left: 48.28221px;
}
.account__box .loading-indicator .lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.account__box .loading-indicator .lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.account__box .loading-indicator .lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.account__box .loading-indicator .lds-roller div:nth-child(5):after {
  top: 70.90963px;
  left: 31.71779px;
}
.account__box .loading-indicator .lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.account__box .loading-indicator .lds-roller div:nth-child(6):after {
  top: 67.71281px;
  left: 24px;
}
.account__box .loading-indicator .lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.account__box .loading-indicator .lds-roller div:nth-child(7):after {
  top: 62.62742px;
  left: 17.37258px;
}
.account__box .loading-indicator .lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.account__box .loading-indicator .lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12.28719px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.account__photo {
  margin-top: 25px;
  display: flex;
  align-items: center;
  padding-bottom: 25px;
  border-bottom: 1px solid #D6D6D6;
}
.account__photo img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 653px) {
  .account__photo {
    margin-top: 10px;
    padding-bottom: 10px;
    flex-direction: column;
    gap: 10px;
  }
}
.account__photo-update {
  margin-left: 50px;
}
.account__photo-update button {
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 12px;
  padding: 11px 28px;
  color: #fff;
  background: #101EC5;
  font-weight: 600;
  font-size: 12px;
  border: none;
  cursor: pointer;
}
.account__photo-update p {
  margin-top: 10px;
  font-weight: 500;
  font-size: 12px;
  color: #8B8B8B;
}
@media (max-width: 653px) {
  .account__photo-update {
    margin-left: 10px;
  }
}
.account__setting {
  margin-top: 25px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: -22px;
}
@media (max-width: 653px) {
  .account__setting {
    margin-top: 10px;
  }
}
.account__setting-item {
  margin-left: 22px;
  flex-basis: calc(50% - 22px);
  margin-bottom: 20px;
}
.account__setting-item input {
  width: 100%;
  border: 1.2px solid #E2E2E2;
  border-radius: 12px;
  padding: 14px 15px 14px 20px;
  font-weight: 500;
  font-size: 12px;
  color: #1F1F1F;
}
.account__setting-item input::-moz-placeholder {
  color: #8B8B8B;
}
.account__setting-item input::placeholder {
  color: #8B8B8B;
}
.account__setting-item p {
  font-weight: 500;
  font-size: 12px;
  margin-top: 6px;
  margin-bottom: 8px;
  color: #8B8B8B;
}
.account__setting-item .error-message {
  font-size: 14px;
  margin-top: 3px;
  display: block;
  color: red;
}
@media (max-width: 653px) {
  .account__setting-item {
    margin-top: 10px;
    flex-basis: 100%;
    margin-bottom: 10px;
  }
}
.account__setting-handler {
  width: 50%;
}
.account__setting-handler button {
  width: 100%;
  border-radius: 12px;
  padding: 11px 28px;
  color: #101EC5;
  font-weight: 600;
  cursor: pointer;
  border: 2px solid #101EC5;
  background: none;
  font-size: 14px;
  transition: all 0.3s;
}
.account__setting-handler button:hover {
  background: #101EC5;
  color: #fff;
}
.account__setting-handler p {
  margin-top: 12px;
  font-weight: 400;
  font-size: 12px;
  color: #02a902;
  text-align: center;
  transition: all 0.3s;
}
.account__setting-handler p.error-message {
  color: red;
}
@media (max-width: 653px) {
  .account__setting-handler {
    width: 100%;
  }
}
.account__setting-handler.profile-handler {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}
.account__setting-handler.profile-handler ul {
  margin-top: 10px;
}
.account__setting-handler.profile-handler ul li {
  font-size: 14px;
  font-weight: 600;
  color: red;
}
.account__setting-handler.profile-handler ul li + li {
  margin-top: 10px;
}
.account__setting-handler.portfolio-btn button {
  margin-top: 50px;
  width: 50%;
  background: #101EC5;
  color: #fff;
}
.account__setting-handler.portfolio-btn button:hover {
  background: #fff;
  color: #101EC5;
}
.account__description-editor {
  margin-top: 20px;
}
.account__description-editor .tox-tinymce {
  border-radius: 12px;
  margin-top: 12px;
}
.account__description-editor .tox-statusbar__branding, .account__description-editor .tox-statusbar {
  display: none !important;
}
.account__description-editor .tox .tox-toolbar, .account__description-editor .tox .tox-toolbar__overflow, .account__description-editor .tox .tox-toolbar__primary {
  background: #f1f4f6 !important;
  border-bottom: 1px solid #e3e3e3;
}
.account__box-item + .account__box-item {
  margin-top: 50px;
}
@media (max-width: 992px) {
  .account__box-item + .account__box-item {
    margin-top: 10px;
  }
}
.account__box-item.currency h3 {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 10px;
}
.account__box-item.currency .account__box-skills {
  margin-top: -2px;
}
.account__box-item.handler {
  margin-top: 10px;
}
.account__box-item.handler ul li {
  font-size: 14px;
  margin-top: 3px;
  display: block;
  color: red;
  font-weight: 600;
}
.account__box-item.handler p {
  font-weight: 400;
  font-size: 14px;
  color: #02a902;
}
.account__box-item.handler .error-message {
  font-size: 14px;
  margin-top: 3px;
  display: block;
  color: red;
  font-weight: 600;
}
.account__box-item.favorite .filter__elements-item {
  padding: 0px !important;
}
.account__select {
  margin-top: 20px;
  border: 1.2px solid #E2E2E2;
  border-radius: 12px;
  padding: 14px 15px 14px 20px;
  font-weight: 500;
  font-size: 12px;
  color: #8B8B8B;
  background: #FFFFFF;
  width: 100%;
}
.account__select option {
  outline: none;
  font-size: 16px;
}
.account__select::-ms-expand {
  display: none;
}
.account__box-skills {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: -10px;
}
.account__box-skills.currency {
  margin-left: -20px;
}
.account__box-skills.currency .account__skills-item {
  flex-basis: auto;
  margin-left: 20px;
}
@media (max-width: 1200px) {
  .account__box-skills {
    margin-top: 0px;
    margin-left: -20px;
  }
  .account__box-skills .account__skills-item {
    flex-basis: calc(50% - 20px);
    margin-left: 20px;
  }
}
@media (max-width: 653px) {
  .account__box-skills {
    margin-top: 0px;
    margin-left: -20px;
  }
  .account__box-skills .account__skills-item {
    flex-basis: 100%;
    margin-left: 20px;
  }
}
.account__skills-item {
  margin-top: 12px;
  flex-basis: calc(33.3333% - 10px);
  margin-left: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.account__skills-item.active span {
  border: none;
  background: #101EC5;
  position: relative;
}
.account__skills-item.active span:before {
  content: "";
  width: 9px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/build/website/images/icons/arrow-check.svg") no-repeat;
}
.account__skills-item span {
  transition: all 0.3s;
  border: 1px solid #E2E2E2;
  border-radius: 4px;
  min-width: 20px;
  min-height: 20px;
  background: #FFFFFF;
  display: block;
  margin-right: 12px;
}
.account__skills-item p {
  font-weight: 400;
  font-size: 13px;
  color: #111;
}
.account__box-input {
  margin-top: 20px;
}
.account__box-input input {
  width: 100%;
  border: 1.2px solid #E2E2E2;
  border-radius: 12px;
  padding: 14px 15px 14px 20px;
  font-weight: 500;
  font-size: 13px;
  color: #1F1F1F;
}
.account__box-input input::-moz-placeholder {
  color: #8B8B8B;
}
.account__box-input input::placeholder {
  color: #8B8B8B;
}
@media (max-width: 992px) {
  .account__box-input {
    margin-top: 10px;
  }
}
.account-contacts {
  margin-top: 20px;
}
@media (max-width: 992px) {
  .account-contacts {
    margin-top: 0px;
  }
}
.account__box-finances {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: -26px;
}
@media (max-width: 653px) {
  .account__box-finances {
    gap: 10px;
  }
}
.account__finances-item {
  display: flex;
  flex-direction: column;
  flex-basis: calc(33.3333% - 26px);
  margin-left: 26px;
  justify-content: center;
  border-radius: 12px;
  padding: 24px 25px;
  background: #fff;
  align-items: center;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.3s;
}
.account__finances-item.active {
  border: 1px solid #101EC5;
}
.account__finances-item:hover {
  border: 1px solid #101EC5;
}
@media (max-width: 653px) {
  .account__finances-item {
    flex-basis: calc(100% - 26px);
    padding: 10px 11px;
  }
}
.account__finances-name {
  font-weight: 400;
  font-size: 14px;
  color: #111;
}
.account__finances-bill {
  margin-top: 10px;
  display: block;
  font-weight: 600;
  font-size: 22px;
  color: #101EC5;
}
@media (max-width: 653px) {
  .account__finances-bill {
    margin-top: 0px;
  }
}
.account__box-withdraw {
  margin-top: 20px;
  display: flex;
  margin-left: -26px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (max-width: 653px) {
  .account__box-withdraw {
    gap: 10px;
  }
}
.account__withdraw-item {
  flex-basis: calc(33.3333% - 26px);
  margin-left: 26px;
}
@media (max-width: 653px) {
  .account__withdraw-item:first-child {
    order: 1;
  }
}
.account__withdraw-item button {
  border-radius: 12px;
  padding: 16px 28px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  width: 100%;
  color: #fff;
  background: #101EC5;
  border: none;
}
.account__withdraw-item.bill {
  display: flex;
  align-items: center;
}
.account__withdraw-item.bill input {
  border: 1.2px solid #E2E2E2;
  border-radius: 12px;
  padding: 14px;
  font-weight: 500;
  font-size: 15px;
  width: 100%;
  color: #1F1F1F;
}
.account__withdraw-item.bill span {
  margin-left: 10px;
  font-weight: 600;
}
@media (max-width: 653px) {
  .account__withdraw-item {
    flex-basis: calc(100% - 26px);
  }
}
.account__portfolio-name input {
  width: 100%;
  border: 1.2px solid #E2E2E2;
  border-radius: 12px;
  padding: 14px 15px 14px 20px;
  font-weight: 500;
  font-size: 12px;
  color: #111;
}
@media (max-width: 992px) {
  .account__messages {
    min-width: 580px;
  }
}
@media (max-width: 992px) {
  .account__messages-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
.account__messages-top {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.account__messages-select-all span {
  cursor: pointer;
  display: block;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  border: 1px solid #E2E2E2;
  background: #FFFFFF;
}
.account__messages-select-all.active span {
  background: #101EC5;
  border-radius: 4px;
  position: relative;
}
.account__messages-select-all.active span:before {
  content: "";
  width: 9px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/build/website/images/icons/arrow-check.svg") no-repeat;
}
.account__messages-top-chat {
  max-width: 180px;
  width: 100%;
  display: block;
  font-weight: 500;
  font-size: 12px;
  color: #8B8B8B;
}
@media (max-width: 992px) {
  .account__messages-top-chat {
    max-width: 160px;
  }
}
.account__messages-top-ls {
  max-width: 408px;
  width: 100%;
  font-weight: 500;
  font-size: 12px;
  color: #8B8B8B;
  display: block;
}
.account__messages-top-time {
  font-weight: 500;
  font-size: 12px;
  color: #8B8B8B;
  max-width: 100px;
  width: 100%;
  text-align: right;
  display: block;
}
.account__messages-item {
  margin-top: 10px;
  background: #fff;
  border-radius: 12px;
  padding: 16px 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  align-items: center;
}
.account__messages-item.new {
  border: 1px solid #101EC5;
}
.account__messages-item-message {
  max-width: 408px;
  width: 100%;
  font-weight: 400;
  font-size: 11px;
  color: #111;
  line-height: normal;
}
.account__messages-item-message a {
  color: #009464;
}
.account__messages-item-time {
  max-width: 100px;
  width: 100%;
  text-align: right;
  font-weight: 500;
  font-size: 12px;
  color: #111;
}
.account__messages-item-select span {
  cursor: pointer;
  display: block;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  border: 1px solid #E2E2E2;
  background: #FFFFFF;
}
.account__messages-item-select.active span {
  background: #101EC5;
  border-radius: 4px;
  position: relative;
}
.account__messages-item-select.active span:before {
  content: "";
  width: 9px;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/build/website/images/icons/arrow-check.svg") no-repeat;
}
.account__messages-item-author {
  max-width: 180px;
  width: 100%;
  display: block;
  font-weight: 500;
  font-size: 12px;
  color: #111;
}
@media (max-width: 992px) {
  .account__messages-item-author {
    max-width: 160px;
  }
}
.account__messages-delete-btn {
  margin-top: 20px;
  border-radius: 12px;
  padding: 11px 28px;
  border: none;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  background: #101EC5;
}
@media (max-width: 992px) {
  .account__messages-select-all {
    margin-right: 10px;
  }
}
@media (max-width: 992px) {
  .account__messages-item-select {
    margin-right: 10px;
  }
}
.account__chat-communication {
  margin-top: 20px;
  border-radius: 12px;
  padding: 8px 16px;
  background: #EEF5F5;
  font-weight: 500;
  font-size: 12px;
  max-width: -moz-max-content;
  max-width: max-content;
}
.account__chat-communication a {
  color: #101EC5;
}
@media (max-width: 992px) {
  .account__chat-communication {
    margin-top: 10px;
    padding: 8px;
  }
}
.account__chat-item {
  border-radius: 12px;
  padding: 20px;
  background: #fff;
}
.account__chat-item.send {
  border: 1px solid #E2E2E2;
  border-radius: 12px;
  padding: 20px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.account__chat-item.send input {
  width: 100%;
  max-width: 1050px;
  border: none;
  margin-left: 18px;
  font-weight: 400;
  font-size: 13px;
}
.account__chat-item.send .send-message, .account__chat-item.send .send-file {
  background: none;
  border: none;
  cursor: pointer;
}
@media (max-width: 992px) {
  .account__chat-item.send {
    padding: 10px;
  }
  .account__chat-item.send input {
    margin-left: 0px;
  }
}
@media (max-width: 992px) {
  .account__chat-item {
    padding: 10px;
  }
}
.account__chat-item-top {
  display: flex;
  align-items: center;
}
.account__chat-item-top img {
  margin-right: 16px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 460px) {
  .account__chat-item-top {
    flex-direction: column;
  }
  .account__chat-item-top img {
    margin-right: 0px;
  }
}
.account__chat-top-name {
  font-weight: 600;
  font-size: 14px;
  color: #111;
  display: block;
}
.account__chat-top-data {
  margin-left: 20px;
  font-weight: 500;
  font-size: 12px;
  color: #8B8B8B;
}
@media (max-width: 460px) {
  .account__chat-top-data {
    margin-left: 0px;
  }
}
.account__chat-item-content {
  margin-top: 20px;
}
.account__chat-item-content p {
  font-weight: 400;
  font-size: 13px;
  color: #111;
}
.account__chat-item + .account__chat-item {
  margin-top: 20px;
}
.account__chat-content-file {
  margin-top: 20px;
}
.account__chat-file-title {
  font-weight: 600 !important;
  font-size: 14px !important;
}
.account__chat-file-wrapper {
  margin-top: 12px;
  gap: 20px;
  display: flex;
}
@media (max-width: 992px) {
  .account__chat-file-wrapper {
    flex-wrap: wrap;
  }
}
.account__chat-file-img {
  border-radius: 5px;
  padding: 3px;
  background: #fff;
  margin-bottom: 10px;
}
.account__chat-file-img img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 653px) {
  .account__chat-file-img {
    width: 100%;
    align-self: center;
  }
  .account__chat-file-img img {
    margin: 0 auto;
  }
}
.account__chat-file-item {
  max-width: 132px;
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  padding: 8px;
  background: #EEF5F5;
  cursor: pointer;
}
.account__chat-file-item p {
  font-weight: 500 !important;
  font-size: 12px !important;
  word-break: break-all;
  line-height: normal !important;
}
.account__chat-file-item span {
  display: block;
  margin-top: 6px;
  font-weight: 500;
  font-size: 11px;
  color: #8B8B8B;
}
@media (max-width: 653px) {
  .account__chat-file-item {
    max-width: 100%;
  }
}
.account__chat-errors {
  margin-top: 10px;
}
.account__chat-errors li {
  color: red;
  font-size: 16px;
  font-weight: 400;
}
.account__chat-progress-bar {
  width: 100%;
  height: 5px;
  background-color: #f3f3f3;
  position: relative;
  margin-top: 10px;
  border-radius: 12px;
}
.account__chat-progress-bar .progress-bar-inner {
  height: 100%;
  background-color: #00B278;
  transition: width 0.2s;
  border-radius: 12px;
}
.account__chat-files {
  margin-top: 12px;
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
}
.account__notification-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 86px;
}
.account__notification-empty h2 {
  margin-top: 30px;
  font-weight: 600;
  font-size: 16px;
}
@media (max-width: 653px) {
  .account__notification-empty {
    padding: 10px;
  }
  .account__notification-empty h2 {
    margin-top: 15px;
    font-size: 14px;
  }
}
.account__notification-item {
  border-radius: 12px;
  padding: 20px;
  background: #FFFFFF;
}
.account__notification-item p {
  margin-top: 16px;
  font-weight: 400;
  font-size: 13px;
}
@media (max-width: 653px) {
  .account__notification-item {
    padding: 10px;
  }
  .account__notification-item p {
    margin-top: 9px;
  }
}
.account__notification-data {
  font-weight: 600;
  font-size: 14px;
  color: #111;
}
.account__notification-item + .account__notification-item {
  margin-top: 12px;
}
@media (max-width: 653px) {
  .account__notification-item + .account__notification-item {
    margin-top: 8px;
  }
}
.account__project-wrapper {
  width: 100%;
}
.account__create-project {
  display: block;
  margin-left: auto;
  border-radius: 12px;
  padding: 11px 28px;
  color: #fff;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border: none;
  margin-bottom: 30px;
  background: #101EC5;
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
}
@media (max-width: 992px) {
  .account__create-project {
    margin-bottom: 10px;
    max-width: 100%;
    width: 100%;
  }
}
.account__project-item + .account__project-item {
  margin-top: 20px;
}
@media (max-width: 653px) {
  .account__project-item + .account__project-item {
    margin-top: 10px;
  }
}
.account__project-item {
  border-radius: 12px;
  padding: 20px;
  background: #FFFFFF;
  display: block;
}
.account__project-item h3 {
  font-weight: 600;
  font-size: 16px;
  color: #111;
  word-break: break-all;
}
@media (max-width: 653px) {
  .account__project-item {
    padding: 10px;
  }
}
@media (max-width: 992px) {
  .account__project-item.payment {
    overflow-x: scroll;
  }
  .account__project-item.payment table {
    min-width: 807px;
  }
}
.account__project-item.payment .table {
  width: 100%;
  border-collapse: collapse;
  background-color: #fff;
  border: 1px solid #ddd;
  font-size: 16px;
  border-radius: 12px;
  overflow: hidden;
}
.account__project-item.payment .table thead {
  background: #EEF5F5;
  color: #111;
  font-weight: 600;
}
.account__project-item.payment .table thead th {
  padding: 12px 8px;
  border-bottom: 1px solid #101EC5;
}
.account__project-item.payment .table tbody tr {
  border-bottom: 1px solid #101EC5;
  transition: background-color 0.2s;
}
.account__project-item.payment .table tbody tr:hover {
  background-color: #f1f1f1;
}
.account__project-item.payment .table tbody td {
  padding: 12px 8px;
}
.account__project-item.payment .table tbody tr:last-child {
  border-bottom: none;
}
.account__project-item.payment .table-center td, .account__project-item.payment .table-center th {
  text-align: center;
}
.account__project-item.payment .text-success {
  color: #28a745;
}
.account__project-item.payment .text-danger {
  color: #dc3545;
}
.account__project-item.payment .text-pending {
  color: #EE6603;
}
.account__project-item.payment a {
  color: #00B278;
  text-decoration: none;
  transition: color 0.2s;
}
.account__project-item.payment a:hover {
  color: #101EC5;
}
.account__project-description {
  margin-top: 10px;
  font-weight: 400;
  font-size: 13px;
  color: #1F1F1F;
  word-break: break-all;
}
.account__project-description p, .account__project-description h2, .account__project-description h3 {
  font-weight: 400;
  font-size: 13px;
  color: #1F1F1F;
  word-break: break-all;
}
.account__project-description p + p {
  margin-top: 10px;
}
.account__project-down {
  margin-top: 20px;
  display: flex;
  align-items: flex-start;
  gap: 80px;
}
@media (max-width: 653px) {
  .account__project-down {
    gap: 10px;
    flex-direction: column;
  }
}
.account__project-down-item {
  display: flex;
  flex-direction: column;
}
.account__project-down-title {
  font-weight: 500;
  font-size: 12px;
  color: #8B8B8B;
}
.account__project-down-text {
  font-weight: 500;
  font-size: 12px;
  color: #111;
}
.account__project-down-text.publish {
  color: #101EC5;
}
.account__project-down-text.publish {
  color: #101EC5;
}
.account__project-down-text.unpublish {
  color: #8B8B8B;
}
.account__project-down-text.pending {
  color: #EE6603;
}
.account__project-down-text.ongoing {
  color: #8400B2;
}
.account__project-down-text.completed {
  color: #00B278;
}
.account__project-down-text.canceled {
  color: red;
}
.account__project-buttons {
  margin-top: 10px;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.account__project-destroy {
  display: block;
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 12px;
  padding: 6px;
  background: red;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}
@media (max-width: 653px) {
  .account__project-destroy {
    padding: 4px;
    font-size: 13px;
  }
}
.account__project-update, .account__project-accept {
  display: block;
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 12px;
  padding: 6px;
  background: #EE6603;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}
@media (max-width: 653px) {
  .account__project-update, .account__project-accept {
    padding: 4px;
    font-size: 13px;
  }
}
.account__project-accept {
  background: #101EC5;
}
.account__project-pay, .account__project-accept {
  margin-top: 10px;
  display: block;
  max-width: -moz-max-content;
  max-width: max-content;
  border-radius: 12px;
  padding: 6px;
  background: #00B278;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}
@media (max-width: 653px) {
  .account__project-pay, .account__project-accept {
    padding: 4px;
    font-size: 13px;
  }
}
.account__project-accept {
  margin-top: 0px;
}
.account__project-menu ul {
  display: flex;
  gap: 30px;
}
.account__project-menu ul li {
  cursor: pointer;
  font-weight: 500;
  color: #101EC5;
}
.account__project-menu ul li.active {
  text-decoration: underline;
  text-underline-offset: 8px;
  text-decoration-color: #00B278;
}
@media (max-width: 1200px) {
  .account__project-menu ul {
    gap: 10px;
    flex-direction: column;
  }
}
.account__project-proposal {
  margin-top: 10px;
}
.account__project-proposal.users {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: -20px;
}
.account__proposal-users-item {
  display: flex;
  flex-direction: column;
  flex-basis: calc(33.3333% - 20px);
  margin-left: 20px;
}
@media (max-width: 653px) {
  .account__proposal-users-item {
    flex-basis: calc(50% - 20px);
  }
}
@media (max-width: 992px) {
  .account__proposal-users-item {
    flex-basis: calc(100% - 20px);
  }
}
.account__project-proposal-item + .account__project-proposal-item {
  margin-top: 5px;
}
.account__project-proposal-item p {
  font-size: 13px;
  word-break: break-all;
}
.account__project-proposal-item.status p {
  text-transform: uppercase;
  font-weight: 600;
}
.account__project-proposal-item.status p.waiting {
  color: #EE6603;
}
.account__project-proposal-item.status p.accepted {
  color: #00B278;
}
.account__project-proposal-item-user {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.account__project-proposal-item-user img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.account__project-proposal-item-user p {
  font-weight: 600;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.3s;
}
.account__project-offer-down {
  margin-top: 10px;
}
.account__project-offer-freelancer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.account__project-offer-freelancer button {
  border: none;
  background: #101EC5;
  border-radius: 12px;
  padding: 6px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}
.account__project-offer-consideration, .account__project-offer-pay {
  text-align: center;
  background: #EE6603;
  padding: 10px;
  border-radius: 12px;
}
.account__project-offer-consideration span, .account__project-offer-pay span {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .account__project-offer-consideration span, .account__project-offer-pay span {
    font-size: 13px;
  }
}
.account__project-offer-pay {
  background: #00B278;
  cursor: pointer;
  width: 100%;
  border: none;
}
.account-menu {
  max-width: 268px;
  width: 100%;
}
@media (max-width: 992px) {
  .account-menu {
    max-width: 100%;
  }
}
.account-menu__item {
  border-radius: 12px;
  padding: 13px 24px;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 15px;
  color: #1F1F1F;
  transition: all 0.3s;
}
.account-menu__item .icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.account-menu__item .icon.profile {
  background-image: url("/build/website/images/icons/tabs/profile.svg");
}
.account-menu__item .icon.portfolio {
  background-image: url("/build/website/images/icons/tabs/portfolio.svg");
}
.account-menu__item .icon.freelancer-profile {
  background-image: url("/build/website/images/icons/tabs/freelancer-profile.svg");
}
.account-menu__item .icon.freelancer-finances {
  background-image: url("/build/website/images/icons/tabs/freelancer-finances.svg");
}
.account-menu__item .icon.log-out {
  background-image: url("/build/website/images/icons/tabs/log-out.svg");
}
.account-menu__item .icon.favorite-freelancers {
  background-image: url("/build/website/images/icons/tabs/favorite-freelancers.svg");
}
.account-menu__item .icon.messages {
  background-image: url("/build/website/images/icons/tabs/messages.svg");
}
.account-menu__item .icon.notifications {
  background-image: url("/build/website/images/icons/tabs/notifications.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.account-menu__item .icon.projects {
  background-image: url("/build/website/images/icons/tabs/projects.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.account-menu__item .icon.applications {
  background-image: url("/build/website/images/icons/tabs/applications.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.account-menu__item .icon.payments {
  background-image: url("/build/website/images/icons/tabs/payments.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.account-menu__item svg {
  margin-left: auto;
}
.account-menu__item:hover {
  background: #EEF5F5;
  color: #101EC5;
}
.account-menu__item:hover svg {
  fill: #101EC5;
}
.account-menu__item:hover .icon.profile {
  background-image: url("/build/website/images/icons/tabs/profile-active.svg");
}
.account-menu__item:hover .icon.freelancer-profile {
  background-image: url("/build/website/images/icons/tabs/freelancer-profile-active.svg");
}
.account-menu__item:hover .icon.portfolio {
  background-image: url("/build/website/images/icons/tabs/portfolio-active.svg");
}
.account-menu__item:hover .icon.freelancer-finances {
  background-image: url("/build/website/images/icons/tabs/freelancer-finances-active.svg");
}
.account-menu__item:hover .icon.log-out {
  background-image: url("/build/website/images/icons/tabs/log-out-active.svg");
}
.account-menu__item:hover .icon.favorite-freelancers {
  background-image: url("/build/website/images/icons/tabs/favorite-freelancers-active.svg");
}
.account-menu__item:hover .icon.messages {
  background-image: url("/build/website/images/icons/tabs/messages-active.svg");
}
.account-menu__item:hover .icon.notifications {
  background-image: url("/build/website/images/icons/tabs/notifications-active.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.account-menu__item:hover .icon.projects {
  background-image: url("/build/website/images/icons/tabs/projects-active.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.account-menu__item:hover .icon.applications {
  background-image: url("/build/website/images/icons/tabs/applications-active.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.account-menu__item:hover .icon.payments {
  background-image: url("/build/website/images/icons/tabs/payments-active.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.account-menu__item.active {
  background: #EEF5F5;
  color: #101EC5;
}
.account-menu__item.active svg {
  fill: #101EC5;
}
.account-menu__item.active .icon.profile {
  background-image: url("/build/website/images/icons/tabs/profile-active.svg");
}
.account-menu__item.active .icon.freelancer-profile {
  background-image: url("/build/website/images/icons/tabs/freelancer-profile-active.svg");
}
.account-menu__item.active .icon.portfolio {
  background-image: url("/build/website/images/icons/tabs/portfolio-active.svg");
}
.account-menu__item.active .icon.freelancer-finances {
  background-image: url("/build/website/images/icons/tabs/freelancer-finances-active.svg");
}
.account-menu__item.active .icon.log-out {
  background-image: url("/build/website/images/icons/tabs/log-out-active.svg");
}
.account-menu__item.active .icon.favorite-freelancers {
  background-image: url("/build/website/images/icons/tabs/favorite-freelancers-active.svg");
}
.account-menu__item.active .icon.messages {
  background-image: url("/build/website/images/icons/tabs/messages-active.svg");
}
.account-menu__item.active .icon.notifications {
  background-image: url("/build/website/images/icons/tabs/notifications-active.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.account-menu__item.active .icon.projects {
  background-image: url("/build/website/images/icons/tabs/projects-active.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.account-menu__item.active .icon.applications {
  background-image: url("/build/website/images/icons/tabs/applications-active.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.account-menu__item.active .icon.payments {
  background-image: url("/build/website/images/icons/tabs/payments-active.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 992px) {
  .account-menu__item {
    padding: 10px;
  }
}
.account-menu__item + .account-menu__item {
  margin-top: 4px;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  touch-action: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
  */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
  */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
  * connect elements.
  */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
  cursor: pointer;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
  */
.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 16px;
  height: 16px;
  right: -8px;
  top: -6px;
  background-color: #101EC5;
  border-radius: 100px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
  * Giving the connect element a border radius causes issues with using transform: scale
  */
.noUi-target {
  background: #D9D9D9;
  border-radius: 4px;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #101EC5;
}

/* Handles and cursors;
  */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Disabled state;
  */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
  *
  */
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
  *
  */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
  *
  */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
  *
  */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
  *
  */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

.noUi-touch-area {
  position: relative;
}

.min-circle,
.max-circle {
  position: absolute;
  border-radius: 2px;
  background: #101EC5;
  color: var(--white, #FFF);
  text-align: center;
  font-family: "Nunito Sans";
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  padding: 4px 10px;
  top: -39px;
  min-width: 38px;
}

.max-circle::after {
  content: "";
  position: absolute;
  background: url("/build/website/images/arrow.svg");
  width: 24px;
  height: 13px;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}

.min-circle::after {
  content: "";
  position: absolute;
  background: url("/build/website/images/arrow.svg");
  width: 24px;
  height: 13px;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}

.min-circle {
  left: -9px;
}

.max-circle {
  right: -12px;
}

.noUi-tooltip {
  background: #101EC5;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  font-family: "Work Sans", serif;
  padding: 2px 5px;
  font-weight: 600;
  bottom: 150% !important;
}
.noUi-tooltip:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 12px;
  background: url("/build/website/images/arrow.svg");
  left: 50%;
  transform: translateX(-50%);
  bottom: -6px;
}