@push('style')
 <style>

    .tab {
      overflow: hidden;
      border: 1px solid #ccc;
      background-color: #f1f1f1;
    }

    /* Style the buttons inside the tab */
    .tab button {
      background-color: inherit;
      float: left;
      border: none;
      outline: none;
      cursor: pointer;
      padding: 14px 16px;
      transition: 0.3s;
      font-size: 17px;
      color: black;
    }

    /* Change background color of buttons on hover */
    .tab button:hover {
      background-color: #ddd;
      padding: 10px 20px;
      margin: 5px 0px;
    }

    /* Create an active/current tablink class */
    .tab button.active {
      background-color: #ccc;
      padding: 10px 20px;
      margin: 5px 0px;
    }

    /* Style the tab content */
    .tabcontent {
      display: none;
      padding: 6px 12px;
      border: 1px solid #ccc;
      border-top: none;
    }
    .book-btn-link{
    color: orange!important;
    border: 1px solid!important;
    margin: 10px 15px;
    border-radius: 0px;
    padding: 3px 10px !important;
}
.register-input{
    padding: 6px 10px;
    width: 100%;
    margin: 5px 0px;
}
.cancelbtn{
    margin: 15px 0px;
    padding: 10px 20px;
    background: linear-gradient(#c889ff, #ae56fc);
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}

  .card {
    border-radius: 8px;
    background: #fff;
    width: 90% !important;
    padding-top: 20px !important;
  }

    </style>
    
    <link rel="canonical" href="https://exprenza.com/ielts" />
 @endpush

 @extends('home.layouts.app')

 @section('content')
    <!-- Top Bar 1 Section -->
    <section class=" d-none d-sm-none d-md-block" style="background-color: #EDE9EB;">
      <div class="container">
          <div class="row">
              <div class="col-md-3 col-6 d-flex justify-content-start align-items-center"><img class="icon-img" src="{{homeTheme()}}/image/email.png" alt="Best study abroad consultancy in Kochi"><span class="header-mail">info@exprenza.com</span></div>
              <div class="col-md-3 col-6 d-flex justify-content-center"><button class="book-button" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Book An Appointment</button></div>
              <div class="col-md-3 col-6 d-flex justify-content-center align-items-center"><img class="icon-img" src="{{homeTheme()}}/image/phone2.png" alt="Best study abroad consultancy in Kochi"><span class="header-mail">+91 9037669901</span></div>
              <div class="col-md-3 col-6 d-flex justify-content-end align-items-center">
                  <a href="#"><i ><img class="smedia" src="{{homeTheme()}}/image/fb1.png" alt="Best study abroad consultancy in Kochi" width="75%"></i></a>
                  <a href="#"><i ><img class="smedia" src="{{homeTheme()}}/image/insta.png" alt="Best study abroad consultancy in Kochi" width="75%"></i></a>
                  <a href="#"><i ><img class="smedia" src="{{homeTheme()}}/image/ytube1.png" alt="Best study abroad consultancy in Kochi" width="75%"></i></a>
                  <a href="#"><i ><img class="smedia" src="{{homeTheme()}}/image/linkedin.png" alt="Best study abroad consultancy in Kochi" width="75%"></i></a>
              </div>
          </div>
      </div>
    </section>
  </div>




<section style="margin-top: 90px;">
    <div class="container">
        <div class="row d-flex ">

<!-- <div class="tab">
 <button class="tablinks" onclick="openCity(event, 'IELTS')">IELTS</button>
  <button class="tablinks" onclick="openCity(event, 'PTE')">PTE</button>
  <button class="tablinks" onclick="openCity(event, 'OET')">OET</button>
  <button class="tablinks" onclick="openCity(event, 'TOEFL')">TOEFL</button>
  <button class="tablinks" onclick="openCity(event, 'GRE')">GRE</button>
  <button class="book-btn-link">BOOK A TEST</button>
</div> -->

<div class="col-md-8"><img src="{{homeTheme()}}/image/toefl.png" alt="Best study abroad consultancy in Kochi" width="100%">
  <h1 style="padding: 10px 0px ;color:black;font-size:36px;">What is TOEFL ?</h1>
  <p style="font-size:14px;">
  The Test of English as a Foreign Language is a globally recognized English proficiency test widely accepted by universities in the USA, Canada, Australia, and Europe. It measures a student’s ability to use and understand English at the university level, focusing on reading, listening, speaking, and writing. Many institutions require TOEFL scores for admission into undergraduate and postgraduate programs, with a typical score requirement ranging from 80 to 100. This test is available in both internet-based (TOEFL iBT) and paper-based formats, making it accessible to students worldwide.
  </p>
</div>
 <div class="col-md-4 mt-1">
        <div class="card p-4 shadow-sm mx-auto sticky-enquiry ">
          <h4 class="mb-3">Enquiry Form</h4>
          <hr class="mb-3" style="width: 40px; border: 2px solid #ae56fc;">

          <form method="post" action="{{ route('home.enquiryForm.store') }}" enctype="multipart/form-data">
            @csrf

            <div class="row">
              <div class="col-md-6 mb-4">
                <input type="text" class="form-control" placeholder="Name" id="name" name="name"  value="{{ old('name') }}">
              </div>
              <div class="col-md-6 mb-4">
                <input type="email" class="form-control" placeholder="Email" id="email" name="email"  value="{{ old('email') }}">
              </div>
            </div>
           <div class="col-md-12 mb-4">
    <select id="nearest_exprenza_office" name="nearest_exprenza_office" class="form-control">
        <option value="">Nearest ExprenzaOffice</option>
        <option value="ERNAKULAM" {{ old('nearest_exprenza_office') == 'ERNAKULAM' ? 'selected' : '' }}>ERNAKULAM</option>
        <option value="THRISSUR" {{ old('nearest_exprenza_office') == 'THRISSUR' ? 'selected' : '' }}>THRISSUR</option>
        <option value="KATTAPANA" {{ old('nearest_exprenza_office') == 'KATTAPANA' ? 'selected' : '' }}>KATTAPANA</option>
        <option value="CHALAKKUDY" {{ old('nearest_exprenza_office') == 'CHALAKKUDY' ? 'selected' : '' }}>CHALAKKUDY</option>
        <option value="PERINTHALMANNA" {{ old('nearest_exprenza_office') == 'PERINTHALMANNA' ? 'selected' : '' }}>PERINTHALMANNA</option>
    </select>
</div>

           <div class="col-md-12 mb-4">
    <select id="quick-country" name="country" class="form-control">
        <option value="">Select Country</option>
        @isset($homeData['country'])
            @foreach($homeData['country'] as $post)
                <option value="{{ $post->title }}" 
                    {{ old('country') == $post->title ? 'selected' : '' }}>
                    {{ $post->title }}
                </option>
            @endforeach
        @endisset
    </select>
</div>


           <div class="form-group row">
    <div class="col-12 mb-4">
        <select id="service" name="service_looking_for" class="form-control">
            <option value="">Service Looking For?</option>
            <option value="Study Abroad" {{ old('service_looking_for') == 'Study Abroad' ? 'selected' : '' }}>Study Abroad</option>
            <option value="Visa" {{ old('service_looking_for') == 'Visa' ? 'selected' : '' }}>Visa Assistance</option>
            <option value="IELTS Learning" {{ old('service_looking_for') == 'Language Training' ? 'selected' : '' }}>Language Training</option>
        </select>
    </div>
</div>
            <div class="mb-4">
              <input type="text" class="form-control" placeholder="Phone" id="phone" name="phone" value="{{ old('phone') }}">
            </div>

            <div class="row">

             
            </div>


            <div class="mb-4">
              <textarea class="form-control" rows="4" placeholder="Your comment here..." id="message" name="message" value="{{ old('message') }}"></textarea>
            </div>
             <input type="hidden" name="recaptcha_token" id="recaptcha_token">

            <button type="submit" class="btn  btnen btn-info text-white w-100 fw-bold">
              TALK TO OUR EXPERTS
            </button>
          </form>
        </div>
      </div>


<div id="IELTS" class="tabcontent">
  <h3>IELTS</h3>
  <div class="row">
    ffdsf
    <div class="col-md-8">
      <img src="{{homeTheme()}}/image/ielts.jpg" alt="Best study abroad consultancy in Kochi" width="100%">

    </div>
    <div class="col-md-4">
        <form action="/action_page.php" style="border:1px solid #ccc">
            <div class="container">
              <h1 class="mt-3">Register Now</h1>
              <p>Course Applied For.</p>
              <hr>
              <input class="register-input"  type="text" placeholder="IELTS*" name="email" required>

              <input class="register-input" type="password" placeholder="Name*" name="name" required>

              <input class="register-input"  type="text" placeholder="Email*" name="email" required>

              <input class="register-input" type="number" placeholder="Phone*" name="phone" required>

              <input class="register-input" type="text" placeholder="Location*" name="location" required>

              <textarea class="register-input" id="w3review" placeholder="Location*" name="w3review">At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies.</textarea>


              <p>By creating an account you agree to our <a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>

              <div class="clearfix">
                <button type="button" class="cancelbtn">SEND MESSAGE</button>
              </div>
            </div>
          </form>
    </div>
    </div>
</div>

<div id="PTE" class="tabcontent">
    <h3>PTE</h3>
    <div class="row">
      <div class="col-md-8"><img src="{{homeTheme()}}/image/ielts.jpg" alt="Best study abroad consultancy in Kochi" width="100%"></div>
      <div class="col-md-4">
          <form action="/action_page.php" style="border:1px solid #ccc">
              <div class="container">
                <h1 class="mt-3">Register Now</h1>
                <p>Course Applied For.</p>
                <hr>
                <input class="register-input"  type="text" placeholder="IELTS*" name="email" required>

                <input class="register-input" type="password" placeholder="Name*" name="name" required>

                <input class="register-input"  type="text" placeholder="Email*" name="email" required>

                <input class="register-input" type="number" placeholder="Phone*" name="phone" required>

                <input class="register-input" type="text" placeholder="Location*" name="location" required>

                <textarea class="register-input" id="w3review" placeholder="Location*" name="w3review">At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies.</textarea>


                <p>By creating an account you agree to our <a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>

                <div class="clearfix">
                  <button type="button" class="book-ftr">SEND MESSAGE</button>
                </div>
              </div>
            </form>
      </div>
      </div>
</div>

<div id="OET" class="tabcontent">
    <h3>OET</h3>
    <div class="row">
      <div class="col-md-8"><img src="" width="100%"></div>
      <div class="col-md-4">
          <form action="/action_page.php" style="border:1px solid #ccc">
              <div class="container">
                <h1 class="mt-3">Register Now</h1>
                <p>Course Applied For.</p>
                <hr>
                <input class="register-input"  type="text" placeholder="IELTS*" name="email" required>

                <input class="register-input" type="password" placeholder="Name*" name="name" required>

                <input class="register-input"  type="text" placeholder="Email*" name="email" required>

                <input class="register-input" type="number" placeholder="Phone*" name="phone" required>

                <input class="register-input" type="text" placeholder="Location*" name="location" required>

                <textarea class="register-input" id="w3review" placeholder="Location*" name="w3review">At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies.</textarea>


                <p>By creating an account you agree to our <a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>

                <div class="clearfix">
                  <button type="button" class="cancelbtn">SEND MESSAGE</button>
                </div>
              </div>
            </form>
      </div>
      </div>
</div>

<div id="OET" class="tabcontent">
  <h3>Tokyo</h3>
  <p>Tokyo is the capital of Japan.</p>
</div>
<div id="TOEFL" class="tabcontent">
    <h3>Tokyo</h3>
    <p>Tokyo is the capital of Japan.</p>
  </div>
  <div id="GRE" class="tabcontent">
    <h3>Tokyo</h3>
    <p>Tokyo is the capital of Japan.</p>
  </div>
        </div>
    </div>
</section>
<hr>
 @include('home.status')

 @endsection


@push('script')
    <!-- Link to Bootstrap JS and Popper.js -->
<script>
    function openCity(evt, cityName) {
      var i, tabcontent, tablinks;
      tabcontent = document.getElementsByClassName("tabcontent");
      for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
      }
      tablinks = document.getElementsByClassName("tablinks");
      for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
      }
      document.getElementById(cityName).style.display = "block";
      evt.currentTarget.className += " active";
    }
    </script>
@endpush