/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 09 2026 | 20:08:58 */
/* Dev CSS */
@media screen and (max-width: 1200px)  {
body.elementor-page-3237 {
	margin: 0px !important;
	padding: 0 !important;
}
.solution-section .container {
    margin: 0 auto;
    padding: 0;
}
.solution-section .container .moodboard {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 100%;
}
.cust_hero_btn .elementor-image-box-wrapper {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.cust_hero_btn .elementor-image-box-wrapper .elementor-image-box-img {
    width: 39% !important;
    margin: 0 !important;
    display: flex;
    justify-content: end;
}
.cust_hero_btn .elementor-image-box-wrapper .elementor-image-box-img img {
    width: 45% !important;
}
.cust_hero_btn .elementor-image-box-wrapper .elementor-image-box-content {
    width: 62% !important;
}
.cust_hero_btn .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title {
    text-align: left;
}
.kree8-brand {
    width: 100%;
}
/* Hide Sections on Small Screens */
.kree8-brand {
	display: none !important;
}
.kree8-container-2 {
	align-items: start !important;
}
}
/* Dev CSS */