@extends('frontend.layouts.master')

@section('header')
    @include('frontend.layouts.header-layout.three')
@endsection
@section('contents') 
<!-- breadcrumb-area -->
<section id="hero" class="hero section dark-background">
  <div id="hero-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="5000">
    <div class="carousel-item active"> <img src="{{ asset('frontend/img/hero-carousel/fatca-banner.jpg') }}" alt="">
      <div class="carousel-container">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb text-white">
            <li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('Home') }}</a></li>
            <li class="breadcrumb-item active  text-white" aria-current="page">{{ __('FATCA & CSR') }}</li>
          </ol>
        </nav>
        <h1 class="fw-bold hero-title fs-1">{{ __('FATCA & CSR') }}</h1>
      </div>
    </div>
    <!-- End Carousel Item --> 
  </div>
</section>
<section id="" class="open-peronalacc pb-0">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="text-center border-bottom  pb-4" data-aos="fade-left" data-aos-delay="200">
          <h2 class=" mb-3  fw-bold">{{ $fatca->translation->title }}</h2>
        </div>
      </div>
    </div>
  </div>
  <div class="container card container-md p-5 border-0">
    <div class="row gx-5" > {!! replaceImageSources($fatca?->description) !!} </div>
  </div>
</section>
<section id="" class="open-peronalacc pb-0">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="text-center border-bottom  pb-4" data-aos="fade-left" data-aos-delay="200">
          <h2 class=" mb-3  fw-bold">{{ $csr->translation->title }}</h2>
        </div>
      </div>
    </div>
  </div>
</section>
<section id="contact-form" class="contact-form px-3 px-md-0 ">
  <div class="container  rounded-4">
    <div class="row  gx-4 align-items-center">
      
      {!! replaceImageSources($csr?->description) !!}
      
    </div>
  </div>
</section>
<!--  Marquee Area --> 
@include('frontend.partials.marquee')
@endsection
@section('footer')
    @include('frontend.layouts.footer-layout.two')
@endsection