@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200..700&display=swap");
* {
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400 700;
  font-style: normal;
}

header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background: #00a1f1;
}

.header__content {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 0;
}

.header__row {
  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;
  gap: 30px;
}
@media screen and (max-width:992px) {
  .header__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.header__logo {
  max-width: 200px;
  width: 100%;
}

.header__text {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: normal;
}
@media screen and (max-width:992px) {
  .header__text {
    gap: 0;
  }
}
.header__text a {
  color: #000;
  text-decoration: none;
}
.header__text .site__title {
  color: #000;
  text-align: center;
  font-family: Inter;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.header__text .site__text {
  color: #000;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  text-align: center;
}
.header__text .site__text p:not(:last-child) {
  margin-bottom: 15px;
}

.header__contact {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.header__contact ul {
  list-style: none;
}
.header__contact ul li a {
  color: #000;
  text-decoration: none;
}

.header__primary {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #8E9884;
}
@media screen and (max-width:992px) {
  .header__primary {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 1;
  }
  .header__primary .container {
    width: calc(100% - 0px);
  }
}
.header__primary ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  position: relative;
}
@media screen and (max-width:992px) {
  .header__primary ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.header__primary ul li {
  padding: 20px 20px;
}
.header__primary ul li.menu-item-has-children > a::after {
  content: "▶";
  margin-left: 10px;
  font-size: 10px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -5px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (max-width:992px) {
  .header__primary ul li {
    padding: 5px 0;
    position: relative;
  }
}
.header__primary ul li a {
  color: #fff;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 20px 0px;
}
@media screen and (max-width:992px) {
  .header__primary ul li a {
    padding: 10px 10px;
    display: block;
  }
}
.header__primary ul li:hover {
  background-color: #565a52;
}
.header__primary ul li:hover .sub-menu {
  display: block;
}
@media screen and (max-width:992px) {
  .header__primary ul li:hover .sub-menu {
    display: none;
  }
}
.header__primary ul li.current-menu-item {
  background-color: #565a52;
}
.header__primary .sub-menu {
  position: absolute;
  display: none;
  background-color: #8E9884;
  z-index: 1;
  max-width: 280px;
  width: 100%;
  padding: 20px 0;
  left: auto;
  -webkit-transform: translate(-20px, 20px);
          transform: translate(-20px, 20px);
}
@media screen and (max-width:992px) {
  .header__primary .sub-menu {
    position: relative;
    max-width: none;
    -webkit-transform: none;
            transform: none;
  }
}
.header__primary .sub-menu li {
  padding: 0;
}
.header__primary .sub-menu li a {
  text-transform: none;
  font-size: 15px;
  padding: 10px;
  display: block;
  color: #fff !important;
}
.header__primary .sub-menu li a:hover {
  background-color: #595e55;
}
.header__primary .sub-menu li:hover {
  background-color: transparent;
}
.header__primary .sub-menu li.current-menu-item a {
  color: #fff !important;
}

.toggle-mnu {
  display: none;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 15px;
}
@media screen and (max-width:992px) {
  .toggle-mnu {
    display: block;
  }
}

.toggle-mnu span:after, .toggle-mnu span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
}

.toggle-mnu span:after {
  top: 18px;
}

.toggle-mnu span {
  position: relative;
  display: block;
}

.toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {
  width: 100%;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 2px;
}

.toggle-mnu.on span {
  background-color: transparent;
}

.toggle-mnu.on span:before {
  -webkit-transform: rotate(45deg) translate(-1px, 0px);
          transform: rotate(45deg) translate(-1px, 0px);
}

.toggle-mnu.on span:after {
  -webkit-transform: rotate(-45deg) translate(6px, -7px);
          transform: rotate(-45deg) translate(6px, -7px);
}

.sicial__media {
  position: relative;
}
.sicial__media .tg {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.0357 2.43468C20.4155 1.86339 17.9058 0.0421041 12.3101 0.01769C12.3101 0.01769 5.7134 -0.377818 2.50051 2.5714C0.713398 4.35851 0.0835148 6.98058 0.0151554 10.2277C-0.053204 13.4747 -0.136212 19.5587 5.72805 21.2091H5.73293L5.72805 23.7286C5.72805 23.7286 5.68898 24.7491 6.36281 24.9542C7.17336 25.2081 7.65187 24.4318 8.42824 23.5968C8.85305 23.1378 9.43898 22.464 9.88332 21.9513C13.897 22.2882 16.978 21.5167 17.3296 21.4044C18.1402 21.1407 22.7251 20.5548 23.4673 14.4708C24.2388 8.19152 23.0962 4.22667 21.0357 2.43468ZM21.7144 14.0118C21.0845 19.09 17.3687 19.4122 16.6851 19.6319C16.3921 19.7247 13.6821 20.3985 10.2788 20.1788C10.2788 20.1788 7.73976 23.2403 6.94875 24.0362C6.68996 24.295 6.40676 24.2706 6.41164 23.7579C6.41164 23.421 6.43117 19.5734 6.43117 19.5734C6.42629 19.5734 6.42629 19.5734 6.43117 19.5734C1.46047 18.1964 1.75344 13.0157 1.80715 10.3058C1.86086 7.59582 2.37355 5.37414 3.88723 3.87999C6.60695 1.41417 12.2075 1.78039 12.2075 1.78039C16.939 1.79992 19.2046 3.2257 19.732 3.70421C21.4751 5.19835 22.3638 8.77257 21.7144 14.0118ZM14.9273 10.0665C14.9468 10.4864 14.3169 10.5157 14.2974 10.0958C14.2437 9.0216 13.7407 8.49914 12.7056 8.44054C12.2857 8.41613 12.3247 7.78624 12.7398 7.81066C14.1021 7.8839 14.8589 8.66515 14.9273 10.0665ZM15.9185 10.6183C15.9673 8.54796 14.6734 6.92687 12.2173 6.74621C11.8023 6.71691 11.8462 6.08703 12.2612 6.11632C15.0933 6.3214 16.6021 8.26964 16.5484 10.6329C16.5435 11.0528 15.9087 11.0333 15.9185 10.6183ZM18.2134 11.2726C18.2183 11.6925 17.5835 11.6974 17.5835 11.2775C17.5542 7.29796 14.9029 5.12999 11.6851 5.10558C11.27 5.1007 11.27 4.4757 11.6851 4.4757C15.2837 4.50011 18.1792 6.98546 18.2134 11.2726ZM17.6616 16.0626V16.0724C17.1343 17.0001 16.148 18.0255 15.1323 17.6984L15.1226 17.6837C14.0923 17.3956 11.6655 16.1456 10.1323 14.9249C9.34133 14.2999 8.61867 13.5626 8.06203 12.8546C7.5591 12.2247 7.05129 11.4777 6.55812 10.5792C5.51808 8.69933 5.28859 7.85949 5.28859 7.85949C4.96144 6.84386 5.98195 5.85753 6.91457 5.33019H6.92433C7.37355 5.09581 7.80324 5.17394 8.09133 5.52062C8.09133 5.52062 8.6968 6.24328 8.95559 6.59972C9.19973 6.93175 9.52687 7.46398 9.69777 7.76183C9.99562 8.29406 9.81008 8.83605 9.51711 9.06066L8.93117 9.52941C8.63332 9.76867 8.67238 10.213 8.67238 10.213C8.67238 10.213 9.54152 13.4991 12.7886 14.3292C12.7886 14.3292 13.2329 14.3683 13.4722 14.0704L13.9409 13.4845C14.1655 13.1915 14.7075 13.006 15.2398 13.3038C15.9575 13.7091 16.8706 14.339 17.4761 14.9103C17.8179 15.1886 17.896 15.6134 17.6616 16.0626Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 25px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
}
.sicial__media .viber {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_183_9)'%3E%3Cpath d='M12.5 0.390625C5.81055 0.390625 0.390625 5.81055 0.390625 12.5C0.390625 19.1895 5.81055 24.6094 12.5 24.6094C19.1895 24.6094 24.6094 19.1895 24.6094 12.5C24.6094 5.81055 19.1895 0.390625 12.5 0.390625ZM18.4473 8.68652L16.46 18.0518C16.3135 18.7158 15.918 18.877 15.3662 18.5645L12.3389 16.333L10.8789 17.7393C10.7178 17.9004 10.5811 18.0371 10.2686 18.0371L10.4834 14.9561L16.0938 9.8877C16.3379 9.67285 16.04 9.55078 15.7178 9.76562L8.78418 14.1309L5.7959 13.1982C5.14648 12.9932 5.13184 12.5488 5.93262 12.2363L17.6074 7.73437C18.1494 7.53906 18.623 7.86621 18.4473 8.68652Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_183_9'%3E%3Crect width='25' height='25' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 25px;
  height: 25px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
}
.sicial__media .whatsapp {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5986 3.17871C16.5527 1.12793 13.8281 0 10.9326 0C4.95605 0 0.0927734 4.86328 0.0927734 10.8398C0.0927734 12.749 0.59082 14.6143 1.53809 16.2598L0 21.875L5.74707 20.3662C7.3291 21.2305 9.11133 21.6846 10.9277 21.6846H10.9326C16.9043 21.6846 21.875 16.8213 21.875 10.8447C21.875 7.94922 20.6445 5.22949 18.5986 3.17871ZM10.9326 19.8584C9.31152 19.8584 7.72461 19.4238 6.34277 18.6035L6.01562 18.4082L2.60742 19.3018L3.51562 15.9766L3.30078 15.6348C2.39746 14.1992 1.92383 12.5439 1.92383 10.8398C1.92383 5.87402 5.9668 1.83105 10.9375 1.83105C13.3447 1.83105 15.6055 2.76855 17.3047 4.47266C19.0039 6.17676 20.0488 8.4375 20.0439 10.8447C20.0439 15.8154 15.8984 19.8584 10.9326 19.8584ZM15.874 13.1104C15.6055 12.9736 14.2725 12.3193 14.0234 12.2314C13.7744 12.1387 13.5938 12.0947 13.4131 12.3682C13.2324 12.6416 12.7148 13.2471 12.5537 13.4326C12.3975 13.6133 12.2363 13.6377 11.9678 13.501C10.376 12.7051 9.33105 12.0801 8.28125 10.2783C8.00293 9.7998 8.55957 9.83398 9.07715 8.79883C9.16504 8.61816 9.12109 8.46191 9.05273 8.3252C8.98437 8.18848 8.44238 6.85547 8.21777 6.31348C7.99805 5.78613 7.77344 5.85938 7.60742 5.84961C7.45117 5.83984 7.27051 5.83984 7.08984 5.83984C6.90918 5.83984 6.61621 5.9082 6.36719 6.17676C6.11816 6.4502 5.41992 7.10449 5.41992 8.4375C5.41992 9.77051 6.3916 11.0596 6.52344 11.2402C6.66016 11.4209 8.43262 14.1553 11.1523 15.332C12.8711 16.0742 13.5449 16.1377 14.4043 16.0107C14.9268 15.9326 16.0059 15.3564 16.2305 14.7217C16.4551 14.0869 16.4551 13.5449 16.3867 13.4326C16.3232 13.3105 16.1426 13.2422 15.874 13.1104Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 22px;
  height: 22px;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
}
.sicial__media ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

footer {
  background: #00a1f1;
}
footer .footer__content {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px;
  color: #FFF;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
footer .footer__content .footer__copy {
  position: relative;
}
footer .footer__content .footer__text {
  position: relative;
}
footer .footer__content .footer__text a {
  text-decoration: underline;
}

.home__form, .add__form {
  border-radius: 16px;
  background: #171616;
  padding: 30px 30px;
}
@media screen and (max-width:680px) {
  .home__form, .add__form {
    padding: 30px 15px;
  }
}
.home__form .form__wrap, .add__form .form__wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), 1fr));
  grid-gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
@media screen and (max-width:992px) {
  .home__form .form__wrap, .add__form .form__wrap {
    grid-gap: 15px;
  }
}
.home__form .input__row, .add__form .input__row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  grid-gap: 30px;
}
@media screen and (max-width:992px) {
  .home__form .input__row, .add__form .input__row {
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
    grid-gap: 15px;
  }
}
@media screen and (max-width:850px) {
  .home__form .input__row, .add__form .input__row {
    grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
    grid-gap: 15px;
  }
}
@media screen and (max-width:680px) {
  .home__form .input__row, .add__form .input__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.home__form .input__row.__add_post, .add__form .input__row.__add_post {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
}
@media screen and (max-width:992px) {
  .home__form .input__row.__add_post, .add__form .input__row.__add_post {
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr)) !important;
    grid-gap: 15px;
  }
}
@media screen and (max-width:850px) {
  .home__form .input__row.__add_post, .add__form .input__row.__add_post {
    grid-template-columns: repeat(auto-fit, minmax(45%, 1fr)) !important;
    grid-gap: 15px;
  }
}
@media screen and (max-width:680px) {
  .home__form .input__row.__add_post, .add__form .input__row.__add_post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.home__form .text__row, .add__form .text__row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 30px;
  align-self: stretch;
}
@media screen and (max-width:992px) {
  .home__form .text__row, .add__form .text__row {
    grid-gap: 15px;
  }
}
@media screen and (max-width:680px) {
  .home__form .text__row, .add__form .text__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.home__form.add__form .text__row, .add__form.add__form .text__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.home__form.add__form .btn__group, .add__form.add__form .btn__group {
  max-width: 250px;
}
@media screen and (max-width:680px) {
  .home__form.add__form .btn__group, .add__form.add__form .btn__group {
    max-width: none;
  }
}

.post__wrap {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* display: grid;
   grid-template-columns: repeat(auto-fit, minmax(min(100%, 48%), 1fr));*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-gap: 30px;
  /* @media screen and ($md) {
       grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
       grid-gap: 15px;
   }
   @media screen and ($mobile) {
       grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
   }*/
}
.post__wrap .post__item {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  max-width: 50%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: var(--Gray-2, #F7F6FA);
}
@media screen and (max-width:992px) {
  .post__wrap .post__item {
    max-width: 48%;
  }
}
@media screen and (max-width:850px) {
  .post__wrap .post__item {
    max-width: none;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
@media screen and (max-width:680px) {
  .post__wrap .post__item {
    max-width: none;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
.post__wrap .post__item a {
  text-decoration: none;
}
.post__wrap .post__body {
  width: 100%;
  height: 280px;
  aspect-ratio: 16/9;
  background-size: cover;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
  background-position: center;
}
@media screen and (max-width:680px) {
  .post__wrap .post__body {
    aspect-ratio: 1;
  }
}
.post__wrap .post__date {
  color: var(--Gray-1, #FFF);
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 4px;
  background: var(--Gray-7, #2A282F);
  position: absolute;
  left: 16px;
  top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 8px 4px;
  gap: 10px;
}
.post__wrap .post__meta {
  background: var(--Gray-2, #F7F6FA);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -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: 32px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 0 0 10px 10px;
}
.post__wrap .title {
  color: var(--Gray-7, #2A282F);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.96px;
  text-decoration: none;
}

.post__body {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.post__body .breadcrumbs {
  position: relative;
}
.post__body .breadcrumbs a {
  color: #000;
  text-decoration: none;
}
.post__body .breadcrumbs__link {
  color: #000;
  text-align: center;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px; /* 250% */
  letter-spacing: -0.27px;
  text-decoration: none;
}
.post__body .breadcrumbs__link a {
  color: #000;
  text-decoration: none;
}
.post__body .sep {
  color: #000;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  letter-spacing: -0.27px;
}
.post__body .kb_title {
  color: #000;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  letter-spacing: -0.27px;
  font-weight: bold;
}
.post__body .post__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
  color: rgba(0, 0, 0, 0.8);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 166.667% */
  letter-spacing: -0.27px;
  margin: 50px 0;
}
.post__body .post__content p:not(:last-child) {
  margin-bottom: 15px;
}
.post__body .title {
  color: #000;
  font-family: Inter;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.72px;
}
@media screen and (max-width:992px) {
  .post__body .title {
    font-size: clamp(1rem, 10vw, 2rem);
    word-wrap: break-word;
  }
}
.post__body .post__thumbnail {
  max-width: none;
  width: 100%;
  max-height: 580px;
  aspect-ratio: 16/9;
}
.post__body .post__thumbnail img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.post__body .post__text {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
}
.post__body .post__text p {
  font-size: 18px;
}
@media screen and (max-width:992px) {
  .post__body .post__text p {
    font-size: 16px;
  }
}
.post__body .post__text ul, .post__body .post__text ol {
  padding: 15px 20px;
}

.search__result {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.search__result .result__item {
  position: relative;
  border-radius: 16px;
  background: var(--Gray-2, #F7F6FA);
}
.search__result .result__item a {
  text-decoration: none;
}
.search__result .cart__data {
  padding: 15px 15px;
  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;
  gap: 15px;
}
@media screen and (max-width:680px) {
  .search__result .cart__data {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 380px) {
  .search__result .cart__data {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.search__result .data__cover {
  max-width: 183px;
  width: 100%;
  height: 180px;
  overflow: hidden;
}
.search__result .data__cover img {
  max-width: none;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  -o-object-position: center;
     object-position: center;
}
.search__result .data__info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.search__result .user__name {
  color: var(--Gray-7, #2A282F);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.64px;
}
.search__result .data__text {
  color: var(--Gray-7, #2A282F);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}

.user__info {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 16px;
  background: var(--Gray-2, #F7F6FA);
}
.user__info .panel__wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 15px 15px;
}
@media screen and (max-width:680px) {
  .user__info .panel__wrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.user__info .data__cover {
  max-width: 180px;
  width: 100%;
  overflow: hidden;
  height: 180px;
  overflow: hidden;
}
.user__info .data__cover img {
  max-width: none;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.user__info .full__info {
  color: var(--Gray-7, #2A282F);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
@media screen and (max-width:680px) {
  .user__info .full__info {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.user__info .full__info ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.user__info .data__item {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user__info .data__thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.user__info .thumbs__item {
  position: relative;
  border: 2px solid var(--Gray-1, #FFF);
  width: 80px;
  height: 80px;
  overflow: hidden;
}
.user__info .thumbs__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.add__block {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 16px;
  background: #00A1F1;
  max-width: 1180px;
  width: calc(100% - 30px);
  margin: 0 auto;
}
.add__block.__register {
  max-width: 480px;
  text-align: center;
}
.add__block .block__wrapper {
  display: grid;
  place-items: center;
  padding: 50px 50px;
  grid-gap: 30px;
}
@media screen and (max-width:680px) {
  .add__block .block__wrapper {
    padding: 30px 30px;
  }
}
.add__block .block__wrapper form {
  width: 100%;
}
.add__block .block__title {
  color: #FFF;
  font-family: Inter;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media screen and (max-width:680px) {
  .add__block .block__title {
    font-size: 28px;
    text-align: center;
  }
}
.add__block .block__text {
  color: #FFF;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
}
@media screen and (max-width:680px) {
  .add__block .block__text {
    font-size: 16px;
  }
}
.add__block .block__text p {
  font-weight: 200;
}
.add__block .btn__group {
  width: 100%;
  max-width: 230px;
}

.form__wrap {
  margin: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  width: 100%;
}
.form__wrap .btn__group {
  max-width: none;
}
.form__wrap .input__group {
  width: 100%;
  display: block;
}
.form__wrap .input__group .input__field {
  width: 100%;
}

.add__form {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 16px;
  background: #00A1F1;
  max-width: 1180px;
  width: calc(100% - 30px);
  margin: 0 auto;
}
.add__form .form__wrap {
  grid-template-columns: auto !important;
}
.add__form h2 {
  color: #FFF;
  font-family: Inter;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}
.add__form .input__row {
  grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
}

.block__label {
  background: #50b6a8;
  padding: 20px;
  max-width: 1180px;
  width: 100%;
  margin: 30px auto 0;
  color: #fff;
}

.block__label a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0;
  gap: 10px;
}

.page-numbers {
  color: #fff;
  background-color: #00A1F1;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
}

.page-numbers.current {
  background-color: #8E9884;
}

.page-numbers:hover {
  background-color: #8E9884;
}

.form__wrap label {
  color: #fff;
}

.label {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.label:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.label input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.label .checkmark:after {
  left: 6px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.page-body {
  padding: 120px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.page-body .page-title {
  font-size: 60px;
}
.page-body .btn__group {
  max-width: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.container {
  max-width: 1440px;
  width: calc(100% - 30px);
  margin: 0 auto;
}

section {
  margin: 30px 0;
}

.input__group {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}

.input__field {
  border-radius: 8px;
  border: 2px solid #FFF;
  background: #FFF;
  padding: 12px 15px;
}
.input__field.error {
  border-color: red;
}
.input__field.error::-webkit-input-placeholder {
  color: red;
}
.input__field.error::-moz-placeholder {
  color: red;
}
.input__field.error:-ms-input-placeholder {
  color: red;
}
.input__field.error::-ms-input-placeholder {
  color: red;
}
.input__field.error::placeholder {
  color: red;
}

.btn__group {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.btn__primary {
  border-radius: 5px;
  background: #E42469;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #FFF !important;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 16px 16px;
  height: 100%;
  width: 100%;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn__primary a {
  color: #FFF;
  text-decoration: none;
}
.btn__primary:hover {
  -webkit-box-shadow: 0 0 0 4px rgba(231, 194, 29, 0.25);
          box-shadow: 0 0 0 4px rgba(231, 194, 29, 0.25);
}

textarea.input__field {
  resize: none;
  min-height: 90px;
  height: 100%;
}

main {
  margin-bottom: 120px;
}/*# sourceMappingURL=index.css.map */