.post-list.vk_posts {
  margin: 0;
  margin-top: 6rem;
  padding-bottom: 6rem;
}

.pair {
  display: flex;
  background: rgba(188, 165, 136, 0.2);
  border-radius: 15px;
  padding: 25px 30px;
  gap: 20px;
  align-items: flex-start;
  position: relative;
}

.main-section .pair {
  border-radius: 20px;
  margin-bottom: 3rem;
}

.single-voice .main-section .pair {
  padding: 4rem 4rem;
}

.main-section .pair:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -30px;
  border: 30px solid transparent;
  border-top: 30px solid rgba(188, 165, 136, 0.2);
}

.tile {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.brand-illus {
  width: 30%;
  margin-top: 20px;
}

.meta {
  margin: 5px 0 0 0;
}

div.voice-content {
  padding: 20px 25px 80px 25px;
  border: 4px solid #bb9b73;
  border-radius: 28px;
  box-sizing: border-box;
  p{
    line-height: 1.8em;
  }
}

.voice-meta {
  margin: 0;
  letter-spacing: 1px;
}
.voice-title {
  margin: 0 0 14px;
  position: relative;
  padding-bottom: 20px;
  font-size: 24px;
}
.voice-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: radial-gradient(#c8ad8c 2px, transparent 0px) center / 10px 10px
    repeat-x;
  opacity: 0.95;
}

.voice-text {
  margin: 0;
}

.single-voice .main-section .tile {
  padding-right: 3rem;
  margin-top: 15px;
}

.single-voice .main-section .brand {
  flex: 1;
}

.single-voice .main-section .paper {
  width: 47%;
  padding: 0;
  margin: 0;
}

.brand-illus {
  width: 30%;
  margin-top: 20px;
}

.single-voice .main-section .brand-illus {
  margin-top: 60px;
}

.recent_posts {
  border-bottom: 0.5px solid #4d4039;
  padding: 15px 15px;
  width: 100%;
}

.recent_posts a {
  display: flex;
}

.recent_posts:first-child {
  border-top: 0.5px solid #4d4039;
}

.recent_posts .voice-card {
  width: 120px;
  margin-right: 15px;
}

.recent_posts .pair {
  display: flex;
  border-radius: 5px;
  padding: 10px 10px;
  gap: 10px;
}

.recent_posts .brand-illus {
  margin-top: 10px;
}

.recent_posts .voice-meta {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (max-width: 991.98px) {
  .pair {
    padding: 20px 20px;
  }
}

@media (max-width: 767.98px) {
  .post-list.vk_posts {
    margin-top: 4rem;
    padding-bottom: 4rem;
  }

  .single-voice .main-section .pair {
    padding: 20px 20px;
  }

  .single-voice .main-section .tile {
    margin: 0;
    padding: 0;
  }

  .single-voice .main-section .brand-illus {
    margin-top: 25px;
  }

  div.voice-content {
    padding: 25px 20px 40px;
    border: 4px solid #bb9b73;
    border-radius: 20px;
    margin-bottom: 2rem;
  }

  .voice-text {
    margin: 0;
  }
}

.site-body-container {
  margin-bottom: 6rem;
}
@media (max-width: 767.98px) {
  .site-body-container {
  margin-bottom: 3rem;
}
}
.loop-item-voice {
  padding: 0 20px;
}

.slick-next,
.slick-prev {
  z-index: 10;
  bottom: 0;
  top: auto;
  transform: translate(0);
}
.slick-prev {
  left: calc(50% - 50px);
}
.slick-next {
  right: calc(50% - 50px);
}
.slick-next,
.slick-prev {
  width: 40px;
  height: 40px;
  background: #4d4039;
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  background: #4d4039;
}
.slick-next:before,
.slick-prev:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-top: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  opacity: 1;
}
.slick-prev:before,
.slick-next:before {
  color: #4d4039;
}
.slick-prev:before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: 11px;
  left: 13px;
}
.slick-next:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 11px;
  right: 13px;
}
.slick-dots {
  bottom: 5px;
  width: 240px;
  left: 50%;
  transform: translateX(-50%);
}
.slick-dots li {
  margin: 0;
}
.slick-dots li button:before {
  color: #fff;
  opacity: 1;
  font-size: 9px;
}
.slick-dots li.slick-active button:before {
  color: #231815;
  opacity: 1;
}

.voice-slide .slick-list { 
  overflow: visible; 
}
.voice-slide .slick-slide {
  transform: scale(0.85);
  transition: transform .3s ease;
}
.voice-slide .slick-center {
  transform: scale(1);
  z-index: 2;
}