:root {
  --black: #000;
  --white: #fff;
  --dark: #191919;
  --light: #F4F2F0;
  --grey: #e8e8e8;
  --accent: #FF5317;
  --accent-dark: #ee470d;
  --grey-darl: #e6e4e1;
  --col-1-3: 360px;
  --col-gap: 40px;
  --hovered: #C4C4C4;
}
.splash-slider {
    display: flex!important;
}

.swiper-pagination-bullet {
    outline:none!important;
}
.line-bullets {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 14px 0;
}
.line-bullets .swiper-pagination-bullet {
    height: 4px!important;
    opacity: .5!important;
    width: 10px!important;
    background: #000!important;
    transition: opacity .5s ease, width .5s ease;
    border-radius: 4px!important;
}
.line-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1!important;
    width: 24px!important;
}
.txt {
    margin-bottom:20px;
    line-height: 1.4;
    font-size: 20px;
}
.uc-curient {
    display:none;
}
@media screen and (max-width: 1560px) {
    .t228__list .t-menu__link-item {
        font-size: 14px!important;
    }
}
@media screen and (min-width: 960px) {
    .uc-m-h {
        display:none;
    }
}
@media screen and (max-width: 960px) {
    .uc-top-nav {
        display:none;
    }
}
.btn-main {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  box-sizing-border-box;
  transition: background .5s ease;
  border-radius: 14px;
  padding: 0 26px;
  width: max-content;
  font-family: 'YSText', Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.btn-accent {
  background: var(--accent);
  color: var(--white) !important;
}

.btn-accent:hover {
  background: var(--accent-dark);
}

.toggle-wrapper {
  background: var(--light);
  width: 180px;
  border-radius: 14px;
  margin: 0 auto;
  transition: all .5s ease;
  position: relative;
  height: auto;
  /*max-height: 248px;*/
  overflow: hidden;
  box-sizing: border-box;
}

.toggle-wrapper {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}

.toggle-wrapper.active {
  width: 100%;
  padding: 20px;
}

.btn-tittle {
  position: relative;
  left: 0;
  top: 0;
  background: transparent;
  border-radius: inherit;
  transition: all .5s ease !important;
  z-index: 5;
  width: max-content;
}

.toggle-wrapper.active .btn-tittle {
  /*position: absolute;*/
  left: -26px;
  top: -16px;
}

.toggle-wrapper .more-icon {
  transition: all .5s ease !important;
}

.toggle-wrapper.active .more-icon,
.lg-toggle-wrapper.active .more-icon {
  transform: rotate(45deg);
}

.more-icon {
  -webkit-mask-image: url(https://static.tildacdn.com/tild3530-6439-4237-b865-333631326639/Group_2087324531.svg);
  mask-image: url(https://static.tildacdn.com/tild3530-6439-4237-b865-333631326639/Group_2087324531.svg);
  transition: all .5s ease !important;
}

.hidden-content-wrapper {
  position: relative;
  display: none;
}

.toggle-wrapper.active .hidden-content-wrapper p {
  opacity: 1;
}

.hidden-content-wrapper p {
  font-family: 'YSText', Arial, sans-serif;
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px;
  transition: opacity .5s ease;
  opacity: 0;
}

.hidden-content-wrapper .btn-main {
  margin: 0 auto;
  opacity: 0;
  transition: all .5s ease !important;
}

.toggle-wrapper.active .hidden-content-wrapper .btn-main {
  opacity: 1;
}

/*Большая раскрывашка*/
.uc-lg-scroll .t396__artboard {
  overflow-x: hidden;
  overflow-y: hidden;
  overflow:hidden!important;
}
@media screen and (max-width: 640px) {
    .uc-lg-scroll .t396__artboard {
        overflow:auto!important;
      overflow-x: hidden!important;
      overflow-y: scroll!important;
    }
}
.lg-trigger {
  cursor: pointer;
}

.hidden-zero-content-wrapper {
  display: none;
}

.lg-toggle-wrapper.toggle-wrapper {
  max-width: 100% !important;
  max-height: 100% !important;
  padding-bottom: 0!important;
}

.hidden-zero-content-wrapper {
  width: 100%;
}

/*Верхнее меню*/
.uc-top-nav .t228__list_item {
  padding: 0 10px !important;
}

.uc-top-nav .t228__list_item:first-child {
  padding: 0 10px 0 0 !important;
}

.uc-top-nav .t228__list_item:last-child {
  padding: 0 0 0 10px !important;
}

.uc-top-nav .t-menu__link-item {
  font-size: 20px;
}

.uc-top-nav .t228 .t-btn {
  height: 56px;
  font-size: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 960px) {

  .uc-desk-sl-wr,
  .uc-desc-pug,
  .uc-all,
  .uc-stories,
  .uc-video,
  .uc-articles,
  .uc-post,
  .uc-live {
    display: none !important;
  }
  .uc-video-sm,
  .uc-articles-sm,
  .uc-post-sm {
      border-radius: 21px;
      overflow:hidden;
      box-shadow:0px 0px 10px 0px rgb(0 0 0 / 10%);
  }
  .video-slider.zero-wrapper,
  .articles-slider.zero-wrapper,
  .post-slider.zero-wrapper {
      overflow: visible;
  }
}

@media screen and (min-width: 960px) {

  .uc-mob-pug,
  .uc-sm-wrap,
  .uc-stories-sm,
  .uc-video-sm,
  .uc-articles-sm,
  .uc-post-sm,
  .uc-live-sm {
    display: none !important;
  }
}

@media screen and (max-width: 1200px) {
  .uc-top-nav .t228__list_item {
    padding: 0 8px !important;
  }

  .uc-top-nav .t228__list_item:first-child {
    padding: 0 8px 0 0 !important;
  }

  .uc-top-nav .t228__list_item:last-child {
    padding: 0 0 0 8px !important;
  }

  .uc-top-nav .t-menu__link-item {
    font-size: 18px !important;
  }

  .uc-top-nav .t228__imglogo {
    max-width: 110px !important;
    width: 110px !important;
    min-width: 110px !important;
  }

  .uc-top-nav .t228 .t-btn {
    height: 48px;
    font-size: 18px;
    padding-left: 18px;
    padding-right: 18px;
  }
}

/*Слайдер в мобильном*/
.mobile-slider {
  margin: 0 !important;
  overflow: visible !important;
  max-width: 300px !important;
}

.zero-wrapper,
.toggle-wrapper {
  max-width: 300px !important;
}

@media screen and (max-width: 960px) {
  .uc-sm-wrap .t-width_100 {
    max-width: 620px !important;
    margin: 0 auto !important;
  }
}

@media screen and (max-width: 640px) {
  .uc-sm-wrap .t-width_100 {
    max-width: 460px !important;
    margin: 0 auto !important;
  }
}

@media screen and (max-width: 480px) {
  .uc-sm-wrap .t-width_100 {
    max-width: 300px !important;
    margin: 0 auto !important;
  }
          .download-btn {
            height: 43px!important;
        }
}

/*Иконки пагинации*/
.bullet-icon,
.more-icon {
  width: 21px;
  height: 21px;
  background: var(--black);
  margin: 0 8px 0 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  transition: background .2s ease;
}

/*Иконка 1-й кнопки*/
.main-bullets .swiper-pagination-bullet:nth-child(1) {
  display: none !important;
}

.mobile-bullets .swiper-pagination-bullet:nth-child(1) .bullet-icon,
.main-bullets .swiper-pagination-bullet:nth-child(2) .bullet-icon,
.fake-nav:nth-child(1) .bullet-icon {
  -webkit-mask-image: url(https://static.tildacdn.com/tild3964-3939-4234-b133-373034383831/Union.svg);
  mask-image: url(https://static.tildacdn.com/tild3964-3939-4234-b133-373034383831/Union.svg);
}

/*Иконка 2-й кнопки*/
.mobile-bullets .swiper-pagination-bullet:nth-child(2) .bullet-icon,
.main-bullets .swiper-pagination-bullet:nth-child(3) .bullet-icon,
.fake-nav:nth-child(2) .bullet-icon {
  -webkit-mask-image: url(https://static.tildacdn.com/tild6330-6163-4639-a635-326236393432/Icon.svg);
  mask-image: url(https://static.tildacdn.com/tild6330-6163-4639-a635-326236393432/Icon.svg);
}

/*Иконка 3-й кнопки*/
.mobile-bullets .swiper-pagination-bullet:nth-child(3) .bullet-icon,
.main-bullets .swiper-pagination-bullet:nth-child(4) .bullet-icon,
.fake-nav:nth-child(3) .bullet-icon {
  -webkit-mask-image: url(https://static.tildacdn.com/tild3066-3865-4637-a332-643232646465/a.svg);
  mask-image: url(https://static.tildacdn.com/tild3066-3865-4637-a332-643232646465/a.svg);
}

/*Иконка 4-й кнопки*/
.mobile-bullets .swiper-pagination-bullet:nth-child(4) .bullet-icon,
.main-bullets .swiper-pagination-bullet:nth-child(5) .bullet-icon,
.fake-nav:nth-child(4) .bullet-icon {
  -webkit-mask-image: url(https://static.tildacdn.com/tild6435-3139-4231-b437-313666313064/Vector.svg);
  mask-image: url(https://static.tildacdn.com/tild6435-3139-4231-b437-313666313064/Vector.svg);
}

/*Иконка 5-й кнопки*/
.mobile-bullets .swiper-pagination-bullet:nth-child(5) .bullet-icon,
.main-bullets .swiper-pagination-bullet:nth-child(6) .bullet-icon,
.fake-nav:nth-child(5) .bullet-icon {
  -webkit-mask-image: url(https://static.tildacdn.com/tild6132-3038-4437-b663-663434653736/Group_2087324439.svg);
  mask-image: url(https://static.tildacdn.com/tild6132-3038-4437-b663-663434653736/Group_2087324439.svg);
}

/*Навигация по типам контента*/
.fake-nav-wrapper,
.partition-pagination.main-bullets,
.mobile-pagination.mobile-bullets {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}

.fake-nav,
.partition-pagination.main-bullets .swiper-pagination-bullet,
.mobile-pagination.mobile-bullets .swiper-pagination-bullet,
.last-pagination.mobile-bullets .swiper-pagination-bullet {
  position: relative;
  width: auto;
  height: auto;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  box-sizing: border-box;
  background: var(--light);
  font-family: 'YSText';
  opacity: 1;
  color: var(--black);
  transition: background .5s ease, color .5s ease;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  z-index: 10;
  margin: 4px !important;
}

.fake-nav:hover,
.main-btn:hover {
  background: var(--grey-darl);
}

.fake-nav.active,
.partition-pagination.main-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.mobile-pagination.mobile-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.last-pagination.mobile-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--black);
  color: var(--white);
}

.fake-nav.active .bullet-icon,
.partition-pagination.main-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .bullet-icon,
.mobile-pagination.mobile-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .bullet-icon,
.last-pagination.mobile-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .bullet-icon {
  background: var(--white);
}

@media screen and (max-width: 960px) {

  .fake-nav:hover,
  .main-btn:hover {
    background: var(--light);
  }
}

@media screen and (max-width: 480px) {

  .fake-nav,
  .main-btn,
  .mobile-pagination.mobile-bullets .swiper-pagination-bullet {
    font-size: 14px;
    padding: 10px 12px;
  }

  .bullet-icon {
    width: 16px;
    height: 16px;
    margin: 0 6px 0 0;
  }
}

/*Слайдер - Уже в Дзене*/
.blogger-slider.swiper-container {
  position: absolute;
  display: block;
  margin: 0 !important;
  overflow: hidden !important;
}

.swiper-wrapper {
  display: flex !important;
}

.bloger-item .avatar {
  overflow: hidden;
  border-radius: 50%;
}

.bloger-item .avatar .tn-atom {
  transition: all .5s ease;
}

.bloger-item:hover .avatar .tn-atom {
  transform: scale(1.25);
}

.bloger-item .name .tn-atom {
  transition: all .5s ease;
}

.bloger-item:hover .name .tn-atom {
  color: var(--accent) !important;
}

@media screen and (max-width: 960px) {
  .blogger-slider.swiper-container {
    overflow: visible !important;
  }
  .bloger-item:hover .name .tn-atom {
    color: var(--black) !important;
  }
  .bloger-item:hover .avatar .tn-atom {
    transform: scale(1);
  }
}

/*FAQ аккордеон*/
.uc-faq .t668__col,
.uc-faq .t668__accordion {
  border-radius: 21px;
  overflow: hidden;
}

.uc-faq .t668__circle {
  width: 18px !important;
  height: 18px !important;
  position: relative !important;
  border-radius: 0 !important;
  transform: rotate(45deg);
  border: 4px solid;
  border-left: 0 !important;
  border-top: 0 !important;
  box-sizing: border-box;
  background-color: transparent !important;
  transition: transform .5s ease;
}

.uc-faq .t668__lines,
.uc-faq .t668__icon-hover {
  display: none !important;
}

.uc-faq .t668__icon {
  opacity: 1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
}

.uc-faq .t668__opened .t668__circle {
  transform: rotate(225deg);
}

.uc-faq .t-name_xl {
  font-size: 26px;
}

.uc-faq .t-descr_xs {
  font-size: 20px;
}

@media screen and (max-width: 960px) {
  .uc-faq .t-name_xl {
    font-size: 24px;
  }

  .uc-faq .t-descr_xs {
    font-size: 18px;
  }
}

@media screen and (max-width: 640px) {
  .uc-faq .t-container,
  .uc-more-lg .t-container {
      max-width: 500px;
  }
  .uc-faq .t-name_xl {
    font-size: 18px;
  }

  .uc-faq .t-descr_xs {
    font-size: 14px;
  }

  .uc-faq .t668__circle {
    width: 14px !important;
    height: 14px !important;
  }

  .uc-faq .t668__header {
    padding: 16px !important;
  }

  .uc-faq .t668__content {
    padding: 0 16px 16px !important;
  }

  .uc-faq .t668__circle {
    border: 3px solid;
  }
}
@media screen and (max-width: 480px) {
  .uc-faq .t-container,
  .uc-more-lg .t-container {
      max-width: 340px;
  }
}
/*Меню в футере*/
.footer-nav-item .tn-atom {
  transition: opacity .5s ease;
}

.footer-nav-item .tn-atom:hover {
  opacity: .5;
}

/*Социальные сети*/
.footer-tg .tn-atom,
.footer-vk .tn-atom,
.footer-tw .tn-atom {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  transition: background .5s ease;
}

.footer-tg .tn-atom:hover,
.footer-vk .tn-atom:hover,
.footer-tw .tn-atom:hover {
  background-color: var(--black) !important;
}

.footer-tg .tn-atom {
  -webkit-mask-image: url(https://static.tildacdn.com/tild6563-6636-4164-b034-623965376466/Vector.svg);
  mask-image: url(https://static.tildacdn.com/tild6563-6636-4164-b034-623965376466/Vector.svg);
}

.footer-vk .tn-atom {
  -webkit-mask-image: url(https://static.tildacdn.com/tild6230-3766-4534-b832-326634306538/Vector-1.svg);
  mask-image: url(https://static.tildacdn.com/tild6230-3766-4534-b832-326634306538/Vector-1.svg);
}

.footer-tw .tn-atom {
  -webkit-mask-image: url(https://static.tildacdn.com/tild6332-3634-4365-b937-646363643830/Subtract.svg);
  mask-image: url(https://static.tildacdn.com/tild6332-3634-4365-b937-646363643830/Subtract.svg);
}

/*Страница 2*/
.ratio-9-16 {
  padding-bottom: calc((100% / 9) * 16)
}

.cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.read-more {
  width: max-content;
  height: 56px;
  padding: 0 20px;
  box-sizing: border-box;
  transition: background .5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 14px;
  background: #F4F2F0;
  cursor: pointer;
  font-size: 20px;
}

.read-more .icon-wrapper {
  width: 21px;
  height: 21px;
  box-sizing: border-box;
  border-radius: 50%;
  border: solid .125rem #000;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.read-more .icon-wrapper::before,
.read-more .icon-wrapper::after {
  content: '';
  height: .125rem;
  width: 60%;
  padding: 0 20%;
  background: #000;
  box-sizing: border-box;
}

.read-more .icon-wrapper::after {
  position: absolute;
  transform: rotate(90deg);
  transition: transform .5s ease;
}

.read-more.active .icon-wrapper::after {
  transform: rotate(180deg);
}

.with-side {
  font-family: 'YSText', Arial, sans-serif;
}

.with-side {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
}

.side-nav {
  width: var(--col-1-3);
  box-sizing: border-box;
  margin-right: var(--col-gap);
}

.sticky-wrapper {
  position: sticky;
  top: 20px;
}

.sticker {
  text-align: center;
  margin-bottom: 20px;
}

.sticker img {
  width: 60%;
}

.nvbar {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  height: calc(100vh - 100px);
}

.nvbar li {
  margin-bottom: 12px;
}

.link-item {
  width: max-content;
  border-radius: 30px;
  background: #F4F2F0;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #000 !important;
  font-family: 'YSText', Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  transition: background .5s ease, color .5s ease;
}

.link-item:hover,
.link-item.active {
  background: #000;
  color: #fff !important;
}

.content-wrapper {
  width: calc(100% - (var(--col-1-3) + var(--col-gap)));
  box-sizing: border-box;
}

.content-item {
  margin-bottom: 60px;
}

.mobile-title {
  display: none;
}

.item-content-wrapper {
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.video-wrapper {
  position: relative;
  width: var(--col-1-3);
  margin-right: var(--col-gap);
  border-radius: 21px;
  overflow: hidden;
  height: max-content;
}

.media-wrapper,
video,
.media-wrapper img {
  border-radius: 21px;
  overflow: hidden;
}

.content-item:nth-child(even) .video-wrapper {
  margin-left: var(--col-gap);
  margin-right: 0;
}

.txt-wrapper {
  position: relative;
  width: var(--col-1-3);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.txt-wrapper h3 {
  font-weight: 400;
  font-size: 34px;
  line-height: 120%;
  margin-bottom: 20px;
}

.more-wrapper {
  width: 100%;
}

.sub-tittle {
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  margin-bottom: 20px;
}

.txt-wrapper ul {
  padding-left: 1.5rem;
  font-size: 20px;
}

.txt-wrapper ul li {
  margin-bottom: 20px;
}

.more-wrapper {
  display: none;
}

.play {
  position: absolute;
  z-index: 10;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: #e2e2e2cc;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity .5s ease;
}

.play:hover {
  opacity: .5;
}

.icon-play {
  width: 40%;
  height: 40%;
  background: #000;
  display: flex;
  margin-left: 10%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url(https://static.tildacdn.com/tild3836-3338-4264-b563-336130613635/Rectangle_36601.svg);
  mask-image: url(https://static.tildacdn.com/tild3836-3338-4264-b563-336130613635/Rectangle_36601.svg);
}

@media screen and (max-width: 1200px) {
  :root {
    --col-1-3: 300px;
    --col-gap: 20px;
  }

  .with-side {
    width: 980px;
  }

  .txt-wrapper h3 {
    font-size: 28px;
  }

  .sub-tittle,
  .txt-wrapper ul {
    font-size: 18px;
  }

  .play {
    width: 54px;
    height: 54px;
  }
}

@media screen and (max-width: 960px) {
  .content-wrapper {
    width: 100%;
  }

  .with-side {
    width: 680px;
  }

  .side-nav {
    display: none;
  }

  .content-wrapper {
    margin: 0 auto;
  }

  .content-toggle-wrapper {
    display: none;
    margin-bottom: 60px;
  }

  .item-content-wrapper {
    margin-top: 40px;
  }

  .content-item {
    margin-bottom: 0;
  }

  .mobile-title {
    display: flex;
    align-items: center;
    background: #F4F4F4;
    color: #000;
    padding: 24px 16px;
    box-sizing: border-box;
    border-radius: 22px;
    margin-bottom: 4px;
    transition: background .5s ease, color .5s ease;
  }

  .toggle-title {
    width: calc(100% - 24px);
    display: flex;
    line-height: 120%;
    font-weight: 500;
    font-size: 20px;
  }

  .arrow {
    width: 24px;
    height: 24px;
    position: relative;
  }

  .arrow::before {
    content: '';
    width: 16px;
    box-sizing: border-box;
    border: 3px solid #000;
    border-left: 0;
    border-top: 0;
    height: 16px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    transform: rotate(45deg);
    transition: all .5s ease;
  }

  .content-item.opened .mobile-title {
    background: #000;
    color: #fff;
  }

  .content-item.opened .arrow::before {
    transform: rotate(225deg);
    border-color: #fff;
    top: 8px;
  }
}

@media screen and (max-width: 640px) {
  .with-side {
    width: 500px;
  }

  .item-content-wrapper {
    justify-content: center;
  }

  .txt-wrapper {
    width: 100%;
    justify-content: center;
    order: 1;
  }

  .read-more {
    height: 48px;
    font-size: 16px;
  }

  .read-more .icon-wrapper {
    width: 18px;
    height: 18px;
  }

  .txt-wrapper h3 {
    font-size: 24px;
    text-align: center;
    margin-top: 20px;
  }
  .video-wrapper {
    margin-right: 0;
    order: 0;
  }

  .content-item:nth-child(even) .video-wrapper {
    margin-left: 0;
  }
}

@media screen and (max-width: 480px) {
  .with-side {
    width: 320px;
    padding: 0 10px;
  }

  .item-content-wrapper {
    margin-top: 20px;
  }

  .sub-tittle, .txt-wrapper ul {
    font-size: 16px;
  }

  .txt-wrapper ul li {
    margin-bottom: 12px;
  }

  .mobile-title {
    padding: 16px;
  }

  .toggle-title {
    font-size: 16px;
  }

  .txt-wrapper h3 {
    font-size: 20px;
  }

  .arrow::before {
    width: 14px;
    height: 14px;
  }

  .content-item.opened .arrow::before {
    top: 7px;
  }
}