.blog .blog__content {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}
.blog {
  border-radius: 1.3125rem 1.3125rem 0 0;
  overflow: hidden;
  background-color: var(--body-color);
  position: relative;
  margin-top: -4.5625rem; 
  z-index: 2;
}

.blog .title {
  padding-bottom: 4.0625rem;
}

@media screen and (min-width: 960px) {
.blog .blog__content {
  padding-top: 5.9375rem;
  padding-bottom: 6.375rem;
}
}

.blog .blog__bottom{
  margin-top: 5.3125rem;
}

@media screen and (max-width: 959px) {
	.blog .swiper-container {
		overflow: hidden;
		width: 100%;
		max-width: 100%;
		
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.blog .swiper-container div.swiper{
		width: 17.5rem;
		overflow: visible;
	}
  .blog .blog__post {
    flex: 0 0 auto;
  }
    
  .blog .blog__swiper .swiper-button{
	  top: 12.5rem;
    width: 3.9375rem;
    height: 3.9375rem;
  }
    
  .blog .blog__content {
    padding-right: 0px;
    padding-left: 0px;
  }
  .blog {
    border-radius: 0rem 0rem 0 0;
	  margin-top: 0px;
  }
	
	.blog .blog__bottom{
	  margin-top: 2rem;
	}
	.blog .title {
	  padding-bottom: 1.5rem;
	  font-size: 2rem;
	}
}