.slider-image-bg-articles {
    background: url(/wp-content/themes/proshchyn/img/article-bg.jpg) no-repeat center top;
    background-size: auto 100%;	
}
.articles-param {
			padding: 0px;
		}
		.row-blog-articles {
			display: flex;
			width: 95%;
			flex-direction: row;
			flex-wrap: wrap;
			gap: 40px;
			font-size: 16px;
   			line-height: 22px;
			justify-content: flex-start;
			font-family: 'Open Sans';
		}
		.row-blog-articles h2 {
			font-weight: 700;
			font-family: 'Open Sans';
			font-size: 18px;
			line-height: 25px;
		}
		.articles-param {
			overflow: hidden; 
		}
		.article-image {
			height: 265px;
			width: 100%;
			overflow: hidden; 
    		position: relative;
		}
		.large-post .article-image{
			height: 354px;
		}
		.large-post a {
			color: white;
		}	
		.article-right-content p a{
			text-decoration: underline;
			font-size: 16px;
			font-weight: 600;
		}
		.large-post .article-right-content{
			position: absolute;
			width: 100%;
			margin-top: -10em;
			padding: 30px;
		}
		.grid-post .article-image{
			height: 265px;
			background-color: grey;
		}
		.small-post .article-image {
			height: 265px;
		}
		.article-image img {
			width: 100%;
			height: 100%;
			transition: transform 0.7s ease-in-out; 
			object-fit: cover;
		}
		.large-post .article-image::after {
		    content: '';
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 70%;
			background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
			pointer-events: none;
			z-index: 0;
		}

		.overlay {
			position: absolute;
			top: 0;
			right: 0;
			width: 100%;
			height: 100%;
			background-color: rgb(255 255 255 / 50%);
			display: flex;
			align-items: center;
			justify-content: center;
			opacity: 0;
			/*transition: opacity 0.3s ease-in-out;*/
			transition: all 0.3s linear;
		}
		.overlay .logo {
			width: 45%;
			object-fit: contain;
			/* filter: invert(100%); */
		}
		.articles-param:hover .overlay {
			opacity: 1; 
			right: 0;
		}
		.articles-param:hover .article-image img{
			/*transform: scale(1.2);*/
		}
		.large-post.articles-param:hover .article-right-content{
			margin-top: -7em;
			transition: all 0.3s linear;
		}
		.large-post.articles-param:hover .article-right-content{
			display: none;
		}
		.article-right-content {
			display: flex;
    		flex-direction: column;
   			gap: 10px;
		}
		.article-right-content .read-more {
			opacity: 0;
			transition: all 0.3s linear;
		}
		.articles-param:hover .article-right-content .read-more {
			opacity: 1;
		}
		.articles-param:hover .article-right-content h3 {
			text-decoration: underline;
		}
		.large-post .article-right-content {
			color: white;
		}
		.text-container-multiline p, .text-container-multiline h2, .article-right-content a {
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.articles-pagination {
			width: 100%;
   			text-align: center;
    		margin: 5em 0;
		}
		.articles-pagination .page-numbers{
			font-size: 18px;
    		font-weight: 400;
			border: 1px solid grey;
			padding: 10px 17px;
			margin: 0 5px;
		}
		.articles-pagination .page-numbers.current {
			background-color: #232322;
    		color: white;
			font-weight: 700;
		}
		.articles-pagination .next.page-numbers, .articles-pagination .prev.page-numbers {
			padding: 10px 10px;
		}
		.articles-pagination .next.page-numbers svg, .articles-pagination .prev.page-numbers svg{
			margin-bottom: -6px;
		}
		@media (max-width: 768px) {
			.large-post, .grid-post, .two-three-post {
				width: 100%;
				margin-right: 45px;
			}
			.large-post .article-right-content{
				max-width: 310px;
			}
			.row-blog-left {
				margin-left: 3.8em;
				/* margin-right: 13em; */
			}
		}
		@media (min-width: 769px) {
			.large-post .article-right-content{
				max-width: 410px;
			}
			.row-blog-left {
				margin-left: 5.1em;
			}
			.small-post {
				display: flex;
				gap: 20px;
			}
			.small-post .article-image{
				height: 157px;
      			width: 275px;
			}
			.grid-post .article-right-content {
				padding: 20px;
			}
			.large-post, .two-three-post {
				width: 47%;
				min-width: 330px;
			}
			.grid-post {
				width: 100%;
       			max-width: 333px;
			}
		}	
		@media (max-width: 675px) {
			.large-post {
				/* max-width: 299px; */
			}
		}
		@media (min-width: 675px) and (max-width: 770px){
			.large-post {
				max-width: none;
				margin-right: 42px;
			}
		}
		@media (min-width: 769px) and (max-width: 1200px) {
			.small-post {
				display: block;
				max-width: 330px;
				margin-bottom: 0px;
			}
			.small-post .article-image {
				width: 100%;
				height: 265px;
			}
			.small-post .article-right-content {
				padding: 20px;
			}
			.two-three-post {
				display: flex;
				width: 100%;
				justify-content: flex-start;
        		gap: 40px;
			}
			.large-post {
				width: 100%;
				max-width: 700px;
			}	
		}
		@media (min-width: 1200px) {	
			.large-post .article-right-content {
				    margin-top: 13em;
			}
			.large-post, .two-three-post {    
				display: flex;
				flex-direction: column;
				row-gap: 36px;
			}
		}