:root {
  --white: #fff;
  --black: #000;
  --gray: #999;
  --green: #169982;
  --light-green: #acece0;
  --turquoise: #14909a;
  --light-blue: #ebf3ff;
  --medium-blue: #d7e7ff;
  --blue: #6496c5;
  --deep-blue: #004283;
  --transparent-white: rgba(255, 255, 255, 0.5);
  --transparent-black: rgba(0, 0, 0, 0.5);
  --yellow: #fdca04;
  --light-yellow: #fdd432;
  --turquoise-green-gradient: linear-gradient(
    90deg,
    var(--turquoise) 0%,
    var(--green) 100%
  );
  --green-turquoise-gradient: linear-gradient(
    270deg,
    var(--turquoise) 0%,
    var(--green) 100%
  );
  --light-red: #ffd1d1;
  --red: #ff4a4a;
}

* {
  box-sizing: border-box;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: var(--deep-blue);
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

.gslide-image img {
  background-color: var(--light-blue);
}

.overflow-hidden {
  overflow: hidden;
  max-width: 100%;
}

.page {
  background: var(--white);
  color: var(--black);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.pure-html p {
  margin: 0;
  padding: 0 0 20px 0;
}

.pure-html iframe {
  display: block;
  aspect-ratio: 16 / 9;
  width: 100%;
}

.pure-html h2 {
  font-size: 20px;
  line-height: inherit;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: 600;
  padding: 0 0 20px 0;
}

.pure-html h3 {
  font-size: 16px;
  line-height: inherit;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: 600;
  padding: 0 0 20px 0;
}

.pure-html ul {
  list-style-position: inside;
  list-style-type: square;
  padding: 0 0 25px 25px;
  margin: 0;
}

.pure-html ul li {
  padding-bottom: 10px;
}

.wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
  gap: 40px;
  padding-top: 30px;
  padding-bottom: 60px;
}

.container {
  max-width: 1280px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}

/* product-labels */
.product-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.product-labels__item {
  display: block;
  font-size: 13px;
  padding: 3px 7px;
  border-radius: 5px;
}

.product-labels__item_background_red {
  color: var(--white);
  background: red;
}

.product-labels__item_background_green {
  color: var(--white);
  background: linear-gradient(270deg, var(--turquoise) 0%, var(--green) 100%);
}

/* titles */
.page-title {
  font-size: 24px;
  line-height: inherit;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: 600;
}

.page-title_margin_bottom {
  margin-bottom: 30px;
}

.section-title {
  font-size: 20px;
  line-height: inherit;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: 600;
}

.section-title_margin_bottom {
  margin-bottom: 20px;
}

.section-subtitle {
  font-size: 16px;
  line-height: inherit;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: 600;
}

.section-subtitle_margin_bottom {
  margin-bottom: 15px;
}

@media (max-width: 1279px) {
  .page-title {
    font-size: 20px;
  }

  .section-title {
    font-size: 18px;
  }

  .section-subtitle {
    font-size: 16px;
  }
}

/* text */
.text:not(:last-of-type) {
  margin-bottom: 30px;
}

.text p {
  margin: 0;
  padding: 0;
}

.text p:not(:last-of-type) {
  margin-bottom: 20px;
}

.text img {
  padding: 20px 0;
}

/* section */
.section_padding-bottom_small {
  padding-bottom: 30px;
}

.section_padding-top_small {
  padding-top: 30px;
}

.section_padding-bottom_big {
  padding-bottom: 60px;
}

.section_padding-top_big {
  padding-top: 60px;
}

.header {
  min-height: 130px;
}

/* header top */
.header__top {
  height: 90px;
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  justify-content: space-between;
  gap: 50px;
}

.header__logo-container {
  display: grid;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  align-items: center;
  gap: 30px;
}

.header__logo-img {
  display: block;
  width: 235px;
}

.header__logo-desc {
  font-size: 11px;
  color: var(--green);
  max-width: 130px;
}

.header__search-container {
  display: flex;
  align-items: center;
}

.header__search {
  width: 100%;
  position: relative;
  z-index: 20;
}

.header__phone-container {
  display: grid;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  align-items: center;
  gap: 30px;
}

.header__phone-link {
  font-size: 16px;
  font-weight: 600;
  color: var(--black);
  text-decoration: none;
}

.header__phone-worktime {
  color: var(--green);
}

.contacts-bar {
  display: grid;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  align-items: center;
  gap: 30px;
}

.contacts-bar__link {
  font-size: 16px;
  font-weight: 600;
  color: var(--black);
  text-decoration: none;
}

.contacts-bar__worktime {
  color: var(--green);
}

/* header bottom */
.header__bottom {
  background: var(--light-blue);
}

.header__bottom_fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 20;
}

.header__bottom-inner {
  height: 60px;
  display: grid;
  grid-template-columns: repeat(3, max-content);
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.header__catalog-btn-container {
  display: grid;
  grid-template-columns: max-content;
  grid-template-rows: 1fr;
  height: 100%;
}

.header__catalog-link,
.header__catalog-btn {
  color: var(--white);
  background: var(--turquoise);
  text-decoration: none;
  padding: 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: 600;
}

.header__catalog-btn {
  display: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  border: 0;
}

.header__catalog-btn:hover {
  cursor: pointer;
}

.header__nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: max-content;
  grid-auto-flow: column;
  gap: 20px;
  height: 100%;
}

.header__nav-item {
  display: flex;
  align-items: center;
}

.header__nav-link {
  display: flex;
  align-items: center;
  font-weight: 600;
  color: var(--black);
  text-decoration: none;
  position: relative;
}

.header__nav-link::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -3px;
  width: 0;
  height: 2px;
  background-color: var(--black);
  transition: width 0.2s;
}

.header__nav-link:hover::after {
  width: 100%;
  left: 0;
  height: 2px;
  background-color: var(--green);
  transition: width 0.2s;
}

.header__nav-item_type_submenu {
  display: block;
  position: relative;
  height: 100%;
}

.header__nav-sublist {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  list-style: none;
  padding: 0;
  margin: 0;
  width: 300px;
  background: var(--turquoise);
  z-index: 15;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
}

.header__nav-subitem:not(:last-child) {
  border-bottom: 1px dotted var(--transparent-white);
}

.header__nav-sublink {
  display: block;
  color: var(--white);
  text-decoration: none;
  padding: 10px 20px;
}

.header__nav-link_type_submenu {
  height: 100%;
  display: flex;
  align-items: center;
}

.header__nav-link_type_submenu:hover {
  cursor: default;
}

.header__nav-link_type_submenu:hover::after {
  display: none;
}

.header__nav-link_type_submenu:hover ~ .header__nav-sublist {
  display: grid;
}

.header__nav-sublist:hover {
  display: grid;
}

.header__nav-sublist::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent var(--turquoise) transparent;
}

.burger {
  display: none;
}

.header__call-btn-container {
  display: flex;
  align-items: center;
}

.header__call-btn {
  display: block;
  text-decoration: none;
  text-align: center;
  font-family: inherit;
  font-size: inherit;
  line-height: 40px;
  font-weight: inherit;
  padding: 0 50px 0 15px;
  background: transparent;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  color: var(--blue);
  border-radius: 0;
  border: 0;
  cursor: pointer;
  background-color: var(--white);
  background-image: url(/local/templates/tingerplast.ru/img/call-icon.svg);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: right 15px center;
}

/* video */
.video {
  position: relative;
  object-fit: cover;
}

.video__btn {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 0;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.1);
  background-image: url("data:image/svg+xml,%3Csvg width='75' height='87' viewBox='0 0 75 87' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75 43.5L-4.07833e-06 86.8013L-2.92811e-07 0.198727L75 43.5Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: auto 15%;
  background-repeat: no-repeat;
  background-position: center;
  transition: background 0.2s;
  z-index: 2;
  font-size: 0;
  color: transparent;
}

.video__btn:hover,
.video__btn:focus,
.video__btn:active {
  background-color: rgba(0, 0, 0, 0.2);
  background-size: auto 20%;
  cursor: pointer;
}

/* footer */
.callback {
  background: var(--green-turquoise-gradient);
}

.callback__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 10px;
}

.callback__contacts {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  gap: 40px;
}

.callback__phone,
.callback__mail {
  color: var(--white);
  text-decoration: none;
}

.callback__address-container {
  display: grid;
  align-items: center;
  gap: 40px;
  grid-template-columns: repeat(2, 1fr);
}

.callback__address {
  color: var(--white);
}

.callback__title {
  color: var(--white);
}

/* arrows */
.arrows {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  column-gap: 10px;
}

.arrows_position_right {
  justify-content: end;
}

.arrows__btn {
  width: auto;
  height: 40px;
  line-height: 0;
  display: inline-block;
  outline: 0;
  font-size: 0;
  padding: 0;
  margin: 0;
  background-color: var(--light-blue);
  background-size: 14px 14px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0;
  width: 60px;
  border: 0;
  border-radius: 0;
}

.arrows__btn_direction_next {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='-8.74228e-08' y1='8.97168' x2='16' y2='8.97168' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 1.22168L15.7782 8.99985L8 16.778' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.arrows__btn_direction_prev {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2082_19096)'%3E%3Cpath d='M18 9.02832L2 9.02832' stroke='black' stroke-width='2'/%3E%3Cpath d='M10 16.7783L2.2218 9.00015L10 1.222' stroke='black' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2082_19096'%3E%3Crect width='18' height='18' fill='white' transform='translate(18 18) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.arrows__img {
  height: 100%;
  width: auto;
}

.arrows__btn:hover {
  cursor: pointer;
}

.arrows__btn:focus {
  color: inherit;
}

.arrows_disabled {
  filter: opacity(0.5) grayscale(1);
}

.arrows_disabled:hover {
  cursor: default;
}

.arrows_hidden {
  display: none;
}

@media (max-width: 999px) {
  .callback__inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .callback__contacts {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .callback__decor-container svg {
    display: block;
    max-width: 180px;
  }

  .callback__address-container {
    grid-template-columns: 1fr max-content;
  }
}

@media (max-width: 479px) {
  .callback__address-container {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.footer__top {
  background: var(--light-blue);
  padding: 15px 0;
}

.footer__top-inner {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  justify-content: space-between;
  align-items: center;
}

.footer__top-img {
  display: block;
  width: 205px;
}

.footer__middle {
  display: grid;
  grid-template-columns: 1fr 3fr;
  padding-top: 15px;
  padding-bottom: 15px;
  gap: 40px;
}

.footer__nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 15px;
}

.footer__nav-item_type_submenu {
  display: grid;
  gap: 10px;
}

.footer__nav-link {
  color: var(--black);
  text-decoration: none;
  font-weight: 600;
}

.footer__nav-link:hover {
  text-decoration: underline;
}

.footer__nav-link_type_submenu:hover {
  text-decoration: none;
}

.footer__nav-sublist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.footer__nav-sublink {
  color: var(--black);
  text-decoration: none;
  display: block;
  position: relative;
  padding-left: 15px;
}

.footer__nav-sublink::before {
  position: absolute;
  left: 0;
  top: calc(50% - 2px);
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--black);
}

.footer__bottom {
  background: var(--light-blue);
  padding: 15px 0;
}

.footer__bottom-inner {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  justify-content: space-between;
  align-items: center;
}

.footer__bottom-links {
  display: grid;
  gap: 10px;
}

.footer__bottom-link {
  color: var(--deep-blue);
  font-size: 13px;
}

/* social */
.social-list {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 10px;
}

.social-link {
  opacity: 0.5;
}

.social-link:hover {
  opacity: 1;
}

.social-img {
  display: block;
  width: 24px;
  height: 24px;
}

/* cellar-dealer */
.cellar-dealer {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

/* btn */
.btn {
  display: block;
  text-decoration: none;
  text-align: center;
  font-family: inherit;
  font-size: inherit;
  line-height: 40px;
  font-weight: inherit;
  padding: 0 20px;
  background: transparent;
  white-space: nowrap;
  position: relative;
  border-radius: 0;
  border: 0;
  position: relative;
}

.btn:hover {
  cursor: pointer;
}

/* btn - transparent, blue color, blue border */
.btn_type_default {
  border: 1px solid var(--blue);
  color: var(--deep-blue);
}

.btn_type_default:hover {
  background: var(--blue);
  color: var(--white);
}

/* btn - transparent, white color, white border */
.btn_type_default-white {
  border: 1px solid var(--white);
  color: var(--white);
}

.btn_type_default-white:hover {
  background: transparent;
  color: var(--white);
}

/* btn - transparent, blue color, blue border */
.btn_type_reset {
  border: 1px solid transparent;
  color: var(--black);
}

.btn_type_reset:hover {
  background: var(--gray);
  color: var(--white);
}

/* btn - white, black color, white border */
.btn_type_white {
  border: 1px solid var(--white);
  color: var(--black);
  background: var(--white);
}

/* btn - turquoise-green, white color, turquoise-green border */
.btn_type_turquoise-green {
  border: 1px solid var(--turquoise);
  background: var(--turquoise-green-gradient);
  color: var(--white);
}

.btn_type_turquoise-green:hover {
  filter: brightness(1.1);
}

/* btn - black, white color, black border */
.btn_type_black {
  border: 1px solid var(--black);
  background: var(--black);
  color: var(--white);
}

.btn_type_black:hover {
  background: #222;
}

.btn_type_red {
  border: 1px solid var(--red);
  background: var(--red);
  color: var(--white);
}

.btn_type_red:hover {
  background: #ff5454;
}

/* btn disabled */
.btn:disabled::before {
  position: absolute;
  z-index: 1;
  content: "";
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  backdrop-filter: grayscale(1);
  -webkit-backdrop-filter: grayscale(1);
  cursor: default;
}

.btn:disabled:hover {
  filter: unset;
  cursor: default;
}

/* input-btn */
.input-btn {
  width: 40px;
  margin: 0;
  box-shadow: none;
  outline: none;
  font-family: inherit;
  font-weight: 600;
  font-style: inherit;
  font-size: inherit;
  line-height: 16px;
  color: var(--black);
  background: transparent;
  border-radius: 0;
  padding: 0;
  text-align: center;
  border: 1px solid var(--black);
  border-radius: 0;
  transition: border-color 0.2s ease;
}

.input-btn_action_minus {
  border-right: none;
}

.input-btn_action_plus {
  border-left: none;
}

.input-btn:hover {
  cursor: pointer;
}

.input-btn_action_add {
  width: 40px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  border-color: var(--green);
  color: var(--green);
}

.input-btn_action_delete {
  width: 40px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  border-color: var(--red);
  color: var(--red);
}

/* btn_status_loading */
.btn_status_loading::after {
  content: "";
  position: absolute;
  z-index: 2;
  background-color: var(--white);
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23169982' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23169982' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23169982' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23fff' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 30px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.8);
}

.input,
.textarea {
  width: 100%;
  margin: 0;
  box-shadow: none;
  outline: none;
  font-family: inherit;
  font-weight: 600;
  font-style: inherit;
  font-size: inherit;
  line-height: 16px;
  color: var(--black);
  background: transparent;
  border-radius: 0;
  padding: 12px 10px;
  border: 1px solid var(--black);
  border-radius: 0;
  transition: border-color 0.2s ease;
}

.textarea {
  resize: none;
}

.textarea::placeholder,
.input::placeholder {
  color: var(--black);
}

.input_theme_white,
.textarea_theme_white {
  color: var(--white);
  border: 1px solid var(--white);
}

.textarea_theme_white::placeholder,
.input_theme_white::placeholder {
  color: var(--white);
}

.textarea:focus::placeholder,
.input:focus::placeholder {
  opacity: 0.3;
}

.input_action_count {
  width: 50px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.agreement {
  position: relative;
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 10px;
}

/* select */
.select {
  display: block;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: var(--black);
  line-height: inherit;
  padding: 10px;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: 1px solid var(--black);
  box-shadow: none;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='11' viewBox='0 0 20 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 0.363281L10 9.36328L1 0.363281' stroke='%23000000'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 10px top 50%, 0 0;
  background-size: 14px 7px;
}

.select::-ms-expand {
  display: none;
}

.select:hover {
  border-color: var(--color-black);
}

.select:focus {
  border-color: var(--color-black);
  box-shadow: none;
  color: var(--dark);
  outline: none;
}

.select option {
  font-weight: normal;
}

/* checkbox & radio */
.radio__input,
.checkbox__input {
  position: absolute;
  top: 20px;
  left: 10px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: 0;
  padding: 0;
}

.checkbox {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  overflow: hidden;
  background-color: transparent;
  border: 1px solid var(--black);
}

.checkbox_theme_white {
  border: 1px solid var(--white);
}

.checkbox__text {
  line-height: 20px;
  font-size: 13px;
  color: var(--black);
}

.checkbox__text_theme_white {
  color: var(--white);
}

.checkbox__link {
  color: var(--black);
}

.checkbox__link_theme_white {
  color: var(--white);
}

.checkbox__input:checked ~ .checkbox {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1L5.5 9.5L1.5 5.5' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 11px 15px;
  background-position: center;
}

.checkbox__input:checked ~ .checkbox_theme_white {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1L5.5 9.5L1.5 5.5' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.sidebar-news {
  padding-top: 40px;
}

@media (max-width: 1279px) {
  .header__logo-img {
    max-width: 205px;
  }

  .header__logo-desc {
    display: none;
  }

  .header__bottom-inner {
    grid-template-columns: 1fr max-content max-content;
    position: relative;
  }

  .header__nav-list {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: unset;
    background: var(--light-blue);
    padding: 20px;
    gap: 0;
    box-shadow: 0px 8px 8px 0 rgba(0, 0, 0, 0.1);
  }

  .header__nav-item {
    display: unset;
    padding: 10px 0;
    align-items: unset;
  }

  .header__nav-item:not(:last-child) {
    border-bottom: 1px solid var(--medium-blue);
  }

  .header__nav-link {
    display: block;
    padding: 0;
  }

  .header__nav-link:hover::after {
    display: none;
  }

  .header__nav-link_type_submenu {
    height: unset;
  }

  .header__nav-sublist {
    display: grid;
    position: unset;
    left: unset;
    top: unset;
    transform: unset;
    background: transparent;
    padding: 10px 0 0 0;
    box-shadow: none;
  }

  .header__nav-sublist::after {
    display: none;
  }

  .header__nav-sublink {
    color: var(--black);
    padding: 5px 0;
  }

  .header__burger {
    order: 4;
  }

  .burger {
    order: 3;
    position: relative;
    display: block;
    background: transparent;
    font-size: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    width: 28px;
    height: 28px;
  }

  .burger:hover {
    cursor: pointer;
  }

  .burger::before,
  .burger::after {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    left: 0;
    background: #14909a;
    transition: transform 0.2s;
  }

  .burger::before {
    top: 9px;
  }

  .burger::after {
    bottom: 9px;
  }

  .burger_active::before {
    transform: rotate(45deg);
  }

  .burger_active::after {
    transform: rotate(-45deg);
  }

  .burger_active::before,
  .burger_active::after {
    top: calc((100% - 3px) / 2);
  }

  .burger_active ~ .header__nav-list {
    display: grid;
    z-index: 2;
  }

  .header__call-btn-container {
    display: flex;
    align-items: center;
  }

  .header__call-btn {
    border-radius: 1000px;
    background-color: var(--white);
    border: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 35px;
    padding: 0 40px 0 10px;
    background-image: url(/local/templates/tingerplast.ru/img/call-icon.svg);
    background-size: 20px 20px;
    background-position: right 10px center;
  }
}

@media (max-width: 999px) {
  .header__catalog-link {
    display: none;
  }

  .header__catalog-btn {
    display: flex;
  }

  .sidebar-news {
    display: none;
  }

  .wrapper {
    grid-template-columns: minmax(0, 1fr);
    gap: unset;
    position: relative;
  }

  .sidebar {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 10;
  }

  .sidebar_visible {
    display: block;
  }

  .sidebar_fixed {
    position: fixed;
    top: 60px;
  }

  .contacts-bar__worktime {
    display: none;
  }

  .contacts-bar__link {
    font-size: 13px;
  }

  .header__top {
    height: 140px;
    grid-template-columns: 1fr max-content;
    grid-template-rows: 80px 40px;
    gap: 0;
  }

  .header__search-container {
    order: 3;
    grid-column: 1 / 3;
  }

  .footer__middle {
    grid-template-columns: 1fr 2fr;
  }
}

@media (max-width: 767px) {
  .footer__top-inner {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .footer__middle {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .footer__bottom-inner {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .header__phone-worktime {
    display: none;
  }
}

@media (max-width: 479px) {
  .header__catalog-btn {
    padding: 0 20px;
  }

  .header__bottom-inner {
    grid-template-columns: 1fr max-content min-content;
  }

  .contacts-bar {
    grid-template-columns: 1fr;
    grid-auto-flow: unset;
    grid-auto-columns: unset;
    gap: 10px;
  }

  .header__logo-img {
    width: 190px;
  }

  .header__phone-link {
    display: block;
    width: 20px;
    height: 20px;
    font-size: 0;
    color: transparent;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18.999' viewBox='0 0 19 18.999'%3E%3Cpath id='Phone-menu' d='M21.14,20.671c1.214-1.214.932-2.559.426-2.857-.355-.209-5.013-2.833-5.013-2.833a.693.693,0,0,0-.943.15l-.005,0L13.89,16.842a.711.711,0,0,1-.87.106,15.036,15.036,0,0,1-4.967-4.968.711.711,0,0,1,.106-.87L9.871,9.393l0-.005a.7.7,0,0,0,.151-.943S7.393,3.787,7.184,3.432c-.3-.5-1.642-.786-2.857.427-2.708,2.711-1.141,8.663,3.5,13.308s10.6,6.214,13.308,3.5Z' transform='translate(-2.999 -3)' fill='%23009982'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}

@media (max-width: 379px) {
  .header__call-btn {
    font-size: 0;
    color: transparent;
    width: 35px;
    height: 35px;
    background-position: center;
    padding: 0 35px;
  }
}

.long-arrow-right {
  display: block;
  margin: 30px auto;
  width: 20px;
  height: 20px;
  border: 0;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
  font-size: 0;
  color: transparent;
  background: transparent;
  padding: 0;
  overflow: hidden;
}

.long-arrow-right {
  transform: rotate(135deg);
}

.long-arrow-right::after {
  content: "";
  display: block;
  width: 2px;
  height: 45px;
  background-color: black;
  transform: rotate(-45deg) translate(15px, 4px);
  left: 0;
  top: 0;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 20;
  display: none;
  align-items: center;
  justify-content: center;
}

.modal_active {
  display: flex;
}

.modal__block {
  max-width: 450px;
  padding: 50px;
  background: var(--white);
  position: relative;
}

.modal__inner {
  display: grid;
  gap: 20px;
}

.modal__btn-container {
  display: grid;
}

.modal__close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: transparent;
  box-shadow: none;
  outline: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: transparent;
  font-size: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
}

.modal__close::before,
.modal__close::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--green);
  top: calc(50% - 1px);
}

.modal__close::before {
  transform: rotate(45deg);
}

.modal__close::after {
  transform: rotate(-45deg);
}

.modal__close:hover {
  cursor: pointer;
  opacity: 0.7;
}

@media (max-width: 767px) {
  .modal__block {
    padding: 30px;
    max-width: 360px;
  }
}

/* about page */
.about-video {
  position: relative;
}

.about-video__video {
  display: block;
  max-width: 100%;
}

.about-video__overlay-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
}

.about-video__overlay {
  padding: 50px;
  max-width: 510px;
  width: 100%;
}

.about-video__title {
  color: var(--white);
}

.about-video__btn-container {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  gap: 10px;
}

@media (max-width: 1279px) {
  .about-video__overlay {
    padding: 50px;
    max-width: 450px;
  }
}

@media (max-width: 999px) {
  .about-video {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
  }
}

@media (max-width: 767px) {
  .about-video__overlay-container {
    position: unset;
    top: unset;
    left: unset;
    min-height: 400px;
  }

  .about-video__overlay {
    padding: 20px;
    max-width: 390px;
  }

  .about-video__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
  }
}

@media (max-width: 359px) {
  .about-video__btn-container {
    grid-template-columns: max-content;
  }
}

/* about-structure */
.about-structure {
  background-image: url("data:image/svg+xml,%3Csvg width='1920' height='1141' viewBox='0 0 1920 1141' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.35716e-06 491.95L567.62 202.115L956.564 1.14069e-05L960.005 1.75679L963.443 0.00123219L1176.82 112.467L1920 491.945L1920 1024.96L968.275 539.824L961.263 535.953L0 1025.05L6.35716e-06 491.95Z' fill='%23F3F8FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M512.026 813.707L776.895 678.078L958.395 583.495L960 584.317L961.605 583.495L1061.21 636.141L1407.97 813.707L1407.97 1063.14L963.859 836.111L960.587 834.3L512.026 1063.18L512.026 813.707Z' fill='%23F3F8FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M706.524 998.861L856.396 922.117L959.092 868.601L960 869.066L960.908 868.601L1017.25 898.382L1213.48 998.861L1213.48 1140L962.184 1011.54L960.332 1010.51L706.524 1140.02L706.524 998.861Z' fill='%23F3F8FF'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.about-structure__img-container {
  position: relative;
  display: flex;
  justify-content: center;
}

.about-structure__img {
  max-height: 520px;
  max-width: none;
  position: relative;
  z-index: 2;
}

.about-structure__list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  padding-top: 4.4%;
}

.about-structure__item {
  position: relative;
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  gap: 20px;
  border-top: 1px solid var(--green);
  height: 64.1px;
  padding-left: 20px;
}

.about-structure__item:nth-child(1) {
  width: 40.5%;
}

.about-structure__item:nth-child(2) {
  width: 37.2%;
}

.about-structure__item:nth-child(3) {
  width: 34.3%;
}

.about-structure__item:nth-child(4) {
  width: 31.8%;
}

.about-structure__item:nth-child(5) {
  width: 29.5%;
}

.about-structure__item:nth-child(6) {
  width: 27.3%;
}

.about-structure__desc {
  position: absolute;
  display: none;
  width: 300px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--white);
  box-shadow: 0px 10px 13px rgba(149, 202, 255, 0.2);
  padding: 20px;
  font-size: 13px;
  left: calc(100% + 20px);
  z-index: 3;
}

.about-structure__desc::before {
  content: "";
  position: absolute;
  left: -10px;
  bottom: calc(50% - 10px);
  border-left: 10px solid var(--white);
  border-right: 10px solid var(--white);
  border-bottom: 20px solid var(--white);
  transform: rotate(45deg);
  z-index: 2;
}

.about-structure__number {
  font-size: 36px;
}

.about-structure__name {
  font-weight: 600;
  max-width: 220px;
}

.about-structure__item:hover {
  background: rgba(255, 255, 255, 0.7);
  cursor: default;
}

.about-structure__item:hover .about-structure__desc {
  display: block;
}

@media (max-width: 1279px) {
  .about-structure__img {
    margin-left: auto;
  }

  .about-structure__item:nth-child(1),
  .about-structure__item:nth-child(2),
  .about-structure__item:nth-child(3),
  .about-structure__item:nth-child(4),
  .about-structure__item:nth-child(5),
  .about-structure__item:nth-child(6) {
    width: 100%;
  }

  .about-structure__desc {
    top: calc(100% - 5px);
    left: 20px;
    transform: none;
  }

  .about-structure__desc::before {
    display: none;
  }
}

@media (max-width: 767px) {
  .about-structure__img {
    display: none;
  }

  .about-structure__list {
    position: static;
    padding: 0;
    top: unset;
    left: unset;
  }
}

/* about-possibilities */
.about-possibilities__video {
  display: block;
  max-width: 100%;
}

/* about-map */
.about-map {
  background-image: url("data:image/svg+xml,%3Csvg width='1915' height='1027' viewBox='0 0 1915 1027' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1914.67 534.077L1348.65 823.917L960.808 1026.03L957.377 1024.27L953.948 1026.03L741.164 913.556L0.0917736 534.082L0.0917969 1.06548L949.13 486.203L956.122 490.074L1914.67 0.976337L1914.67 534.077Z' fill='%23F3F8FF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
}

/* about-numbers */
.about-numbers {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--medium-blue);
  border: 1px solid var(--medium-blue);
}

.about-numbers__item {
  background: var(--white);
  padding: 20px;
  display: grid;
  grid-template-rows: max-content 1fr;
}

.about-numbers__value {
  color: var(--green);
  margin-bottom: 20px;
}

.about-numbers__desc {
  font-weight: 600;
}

@media (max-width: 767px) {
  .about-numbers {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* about-cycle */
.about-cycle {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: 1fr;
  justify-content: center;
  gap: 15px;
}

.about-cycle__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  justify-content: center;
  gap: 15px;
}

.about-cycle__list_type_first {
  grid-template-columns: repeat(4, calc(25% - 15px));
}

.about-cycle__list_type_second {
  grid-template-columns: repeat(3, calc(25% - 15px));
}

.about-cycle__list-item {
  background: var(--light-blue);
  border-radius: 1000px;
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
}

.about-cycle__number {
  width: 75px;
  height: 75px;
  border: 5px solid var(--turquoise);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--yellow);
  border-radius: 50%;
  background: var(--white);
}

.about-cycle__name {
  font-weight: 600;
  padding: 0 15px;
}

@media (max-width: 1279px) {
  .about-cycle {
    grid-template-rows: unset;
    grid-template-columns: unset;
    justify-content: unset;
    position: relative;
  }

  .about-cycle__list {
    justify-content: unset;
    gap: 90px;
    grid-template-columns: 1fr;
  }

  .about-cycle__list_type_first .about-cycle__list-item {
    margin-right: 60px;
  }

  .about-cycle__list_type_second {
    position: absolute;
    top: 75px;
    right: 0;
    width: 100%;
    height: auto;
  }

  .about-cycle__number {
    width: 60px;
    height: 60px;
  }

  .about-cycle__list_type_second .about-cycle__list-item {
    text-align: right;
    justify-content: end;
    margin-left: 60px;
    grid-template-columns: 1fr max-content;
  }

  .about-cycle__list_type_second .about-cycle__number {
    order: 2;
  }
}

/* about-team */
.about-team__slider-wrapper {
  transition-timing-function: linear !important;
}

@media (max-width: 999px) {
  .about-team__slider {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
  }
}

/* about-clients */
.about-clients__slider {
  border-top: 1px solid var(--medium-blue);
  border-bottom: 1px solid var(--medium-blue);
}

.about-clients__slider-wrapper {
  transition-timing-function: linear !important;
}

.about-clients__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  padding: 20px 50px;
  border-right: 1px solid var(--);
}

.about-clients__slide:not(:last-child) {
  border-right: 1px solid var(--medium-blue);
}

.about-clients__img {
  filter: grayscale(1);
  transition: filter 0.2s;
}

.about-clients__img:hover {
  filter: none;
}

@media (max-width: 999px) {
  .about-clients__slider {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
  }

  .about-clients__slide {
    width: 180px;
  }
}

/* about-media */
.about-media__video-iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
}

.about-media__btn-container {
  padding-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

/* cookie-bar */
.cookie-bar {
  position: fixed;
  bottom: 15px;
  right: 15px;
  max-width: 400px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 20px;
  z-index: 50;
  display: none;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.cookie-bar__text {
  padding: 0;
  margin: 0;
  font-size: 13px;
}

.cookie-bar__container {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 20px;
}

.cookie-bar__btn {
  position: relative;
  display: block;
  background: transparent;
  font-size: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  width: 24px;
  height: 24px;
}

.cookie-bar__btn:hover {
  cursor: pointer;
}

.cookie-bar__btn::before,
.cookie-bar__btn::after {
  content: "";
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  left: 0;
  background: var(--black);
}

.cookie-bar__btn::before {
  top: 10.5px;
  transform: rotate(45deg);
}

.cookie-bar__btn::after {
  bottom: 10.5px;
  transform: rotate(-45deg);
}

@media (max-width: 479px) {
  .cookie-bar {
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 15px;
  }
}

/* rating */
.rating {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 5px;
}

.rating__inner {
  position: relative;
  width: 80px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='14' viewBox='0 0 80 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1733_59051)'%3E%3Cpath d='M6.72895 11.2516L11.3495 14L10.1233 8.82L14.2056 5.33474L8.82989 4.88526L6.72895 0L4.62802 4.88526L-0.747681 5.33474L3.33456 8.82L2.10839 14L6.72895 11.2516Z' fill='%23FDCA04'/%3E%3Cpath d='M23.1776 11.2516L27.7981 14L26.572 8.82L30.6542 5.33474L25.2785 4.88526L23.1776 0L21.0766 4.88526L15.7009 5.33474L19.7832 8.82L18.557 14L23.1776 11.2516Z' fill='%23FDCA04'/%3E%3Cpath d='M39.6262 11.2516L44.2467 14L43.0206 8.82L47.1028 5.33474L41.7271 4.88526L39.6262 0L37.5252 4.88526L32.1495 5.33474L36.2318 8.82L35.0056 14L39.6262 11.2516Z' fill='%23FDCA04'/%3E%3Cpath d='M56.0748 11.2516L60.6953 14L59.4692 8.82L63.5514 5.33474L58.1757 4.88526L56.0748 0L53.9738 4.88526L48.5981 5.33474L52.6804 8.82L51.4542 14L56.0748 11.2516Z' fill='%23FDCA04'/%3E%3Cpath d='M72.5234 11.2516L77.1439 14L75.9178 8.82L80 5.33474L74.6243 4.88526L72.5234 0L70.4225 4.88526L65.0468 5.33474L69.129 8.82L67.9028 14L72.5234 11.2516Z' fill='%23FDCA04'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1733_59051'%3E%3Crect width='80' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.rating__overlay {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  backdrop-filter: grayscale(100%);
  -webkit-backdrop-filter: grayscale(100%);
}

.rating__overlay_value_0 {
  width: 100%;
}

.rating__overlay_value_1 {
  width: 80%;
}

.rating__overlay_value_1_5 {
  width: 70%;
}

.rating__overlay_value_2 {
  width: 60%;
}

.rating__overlay_value_2_5 {
  width: 50%;
}

.rating__overlay_value_3 {
  width: 40%;
}

.rating__overlay_value_3_5 {
  width: 30%;
}

.rating__overlay_value_4 {
  width: 20%;
}

.rating__overlay_value_4_5 {
  width: 10%;
}

.rating__overlay_value_5 {
  width: 0;
}

.rating__count {
  line-height: 14px;
}

.blockquote {
  position: relative;
  padding: 20px 0;
  margin: 0;
}

.blockquote::before,
.blockquote::after {
  content: "";
  z-index: 1;
  position: absolute;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1738_59047)'%3E%3Cpath d='M8.53839 3.29466L7.8125 2.17859C2.79018 5.55448 0 9.65627 0 13.0322C0 16.2964 2.4 17.8313 4.43661 17.8313C7.00357 17.8313 8.81697 15.6545 8.81697 13.367C8.81697 11.442 7.58929 9.79555 5.94286 9.18127C5.46875 9.01341 5.02232 8.87412 5.02232 8.0652C5.02232 7.03305 5.77589 5.49912 8.53839 3.29466ZM19.6152 3.29466L18.8893 2.17859C13.9223 5.55448 11.0768 9.65627 11.0768 13.0322C11.0768 16.2964 13.5321 17.8313 15.5688 17.8313C18.1634 17.8313 20.0054 15.6545 20.0054 13.367C20.0054 11.442 18.75 9.79555 17.0473 9.18127C16.5732 9.01341 16.1545 8.87412 16.1545 8.0652C16.1545 7.03305 16.9357 5.49823 19.6143 3.29377L19.6152 3.29466Z' fill='%236496C5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1738_59047'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.blockquote::before {
  top: 0;
  left: 0;
}

.blockquote::after {
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
}

/* section-benefits */
.section-benefits__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.section-benefits__item {
  flex-basis: fit-content;
  background: var(--light-blue);
  padding: 20px;
  border-radius: 10px;
}

.section-benefits__text {
  color: var(--black);
}

.section-benefits__head {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 10px;
  align-items: center;
  border-bottom: 1px solid var(--transparent-black);
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.section-benefits__name {
  font-weight: 600;
  color: var(--black);
}

.section-benefits__img-container {
  display: block;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 999px) {
  .section-benefits__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .section-benefits {
    overflow-x: auto;
  }
  .section-benefits__list {
    grid-auto-flow: column;
    grid-auto-columns: 300px;
    gap: 10px;
  }
}

/* tank */
.tank__inner {
  margin-bottom: -320px;
}

.tank__text {
  max-width: 250px;
  margin-bottom: 20px;
}

.tank__body-container {
}

.tank__body {
  position: relative;
}

.tank__img-container {
  position: relative;
  display: flex;
  justify-content: center;
}

.tank__list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 7;
}

.tank__list-item {
  position: absolute;
  display: block;
}

.tank__list-item_name_material {
  top: 70%;
  left: 16%;
}

.tank__list-item_name_additional-neck {
  top: 19%;
  left: 27%;
}

.tank__list-item_name_stiffening-rib {
  top: 51%;
  left: 38%;
}

.tank__list-item_name_wall-thickness {
  top: 23%;
  left: 55%;
}

.tank__list-item_name_welds {
  top: 46%;
  left: 67%;
}

.tank__list-item_name_lid {
  top: 6%;
  left: 40%;
}


.tank__list-item::before {
  position: absolute;
  display: block;
  content: "+";
  top: -15px;
  left: -15px;
  width: 30px;
  height: 30px;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  color: var(--white);
  border-radius: 50%;
  background: var(--turquoise-green-gradient);
  box-shadow: 0px 3px 15px #109196;
  transition: transform 0.2s ease;
  z-index: 4;
}

.tank__list-content {
  content: "";
  position: absolute;
  background: var(--white);
  backdrop-filter: blur(10px);
  border-radius: 5px;
  left: 25px;
  top: -15px;
  z-index: 3;
  width: 190px;
  transition: all 0.2s ease;
  padding: 0 10px;
}

.tank__list-name {
  display: flex;
  align-items: center;
  font-weight: 600;
  min-height: 30px;
}

.tank__list-item:hover {
  z-index: 5;
}

.tank__list-item:hover::before {
  background: var(--gray);
  transform: rotate(45deg);
  box-shadow: none;
}

.tank__list-item:hover .tank__list-content {
  left: 0;
  top: -25px;
  width: 250px;
  padding: 10px 15px 10px 35px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.tank__list-desc {
  display: block;
  font-size: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  opacity: 0;
}

.tank__list-item:hover .tank__list-desc {
  font-size: inherit;
  visibility: visible;
  opacity: 1;
}

@media (max-width: 1279px) {
  .tank__inner {
    margin-bottom: -13%;
  }

  .tank__bg {
    background-image: url(/local/templates/pt.tingerplast.ru/img/tank-bg-mobile.webp);
    background-size: 100% auto;
    background-position: center bottom;
    padding-bottom: 13%;
  }

  .tank__img-contaier {
    overflow: hidden;
  }
}

@media (max-width: 999px) {
  .tank__list-content {
    width: 140px;
  }

  .tank__list-name {
    font-size: 12px;
  }

  .tank__list-item:hover .tank__list-desc {
    font-size: 12px;
  }

  .tank__list-item:hover .tank__list-content {
    width: 200px;
  }

  .tank__img-container {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
  }
}

@media (max-width: 767px) {
  .tank__list-item::before {
    width: 24px;
    height: 24px;
    font-size: 18px;
    line-height: 24px;
    left: -12px;
    top: -12px;
  }

  .tank__list-content {
    width: 0;
    left: 0;
    padding: 0;
  }

  .tank__list-desc {
    font-size: 0;
    opacity: 0;
  }

  .tank__list-name {
    font-size: 0;
    opacity: 0;
    transition: all 0.2s ease;
  }

  .tank__list-item:hover .tank__list-content {
    padding: 10px 15px 10px 20px;
    width: 180px;
  }

  .tank__list-item:hover .tank__list-name {
    font-size: 11px;
    opacity: 1;
  }

  .tank__list-item_name_welds .tank__list-content {
    left: unset;
    right: 0;
  }

  .tank__list-item_name_welds:hover .tank__list-content {
    left: unset;
    right: 0;
    padding: 10px 20px 10px 15px;
  }
}

@media (max-width: 359px) {
  .tank__list-item:hover .tank__list-content {
    width: 160px;
  }
}

/* mounting */
.mounting__text {
  margin-bottom: 20px;
}

.mounting__link {
  display: inline-flex;
  align-items: center;
  color: var(--green);
}

.mounting__link::before {
  content: "";
  width: 17px;
  height: 17px;
  display: block;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cg id='РЎРєР°С‡Р°С‚СЊ' transform='translate(-4 -4)'%3E%3Cpath id='РљРѕРЅС‚СѓСЂ_387' data-name='РљРѕРЅС‚СѓСЂ 387' d='M18.722,28.337H6.278A2.281,2.281,0,0,1,4,26.058V22.5a.5.5,0,0,1,1,0v3.558a1.28,1.28,0,0,0,1.278,1.279H18.722A1.28,1.28,0,0,0,20,26.058V22.5a.5.5,0,1,1,1,0v3.558A2.281,2.281,0,0,1,18.722,28.337Z' transform='translate(0 -7.337)' fill='%23009982'/%3E%3Cpath id='РљРѕРЅС‚СѓСЂ_388' data-name='РљРѕРЅС‚СѓСЂ 388' d='M14.942,19.948a.5.5,0,0,1-.354-.147l-4.442-4.448a.5.5,0,0,1,.708-.707l4.088,4.094,4.088-4.094a.5.5,0,0,1,.708.707L15.3,19.8A.5.5,0,0,1,14.942,19.948Z' transform='translate(-2.442 -4.28)' fill='%23009982'/%3E%3Cpath id='РљРѕРЅС‚СѓСЂ_389' data-name='РљРѕРЅС‚СѓСЂ 389' d='M18,15.675a.5.5,0,0,1-.5-.5V4.5a.5.5,0,0,1,1,0V15.175A.5.5,0,0,1,18,15.675Z' transform='translate(-5.5)' fill='%23009982'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 10px;
}

.mounting__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mounting__list-item {
  position: relative;
}

.mounting__item-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 19% 81%;
}

.mounting__name-container {
  display: grid;
  grid-template-rows: max-content;
  grid-template-columns: max-content;
  padding: 15px 20px;
}

.mounting__name-container_type_ground {
  grid-row: 2 / 3;
}

.mounting__name-container_type_underground {
  color: var(--white);
  grid-row: 2 / 3;
  align-content: end;
}

.mounting__name {
  font-weight: 600;
  max-width: 100px;
}

@media (max-width: 1279px) {
  .mounting__name {
    font-size: 14px;
  }
}

@media (max-width: 999px) {
  .mounting__name {
    left: 15px;
    font-size: 12px;
  }
  .mounting__name-container {
    padding: 10px 15px;
  }
}

@media (max-width: 767px) {
  .mounting__link-container {
    padding-bottom: 20px;
  }

  .mounting__list {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .mounting__name-container {
    padding: 0 0 10px 0;
  }

  .mounting__name-container_type_ground,
  .mounting__name-container_type_underground {
    color: var(--black);
    align-content: end;
    grid-row: 1 / 2;
  }

  .mounting__name {
    max-width: none;
    font-size: inherit;
  }
}

@media (max-width: 479px) {
  .mounting__name-container {
    padding: 0 0 5px 0;
  }

  .mounting__name {
    max-width: none;
    font-size: inherit;
  }
}

/* simple-form */
.simple-form {
  background: var(--green-turquoise-gradient);
}

.simple-form__inner {
  padding: 0 30px;
  display: grid;
  gap: 30px;
}

.simple-form__title {
  max-width: 250px;
  color: var(--white);
}

.simple-form__form {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
  row-gap: 20px;
}

.simple-form__btn-container {
  display: grid;
}

.simple-form__agreement {
  grid-column: 1 / 4;
}

@media (max-width: 767px) {
  .simple-form__inner {
    padding: 0 20px;
  }

  .simple-form__form {
    grid-template-columns: 1fr;
  }

  .simple-form__agreement {
    grid-area: unset;
  }
}

/* gallery */
.section-gallery {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

@media (max-width: 767px) {
  .section-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* reviews-requirements */
.text .ul_type_decimal {
  list-style-type: decimal !important;
}

.text .ul_type_lower-latin {
  list-style-type: lower-latin !important;
}

/* note */
.note {
  padding: 10px 20px;
}

.note_type_error,
.note_type_required {
  background-color: var(--light-red);
  color: var(--red);
}

.note_type_success {
  background-color: var(--light-green);
  color: var(--green);
}

.note_type_default {
  background-color: var(--light-blue);
  color: var(--deep-blue);
}

/* lk */
.lk__form {
  max-width: 540px;
  width: 100%;
  display: grid;
  gap: 20px;
}

.lk__form_type_employees {
  max-width: 100%;
}

.lk__label-title {
  display: block;
  margin-bottom: 5px;
}

.lk__btn-container {
  display: grid;
}

.lk__links-container {
  display: flex;
  flex-direction: column;
	margin: 0 0 10px 0;
}

.lk__desc {
  margin-bottom: 30px;
}

.lk__form_type_countable {
  max-width: 640px;
}

.lk__form_type_feedback {
  max-width: unset;
}

.lk__label_type_countable {
  display: grid;
  grid-template-columns: 1fr max-content max-content;
  column-gap: 20px;
}

.lk__count {
  display: grid;
  grid-template-columns: max-content 1fr max-content;
}

.lk__label-title {
  grid-column: 1 / 4;
}

.lk__label-btn-container {
  display: grid;
}

.lk__btn-container {
	/* margin: 15px 0 0 0; */
}

.lk__textarea {
  min-height: 150px;
}

.lk__download-container {
  display: grid;
  gap: 10px;
}

@media (max-width: 479px) {
  .lk__label_type_countable {
    grid-template-columns: 1fr max-content;
    row-gap: 10px;
    column-gap: 10px;
  }

  .lk__label-title {
    grid-column: 1 / 3;
  }

  .lk__count {
    order: 3;
    grid-column: 1 / 3;
  }

  .input_action_count {
    width: 100%;
  }
}

/* company */
.company {
  background: var(--turquoise-green-gradient);
  padding: 40px;
}

.company__info {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  gap: 40px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--transparent-white);
}

.company__title {
  color: var(--white);
  font-size: 24px;
}

.company__details {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.company__details-item {
  color: var(--white);
}

.company__details-name {
  margin-bottom: 5px;
  font-weight: 600;
}

.company__details-indicator {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  gap: 10px;
}

.company__details-indicator::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

.company__details-indicator_type_warning::before {
  background-color: var(--red);
}

.company__details-indicator_type_normal::before {
  background-color: var(--white);
}

.company__person {
  display: block;
  font-size: 12px;
  background-color: var(--white);
  padding: 5px 10px;
  max-width: max-content;
  color: var(--turquoise);
  margin-top: 5px;
}

@media (max-width: 1279px) {
  .company__title {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .company {
    background: var(--turquoise-green-gradient);
    padding: 30px 20px;
    margin-bottom: 20px;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
  }

  .company__info {
    gap: 20px;
  }

  .company__details {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .company__info {
    grid-template-columns: 1fr;
  }
}

/* account */
.account__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.account__item {
  display: grid;
}

.account__link {
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--green);
  text-decoration: none;
  color: var(--black);
  padding: 10px 15px;
}

.account__link:hover {
  background-color: var(--green);
  color: var(--white);
}

.account__link:hover svg {
  filter: grayscale(100%) brightness(200%);
}

.account__link-text_accent {
  font-weight: 700;
}

@media (max-width: 767px) {
  .account__list {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}

/* files */
.files {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: 1fr;
  gap: 20px;
}

.files__item {
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: top 15px center;
  border: 1px solid var(--medium-blue);
  padding: 75px 10px 15px 10px;
  font-size: 13px;
  text-align: center;
  line-height: 1.1;
}

.files__item {
  text-decoration: none;
  color: var(--black);
}

.files__item_type_folder {
  background-color: var(--light-blue);
  background-image: url("data:image/svg+xml,%3Csvg width='72' height='60' viewBox='0 0 72 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70.5995 17.7843C70.0182 17.0963 69.2931 16.5442 68.4753 16.1668C67.6575 15.7894 66.767 15.5959 65.8663 15.5999H64.7998V15.1805C64.7966 12.0998 62.2999 9.60329 59.2194 9.60006H34.1155C33.5048 9.60229 32.9038 9.44792 32.3697 9.15168C31.8357 8.85543 31.3865 8.42721 31.0651 7.90792L27.8859 2.82068C27.3497 1.95517 26.6008 1.24147 25.7104 0.747679C24.82 0.253892 23.818 -0.00350864 22.7999 3.61225e-05H4.59603C2.05874 0.00256737 0.00253124 2.05878 0 4.59607V54.4194C0.00323437 57.5 2.49988 59.9965 5.58041 59.9998H60.1662C63.121 60.0251 65.6686 57.9275 66.2107 55.0228L71.9106 22.6205C72.0587 21.7675 72.0181 20.8925 71.7916 20.0569C71.565 19.2214 71.1581 18.4456 70.5995 17.7843ZM2.40004 4.59607C2.40173 3.38389 3.38399 2.40162 4.59617 2.39994H22.8C23.4107 2.3977 24.0118 2.55207 24.5459 2.84832C25.0799 3.14456 25.5291 3.57278 25.8505 4.09207L29.0297 9.17917C29.5658 10.0447 30.3148 10.7584 31.2052 11.2522C32.0955 11.746 33.0976 12.0034 34.1157 11.9998H59.2196C60.9754 12.0014 62.3984 13.4245 62.4001 15.1803V15.5998H11.8241C8.86934 15.5677 6.3215 17.6697 5.79134 20.5768L2.40004 39.8511V4.59607ZM69.5459 22.2082L63.8471 54.6035C63.5083 56.3622 61.9571 57.6249 60.1662 57.5999H5.58041C3.82457 57.5983 2.40159 56.1754 2.3999 54.4194V54.0116C2.40018 53.8037 2.4186 53.5963 2.45502 53.3917L8.15623 20.9905C8.48684 19.2331 10.0361 17.9699 11.8241 18H65.8662C66.4168 17.9964 66.9615 18.1135 67.462 18.3431C67.9625 18.5727 68.4066 18.9092 68.763 19.3289C69.096 19.7225 69.3386 20.1843 69.4738 20.6817C69.6091 21.1792 69.6337 21.7002 69.5459 22.2082Z' fill='url(%23paint0_linear_1_4850)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_4850' x1='0' y1='30' x2='71.998' y2='30' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.files__item_type_folder:hover .files__content {
  text-decoration: underline;
}

.files__item_type_file:hover .files__download {
  text-decoration: underline;
}

.files__item_type_file {
  display: grid;
  grid-template-rows: 1fr max-content;
}

.files__item_ext_pdf {
  background-image: url("data:image/svg+xml,%3Csvg width='57' height='62' viewBox='0 0 57 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.81055 59.0645C6.81055 60.1334 7.67711 61 8.746 61H53.2621C54.3311 61 55.1977 60.1334 55.1977 59.0645V11.4791C55.1977 10.9658 54.9937 10.4735 54.6308 10.1105L46.0869 1.56692C45.7239 1.20393 45.2316 1 44.7182 1H8.746C7.67711 1 6.81055 1.86656 6.81055 2.93545V33.9035' stroke='url(%23paint0_linear_1_4894)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.5449 0.999422V10.6768C44.5449 10.9335 44.6469 11.1796 44.8284 11.3611C45.0098 11.5426 45.256 11.6445 45.5126 11.6445H55.19' stroke='url(%23paint1_linear_1_4894)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.8609 42.641H25.7461V50.3262' stroke='url(%23paint2_linear_1_4894)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.7461 46.4102H28.6134' stroke='url(%23paint3_linear_1_4894)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.8594 42.738V50.1211' stroke='url(%23paint4_linear_1_4894)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.0212 46.4818C22.0212 48.5519 20.8723 50.1899 19.0494 50.2217C18.4427 50.2324 16.8747 50.2383 16.8747 50.2383C16.8747 50.2383 16.8649 47.517 16.8649 46.4735C16.8649 45.6166 16.8594 42.7254 16.8594 42.7254H18.9873C20.9866 42.7254 22.0212 44.4118 22.0212 46.4818Z' stroke='url(%23paint5_linear_1_4894)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.71484 42.6135V50.3555' stroke='url(%23paint6_linear_1_4894)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.0981 44.7968C13.0981 46.0034 12.0771 46.9816 10.8705 46.9816C10.2721 46.9816 8.72981 46.9912 8.72981 46.9912C8.72981 46.9912 8.72016 45.405 8.72016 44.7968C8.72016 44.2972 8.71484 42.6121 8.71484 42.6121H10.8705C12.0771 42.6121 13.0981 43.5902 13.0981 44.7968Z' stroke='url(%23paint7_linear_1_4894)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.2124 32.0907C17.0094 27.1457 43.6999 22.5725 42.2037 27.1382C39.9043 34.1542 22.5149 10.5171 30.0583 10.9248C34.4212 11.1607 23.573 37.2789 20.2124 32.0907Z' stroke='url(%23paint8_linear_1_4894)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 34.8717V52.291C1 53.8945 2.29984 55.1943 3.90318 55.1943H33.9032C34.9722 55.1943 35.8387 54.3278 35.8387 53.2588V39.7105C35.8387 38.6415 34.9722 37.7749 33.9032 37.7749H3.90318C2.29984 37.7749 1 36.4752 1 34.8717ZM1 34.8717C1 33.2684 2.29984 31.9685 3.90318 31.9685H6.80648' stroke='url(%23paint9_linear_1_4894)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_4894' x1='6.81055' y1='31' x2='55.1977' y2='31' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1_4894' x1='44.5449' y1='6.32198' x2='55.19' y2='6.32198' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_1_4894' x1='25.7461' y1='46.4836' x2='28.8609' y2='46.4836' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_1_4894' x1='25.7461' y1='45.9102' x2='28.6134' y2='45.9102' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_1_4894' x1='16.8594' y1='46.4295' x2='17.8594' y2='46.4295' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_1_4894' x1='16.8594' y1='46.4818' x2='22.0212' y2='46.4818' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_1_4894' x1='8.71484' y1='46.4845' x2='9.71484' y2='46.4845' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_1_4894' x1='8.71484' y1='44.8016' x2='13.0981' y2='44.8016' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint8_linear_1_4894' x1='19.9453' y1='21.846' x2='42.2644' y2='21.846' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint9_linear_1_4894' x1='1' y1='43.5814' x2='35.8387' y2='43.5814' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.files__item_ext_jpg {
  background-image: url("data:image/svg+xml,%3Csvg width='57' height='62' viewBox='0 0 57 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.80664 59.0645C6.80664 60.1334 7.6732 61 8.74209 61H53.2582C54.3272 61 55.1938 60.1334 55.1938 59.0645V11.4791C55.1938 10.9658 54.9898 10.4735 54.6269 10.1105L46.083 1.56692C45.72 1.20393 45.2277 1.00001 44.7143 1.00001H8.74209C7.6732 1.00001 6.80664 1.86656 6.80664 2.93546V33.9035' stroke='url(%23paint0_linear_1_4781)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.5488 1.0004V10.6778C44.5488 10.9344 44.6508 11.1806 44.8323 11.3621C45.0138 11.5436 45.2599 11.6455 45.5166 11.6455H55.1939' stroke='url(%23paint1_linear_1_4781)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.93164 49.8045C7.93164 49.8045 8.85591 50.7345 9.86251 50.1758C10.3592 49.9001 10.6589 49.3683 10.6589 48.8003V42.6126' stroke='url(%23paint2_linear_1_4781)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.4923 43.2736C27.8533 42.8416 27.0994 42.6113 26.3281 42.6126C24.1902 42.6126 22.457 44.3457 22.457 46.4835C22.457 48.6214 24.1902 50.3545 26.3281 50.3545C28.4658 50.3545 29.6696 48.6214 29.6696 46.4835H27.3536' stroke='url(%23paint3_linear_1_4781)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.7012 42.6126V50.3545' stroke='url(%23paint4_linear_1_4781)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0844 44.7978C19.0844 46.0044 18.0635 46.9825 16.8568 46.9825C16.2584 46.9825 14.7161 46.9922 14.7161 46.9922C14.7161 46.9922 14.7065 45.406 14.7065 44.7978C14.7065 44.2982 14.7012 42.613 14.7012 42.613H16.8568C18.0635 42.613 19.0844 43.5911 19.0844 44.7978Z' stroke='url(%23paint5_linear_1_4781)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 34.8707V52.2901C1 53.8935 2.29984 55.1934 3.90318 55.1934H33.9032C34.9722 55.1934 35.8387 54.3268 35.8387 53.2578V39.7095C35.8387 38.6405 34.9722 37.7739 33.9032 37.7739H3.90318C2.29984 37.7739 1 36.4742 1 34.8707ZM1 34.8707C1 33.2674 2.29984 31.9676 3.90318 31.9676H6.80648' stroke='url(%23paint6_linear_1_4781)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M42.6125 31H19.3867L26.0066 24.3801C26.323 24.0637 26.7393 23.8667 27.1845 23.8226C27.6298 23.7785 28.0766 23.8901 28.4489 24.1383L30.0319 25.1935L35.4375 19.788C36.1934 19.0321 37.4188 19.0321 38.1747 19.788L42.6125 24.2258V31Z' stroke='url(%23paint7_linear_1_4781)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.1287 16.9675C27.1287 18.8381 25.6122 20.3545 23.7415 20.3545C21.8709 20.3545 20.3545 18.8381 20.3545 16.9675C20.3545 15.0968 21.8709 13.5804 23.7415 13.5804C25.6122 13.5804 27.1287 15.0968 27.1287 16.9675Z' stroke='url(%23paint8_linear_1_4781)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_4781' x1='6.80664' y1='31' x2='55.1938' y2='31' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1_4781' x1='44.5488' y1='6.32295' x2='55.1939' y2='6.32295' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_1_4781' x1='7.93164' y1='46.4835' x2='10.6589' y2='46.4835' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_1_4781' x1='22.457' y1='46.4835' x2='29.6696' y2='46.4835' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_1_4781' x1='14.7012' y1='46.4835' x2='15.7012' y2='46.4835' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_1_4781' x1='14.7012' y1='44.8026' x2='19.0844' y2='44.8026' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_1_4781' x1='1' y1='43.5805' x2='35.8387' y2='43.5805' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_1_4781' x1='19.3867' y1='25.1105' x2='42.6125' y2='25.1105' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint8_linear_1_4781' x1='20.3545' y1='16.9675' x2='27.1287' y2='16.9675' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.files__item_ext_doc {
  background-image: url("data:image/svg+xml,%3Csvg width='57' height='62' viewBox='0 0 57 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.80664 59.0645C6.80664 60.1334 7.6732 61 8.74209 61H53.2582C54.3272 61 55.1938 60.1334 55.1938 59.0645V11.4791C55.1938 10.9658 54.9898 10.4735 54.6269 10.1105L46.083 1.56692C45.72 1.20393 45.2277 1.00001 44.7143 1.00001H8.74209C7.6732 1.00001 6.80664 1.86656 6.80664 2.93546V33.9035' stroke='url(%23paint0_linear_1_4795)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.5488 1.0004V10.6778C44.5488 10.9344 44.6508 11.1806 44.8323 11.3621C45.0138 11.5436 45.2599 11.6455 45.5166 11.6455H55.1939' stroke='url(%23paint1_linear_1_4795)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.3545 31H41.6447' stroke='url(%23paint2_linear_1_4795)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.3545 26.1611H41.6447' stroke='url(%23paint3_linear_1_4795)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.9033 21.3223H41.6453' stroke='url(%23paint4_linear_1_4795)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.9033 16.4844H41.6453' stroke='url(%23paint5_linear_1_4795)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.77441 42.5845V50.2646' stroke='url(%23paint6_linear_1_4795)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1439 46.484C13.1439 48.6374 11.9488 50.3413 10.0526 50.3745C9.42146 50.3854 7.79023 50.3916 7.79023 50.3916C7.79023 50.3916 7.78009 47.5609 7.78009 46.4754C7.78009 45.5839 7.77441 42.5764 7.77441 42.5764H9.98789C12.0676 42.5764 13.1439 44.3306 13.1439 46.484Z' stroke='url(%23paint7_linear_1_4795)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34.5856 43.145C33.9209 42.6956 33.1366 42.456 32.3343 42.4572C30.1104 42.4572 28.3076 44.2601 28.3076 46.484C28.3076 48.708 30.1104 50.5107 32.3343 50.5107C33.2375 50.5107 33.9805 50.2134 34.5442 49.7112C34.6612 49.6069 34.7704 49.4942 34.871 49.374' stroke='url(%23paint8_linear_1_4795)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.8581 46.484C24.8581 48.7078 23.0553 50.5107 20.8314 50.5107C18.6075 50.5107 16.8047 48.7078 16.8047 46.484C16.8047 44.2601 18.6075 42.4572 20.8314 42.4572C23.0553 42.4572 24.8581 44.2601 24.8581 46.484Z' stroke='url(%23paint9_linear_1_4795)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 34.8707V52.2901C1 53.8935 2.29984 55.1934 3.90318 55.1934H39.7097C40.7787 55.1934 41.6451 54.3268 41.6451 53.2578V39.7095C41.6451 38.6405 40.7787 37.7739 39.7097 37.7739H3.90318C2.29984 37.7739 1 36.4742 1 34.8707ZM1 34.8707C1 33.2674 2.29984 31.9676 3.90318 31.9676H6.80648' stroke='url(%23paint10_linear_1_4795)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.0964 21.3223H21.3222C21.1951 21.3223 21.0693 21.2972 20.9519 21.2486C20.8345 21.2 20.7278 21.1287 20.6379 21.0388C20.5481 20.949 20.4768 20.8423 20.4282 20.7249C20.3795 20.6075 20.3545 20.4816 20.3545 20.3545V17.4514C20.3545 17.3243 20.3795 17.1984 20.4281 17.081C20.4767 16.9636 20.548 16.8569 20.6379 16.767C20.7278 16.6771 20.8344 16.6058 20.9519 16.5572C21.0693 16.5085 21.1951 16.4835 21.3222 16.4835H28.0964C28.2235 16.4835 28.3494 16.5085 28.4668 16.5572C28.5842 16.6058 28.6909 16.6771 28.7807 16.767C28.8706 16.8569 28.9419 16.9636 28.9905 17.081C29.0391 17.1984 29.0642 17.3243 29.0641 17.4514V20.3545C29.0641 20.6112 28.9622 20.8573 28.7807 21.0388C28.5992 21.2203 28.3531 21.3223 28.0964 21.3223Z' stroke='url(%23paint11_linear_1_4795)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_4795' x1='6.80664' y1='31' x2='55.1938' y2='31' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1_4795' x1='44.5488' y1='6.32295' x2='55.1939' y2='6.32295' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_1_4795' x1='20.3545' y1='30.5' x2='41.6447' y2='30.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_1_4795' x1='20.3545' y1='25.6611' x2='41.6447' y2='25.6611' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_1_4795' x1='33.9033' y1='20.8223' x2='41.6453' y2='20.8223' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_1_4795' x1='33.9033' y1='15.9844' x2='41.6453' y2='15.9844' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_1_4795' x1='7.77441' y1='46.4246' x2='8.77441' y2='46.4246' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_1_4795' x1='7.77441' y1='46.484' x2='13.1439' y2='46.484' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint8_linear_1_4795' x1='28.3076' y1='46.484' x2='34.871' y2='46.484' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint9_linear_1_4795' x1='16.8047' y1='46.484' x2='24.8581' y2='46.484' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint10_linear_1_4795' x1='1' y1='43.5805' x2='41.6451' y2='43.5805' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint11_linear_1_4795' x1='20.3545' y1='18.9029' x2='29.0641' y2='18.9029' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.files__item_ext_txt {
  background-image: url("data:image/svg+xml,%3Csvg width='57' height='62' viewBox='0 0 57 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.80664 59.0645C6.80664 60.1334 7.6732 61 8.74209 61H53.2582C54.3272 61 55.1938 60.1334 55.1938 59.0645V11.4791C55.1938 10.9658 54.9898 10.4735 54.6269 10.1105L46.083 1.56692C45.72 1.20393 45.2277 1.00001 44.7143 1.00001H8.74209C7.6732 1.00001 6.80664 1.86656 6.80664 2.93546V33.9035' stroke='url(%23paint0_linear_1_4812)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.5488 1.0004V10.6778C44.5488 10.9344 44.6508 11.1806 44.8323 11.3621C45.0138 11.5436 45.2599 11.6455 45.5166 11.6455H55.1939' stroke='url(%23paint1_linear_1_4812)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 34.8707V52.2901C1 53.8935 2.29984 55.1934 3.90318 55.1934H33.9032C34.9722 55.1934 35.8387 54.3268 35.8387 53.2578V39.7095C35.8387 38.6405 34.9722 37.7739 33.9032 37.7739H3.90318C2.29984 37.7739 1 36.4742 1 34.8707ZM1 34.8707C1 33.2674 2.29984 31.9676 3.90318 31.9676H6.80648' stroke='url(%23paint2_linear_1_4812)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.2803 42.6126L21.7265 50.3545' stroke='url(%23paint3_linear_1_4812)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.3436 42.6126L15.8896 50.3545' stroke='url(%23paint4_linear_1_4812)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.18945 42.6133H12.465' stroke='url(%23paint5_linear_1_4812)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3184 42.8598V50.3545' stroke='url(%23paint6_linear_1_4812)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.1523 42.6133H29.4279' stroke='url(%23paint7_linear_1_4812)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.2812 42.8598V50.3545' stroke='url(%23paint8_linear_1_4812)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.3545 31H41.6447' stroke='url(%23paint9_linear_1_4812)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.3545 26.1611H41.6447' stroke='url(%23paint10_linear_1_4812)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.3545 21.3223H41.6447' stroke='url(%23paint11_linear_1_4812)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.3545 16.4844H41.6447' stroke='url(%23paint12_linear_1_4812)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_4812' x1='6.80664' y1='31' x2='55.1938' y2='31' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1_4812' x1='44.5488' y1='6.32295' x2='55.1939' y2='6.32295' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_1_4812' x1='1' y1='43.5805' x2='35.8387' y2='43.5805' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_1_4812' x1='16.2803' y1='46.4835' x2='21.7265' y2='46.4835' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_1_4812' x1='15.8896' y1='46.4835' x2='21.3436' y2='46.4835' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_1_4812' x1='8.18945' y1='42.1133' x2='12.465' y2='42.1133' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_1_4812' x1='10.3184' y1='46.6071' x2='11.3184' y2='46.6071' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_1_4812' x1='25.1523' y1='42.1133' x2='29.4279' y2='42.1133' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint8_linear_1_4812' x1='27.2812' y1='46.6071' x2='28.2812' y2='46.6071' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint9_linear_1_4812' x1='20.3545' y1='30.5' x2='41.6447' y2='30.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint10_linear_1_4812' x1='20.3545' y1='25.6611' x2='41.6447' y2='25.6611' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint11_linear_1_4812' x1='20.3545' y1='20.8223' x2='41.6447' y2='20.8223' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint12_linear_1_4812' x1='20.3545' y1='15.9844' x2='41.6447' y2='15.9844' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.files__item_ext_xls {
  background-image: url("data:image/svg+xml,%3Csvg width='57' height='62' viewBox='0 0 57 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.80664 59.0645C6.80664 60.1334 7.6732 61 8.74209 61H53.2582C54.3272 61 55.1938 60.1334 55.1938 59.0645V11.4791C55.1938 10.9658 54.9898 10.4735 54.6269 10.1105L46.083 1.56692C45.72 1.20393 45.2277 1.00001 44.7143 1.00001H8.74209C7.6732 1.00001 6.80664 1.86656 6.80664 2.93546V33.9035' stroke='url(%23paint0_linear_1_4831)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.5488 1.0004V10.6778C44.5488 10.9344 44.6508 11.1806 44.8323 11.3621C45.0138 11.5436 45.2599 11.6455 45.5166 11.6455H55.1939' stroke='url(%23paint1_linear_1_4831)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.3867 26.1611H42.6125' stroke='url(%23paint2_linear_1_4831)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.3867 21.3223H42.6125' stroke='url(%23paint3_linear_1_4831)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.6064 42.532V50.3479C17.6929 50.3627 20.3457 50.3479 20.3457 50.3479' stroke='url(%23paint4_linear_1_4831)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.7354 43.3361C28.7354 43.3361 27.3318 42.1561 25.6765 42.6548C24.1566 43.1126 23.944 44.8652 25.0436 45.582C25.0436 45.582 26.1226 46.0635 27.3193 46.5048C30.2001 47.5674 28.9593 50.3545 26.64 50.3545C25.4786 50.3545 24.504 49.8459 23.9141 49.1949' stroke='url(%23paint5_linear_1_4831)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.14941 42.5319L13.6524 50.3545' stroke='url(%23paint6_linear_1_4831)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.2656 42.5319L7.75488 50.3545' stroke='url(%23paint7_linear_1_4831)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M41.6448 31H20.3546C20.2275 31 20.1016 30.975 19.9842 30.9264C19.8668 30.8777 19.7601 30.8065 19.6702 30.7166C19.5803 30.6267 19.509 30.5201 19.4604 30.4026C19.4118 30.2852 19.3867 30.1594 19.3867 30.0323V17.4516C19.3867 17.3245 19.4118 17.1986 19.4604 17.0812C19.509 16.9638 19.5803 16.8571 19.6702 16.7673C19.7601 16.6774 19.8668 16.6061 19.9842 16.5575C20.1016 16.5089 20.2275 16.4838 20.3546 16.4839H41.6448C41.9014 16.4839 42.1476 16.5858 42.3291 16.7673C42.5106 16.9488 42.6125 17.1949 42.6125 17.4516V30.0323C42.6125 30.2889 42.5106 30.5351 42.3291 30.7166C42.1476 30.898 41.9014 31 41.6448 31Z' stroke='url(%23paint8_linear_1_4831)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.1289 16.4839V31' stroke='url(%23paint9_linear_1_4831)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34.8711 16.4839V31' stroke='url(%23paint10_linear_1_4831)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 34.8707V52.2901C1 53.8935 2.29984 55.1934 3.90318 55.1934H33.9032C34.9722 55.1934 35.8387 54.3268 35.8387 53.2578V39.7095C35.8387 38.6405 34.9722 37.7739 33.9032 37.7739H3.90318C2.29984 37.7739 1 36.4742 1 34.8707ZM1 34.8707C1 33.2674 2.29984 31.9676 3.90318 31.9676H6.80648' stroke='url(%23paint11_linear_1_4831)' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_4831' x1='6.80664' y1='31' x2='55.1938' y2='31' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1_4831' x1='44.5488' y1='6.32295' x2='55.1939' y2='6.32295' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_1_4831' x1='19.3867' y1='25.6611' x2='42.6125' y2='25.6611' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_1_4831' x1='19.3867' y1='20.8223' x2='42.6125' y2='20.8223' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_1_4831' x1='17.6064' y1='46.4432' x2='20.3457' y2='46.4432' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_1_4831' x1='23.9141' y1='46.4432' x2='28.9939' y2='46.4432' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_1_4831' x1='8.14941' y1='46.4432' x2='13.6524' y2='46.4432' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_1_4831' x1='7.75488' y1='46.4432' x2='13.2656' y2='46.4432' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint8_linear_1_4831' x1='19.3867' y1='23.7419' x2='42.6125' y2='23.7419' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint9_linear_1_4831' x1='27.1289' y1='23.7419' x2='28.1289' y2='23.7419' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint10_linear_1_4831' x1='34.8711' y1='23.7419' x2='35.8711' y2='23.7419' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint11_linear_1_4831' x1='1' y1='43.5805' x2='35.8387' y2='43.5805' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314909A'/%3E%3Cstop offset='1' stop-color='%23169982'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.files__download {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: var(--deep-blue);
  border-top: 1px solid var(--medium-blue);
  padding-top: 15px;
  margin-top: 10px;
}

.files__download::before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='13' viewBox='0 0 11 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8L5.5 12L10 8' stroke='%23004283'/%3E%3Cline x1='5.5' y1='12' x2='5.5' y2='2.18558e-08' stroke='%23004283'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .files {
    grid-template-columns: repeat(3, 1fr);
  }

  .files__item {
    background-size: 40px 40px;
    background-position: top 10px center;
    padding: 60px 10px 10px 10px;
  }

  .files__download {
    padding-top: 10px;
  }
}

@media (max-width: 479px) {
  .files {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* messages */
.messages {
  display: grid;
  gap: 20px;
}

.messages__item {
  padding: 20px 30px;
}

.messages__item_type_dealer {
  background-color: #f2f3f5;
}

.messages__item_type_support {
  background-color: var(--light-blue);
}

.messages__date {
  margin-top: 30px;
  text-align: center;
  background: var(--white);
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  align-items: center;
  gap: 15px;
  color: #999999;
}

.messages__date::before,
.messages__date::after {
  content: "";
  height: 1px;
  background: var(--medium-blue);
}

/* company-news */
.company-news__item {
  border-top: 1px solid var(--medium-blue);
  padding: 15px 0;
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 20px;
}

.company-news__item_status_unreaded .company-news__title {
  font-weight: 600;
}

.company-news__title::before {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid var(--green);
  border-radius: 50%;
}

.company-news__title {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 10px;
  align-items: center;
  text-decoration: none;
  color: var(--black);
}

.company-news__title:hover {
  text-decoration: underline;
}

.company-news__item_status_unreaded .company-news__title::before {
  background-color: var(--green);
}

.company-news__date {
  color: #999999;
}

@media (max-width: 479px) {
  .company-news__item {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .company-news__date {
    padding-left: 26px;
  }
}

/* company-news-detail */
.company-news-detail__inner {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 40px;
}

.company-news-detail__text {
  border-top: 1px solid var(--medium-blue);
  padding-top: 15px;
}

.company-news-detail__date {
  color: #999999;
  padding-bottom: 15px;
}

@media (max-width: 767px) {
  .company-news-detail__inner {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .company-news-detail__img-container {
    order: -1;
  }

  .company-news-detail__text {
    border: 0;
    padding: 0;
  }
}

/* download files */
.form-control-file {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100px;
  outline: none;
  visibility: hidden;
  cursor: pointer;
  box-shadow: none;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  line-height: inherit;
}

.form-control-file::before {
  content: attr(data-title);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  line-height: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: visible;
  text-align: center;
  border: 1px dashed #bfc9d3;
  transition: all 0.2s ease;
  overflow: hidden;
  color: #73899f;
  background-color: #f8f9fa;
}

.form-control-file:hover::before {
  border-style: solid;
}

.form-control-file_type_message {
  max-width: 600px;
  height: 50px;
  min-height: unset;
}

.lk__employees {
  display: grid;
  gap: 30px;
}

.lk__employees-item {
  background-color: var(--light-blue);
  padding: 20px 30px;
}

.lk__employees-name {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

.lk__employees-labels {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}

.lk__employees-btn-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media (max-width: 1279px) {
  .lk__employees-name {
    font-size: 20px;
  }

  .lk__employees-labels {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .lk__employees-labels {
    grid-template-columns: 1fr;
  }

  .lk__employees-btn-container {
    grid-template-columns: 1fr;
  }

  .lk__employees-item {
    padding: 20px;
  }
}

.input_action_count::-webkit-outer-spin-button,
.input_action_count::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.lk__label_type_countable .select {
  padding: 10px 30px 10px 10px;
}

.lk__note {
  margin: 0 0 20px 0;
}

.lk__download-container {
  text-align: center;
  cursor: pointer;
}

#form_message .lk__download-container {
  text-align: left;
  cursor: pointer;
}

.lk__download-container._active .form-control-file::before {
  border: 1px dashed red;
}

.lk__form-list {
  list-style-type: none;
  padding: 0;
  margin: -15px 0;
}

.lk__form-list li {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}

.lk__form-list button {
  content: '&#10060';
  background: none;
  border: none;
  color: red;
  cursor: pointer;
}


/* toopltip */
.tooltip {
	display: none;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 12px;
	line-height: 1.5;
	z-index: 3;
	position: absolute;
	width: 160px;
	white-space: normal;
}

.tooltip::after {
	content: '';
	position: absolute;
	margin-right: -5px;
	border-width: 5px;
	border-style: solid;
}

/* tooltip position left */
.tooltip_position_left {
	top: 50%;
	right: calc(100% + 7px);
	transform: translateY(-50%);
}

.tooltip_position_left::after {
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);
}

/* tooltip position right */
.tooltip_position_right {
	top: 50%;
	left: calc(100% + 7px);
	transform: translateY(-50%);
}

.tooltip_position_right::after {
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
	border-color: transparent rgba(0, 0, 0, 0.7) transparent transparent;
}

/* tooltip position bottom */
.tooltip_position_bottom {
	left: 50%;
	top: calc(100% + 7px);
	transform: translateX(-50%);
}

.tooltip_position_bottom::after {
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
	border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent;
}

/* tooltip position top */
.tooltip_position_top {
	left: 50%;
	bottom: calc(100% + 7px);
	transform: translateX(-50%);
}

.tooltip_position_top::after {
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
}

/* show tooltip */
.tooltip_visible {
	display: block;
}
.header__phone{
  display: flex;
  flex-direction: column;
}
.header__phone span{
  font-size: 11px;
    color: #249f89;
    margin-top: -7px;
}
@media (max-width:550px) {
  .header__phone a:nth-last-child(2){
    display: none !important;
  }
  .header__phone span{
    display: none;
  }
}