@extends('layouts.front.master')
@section('contant')

<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />

<style>
.nice-select ul.list {
    height: 200px;
    overflow: hidden !important;
    overflow-y: scroll !important;
}
.nice-select {
    border-radius: 7px;
    height: 39px;
    line-height: 27px;
}
   .fw_600{
      font-weight: 600;
   }
   .fa.color1{
      float: left;
    margin-bottom: 30px;
    margin-top: 2px;
    position: absolute;
    margin-left: -20px;f
   }
   .bg_primary {
    background-color: #44318d;
}
.cert_solutions_forms {
    /* background-image: url(img/Wave1.2.svg); */
    background-position: center;
    background-repeat: no-repeat;
    background: 0.5s;
    background-size: cover;
    background-position: right;
    height: 100%;
}
.fs_20{
   font-size: 20px;
}
@media only screen and (max-width: 600px) {
   .btn_custom{
      width: 50% !important;
   }
   .boxes{
      margin-bottom: 0px !important;
   }
   .cert_solutions_forms {
    padding: 20px 0px;
}
.questions{
   padding-top: 20px;
}
}
.cert_path_group_setting{
   background: linear-gradient(45deg, #f2f2f2, #f8f8f8);
}
.btn.btn_custom.btn-outline-primary {
    border: 1px solid #3b3092;
    color: #3b3092;
}
.btn.btn_custom.btn-outline-primary:hover{
   background: #3b3092;
   color: #fff;
}
.nice-select.form-select.select2 > span {
    display: block;
    overflow: hidden;
}
</style>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
<section class="banner-inner-area sub-bg bg-image" data-background="assets/images/bg/banner-inner-bg.png" style="background-image: url(&quot;assets/images/bg/banner-inner-bg.png&quot;);">
   <div class="banner-inner__shape1">
       <img class="animation__sunMove" src="assets/images/shape/banner-inner-shape1.png" alt="image">
   </div>
   <div class="banner-inner__shape2">
       <img src="assets/images/shape/banner-inner-shape2.png" alt="image">
   </div>
   <div class="banner-inner__shape3">
       <img class="animation__arryLeftRight" src="assets/images/shape/banner-inner-shape3.png" alt="image">
   </div>
   <div class="banner-inner__shape4">
       <img class="animation__arryUpDown" src="assets/images/shape/banner-inner-shape4.png" alt="image">
   </div>
   <div class="banner-inner__shape5">
       <img src="assets/images/shape/banner-inner-shape5.png" alt="image">
   </div>
   <div class="banner-inner__circle">
       <img class="slide-effect1" src="assets/images/shape/banner-inner-circle.png" alt="image">
   </div>
   <div class="banner-inner__circle2">
       <img class="slide-effect2" src="assets/images/shape/banner-inner-circle2.png" alt="image">
   </div>
   <div class="banner-inner__dots">
       <img class="pxl-image-zoom" src="assets/images/shape/banner-inner-dots.png" alt="image">
   </div>
   <div class="container">
       <div class="banner-inner__content">
           <h1>
            Contact Us
           </h1>
           <ul>
               <li><a href="index.html">Home</a></li>
               <li><i class="fa-regular fa-angle-right"></i></li>
               <li>Contact Us</li>
           </ul>
       </div>
   </div>
</section>
{{-- <div class="container-fluid text-center pt-6 pb-4 shadow border rounded blue-gradient">
   <div class="mb-4">
       <h1 class="mb-1 text-white">Contact Us</h1>
       <nav class="" style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
            <ol class="breadcrumb justify-content-center py-1">
               <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
               <li class="breadcrumb-item active" aria-current="page">Contact us</li>
            </ol>
      </nav>
   </div>
</div> --}}
<div class="container main-contact1 mt-7 mb-7" style="margin-top:60px">
   <div class="text-center">
      <div class="fs_20 fw_600">Get IN Touch</div>
      <div class="fs_400 fw_400 py-3 pb-5">Contact us using the information below. we will repsond you back</div>

   </div>
   <div class="row row-cols-md-2 mb-8 mb-lg-11 p-5 cert_path_group_setting mb-3">
      <div class="col-md-4 contact-details-part cert_solutions_forms">
                 <div class="row row-cols-12 row-cols-xl-2">
            <div class="col-xl-12 col-md-6 mb-6 boxes">
               <!-- <img src="img/contact-details.png" class="w-100"> -->
                <div class="media d-flex">
                  <div class="me-3">

                     <svg width="25" height="25" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10.1563 6.10857C9.51012 6.10857 8.98438 5.57813 8.98438 4.9262C8.98438 4.27428 9.51012 3.74384 10.1563 3.74384C10.8024 3.74384 11.3282 4.27428 11.3282 4.9262C11.3282 5.57813 10.8025 6.10857 10.1563 6.10857Z" fill="currentColor"/>
                        <path d="M24.9751 21.6358L23.0707 8.82697C22.9047 7.70855 21.9705 6.89675 20.8494 6.89675H13.5955C14.2338 5.67842 14.2226 4.24519 13.5551 3.02396C12.8802 1.78912 11.6562 1.02758 10.2809 0.986735C10.1985 0.984321 10.114 0.984321 10.0311 0.986735C8.65603 1.02753 7.43212 1.78912 6.7572 3.02396C6.08995 4.2447 6.07852 5.67729 6.71687 6.89675H4.15064C3.02947 6.89675 2.09526 7.70855 1.92924 8.82677L0.0248985 21.6358C-0.0721255 22.2889 0.117186 22.9504 0.544297 23.4508C0.971456 23.9511 1.59178 24.2381 2.24629 24.2381H22.7537C23.4082 24.2381 24.0285 23.9511 24.4556 23.4508C24.8828 22.9505 25.0721 22.289 24.9751 21.6358ZM8.12554 3.7853C8.53683 3.03287 9.24813 2.58722 10.0769 2.56263C10.103 2.56185 10.1296 2.5615 10.1562 2.5615C10.1828 2.5615 10.2094 2.5619 10.2353 2.56263C11.0643 2.58722 11.7756 3.03287 12.1869 3.7853C12.6165 4.57128 12.6046 5.49924 12.1551 6.26788L10.1562 9.66325L8.15792 6.26887C7.70786 5.50003 7.69575 4.57158 8.12554 3.7853ZM23.2717 22.4221C23.1954 22.5116 23.0265 22.6617 22.7537 22.6617H8.59924C8.63571 22.2922 8.8052 21.737 9.44608 21.3821C9.82437 21.1727 9.96275 20.6936 9.75518 20.3119C9.5476 19.9302 9.07259 19.7906 8.69436 20.0001C7.86694 20.4581 7.32147 21.1774 7.11692 22.0798C7.06912 22.2906 7.04602 22.4883 7.0367 22.6617H2.24629C1.97353 22.6617 1.80463 22.5116 1.72826 22.4221C1.65189 22.3326 1.52977 22.1418 1.5702 21.8697L3.47455 9.06059C3.52508 8.72031 3.80942 8.47334 4.15069 8.47334H7.63832L9.15428 11.0485C9.36659 11.4102 9.74111 11.6262 10.1562 11.6262C10.5713 11.6262 10.9458 11.4102 11.1575 11.0495L12.6741 8.47334H20.8494C21.1906 8.47334 21.475 8.72031 21.5255 9.06073L23.4299 21.8697C23.4702 22.1418 23.3481 22.3326 23.2717 22.4221Z" fill="currentColor"/>
                        <path d="M13.5285 10.8785C13.1191 10.7407 12.6767 10.9641 12.5403 11.3771C12.4038 11.79 12.6251 12.2364 13.0344 12.3741C13.0424 12.3768 13.843 12.6656 14.1029 13.4521C14.2119 13.7824 14.5168 13.9913 14.8439 13.9913C14.9258 13.9913 15.0092 13.9782 15.0911 13.9506C15.5005 13.8129 15.7217 13.3665 15.5852 12.9535C15.0769 11.415 13.5915 10.8997 13.5285 10.8785Z" fill="currentColor"/>
                        <path d="M14.1905 15.8431C13.7836 15.6982 13.3373 15.9136 13.1938 16.3241C12.7528 17.5846 11.2415 18.126 11.2097 18.1371C10.8021 18.2758 10.5821 18.7212 10.7183 19.1333C10.8274 19.4636 11.1323 19.6725 11.4594 19.6725C11.5413 19.6725 11.6246 19.6594 11.7066 19.6318C11.7985 19.6009 13.9667 18.8514 14.6673 16.8488C14.8109 16.4383 14.5974 15.988 14.1905 15.8431Z" fill="currentColor"/>
                     </svg>
                  </div>
                  @php
                    $contact=ContactList();
                    $is_disable = $contact[1]['is_disable'];
                @endphp
                  <div class="media-body flex-shrink-1 mb-3">
                     <h5 class="mb-2">Find Us</h5>
                     <address class="">
                       {{$contact[1]['email_address']}}
                     </address>
                  </div>
               </div>
            <!-- </div> -->
           <div class="col-xl-12 mb-6">

             @if($is_disable=='1')
             <div class="media d-flex">
                     <div class="me-3">

                        <svg width="25" height="25" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
                           <path d="M17.9679 25C17.1609 25 16.3607 24.8573 15.5783 24.5731C12.1313 23.3209 8.93169 21.2814 6.32535 18.6751C3.71901 16.0688 1.67955 12.8692 0.427403 9.42217C0.0250265 8.31441 -0.0937186 7.1709 0.074585 6.02329C0.232245 4.94833 0.648634 3.90477 1.27878 3.00539C1.91172 2.10206 2.75553 1.35073 3.71897 0.832632C4.74637 0.280164 5.86775 0 7.05208 0C7.42043 0 7.73877 0.257363 7.81597 0.617504L9.04218 6.33988C9.0977 6.599 9.01806 6.86862 8.83072 7.05601L6.73544 9.15124C8.71202 13.0811 11.9193 16.2883 15.8491 18.2649L17.9444 16.1696C18.1318 15.9823 18.4014 15.9028 18.6605 15.9582L24.3829 17.1844C24.7431 17.2616 25.0004 17.5799 25.0004 17.9483C25.0004 19.1326 24.7202 20.2541 24.1677 21.2815C23.6496 22.2449 22.8983 23.0887 21.9949 23.7216C21.0956 24.3518 20.052 24.7682 18.977 24.9258C18.6402 24.9753 18.3034 25 17.9679 25ZM6.42789 1.59661C4.8657 1.76907 3.47913 2.58788 2.55837 3.90204C1.52296 5.37976 1.28152 7.19731 1.89595 8.88875C4.30327 15.5157 9.48475 20.6972 16.1117 23.1045C17.8031 23.719 19.6207 23.4776 21.0984 22.4421C22.4126 21.5213 23.2314 20.1348 23.4039 18.5726L18.7487 17.5751L16.5605 19.7633C16.3277 19.9961 15.9739 20.058 15.6759 19.9179C11.0282 17.7344 7.26604 13.9723 5.08253 9.32452C4.94255 9.02653 5.00436 8.67274 5.23721 8.43994L7.42541 6.25175L6.42789 1.59661Z" fill="currentColor"/>
                        </svg>
                     </div>
                     <div class="media-body flex-shrink-1 pb-4">
                           <h5 class="mb-2">Local Number</h5>
                           <a href="tel:{{$contact[1]->contact_no}}" class="text-gray-800 d-block" style="color: #000!important;font-weight: 400">{{$contact[1]->contact_no}}</a>
                     </div>

               </div>
               @endif