@charset "UTF-8";.our-blog-section{display:flex;flex-direction:column;gap:24px}.our-blog-section .our-blog-section-title{margin-bottom:0;font-size:32px;font-weight:600;color:#000;text-align:center}.our-blog-section .our-blog-blogs-section{display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(4,auto);gap:24px}@media (max-width: 1279.98px){.our-blog-section .our-blog-blogs-section{grid-template-columns:1fr;grid-template-rows:initial}}.our-blog-section .our-blog-item_publish-date{font-size:16px;line-height:24px;color:var(--ppt-grey)}.our-blog-section a{color:#000}.our-blog-section a:hover{text-decoration:none}.our-blog-section .our-blog-item_content{display:flex;flex-direction:column;color:#000}.our-blog-section .our-blog-item_html-title{color:#000}.our-blog-section .our-blog-item_image{border-radius:20px}.our-blog-section .our-blog-item_content_summary{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;color:#000;-webkit-line-clamp:3}.our-blog-section .our-blog-item{display:flex;flex-direction:column}@media (min-width: 768px) and (max-width: 1279.98px){.our-blog-section .our-blog-item{flex-direction:row;gap:20px}}.our-blog-section .our-blog-item .our-blog-item_html-title{margin-bottom:20px;font-size:32px;font-weight:400;line-height:35px}.our-blog-section .our-blog-item .our-blog-item_publish-date{margin-bottom:12px}.our-blog-section .our-blog-item .our-blog-item_content_summary{margin-bottom:0}.our-blog-section .our-blog-item .our-blog-item_image{width:100%;height:100%;object-fit:cover}@media (min-width: 768px) and (max-width: 1279.98px){.our-blog-section .our-blog-item .our-blog-item_image{width:unset;height:auto;max-height:300px;object-fit:unset}}@media (min-width: 768px) and (max-width: 989.98px){.our-blog-section .our-blog-item .our-blog-item_image{max-height:250px}}@media (min-width: 1280px){.our-blog-section .our-blog-item:first-child{grid-row:1/-1}}@media (min-width: 1280px){.our-blog-section .our-blog-item:not(:first-child){display:flex;flex-direction:row;gap:20px}.our-blog-section .our-blog-item:not(:first-child) .our-blog-item_image{width:268px;height:179px}.our-blog-section .our-blog-item:not(:first-child) .our-blog-item_publish-date{margin-bottom:16px}.our-blog-section .our-blog-item:not(:first-child) .our-blog-item_html-title{width:178px;margin-bottom:0;font-size:20px;font-weight:400;line-height:24px}.our-blog-section .our-blog-item:not(:first-child) .our-blog-item_content_summary{display:none}}.our-blog-section-button{display:flex;align-items:center;margin:0 auto;padding:12px 48px;font-size:18px;font-weight:700;line-height:21px;color:#fff;text-align:center;background:var(--ppt-red);border-radius:24px}

a.our-blog-section-button,
a.our-blog-section-button:hover,
a.our-blog-section-button:active,
a.our-blog-section-button:focus {
	border: 1px solid var(--btn-color);
	background-color:white;
	border-radius: 50px;
	color: var(--btn-color);
}
a.our-blog-section-button {
	--btn-color: var(--ppt-red);
	color:white;
	background-color:var(--btn-color);
}

a.our-blog-item:hover .our-blog-item_html-title{
color: var(--ppt-blue);
}
a.our-blog-item:hover .our-blog-item_image{
    filter: opacity(0.75);
}

@media (max-width: 767px) {
    .our-blog-section .our-blog-blogs-section {
	grid-template-columns: initial;
        grid-template-rows: initial;
        grid-auto-flow: column;
        //grid-auto-columns: 70vw;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
	gap: 12px;
    }

.our-blog-section .our-blog-item .our-blog-item_publish-date {
    margin-bottom: 8px;
}

.our-blog-section .our-blog-item .our-blog-item_html-title {
display: -webkit-box;        
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; 
	margin-bottom: 10px;
	    font-size: 28px;
    	line-height: 30px;
}

	.our-blog-section .our-blog-blogs-section .our-blog-item {
		scroll-snap-align: center;
		max-width: 452px;
		width: 80vw;
	}
.our-blog-section .our-blog-item .our-blog-item_image {
	aspect-ratio: 452/302;
	max-width: 452px;
    	height: initial;
}

}