.custom-blog-section {

}

.style-one {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    padding: 50px 0;
    width: 100%;
    flex-wrap: wrap;
}

.left-column-style {
    flex-basis: 100%;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
}

.left-column-style, .right-column {
    flex-basis: 100%;
}

.style-one .left-column-style .blog-item{
position: relative;
display: inline-flex;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
flex-basis: 50%;
flex-wrap: wrap;
}
.style-one .left-column-style .blog-item .post-thumbnail {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.style-one .left-column-style .blog-item .post-thumbnail:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgb(0 0 0 / 87%) 0%, transparent 100%);
    top: 0;
    left: 0;
    z-index: 0;
}
.style-one .left-column-style .blog-item .post-thumbnail img{
aspect-ratio: 2/4;
object-fit: cover;
height: 375px;
}
.style-one .left-column-style .blog-item .blog-item-footer {
    position: absolute;
    bottom: 0;
    padding: 0 40px 0px 12px;
}

.view-all-btn > .arrow-icon{
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.view-all-btn:hover > .arrow-icon{
        margin-left: 10px;
     stroke: var(--primary-color) !important;
}

.portfolio-swiper .swiper-slide {
    width: 300px; /* adjust per design */
    transition: transform 0.4s ease, opacity 0.4s ease;
    opacity: 0.5;
    transform: scale(0.9);
}

.portfolio-swiper .swiper-slide.is-active {
    transform: scale(1.2);
    opacity: 1;
    z-index: 2;
}


@media (min-width:1024px){
.left-column-style{
    flex-basis: 60%;
}
.right-column {
    flex-basis: 40%;
}
}

@media (max-width: 1024px){
	.left-column-style{
		order: 1;
	}
	.style-one .left-column-style .blog-item {
		flex-basis: 100%;
		margin: 20px 0;
	}
}