/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  /* Document
     ========================================================================== */
  /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   */
  @import url(fonts.css);
  @import url(jquery.fancybox.css);
  @import url(jquery.select2.css);
  @import url(star-rating.min.css);
  @import url(swiper.css);

  @import url(picker.min.css);

  @import url(general.css);

  html {

      line-height: 1.15; /* 1 */
      -webkit-text-size-adjust: 100%; /* 2 */

  }
  
  /* Sections
     ========================================================================== */
  /**
   * Remove the margin in all browsers.
   */
  body {

      margin: 0;

  }
  
  /**
   * Render the `main` element consistently in IE.
   */
  main {

      display: block;

  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  h1 {

      font-size: 2em;
      margin: 0.67em 0;

  }
  
  /* Grouping content
     ========================================================================== */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  hr {

      -webkit-box-sizing: content-box;
      box-sizing: content-box; /* 1 */
      height: 0; /* 1 */
      overflow: visible; /* 2 */

  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  pre {

      font-family: monospace, monospace; /* 1 */
      font-size: 1em; /* 2 */

  }
  
  /* Text-level semantics
     ========================================================================== */
  /**
   * Remove the gray background on active links in IE 10.
   */
  a {

      background-color: transparent;

  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  abbr[title] {

      border-bottom: none; /* 1 */
      text-decoration: underline; /* 2 */
      -webkit-text-decoration: underline dotted;
      text-decoration: underline dotted; /* 2 */

  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  b,
  strong {

      font-weight: bolder;

  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  code,
  kbd,
  samp {

      font-family: monospace, monospace; /* 1 */
      font-size: 1em; /* 2 */

  }
  
  /**
   * Add the correct font size in all browsers.
   */
  small {

      font-size: 80%;

  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  sub,
  sup {

      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline;

  }
  
  sub {

      bottom: -0.25em;

  }
  
  sup {

      top: -0.5em;

  }
  
  /* Embedded content
     ========================================================================== */
  /**
   * Remove the border on images inside links in IE 10.
   */
  img {

      border-style: none;

  }
  
  /* Forms
     ========================================================================== */
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  button,
  input,
  optgroup,
  select,
  textarea {

      font-family: inherit; /* 1 */
      font-size: 100%; /* 1 */
      line-height: 1.15; /* 1 */
      margin: 0; /* 2 */

  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  button,
  input { /* 1 */

      overflow: visible;

  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  button,
  select { /* 1 */

      text-transform: none;

  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  button,
  [type=button],
  [type=reset],
  [type=submit] {

      -webkit-appearance: button;

  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  button::-moz-focus-inner,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {

      border-style: none;
      padding: 0;

  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  button:-moz-focusring,
  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring {

      outline: 1px dotted ButtonText;

  }
  
  /**
   * Correct the padding in Firefox.
   */
  fieldset {

      padding: 0.35em 0.75em 0.625em;

  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  legend {

      -webkit-box-sizing: border-box;
      box-sizing: border-box; /* 1 */
      color: inherit; /* 2 */
      display: table; /* 1 */
      max-width: 100%; /* 1 */
      padding: 0; /* 3 */
      white-space: normal; /* 1 */

  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  progress {

      vertical-align: baseline;

  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  textarea {

      overflow: auto;

  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  [type=checkbox],
  [type=radio] {

      -webkit-box-sizing: border-box;
      box-sizing: border-box; /* 1 */
      padding: 0; /* 2 */

  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {

      height: auto;

  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  [type=search] {

      -webkit-appearance: textfield; /* 1 */
      outline-offset: -2px; /* 2 */

  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  [type=search]::-webkit-search-decoration {

      -webkit-appearance: none;

  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  ::-webkit-file-upload-button {

      -webkit-appearance: button; /* 1 */
      font: inherit; /* 2 */

  }
  
  /* Interactive
     ========================================================================== */
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  details {

      display: block;

  }
  
  /*
   * Add the correct display in all browsers.
   */
  summary {

      display: list-item;

  }
  
  /* Misc
     ========================================================================== */
  /**
   * Add the correct display in IE 10+.
   */
  template {

      display: none;

  }
  
  /**
   * Add the correct display in IE 10.
   */
  [hidden] {

      display: none;

  }
  
  .green {

      color: #377d87;

  }
  
  .red {

      color: #eb5757;

  }
  
  .rotate180 {

      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);

  }
  
  ::-moz-selection {

      color: #000;
      background: #acc0e6;

  }
  
  ::selection {

      color: #000;
      background: #acc0e6;

  }
  
  ::-webkit-scrollbar {

      width: 8px;
      height: 8px;

  }
  
  ::-webkit-scrollbar-track {

      border-radius: 999px;
      background-color: #fff;

  }
  
  ::-webkit-scrollbar-thumb {

      border-radius: 999px;
      background-color: #377d87;

  }
  
  ::-webkit-input-placeholder {

      color: #9c9d9d;
      opacity: 1;

  }
  
  :focus::-webkit-input-placeholder {

      color: transparent;

  }
  
  :-ms-input-placeholder {

      color: #9c9d9d;
      opacity: 1;

  }
  
  :focus:-ms-input-placeholder {

      color: transparent;

  }
  
  ::-ms-input-placeholder {

      color: #9c9d9d;
      opacity: 1;

  }
  
  :focus::-ms-input-placeholder {

      color: transparent;

  }
  
  ::-moz-placeholder {

      color: #9c9d9d;
      opacity: 1;

  }
  
  :focus::-moz-placeholder {

      color: transparent;

  }
  
  ::-webkit-input-placeholder {

      color: #9c9d9d;
      opacity: 1;

  }
  
  ::-moz-placeholder {

      color: #9c9d9d;
      opacity: 1;

  }
  
  :-ms-input-placeholder {

      color: #9c9d9d;
      opacity: 1;

  }
  
  ::-ms-input-placeholder {

      color: #9c9d9d;
      opacity: 1;

  }
  
  ::placeholder {

      color: #9c9d9d;
      opacity: 1;

  }
  
  :focus::-webkit-input-placeholder {

      color: transparent;

  }
  
  :focus::-moz-placeholder {

      color: transparent;

  }
  
  :focus:-ms-input-placeholder {

      color: transparent;

  }
  
  :focus::-ms-input-placeholder {

      color: transparent;

  }
  
  :focus::placeholder {

      color: transparent;

  }
  
  *,
  *:before,
  *:after {

      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      outline: none;
      -webkit-box-shadow: none;
      box-shadow: none;

  }
  
  a,
  button,
  select {

      color: inherit;

  }
  
  a {

      text-decoration: none;

  }
  
  a,
  input[type=button],
  input[type=submit],
  button {

      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      cursor: pointer;

  }
  
  [type=tel] {

      letter-spacing: 1px;

  }
  
  .br,
  img,
  svg {

      display: block;

  }
  
  .float-left {

      float: left;

  }
  
  .float-right {

      float: right;

  }
  
  .clear-both:after {

      content: "";
      display: block;
      clear: both;

  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {

      margin: 0;

  }
  
  #body {

      font-family: "Circe", sans-serif;
      color: #000;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      gap: 50px;
      min-width: 320px;
      min-height: 100vh;
      line-height: 1.25;
  }
  @media (min-width: 768px) {
      #body {
          gap: 60px;
      }

  }
  #body.pdf {

      gap: 0;

  }
  
  .container {

      width: 100%;
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 10px;
      padding-right: 10px;

  }
  @media (min-width: 768px) {

      .container {
          padding-left: 20px;
          padding-right: 20px;
      }

  }
  
  .to-top {

      position: fixed;
      right: 10px;
      bottom: 10px;
      border-radius: 999px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff;
      background: #377d87;
      width: 40px;
      height: 40px;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      margin-right: -100px;
      -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
      z-index: 99;
      border: 1px solid #377d87;

  }
  .to-top:hover {

      background: #fff;
      color: #377d87;

  }
  .to-top svg {

      width: 10px;
      height: 10px;

  }
  @media (min-width: 768px) {

      .to-top {
          width: 50px;
          height: 50px;
          right: 20px;
          bottom: 20px;
      }
      .to-top svg {
          width: 12px;
          height: 12px;
      }

  }
  
  .begin .to-top {

      margin-right: 0;

  }
  
  .socials {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 8px;

  }
  .socials a {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border: 1px solid #377d87;
      color: #377d87;
      border-radius: 999px;
      width: 38px;
      height: 38px;

  }
  .socials a:hover {

      background: #377d87;
      color: #fff;

  }
  .socials svg {

      width: 12px;
      height: 12px;

  }
  
  .nls {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #000;
      text-align: left;

  }
  .nls:hover {

      color: #377d87;

  }
  .nls svg {

      width: 30px;
      height: 40px;

  }
  @media (min-width: 768px) {

      .nls svg {
          width: 24px;
          height: 31px;
      }

  }
  .nls span {

      width: calc(100% - 30px);
      padding-left: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 12px;
      line-height: 1.4;
  }
  @media (min-width: 768px) {
      .nls span {
          width: calc(100% - 24px);
      }

  }
  .nls b {

      font-weight: 400;

  }
  
  .title,
  h1 {

      margin: 0;
      font-weight: 700;
      font-size: 32px;

  }
  @media (min-width: 768px) {

      .title,
      h1 {
          font-size: 40px;
      }

  }
  @media (min-width: 992px) {

      .title,
      h1 {
          font-size: 48px;
      }

  }
  @media (min-width: 1280px) {

      .title,
      h1 {
          font-size: 64px;
      }

  }
  
  .swiper-pagination {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: static;
      margin-top: 20px;
      gap: 8px;
  }
  @media (min-width: 768px) {
      .swiper-pagination {
          margin-top: 30px;
      }

  }
  .swiper-pagination-bullet {

      width: 16px;
      height: 16px;
      opacity: 1;
      border: 1px solid #cdcece;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      background: transparent;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 !important;

  }
  .swiper-pagination-bullet:before {

      content: "";
      width: 6px;
      height: 6px;
      border-radius: 999px;
      background: #377d87;
      opacity: 0;
      -webkit-transition: 0.3s;
      transition: 0.3s;

  }
  .swiper-pagination-bullet:hover {

      border-color: #377d87;

  }
  .swiper-pagination-bullet-active {

      border-color: #377d87;

  }
  .swiper-pagination-bullet-active:before {

      opacity: 1;

  }
  
  .navs {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      gap: 20px;
      width: 80px;

  }
  .navs button {

      color: #377d87;
      background: none;
      border: none;
      padding: 0;

  }
  .navs button[disabled] {

      cursor: not-allowed;
      color: #cddee1;

  }
  .navs svg {

      width: 14px;
      height: 28px;

  }
  
  .select {

      position: relative;

  }
  .select2 {

      width: 100% !important;

  }
  .select2-container {

      font-size: 12px;

  }
  @media (min-width: 768px) {

      .select2-container {
          font-size: 16px;
      }

  }
  .select2-container--open .select2-selection {

      border-color: #377d87 !important;

  }
  .select2-container--open .select2-selection__arrow svg {

      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);

  }
  .select2-selection {

      min-height: 30px !important;
      border-radius: 8px !important;
      border-color: #e7e7e7 !important;
      -webkit-transition: 0.3s;
      transition: 0.3s;

  }
  @media (min-width: 768px) {

      .select2-selection {
          min-height: 50px !important;
      }

  }
  .select2-selection__rendered {

      line-height: 28px !important;
      padding: 0 30px 0 10px !important;

  }
  @media (min-width: 768px) {

      .select2-selection__rendered {
          line-height: 48px !important;
          padding: 0 46px 0 20px !important;
      }

  }
  .select2-selection--multiple .select2-selection__rendered {

      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 10px;
      padding-top: 10px !important;
      padding-bottom: 10px !important;

  }
  .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {

      margin: 0;

  }
  .select2-selection__arrow {

      top: 0 !important;
      right: 0 !important;
      width: 30px !important;
      height: 100% !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #377d87;
  }
  @media (min-width: 768px) {
      .select2-selection__arrow {
          width: 50px !important;
      }

  }
  .select2-selection__arrow svg {

      width: 12px;
      height: 12px;
      -webkit-transition: 0.3s;
      transition: 0.3s;

  }
  @media (min-width: 768px) {

      .select2-selection__arrow svg {
          width: 14px;
          height: 14px;
      }

  }
  .select2-selection__choice {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 4px;
      padding: 0 4px 0 6px !important;
      background: #377d87 !important;
      border: none !important;
      border-radius: 6px !important;
      line-height: 1 !important;
      color: #fff;
      height: 24px;
  }
  @media (min-width: 768px) {
      .select2-selection__choice {
          height: 32px;
          gap: 6px;
          padding: 0 6px 0 10px !important;
          border-radius: 8px !important;
      }

  }
  .select2-selection__choice__remove {

      width: 14px;
      height: 14px;
      padding-top: 4px;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff !important;
      font-weight: 400 !important;
      font-size: 26px;

  }
  .select2-search {

      display: none;

  }
  .select2-dropdown {

      z-index: 99999;
      border: none;
      border-radius: 0;
      background: none;
      padding: 5px 0;

  }
  @media (min-width: 768px) {

      .select2-dropdown {
          padding: 10px 0;
      }

  }
  .select2-results {

      background: #fff;
      border-radius: 8px;
      border: 1px solid #377d87;
      overflow: hidden;

  }
  @media (min-width: 768px) {

      .select2-results__option {
          padding: 10px 14px;
      }

  }
  .select2-results__option--highlighted {

      background: #377d87 !important;

  }
  @media (min-width: 768px) {

      .select_search .select2-selection__rendered {
          padding-left: 60px !important;
      }

  }
  .select_search .select__icon {

      display: none;
      height: 28px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-right: 12px;
      z-index: 2;
      position: absolute;
      top: 50%;
      left: 15px;
      margin-top: -14px;

  }
  @media (min-width: 768px) {

      .select_search .select__icon {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
      }

  }
  .select_search .select__icon:after {

      content: "";
      width: 1px;
      height: 100%;
      border-radius: 999px;
      position: absolute;
      top: 0;
      right: 0;
      background: #cecece;

  }
  .select_search .select__icon svg {

      color: #9c9d9d;
      width: 20px;
      height: 20px;

  }
  
  .form-group {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 4px;
  }
  .form-group__label {
      font-size: 12px;
  }
  @media (min-width: 768px) {
      .form-group__label {
          font-size: 16px;
      }
  }

  .form-group__item {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      position: relative;
  }
  .form-group__item-icon {
      width: 16px;
      aspect-ratio: 1/1;
      z-index: 2;
      position: absolute;
      top: 50%;
      right: 4px;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #377d87;
  }
  @media (min-width: 768px) {
      .form-group__item-icon {
          width: 22px;
          right: 20px;
      }
  }
  .form-group__item-icon svg {
      width: 14px;
      aspect-ratio: 1/1;
  }
  @media (min-width: 768px) {
      .form-group__item-icon svg {
          width: 20px;
      }
  }
  .form-group__item-icon + .input {
      padding-right: 24px;
  }
  @media (min-width: 768px) {
      .form-group__item-icon + .input {
          padding-right: 60px;
      }

  }
  
  .input {

      display: block;
      height: 30px;
      border: 1px solid #cecece;
      background: #fff;
      font-size: 12px;
      border-radius: 8px;
      padding: 0 10px;
      color: #000;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      position: relative;
      z-index: 1;
  }
  @media (min-width: 768px) {
      .input {
          padding: 0 20px;
          height: 44px;
          font-size: 16px;
      }

  }
  .input:focus {

      border-color: #377d87;

  }
  .input[disabled] {

      color: #9c9d9d;
      background: #e7e7e7;

  }
  .input[type=date] {

      text-transform: uppercase;

  }
  
  .textarea {

      resize: none;
      display: block;
      width: 100%;
      border-radius: 8px;
      border: 1px solid #cecece;
      background: #fff;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      font-size: 12px;
      line-height: 1.4;
      padding: 10px;
      aspect-ratio: 8/3;
      max-height: 250px;
  }
  @media (min-width: 768px) {
      .textarea {
          padding: 20px;
          font-size: 16px;
          height: 280px;
      }

  }
  .textarea:focus {

      border-color: #377d87;

  }
  
  .button {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff;
      background: #377d87;
      height: 30px;
      border-radius: 8px;
      padding: 0 12px;
      border: 1px solid #377d87;
      font-weight: 700;
      font-size: 12px;
      text-align: center;
      line-height: 1;
      gap: 6px;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      cursor: pointer;
  }
  @media (min-width: 768px) {
      .button {
          padding: 0 24px;
          font-size: 16px;
          height: 44px;
          gap: 12px;
      }

  }
  @media (min-width: 992px) {

      .button {
          padding: 0 36px;
      }

  }
  .button:hover {

      background: transparent;
      color: #377d87;

  }
  .button img,
  .button svg {

      width: 12px;
      height: 12px;

  }
  @media (min-width: 768px) {

      .button img,
      .button svg {
          width: 18px;
          height: 18px;
      }

  }
  .button_more span + span {

      display: none;

  }
  .button_more.active span {

      display: none;

  }
  .button_more.active span + span {

      display: block;

  }
  .button_light {

      background: transparent;
      color: #377d87;

  }
  .button_light:hover {

      background: #377d87;
      color: #fff;

  }
  .button_whited {

      background: #fff;
      color: #377d87;
      border-color: #fff;

  }
  .button_whited:hover {

      background: #377d87;
      color: #fff;

  }
  
  .search {

      width: 100%;
      position: relative;
      background: #fff;
      border-radius: 8px;

  }
  .search span {

      display: none;
      height: 28px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-right: 12px;
      z-index: 1;
      position: absolute;
      top: 50%;
      left: 15px;
      margin-top: -14px;

  }
  @media (min-width: 768px) {

      .search span {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
      }

  }
  .search span:after {

      content: "";
      width: 1px;
      height: 100%;
      border-radius: 999px;
      position: absolute;
      top: 0;
      right: 0;
      background: #cecece;

  }
  .search span svg {

      color: #9c9d9d;
      width: 20px;
      height: 20px;

  }
  .search input {

      width: 100%;
      padding-right: 150px;
      position: relative;
      z-index: 2;
      background: none;

  }
  @media (min-width: 768px) {

      .search input {
          padding-left: 60px;
          padding-right: 220px;
      }

  }
  .search button {

      width: 140px;
      position: absolute;
      padding: 0;
      top: 0;
      right: 0;
      z-index: 3;

  }
  @media (min-width: 768px) {

      .search button {
          width: 200px;
      }

  }
  
  .breadcrumbs {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 12px 6px;
      margin: 0;
      padding: 0;
      font-size: 11px;
      color: #cecece;
      line-height: 1;

  }
  @media (min-width: 992px) {

      .breadcrumbs {
          font-size: 13px;
      }

  }
  @media (min-width: 1280px) {

      .breadcrumbs {
          font-size: 16px;
      }

  }
  .breadcrumbs li {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 6px;

  }
  .breadcrumbs li:before {

      content: "";
      width: 4px;
      height: 4px;
      background: #cecece;
      border-radius: 999px;
      position: relative;
      top: -1px;

  }
  .breadcrumbs li:first-child:before {

      display: none;

  }
  .breadcrumbs li:last-child:before {

      background: #377d87;

  }
  .breadcrumbs a:hover {

      color: #377d87;

  }
  .breadcrumbs b {

      color: #377d87;
      font-weight: 700;

  }
  
  .pagination {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      line-height: 1;
      color: #000;
      font-size: 12px;
      margin: 0 auto;
  }
  @media (min-width: 768px) {
      .pagination {
          font-size: 14px;
          gap: 3px;
      }

  }
  .pagination__item {

      width: 40px;
      height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: none;
      padding: 0;
      border: 1px solid transparent;
      border-radius: 8px;

  }
  .pagination__item:hover {

      -webkit-transition: 0s;
      transition: 0s;
      color: #377d87;
      font-weight: 700;

  }
  .pagination__item.active {

      font-weight: 700;
      color: #fff;
      background: #377d87;
      border-color: #377d87;

  }
  .pagination__dots {

      width: 40px;
      height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;

  }
  .pagination__dots svg {

      width: 15px;
      height: 15px;

  }
  .pagination__nav {

      width: 40px;
      height: 40px;
      display: none;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: none;
      padding: 0;
      border: 1px solid #cddee1;
      color: #377d87;
      border-radius: 8px;

  }
  @media (min-width: 768px) {

      .pagination__nav {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
      }

  }
  .pagination__nav:hover {

      border-color: #377d87;
      background: #377d87;
      color: #fff;

  }
  .pagination__nav svg {

      width: 10px;
      height: 10px;

  }
  .pagination__nav_prev {

      margin-right: 37px;

  }
  .pagination__nav_prev svg {

      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);

  }
  .pagination__nav_next {

      margin-left: 37px;

  }
  
  .filters {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 10px;

  }
  @media (min-width: 768px) {

      .filters {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;

          -ms-flex-direction: row;

          flex-direction: row;
          -webkit-box-align: center;

          -ms-flex-align: center;

          align-items: center;
          -webkit-box-pack: justify;

          -ms-flex-pack: justify;

          justify-content: space-between;
      }

  }
  .filters__label {

      color: #377d87;
      font-size: 12px;
      font-weight: 700;

  }
  @media (min-width: 768px) {

      .filters__label {
          font-size: 16px;
      }

  }
  @media (min-width: 992px) {

      .filters__label {
          font-size: 18px;
      }

  }
  .filters__body {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;

  }
  @media (min-width: 768px) {

      .filters__body {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;

          -ms-flex-direction: row;

          flex-direction: row;
          -webkit-box-align: center;

          -ms-flex-align: center;

          align-items: center;
      }

  }
  @media (min-width: 768px) {

      .filters__select {
          width: 250px;
      }

  }
  @media (min-width: 992px) {

      .filters__select {
          width: 310px;
      }

  }
  .filters__item {

      display: none;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 50px;
      height: 50px;
      padding: 0;
      background: #fff;
      border: 1px solid #377d87;
      color: #377d87;
      border-radius: 8px;
      margin-left: 20px;

  }
  @media (min-width: 768px) {

      .filters__item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
      }

  }
  .filters__item svg {

      width: 24px;
      height: 24px;

  }
  .filters__item.active {

      background: #377d87;
      color: #fff;

  }
  .filters__item + .filters__item {

      margin-left: 8px;

  }
  
  .like,
  .chat {

      width: 30px;
      height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: none;
      border: 1px solid #377d87;
      padding: 0;
      color: #377d87;
      border-radius: 6px;
  }
  @media (min-width: 768px) {
      .like,
      .chat {
          width: 44px;
          height: 44px;
      }

  }
  .like.active,
  .chat.active {

      background: #377d87;
      color: #fff;

  }
  .like svg,
  .chat svg {

      width: 14px;
      height: 14px;

  }
  @media (min-width: 768px) {

      .like svg,
      .chat svg {
          width: 20px;
          height: 20px;
      }

  }
  
  .like.active {

      background: #eb5757;
      border-color: #eb5757;

  }
  
  .checkbox {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      cursor: pointer;
      position: relative;

  }
  .checkbox__input {

      position: absolute;
      z-index: 1;
      width: 14px;
      height: 14px;
      padding: 0;
      background: none;
      border: none;
      opacity: 0;

  }
  @media (min-width: 768px) {

      .checkbox__input {
          width: 20px;
          height: 20px;
      }

  }
  .checkbox__icon {

      width: 14px;
      height: 14px;
      border: 1px solid #cfcfcf;
      background: #fff;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 4px;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      position: relative;
      z-index: 2;
  }
  @media (min-width: 768px) {
      .checkbox__icon {
          width: 20px;
          height: 20px;
      }

  }
  .checkbox__icon svg {

      width: 8px;
      height: 8px;
      opacity: 0;

  }
  @media (min-width: 768px) {

      .checkbox__icon svg {
          width: 10px;
          height: 10px;
      }

  }
  .checkbox__input:checked + .checkbox__icon {

      border-color: #377d87;
      background: #377d87;

  }
  .checkbox__input:checked + .checkbox__icon svg {

      opacity: 1;

  }
  .checkbox__text {

      width: calc(100% - 14px);
      padding-left: 6px;
      font-size: 12px;
      line-height: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      min-height: 14px;
  }
  @media (min-width: 768px) {
      .checkbox__text {
          width: calc(100% - 20px);
          padding-left: 12px;
          font-size: 15px;
          min-height: 20px;
      }

  }
  .checkbox__text a {

      color: #377d87;
      text-decoration: underline;
  }
  .checkbox-empty {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .checkbox-empty .checkbox {
      width: 20px;

  }
  
  .file {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;

  }
  .file__input input {

      display: none;

  }
  .file__list {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;

  }
  .file__list-item {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-top: 16px;

  }
  .file__list-item-left {

      width: calc(100% - 16px);
      min-height: 16px;
      color: #9c9d9d;
      font-size: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
  }
  @media (min-width: 768px) {
      .file__list-item-left {
          width: auto;
          max-width: calc(100% - 16px);
          font-size: 16px;
      }

  }
  .file__list-item-left svg {

      width: 16px;
      height: 16px;

  }
  .file__list-item-left span {

      width: calc(100% - 16px);
      min-height: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 8px;

  }
  .file__list-item-right {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0;
      background: none;
      border: none;
      width: 16px;
      height: 16px;
      color: #377d87;

  }
  .file__list-item-right:hover {

      color: #000;

  }
  .file__list-item-right svg {

      width: 10px;
      height: 10px;

  }
  .file__list-item + .file__list-item {

      margin-top: 10px;
  }
  
  .toggle {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 12px;

      position: relative;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }
  .toggle__input {

      position: absolute;

      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
  }
  .toggle__input:checked + .toggle__icon {
      background: #377d87;
  }
  .toggle__input:checked + .toggle__icon:before {
      left: 18px;
  }
  .toggle__input:checked:disabled + .toggle__icon {
      background: #9BBEC3;
  }
  .toggle__input:checked ~ .toggle__text:nth-child(3) {
      display: none;
  }
  .toggle__input:checked ~ .toggle__text:nth-child(4) {
      display: block;

  }
  .toggle__icon {

      display: block;
      position: relative;
      width: 36px;
      height: 20px;

      border-radius: 999px;
      background: #c3c7d9;
      -webkit-transition: 0.3s;
      transition: 0.3s;
  }
  .toggle__icon:before {
      content: "";
      -webkit-transition: 0.3s;
      transition: 0.3s;
      position: absolute;
      top: 50%;
      left: 2px;
      width: 16px;
      aspect-ratio: 1/1;
      border-radius: 999px;
      background: #fff;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  }
  .toggle__input:checked + .toggle__icon {
      background: #377d87;
  }

  .toggle__text {

      font-size: 14px;
      line-height: 20px;

  }
  @media (min-width: 768px) {

      .toggle__text {

          font-size: 16px;

      }

  }

  .toggle__text:nth-child(4) {
      display: none;
  }

  
  .rate {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;

  }
  @media (min-width: 768px) {

      .rate {
          gap: 20px;
      }

  }
  .rate__label {

      font-size: 12px;
      font-weight: 700;
      line-height: 1;

  }
  @media (min-width: 768px) {

      .rate__label {
          font-size: 18px;
      }

  }
  .rate__stars {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;

  }
  
  .back {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 14px;
      color: #377d87;
      font-weight: 700;
  }
  @media (min-width: 768px) {
      .back {
          font-size: 18px;
      }

  }
  .back:hover {

      color: #4d88d9;

  }
  .back svg {

      width: 16px;
      height: 16px;

  }
  @media (min-width: 768px) {

      .back svg {
          width: 26px;
          height: 26px;
      }

  }
  .back span {

      width: calc(100% - 16px);
      padding-left: 10px;

  }
  @media (min-width: 768px) {

      .back span {
          width: calc(100% - 26px);
          padding-left: 20px;
      }

  }
  
  .callback {

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

  }
  @media (min-width: 992px) {

      .callback {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;

          -ms-flex-direction: row;

          flex-direction: row;
          -webkit-box-pack: justify;

          -ms-flex-pack: justify;

          justify-content: space-between;
          -ms-flex-wrap: wrap;

          flex-wrap: wrap;

          gap: 20px 0;
      }

  }
  .callback__body {

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

  }
  @media (min-width: 992px) {

      .callback__body {
          width: calc(50% - 10px);
          gap: 10px;
      }

  }
  @media (min-width: 992px) {

      .callback__textarea {
          width: calc(50% - 10px);
          height: auto;
      }

  }
  .callback__bottom {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 16px;
  }
  @media (min-width: 768px) {
      .callback__bottom {
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
      }

  }
  @media (min-width: 992px) {

      .callback__bottom {
          width: 100%;
          gap: 20px;
      }

  }
  
  .error .input,
  .error .textarea {

      border-color: #eb5757;

  }
  .error label {

      display: block;

  }
  
  .eye {

      position: absolute;
      z-index: 2;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      right: 10px;
      aspect-ratio: 1/1;
      width: 16px;
      padding: 0;
      border: none;
      background: none;
      color: #9c9d9d;
  }
  @media (min-width: 768px) {
      .eye {
          width: 24px;
          right: 20px;
      }

  }
  .eye svg {

      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;

  }
  .eye svg + svg {

      display: none;

  }
  .eye.active {

      color: #377d87;

  }
  .eye.active svg {

      display: none;

  }
  .eye.active svg + svg {

      display: block;

  }
  
  .del {

      width: 32px;
      aspect-ratio: 1/1;
      background: #377d87;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 8px;
      padding: 0;
      border: 1px solid #377d87;

  }
  .del:hover {

      background: #fff;
      color: #377d87;

  }
  .del svg {

      width: 50%;
      aspect-ratio: 1/1;

  }
  
  .notify {

      background: linear-gradient(95deg, #f2f5fc 59.82%, #ebf2fc 99.99%);
      padding: 6px 12px;
      border-radius: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;

  }
  @media (min-width: 768px) {

      .notify {
          padding: 12px 20px;
      }

  }
  .notify_red {

      background: #f9cdcd;

  }
  .notify svg {

      color: #4d88d9;
      width: 20px;
      aspect-ratio: 1/1;

  }
  .notify span {

      font-size: 12px;
      padding-left: 10px;
      min-height: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;

  }
  @media (min-width: 768px) {

      .notify span {
          font-size: 16px;
      }

  }
  
  .table {

      margin: 0 -10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 20px;
  }
  @media (min-width: 768px) {
      .table {
          margin: 0;
          gap: 30px;
      }

  }
  .table__button {

      display: none;

  }
  .table_spoiler .table__button {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;

  }
  .table__scroll {

      overflow: hidden;
      overflow-x: auto;
      padding: 0 10px;
      width: 100%;

  }
  @media (min-width: 768px) {

      .table__scroll {
          padding: 0;
      }

  }
  .table__body {

    border-radius: 8px;

      overflow: hidden;

  }
  .table__body_min-width {

      min-width: 580px;

  }
  .table table {

      border-collapse: collapse;
      width: 100%;
      font-size: 12px;

    border-radius: 8px;

  }
  @media (min-width: 768px) {

      .table table {
          font-size: 14px;
      }

  }
  @media (min-width: 1280px) {

      .table table {
          font-size: 16px;
      }

  }
  .table thead tr th,
  .table thead tr td {

      background: #377d87;
      color: #fff;
      font-weight: 700;
      border-top-color: #377d87;

  }
  .table thead tr th:first-child,
  .table thead tr td:first-child {

      border-left-color: #377d87;

  }
  .table thead tr th:last-child,
  .table thead tr td:last-child {

      border-right-color: #377d87;

  }
  .table_spoiler tr {

      /*display: none;*/

  }

  .table_spoiler tr:nth-of-type(1), .table_spoiler tr:nth-of-type(2), .table_spoiler tr:nth-of-type(3), .table_spoiler tr:nth-of-type(4), .table_spoiler tr:nth-of-type(5), .table_spoiler tr:nth-of-type(6) {

      display: table-row;

  }
  .table_spoiler.active tr {

      display: table-row;

  }
  .table th,
  .table td {

      text-align: left;
      padding: 10px;
      border: 1px solid #cecece;

  }
  @media (min-width: 768px) {

      .table td {
          padding: 14px 10px;
      }

  }
  .table__status {

      color: #9c9d9d;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 6px;
      position: relative;
      padding-left: 14px;

  }
  .table__status i {

      background: #9c9d9d;
      width: 8px;
      aspect-ratio: 1/1;
      border-radius: 999px;
      position: absolute;
      top: 4px;
      left: 0;

  }
  .table__status.green {

      color: #377d87;

  }
  .table__status.green i {

      background: #377d87;

  }
  .table__link {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 4px;
      color: #4d88d9;

  }
  @media (min-width: 768px) {

      .table__link {
          gap: 6px;
      }

  }
  .table__link:hover {

      color: #000;

  }
  .table__link svg {

      width: 12px;
      aspect-ratio: 1/1;

  }
  @media (min-width: 768px) {

      .table__link svg {
          width: 16px;
      }

  }
  .table__controls {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 8px;

  }
  @media (min-width: 1280px) {

      .table__controls {
          gap: 12px;
      }

  }
  .table__controls-item {

      width: 24px;
      aspect-ratio: 1/1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: 1px solid #377d87;
      border-radius: 8px;
      color: #377d87;
      background: none;
      padding: 0;

  }
  @media (min-width: 1280px) {

      .table__controls-item {
          width: 30px;
      }

  }
  .table__controls-item:hover {

      background: #377d87;
      color: #fff;

  }
  .table__controls-item svg {

      width: 60%;
      aspect-ratio: 1/1;

  }
  .table__controls-item:nth-of-type(4) svg {

      width: 80%;

  }
  
  .gl-star-rating--stars:before, .gl-star-rating--stars:after {

      display: none;

  }
  .gl-star-rating--stars span {

      width: 22px !important;
      height: 22px !important;
      background-size: 22px 22px !important;

  }
  @media (min-width: 768px) {

      .gl-star-rating--stars span {
          width: 30px !important;
          height: 30px !important;
          background-size: 30px 30px !important;
      }

  }
  
  .more {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;

  }
  .more_mt {

      margin-top: 20px;

  }
  .more .button {

      min-width: 100px;
      padding: 0;

  }
  @media (min-width: 768px) {

      .more .button {
          min-width: 180px;
      }

  }
  
  .header {

      -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
      background: #fff;
      position: relative;
      z-index: 5;
      overflow: hidden;

  }
  @media (min-width: 768px) {

      .header {
          -webkit-box-shadow: none;
          box-shadow: none;
      }

  }
  .header__body {

      height: 42px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  @media (min-width: 768px) {
      .header__body {
          height: 70px;
      }

  }
  .header__left {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 40px;

  }
  .header__right {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 14px;

  }
  @media (min-width: 768px) {

      .header__right {
          gap: 20px;
      }

  }
  .header__right-line {

      width: 1px;
      height: 32px;
      background: #e6e7e7;
      border-radius: 999px;

  }
  @media (min-width: 992px) {

      .header__right-line {
          display: none;
      }

  }
  .header__logo {

      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #377d87;

  }
  .header__logo svg {

      width: 105px;
      height: 31px;

  }
  @media (min-width: 768px) {

      .header__logo svg {
          width: 182px;
          height: 54px;
      }

  }
  .header__menu {

      display: none;

  }
  .header.active-menu{
      position: unset;
  }
  .header.active-menu .header__menu{
      position: absolute;
      display: flex;
      flex-direction: column;
      z-index: 999;
      top: 48px;
      background: #fff;
      -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
      left: 0;
      border: 1px solid #e9e9e9;
      width: 100%;

  }
  @media (min-width: 768px) {

      .header__menu {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
      }

  }

  .header__menu-item{
      padding: 5px 10px;
  }
  .header__menu-item:hover, .header__menu-item:active{
      border: 1px solid #cfcfcf;
  }

  .header__menu-item:hover {