/* 20260209 Kalo edits */

.c411-section-decor-article { display: none !important; }

/* ========================================
 SLAG BRAND - MOBILE OPTIMIZED CSS
 Colors: #242D7B (Navy) | #E32730 (Red)
======================================== */


.c411-home-hero { position: relative; min-height: 500px; display: flex; align-items: center; justify-content: center; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; overflow: hidden; }
.c411-home-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient( 135deg,  rgba(36, 45, 123, 0.75), rgba(36, 45, 123, 0.65) ); z-index: 1; }
.c411-c-ctnr { position: relative; z-index: 2; padding: 60px 40px; width: 100%; max-width: 1200px; margin: 0 auto; }
.c411-c-slogan { color: white; font-size: 2.5rem !important; font-weight: 700; text-shadow: 0 3px 12px rgba(0,0,0,0.5); max-width: 31ch !important; text-align: left; margin: 0; z-index: 9999; }
	h2.c411-c-slogan { font-size: 1.25rem !important; max-width: inherit !important; font-weight: normal !important; }
.c411-c-slogan br { display: block; margin-bottom: 10px; }
.c411-home-hero-taglines { display: flex; flex-direction: column; gap: 1rem;}

/**/
.c411-landingpage .c411-landingpage-benefits { border-radius: 2rem; margin: 2rem 0 4rem; }
.c411-landingpage .c411-landingpage-benefits > ul { gap: 2rem; }
.c411-landingpage .c411-landingpage-benefits > ul > li { padding: 1rem 1.5rem; } 

.c411-landingpage h2	{ color: #242D7B;}

.c411-landingpage-benefits ul ul { padding: 0; margin: 0; list-style: none; }
.c411-landingpage-benefits ul ul li { list-style: none; position: relative; padding-left: 28px; margin-bottom: 12px; font-size: 0.95rem; line-height: 1.5; color: #4b5563; }
.c411-landingpage-benefits ul ul li::before { content: "✓"; position: absolute; left: 0; top: 2px; color: #E32730; font-weight: 700; font-size: 1.1rem; }
.c411-landingpage-benefits ul ul li:last-child { margin-bottom: 0; }


		@media (min-width: 769px) { 
			.c411-home-hero { background-size: cover; background-position: center; }
			.c411-c-ctnr { background-image: none !important; background-color: transparent !important; }
		}		


				@media (min-width: 769px) and (max-width: 1024px) { 
					.c411-home-hero { min-height: 480px; }
					.c411-c-slogan { font-size: 2.2rem; }
				}

							@media (max-width: 768px) { 
								h2 { font-size: 1.4rem; margin-bottom: 12px; color: #242D7B; font-weight: 600; line-height: 1.1; }
								h3 { font-size: 1.1rem; margin-bottom: 8px; color: #242D7B; font-weight: 600; }
								p { font-size: 1rem; line-height: 1.6; color: #4b5563; }
								section { margin-bottom: 48px; }

								.c411-landingpage-features ul, .c411-landingpage-benefits ul { display: flex; flex-direction: column; } 
								.c411-landingpage-features ul li,
								.c411-landingpage-benefits ul li { width: 100%; }

								.c411-landingpage-features ul { display: grid; gap: 20px; padding: 0; margin: 0; } 
								.c411-landingpage-features ul > li { list-style: none; background: #f8f9fa; border-radius: 12px; padding: 20px; border-left: 4px solid #E32730; box-shadow: 0 2px 8px rgba(36, 45, 123, 0.08); }
								.c411-landingpage-features h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 8px; color: #242D7B; }
								.c411-landingpage-features p { font-size: 0.95rem; line-height: 1.5; margin: 0; color: #4b5563; }

								.c411-landingpage-benefits > ul { display: grid; gap: 20px; padding: 0; margin: 0; }
								.c411-landingpage-benefits > ul > li { list-style: none; background: #ffffff; border-radius: 12px; padding: 20px; box-shadow: 0 4px 12px rgba(36, 45, 123, 0.1); border: 1px solid #e5e7eb; }
								.c411-landingpage-benefits h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 12px; color: #242D7B; }
 
								
								.c411-home-hero { background-image: none !important; background-color: transparent !important; min-height: 400px !important; flex-direction: column; }
								.c411-home-hero::before { content: none !important; display: none !important; }
								.c411-c-ctnr { position: relative !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; min-height: 400px !important; padding-bottom: 3rem !important; display: flex !important; align-items: center !important; align-items: start !important; justify-content: center !important; }
										.c411-c-ctnr::before { content: '' !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; background: linear-gradient( 180deg,  rgba(36, 45, 123, 0.1), rgba(36, 45, 123, 0.5) ); z-index: 99; }
								.c411-c-slogan { position: relative !important; z-index: 100 !important; font-size: 2.2rem !important; max-width: 100% !important; text-align: left !important; margin: 0 auto !important; line-height: 1.2 !important; text-shadow: none; color: #242D7B !important; } 
								.c411-home-hero-taglines { padding: 1rem 2rem; } 
								
								.c411-landingpage .c411-landingpage-benefits { margin: 2rem -1.5rem 3rem; }
								
							}