/**
 * The template for displaying all pages.
 *
 * @package          Flatsome\Templates
 * @flatsome-version 3.16.0
 */

if(flatsome_option('pages_template') != 'default') {

	// Get default template from theme options.
	get_template_part('page', flatsome_option('pages_template'));
	return;

} else {

get_header();
do_action( 'flatsome_before_page' ); ?>
 class="content-area page-wrapper" role="main">
	<div class="row row-main">
		<div class="large-12 col">
			<div class="col-inner">

				
									
						
  <div class="banner has-hover" id="banner-145083467">
          <div class="banner-inner fill">
        <div class="banner-bg fill" >
			<img fetchpriority="high" decoding="async" width="960" height="640" src="https://roshnihelpline.org/wp-content/uploads/2021/02/138371041_1591781474341677_6576713458142389698_n-jpg.webp" class="bg" alt="" srcset="https://roshnihelpline.org/wp-content/uploads/2021/02/138371041_1591781474341677_6576713458142389698_n-jpg.webp 960w, https://roshnihelpline.org/wp-content/uploads/2021/02/138371041_1591781474341677_6576713458142389698_n-600x400.webp 600w, https://roshnihelpline.org/wp-content/uploads/2021/02/138371041_1591781474341677_6576713458142389698_n-768x512.webp 768w" sizes="(max-width: 960px) 100vw, 960px" />                        <div class="overlay"></div>            
                    </div>
		
        <div class="banner-layers container">
            <div class="fill banner-link"></div>            

   <div id="text-box-1387216061" class="text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text">
                                <div class="text-box-content text dark">
              
              <div class="text-inner text-center">
                  

<h1 class="uppercase">DONATE NOW</h1>

              </div>
           </div>
                            
<style>
#text-box-1387216061 {
  width: 60%;
}
#text-box-1387216061 .text-box-content {
  font-size: 100%;
}
@media (min-width:550px) {
  #text-box-1387216061 {
    width: 60%;
  }
}
</style>
    </div>
 

        </div>
      </div>

            
<style>
#banner-145083467 {
  padding-top: 340px;
  background-color: rgba(237, 237, 237, 0.98);
}
#banner-145083467 .overlay {
  background-color: rgba(133, 133, 133, 0.48);
}
#banner-145083467 .bg {
  object-position: 40% 52%;
}
</style>
  </div>


	<div id="gap-1970902312" class="gap-element clearfix" style="display:block; height:auto;">
		
<style>
#gap-1970902312 {
  padding-top: 60px;
}
</style>
	</div>
	

<div class="row align-middle align-center"  id="row-2045660369">


	<div id="col-1254952048" class="col medium-11 small-12 large-10"  >
				<div class="col-inner" style="background-color:rgb(255, 228, 182);" >
			
			

<div class="row row-collapse align-middle align-center"  id="row-1546476546">


	<div id="col-1031343478" class="col medium-12 small-12 large-12"  >
				<div class="col-inner text-center"  >
			
			


		</div>
					</div>

	

</div>
<h2><strong>Donate Online</strong></h2>
<p>Please use the form below to submit your donations to the Roshni Helpline. After submitting the details, you will be redirected to a payment gateway for payment processing.&nbsp;</p>


		</div>
				
<style>
#col-1254952048 > .col-inner {
  padding: 30px 30px 0px 30px;
}
@media (min-width:550px) {
  #col-1254952048 > .col-inner {
    padding: 80px 80px 65px 80px;
  }
}
</style>
	</div>

	

</div>
	<div id="gap-1080084822" class="gap-element clearfix" style="display:block; height:auto;">
		
<style>
#gap-1080084822 {
  padding-top: 60px;
}
</style>
	</div>
	



<iframe allow="payment" width="100%" height= "800px" style="border:none;" src="https://billing.paypro.com.pk/donation/roshni-helpline/"></iframe>

					
												</div>
		</div>
	</div>
</div>


do_action( 'flatsome_after_page' );
get_footer();

}

?>