.sw_matras_rev {
   user-select: none;
   margin-top: 30px;
}

.sw_matras_rev .item {
   display: flex;
   flex-wrap: nowrap;
   column-gap: 30px;
}

.sw_matras_rev .item .image {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
   max-width: 163px;
   aspect-ratio: 163/228;
   overflow: hidden;
   padding: 8px 4px;

   border-radius: 4px;
   border: 1px solid rgba(25, 57, 139, 0.10);
   background: #FFF;
}

.sw_matras_rev .item .image img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.sw_matras_rev .item .content {
   display: flex;
   flex-direction: column;
   row-gap: 17px;
   width: 100%;
   max-width: calc(100% - 193px);
   flex: 1 1 auto;
}

.sw_matras_rev .item .content .date {
   color: #6D7686;
   font-family: "Fira Sans";
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}

.sw_matras_rev .item .content .text {
   display: flex;
   flex-direction: column;
   row-gap: 10px;
   justify-content: space-between;
   flex: 1 1 auto;
}

#wrapper .sw_matras_rev .item .content .text p {
   color: #000;
   font-family: "Fira Sans";
   font-size: 15px;
   font-style: normal;
   font-weight: 300;
   line-height: 120%;
   padding-bottom: 0px;
   margin-bottom: 0px;

   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 9;
   -webkit-box-orient: vertical;
}

#wrapper .sw_matras_rev .item .content .text.active p {
   -webkit-line-clamp: 999;
}

.sw_matras_rev .item .content .text .btn_show_more {
   display: flex;
   flex: 1 1 auto;
   align-items: flex-end;
   color: #19398B;
   font-family: "Fira Sans";
   font-size: 15px;
   font-style: normal;
   font-weight: 400;
   line-height: 120%;

   transition: .4s;
}

.sw_matras_rev .item .content .text .btn_show_more.hide {
   display: none;
}

.sw_matras_rev .item .content .text .btn_show_more.show {
   display: flex;
}

.sw_matras_rev .item .content .text .btn_show_more:hover {
   opacity: .7;
}


.matras_rev_head {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

#wrapper .matras_rev_head h2 {
   padding-bottom: 0px;
   margin-bottom: 0px;
}

.matras_rev_head .sw_controls {
   display: flex;
   align-items: center;
   column-gap: 14px;
   position: relative;
}

.matras_rev_head .sw_controls .swiper-pagination {
   width: auto;
   height: auto;
   padding: 0;
   margin: 0;
   position: unset;

   color: #000;
   font-family: "Fira Sans";
   font-size: 17px;
   font-style: normal;
   font-weight: 300;
   line-height: 150%;
}

.matras_rev_head .sw_controls .sw_mat_rev_prev {
   position: unset;
   width: auto;
   height: auto;
   padding: 0;
   margin: 0;
   user-select: none;
   transition: .4s;
   width: 38px;
   height: 38px;
}

.matras_rev_head .sw_controls svg {
   width: 100%;
   height: 100%;
}

.matras_rev_head .sw_controls .sw_mat_rev_prev::after {
   display: none;
}

.matras_rev_head .sw_controls .sw_mat_rev_next {
   position: unset;
   width: auto;
   height: auto;
   padding: 0;
   margin: 0;
   user-select: none;
   transition: .4s;

   width: 38px;
   height: 38px;
}

.matras_rev_head .sw_controls .sw_mat_rev_next::after {
   display: none;
}

.matras_rev_head .sw_controls .sw_mat_rev_prev:hover,
.matras_rev_head .sw_controls .sw_mat_rev_next:hover {
   opacity: .7;
}

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

@media screen and (max-width: 1023px) {
   .sw_matras_rev .item {
      flex-direction: column;
      row-gap: 20px;
   }

   .sw_matras_rev .item .content {
      max-width: 100%;
   }

   .sw_matras_rev .item .image {
      max-width: 200px;
   }

   .matras_rev_head .sw_controls .swiper-pagination {
      font-size: 14px;
   }

   .matras_rev_head .sw_controls .sw_mat_rev_prev {
      width: 30px;
      height: 30px;
   }


   .matras_rev_head .sw_controls .sw_mat_rev_next {
      width: 30px;
      height: 30px;
   }

   .matras_rev_head .sw_controls {
      column-gap: 8px;
   }

   .matras_rev_head .sw_controls {
      display: none;
   }

   .sw_matras_rev .item {
      max-width: 300px;
   }

   .sw_matras_rev {
      overflow: visible !important;
   }

   .sw_matras_rev .item .image {
      max-width: 100%;
   }
}