.carousel-blog {
  position: relative;
  overflow: hidden;
  max-width: 1600px;
  margin: 0 auto; }
  .carousel-blog-box {
    display: flex;
    transition: transform 0.6s ease; }
  .carousel-blog-item {
    flex: 0 0 25%;
    max-width: 100%; }
  @media (min-width: 1px) {
  .carousel-blog {
    padding-left: 20px;
    padding-right: 20px; }
    .carousel-blog-item {
      flex: 0 0 100%;
      max-width: 100%;
      padding: 20px 5px 20px 5px; } }
  @media (min-width: 567px) {
  .carousel-blog-item {
    flex: 0 0 100%;
    max-width: 100%; } }
  @media (min-width: 992px) {
  .carousel-blog-item {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; } }
  @media (min-width: 1200px) {
  .carousel-blog {
    padding-left: 40px;
    padding-right: 40px; }
    .carousel-blog-item {
      flex: 0 0 25%;
      max-width: 25%;
      padding: 20px 20px 20px 20px; } }
  .carousel-blog-img {
    max-height: 150px;
    object-fit: cover;
    display: block;
    border-radius: 15px;
    width: 100%; }
  .carousel-blog-control {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    color: #fff;
    text-align: center;
    bottom: 0;
    background: #fff; }
    .carousel-blog-control:hover, .carousel-blog-control:focus {
      color: #fff;
      text-decoration: none;
      outline: 0; }
    .carousel-blog-control::before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background: transparent no-repeat center center;
      background-size: 100% 100%; }
  .carousel-blog-control-left {
    left: 0; }
    .carousel-blog-control-left::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23424242' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
  .carousel-blog-control-right {
    right: 0; }
    .carousel-blog-control-right::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23424242' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }