/* Start:/local/templates/.default/css/main.css?170307357355858*/
.articles-custom-fonts * b,
.articles-custom-fonts * b * span,
.articles-custom-fonts * b *{
  word-break: break-word;
  font-family: var(--typography-fontFamily-bold) !important
}

.articles-custom-fonts b,
.articles-custom-fonts b span{
  word-break: break-word;
  font-family: var(--typography-fontFamily-bold) !important
}



@font-face {
  font-family: "Gilroy";
  src: local("Gilroy-Light"), local("Gilroy-Light"),
    url("/fonts/Gilroy/Gilroy-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "gilroy-bold";
  src: local("gilroy-bold"), local("gilroy-bold"),
    url("/fonts/Gilroy/gilroy-bold.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --typography-htmlFontSize: 16px;
  --typography-fontFamily: Gilroy, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --typography-fontFamily-bold: gilroy-bold, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans",
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  --spacing-container: 14px;
}

:root {
  font-size: var(--typography-htmlFontSize);
}

* {
  box-sizing: border-box;
  font-family: var(--typography-fontFamily);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: var(--typography-fontFamily);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  color: var(--palette-text-primary);
  background-color: var(--palette-background-default);
  margin: 0;
  scrollbar-color: var(--palette-primary-main) var(--palette-primary-light);
  scrollbar-width: thin;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--typography-fontFamily-headings);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
  margin-bottom: 0;
}

input:focus,
button:focus,
textarea:focus {
  outline: 0;
}

input:disabled,
input.disabled,
button:disabled,
button.disabled,
textarea:disabled,
textarea.disabled {
  pointer-events: none;
  opacity: 0.5;
}

a[href],
button {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button {
  cursor: pointer;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: var(--palette-text-secondary);
}

input[readonly],
textarea[readonly] {
  pointer-events: none;
  opacity: 0.5;
}

@media (max-width: 1347.02px) {
  .spacing-top {
    padding-top: 40px;
  }
}

@media (min-width: 1348px) {
  .spacing-top {
    padding-top: 60px;
  }
}

@media (max-width: 1347.02px) {
  .spacing-bottom {
    padding-bottom: 40px;
  }
}

@media (min-width: 1348px) {
  .spacing-bottom {
    padding-bottom: 60px;
  }
}

.block-center {
  max-width: max-content;
  margin-right: auto;
  margin-left: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.container-fluid,
.container {
  width: 100%;
  padding-right: var(--spacing-container);
  padding-left: var(--spacing-container);
}

@media (min-width: 348px) {
  .container-fluid,
  .container {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 347.02px) {
  .container {
    max-width: 348px;
  }
}

@media (min-width: 348px) and (max-width: 503.02px) {
  .container {
    max-width: 348px;
  }
}

@media (min-width: 504px) and (max-width: 795.02px) {
  .container {
    max-width: 504px;
  }
}

@media (min-width: 796px) and (max-width: 1019.02px) {
  .container {
    max-width: 796px;
  }
}

@media (min-width: 1020px) and (max-width: 1347.02px) {
  .container {
    max-width: 1020px;
  }
}

@media (min-width: 1348px) {
  .container {
    max-width: 1348px;
  }
}

.container-zero {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 347.02px) {
  .container-zero {
    max-width: 348px;
  }
}

@media (min-width: 348px) and (max-width: 503.02px) {
  .container-zero {
    max-width: 348px;
  }
}

@media (min-width: 504px) and (max-width: 795.02px) {
  .container-zero {
    max-width: 504px;
  }
}

@media (min-width: 796px) and (max-width: 1019.02px) {
  .container-zero {
    max-width: 796px;
  }
}

@media (min-width: 1020px) and (max-width: 1347.02px) {
  .container-zero {
    max-width: 1020px;
  }
}

@media (min-width: 1348px) {
  .container-zero {
    max-width: 1348px;
  }
}

html,
body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1 0 auto;
}

.footer {
  flex-shrink: 0;
}

a {
  text-decoration: none;
}

.btn {
  border-radius: 100px;
  font-weight: 600;
}

@media (max-width: 1019.02px) {
  .btn {
    font-size: 12px;
    line-height: 18px;
    padding: 14px 14px;
  }
}

@media (min-width: 1020px) {
  .btn {
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
  }
}

.btn--green {
  background: linear-gradient(180deg, #4d9c53 0%, #3e825e 100%);
  border: none;
  color: #fff;
  min-width: 163px;
  text-align: center;
}

.btn--green--long {
  min-width: 221px;
  text-align: center;
}

.btn--green--active {
  background: #bef9c2;
  text-align: center;
}

.btn--green:not(.btn--green--active):hover {
  background: linear-gradient(180deg, #329239 0%, #225f3e 100%);
}

.btn--green:active {
  opacity: 0.5;
}

.btn--blue {
  background: linear-gradient(180deg, #4d669c 0%, #3e7082 100%);
  border: none;
  color: #fff;
  min-width: 163px;
  text-align: center;
}

.btn--blue--long {
  min-width: 221px;
  text-align: center;
}

.btn--blue--active {
  background: #bee0f9;
  text-align: center;
}

.btn--blue:not(.btn--blue--active):hover {
  background: linear-gradient(180deg, #328492 0%, #22445f 100%);
}

.btn--blue:active {
  opacity: 0.5;
}

.btn--red {
  background: linear-gradient(180deg, #eb6551 0%, #bc4635 100%);
  color: #fff;
  border: none;
  min-width: 116px;
}

.btn--red:active,
.btn--red:hover,
.btn--red--active {
  opacity: 0.5;
}

.btn--white {
  border: 1px solid #b5b5b5;
  color: #2c2a29;
  background-color: #fff;
  min-width: 80px;
}

.btn--white--long {
  min-width: 166px;
}

.btn--white:hover {
  border: 1px solid #4e9d53;
  color: #4e9d53;
}

.btn--white:active {
  background: #f7f7f7;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0);
}

.btn--black {
  font-family: var(--typography-fontFamily-bold);
  background: #fff;
  border: 1px solid #000;
  color: #000;
}

#sendRequestBg {
  visibility: hidden;
}

.background-dark {
  position: fixed;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  z-index: -1;
  transition: 0.2s linear;
}

.background-dark--visible {
  opacity: 1;
  transition: 0.2s linear;
  z-index: 10;
}

.show {
  opacity: 1;
  z-index: 10;
}

.btn-text {
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  color: #4e9d53;
}

*::-webkit-scrollbar {
  width: 8px;
}

*::-webkit-scrollbar-track {
  background: #f4f4f5;
  border-radius: 10px;
}

*::-webkit-scrollbar-thumb {
  background: #e3e3e3;
  border-radius: 10px;
}

.title {
  font-family: var(--typography-fontFamily-bold);
  font-weight: 600;
  color: #000;
}

@media (min-width: 1020px) {
  .title {
    font-size: 36px;
    line-height: 40px;
  }
}

@media (max-width: 1019.02px) {
  .title {
    font-size: 18px;
    line-height: 22px;
  }
}

.breadcrumbs {
  display: flex;
  gap: 15px;
}

@media (max-width: 1019.02px) {
  .breadcrumbs {
    display: none;
  }
}

.breadcrumbs__link {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  text-decoration: none;
}

.breadcrumbs__link:hover {
  color: #515151;
}

.breadcrumbs__link--selected {
  color: #515151;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  z-index: 15;
  background: #fff;
}



.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}

@media (max-width: 1019.02px) {
  .header__container {
    padding-bottom: 5px;
    padding-top: 5px;
  }
}

@media (min-width: 1020px) {
  .header__container {
    padding-top: 17px;
    padding-bottom: 17px;
  }
}

.header__logo {
  text-decoration: none;
}

.header__logo--hidden {
  display: none;
}

.header__icon-cross {
  display: none;
  cursor: pointer;
  transform: translate(22%, 30%);
}

.header__icon-cross--visible {
  display: block;
}

.header__menu-mobile {
  position: fixed;
  top: 0;
  visibility: hidden;
  left: -100%;
  width: 87.5%;
  max-width: 350px;
  height: 100%;
  background: #fff;
  z-index: 5;
  opacity: 0;
  transition: 0.3s linear;
}

.header__menu-mobile--visible {
  left: 0;
  opacity: 1;
  transition: 0.3s linear;
  visibility: visible;
}

.header__menu-mobile-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.header__menu-mobile-slidebar-content {
  gap: 0px !important;
  padding: 8px 0 4px 20px !important;
}

.header__menu-mobile-btns {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.header__menu-mobile-btns::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c3c3c3;
}

.header__menu-mobile-wrapper {
  height: 100%;
}

.header__menu-mobile-header {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
  padding-left: 19px;
  padding-right: 19px;
  padding-top: 13px;
  padding-bottom: 1px;
  display: flex;
  gap: 5px;
}

.header__menu-mobile-content-title {
  font-family: var(--typography-fontFamily) !important;
}

.header__menu-mobile-content {
  padding-left: 19px;
  padding-right: 19px;
  padding-top: 9px;
  padding-bottom: 25px;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.35);
  height: calc(100% - 40px);
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.header__icon-cross,
.header__burger-menu {
  min-height: 30px;
}

.header__burger-menu,
.header__logo-wrapper {
  cursor: pointer;
}

.header__burger-menu--hidden {
  display: none;
}

@media (max-width: 1019.02px) {
  .header__logo-wrapper {
    display: flex;
    max-width: 135px;
  }
}

.header__logo-wrapper svg {
  width: 100%;
  height: 100%;
}

.header__dropdown-checkbox {
  display: none;
}

@media (min-width: 1020px) {
  .header__dropdown-checkbox:checked ~ * .header__dropdown-menu-content {
    display: flex;
    transform: translateY(60%);
    visibility: visible;
    opacity: 1;
    transition: 0.3s linear;
  }

  .header__dropdown-checkbox:checked ~ * .header__icon-cross {
    display: block;
  }

  .header__dropdown-checkbox:checked ~ * .header__burger-menu {
    display: none;
  }
}

.header__dropdown-menu-wrapper {
  display: flex;
  position: relative;
  align-items: center;
}

@media (max-width: 1019.02px) {
  .header__dropdown-menu-wrapper {
    gap: 13px;
  }
}

@media (min-width: 1020px) {
  .header__dropdown-menu-wrapper {
    gap: 23px;
    padding-right: 34px;
  }
}

.header__mobile-menu-close {
  display: none;
  font-family: var(--typography-fontFamily-bold);
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}

.header__mobile-menu-close--visible {
  display: block;
}

.header__dropdown-menu-content {
  overflow-y: auto;
  z-index: -1;
  border-radius: 0 0 10px 10px;
  visibility: hidden;
  flex-direction: column;
  gap: 24px;
  opacity: 0;
  left: -8%;
  padding: 36px 97px 113px 73px;
  position: absolute;
  width: 320px;
  min-width: 100%;
  transition: 0.3s linear;
}

@media (max-width: 1019.02px) {
  .header__dropdown-menu-content--mobile {
    position: fixed;
    display: flex;
    top: 57px;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding: 0;
    align-items: center;
  }
}

@media (min-width: 1020px) {
  .header__dropdown-menu-content {
    transform: translateY(-150%);
    background: #fff;
  }
}

.header__account-autorized-mobile-overflow {
  height: 100%;
}

.header__account-autorized-mobile {
  display: flex;
  flex-direction: column;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 8px;
  height: 100%;
  gap: 100px;
  justify-content: space-between;
}

.header__account-autorized-mobile-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}

.header__account-autorized-mobile-bottom {
  text-align: center;
}

.header__account-autorized-mobile-bottom-content {
  padding-bottom: 20px;
}

.header__account-autorized-btn {
  font-size: 14px;
  line-height: 20px;
  min-height: 40px;
}

.header__dropdown-menu-item {
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #000;
}

.header__dropdown-menu-item:hover,
.header__dropdown-menu-item--active {
  font-family: var(--typography-fontFamily-bold);
  font-weight: 600;
  text-transform: uppercase;
  color: #4e9d53;
  cursor: pointer;
}

@media (min-width: 1020px) {
  .header__dropdown-menu-btn-mobile {
    display: none;
  }
}

@media (max-width: 1019.02px) {
  .header__dropdown-menu-btn-mobile {
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 163px;
    font-size: 14px;
    line-height: 20px;
  }
}

.header__search-wrapper {
  overflow: auto;
  display: none;
}

@media (max-width: 1019.02px) {
  .header__search-wrapper {
    position: fixed;
    overflow: auto;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 14px;
    padding-right: 14px;
  }
}

@media (min-width: 1020px) {
  .header__search-wrapper {
    display: contents;
  }
}

.header__search-inner {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.header__search-inner--notAuthorized {
  margin-right: 98px;
}

@media (max-width: 1019.02px) {
  .header__search-inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    gap: 17px;
  }
}

@media (min-width: 1020px) and (max-width: 1347.02px) {
  .header__search-inner {
    width: 40%;
  }

  .header__search-inner--Authorized {
    width: 32%;
    margin-right: 70px;
  }
}

@media (min-width: 1348px) {
  .header__search-inner {
    width: 644px;
  }
}

@media (max-width: 1019.02px) {
  .header__search-content {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}

@media (min-width: 1020px) {
  .header__search-content {
    background: #fff;
    border: 2px solid #f4f4f5;
    border-radius: 10px;
    flex-direction: column;
    gap: 13px;
    max-height: 200px;
    overflow-y: auto;
    padding: 13px 26px 13px 21px;
    position: absolute;
    top: 66px;
    width: 100%;
  }

  .header__search-content--visible {
    display: flex;
  }

  .header__search-content:not(.header__search-content--visible) {
    display: none;
  }
}

.header__search-link {
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header__search-link-img {
  display: inline;
}

.header__search-content-title {
  font-family: gilroy-bold;
}

@media (max-width: 1019.02px) {
  .header__search-content-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }
}

@media (min-width: 1020px) {
  .header__search-content-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000;
  }
}

@media (min-width: 1020px) {
  .header__search-content-title-mobile {
    display: none;
  }
}

@media (max-width: 1019.02px) {
  .header__search-content-title-mobile {
    font-family: var(--typography-fontFamily-bold);
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    padding-bottom: 4px;
  }
}

.header__search-content-text {
  text-decoration: none;
  color: #000;
}

.header__search-content-text--selected {
  font-family: var(--typography-fontFamily-bold);
}

.header__search-content-text--green {
  font-family: var(--typography-fontFamily-bold);
  color: #4e9d53;
}

@media (max-width: 1019.02px) {
  .header__search-content-text {
    font-size: 14px;
    line-height: 16px;
  }
}

@media (min-width: 1020px) {
  .header__search-content-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
  }
}

.header__search-content-text:hover {
  color: #4e9d53;
  cursor: pointer;
}

.header__search-clear {
  cursor: pointer;
  display: none;
}

.header__search-clear--visible {
  display: block;
}

.header__search-panel {
  display: flex;
  background: #ececec;
  border-radius: 100px;
  align-items: center;
  gap: 18px;
  width: 100%;
}

@media (max-width: 1019.02px) {
  .header__search-panel {
    padding: 4px 8px 6px 16px;
  }
}

@media (min-width: 1020px) {
  .header__search-panel {
    padding: 7px 9px 9px 21px;
  }
}

.header__search-input {
  border: none;
  background: rgba(0, 0, 0, 0);
  font-weight: 600;
  color: #515151;
  width: 100%;
}

@media (max-width: 1019.02px) {
  .header__search-input {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (min-width: 1020px) {
  .header__search-input {
    font-size: 14px;
    line-height: 20px;
  }
}

.header__search-icon {
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 30px;
  width: 30px;
  justify-content: center;
  align-items: center;
}

.header__mobile-btns {
  gap: 18px;
  position: relative;
  align-items: center;
}

.header__mobile-btns--hidden {
  display: none !important;
}

@media (max-width: 1019.02px) {
  .header__mobile-btns {
    display: flex;
  }
}

@media (min-width: 1020px) {
  .header__mobile-btns {
    display: none;
  }
}

.header__mobile-btn {
  position: relative;
  width: 21px;
}

.header__btn-wrapper {
  gap: 11px;
}

.header__btn-wrapper--notAuthorized {
  gap: 24px;
}

@media (max-width: 1019.02px) {
  .header__btn-wrapper {
    display: none;
  }
}

@media (min-width: 1020px) {
  .header__btn-wrapper {
    display: flex;
  }
}

.header__dropdown-account {
  cursor: pointer;
  align-items: center;
  display: flex;
  position: relative;
}

@media (max-width: 1347.02px) {
  .header__dropdown-account {
    padding: 0px 10px;
    gap: 8px;
  }
}

@media (min-width: 1348px) {
  .header__dropdown-account {
    padding: 0px 23px;
    gap: 12px;
  }
}

.header__dropdown-account-checkbox {
  display: none;
}

.header__dropdown-account-checkbox:checked ~ .header__dropdown-account-content {
  display: flex;
}

.header__dropdown-account-text {
  font-size: 14px;
  line-height: 20px;
  color: #000;
}

.header__dropdown-account-text--bold {
  font-family: var(--typography-fontFamily-bold);
}

.header__dropdown-account-text--account {
  display: flex;
  gap: 19px;
}

.header__dropdown-account-content {
  display: none;
  left: 0;
  position: absolute;
  top: 38px;
  width: 100%;
  background: #fff;
  border: 2px solid #f4f4f5;
  border-radius: 10px;
}

.header__dropdown-account-content-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  text-decoration: none;
  padding: 11px 16px 13px 21px;
}

.header__modal-section-wrapper {
  display: none;
}

.header__modal-wrapper-overflow {
  overflow: auto;
}

@media (min-width: 1020px) {
  .header__modal-wrapper-overflow {
    padding-right: 32px;
  }
}

.header__modal-requst-main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 1020px) {
  .header__modal-requst-main {
    height: 100%;
  }
}

@media (max-width: 1019.02px) {
  .header__modal-requst-main {
    height: calc(100% - 67px);
  }
}

.header__send-request-btns {
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 1020px) {
  .header__send-request-btns {
    padding-top: 72px;
    padding-right: 32px;
    gap: 17px;
  }
}

@media (max-width: 1019.02px) {
  .header__send-request-btns {
    flex-direction: column;
    gap: 12px;
    padding-top: 31px;
  }
}

.header__send-request-main {
  display: flex;
  flex-direction: column;
  overflow: auto;
  justify-content: space-between;
}

@media (min-width: 1020px) {
  .header__send-request-main {
    height: 100%;
    padding-right: 31px;
  }
}

.header__send-request-cancel {
  font-family: var(--typography-fontFamily-bold);
}

@media (min-width: 1020px) {
  .header__send-request-cancel {
    width: 139px;
    font-size: 16px;
    line-height: 20px;
    min-height: 50px;
  }
}

@media (max-width: 1019.02px) {
  .header__send-request-cancel {
    width: 100%;
    order: 1;
    min-height: 48px;
    font-size: 16px;
    line-height: 20px;
  }
}

.header__send-request-send {
  font-family: var(--typography-fontFamily-bold);
}

@media (min-width: 1020px) {
  .header__send-request-send {
    width: 221px;
    min-height: 50px;
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 1019.02px) {
  .header__send-request-send {
    width: 100%;
    min-height: 48px;
    font-size: 16px;
    line-height: 20px;
  }
}

.header__modal {
  position: fixed;
  display: none;
  flex-direction: column;
  z-index: 30;
  gap: 8px;
}

.header__modal--visible {
  display: flex;
}

@media (min-width: 1020px) {
  .header__modal {
    height: 100%;
    padding: 35px 14px 71px 45px;
    width: 500px;
    top: 0;
    right: 0;
    background: #fff;
  }
}

@media (max-width: 1019.02px) {
  .header__modal {
    height: calc(100% - 32px);
    left: 0;
    top: 57px;
    width: 100%;
    overflow: auto;
    padding: 0;
    gap: 0;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 40px;
  }
}

.header__modal-control {
  cursor: pointer;
  position: absolute;
  top: 31px;
  left: -74px;
  background: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1019.02px) {
  .header__modal-control {
    display: none;
  }
}

.header__modal-title {
  font-size: 28px;
  line-height: 40px;
  color: #000;
  font-family: var(--typography-fontFamily-bold);
}

@media (max-width: 1019.02px) {
  .header__modal-title {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    padding-bottom: 17px;
  }
}

.header__modal-inputs-wrapper {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1019.02px) {
  .header__modal-inputs-wrapper {
    gap: 10px;
  }
}

@media (min-width: 1020px) {
  .header__modal-inputs-wrapper {
    gap: 16px;
  }
}

@media (max-width: 1019.02px) {
  .header__verification-form,
  .header__verification-login-socials,
  .header__verification-info {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.header__modal-file-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 5px;
}

@media (max-width: 1019.02px) {
  .header__modal-file-wrapper {
    gap: 13px;
  }
}

@media (min-width: 1020px) {
  .header__modal-file-wrapper {
    gap: 7px;
  }
}

.header__modal-file {
  display: none;
}

.header__modal-files {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 1020px) {
  .header__modal-files {
    padding-top: 3px;
    padding-bottom: 21px;
  }
}

@media (max-width: 1019.02px) {
  .header__modal-files {
    padding-top: 9px;
    padding-bottom: 12px;
  }
}

.header__modal-file-upload {
  background: #f4f4f5;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 1020px) {
  .header__modal-file-upload {
    padding: 20px 30px 20px 28px;
  }
}

@media (max-width: 1019.02px) {
  .header__modal-file-upload {
    padding: 20px 30px 20px 28px;
  }
}

.header__modal-file-upload:hover {
  background: #e3e3e3;
}

.header__modal-file-upload-wrapper {
  display: flex;
  gap: 16px;
  align-items: center;
}

.header__modal-file-upload-delete {
  cursor: pointer;
  height: 14px;
  position: relative;
  width: 12px;
}

.header__modal-file-upload-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #515151;
}

.header__modal-file-inner {
  cursor: pointer;
  border: 1px dashed #d1d1d1;
  border-radius: 10px;
  padding: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__modal-file-inner:hover {
  background: #f4f4f5;
}

.header__modal-file-inner-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #515151;
}

.header__modal-file-title {
  font-weight: 400;
  font-size: 12px;
  color: #000;
}

@media (min-width: 1020px) {
  .header__modal-file-title {
    line-height: 20px;
  }
}

@media (max-width: 1019.02px) {
  .header__modal-file-title {
    line-height: 16px;
  }
}

.header__verification-form {
  display: flex;
  flex-direction: column;
  gap: 31px;
}

@media (min-width: 1020px) {
  .header__verification-form {
    padding-top: 7px;
  }
}

.header__verification-inputs {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1020px) {
  .header__verification-inputs {
    gap: 17px;
  }
}

@media (max-width: 1019.02px) {
  .header__verification-inputs {
    gap: 11px;
  }
}

.header__modal-item-title {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #000;
}

.header__modal-item-subtitle {
  font-size: 12px;
  line-height: 20px;
  color: #4e9d53;
}

.header__modal-item-subtitle:hover {
  color: #3e825e;
}

.header__modal-form-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border: 1px solid rgba(0, 0, 0, 0);
}

.header__modal-notification {
  display: flex;
  border-radius: 10px;
  background: #fff5e1;
}

@media (min-width: 1020px) {
  .header__modal-notification {
    padding: 20px 28px;
    gap: 12px;
  }
}

@media (max-width: 1019.02px) {
  .header__modal-notification {
    padding: 10px 14px;
    gap: 8px;
  }
}



.header__modal-notification-text {
  font-family: var(--typography-fontFamily-bold);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #515151;
  width: fit-content;
}

.header__modal-item-input {
  background: #f4f4f5;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 100px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #515151;
  border: none;
}

@media (max-width: 1019.02px) {
  .header__modal-item-input {
    padding: 13px 12px;
  }
}

@media (min-width: 1020px) {
  .header__modal-item-input {
    padding: 13px 24px;
  }
}

.header__modal-item-input:focus-visible {
  outline: none;
}

.header__modal-item-textarea {
  background: #f4f4f5;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  border: none;
  resize: none;
}

@media (max-width: 1019.02px) {
  .header__modal-item-textarea {
    padding: 10px 10px 15px 10px;
  }
}

@media (min-width: 1020px) {
  .header__modal-item-textarea {
    padding: 18px 24px;
  }
}

.header__modal-item-select {
  display: flex;
  position: relative;
  justify-content: space-between;
  cursor: pointer;
  background: #f4f4f5;
  border-radius: 100px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #515151;
  border: none;
}

@media (min-width: 1020px) {
  .header__modal-item-select {
    padding: 13px 24px;
  }
}

@media (max-width: 1019.02px) {
  .header__modal-item-select {
    padding: 13px 11px;
    border-radius: 10px;
    flex-direction: column;
  }
}

.header__modal-item-select-heading {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.header__modal-item-select-checkbox {
  display: none;
}

.header__modal-item-select-checkbox:checked
  + label
  > *
  ~ .header__modal-item-select-container {
  display: flex;
}

@media (max-width: 1019.02px) {
  .header__modal-item-select-checkbox:checked
    + label
    > *
    ~ .header__modal-item-select-container {
    position: relative;
    top: 0;
    background: #f4f4f5;
    border-radius: 0px 0px 10px 10px;
  }
}

.header__modal-item-select-checkbox:checked + * span {
  transform: rotate(0deg);
}

.header__modal-item-select-checkbox:not(:checked)
  + label
  > *
  ~ .header__modal-item-select-container {
  display: none;
}

.header__modal-item-select-checkbox:not(:checked) + * span {
  transform: rotate(180deg);
}

.header__modal-item-select-title {
  font-family: var(--typography-fontFamily-bold);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #515151;
}

.header__modal-item-select-container {
  position: absolute;
  left: 0;
  width: 100%;
  flex-direction: column;
  border: 2px solid #f4f4f5;
  border-radius: 10px;
  background-color: #fff;
}

@media (min-width: 1020px) {
  .header__modal-item-select-container {
    top: calc(100% + 5px);
  }
}

@media (max-width: 1019.02px) {
  .header__modal-item-select-container {
    top: 100%;
  }
}

.header__modal-item-select-item {
  font-weight: 400;
  color: #000;
}

@media (min-width: 1020px) {
  .header__modal-item-select-item:first-child {
    padding-bottom: 7px;
    padding-top: 11px;
  }
}

@media (max-width: 1019.02px) {
  .header__modal-item-select-item:first-child {
    padding-top: 11px;
    padding-bottom: 9px;
  }
}

@media (min-width: 1020px) {
  .header__modal-item-select-item:not(:first-child, :last-child) {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

@media (max-width: 1019.02px) {
  .header__modal-item-select-item:not(:first-child, :last-child) {
    padding-bottom: 9px;
    padding-top: 5px;
  }
}

@media (min-width: 1020px) {
  .header__modal-item-select-item:last-child {
    padding-top: 7px;
    padding-bottom: 13px;
  }
}

@media (max-width: 1019.02px) {
  .header__modal-item-select-item:last-child {
    padding-top: 5px;
  }
}

@media (min-width: 1020px) {
  .header__modal-item-select-item {
    font-size: 14px;
    line-height: 20px;
    padding-left: 22px;
    padding-right: 22px;
  }
}

@media (max-width: 1019.02px) {
  .header__modal-item-select-item {
    font-size: 12px;
    line-height: 16px;
  }
}

.header__modal-item-select-item:hover {
  background: #f4f4f5;
}

.header__verification-btns {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1020px) {
  .header__verification-btns {
    gap: 18px;
  }
}

@media (max-width: 1019.02px) {
  .header__verification-btns {
    gap: 10px;
  }
}

.header__verification-btn {
  padding: 14px 20px;
  font-size: 16px;
  line-height: 20px;
  font-family: var(--typography-fontFamily-bold);
}

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

@media (min-width: 1020px) {
  .header__verification-btn-text {
    /*margin-bottom: 58px;*/
    margin-top: 21px;
  }
}

@media (max-width: 1019.02px) {
  .header__verification-btn-text {
    margin-bottom: 25px;
    margin-top: 23px;
  }
}

.header__verification-login-socials {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1020px) {
  .header__verification-login-socials {
    gap: 8px;
    padding-bottom: 56px;
  }
}

@media (max-width: 1019.02px) {
  .header__verification-login-socials {
    gap: 13px;
    padding-bottom: 32px;
  }
}

.header__verification-socials-btn {
  display: flex;
  background: #f4f4f5;
  border-radius: 10px;
  justify-content: center;
  gap: 10px;
  padding: 16px;
  align-items: center;
  border: none;
}

.header__verification-socials-btn-text {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #515151;
}

.header__verification-text {
  color: #000;
  display: flex;
  gap: 3px;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
}

.header__verification-info {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1020px) {
  .header__verification-info {
    gap: 14px;
  }
}

@media (max-width: 1019.02px) {
  .header__verification-info {
    gap: 12px;
    padding-bottom: 15px;
  }
}

.header__verification-registration-form {
  margin-bottom: 22px;
}

@media (min-width: 1020px) {
  .header__verification-registration-form {
    /*margin-top: 6px;*/
  }
}

.header__verification-registratin-text {
  justify-content: center;
}

.header__verification-recoverpass-form {
  overflow: auto;
}

@media (min-width: 1020px) {
  .header__verification-recoverpass-form {
    gap: 17px;
    /*margin-top: 66px;*/
    padding-right: 32px;
  }
}

@media (max-width: 1019.02px) {
  .header__verification-recoverpass-form {
    margin-top: 4px;
    gap: 18px;
  }
}

.header__verification-recoverpass-btn {
  font-family: var(--typography-fontFamily-bold);
  padding-top: 12px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 20px;
}

@media (min-width: 1020px) {
  .header__verification-recoverpass-btn {
    margin-top: 17px;
  }
}

@media (max-width: 1019.02px) {
  .header__verification-recoverpass-btn {
    margin-top: 14px;
  }
}

@media (min-width: 1020px) {
  .header__sliderbar {
    display: none !important;
  }
}

@media (max-width: 1019.02px) {
  .header__sliderbar {
    display: none !important;
  }

  .header__sliderbar--visible {
    display: flex !important;
    position: fixed;
    top: 58px;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 1020px) {
  .products__container {
    padding-top: 135px;
  }
}

@media (max-width: 1019.02px) {
  .products__container {
    padding-top: 57px;
  }
}
@media (min-width: 1020px) {
  .cources__container {
    padding-top: 60px;
  }
}

@media (max-width: 1019.02px) {
  .cources__container {
    padding-top: 20px;
  }
}

.products__list {
  display: grid;
}

@media (min-width: 1020px) {
  .products__list {
    grid-template-columns: repeat(4, 4fr);
    gap: 24px;
    padding-top: 58px;
    padding-bottom: 40px;
  }
}

@media (min-width: 796px) and (max-width: 1019.02px) {
  .products__list {
    grid-template-columns: repeat(3, 31%);
    gap: 16px;
  }
}

@media (max-width: 1019.02px) {
  .products__list {
    padding-top: 13px;
    padding-bottom: 31px;
  }
}

@media (max-width: 795.02px) {
  .products__list {
    grid-template-columns: repeat(2, 48.7%);
    gap: 8px;
  }
}

.products__item {
  background: linear-gradient(98.28deg, #ffffff 1.85%, #ffffff 98.11%);
  border: 2px solid #f4f4f5;
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  display: flex;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}

@media (min-width: 1020px) {
  .products__item {
    min-height: 218px;
    padding: 19px 50px;
    gap: 24px;
  }
}

@media (max-width: 1019.02px) {
  .products__item {
    min-height: 150px;
    padding: 12px;
    gap: 7px;
  }
}

.products__item:hover {
  background: linear-gradient(98.28deg, #4e9d53 1.85%, #3e825e 98.11%);
}

.products__item:hover * ~ .products__item-title {
  color: #fff;
}

.products__item:hover * ~ * .products__item-subtitle,
.products__item:hover .products__item-title {
  color: #fff;
}

.products__item-wrapper {
  position: relative;
}

@media (min-width: 1020px) {
  .products__item-wrapper {
    width: 120px;
    height: 94px;
  }
}

@media (max-width: 1019.02px) {
  .products__item-wrapper {
    width: 100px;
    height: 78px;
  }
}

@media (min-width: 1020px) {
  .products__item-content {
    margin-top: -4px;
  }
}

.products__img {
  width: 100%;
  height: 100%;
}

.products__item-title {
  font-family: var(--typography-fontFamily-bold);
  font-weight: 600;
  text-align: center;
  color: #000;
}

@media (min-width: 1020px) {
  .products__item-title {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (max-width: 1019.02px) {
  .products__item-title {
    font-size: 12px;
    line-height: 16px;
  }
}

.products__item-subtitle {
  font-weight: 600;
  text-align: center;
  color: #000;
}

@media (min-width: 1020px) {
  .products__item-subtitle {
    font-size: 13px;
    line-height: 16px;
  }
}

@media (max-width: 1019.02px) {
  .products__item-subtitle {
    font-size: 9px;
    line-height: 11px;
  }
}

.footer__container {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-top: 29px;
  padding-bottom: 29px;
}

.footer__container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
}

@media (max-width: 1019.02px) {
  .footer__container::before {
    width: calc(100% - 28px);
    margin-left: 14px;
  }
}

@media (max-width: 1019.02px) {
  .footer__container {
    flex-direction: column;
    gap: 18px;
    padding-bottom: 18px;
    padding-top: 18px;
  }
}

.footer__text {
  font-weight: 400;
  text-decoration: none;
  color: #000;
}

@media (min-width: 1020px) {
  .footer__text {
    font-size: 14px;
    line-height: 26px;
  }
}

@media (max-width: 1019.02px) {
  .footer__text {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
  }

  .footer__text:first-child {
    order: 1;
  }
}

.footer__btns {
  display: flex;
  gap: 40px;
}

@media (max-width: 1019.02px) {
  .footer__btns {
    flex-direction: column;
    gap: 18px;
    order: -1;
  }
}

@media (max-width: 1019.02px) {
  .articles__container {
    padding-top: 61px;
    padding-bottom: 31px;
  }
}

@media (min-width: 1020px) {
  .articles__container {
    padding-top: 126px;
    padding-bottom: 40px;
  }
}

.articles__wrapper {
  display: flex;
}

@media (max-width: 1019.02px) {
  .articles__wrapper {
    gap: 25px;
    padding-top: 22px;
  }
}

@media (min-width: 1020px) and (max-width: 1347.02px) {
  .articles__wrapper {
    gap: 30px;
    padding-top: 30px;
  }
}

@media (min-width: 1348px) {
  .articles__wrapper {
    gap: 50px;
    padding-top: 33px;
  }
}

@media (max-width: 795.02px) {
  .articles__content {
    width: 100%;
  }
}

.articles__navigation-mobile {
  display: flex;
  gap: 16px;
  text-decoration: none;
  width: max-content;
}

@media (min-width: 1020px) {
  .articles__navigation-mobile {
    display: none;
  }
}

.articles__navigation-text {
  font-family: var(--typography-fontFamily-bold);
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #000;
}

@media (max-width: 1019.02px) {
  .articles__slidebar-pit {
    display: none;
  }
}

.articles__slidebar {
  border-radius: 10px;
  height: fit-content;
  display: flex;
  flex-direction: column;}

@media (min-width: 1348px) {
  .articles__slidebar {
    width: 400px;
    padding: 14px 18px 16px 30px;
  }
}

@media (min-width: 1020px) and (max-width: 1347.02px) {
  .articles__slidebar {
    padding: 14px 16px 14px 26px;
    width: 330px;
  }
}

@media (min-width: 1020px) {
  .articles__slidebar {
    top: 100px;
    position: sticky;
    border: 2px solid #f4f4f5;
    background: #fff;
    gap: 2px;
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.05);
    max-height: 80vh;
    overflow: auto;
  }
}

@media (max-width: 1019.02px) {
  .articles__slidebar {
    gap: 8px;
    width: 100%;
    overflow: auto;
    padding: 0px 18px 38px 14px;
    height: calc(100% - 57px);
  }
}

.articles__slidebar-item-svg {
  transform: rotate(-90deg);
}

@media (max-width: 1019.02px) {
  .articles__slidebar-item {
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 6px;
  }
}

@media (min-width: 1020px) {
  .articles__slidebar-item {
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.articles__slidebar-item-checkbox {
  display: none;
}

.articles__slidebar-item-checkbox:checked ~ .articles__slidebar-item-content {
  display: flex;
  flex-direction: column;
}

.articles__slidebar-item-checkbox:checked + div > p + svg {
  transform: rotate(0deg);
}

.articles__slidebar-item-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.articles__slidebar-item-title {
  font-family: var(--typography-fontFamily-bold);
  color: #000;
}

.articles__slidebar-item-title--selected {
  color: #4e9d53;
}

@media (max-width: 1019.02px) {
  .articles__slidebar-item-title {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 1020px) and (max-width: 1347.02px) {
  .articles__slidebar-item-title {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (min-width: 1348px) {
  .articles__slidebar-item-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.articles__slidebar-item-subtitle {
  color: #000;
}

@media (max-width: 1019.02px) {
  .articles__slidebar-item-subtitle {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (min-width: 1020px) {
  .articles__slidebar-item-subtitle {
    font-size: 16px;
    line-height: 20px;
  }
}

.articles__slidebar-item-text {
  text-decoration: none;
  font-weight: 400;
  /*color: #000;*/
  cursor: pointer;
}
.articles__slidebar-item-text-black {
  color: #000;
}

@media (max-width: 1019.02px) {
  .articles__slidebar-item-text {
    font-size: 12px;
    line-height: 16px;
    padding-top: 8px;
    padding-bottom: 6px;
  }
}

@media (min-width: 1020px) {
  .articles__slidebar-item-text {
    font-size: 14px;
    line-height: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.articles__slidebar-item-text--selected,
.articles__slidebar-item-text:hover {
  color: #4e9d53;
}

.articles__slidebar-item-content {
  display: none;
}

@media (min-width: 1020px) {
  .articles__slidebar-item-content {
    padding: 9px 0px 0px 24px;
  }
}

@media (max-width: 1019.02px) {
  .articles__slidebar-item-content {
    padding: 16px 0 17px 10px;
    gap: 15px;
  }
}

.articles__title {
  font-weight: var(--typography-fontFamily-bold);
  font-weight: 600;
  color: #000;
}

@media (max-width: 1019.02px) {
  .articles__title {
    font-size: 18px;
    line-height: 22px;
  }
}

@media (min-width: 1020px) and (max-width: 1347.02px) {
  .articles__title {
    font-size: 24px;
    line-height: 27px;
  }
}

@media (min-width: 1348px) {
  .articles__title {
    font-size: 36px;
    line-height: 40px;
  }
}

@media (min-width: 1348px) {
  .articles__list,
  .articles__roster {
    padding-top: 32px;
  }
}

@media (min-width: 1020px) and (max-width: 1347.02px) {
  .articles__list,
  .articles__roster {
    padding-top: 20px;
  }
}

@media (max-width: 1019.02px) {
  .articles__list,
  .articles__roster {
    padding-top: 19px;
  }
}

.articles__list {
  display: grid;
}

@media (max-width: 795.02px) {
  .articles__list {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 1019.02px) {
  .articles__list {
    gap: 8px;
  }
}

@media (min-width: 796px) and (max-width: 1019.02px) {
  .articles__list {
    grid-template-columns: repeat(2, 2fr);
  }
}

@media (min-width: 1020px) {
  .articles__list {
    gap: 24px;
    grid-template-columns: repeat(2, 2fr);
  }
}

.articles__roster {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1020px) {
  .articles__roster {
    gap: 16px;
  }
}

@media (max-width: 1019.02px) {
  .articles__roster {
    gap: 18px;
  }
}

.articles__roster-item {
  text-decoration: none;
  font-weight: 400;
  color: #000;
}

.articles__roster-item:hover {
  color: #3e825e;
}

@media (min-width: 1020px) {
  .articles__roster-item {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 1019.02px) {
  .articles__roster-item {
    font-size: 12px;
    line-height: 16px;
  }
}

.articles__block-item {
  background: #fff;
  border: 2px solid #f4f4f5;
  border-radius: 10px;
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  max-width: 424px;
}

@media (max-width: 795.02px) {
  .articles__block-item {
    max-width: unset;
  }
}

@media (max-width: 1019.02px) {
  .articles__block-item {
    padding: 15px 12px 17px;
    gap: 14px;
  }
}

@media (min-width: 1020px) and (max-width: 1347.02px) {
  .articles__block-item {
    gap: 20px;
    padding: 20px 25px 40px 25px;
  }
}

@media (min-width: 1348px) {
  .articles__block-item {
    padding: 33px 43px 59px 43px;
    gap: 24px;
  }
}

.articles__block-item-title {
  font-weight: 600;
  color: #000;
}

@media (max-width: 1019.02px) {
  .articles__block-item-title {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (min-width: 1020px) and (max-width: 1347.02px) {
  .articles__block-item-title {
    font-size: 18px;
    line-height: 22px;
  }
}

@media (min-width: 1348px) {
  .articles__block-item-title {
    font-size: 28px;
    line-height: 32px;
  }
}

.articles__block-item-content {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1019.02px) {
  .articles__block-item-content {
    gap: 12px;
  }
}

@media (min-width: 1020px) and (max-width: 1347.02px) {
  .articles__block-item-content {
    gap: 10px;
  }
}

@media (min-width: 1348px) {
  .articles__block-item-content {
    gap: 16px;
  }
}

.articles__block-item-content-item {
  font-weight: 400;
  color: #000;
}

@media (max-width: 1019.02px) {
  .articles__block-item-content-item {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (min-width: 1020px) {
  .articles__block-item-content-item {
    font-size: 16px;
    line-height: 20px;
  }
}

.articles__block-item-content-link {
  font-weight: 600;
  color: #4e9d53;
  cursor: pointer;
  text-decoration: none;
}

@media (max-width: 1019.02px) {
  .articles__block-item-content-link {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (min-width: 1020px) {
  .articles__block-item-content-link {
    font-size: 16px;
    line-height: 24px;
  }
}

.articles__page-wrapper {
  max-width: 695px;
}

@media (max-width: 1019.02px) {
  .articles__page-wrapper {
    display: flex;
    flex-direction: column;
    padding-top: 18px;
  }
}

@media (min-width: 1020px) {
  .articles__page-wrapper {
    padding-top: 32px;
  }
}

@media (max-width: 1019.02px) {
  .articles__page-comments {
    padding-bottom: 1px;
  }
}

@media (min-width: 1020px) {
  .articles__page-comments {
    padding-bottom: 323px;
  }
}

.articles__creator {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 1020px) {
  .articles__creator {
    padding-right: 27px;
  }
}

@media (max-width: 1019.02px) {
  .articles__creator {
    flex-direction: column;
    align-items: center;
    order: 2;
    padding-top: 33px;
    gap: 16px;
  }
}

.articles__creator-inner {
  display: flex;
  gap: 11px;
}

.articles__creator-img-wrapper{
    border-radius: 50%;
    overflow: hidden;
}

@media (min-width: 1020px) {
  .articles__creator-img-wrapper {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 1019.02px) {
  .articles__creator-img-wrapper {
    width: 32px;
    height: 32px;
  }
}

.articles__creator-name {
  font-weight: 400;
  font-size: 14px;
  color: #000;
}

.articles__page-btn {
  min-width: 164px;
}

@media (max-width: 1019.02px) {
  .articles__page-btn {
    min-height: 41px;
    font-size: 14px;
    line-height: 20px;
  }
}

.articles__page-btn:hover {
  background: #f7f7f7;
  border: 1px solid rgba(0, 0, 0, 0);
  color: #000;
}

.articles__creator-data {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.articles__create-date {
  display: flex;
  gap: 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #515151;
}

.articles__page-instructions {
  display: flex;
  flex-direction: column;

}

@media (max-width: 1019.02px) {
  .articles__page-instructions {
    order: 1;
    gap: 30px;
    padding-bottom: 32px;
  }
}

@media (min-width: 1020px) {
  .articles__page-instructions {
    padding-top: 30px;
    padding-bottom: 28px;
    gap: 27px;
  }
}

.articles__page-block {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.articles__page-block-text {
  font-weight: 400;
  color: #000;
}

@media (max-width: 1019.02px) {
  .articles__page-block-text {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (min-width: 1020px) {
  .articles__page-block-text {
    font-size: 14px;
    line-height: 20px;
  }
}

.articles__page-block-img-wrapper {
  position: relative;
}

@media (min-width: 1020px) {
  .articles__page-block-img-wrapper {
    min-height: 391px;
  }
}

@media (max-width: 1019.02px) {
  .articles__page-block-img-wrapper {
    min-height: 180px;
  }
}

.articles__page-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.articles__page-file-btn {
  display: flex;
  justify-content: space-between;
  background: #f4f4f5;
  border-radius: 10px;
  align-items: center;
  cursor: pointer;
}

.articles__page-file-btn:hover {
  background: #e3e3e3;
}

@media (max-width: 1019.02px) {
  .articles__page-file-btn {
    order: 3;
    padding: 20px 26px 20px 28px;
  }
}

@media (min-width: 1020px) {
  .articles__page-file-btn {
    padding: 20px 29px 20px 26px;
  }
}

.articles__page-file-btn-content {
  display: flex;
  gap: 13px;
}

.articles__page-file-btn-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #515151;
}

.articles__page-estimation-text {
  font-family: var(--typography-fontFamily-bold);
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #000;
}

.articles__page-estimation {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

@media (max-width: 1019.02px) {
  .articles__page-estimation {
    order: 2;
    padding-top: 23px;
    padding-bottom: 23px;
  }
}

@media (max-width: 1019.02px) {
  .articles__page-comments {
    order: 4;
    padding-top: 23px;
    padding-bottom: 23px;
  }
}

@media (min-width: 1020px) {
  .articles__page-estimation {
    padding-top: 49px;
    padding-bottom: 48px;
  }
}

.articles__page-estimation-btns {
  display: flex;
}

@media (max-width: 1019.02px) {
  .articles__page-estimation-btns {
    flex-direction: column;
    gap: 11px;
  }
}

@media (max-width: 1019.02px) {
  .articles__page-estimation-btns-green {
    width: 100% !important;;
  }

}@media (max-width: 1019.02px) {
  .articles__page-estimation-btns-red {
    width: 100% !important;
    margin-top: 10px !important;;
  }
}

@media (min-width: 1020px) {
  .articles__page-estimation-btns {
    gap: 24px;
  }
}

@media (max-width: 1019.02px) {
  .articles__page-estimation-btn {
    min-height: 49px;
    font-size: 14px;
    line-height: 20px;
  }
}

.articles__page-connect-info {
  display: flex;
  flex-direction: column;
  /*padding-bottom: 24px;*/
}

@media (max-width: 1019.02px) {
  .articles__page-connect-info {
    gap: 12px;
  }
}

@media (min-width: 1020px) {
  .articles__page-connect-info {
    gap: 8px;
  }
}

.articles__page-comments-title {
  font-family: var(--typography-fontFamily-bold);
  color: #000;
}

@media (max-width: 1019.02px) {
  .articles__page-comments-title {
    font-size: 18px;
    line-height: 22px;
  }
}

@media (min-width: 1020px) {
  .articles__page-comments-title {
    font-size: 28px;
    line-height: 40px;
  }
}

.articles__page-comments-count {
  font-size: 14px;
  line-height: 20px;
  color: #000;
}

.articles__page-comments-textbox {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1019.02px) {
  .articles__page-comments-textbox {
    gap: 7px;
  }
}

@media (min-width: 1020px) {
  .articles__page-comments-textbox {
    gap: 12px;
  }
}

.articles__page-comments-input {
  border: none;
  resize: none;
  padding: 18px 23px;
  font-size: 14px;
  line-height: 20px;
  font-family: var(--typography-fontFamily-bold);
  color: #515151;
  min-height: 97px;
  background: #f4f4f5;
  border-radius: 10px;
}

@media (max-width: 1019.02px) {
  .articles__page-comments-input {
    padding: 18px;
  }
}

@media (min-width: 1020px) {
  .articles__page-comments-input {
    padding: 18px 23px;
  }
}

.articles__page-comments-textbox-btn {
  font-family: var(--typography-fontFamily-bold);
  cursor: pointer;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  align-self: end;
  padding-right: 26px;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}

.articles__page-comments-content {
  /*padding-top: 33px;*/
}

.articles__page-comments-item-author {
  display: flex;
  justify-content: space-between;
  padding-bottom: 13px;
}

@media (min-width: 1020px) {
  .articles__page-comments-item-author {
    align-items: center;
  }
}

@media (max-width: 1019.02px) {
  .articles__page-comments-item-author {
    align-items: flex-start;
  }
}

.articles__page-comments-item-author-content {
  display: flex;
}

@media (min-width: 1020px) {
  .articles__page-comments-item-author-content {
    gap: 23px;
  }
}

@media (max-width: 1019.02px) {
  .articles__page-comments-item-author-content {
    gap: 15px;
  }
}

@media (min-width: 1020px) {
  .articles__page-comments-item-img-wrapper {
    width: 40px;
    height: 45px;
  }
}

@media (max-width: 1019.02px) {
  .articles__page-comments-item-img-wrapper {
    width: 32px;
    height: 32px;
  }
}

.articles__page-comments-item-author-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000;
}

.articles__page-comments-item-author-date {
  font-size: 12px;
  line-height: 20px;
  color: #515151;
}

.articles__page-comments-item-author-rating {
  display: flex;
  gap: 3px;
  align-items: center;
}

.articles__page-comments-item-author-rating-btn {
  background-color: rgba(0, 0, 0, 0);
  border: none;
}

.articles__page-commects-item {
  max-width: 758px;
}

.articles__page-commects-item-content {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1020px) {
  .articles__page-commects-item-content {
    gap: 20px;
  }
}

@media (max-width: 1019.02px) {
  .articles__page-commects-item-content {
    gap: 16px;
  }
}

.articles__page-commects-item-text {
  font-weight: 400;
  color: #000;
}

@media (min-width: 1020px) {
  .articles__page-commects-item-text {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 1019.02px) {
  .articles__page-commects-item-text {
    font-size: 12px;
    line-height: 16px;
  }
}

.articles__page-commects-item-btn-answer {
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000;
}

@media (min-width: 1020px) {
  .articles__page-commects-item-btn-answer {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 1019.02px) {
  .articles__page-commects-item-btn-answer {
    font-size: 12px;
    line-height: 16px;
  }
}

.articles__page-commects-item-answers {
  position: relative;
}

@media (min-width: 1020px) {
  .articles__page-commects-item-answers {
    padding-top: 25px;
    padding-left: 63px;
  }
}

@media (max-width: 1019.02px) {
  .articles__page-commects-item-answers {
    padding-left: 25px;
    padding-top: 33px;
  }
}

.articles__page-commects-item-answers-icon {
  position: absolute;
}

@media (min-width: 1020px) {
  .articles__page-commects-item-answers-icon {
    top: 16px;
    left: 26px;
  }
}

@media (max-width: 1019.02px) {
  .articles__page-commects-item-answers-icon {
    top: 9px;
    left: -1px;
  }
}

.search__container {
  padding-bottom: 47px;
}

@media (max-width: 1019.02px) {
  .search__container {
    padding-top: 51px;
  }
}

@media (min-width: 1020px) {
  .search__container {
    padding-top: 126px;
  }
}

.search__title {
  font-family: var(--typography-fontFamily-bold);
  font-weight: 600;
  font-size: 36px;
  line-height: 40px;
  color: #000;
  padding-top: 31px;
}

@media (max-width: 1019.02px) {
  .search__title {
    display: none;
  }
}

@media (min-width: 1020px) {
  .search__panel {
    display: none;
  }
}

.search__list {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1019.02px) {
  .search__list {
    gap: 21px;
    padding-top: 18px;
  }
}

@media (min-width: 1020px) {
  .search__list {
    gap: 24px;
    max-width: 64%;
    padding-top: 33px;
  }
}

.search__item {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1019.02px) {
  .search__item {
    gap: 13px;
  }
}

@media (min-width: 1020px) {
  .search__item {
    gap: 22px;
  }
}

.search__item-title {
  font-weight: 600;
  color: #000;

}
.search__item-title b {
  font-weight: 600;
  color: #000;
  font-family: var(--typography-fontFamily-bold);
}

@media (max-width: 1019.02px) {
  .search__item-title {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (min-width: 1020px) {
  .search__item-title {
    font-size: 18px;
    line-height: 20px;
  }
}

.search__item-text {
  font-weight: 600;
}
.search__item-text b{
  font-family: var(--typography-fontFamily-bold);
}

@media (max-width: 1019.02px) {
  .search__item-text {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (min-width: 1020px) {
  .search__item-text {
    font-size: 14px;
    line-height: 20px;
  }
}

/* End */


/* Start:/local/templates/.default/css/toastr.min.css?16610088776741*/
/*
 * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
 * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
 * make sure you copy the url from the website since the url may change between versions.
 * */
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#4d9c53}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}
/* End */


/* Start:/local/templates/dream_main_single/components/bitrix/search.form/search/style.css?165953781867*/
.search_result_p
{
    padding-top: 5px;
    padding-bottom: 5px;
}
/* End */


/* Start:/local/templates/dream_main_single/styles.css?17737397874719*/
/* Таймлайн */ .listItemNum{ background: black; color: white; border-radius: 100px; width: 20px; height: 20px; text-align: center; float: left; margin-right: 15px; } .listItemText{ padding-bottom: 20px; } .container{ max-width: 1460px; margin-left: auto; margin-right: auto; } .list{ display: flex; flex-direction: column; } .list__item{ position: relative; display: grid; gap: 25px; grid-template-columns: 35px 80%; } .list__item:not(:last-child){ padding-bottom: 70px } .list__item::before{ z-index: -5; content: ''; background: black; height: 100%; position: absolute; left: 17px; top: 0; width: 1px; } .list__item-num{ border-radius: 50%; background: #242424; width: 35px; height: 35px; color: white; display: flex; justify-content: center; align-items: center; } .list__item-content{ display: flex; flex-direction: column; } .list__item-title{ margin-top: 0; margin-bottom: 5px; font-weight: 600; font-size: 20px; line-height: 20px; } .list__item-text{ margin-top: 0; margin-bottom: 0; color: #999999; } .list__item-sublist{ list-style-type: none; padding-inline-start: 0px; margin-top: 5px; margin-bottom: 10px; } .list__item-sublist li::before { content: '-'; padding-right: 5px; } .list__item-link{ color: #2fa7a1; font-size: 16px; line-height: 18px; text-decoration: none; } /* Конец тайм-лайн */ .header__modal-notification { border-radius: 10px; background: #fff5e1; display: grid; grid-template-columns: 20px auto; gap: 15px; align-items: flex-start; } @media (min-width: 1020px) { .header__modal-notification { padding: 20px 28px; } } @media (max-width: 1019.02px) { .header__modal-notification { padding: 10px 14px; gap: 8px; } } .header__modal-notification .header__modal-notification-icon { fill: #fdcf74; } .header__modal-notification--blue { background: #d9edf5; } .header__modal-notification--blue .header__modal-notification-icon { fill: #4285f3; } .header__modal-notification--red { background: #ffe8e4; } .header__modal-notification--red .header__modal-notification-icon { fill: #e04e39; } .header__modal-notification--green { background: #e5f5e6; } .header__modal-notification--green .header__modal-notification-icon { fill: #4e9d53; } .header__modal-notification-icon { width: 27px; height: 20px; } .header__modal-notification-text { font-family: var(--typography-fontFamily-bold); font-weight: 600; font-size: 14px; line-height: 20px; color: #515151; width: fit-content; } .list-tips, .list-tips__wrapper, .list-tips__item-logo{ display: flex; flex-direction: column; } .list-tips__title, .list-tips__item-text{ margin-top: 0; margin-bottom: 0; } .list-tips{ gap: 20px; } .list-tips__title{ font-size: 24px; line-height: 28px; } .list-tips__wrapper{ gap: 20px; } .list-tips__item{ display: grid; grid-template-columns: 35px auto; align-items: center; gap: 20px; } .list-tips__item-logo{ width: 100%; height: 100%; align-items: center; justify-content: center; background: black; color: white; border-radius: 50%; align-self: flex-start; width: 35px; height: 35px; } .list-tips__item-text{ font-size: 18px; line-height: 20px; }&nbsp;/* === KB STEPS === */ .kb-steps{display:flex;flex-direction:column;margin:18px 0;} .kb-steps__item{display:grid;grid-template-columns:28px auto;gap:14px;align-items:flex-start;padding:16px 18px;margin:0 0 16px 0;border:1px solid #e8e8e8;border-radius:14px;background:#fafafa;box-shadow:0 2px 6px rgba(0,0,0,0.04);} .kb-steps__item:last-child{margin-bottom:0;} .kb-steps__num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#00a650;color:#fff;font-weight:700;font-size:14px;line-height:1;box-shadow:0 1px 2px rgba(0,0,0,0.1);} .kb-steps__text{line-height:1.6;} .kb-ui{color:#00a650;font-weight:700;} .kb-icon{display:inline-flex;width:2em;height:2em;margin:0 6px;vertical-align:middle;align-items:center;justify-content:center;background-position:center;background-size:contain;background-repeat:no-repeat;} .kb-note,.kb-warning{display:grid;grid-template-columns:28px auto;gap:12px;align-items:flex-start;margin:16px 0;padding:12px 14px;border-radius:10px;line-height:1.5;} .kb-note{background:#eef6ff;border-left:4px solid #3b82f6;} .kb-warning{background:#fff4f4;border-left:4px solid #ff4d4f;} .kb-note__icon,.kb-warning__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;} .kb-note__icon svg,.kb-warning__icon svg{width:20px;height:20px;} .kb-img{margin:14px 0;} .kb-img img{display:block;max-width:100%;border-radius:10px;} @media (max-width:768px){.kb-steps__item{grid-template-columns:24px auto;gap:12px;padding:12px;margin:0 0 12px 0;} .kb-steps__item:last-child{margin-bottom:0;} .kb-steps__num{width:24px;height:24px;font-size:13px;}}<br>
/* End */
/* /local/templates/.default/css/main.css?170307357355858 */
/* /local/templates/.default/css/toastr.min.css?16610088776741 */
/* /local/templates/dream_main_single/components/bitrix/search.form/search/style.css?165953781867 */
/* /local/templates/dream_main_single/styles.css?17737397874719 */