.grid-layaout-post{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}

.grid-layaout-post:hover{
	text-decoration: none;
}

.grid-layaout-post:hover *{
	text-decoration: none;
}

.grid-layaout-post__item:first-child{
	grid-column: 1 / 3;
}

.grid-layaout-post__item:first-child .grid-layaout-post__item-img{
	height: 600px;
}



.grid-layaout-post__item{
	display: block;

}


.grid-layaout-post__item-img{
	width: 100%;
	padding-bottom: 20px;
	background-position: center;
	background-size: cover;
	height: 300px;

}

.grid-layaout-post__item-img > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.grid-layaout-post__item-text{

}


.grid-layaout-post__item-text > h2{
	font-size: 3rem;
	color: var(--color-primary);
}

.grid-layaout-post__item-text > div{
	font-size: 2rem;
	color: #333;
}

.grid-layaout-post__item-button{
	color: #fff;
}

.grid-layaout-post__item-button{
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}

.grid-layaout-post__item-button > span{
	font-size: 1.3rem;
	display: inline-block;

}


.bottom-blog-articles{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}


.bottom-blog-articles > a{
	display: block;
	width: 100%;

}

a.btn-info-to-form {
	background-color: var(--color-dark-primary);
    display: inline-block;
    padding: 1rem 3rem;
    font-size: 2rem;
    color: #fff;
    border-radius: 12px;
    transition: all 0.5 ease;
    border: 1px solid transparent;
}

a.btn-info-to-form:hover {
	text-decoration: none;
	box-shadow: 1px 3px 5px  rgba(0,0,0,0.5);
}

.bottom-blog-articles > a:hover *{
	text-decoration: none;
}

.bottom-blog-articles > a:hover{
	text-decoration: none;
}

.bottom-blog-articles > a:hover > .text
{
	text-decoration: none;
}

.bottom-blog-articles > a > .img{
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center;
	margin-bottom: 16px;
}

.bottom-blog-articles > a > .text > h2{
	color: var(--color-primary);
	font-size: 1.6rem;
	font-weight: bold;

}


.bottom-blog-articles > a > .text > .text-info-blog
{
	color: #333;
	font-size: 1.2rem;

}

.bottom-blog-articles > a > .button{
	padding-top: 10px;
	text-align: right;
}

.bottom-blog-articles > a > .button span{
	font-size: 1.2rem;
}

.banner-top.set-new-banner
{
	min-height: 500px !important;
	background-image: url("../../../img/banners-top/blog_v2.webp") !important;
	background-position: bottom center !important;
}

.text-showing-post img{
	display: inline-block;
	width: 100%;
  	height: auto;
}

@media (max-width: 480px) {

	.grid-layaout-post__item:first-child .grid-layaout-post__item-img{
		height: 300px;
	}

	.grid-layaout-post{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}

	.grid-layaout-post__item:first-child{
		grid-column: 1 / 1;
	}

	.bottom-blog-articles{
		grid-template-columns: 1fr;
	}
}