/*
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.4.1750828986
Updated: 2025-06-25 05:23:06

*/


/* Responsive CSS */

.wwt-slider-wrapper {
	max-width: 1515px;
	margin: 0px auto;
	position: relative;
}

.wwt-slider-container {
	overflow: hidden;
	position: relative;
}

.wwt-slider {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.wwt-slide {
	flex: 0 0 38%;
	margin: 0 10px;
	text-align: center;
	transition: transform 0.5s ease, opacity 0.5s ease;
}

.wwt-slide.active {
	transform: scale(0.8);
	flex: 0 0 36.5% !important;
	opacity: 1;
}

.wwt-slide.active img {}

.wwt-slide img {
	width: 100%;
	object-fit: cover;
	border-radius: 30px;
}

.wwt-slide h3 {
	margin-top: 25px;
	margin-bottom: 5px !important;
	font-family: Nunito !important;
	font-size: clamp(1.25rem, 1.1048rem + 0.6452vw, 1.75rem) !important;
	line-height: 1.2em !important;
	text-align: center;
}

.wwt-slide a {
	font-family: Plus Jakarta Sans;
	font-weight: 600;
	text-decoration: underline !important;
	color: #73244B !important;
	font-size: 14px !important;
	line-height: 21px !important;
	letter-spacing: 0.7px !important;
	text-transform: uppercase;
}

.wwt-nav-arrow {
	position: absolute;
	top: 44%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	font-size: 22px;
	cursor: pointer;
	z-index: 10;
}

.wwt-nav-left {
	left: 31.5%;
}

.wwt-nav-right {
	right: 31.5%;
}

@media (max-width: 1500px) {

	/* Footer */
	.common-main-container {
		max-width: 98% !important;
		width: 100% !important;
		margin: 0 auto !important;
	}
}
@media (max-width:1366px){
	.related-articles-grid{
	gap:30px !important;
}	
}
@media (max-width: 1024px) {
	.related-articles-grid{
		grid-template-columns: repeat(2, 1fr);
	}
	.related-article-content{
		margin-top: 25px;
        margin-bottom: 10px;
	}
}

@media (max-width: 767px) {

	.wwt-slide {
		flex: 0 0 80%;
		margin: 0 10px;
	}

	.wwt-slide.active {
		flex: 0 0 76% !important;
		transform: scale(0.9);
	}

	.wwt-nav-arrow {
		top: 90% !important;
	}

	.wwt-nav-left {
		left: 7.5%;
	}

	.wwt-nav-right {
		right: 7.5%;
	}
	.related-articles-grid{
		grid-template-columns: repeat(1, 1fr);
	}
	.related-article-card img{
		max-height: 350px !important;
        height: auto !important;
	}
}