<?php if ( get_theme_mod('ngo_disaster_relief_about_us_section_enable',false) ) : ?>
	<div id="trending" class="pt-5">
		<div class="container">
			<div class="row">
				<div class="col-lg-7 col-md-7 align-self-center wow fadeInDown">
					<div class="row">
						<div class="col-lg-8 col-md-7 about-image">
							<?php if ( get_theme_mod('ngo_disaster_relief_about_image_1') ) : ?>
			                    <img src="<?php echo esc_url(get_theme_mod('ngo_disaster_relief_about_image_1'));?>">
			                <?php endif; ?>
						</div>
						<div class="col-lg-4 col-md-5 about-image-1">
							<?php if ( get_theme_mod('ngo_disaster_relief_about_us_section_achivement_heading') || get_theme_mod('ngo_disaster_relief_about_us_section_achivement_text') ) : ?>
								<div class="achivement-box">
									<h4 class="mb-2"><?php echo esc_html(get_theme_mod('ngo_disaster_relief_about_us_section_achivement_heading'));?></h4>
									<p class="mb-0"><?php echo esc_html(get_theme_mod('ngo_disaster_relief_about_us_section_achivement_text'));?></p>
								</div>
							<?php endif; ?>
							<?php if ( get_theme_mod('ngo_disaster_relief_about_image_2') ) : ?>
			                    <img src="<?php echo esc_url(get_theme_mod('ngo_disaster_relief_about_image_2'));?>">
			                <?php endif; ?>
						</div>
					</div>
					
				</div>
				<div class="col-lg-5 col-md-5 about-us-content align-self-center wow fadeInUp">
					<h4 class="mb-2 heading-main"><?php echo esc_html(get_theme_mod('ngo_disaster_relief_about_us_section_heading'));?></h4>
					<p class="mb-4"><?php echo esc_html(get_theme_mod('ngo_disaster_relief_about_us_section_content'));?></p>
					<div class="row">
						<div class="col-lg-1 col-md-2 about-icon">
							<i class="fas fa-check-circle"></i>
						</div>
						<div class="col-lg-4 col-md-4 right-image ">
							<?php if ( get_theme_mod('ngo_disaster_relief_about_us_right_image') ) : ?>
			                    <img src="<?php echo esc_url(get_theme_mod('ngo_disaster_relief_about_us_right_image'));?>">
			                <?php endif; ?>
						</div>
						<div class="col-lg-7 col-md-6 align-self-center image-content">
							<h4 class="mb-2"><?php echo esc_html(get_theme_mod('ngo_disaster_relief_about_us_section_short_heading'));?></h4>
							<p class="mb-0"><?php echo esc_html(get_theme_mod('ngo_disaster_relief_about_us_section_short_text'));?></p>
						</div>
					</div>
					<?php if ( get_theme_mod('ngo_disaster_relief_about_us_button_text') || get_theme_mod('ngo_disaster_relief_about_us_button_url') ) : ?>
						<p class="about-button mt-5"><a href="<?php echo esc_url(get_theme_mod('ngo_disaster_relief_about_us_button_url'));?>"><?php echo esc_html(get_theme_mod('ngo_disaster_relief_about_us_button_text'));?></a></p>
					<?php endif; ?>
				</div>
			</div>
		</div>
	</div>
<?php endif; ?>