@extends('layout.main')

@push('title')
    <title>Our faq - Challa Brothers Tour and Travel</title>
	<meta name="description" content="Book your Varanasi & Bodh Gaya tour with our reliable taxis. Visit our gallery now!"/>
	<meta name="author" content="Challa Brothers Tour and Travels"/>
	<meta name="robots" content="index, follow"/>
	<meta name="distribution" content="global"/>
	<meta name="coverage" content="india"/>
	<meta name="object" content="document"/>
	<meta name="audience" content="All"/>
	<meta name="revisit-after" content="1 day"/>
	<meta name="language" content="en"/>
	<meta name="rating" content="general"/>
	<meta name="copyright" content="Copyright Challa Brothers Tour and Travels 2023"/>
	<!--General Meta End-->
	
	<!--canonical tag-->
    <link rel="canonical" href="https://www.challabrotherstourandtravel.com/gallery"/>
    
     <!--Open Graph Meta Start-->
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="Our Gallery - Challa Brothers Tour and Travel"/>
    <meta property="og:description" content="Book your Varanasi & Bodh Gaya tour with our reliable taxis.Visit our gallery now!"/>
    <meta property="og:url" content="https://www.challabrotherstourandtravel.com/gallery" />
    <meta property="og:image" content="https://www.challabrotherstourandtravel.com/public/storage/logo/1699010233challa-logo1.png"/>
    <!--Open Graph end-->

<script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "BreadcrumbList", 
  "itemListElement": [{
    "@type": "ListItem", 
    "position": 1, 
    "name": "Home",
    "item": "https://www.challabrotherstourandtravel.com/"  
  },{
    "@type": "ListItem", 
    "position": 2, 
    "name": "Gallery",
    "item": "https://www.challabrotherstourandtravel.com/gallery"  
  },]
}
</script>
<style>
    .accordion {
  .accordion-item {
    border-bottom: 1px solid $lightgray;
    button[aria-expanded='true'] {
      border-bottom: 1px solid $blue;
    }
  }
  button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    color: $text;
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
    &:hover, &:focus {
      cursor: pointer;
      color: $blue;
      &::after {
        cursor: pointer;
        color: $blue;
        border: 1px solid $blue;
      }
    }
    .accordion-title {
      padding: 1em 1.5em 1em 0;
    }
    .icon {
      display: inline-block;
      position: absolute;
      top: 18px;
      right: 0;
      width: 22px;
      height: 22px;
      border: 1px solid;
      border-radius: 22px;
      &::before {
        display: block;
        position: absolute;
        content: '';
        top: 9px;
        left: 5px;
        width: 10px;
        height: 2px;
        background: currentColor;
      }
      &::after {
        display: block;
        position: absolute;
        content: '';
        top: 5px;
        left: 9px;
        width: 2px;
        height: 10px;
        background: currentColor;
      }
    }
  }
  button[aria-expanded='true'] {
    color: $blue;
    .icon {
      &::after {
        width: 0;
      }
    }
    + .accordion-content {
      opacity: 1;
      max-height: 9em;
      transition: all 200ms linear;
      will-change: opacity, max-height;
    }
  }
  .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
    p {
      font-size: 1rem;
      font-weight: 300;
      margin: 2em 0;
    }
  }
}
</style>
    
@endpush

@section('main-section')

<!--============= PAGE-COVER =============-->
<section class="page-cover" id="cover-about-us">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1 class="page-title">Frequently Asked Question</h1>
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                    <li class="breadcrumb-item">FAQ</li>
                </ul>
            </div><!-- end columns -->
        </div><!-- end row -->
    </div><!-- end container -->
</section><!-- end page-cover -->
<!--===== INNERPAGE-WRAPPER ====-->


        <!--===== INNERPAGE-WRAPPER ====-->
<div class="container" style="margin-top:50px;margin-bottom:50px;">
  <h2>Frequently Asked Questions</h2>
  <div class="accordion">
    <div class="accordion-item">
      <button id="accordion-button-1" aria-expanded="false"><span class="accordion-title">What is the Taxi Fare in Varanasi?
</span><span class="icon" aria-hidden="true"></span></button>
      <div class="accordion-content">
        <p style="font-size: 15px;font-weight: 700;">The taxi fare in Varanasi depends on the type of vehicle, distance, and duration of the ride. Generally, local taxi services start at around ₹10-₹15 per kilometer for standard sedans, while SUVs may cost ₹15-₹20 per kilometer. Airport transfers typically range from ₹600 to ₹1,200, depending on the pickup location. </p>
      </div>
    </div>
    <div class="accordion-item">
      <button id="accordion-button-2" aria-expanded="false"><span class="accordion-title">How to book taxi in Varanasi?
</span><span class="icon" aria-hidden="true"></span></button>
      <div class="accordion-content">
        <p style="font-size: 15px;font-weight: 700;">Booking a taxi in Varanasi is easy and convenient, whether you need a ride for local sightseeing, airport transfers, or outstation travel</p>
      </div>
    </div>
    <div class="accordion-item">
      <button id="accordion-button-3" aria-expanded="false"><span class="accordion-title">How to book cab one day before?
</span><span class="icon" aria-hidden="true"></span></button>
      <div class="accordion-content">
        <p style="font-size: 15px;font-weight: 700;">Booking a cab in advance ensures a hassle-free journey without last-minute delays.</p>
      </div>
    </div>
    <div class="accordion-item">
      <button id="accordion-button-4" aria-expanded="false"><span class="accordion-title"> How to book cab without app?</span><span class="icon" aria-hidden="true"></span></button>
      <div class="accordion-content">
        <p style="font-size: 15px;font-weight: 700;">Most taxi companies have 24/7 customer support. Simply call their number, provide your pickup location, destination, and time, and they’ll arrange a cab for you.</p>
      </div>
    </div>
    <div class="accordion-item">
      <button id="accordion-button-5" aria-expanded="false"><span class="accordion-title">Do we get cabs from Varanasi airport?
</span><span class="icon" aria-hidden="true"></span></button>
      <div class="accordion-content">
        <p style="font-size: 15px;font-weight: 700;">Yes, you can easily find cabs at Varanasi Airport (Lal Bahadur Shastri International Airport) for a hassle-free journey to your destination.</p>
      </div>
    </div>
        <div class="accordion-item">
      <button id="accordion-button-6" aria-expanded="false"><span class="accordion-title">Which Cab Service is Best in Varanasi?
</span><span class="icon" aria-hidden="true"></span></button>
      <div class="accordion-content">
        <p style="font-size: 15px;font-weight: 700;">Varanasi, the spiritual capital of India, attracts millions of visitors every year. Whether you're a tourist exploring the ghats or a local commuting within the city.</p>
      </div>
    </div>
            <div class="accordion-item">
      <button id="accordion-button-7" aria-expanded="false"><span class="accordion-title"> How can I contact your customer support?
</span><span class="icon" aria-hidden="true"></span></button>
      <div class="accordion-content">
        <p style="font-size: 15px;font-weight: 700;">You can contact our customer support via phone at 7068447703 or email at challabrotherstourandtravel@gmail.com. For quick assistance, use our live chat on the website or WhatsApp at 7068447703. We're available 24/7 to help with your inquiries, bookings, and support needs</p>
      </div>
    </div>
  </div>
</div>
<script>
    const items = document.querySelectorAll(".accordion button");

function toggleAccordion() {
  const itemToggle = this.getAttribute('aria-expanded');
  
  for (i = 0; i < items.length; i++) {
    items[i].setAttribute('aria-expanded', 'false');
  }
  
  if (itemToggle == 'false') {
    this.setAttribute('aria-expanded', 'true');
  }
}

items.forEach(item => item.addEventListener('click', toggleAccordion));
</script>
@endsection