.post-item {
         padding: 10px;
      }

      .post-item-wrap {
         background: #ffffff;
         position: relative;
      }

      .post-item-wrap:after {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: -1;
         background: #8633ff;
         transform: rotate(1deg);
         transform-origin: left bottom;
         transition: .3s ease-in-out;
      }
.post-item-wrap2:after {
         background: #fc0a49;
      }

      .post-item-wrap:hover:after {
         top: 5px;
         left: 5px;
         transform: rotate(2deg);
      }

      .post-title {
         transition: .3s ease-in-out;
      }

      .post-item-wrap:hover .post-title {
         color: #fc0a49;
      }

      .post-content {
         color: #A69888;
         font-size: 14px;
      }

      @media (min-width: 768px) {
         .post-item {
            flex-basis: 50%;
            flex-shrink: 0;
         }
      }

      @media (min-width: 960px) {
         .post-item {
            flex-basis: 33.333333333%;
         }
      }
/*Маска для изображений*/
.img-mask {
  padding: 10px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  background-position: top left, bottom right;
  background-image: url('images/border-top-left-2.svg'), url('images/border-bottom-right-2.svg');
  background-repeat: no-repeat, no-repeat;
  background-size: 26%, 74%; 
}

.img-mask-sm {
    background-position: top left, bottom right;
    background-image: url('images/border-top-left.svg'), url('images/border-bottom-right.svg');
    background-repeat: no-repeat, no-repeat;
    background-size: contain; 
}


.img-mask-top {
  padding: 10px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  background: url('images/border-top-left-2.svg') no-repeat top left;
  background-size: 26%;
}
.img-mask-bottom {
  padding: 0.6rem;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  background: url('images/border-bottom-right-2.svg') no-repeat bottom right;
  background-size: 74%;
}
/*доп. отступы*/

.mt-10 {
        margin-top: 8.5rem !important;
}

.mb-10 {
    margin-bottom: 8.5rem !important;
}

.my-10 {
        margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
}
.mt-n8 {
    margin-top: -6.5rem !important;
}
.mt-n6 {
    margin-top: -4.5rem !important;
}

.g-8 {
    --bs-gutter-y: 4rem;
}
.g-8 {
    --bs-gutter-x: 4rem;
}

/*Социальные сети*/
.btn-icon {
  --si-btn-size: 2.75rem;
  --si-btn-icon-size: 1.25rem;
  flex-shrink: 0;
  width: var(--si-btn-size);
  height: var(--si-btn-size);
  padding: 0
}
.btn-icon > i {
  font-size: var(--si-btn-icon-size)
}
.btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn {
  --si-btn-size: 2.25rem;
  --si-btn-icon-size: 1.125rem
}
.btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn {
  --si-btn-size: 3.25rem;
  --si-btn-icon-size: 1.4375rem
}
.btn-icon.btn-xl {
  --si-btn-size: 4.5rem;
  --si-btn-icon-size: 1.75rem
}

.btn-telegram:hover, .btn-telegram:focus, .btn-telegram:active {
  border-color: #08c !important;
  background-color: #08c !important;
  color: #fff !important;
  box-shadow: 0 .375rem 1.125rem -0.375rem rgba(0, 136, 204, .8) !important
}
.btn-vk:hover, .btn-vk:focus, .btn-vk:active {
  border-color: #45668e !important;
  background-color: #45668e !important;
  color: #fff !important;
  box-shadow: 0 .375rem 1.125rem -0.375rem rgba(69, 102, 142, .8) !important
}
.btn-dzen svg {
    filter: invert(0%) sepia(0%) saturate(7487%) hue-rotate(319deg) brightness(92%) contrast(103%);
    width: 1.25rem;
    height: 1.25rem;
}
.btn-dzen:hover, .btn-dzen:focus, .btn-dzen:active {
  border-color:  !important;
  box-shadow: 0 .375rem 1.125rem -0.375rem rgba(0, 0, 0, .8) !important
}
.btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active {
  border-color: red !important;
  background-color: red !important;
  color: #fff !important;
  box-shadow: 0 .375rem 1.125rem -0.375rem rgba(255, 0, 0, .8) !important
}