/* Common */
.node_view-panels_variant-36 .button-cta {display: flex;}


/* Contact us */ 
.blog-post__block-contact 
{display: flex;
align-items: center;
gap: 35px 65px; padding: 35px 55px;
background : url('https://www.esker.com/sites/default/files/assets/blog/block-backgrounds/Back-Blog.png');
background-position: center;
border-radius: 30px 0; 
background-repeat: no-repeat;
background-size: cover;
box-shadow: 0 3px 6px #402BAB33;
}

.blog-post__block-contact .content-left img {max-width: 365px;}

.blog-post__block-contact h2,
.blog-post__block-contact p {color: #FFF!important;}
.blog-post__block-contact p  {font-size: 1.25rem; margin-bottom: 25px; line-height: 1.2;}
.blog-post__block-contact h2 {font-family:"Figtree"!important; font-weight: 800; margin-top: 0 !important; margin-bottom: 20px !important; font-size: 2.625rem !important; text-wrap: balance;}

@media screen and (max-width: 1400px) {
	.blog-post__block-contact h2 {font-size: 2rem !important;}
}

@media screen and (max-width: 1200px) {
	.blog-post__block-contact {flex-direction: column-reverse; background-size: cover;}
 .blog-post__block-contact .content-left img {max-width: 75%; margin: 0 auto;}
	
}

@media screen and (max-width: 668px) {
	.blog-post__block-contact {padding: 35px;}
	.blog-post__block-contact .content-left img {max-width: 100%;}
}

@media screen and (max-width: 460px) {
	.blog-post__block-contact h2 { font-size: 1.75rem !important; }
}


/* Generical blocks */ 
.blog-post__block-generic {box-shadow: 0 3px 6px #402BAB33; display: flex;}
.blog-post__block-generic.blue-gradient{background: linear-gradient(180deg,rgba(67, 46, 195, 1) 0%, rgba(29, 197, 215, 1) 100%);}
.blog-post__block-generic.purple-background {background: url('https://www.esker.com/sites/default/files/assets/blog/block-backgrounds/CTA-Blog-Back-Purple.jpg'); background-size : cover; background-position: right;}
.blog-post__block-generic.rounded {border-radius: 30px 0;}
.blog-post__block-generic.small {max-width: 75%;}
.blog-post__block-generic .content {display: flex; flex-direction: column; max-width: 85%; margin: 0 auto; padding: 50px 0; }
.blog-post__block-generic .content.center {align-items: center; text-align: center;}
.blog-post__block-generic h2 {font-family:"Figtree"!important; font-weight: 800; margin-top: 0 !important; margin-bottom: 20px !important; font-size: 2.625rem !important; text-wrap: balance;}
.blog-post__block-generic h2, .blog-post__block-generic p {color: #FFF !important}
.blog-post__block-generic p {font-size: 1.25rem; margin-bottom: 25px; line-height: 1.2;}

.blog-post__block-generic.image,
.blog-post__block-generic.border-image{padding: 50px 7.5%; align-items: center; gap: 35px 75px;}
.blog-post__block-generic.image .content-left {min-width: 285px; max-width: 365px;}
.blog-post__block-generic.image.reverse {flex-direction: row-reverse;}

.blog-post__block-generic.border-image {padding: 50px 7.5% 55px 0;}
.blog-post__block-generic.border-image .content-left {display: contents;}
.blog-post__block-generic.border-image .content-left img {max-height: 240px;}

@media screen and (max-width: 1400px) {
	.blog-post__block-generic h2 {font-size: 2rem !important}
	
	.blog-post__block-generic.image {padding: 45px 5%; gap: 35px 55px;}
	.blog-post__block-generic.image .content-left {min-width: 240px;}
	
	.blog-post__block-generic.border-image {padding: 45px 5% 50px 0; gap: 35px 55px;}
	.blog-post__block-generic.border-image .content-left img {max-height: 175px;}
}

@media screen and (max-width: 1200px) {
	.blog-post__block-generic.image,
	.blog-post__block-generic.border-image,
	.blog-post__block-generic.image.reverse{flex-direction: column-reverse; }
	
	.blog-post__block-generic.border-image {align-items: flex-start;}
	.blog-post__block-generic.border-image .content-right {margin-left: 5%;}
}


@media screen and (max-width: 768px) {
	.blog-post__block-generic .content {max-width: 90%; padding: 35px 0;}
}

@media screen and (max-width: 460px) {
    .blog-post__block-generic h2 {font-size: 1.75rem !important;}
    .blog-post__block-generic.image .content-left{min-width: unset; max-width: 100%;}
    .blog-post__block-generic.border-image .content-left{max-width: 100%; display: flex;}
    
    	.blog-post__block-generic.image {padding: 30px 25px 30px 30px; }
    	.blog-post__block-generic.border-image {padding: 30px 25px 30px 0;}
    		.blog-post__block-generic.border-image .content-right {margin-left: 30px;}
}

@media screen and (max-width: 380px) {
   .blog-post__block-generic.small {max-width: 100%;}
}