@charset "UTF-8";

:root {
  --bіliy: #fff;
  --korichneviy: #dc9650;
  --sinіy: #3796db;
  --blakitniy: #80b9e6;
  --svіtlo-korichneviy-fon: #f8d8ae;
  --chorniy: #111;
  --sіriy-dlya-tekstu: #4e4e50;
  --zhovtiy: #f9c625;
  --svіtliy-fon-2: #fef8e7;
  --color-1: #dc9650;
  --font-family: "Noto Sans", sans-serif;
  --second-family: "Loopiejuice", sans-serif;
  --third-family: "Montserrat", sans-serif;
  --font3: "Mulish", sans-serif;
  --font4: "Roboto", sans-serif;
}

.preheader {
  background: rgba(248, 216, 174, 0.7);
  padding-top: 46px;
}
@media (max-width: 768px) {
  .preheader {
    padding-top: 44px;
  }
}

.page-title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 60px;
  line-height: 110%;
  text-align: center;
  color: var(--korichneviy);
  margin: 0 auto;
  margin-bottom: 40px;
  width: 100%;
  max-width: 1027px;
}
@media (max-width: 768px) {
  .page-title {
    font-size: 34px;
    margin-bottom: 36px;
  }
}

.breadcrumbs {
  position: relative;
  padding: 8px 34px;
  padding-left: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.breadcrumbs::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: "";
  background: var(--svіtliy-fon-2);
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100%;
  border-radius: 10px 10px 0 0;
}
.breadcrumbs span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 5;
  margin-left: 4px;
  margin-right: 4px;
}
.breadcrumbs span:first-child {
  margin-left: 0;
}
.breadcrumbs span:last-child {
  margin-right: 0;
}
.breadcrumbs {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: var(--korichneviy);
}
.breadcrumbs a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: var(--korichneviy);
}
.breadcrumbs .breadcrumb_last {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: rgba(78, 78, 80, 0.5);
}
@media (max-width: 768px) {
  .breadcrumbs {
    padding-right: 16px;
    font-size: 12px;
  }
  .breadcrumbs a {
    font-size: 12px;
  }
  .breadcrumbs .breadcrumb_last {
    font-size: 12px;
  }
}

.page-blog-wrap {
  padding-top: clamp(35px, 6.667vw, 70px);
  padding-bottom: 30px;
}

.blog-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  padding-bottom: 60px;
}
@media (max-width: 992px) {
  .blog-list {
    -ms-grid-columns: 1fr 35px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
  }
}
@media (max-width: 768px) {
  .blog-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 35px;
    padding-bottom: 35px;
  }
}

.blog-caard {
  background: var(--svіtliy-fon-2);
  border-radius: 0 0 10px 10px;
}
.blog-caard__top {
  aspect-ratio: 20/11;
  position: relative;
  overflow: hidden;
}
.blog-caard__top::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: -2px;
  /* background-image: url(../img/b-hm.png); */
  background-image: url(/wp-content/themes/fls-theme/assets/img/b-hm.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 24px;
  z-index: 2;
}
.blog-caard__image {
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  position: relative;
}
.blog-caard__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
.blog-caard__image:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.blog-caard__content {
  padding: 25px 30px;
}
.blog-caard__title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 125%;
  color: var(--sіriy-dlya-tekstu);
  margin-bottom: 20px;
}
.blog-caard__title:hover a {
  text-decoration: underline;
}
.blog-caard__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: var(--sіriy-dlya-tekstu);
  margin-bottom: 20px;
}
.blog-caard__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.blog-caard__author {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: rgba(78, 78, 80, 0.6);
}
.blog-caard__author span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: var(--korichneviy);
}
.blog-caard__author a:hover {
  text-decoration: underline;
}
.blog-caard__date {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: rgba(78, 78, 80, 0.6);
}
@media (max-width: 768px) {
  .blog-caard__top {
    aspect-ratio: 343/188;
  }
  .blog-caard__content {
    padding: 15px 18px 25px 18px;
  }
  .blog-caard__title {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .blog-caard__text {
    margin-bottom: 15px;
  }
  .blog-caard__bottom {
    gap: 6px;
  }
}

.article-page {
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 110px;
}
@media (max-width: 1200px) {
  .article-page {
    gap: 40px;
  }
}
.article-page__content {
  width: 100%;
}
.article-page__sidebar {
  min-width: 370px;
  max-width: 370px;
}
@media (max-width: 992px) {
  .article-page__sidebar {
    display: none;
  }
}
@media (max-width: 768px) {
  .article-page {
    padding-bottom: 20px;
  }
}

.article-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  margin-bottom: 43px;
}

.a-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0px, 0.667vw, 10px);
}
.a-author__avatar {
  border: 1px solid var(--korichneviy);
  border-radius: 50px;
  min-width: clamp(60px, 8.267vw, 64px);
  max-width: clamp(60px, 8.267vw, 64px);
  height: clamp(60px, 8.267vw, 64px);
  position: relative;
  overflow: hidden;
}
.a-author__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
}
.a-author__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 3px;
}
.a-author__name {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: var(--korichneviy);
}

.read-time {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: var(--sіriy-dlya-tekstu);
}

.publication-date {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: rgba(78, 78, 80, 0.6);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.publication-date span{
    display: inline-flex;
    margin-left: 4px;
}
@media (max-width: 576px) {
  .publication-date {
    max-width: 105px;
  }
  .publication-date span{
    margin-left: 0;
  }
}

.article-content {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: var(--sіriy-dlya-tekstu);
}
.article-content h2 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: clamp(28px, 4.8vw, 44px);
  line-height: 125%;
  color: var(--korichneviy);
  margin-top: 40px;
  margin-bottom: clamp(25px, 3.6vw, 30px);
}
.article-content h3 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: clamp(22px, 3.733vw, 34px);
  line-height: 125%;
  color: #3796db;
  margin-top: 40px;
  margin-bottom: clamp(25px, 3.6vw, 30px);
}
.article-content h4 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: clamp(24px, 4.8vw, 38px);
  line-height: 125%;
  color: var(--korichneviy);
  margin-top: 40px;
  margin-bottom: clamp(25px, 3.6vw, 30px);
}
.article-content img {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 30px;
  margin-top: 30px;
  display: block;
}
.article-content p {
  margin-top: 15px;
  margin-bottom: 15px;
}
.article-content ul {
  padding-left: 32px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.article-content ul li {
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
}
.article-content ul li::before {
  content: "";
  position: absolute;
  min-width: 8px;
  max-width: 8px;
  height: 8px;
  border-radius: 100px;
  background-color: var(--korichneviy);
  left: -18px;
  top: 8px;
}
.article-content ol {
  list-style-type: decimal;
  padding-left: 32px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.article-content ol li {
  margin-top: 15px;
  margin-bottom: 15px;
}
.article-content ol li::marker {
  color: var(--korichneviy);
  font-weight: 500;
}
@media (max-width: 768px) {
  .article-content {
    font-size: 14px;
  }
  .article-content ul {
    padding-left: 17px;
  }
  .article-content ul li {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .article-content ul li::before {
    min-width: 7px;
    max-width: 7px;
    height: 7px;
    left: -17px;
  }
  .article-content ol {
    padding-left: 17px;
  }
  .article-content ol li {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.quote_text {
  margin-top: 30px;
  margin-bottom: 30px;
  background: var(--svіtliy-fon-2);
  border-radius: 10px;
  padding: 30px 80px;
  font-size: 16px;
  position: relative;
}
.quote_text p {
  margin: 0;
}
.quote_text::before {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_552_441)'%3E%3Cpath d='M7.63833 28.8683C5.92167 27.045 5 25 5 21.685C5 15.8517 9.095 10.6233 15.05 8.03833L16.5383 10.335C10.98 13.3417 9.89333 17.2433 9.46 19.7033C10.355 19.24 11.5267 19.0783 12.675 19.185C15.6817 19.4633 18.0517 21.9317 18.0517 25C18.0517 26.5471 17.4371 28.0308 16.3431 29.1248C15.2492 30.2188 13.7654 30.8333 12.2183 30.8333C11.3627 30.8259 10.5172 30.6484 9.73088 30.3111C8.94458 29.9737 8.23325 29.4833 7.63833 28.8683ZM24.305 28.8683C22.5883 27.045 21.6667 25 21.6667 21.685C21.6667 15.8517 25.7617 10.6233 31.7167 8.03833L33.205 10.335C27.6467 13.3417 26.56 17.2433 26.1267 19.7033C27.0217 19.24 28.1933 19.0783 29.3417 19.185C32.3483 19.4633 34.7183 21.9317 34.7183 25C34.7183 26.5471 34.1038 28.0308 33.0098 29.1248C31.9158 30.2188 30.4321 30.8333 28.885 30.8333C28.0294 30.8259 27.1838 30.6484 26.3975 30.3111C25.6112 29.9737 24.8999 29.4833 24.305 28.8683Z' fill='%23F8D8AE' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_552_441'%3E%3Crect width='40' height='40' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  content: "";
  position: absolute;
  left: 15px;
  top: 15px;
  width: 40px;
  height: 40px;
}
.quote_text::after {
  content: "";
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.3617 11.1317C34.0783 12.955 35 15 35 18.315C35 24.1483 30.905 29.3767 24.95 31.9617L23.4617 29.665C29.02 26.6583 30.1067 22.7567 30.54 20.2967C29.645 20.76 28.4733 20.9217 27.325 20.815C24.3183 20.5367 21.9483 18.0683 21.9483 15C21.9483 13.4529 22.5629 11.9692 23.6569 10.8752C24.7508 9.78125 26.2346 9.16667 27.7817 9.16667C28.6373 9.17406 29.4828 9.35159 30.2691 9.68895C31.0554 10.0263 31.7667 10.5167 32.3617 11.1317ZM15.695 11.1317C17.4117 12.955 18.3333 15 18.3333 18.315C18.3333 24.1483 14.2383 29.3767 8.28333 31.9617L6.795 29.665C12.3533 26.6583 13.44 22.7567 13.8733 20.2967C12.9783 20.76 11.8067 20.9217 10.6583 20.815C7.65167 20.5367 5.28167 18.0683 5.28167 15C5.28167 13.4529 5.89625 11.9692 6.99021 10.8752C8.08417 9.78125 9.56791 9.16667 11.115 9.16667C11.9706 9.17406 12.8162 9.35159 13.6025 9.68895C14.3888 10.0263 15.1001 10.5167 15.695 11.1317Z' fill='%23F8D8AE' /%3E%3C/svg%3E");
}
@media (max-width: 768px) {
  .quote_text {
    padding: 65px 25px;
    font-size: 14px;
  }
  .quote_text::before {
    width: 35px;
    height: 35px;
  }
  .quote_text::after {
    width: 35px;
    height: 35px;
  }
}

.light_text {
  background: #E6F1FA;
  border-radius: 10px;
  padding: 30px 23px 30px 30px;
  position: relative;
  margin-left: 115px;
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.light_text p {
  margin: 0;
}
.light_text::before {
  display: block;
  content: "";
  position: absolute;
  left: -115px;
  top: 0;
  height: 100%;
  min-width: 108px;
  max-width: 108px;
  background-color: #FEF8E7;
  border-radius: 10px;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.504 24.98C33.936 29.71 30.838 31.6 29.5 32.972C28.16 34.348 28.4 34.622 28.49 36.64C28.505 36.8896 28.4688 37.1398 28.3834 37.3749C28.2981 37.61 28.1656 37.8252 27.9939 38.0071C27.8223 38.189 27.6152 38.3339 27.3855 38.4328C27.1557 38.5317 26.9081 38.5824 26.658 38.582H21.342C21.0921 38.5815 20.8448 38.5302 20.6154 38.431C20.3859 38.3319 20.1791 38.187 20.0074 38.0053C19.8358 37.8236 19.703 37.6088 19.6172 37.3741C19.5313 37.1393 19.4942 36.8895 19.508 36.64C19.508 34.66 19.692 34.2 18.5 32.972C16.98 31.452 13.404 29.306 13.404 23.404C13.3949 21.938 13.6896 20.486 14.2694 19.1395C14.8493 17.793 15.7019 16.5813 16.7733 15.5807C17.8448 14.58 19.1119 13.8122 20.4948 13.3256C21.8777 12.839 23.3464 12.6442 24.8084 12.7534C26.2703 12.8626 27.6938 13.2734 28.9891 13.9601C30.2844 14.6467 31.4234 15.5943 32.3343 16.743C33.2452 17.8916 33.9083 19.2166 34.2817 20.6343C34.6551 22.0519 34.7308 23.5316 34.504 24.98Z' fill='%23E6F1FA' stroke='%2380B9E6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M20.9199 38.4719V41.4959C20.9199 42.3219 21.3799 42.9999 21.9459 42.9999H26.0519C26.6219 42.9999 27.0799 42.3199 27.0799 41.4959V38.4719M22.4399 17.3919C21.259 17.3924 20.1266 17.8619 19.2918 18.6972C18.4569 19.5324 17.9879 20.665 17.9879 21.8459M38.6639 23.8079H42.3319H38.6639ZM34.9719 11.7839L37.5739 9.18191L34.9719 11.7839ZM36.9719 33.9999L39.5739 36.5999L36.9719 33.9999ZM23.9999 4.75391V7.71991V4.75391ZM10.4799 9.17991L13.0639 11.7839L10.4799 9.17991ZM8.47992 36.5999L11.0639 33.9999L8.47992 36.5999ZM9.33592 23.8079H5.66992H9.33592Z' fill='%2380B9E6' /%3E%3Cpath d='M20.9199 38.4719V41.4959C20.9199 42.3219 21.3799 42.9999 21.9459 42.9999H26.0519C26.6219 42.9999 27.0799 42.3199 27.0799 41.4959V38.4719M22.4399 17.3919C21.259 17.3924 20.1266 17.8619 19.2918 18.6972C18.4569 19.5324 17.9879 20.665 17.9879 21.8459M38.6639 23.8079H42.3319M34.9719 11.7839L37.5739 9.18191M36.9719 33.9999L39.5739 36.5999M23.9999 4.75391V7.71991M10.4799 9.17991L13.0639 11.7839M8.47992 36.5999L11.0639 33.9999M9.33592 23.8079H5.66992' stroke='%2380B9E6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center left 24px;
  background-size: 48px;
}
.light_text::after {
  display: block;
  position: absolute;
  left: -26px;
  top: calc(50% - 20px);
  z-index: -1;
  content: "";
  width: 40px;
  height: 40px;
  background-color: #E6F1FA;
  border-radius: 100px;
  border: 6px solid #fff;
}
@media (max-width: 768px) {
  .light_text {
    padding: 25px 20px 40px 20px;
    margin-left: 0px;
    font-size: 14px;
    margin-top: 109px;
  }
  .light_text::before {
    left: 0;
    top: -79px;
    height: 76px;
    min-width: 90px;
    max-width: 90px;
    border-radius: 10px;
    background-position: top 14px center;
    background-size: 40px;
  }
  .light_text::after {
    left: 31px;
    top: -18px;
    width: 29px;
    height: 29px;
    border: 4px solid #fff;
  }
}

.exclamation_text {
  font-size: 16px;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 30px;
  padding: 40px 70px 30px 70px;
  background: var(--svіtliy-fon-2);
  border: 1px dashed var(--korichneviy);
  border-radius: 8px;
  position: relative;
}
.exclamation_text::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  border-radius: 100px;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='29.5' fill='%23FEF8E7' stroke='%23DC9650' stroke-dasharray='2 2' /%3E%3Ccircle cx='29.5' cy='29.5' r='21.5' fill='%23DC9650' /%3E%3Cpath d='M31.9251 42.7251C32.4417 42.2067 32.7 41.565 32.7 40.8C32.7 40.035 32.4408 39.3942 31.9224 38.8776C31.404 38.361 30.7632 38.1018 30 38.1C29.2368 38.0982 28.596 38.3574 28.0776 38.8776C27.5592 39.3978 27.3 40.0386 27.3 40.8C27.3 41.5614 27.5592 42.2031 28.0776 42.7251C28.596 43.2471 29.2368 43.5054 30 43.5C30.7632 43.4946 31.4049 43.2381 31.9251 42.7251ZM31.9251 31.9224C32.4417 31.4058 32.7 30.765 32.7 30V19.2C32.7 18.435 32.4408 17.7942 31.9224 17.2776C31.404 16.761 30.7632 16.5018 30 16.5C29.2368 16.4982 28.596 16.7574 28.0776 17.2776C27.5592 17.7978 27.3 18.4386 27.3 19.2V30C27.3 30.765 27.5592 31.4067 28.0776 31.9251C28.596 32.4435 29.2368 32.7018 30 32.7C30.7632 32.6982 31.4049 32.439 31.9251 31.9224ZM30 57C26.265 57 22.755 56.2908 19.47 54.8724C16.185 53.454 13.3275 51.5307 10.8975 49.1025C8.4675 46.6743 6.5442 43.8168 5.1276 40.53C3.711 37.2432 3.0018 33.7332 3 30C2.9982 26.2668 3.7074 22.7568 5.1276 19.47C6.5478 16.1832 8.4711 13.3257 10.8975 10.8975C13.3239 8.4693 16.1814 6.546 19.47 5.1276C22.7586 3.7092 26.2686 3 30 3C33.7314 3 37.2414 3.7092 40.53 5.1276C43.8186 6.546 46.6761 8.4693 49.1025 10.8975C51.5289 13.3257 53.4531 16.1832 54.8751 19.47C56.2971 22.7568 57.0054 26.2668 57 30C56.9946 33.7332 56.2854 37.2432 54.8724 40.53C53.4594 43.8168 51.5361 46.6743 49.1025 49.1025C46.6689 51.5307 43.8114 53.4549 40.53 54.8751C37.2486 56.2953 33.7386 57.0036 30 57Z' fill='%23FEF8E7' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.exclamation_text p {
  margin: 0px;
}
@media (max-width: 768px) {
  .exclamation_text {
    font-size: 14px;
    text-align: left;
    padding: 45px 25px 25px 25px;
  }
}

.question_text {
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #EBF4FB;
  padding: 30px 30px 30px 60px;
  border-radius: 10px;
  margin-left: 33px;
  position: relative;
}
.question_text p {
  margin: 0;
}
.question_text::before {
  display: block;
  content: "";
  position: absolute;
  width: 64px;
  height: 64px;
  left: -32px;
  top: calc(50% - 32px);
  background: var(--blakitniy);
  border-radius: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='26' viewBox='0 0 19 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.18874 0C5.0315 0 2.33884 1.6607 0.224832 4.62241C-0.158658 5.15968 -0.0404285 5.89631 0.494519 6.2918L2.74129 7.9528C3.28155 8.35219 4.05025 8.25881 4.47322 7.74216C5.77785 6.14859 6.74561 5.23108 8.78348 5.23108C10.3858 5.23108 12.3676 6.2365 12.3676 7.7514C12.3676 8.89662 11.398 9.48477 9.81593 10.3496C7.97098 11.3581 5.52952 12.6132 5.52952 15.753V16.25C5.52952 16.9231 6.08916 17.4688 6.77952 17.4688H10.5541C11.2444 17.4688 11.8041 16.9231 11.8041 16.25V15.9568C11.8041 13.7804 18.3284 13.6897 18.3284 7.8C18.3285 3.36456 13.6096 0 9.18874 0ZM8.66681 18.9647C6.67744 18.9647 5.05895 20.5427 5.05895 22.4824C5.05895 24.422 6.67744 26 8.66681 26C10.6562 26 12.2747 24.422 12.2747 22.4823C12.2747 20.5427 10.6562 18.9647 8.66681 18.9647Z' fill='%23FEF8E7' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}
@media (max-width: 768px) {
  .question_text {
    font-size: 14px;
    padding: 25px;
    border-radius: 10px;
    margin-left: 0px;
  }
  .question_text::before {
    width: 50px;
    height: 50px;
    left: auto;
    top: auto;
    background-size: 15px;
    position: relative;
    margin-bottom: 15px;
  }
}

.block_text {
  border-top: 2px solid var(--korichneviy);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 9px;
  padding-left: 34px;
  padding-right: 34px;
  margin-top: 30px;
  margin-bottom: 30px;
  gap: 34px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.block_text p {
  margin: 0;
}
.block_text::before {
  display: block;
  content: "";
  position: relative;
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 0H4C1.8 0 0.02 1.8 0.02 4L0 40L8 32H36C38.2 32 40 30.2 40 28V4C40 1.8 38.2 0 36 0ZM14 18H10V14H14V18ZM22 18H18V14H22V18ZM30 18H26V14H30V18Z' fill='%23DC9650' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 768px) {
  .block_text {
    padding-top: 9px;
    padding-left: 14px;
    padding-right: 34px;
    margin-top: 30px;
    margin-bottom: 30px;
    gap: 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .block_text::before {
    min-width: 35px;
    max-width: 35px;
    height: 35px;
  }
}



table {
  margin-top: 30px;
  margin-bottom: 30px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--svіtlo-korichneviy-fon);
  border-radius: 10px;
  overflow: hidden;
}
table::-webkit-scrollbar {
  height: 4px;
}
table::-webkit-scrollbar-track {
  background: transparent;
}
table::-webkit-scrollbar-thumb {
  background: var(--svіtlo-korichneviy-fon);
  border-radius: 5px;
}
table::-webkit-scrollbar-thumb:hover {
  background: var(--svіtlo-korichneviy-fon);
  opacity: 0.8;
}
table thead {
  background: var(--svіtliy-fon-2);
}
table thead th {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 138%;
  color: var(--korichneviy);
  padding: 20px 25px;
  text-align: left;
}
table tbody tr td {
  padding: 18px 25px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: var(--sіriy-dlya-tekstu);
}
table tbody tr:not(:last-child) td {
  border-bottom: 1px solid var(--svіtlo-korichneviy-fon);
}
table th:not(:last-child),
table td:not(:last-child) {
  border-right: 1px solid var(--svіtlo-korichneviy-fon);
}
@media (max-width: 768px) {
  table {
    display: block;
    overflow: auto;
  }
  table thead th {
    padding: 9px 20px;
  }
  table tbody tr td {
    padding: 18px 20px;
  }
}





/* .toc {
  position: sticky;
  top: 90px;
} */
@media (max-width: 992px) {
  .toc {
    position: relative;
    top: auto;
  }
}
.toc {
  border-radius: 30px;
  overflow: hidden;
  background: var(--blakitniy);
}
.toc__top {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: clamp(18px, 2.533vw, 20px);
  line-height: 150%;
  color: var(--bіliy);
  background: var(--blakitniy);
  padding: 22px 35px;
  border-radius: 30px 30px 0 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.toc__top::after {
  display: block;
  content: "";
  position: relative;
  width: 23px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='10' viewBox='0 0 23 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 9.28574C11.4057 9.28688 11.3123 9.2684 11.2256 9.2315C11.139 9.19459 11.0611 9.14007 10.9969 9.07145L4.52813 2.64288C4.24063 2.35716 4.24063 1.91431 4.52813 1.62859C4.81563 1.34288 5.26125 1.34288 5.54875 1.62859L11.5144 7.55716L17.4656 1.64288C17.7531 1.35716 18.1988 1.35716 18.4863 1.64288C18.7738 1.92859 18.7738 2.37145 18.4863 2.65716L12.0175 9.08574C11.8738 9.22859 11.6869 9.30002 11.5144 9.30002L11.5 9.28574Z' fill='white' /%3E%3C/svg%3E");
  -webkit-transition: 0.23s;
  transition: 0.23s;
}
.toc__list {
  background: #FFFEFD;
  border-left: 1px dashed var(--blakitniy);
  border-right: 1px dashed var(--blakitniy);
  border-bottom: 1px dashed var(--blakitniy);
  border-radius: 0 0 30px 30px;
  padding-left: 2px;
  padding-right: 2px;
  counter-reset: toc;
  overflow: hidden;
  max-height: 1400px;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}
.toc .toc-item {
  padding: 16px 30px;
  border-bottom: 1px dashed var(--blakitniy);
  counter-increment: toc;
}
.toc .toc-item:last-child {
  border-bottom: none;
}
.toc .toc-item a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: var(--sіriy-dlya-tekstu);
}
.toc .toc-item a::before {
  content: counter(toc) ".";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: var(--blakitniy);
}
.toc .toc-item a:hover span {
  text-decoration: underline;
}
.toc .toc-item a .toc.hidden .toc__list {
  max-height: 0;
}
.toc.hidden .toc__top::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.toc.hidden .toc__list {
  border-bottom: none;
}
@media (max-width: 768px) {

  .toc{
    position: relative;
  }

  .toc__list{
    max-height: 250px !important;
    position: relative;
  }

  .toc::after{
    display: block;
    content: '';
    position: absolute;
    bottom: -30px;
    width: 100%;
    height: 117px;
    background: linear-gradient(0deg, #fff 30%, transparent 100%);
  }

  .toc.hidden .toc__list {
    max-height: 10000px !important;
    border-bottom: 1px dashed var(--blakitniy);
  }
  .toc.hidden::after{
    display: none;
  }

  .toc {
    margin-bottom: 30px;
  }
  .toc__top {
    padding: 20px 25px;
  }
  .toc .toc-item {
    padding: 15px 17px 15px 19px;
  }
}

.toc-mobile {
  display: none;
}
@media (max-width: 992px) {
  .toc-mobile {
    display: block;
  }
}


/* новый код */

.pagination{
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .pagination{
        margin-bottom: 10px;
    }
}

.pagination ul {
    display: flex;
    align-items: center;
}   

.pagination ul li {

    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--sіriy-dlya-tekstu);
}

.page-numbers{
    margin-left: 15px;
    margin-right: 15px;
}


.pagination ul li:first-child{
    width: 42px;
    height: 42px;
    border-radius: 100px;
    border: 1px solid var(--sіriy-dlya-tekstu);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-right: 5px;
}

.pagination ul li:first-child span{
    margin-left: 0;
    margin-right: 5px;
}

.pagination ul li:last-child{
    margin-left: 5px;
    margin-right: 0;
    width: 42px;
    height: 42px;
    border-radius: 100px;
    border: 1px solid var(--sіriy-dlya-tekstu);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination ul li a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--sіriy-dlya-tekstu);
    
}

.pagination ul li .current{
    color: var(--korichneviy);
    border-bottom: 1px solid var(--korichneviy);
    padding-top: 10px;
    padding-bottom: 10px;
}



.blog-section{
  margin-bottom: 6.25rem;
}

@media (width > 20em) and (width <= 81.875em) {
    .blog-section {
        margin-bottom: clamp(3.125rem,2.1148989899rem + 5.0505050505vw,6.25rem)
    }
}

.blog-section__title{
    justify-self: center;
}

@media (width > 81.875em) {
  .blog-section__title{
      margin-bottom: 2.5rem;
  } 
}

@media (width > 20em) and (width <= 81.875em){
  .blog-section__title{
      margin-bottom: clamp(1.5625rem,1.25946969696875rem + 1.5151515152vw,2.5rem)
  } 
}

.blog-section__button{
      justify-self: center;
}

.blog-section__list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);          margin-bottom: 3.125rem;
}

@media (width > 20em) and (width <= 81.875em) {
  .blog-section__list{
    margin-bottom: clamp(1.875rem,1.4709595959625rem + 2.0202020202vw,3.125rem)
  }
}


.blog-section__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media (max-width: 992px) {
  .blog-section__list {
    -ms-grid-columns: 1fr 35px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
  }
}
@media (max-width: 768px) {
  .blog-section__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 35px;
  }
}