@extends('front.app')

@section('content')
<section data-aos="fade-up" class="inner_banner">
	<img class="img-fluid w-100 d-none d-md-block" src="{{asset('front/images/treatment_banner.webp')}}" alt="banner">
	<img class="img-fluid w-100 d-block d-md-none" src="{{asset('front/images/treatment_mobbanner.webp')}}" alt="banner">
	<div class="innerbanner_text"></div>
	@include('front.banner_base')
</section>
<!--************************************* treatments_details *************************************-->
<section class="treatments_details">
	<div class="container">
		<div class="row">
			<div data-aos="fade-up" class="col-12 text-center">
				<h1 class="mb-5">Pulmonary Arterial Hypertension PAH or PH</h1>
			</div>
		</div>
		<div class="row gx-lg-5">
			<div data-aos="fade-up" class="col-md-5 col-12 mb-md-0 mb-3">
				<img class="img-fluid w-100 d-block treatments_details_img rounded-4" src="{{asset('front/images/pulmonary_arterial_hypertension_01.webp')}}" alt="Treatments">
			</div>
			<div data-aos="fade-up" class="col-md-7 col-12">
				<h4 class="text-md-start">
					<p class="mb-3">Pulmonary arterial hypertension (PAH) is a serious condition where the blood pressure in the pulmonary artery becomes abnormally high. This occurs when the tiny arteries in the lungs narrow, increasing the workload of the heart. Causes include congestive heart failure, blood clots in the lungs, HIV, liver diseases, inborn heart defects, sleep apnea, autoimmune diseases, and lung conditions such as emphysema and pulmonary fibrosis. In some cases, the cause remains unknown, termed idiopathic PAH.</p>
					<p>Symptoms of pulmonary arterial hypertension (PAH) can be subtle and easily mistaken for other conditions, including chest pain, breathing difficulties, dry or bloody cough, dizziness, fainting, fatigue, nausea, vomiting, wheezing, and swelling in the ankles or arms. Ignoring these symptoms can lead to complications such as anaemia, arrhythmias, blood clots, lung bleeding, heart failure, liver damage, and pregnancy complications.</p>
				</h4>
			</div>
		</div>
		<!--<div class="row gx-lg-5 mt-5">
			<div data-aos="fade-up" class="col-md-7 col-12 order-md-1 order-2">
				<h4 class="text-md-start">
					<p class="mb-3"></p>
					<p></p>
				</h4>
			</div>
			<div data-aos="fade-up" class="col-md-5 col-12 order-md-2 order-1 mb-md-0 mb-3">
				<img class="img-fluid w-100 d-block treatments_details_img rounded-4" src="{{asset('front/images/pulmonary_arterial_hypertension_02.webp')}}" alt="Treatments">
			</div>
		</div>-->
		<div data-aos="fade-up" class="text-center d-flex flex-wrap-reverse justify-content-between back_btn">
			<a class="send_btn trs my-2" href="{{ route('front.page', 'heart-failure') }}"><i class="fa-sharp fa-solid fa-arrow-left me-3"></i> Heart Failure</a>
			<a class="send_btn trs my-2" href="{{asset('front/pdf/pdf.pdf')}}" target="_blank"><i class="fa-solid fa-file-arrow-down me-3"></i> Rules &amp; Regulations</a>
		</div>
	</div>
</section>
@endsection