.destaque-guia .container-guia-page .image-guia-page {
    width: 33%;
    display: flex;
    justify-content: end;
}


.destaque-guia .container-guia-page .image-guia-page img{
	width: 72%;
	max-width: 100%;
	object-fit: contain;
}

.destaque-guia .container-guia-page  .content-guia-page {
    width: 67%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
}

.destaque-guia .container-guia-page .content-guia-page h3 {
    color: #141fe0;
    font-family: "Poppins", Sans-serif;
    font-size: 22px;
    font-weight: 600;
}

.destaque-guia .container-guia-page .content-guia-page .guia-content-title{
	color: #FFFFFF;
    font-family: "Poppins", Sans-serif;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.5em;
}

.destaque-guia .container-guia-page .content-guia-page p{
	color: #FFFFFF;
    --textColor: #FFFFFF;
    font-family: "Poppins", Sans-serif;
    font-size: 17px;
    font-weight: 500;
}

.destaque-guia .container-guia-page .content-guia-page .button-guia-page{
	margin-top: 20px
}

.destaque-guia .container-guia-page .content-guia-page .button-guia-page a:hover{
	color:#ff7f00;
	background: white
}

.container-guia.hovered-container-guia,
.beneficios-container .elementor-column.hovered-container-guia{
    width: 570px;
    flex-shrink: 0;
    transition: 0.5s;
}

.content-guia-page .button-guia-page a:hover {
    background: #FF7F00;
    color: white;
}

.container-guia,
.beneficios-container .elementor-column{
    width: 270px;
    transition: 0.5s;
}

.container-guia.hovered-container-guia .image-guia {
    height: 325px;
    transition: 0.5s;
}

.container-guia .image-guia {
    transition: 0.5s;
    background: #F7F7F7;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 164px;
}

.image-guia img {
    width: 40%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.container-guia.hovered-container-guia h2,
.beneficios-container .elementor-column.hovered-container-guia h2{
    font-size: 24px !important;
    transition: 0.5s;
}

.container-guia.hovered-container-guia .content-guia {
    height: auto;
}

.content-guia {
    margin-top: 20px;
    height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content-guia h2,
.content-guia .h2-size{
    transition: 0.5s;
    color: #141FE0;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    display:block;
	line-height: 1.2em
}

.content-guia p {
    color: #302F2F;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
}

.content-guia .read-more-go {
    display: flex;
    align-items: center;
    margin-top: auto;
    color: #5fc2ff;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
}


/*SKIN BLOG*/

.blog-header{
    margin-bottom: 30px;
}

.blog-header h2,
.blog-header .h2-size{
    color: #141FE0;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.blog-header h3,
.blog-header .h3-size{
    color: #302F2F;
    font-family: Poppins;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.blog-footer {
    padding: 40px 70px;
    border-radius: 8px;
    background: #141FE0;
}

.blog-footer a{
	color: #FFFFFF;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    display: inline-block;
    font-weight: 600;
    line-height: normal;
    border: 0;
    margin-top: 5px;
    padding: 7px 10px;
    border-radius: 8px;
    background: #FF7F00;
}

.blog-footer a:hover{
	background: white;
	color: #FF7F00;
}

.blog-footer p {
    color: #FFF;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
.blog-footer h2,
.blog-footer .h2-size{
    color: #FFFFFF;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    width: 80%;
    display: block;
    line-height: 32px;
}


.content-blog {
    background: linear-gradient(180deg, rgba(50, 62, 72, 0.00) 0%, rgba(50, 62, 72, 0.66) 100%);
    padding: 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.container-blog {
    overflow: hidden;
    break-inside: avoid;
    border-radius: 8px;
    background-repeat: no-repeat !important;
    background-size: 180% !important;
    background-position: center !important;
    height: 463px;
    margin-bottom: 30px;
    transition: transform 0.3s ease-in-out;
}

.content-blog .titulo-artigo-blog {
    margin: 10px 0;
    width: 80%;
    color: var(--Branco, #FFF);
    font-family: Poppins;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.read-more-home-blog{
    color: white;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.read-more-home-blog:hover{
    color: #65B2E8;
	transition: 0.5s
}

.container-blog:hover .content-blog .titulo-artigo-blog{
	color: #FFFFFF;
	transition: 0.5s;
}

.container-blog:hover {
    background-size: 200% !important;
    transition: 1s !important;
}
@media only screen and (max-width: 1260px) {
    .container-blog {
        background-size: cover !important;
    }
    .container-blog:hover {
        background-size: cover !important; 
        transition: transform 0.3s ease-in-out;
    }
}


.container-blog:hover .categorie-blog-custom p{
	background: #141FE0;
	transition: 0.5s
}

.container-blog:hover .read-more-home-blog{
    color: #00E1FF;
}

.blog-destaque-home .elementor-widget-container {
    -moz-column-count: 2;
    -moz-column-gap: 3%;
    -moz-column-width: 30%;
    -webkit-column-count: 2;
    -webkit-column-gap: 3%;
    -webkit-column-width: 30%;
	column-count: 2;
    column-gap: 3%;
    column-width: 30%;
}

.content-blog button {
    background: none;
    border: 0;
    display: flex;
    text-align: left;
}

.content-blog button:hover a{
    background: #1226AA;
    color: #FFE600;
}

.content-blog button a {
    padding: 8px 24px;
    border-radius: 8px;
    background: var(--Amarelo, #FFE600);
    color: var(--Azul-Escuro, #1226AA);
    text-align: center;
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
.hide-svg {
    display: none;
}


.blog-footer a svg path {
    fill: white;
}

/*SKIN GUIA*/

.image-guia-page {
    width: 40%;
}

.content-guia-page {
    width: 60%;
	display: flex;
    flex-direction: column;
	padding-left: 20px
}

.container-guia-page {
    display: flex;
}

.content-guia-page h3 {
    color: #141FE0;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
	margin-bottom: 5px
}

.content-guia-page .guia-content-title {
	margin-bottom: 10px;
    color: #302F2F;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
}

.content-guia-page p {
    color: var(--Cinza---Escuro---Texto, #302F2F);
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
	margin-bottom: 15px
}

.content-guia-page .button-guia-page{
    color: #1226AA;
	margin-top: auto;
	margin-bottom: 30px
}

.content-guia-page .button-guia-page a{
    color: #ffffff;
	margin-top: auto;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
	border: 0;
    padding: 7px 10px;
    border-radius: 8px;
    background: var(--Amarelo, #FF7F00);
}


.content-guia-page .button-guia-page a:hover{
	background: #FFFFFF
	color: #FF7F00;
}

.container-blog-all{
	margin-bottom: 30px
}

@media screen and (max-width: 1270px){
	.container-guia.hovered-container-guia {
		width: 100%;
		flex-shrink: 0;
		transition: 0.5s;
	}
	
	.container-guia{
		width: 100%;
		transition: 0.5s;
	}
}

@media screen and (max-width: 1024px){
	
	
	
	.container-blog-all .swiper-button-next ,
	.container-blog-all .swiper-button-prev {
		top: 55%;
	}
	
	.container-guia.hovered-container-guia, .beneficios-container .elementor-column.hovered-container-guia {
		width: 100%
	}
	
	.beneficios-container .elementor-column{
		width: 33.3%;
	}
	
	.blog-header h3,
	.blog-header h2,
	.blog-header .h3-size,
	.blog-header .h2-size{
		text-align: center;
	}
	
	.blog-footer {
		height: auto !important;
		padding: 30px;
		flex-direction: column;
		display: flex !important;
		justify-content: center;
	}
	
	.blog-footer h2,
	.blog-footer .h2-size,
	.blog-footer p {
		width: 100%;
		text-align: center
	}
	
	.blog-footer a{
		justify-content: center
	}
	
	.blog-destaque-home .elementor-widget-container {
		-moz-column-count: 1;
		-moz-column-gap: 3%;
		-moz-column-width: 30%;
		-webkit-column-count: 1;
		-webkit-column-gap: 3%;
		-webkit-column-width: 30%;
		column-count: 1;
		column-gap: 3%;
		column-width: 30%;
	}
	
	.container-guia .image-guia {
		width: 100%;
		height: 180px
	}
	
	.content-guia h2,
	.content-guia .h2-size{
		font-size: 20px;
	}
	
	.container-blog {
		height: 400px !important;
		margin-bottom: 0;
	}
	
	.container-blog-all{
		overflow: hidden;
		margin-bottom:30px
	}
	

}

@media screen and (max-width: 767px){
	
	.destaque-guia .container-guia-page{
		width: 100%;
		flex-wrap: wrap;
	}

	.destaque-guia .container-guia-page .content-guia-page {
		width: 100%;
		padding: 0 20px;
	}
	
	.destaque-guia .container-guia-page .content-guia-page h3,
	.destaque-guia .container-guia-page .content-guia-page .guia-content-title,
	.destaque-guia .container-guia-page .content-guia-page p,
	.destaque-guia .container-guia-page .content-guia-page .button-guia-page{
		text-align: center
	}
	
	.destaque-guia .container-guia-page .image-guia-page img{
		width: 52%
	}
	
	.destaque-guia .container-guia-page .image-guia-page {
		width: 100%;
		display: flex;
		justify-content: center;
		order: 2
	}
	
	.blog-header h2,
	.blog-header .h2-size{
		font-size: 23px
	}
	
	.beneficios-container .elementor-column{
		width: 100%;
	}
	
	
	.image-guia-page img {
		height: 100%;
		object-fit: contain;
	}
	
	.content-guia-page p {
		font-size: 13px;
	}
	
	.content-guia-page .button-guia-page a{
		font-size: 14px
	}
	
	.container-blog-all{
		overflow: hidden;
		margin-bottom:30px
	}
	
	.container-guia .image-guia {
		width: 100%;
		height: 180px
	}
	
	.blog-destaque-home .elementor-widget-container {
		-moz-column-count: 1;
		-moz-column-gap: 3%;
		-moz-column-width: 30%;
		-webkit-column-count: 1;
		-webkit-column-gap: 3%;
		-webkit-column-width: 30%;
		column-count: 1;
		column-gap: 3%;
		column-width: 30%;
	}
	.content-guia-page {
		justify-content: center;
	}
	
	.image-guia-page {
		width: 40%;
		display: flex;
		justify-content: end;
	}
	
	.content-guia-page .button-guia-page {
		margin-top: 0;
	}
}