/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1789016428
Updated: 2026-09-10 01:00:28

*/

.homepage_smile_table_blk h2.elementor-heading-title {
	overflow-wrap: anywhere;
}


.homepage_slider_review_sec_container .homepage_slider_review_caro_blk .e-n-carousel {
	padding: 0 !important;
}


/*----------------------------*/

.blog-banner-content {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

.blog-banner-content h1 {
    margin: 0;
}

.blog-posts {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.blog-posts .blog-post {
	width: 100%;
	max-width: 49%;
	display: flex;
	flex-wrap: wrap;
}

.blog-post img {
	width: 100%;
	max-width: 100%;
	object-fit: cover;
	height: 400px;
}

.blog-post a {
	display: flex;
	height: fit-content;
	width: 100%;
}

.blog-posts .blog-post h2 {
	font-size: 27px;
}

.blog-posts .blog-post a {
	text-decoration: unset !important;
}

.blog-posts .blog-post .post-excerpt p {
	margin-top: 0 !important;
}

.blog-posts .blog-post a.read-more {
    background-color: #3359a8;
    color: #fff;
    width: fit-content;
    padding: 12px 20px;
    font-size: 17px;
}

.blog-posts .blog-post a.read-more:hover {
    background-color: #000;
    color: #fff;
}

.blog-pagination {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    text-align: center;
    margin-top: 60px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.blog-pagination .page-numbers.current {
    color: #3359a8;
}

.blog-pagination .page-numbers {
    font-size: 19px;
    text-decoration: unset;
}

@media only screen and (max-width: 767px) {
	.blog-post img {
		height: fit-content !important;
	}
}

@media only screen and (max-width: 991px) {
	section.blog-banner {
		padding-top: 110px;
		padding-bottom: 50px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.blog_posts_main_container {
		padding-top: 10px;
		padding-bottom: 50px;
		padding-left: 20px;
		padding-right: 20px;	
	}
	.blog-posts .blog-post {
		max-width: 100% !important;
	}
	.blog-posts {
    	gap: 30px;
	}
}

@media only screen and (min-width: 992px) {
	section.blog-banner {
		padding-top: 150px;
		padding-bottom: 50px;
		padding-left: 50px;
		padding-right: 50px;
	}
	.blog_posts_main_container {
		padding-top: 10px;
		padding-bottom: 60px;
		padding-left: 50px;
		padding-right: 50px;	
	}
	.blog_posts_main_container .blog-posts {
		row-gap: 40px;
	}

}