/* ==============================================================================
Theme Name: Phlox Pro Child
Theme URI: http://phlox.pro/go/
Author: averta
Author URI: http://www.phlox.pro
Description: Phlox Pro Child Theme
Template: phlox-pro
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, left-sidebar, right-sidebar
Text Domain: phlox-pro-child
================================================================================= */

.mbws-feature-product .elementor-image-box-content {
position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px;	
}

#home_project_section::before {
	content: "";
	display: block;
	width: 60%;
	height: 100%;
	background-color: var(--e-global-color-primary);
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 0 20px 20px 0;
}
#home_project_section .aux-media-image img {
	aspect-ratio: 10/16;
	object-fit: cover;
}
#home_project_section .entry-main {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform: translatey(-50%);
}
.container-left {
	padding-left: calc((100vw - 1240px) / 2);
}
#home_project_section .aux-mc-controls {
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}

.mbws-feature-product-section .elementor-container::before {
	content: "";
	background-color: var(--e-global-color-primary);
	display: block;
	width: calc(100% + 120px);
	height: 82%;
	bottom: 0;
	left: -60px;
	border-radius: 20px;
	position: absolute;
	z-index: 0;
}

.mbws-feature-product-section .aux-col {
	margin-top: 0 !important;
}

.mbws-feature-product-section .aux-col .entry-title a:hover {
	color: white !important;
}

.mbws-feature-product .elementor-image-box-content{
	bottom: 15px;
	border-radius: 0 0 15px 15px; 
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.82) 0%, rgb(0 0 0 / 0%) 100%);
}

@media (max-width: 1024px) {
	#home_project_section::before {
		width: 100%;
		height: 60%;
		border-radius: 20px;
	}
}

@media (max-width: 480px) {
	.mbws-feature-product .elementor-image-box-content {
		padding: 20px;
	}
}