CM - Footer Update

Footer.php
<!-- .container -->
	<div class="footer-partners">
		<div class="footer-widgets">
		<?php if ( is_active_sidebar( 'footer-partners' ) ) : ?>
				<?php dynamic_sidebar( 'footer-partners' ); ?>
		<?php endif; ?>
		</div>
	</div><!-- .footer-partners -->


style.css
/* --------------------------------------------------------------
Footer
-------------------------------------------------------------- */
.site-footer {
	padding: 0;
	font-size: 17px;
	line-height: 1.5;
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: #f2f2f2;
	color: #272c30;
}

.site-footer a {
	color: #0072e5;
}

.site-footer a:hover {
	color: #272c30;
	text-decoration: underline;
}
.site-footer .footer-partners {
	padding: 29px 0;
	background-color: #fff;
	position: relative;
	z-index: 2;
}
.footer-partners .footer-widgets {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
	margin: 0 auto;
}
.footer-partners .footer-widgets section + section {
	margin-top: 0;
}
.footer-partners section img {
	width: auto;
	max-height: 40px;
}

@media (max-width: 1024px){
	footer.site-footer .footer-partners {
		order: 0;
	}
	footer.site-footer .container {
		order: 3;
	}
	footer.site-footer .social-links {
		order: 2;
	}
	.footer-partners .footer-widgets {
		gap: 10px;
		padding-top: 0;
	}
	.footer-partners section img {
		max-height: 30px;
	}
}

@media (max-width: 599px) {
	footer.site-footer .footer-partners .footer-widgets {
			padding-top: 0px;
	}
}

functions.php

	register_sidebar(
		array(
			'name'          => esc_html__( 'Footer Parners', 'cloud-mellow' ),
			'id'            => 'footer-partners',
			'description'   => esc_html__( 'Add widgets here.', 'cloud-mellow' ),
			'before_widget' => '<section id="%1$s" class="widget %2$s">',
			'after_widget'  => '</section>',
			'before_title'  => '<h2 class="widget-title">',
			'after_title'   => '</h2>',
		)
	);