@extends('website.mobile.layouts.app')
@section('title') {!! @$city->meta_title !!}  @endsection
@section('description') {!! @$city->meta_description !!} @endsection
@section('robots'){!! @$city->robots !!}@endsection
@section('main')
<main>
    <!-- Banner Section -->
    <section class="banner-section">
        <div class="container banner-div">
            <div class="banner-slider">
                <img src="/{{ @$city->image }}" alt="City Banner">
            </div>
            <div class="banner-content">
                <h1>The Best Study Abroad Consultant in <br> <span>{{@$city->title}}</span></h1>
				@php
					$shortDescription = @$city->header_description;
					$firstPart = substr($shortDescription, 0, 100); // First 50 characters
					$remainingPart = substr($shortDescription, 100); // Remaining characters after the first 50
				@endphp
                {{-- <p class="university-desc">{{ @$firstPart }}<span class="removeDot">...</span></p>
                <p class="moretext"> {{ @$remainingPart }} </p>
                <a href="javascript:;" class="moreless-button">Read More</a> --}}
                <div class="content-container-div">
                    <div class="content-container">
                        <p>{{ @$shortDescription }}</p>
                    </div>
                    <a href="javascript:;" class="toggle-button">Read More</a>
                </div>
                <div class="cta-btn">
                    <a href="javascript:;" class="apply-btn" onclick="showPopup('addLectureMobile')">Book a FREE Session</a> 
                    <a href="{{ url('finder/university') }}" class="rate-chance-btn">Find Dream University
						<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none">
						<path d="M12.1895 8.49275L9.227 5.53025C9.09038 5.3888 9.01479 5.19935 9.01649 5.0027C9.0182 4.80605 9.09708 4.61794 9.23614 4.47889C9.37519 4.33983 9.5633 4.26095 9.75995 4.25924C9.9566 4.25754 10.146 4.33313 10.2875 4.46975L14.5302 8.7125C14.6001 8.78199 14.6556 8.86461 14.6934 8.95561C14.7313 9.04661 14.7508 9.14419 14.7508 9.24275C14.7508 9.34131 14.7313 9.43889 14.6934 9.52989C14.6556 9.62089 14.6001 9.70351 14.5302 9.773L10.2875 14.0157C10.2183 14.0874 10.1356 14.1445 10.0441 14.1838C9.95255 14.2231 9.85414 14.2438 9.75455 14.2447C9.65497 14.2456 9.55621 14.2266 9.46403 14.1889C9.37186 14.1512 9.28812 14.0955 9.2177 14.025C9.14728 13.9546 9.09159 13.8709 9.05388 13.7787C9.01617 13.6865 8.9972 13.5878 8.99806 13.4882C8.99893 13.3886 9.01962 13.2902 9.05892 13.1987C9.09823 13.1072 9.15537 13.0244 9.227 12.9553L12.1895 9.99275H5C4.80109 9.99275 4.61032 9.91373 4.46967 9.77308C4.32902 9.63243 4.25 9.44166 4.25 9.24275C4.25 9.04384 4.32902 8.85307 4.46967 8.71242C4.61032 8.57177 4.80109 8.49275 5 8.49275H12.1895Z" fill="#066AC9"/>
						</svg>
					</a> 
                </div>
                <div class="benefits">
                    <div class="benefits-heading">
                    <img src="{{ asset('/') }}frontend/assets-desktop/images/medal.svg" alt="medal">  
 
                        <h4>Benefits from Gradding</h4>
                    </div>
                    <div class="benefit">
                        <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M11.3917 22.8659C9.90095 22.8659 8.45504 22.5741 7.09416 21.9985C5.77945 21.4424 4.5986 20.6462 3.58441 19.632C2.57023 18.6178 1.77404 17.437 1.21796 16.1223C0.642365 14.7614 0.35051 13.3155 0.35051 11.8247C0.35051 10.3339 0.642365 8.88797 1.21796 7.5271C1.77404 6.21239 2.57023 5.03153 3.58441 4.01735C4.5986 3.00317 5.77945 2.20698 7.09416 1.6509C8.45504 1.0753 9.90095 0.783447 11.3917 0.783447C12.8825 0.783447 14.3285 1.0753 15.6893 1.6509C17.004 2.20698 18.1849 3.00317 19.1991 4.01735C20.2133 5.03153 21.0095 6.21239 21.5655 7.5271C22.1411 8.88797 22.433 10.3339 22.433 11.8247C22.433 13.3155 22.1411 14.7614 21.5655 16.1223C21.0095 17.437 20.2133 18.6178 19.1991 19.632C18.1849 20.6462 17.004 21.4424 15.6893 21.9985C14.3285 22.5741 12.8825 22.8659 11.3917 22.8659Z" fill="#73A35A"/>
                            <path d="M9.42369 12.2197H6.66141C6.01077 12.2197 5.47842 12.7521 5.47842 13.4027V16.9517H9.42369V12.2197Z" stroke="white" stroke-width="1.18299" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M12.1794 9.85376H10.6001C9.94946 9.85376 9.41711 10.3861 9.41711 11.0367V16.9517H13.3624V11.0367C13.3624 10.3861 12.836 9.85376 12.1794 9.85376Z" stroke="white" stroke-width="1.18299" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M16.1258 13.9941H13.3635V16.9516H17.3088V15.1771C17.3088 14.5265 16.7764 13.9941 16.1258 13.9941Z" stroke="white" stroke-width="1.18299" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                            <path opacity="0.8" d="M11.6965 4.71384L12.0067 5.33422C12.0476 5.42201 12.1588 5.50395 12.2525 5.51566L12.8143 5.6093C13.1713 5.66783 13.2591 5.93119 13.0016 6.18285L12.5627 6.62181C12.4866 6.69789 12.4456 6.83836 12.469 6.93786L12.5919 7.47632C12.6914 7.90356 12.4632 8.06744 12.0886 7.84504L11.5619 7.53485C11.4682 7.47632 11.3102 7.47632 11.2165 7.53485L10.6898 7.84504C10.3152 8.06744 10.087 7.90356 10.1865 7.47632L10.3094 6.93786C10.3328 6.83836 10.2918 6.69204 10.2157 6.62181L9.78263 6.18871C9.52511 5.93119 9.60705 5.67367 9.96992 5.61514L10.5318 5.52151C10.6254 5.50396 10.7366 5.42202 10.7776 5.34008L11.0878 4.71968C11.2575 4.38022 11.5267 4.38023 11.6965 4.71384Z" stroke="white" stroke-width="0.877906" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                        <p><span>Scholarships</span> Available
                         <!-- <a href="/finder/Scholarship">Check</a> -->
                        </p>
                    </div>
                    <div class="benefit">
                        <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none">
                            <path d="M11.3917 22.8509C9.90095 22.8509 8.45504 22.5591 7.09416 21.9835C5.77945 21.4274 4.5986 20.6312 3.58441 19.617C2.57023 18.6028 1.77404 17.422 1.21796 16.1073C0.642365 14.7464 0.35051 13.3005 0.35051 11.8097C0.35051 10.3189 0.642365 8.87296 1.21796 7.51209C1.77404 6.19737 2.57023 5.01652 3.58441 4.00234C4.5986 2.98815 5.77945 2.19197 7.09416 1.63589C8.45504 1.06029 9.90095 0.768433 11.3917 0.768433C12.8825 0.768433 14.3285 1.06029 15.6893 1.63589C17.004 2.19197 18.1849 2.98815 19.1991 4.00234C20.2133 5.01652 21.0095 6.19737 21.5655 7.51209C22.1411 8.87296 22.433 10.3189 22.433 11.8097C22.433 13.3005 22.1411 14.7464 21.5655 16.1073C21.0095 17.422 20.2133 18.6028 19.1991 19.617C18.1849 20.6312 17.004 21.4274 15.6893 21.9835C14.3285 22.5591 12.8825 22.8509 11.3917 22.8509Z" fill="#73A35A"/>
                            <path d="M8.83314 18.3811L8.83394 18.3817C8.96669 18.4757 9.19239 18.5697 9.46781 18.6578C9.74564 18.7466 10.0818 18.8319 10.4413 18.9061C11.1596 19.0543 11.977 19.1596 12.6151 19.1596C12.816 19.1596 13.0032 19.1493 13.1659 19.1257C13.3276 19.1023 13.47 19.0649 13.5781 19.008L13.5781 19.0081L13.5794 19.0073C13.7224 18.9285 13.8674 18.7567 14.0084 18.5419C14.1514 18.324 14.2975 18.0501 14.4395 17.7534C14.7197 17.1678 14.9869 16.4863 15.1848 15.9544C15.7278 15.547 15.9953 15.0081 15.9198 14.4691L15.9198 14.4691L15.9195 14.4673C15.8327 13.9355 15.4421 13.5065 14.8573 13.3257L14.8567 13.3256C14.5772 13.2417 14.1295 13.1243 13.7435 13.0346C14.0223 12.6197 14.245 12.1567 14.3633 11.6994C14.4906 11.2069 14.4984 10.7142 14.316 10.2956L14.316 10.2956L14.3157 10.2949C14.1312 9.88261 13.779 9.63756 13.3479 9.63756C12.9017 9.63756 12.605 9.84111 12.3994 10.1143C12.1972 10.3831 12.0818 10.7209 11.9907 10.9941C11.9198 11.2018 11.7307 11.4817 11.4394 11.7755C11.1496 12.0679 10.7638 12.3686 10.3073 12.6195L10.3073 12.6195L10.3066 12.6198C9.93176 12.8304 9.56539 13.0764 9.28944 13.2718C9.15133 13.3697 9.03562 13.455 8.95252 13.5172C8.91097 13.5483 8.87758 13.5735 8.8537 13.5916L8.82534 13.6131C8.81851 13.6182 8.81578 13.6202 8.81542 13.6205L8.81531 13.6203L8.81075 13.6238C8.69988 13.7101 8.62763 13.8552 8.62763 14.0016V17.9815C8.62763 18.1392 8.70092 18.285 8.83314 18.3811ZM14.3021 15.4702L14.3018 15.471C14.0938 16.0444 13.8401 16.671 13.6094 17.1805C13.4941 17.4353 13.3849 17.6598 13.2904 17.8334C13.2432 17.9202 13.2001 17.9934 13.1621 18.0509C13.1292 18.1006 13.1022 18.1356 13.0814 18.1572C13.0359 18.1718 12.9645 18.1831 12.8675 18.1891C12.7616 18.1956 12.6317 18.1955 12.4841 18.1894C12.189 18.1773 11.8277 18.1417 11.4553 18.0904C10.7382 17.9916 9.99164 17.8364 9.59965 17.684V14.2447C9.85209 14.0563 10.3166 13.7213 10.7798 13.4704L10.78 13.4703C11.2904 13.1919 11.7597 12.8361 12.1329 12.4591C12.5052 12.083 12.7861 11.6813 12.9135 11.3098C13.021 11.0027 13.0943 10.8244 13.1628 10.7222C13.196 10.6727 13.2249 10.6462 13.2514 10.6312C13.2771 10.6167 13.3067 10.6096 13.3479 10.6096C13.356 10.6096 13.3577 10.6098 13.359 10.61C13.359 10.61 13.359 10.61 13.359 10.61C13.3591 10.61 13.3591 10.61 13.3597 10.6104C13.3619 10.612 13.3775 10.6245 13.3953 10.6778L13.395 10.6779L13.3975 10.6837C13.4736 10.8627 13.4813 11.1949 13.3503 11.6128C13.2205 12.0268 12.9573 12.515 12.5073 13.0003C12.3861 13.1224 12.3367 13.3061 12.3983 13.4785C12.4578 13.645 12.5905 13.7673 12.7614 13.8039L12.7696 13.8057H12.7719L12.7807 13.8073L12.8237 13.8161C12.8609 13.8239 12.9136 13.8352 12.978 13.8493C13.1068 13.8776 13.282 13.9169 13.4725 13.9614C13.8543 14.0505 14.2938 14.1591 14.5449 14.2394C14.7737 14.3159 14.9048 14.4512 14.9291 14.5936C14.9406 14.6807 14.9137 14.7833 14.8397 14.8943C14.7654 15.0056 14.6467 15.1209 14.4849 15.2287L14.4849 15.2287L14.4828 15.2301C14.3973 15.2912 14.3375 15.3759 14.3021 15.4702ZM7.99143 18.0222V13.9507C7.99143 13.5407 7.66094 13.2103 7.25095 13.2103C6.84254 13.2103 6.5003 13.5392 6.5003 13.9507V18.012C6.5003 18.422 6.83079 18.7525 7.24077 18.7525C7.64838 18.7525 7.99143 18.4243 7.99143 18.0222Z" fill="white" stroke="white" stroke-width="0.157732"/>
                            <path opacity="0.8" d="M7.80184 7.6246L8.11204 8.24499C8.15301 8.33278 8.26421 8.41472 8.35785 8.42642L8.91971 8.52007C9.27673 8.57859 9.36452 8.84195 9.107 9.09362L8.66804 9.53257C8.59196 9.60866 8.55099 9.74913 8.5744 9.84863L8.69731 10.3871C8.7968 10.8143 8.56855 10.9782 8.19397 10.7558L7.66723 10.4456C7.57359 10.3871 7.41557 10.3871 7.32192 10.4456L6.79518 10.7558C6.42061 10.9782 6.19235 10.8143 6.29185 10.3871L6.41475 9.84863C6.43817 9.74913 6.3972 9.60281 6.32111 9.53257L5.88801 9.09948C5.63049 8.84196 5.71243 8.58444 6.0753 8.52591L6.63716 8.43228C6.7308 8.41472 6.842 8.33279 6.88297 8.25085L7.19316 7.63044C7.36289 7.29099 7.63212 7.291 7.80184 7.6246Z" stroke="white" stroke-width="0.877906" stroke-linecap="round" stroke-linejoin="round"/>
                            <path opacity="0.8" d="M12.483 4.69833L12.7932 5.31872C12.8341 5.40651 12.9453 5.48845 13.039 5.50015L13.6008 5.5938C13.9578 5.65233 14.0456 5.91569 13.7881 6.16735L13.3492 6.6063C13.2731 6.68239 13.2321 6.82286 13.2555 6.92236L13.3784 7.46081C13.4779 7.88806 13.2497 8.05194 12.8751 7.82954L12.3484 7.51934C12.2547 7.46082 12.0967 7.46082 12.003 7.51934L11.4763 7.82954C11.1017 8.05194 10.8735 7.88806 10.973 7.46081L11.0959 6.92236C11.1193 6.82286 11.0783 6.67654 11.0022 6.6063L10.5691 6.17321C10.3116 5.91569 10.3936 5.65817 10.7564 5.59964L11.3183 5.50601C11.4119 5.48845 11.5231 5.40652 11.5641 5.32458L11.8743 4.70418C12.044 4.36472 12.3132 4.36473 12.483 4.69833Z" stroke="white" stroke-width="0.877906" stroke-linecap="round" stroke-linejoin="round"/>
                            <path opacity="0.8" d="M17.1672 7.6246L17.4774 8.24499C17.5183 8.33278 17.6295 8.41472 17.7232 8.42642L18.2851 8.52007C18.6421 8.57859 18.7299 8.84195 18.4723 9.09362L18.0334 9.53257C17.9573 9.60866 17.9163 9.74913 17.9397 9.84863L18.0626 10.3871C18.1621 10.8143 17.9339 10.9782 17.5593 10.7558L17.0326 10.4456C16.9389 10.3871 16.7809 10.3871 16.6873 10.4456L16.1605 10.7558C15.7859 10.9782 15.5577 10.8143 15.6572 10.3871L15.7801 9.84863C15.8035 9.74913 15.7625 9.60281 15.6865 9.53257L15.2534 9.09948C14.9958 8.84196 15.0778 8.58444 15.4406 8.52591L16.0025 8.43228C16.0961 8.41472 16.2073 8.33279 16.2483 8.25085L16.5585 7.63044C16.7282 7.29099 16.9975 7.291 17.1672 7.6246Z" stroke="white" stroke-width="0.877906" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                        <p><span>Get Offer</span> from University in 7 to 15 Days</p>
                    </div>
                    <div class="benefit">
                        <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M11.3917 22.8659C9.90095 22.8659 8.45504 22.5741 7.09416 21.9985C5.77945 21.4424 4.5986 20.6462 3.58441 19.632C2.57023 18.6178 1.77404 17.437 1.21796 16.1223C0.642365 14.7614 0.35051 13.3155 0.35051 11.8247C0.35051 10.3339 0.642365 8.88797 1.21796 7.5271C1.77404 6.21239 2.57023 5.03153 3.58441 4.01735C4.5986 3.00317 5.77945 2.20698 7.09416 1.6509C8.45504 1.0753 9.90095 0.783447 11.3917 0.783447C12.8825 0.783447 14.3285 1.0753 15.6893 1.6509C17.004 2.20698 18.1849 3.00317 19.1991 4.01735C20.2133 5.03153 21.0095 6.21239 21.5655 7.5271C22.1411 8.88797 22.433 10.3339 22.433 11.8247C22.433 13.3155 22.1411 14.7614 21.5655 16.1223C21.0095 17.437 20.2133 18.6178 19.1991 19.632C18.1849 20.6462 17.004 21.4424 15.6893 21.9985C14.3285 22.5741 12.8825 22.8659 11.3917 22.8659Z" fill="#73A35A"/>
                            <path d="M9.42369 12.2197H6.66141C6.01077 12.2197 5.47842 12.7521 5.47842 13.4027V16.9517H9.42369V12.2197Z" stroke="white" stroke-width="1.18299" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M12.1794 9.85376H10.6001C9.94946 9.85376 9.41711 10.3861 9.41711 11.0367V16.9517H13.3624V11.0367C13.3624 10.3861 12.836 9.85376 12.1794 9.85376Z" stroke="white" stroke-width="1.18299" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M16.1258 13.9941H13.3635V16.9516H17.3088V15.1771C17.3088 14.5265 16.7764 13.9941 16.1258 13.9941Z" stroke="white" stroke-width="1.18299" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                            <path opacity="0.8" d="M11.6965 4.71384L12.0067 5.33422C12.0476 5.42201 12.1588 5.50395 12.2525 5.51566L12.8143 5.6093C13.1713 5.66783 13.2591 5.93119 13.0016 6.18285L12.5627 6.62181C12.4866 6.69789 12.4456 6.83836 12.469 6.93786L12.5919 7.47632C12.6914 7.90356 12.4632 8.06744 12.0886 7.84504L11.5619 7.53485C11.4682 7.47632 11.3102 7.47632 11.2165 7.53485L10.6898 7.84504C10.3152 8.06744 10.087 7.90356 10.1865 7.47632L10.3094 6.93786C10.3328 6.83836 10.2918 6.69204 10.2157 6.62181L9.78263 6.18871C9.52511 5.93119 9.60705 5.67367 9.96992 5.61514L10.5318 5.52151C10.6254 5.50396 10.7366 5.42202 10.7776 5.34008L11.0878 4.71968C11.2575 4.38022 11.5267 4.38023 11.6965 4.71384Z" stroke="white" stroke-width="0.877906" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>    
                        <p><span>Education Loan</span> Approval in 24 Hours</p>
                    </div>
                </div>
                
            </div>
        </div>
    </section>
	<!-- Countries Card section -->
	{{-- <section class="country-card-section">
		<div class="container">
			<div class="country-card">
				<a href="/uk" class="single-country">
					<img src="{{ asset('frontend') }}/assets-mobile/images/city-uk-logo.png" alt="Uk">
					<p>UK</p>
				</a>
				<a href="/uk" class="single-country">
					<img src="{{ asset('frontend') }}/assets-mobile/images/city-usa-logo.png" alt="USA">
					<p>USA</p>
				</a>
				<a href="/uk" class="single-country">
					<img src="{{ asset('frontend') }}/assets-mobile/images/city-ca-logo.png" alt="Canada">
					<p>Canada</p>
				</a>
				<a href="/uk" class="single-country">
					<img src="{{ asset('frontend') }}/assets-mobile/images/city-au-logo.png" alt="Australia">
					<p>Australia</p>
				</a>
			</div>
		</div>
	</section> --}}
   
    <!-- Why Choose Gradding -->
	<section class="why-choose-highlights">
		<div class="container">
			<h2>Why Choose Gradding?</h2>
			<div class="why-choose-highlight-card">
				<div class="single-highlight">
					<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
						<path opacity="0.4" d="M19.0143 21.3307H12.3477" stroke="#1D1D1F" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M16.8799 3.35753L16.8399 3.45087L12.9733 12.4242H9.17328C8.26661 12.4242 7.39995 12.6109 6.61328 12.9442L8.94661 7.37087L8.99995 7.23753L9.09328 7.0242C9.11995 6.9442 9.14662 6.8642 9.18662 6.79753C10.9333 2.75753 12.9066 1.83753 16.8799 3.35753Z" stroke="#1D1D1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M24.066 12.6909C23.466 12.5042 22.826 12.4242 22.186 12.4242H12.9727L16.8393 3.45088L16.8793 3.35754C17.0793 3.42421 17.266 3.51754 17.466 3.59754L20.4127 4.83754C22.0527 5.51754 23.1993 6.22421 23.8927 7.07754C24.026 7.23754 24.1327 7.38421 24.226 7.55754C24.346 7.74421 24.4393 7.93088 24.4927 8.13088C24.546 8.25088 24.586 8.37088 24.6127 8.47754C24.9727 9.59754 24.7593 10.9709 24.066 12.6909Z" stroke="#1D1D1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M28.6969 18.9312V21.5312C28.6969 21.7978 28.6836 22.0645 28.6703 22.3312C28.4169 26.9845 25.8169 29.3312 20.8836 29.3312H10.4836C10.1636 29.3312 9.84359 29.3045 9.53693 29.2645C5.29693 28.9845 3.03026 26.7178 2.75026 22.4778C2.71026 22.1712 2.68359 21.8512 2.68359 21.5312V18.9312C2.68359 16.2512 4.31026 13.9445 6.63026 12.9445C7.43026 12.6112 8.28359 12.4245 9.19026 12.4245H22.2036C22.8569 12.4245 23.4969 12.5178 24.0836 12.6912C26.7369 13.5045 28.6969 15.9845 28.6969 18.9312Z" stroke="#1D1D1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M8.94797 7.37085L6.61463 12.9442C4.29464 13.9442 2.66797 16.2509 2.66797 18.9309V15.0242C2.66797 11.2375 5.3613 8.07752 8.94797 7.37085Z" stroke="#1D1D1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M28.6915 15.0235V18.9302C28.6915 15.9969 26.7448 13.5035 24.0781 12.7035C24.7715 10.9702 24.9715 9.61019 24.6381 8.47685C24.6115 8.35685 24.5715 8.23685 24.5181 8.13019C26.9981 9.41019 28.6915 12.0369 28.6915 15.0235Z" stroke="#1D1D1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
					<a href="javascript:;" class="stretched-link" onclick="showPopup('addLectureMobile')">Smooth Visa Process</a>
				</div>
				<div class="single-highlight">
					<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
						<path d="M5.67969 14.6933V21.32C5.67969 23.7466 5.67969 23.7466 7.97302 25.2933L14.2797 28.9333C15.2264 29.48 16.773 29.48 17.7197 28.9333L24.0264 25.2933C26.3197 23.7466 26.3197 23.7466 26.3197 21.32V14.6933C26.3197 12.2666 26.3197 12.2666 24.0264 10.72L17.7197 7.07998C16.773 6.53332 15.2264 6.53332 14.2797 7.07998L7.97302 10.72C5.67969 12.2666 5.67969 12.2666 5.67969 14.6933Z" stroke="#1D1D1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M23.3346 10.1734V6.66669C23.3346 4.00002 22.0013 2.66669 19.3346 2.66669H12.668C10.0013 2.66669 8.66797 4.00002 8.66797 6.66669V10.08" stroke="#1D1D1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M16.8384 14.6533L17.5984 15.84C17.7184 16.0267 17.9851 16.2133 18.1851 16.2667L19.5451 16.6133C20.3851 16.8267 20.6117 17.5467 20.0651 18.2133L19.1717 19.2933C19.0384 19.4667 18.9317 19.7733 18.9451 19.9867L19.0251 21.3867C19.0784 22.2533 18.4651 22.6933 17.6651 22.3733L16.3584 21.8533C16.1584 21.7733 15.8251 21.7733 15.6251 21.8533L14.3184 22.3733C13.5184 22.6933 12.9051 22.24 12.9584 21.3867L13.0384 19.9867C13.0517 19.7733 12.9451 19.4533 12.8117 19.2933L11.9184 18.2133C11.3717 17.5467 11.5984 16.8267 12.4384 16.6133L13.7984 16.2667C14.0117 16.2133 14.2784 16.0133 14.3851 15.84L15.1451 14.6533C15.6251 13.9333 16.3717 13.9333 16.8384 14.6533Z" stroke="#1D1D1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
					<a href="javascript:;" class="stretched-link" onclick="showPopup('addLectureMobile')">Exceptional Counselling</a>
				</div>
				<div class="single-highlight">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                        <path opacity="0.4" d="M24.6654 16.8666V21.7999C24.6654 25.9599 20.7854 29.3332 15.9987 29.3332C11.212 29.3332 7.33203 25.9599 7.33203 21.7999V16.8666C7.33203 21.0266 11.212 23.9999 15.9987 23.9999C20.7854 23.9999 24.6654 21.0266 24.6654 16.8666Z" stroke="#1D1D1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M24.6654 10.1999C24.6654 11.4132 24.332 12.5332 23.7454 13.4932C22.3187 15.8399 19.3854 17.3332 15.9987 17.3332C12.612 17.3332 9.6787 15.8399 8.25203 13.4932C7.66537 12.5332 7.33203 11.4132 7.33203 10.1999C7.33203 8.1199 8.30536 6.2399 9.86536 4.8799C11.4387 3.50656 13.5987 2.66656 15.9987 2.66656C18.3987 2.66656 20.5587 3.50657 22.132 4.86657C23.692 6.2399 24.6654 8.1199 24.6654 10.1999Z" stroke="#1D1D1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M24.6654 10.1999V16.8666C24.6654 21.0266 20.7854 23.9999 15.9987 23.9999C11.212 23.9999 7.33203 21.0266 7.33203 16.8666V10.1999C7.33203 6.0399 11.212 2.66656 15.9987 2.66656C18.3987 2.66656 20.5587 3.50657 22.132 4.86657C23.692 6.2399 24.6654 8.1199 24.6654 10.1999Z" stroke="#1D1D1F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
					<a href="javascript:;" class="stretched-link"  onclick="showPopup('addLectureMobile')">Apply For scholarships</a>
				</div>
				<div class="single-highlight">
					<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
						<path d="M22.668 13.3334H25.3346C28.0013 13.3334 29.3346 12 29.3346 9.33335V6.66669C29.3346 4.00002 28.0013 2.66669 25.3346 2.66669H22.668C20.0013 2.66669 18.668 4.00002 18.668 6.66669V9.33335C18.668 12 20.0013 13.3334 22.668 13.3334Z" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M6.66797 29.3334H9.33464C12.0013 29.3334 13.3346 28 13.3346 25.3334V22.6667C13.3346 20 12.0013 18.6667 9.33464 18.6667H6.66797C4.0013 18.6667 2.66797 20 2.66797 22.6667V25.3334C2.66797 28 4.0013 29.3334 6.66797 29.3334Z" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.34" d="M8.0013 13.3334C10.9468 13.3334 13.3346 10.9455 13.3346 8.00002C13.3346 5.0545 10.9468 2.66669 8.0013 2.66669C5.05578 2.66669 2.66797 5.0545 2.66797 8.00002C2.66797 10.9455 5.05578 13.3334 8.0013 13.3334Z" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.34" d="M24.0013 29.3334C26.9468 29.3334 29.3346 26.9455 29.3346 24C29.3346 21.0545 26.9468 18.6667 24.0013 18.6667C21.0558 18.6667 18.668 21.0545 18.668 24C18.668 26.9455 21.0558 29.3334 24.0013 29.3334Z" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
					<a href="/finder/courses" class="stretched-link">Hand-Picked Courses</a>
				</div>
				<div class="single-highlight">
					<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
						<path d="M16.4946 2.86668L28.4946 7.66665C28.9613 7.85332 29.3346 8.41331 29.3346 8.90664V13.3333C29.3346 14.0666 28.7346 14.6666 28.0013 14.6666H4.0013C3.26797 14.6666 2.66797 14.0666 2.66797 13.3333V8.90664C2.66797 8.41331 3.04131 7.85332 3.50798 7.66665L15.508 2.86668C15.7746 2.76002 16.228 2.76002 16.4946 2.86668Z" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M29.3346 29.3333H2.66797V25.3333C2.66797 24.6 3.26797 24 4.0013 24H28.0013C28.7346 24 29.3346 24.6 29.3346 25.3333V29.3333Z" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M5.33203 24V14.6667" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M10.668 24V14.6667" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M16 24V14.6667" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M21.332 24V14.6667" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M26.668 24V14.6667" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M1.33203 29.3333H30.6654" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M16 11.3333C17.1046 11.3333 18 10.4379 18 9.33331C18 8.22874 17.1046 7.33331 16 7.33331C14.8954 7.33331 14 8.22874 14 9.33331C14 10.4379 14.8954 11.3333 16 11.3333Z" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
					<a href="/finder/university" class="stretched-link">Shortlist Universities</a>
				</div>
				<div class="single-highlight">
                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                        <path d="M2.66797 13.3332H29.3346" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M15.399 27.3332H8.58569C3.85236 27.3332 2.65234 26.1599 2.65234 21.4799V10.5199C2.65234 6.27988 3.63905 4.91988 7.35905 4.70654C7.73238 4.69321 8.14569 4.67987 8.58569 4.67987H23.399C28.1323 4.67987 29.3324 5.8532 29.3324 10.5332V16.4132" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path opacity="0.4" d="M8 21.3332H13.3333" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                        <path opacity="0.4" d="M29.3346 23.9999C29.3346 24.9999 29.0546 25.9466 28.5613 26.7466C27.6413 28.2932 25.948 29.3332 24.0013 29.3332C22.0546 29.3332 20.3613 28.2932 19.4413 26.7466C18.948 25.9466 18.668 24.9999 18.668 23.9999C18.668 21.0532 21.0546 18.6666 24.0013 18.6666C26.948 18.6666 29.3346 21.0532 29.3346 23.9999Z" stroke="#292D32" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                        <path opacity="0.4" d="M21.9219 23.9999L23.2419 25.3199L26.0819 22.6932" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
					<a href="javascript:;" class="stretched-link" onclick="showPopup('addLectureMobile')">Finance Your Journey</a>
				</div>
				<div class="single-highlight">
					<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
						<path d="M25.4137 24.8934L22.5604 19.2001L19.707 24.8934" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M20.2266 23.88H24.9199" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M22.5585 29.3334C18.8252 29.3334 15.7852 26.3067 15.7852 22.56C15.7852 18.8267 18.8118 15.7867 22.5585 15.7867C26.2918 15.7867 29.3318 18.8134 29.3318 22.56C29.3318 26.3067 26.3052 29.3334 22.5585 29.3334Z" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M6.69464 2.66663H11.9213C14.6813 2.66663 16.0146 3.99999 15.948 6.69332V11.92C16.0146 14.68 14.6813 16.0133 11.9213 15.9467H6.69464C4.00131 16 2.66797 14.6666 2.66797 11.9066V6.67997C2.66797 3.99997 4.00131 2.66663 6.69464 2.66663Z" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M12.011 7.79993H6.59766" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M9.29297 6.89331V7.79997" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M10.6526 7.78674C10.6526 10.1201 8.82594 12.0134 6.58594 12.0134" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M12.0135 12.0133C11.0402 12.0133 10.1602 11.4933 9.54688 10.6666" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M2.66797 20C2.66797 25.16 6.8413 29.3333 12.0013 29.3333L10.6013 27" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M29.3333 12C29.3333 6.83996 25.16 2.66663 20 2.66663L21.4 4.99996" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
					<a href="javascript:;" class="stretched-link" onclick="showPopup('addLectureMobile')">Test Preparation</a>
				</div>
				<div class="single-highlight">
					<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
						<path d="M12.0013 29.3333H20.0013C26.668 29.3333 29.3346 26.6666 29.3346 20V12C29.3346 5.33329 26.668 2.66663 20.0013 2.66663H12.0013C5.33464 2.66663 2.66797 5.33329 2.66797 12V20C2.66797 26.6666 5.33464 29.3333 12.0013 29.3333Z" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<g opacity="0.4">
							<path d="M24.5055 20.3599V10.1066C24.5055 9.07994 23.6789 8.33329 22.6655 8.41329H22.6122C20.8256 8.55996 18.1189 9.47997 16.5989 10.4266L16.4522 10.52C16.2122 10.6666 15.7988 10.6666 15.5455 10.52L15.3322 10.3866C13.8255 9.43997 11.1189 8.54661 9.33219 8.39994C8.31886 8.31994 7.49219 9.07997 7.49219 10.0933V20.3599C7.49219 21.1733 8.15883 21.9466 8.97217 22.04L9.21216 22.08C11.0522 22.32 13.9056 23.2666 15.5322 24.16L15.5722 24.1733C15.7989 24.3066 16.1722 24.3066 16.3855 24.1733C18.0122 23.2666 20.8788 22.3333 22.7322 22.08L23.0122 22.04C23.8389 21.9466 24.5055 21.1866 24.5055 20.3599Z" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
							<path d="M16 10.7999V23.5466" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						</g>
					</svg>
					<a href="javascript:;" class="stretched-link" onclick="showPopup('addLectureMobile')">Customized Study Plans</a>
				</div>
			</div>
		</div>
	</section>
	{!! @$city->mobile_middle_content !!}
	<!-- Find Universities -->
	<section class="find-university-section">
		<div class="container">
			<div class="find-university">
				<h3>Find the best University & Courses to kickstart your abroad journey</h3>
				<a href="{{ url('finder/university') }}">Find Universities & Courses
					<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
						<path d="M7.15971 1.66586H0.837761C0.616854 1.66586 0.404994 1.57811 0.248789 1.4219C0.0925837 1.2657 0.00482941 1.05384 0.00482941 0.832931C0.00482941 0.612024 0.0925837 0.400165 0.248789 0.24396C0.404994 0.0877551 0.616854 0 0.837761 0H9.16707C9.27591 0.00131602 9.38345 0.0239542 9.48358 0.0666344C9.68711 0.151156 9.84884 0.312891 9.93337 0.516417C9.97605 0.616554 9.99868 0.724086 10 0.832931V9.16224C10 9.38315 9.91224 9.59501 9.75604 9.75121C9.59984 9.90742 9.38798 9.99517 9.16707 9.99517C8.94616 9.99517 8.7343 9.90742 8.5781 9.75121C8.42189 9.59501 8.33414 9.38315 8.33414 9.16224V2.84029L1.42914 9.75362C1.35171 9.83169 1.25959 9.89366 1.15809 9.93594C1.05659 9.97823 0.947718 10 0.837761 10C0.727804 10 0.618935 9.97823 0.517435 9.93594C0.415935 9.89366 0.323812 9.83169 0.246381 9.75362C0.168311 9.67619 0.106344 9.58407 0.0640574 9.48256C0.0217705 9.38107 0 9.2722 0 9.16224C0 9.05228 0.0217705 8.94341 0.0640574 8.84191C0.106344 8.74041 0.168311 8.64829 0.246381 8.57086L7.15971 1.66586Z" fill="#4339F2"/>
					</svg>
				</a>
			</div>
		</div>
	</section>
    <!-- Lead Form Section -->
    {{-- <section class="lead-form-section">
        <div class="container lead-form-div d-flex justify-content-between align-items-center">
            <div class="left-div d-flex flex-column align-items-center">
                <h2>Let's Calculate Your Chances of Getting into your dream University!</h2>
                <p>In Hurry? We will do it for you!</p>
                <a href="tel:{{@$website_setting->phone}}" class="btn primary-btn">Call Us Now <i class="fa fa-arrow-right"></i></a>
            </div>
            <div class="right-div">
                <form class="lead_form">
                    <fieldset class="showLead">
                        <div class="form-que-card">
                            <h4>What Is Your Desired Academic Course?</h4>
                            <div class="radio-btn-div d-flex justify-content-center">
                                <input type="radio" id="ug" name="level" value="ug" checked>
                                <label for="ug" class="">
                                    <h5 class="">UG</h5>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
                                        <path d="M7 19.25H14C17.5175 19.25 18.1475 17.8413 18.3313 16.1263L18.9875 9.12625C19.2238 6.99125 18.6113 5.25 14.875 5.25H6.125C2.38875 5.25 1.77625 6.99125 2.0125 9.12625L2.66875 16.1263C2.8525 17.8413 3.4825 19.25 7 19.25Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M7 5.25V4.55C7 3.00125 7 1.75 9.8 1.75H11.2C14 1.75 14 3.00125 14 4.55V5.25" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M12.25 11.375V12.25C12.25 12.2587 12.25 12.2588 12.25 12.2675C12.25 13.2213 12.2413 14 10.5 14C8.7675 14 8.75 13.23 8.75 12.2762V11.375C8.75 10.5 8.75 10.5 9.625 10.5H11.375C12.25 10.5 12.25 10.5 12.25 11.375Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M18.9438 9.625C16.9225 11.095 14.6125 11.97 12.25 12.2675" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M2.29251 9.86121C4.26126 11.2087 6.48376 12.0225 8.75001 12.2762" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                    </svg>
                                </label>
                                <input type="radio" id="pg" name="level" value="pg">
                                <label for="pg" class="">
                                    <h5 class="">PG</h5>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
                                        <path d="M10.5 15.925C12.433 15.925 14 14.358 14 12.425C14 10.4921 12.433 8.92505 10.5 8.92505C8.567 8.92505 7 10.4921 7 12.425C7 14.358 8.567 15.925 10.5 15.925Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M9.135 12.5125L9.70375 13.0813C9.87 13.2475 10.1412 13.2475 10.3075 13.09L11.865 11.655" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M7 19.25H14C17.5175 19.25 18.1475 17.8413 18.3313 16.1263L18.9875 9.12625C19.2238 6.99125 18.6113 5.25 14.875 5.25H6.125C2.38875 5.25 1.77625 6.99125 2.0125 9.12625L2.66875 16.1263C2.8525 17.8413 3.4825 19.25 7 19.25Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M7 5.25V4.55C7 3.00125 7 1.75 9.8 1.75H11.2C14 1.75 14 3.00125 14 4.55V5.25" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M18.9438 9.625C17.43 10.7275 15.75 11.4975 14.0087 11.935" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M2.2925 9.86121C3.75375 10.8587 5.34625 11.5675 7 11.97" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                                    </svg>
                                </label>
                                <input type="radio" id="phd" name="level" value="phd">
                                <label for="phd" class="">
                                    <h5 class="">PHD</h5>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
                                        <path d="M3.0625 15.75V6.125C3.0625 2.625 3.9375 1.75 7.4375 1.75H13.5625C17.0625 1.75 17.9375 2.625 17.9375 6.125V14.875C17.9375 14.9975 17.9375 15.12 17.9287 15.2425" stroke="#292D32" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M5.55625 13.125H17.9375V16.1875C17.9375 17.8762 16.5637 19.25 14.875 19.25H6.125C4.43625 19.25 3.0625 17.8762 3.0625 16.1875V15.6188C3.0625 14.245 4.1825 13.125 5.55625 13.125Z" stroke="#292D32" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M7 6.125H14" stroke="#292D32" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
                                        <path d="M7 9.1875H11.375" stroke="#292D32" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
                                    </svg>
                                </label>
                            </div>
                        </div>
                        <button type="button" name="next" class="next-btn next">Save & Go Next <i
                                class="fa fa-arrow-right"></i></button>
                    </fieldset>
                    <fieldset>
                        <div class="form-que-card">
                            <h4>When Do You Want to Start the Journey?</h4>
                            <div class="radio-btn-div d-flex justify-content-center">
                                <input type="radio" id="sep2023" name="journey" value="sep2023" checked>
                                <label for="sep2023" class="">
                                    <h5 class="date">SEP 2023</h5>
                                </label>
                                <input type="radio" id="jan2024" name="journey" value="jan2024">
                                <label for="jan2024" class="">
                                    <h5 class="date">JAN 2024</h5>
                                </label>
                                <input type="radio" id="sep2024" name="journey" value="sep2024">
                                <label for="sep2024" class="">
                                    <h5 class="date">SEP 2024</h5>
                                </label>
                            </div>
                        </div>
                        <button type="button" name="previous" class="prev-btn previous">Previous</button>
                        <button type="button" name="next" class="next-btn next">Save & Go Next <i
                                class="fa fa-arrow-right"></i></button>
                    </fieldset>
                    <fieldset class="form-fieldset">
                        <div class="form-que-card">
                            <h4>Enter Details to Get Results</h4>
                            <div class="lead-form-detail">
                                <div class="full-name-mail d-flex">
                                    <div class="input-group full-name">
                                        <span>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                viewBox="0 0 16 16" fill="none">
                                                <path opacity="0.4"
                                                    d="M8.10671 7.24667C8.04004 7.24 7.96004 7.24 7.88671 7.24667C6.30004 7.19334 5.04004 5.89334 5.04004 4.29334C5.04004 2.66 6.36004 1.33334 8.00004 1.33334C9.63337 1.33334 10.96 2.66 10.96 4.29334C10.9534 5.89334 9.69337 7.19334 8.10671 7.24667Z"
                                                    stroke="#445275" stroke-width="1.2" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                                <path
                                                    d="M4.77348 9.70666C3.16014 10.7867 3.16014 12.5467 4.77348 13.62C6.60681 14.8467 9.61348 14.8467 11.4468 13.62C13.0601 12.54 13.0601 10.78 11.4468 9.70666C9.62014 8.48666 6.61348 8.48666 4.77348 9.70666Z"
                                                    stroke="#445275" stroke-width="1.2" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </span>
                                        <input type="text" name="name" id="full-name" class="input-box"
                                            placeholder="Full Name">
                                    </div>
                                    <div class="input-group email-address">
                                        <span>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                viewBox="0 0 16 16" fill="none">
                                                <path
                                                    d="M11.333 13.6667H4.66634C2.66634 13.6667 1.33301 12.6667 1.33301 10.3333V5.66667C1.33301 3.33334 2.66634 2.33334 4.66634 2.33334H11.333C13.333 2.33334 14.6663 3.33334 14.6663 5.66667V10.3333C14.6663 12.6667 13.333 13.6667 11.333 13.6667Z"
                                                    stroke="#445275" stroke-width="1.2" stroke-miterlimit="10"
                                                    stroke-linecap="round" stroke-linejoin="round" />
                                                <path opacity="0.4"
                                                    d="M11.3337 6L9.24699 7.66667C8.56032 8.21333 7.43366 8.21333 6.74699 7.66667L4.66699 6"
                                                    stroke="#445275" stroke-width="1.2" stroke-miterlimit="10"
                                                    stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                        </span>
                                        <input type="text" name="email" id="email" class="input-box"
                                            placeholder="Email Address">
                                    </div>
                                </div>
                                <div class="phone-number d-flex">
                                    <div class="input-group country-dropdown">
                                        <span>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                viewBox="0 0 16 16" fill="none">
                                                <path
                                                    d="M7.99967 14.6667C11.6816 14.6667 14.6663 11.6819 14.6663 7.99999C14.6663 4.3181 11.6816 1.33333 7.99967 1.33333C4.31778 1.33333 1.33301 4.3181 1.33301 7.99999C1.33301 11.6819 4.31778 14.6667 7.99967 14.6667Z"
                                                    stroke="#445275" stroke-width="1.2" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                                <g opacity="0.4">
                                                    <path
                                                        d="M5.33275 2H5.99941C4.69941 5.89333 4.69941 10.1067 5.99941 14H5.33275"
                                                        stroke="#445275" stroke-width="1.2" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                    <path d="M10 2C11.3 5.89333 11.3 10.1067 10 14" stroke="#445275"
                                                        stroke-width="1.2" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                    <path d="M2 10.6667V10C5.89333 11.3 10.1067 11.3 14 10V10.6667"
                                                        stroke="#445275" stroke-width="1.2" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                    <path d="M2 6.00007C5.89333 4.70007 10.1067 4.70007 14 6.00007"
                                                        stroke="#445275" stroke-width="1.2" stroke-linecap="round"
                                                        stroke-linejoin="round" />
                                                </g>
                                            </svg>
                                        </span>
                                        <select name="country" class="countryDropdown">
                                            <option value="">Country</option>
                                            <option value="India">India</option>
                                            <option value="Pakistan">Malta</option>
                                            <option value="Hungary">Hungary</option>
                                        </select>
                                        <span class="custom-select-arrow"></span>
                                    </div>
                                    <div class="input-group mobile-number">
                                        <span>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                                viewBox="0 0 16 16" fill="none">
                                                <path
                                                    d="M14.6463 12.22C14.6463 12.46 14.593 12.7067 14.4797 12.9467C14.3663 13.1867 14.2197 13.4133 14.0263 13.6267C13.6997 13.9867 13.3397 14.2467 12.933 14.4133C12.533 14.58 12.0997 14.6667 11.633 14.6667C10.953 14.6667 10.2263 14.5067 9.45967 14.18C8.69301 13.8533 7.92634 13.4133 7.16634 12.86C6.39967 12.3 5.67301 11.68 4.97967 10.9933C4.29301 10.3 3.67301 9.57333 3.11967 8.81333C2.57301 8.05333 2.13301 7.29333 1.81301 6.53999C1.49301 5.77999 1.33301 5.05333 1.33301 4.35999C1.33301 3.90666 1.41301 3.47333 1.57301 3.07333C1.73301 2.66666 1.98634 2.29333 2.33967 1.95999C2.76634 1.53999 3.23301 1.33333 3.72634 1.33333C3.91301 1.33333 4.09967 1.37333 4.26634 1.45333C4.43967 1.53333 4.59301 1.65333 4.71301 1.82666L6.25967 4.00666C6.37967 4.17333 6.46634 4.32666 6.52634 4.47333C6.58634 4.61333 6.61967 4.75333 6.61967 4.87999C6.61967 5.03999 6.57301 5.19999 6.47967 5.35333C6.39301 5.50666 6.26634 5.66666 6.10634 5.82666L5.59967 6.35333C5.52634 6.42666 5.49301 6.51333 5.49301 6.61999C5.49301 6.67333 5.49967 6.71999 5.51301 6.77333C5.53301 6.82666 5.55301 6.86666 5.56634 6.90666C5.68634 7.12666 5.89301 7.41333 6.18634 7.75999C6.48634 8.10666 6.80634 8.45999 7.15301 8.81333C7.51301 9.16666 7.85967 9.49333 8.21301 9.79333C8.55967 10.0867 8.84634 10.2867 9.07301 10.4067C9.10634 10.42 9.14634 10.44 9.19301 10.46C9.24634 10.48 9.29967 10.4867 9.35967 10.4867C9.47301 10.4867 9.55967 10.4467 9.63301 10.3733L10.1397 9.87333C10.3063 9.70666 10.4663 9.57999 10.6197 9.49999C10.773 9.40666 10.9263 9.35999 11.093 9.35999C11.2197 9.35999 11.353 9.38666 11.4997 9.44666C11.6463 9.50666 11.7997 9.59333 11.9663 9.70666L14.173 11.2733C14.3463 11.3933 14.4663 11.5333 14.5397 11.7C14.6063 11.8667 14.6463 12.0333 14.6463 12.22Z"
                                                    stroke="#445275" stroke-width="1.2" stroke-miterlimit="10" />
                                                <path opacity="0.4"
                                                    d="M12.3333 6C12.3333 5.6 12.02 4.98667 11.5533 4.48667C11.1267 4.02667 10.56 3.66667 10 3.66667"
                                                    stroke="#445275" stroke-width="1.2" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                                <path opacity="0.4"
                                                    d="M14.6667 5.99999C14.6667 3.41999 12.58 1.33333 10 1.33333"
                                                    stroke="#445275" stroke-width="1.2" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </span>
                                        <input type="number" name="phone" id="mobile-number" class="input-box"
                                            placeholder="Mobile Number">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <input type="hidden" name="hasCountryIndia" value='1'>  
                        <button type="button" name="previous" class="prev-btn previous">Previous</button>
                        <button type="submit" class="next-btn submit-button">Submit<span class="loader" style="display: none;"></button>
                    </fieldset>
                </form>
            </div>
        </div>
    </section> --}}
    @include('website.mobile.components.lead')
    
	<!-- Global Map Location  -->
	@if(!empty($address->address) && isset($address->lat) && isset($address->long))
	<section class="jaipur-map-section">
		<div class="container">
			<div class="map-card">
				<div class="map-component ">
					{{-- <iframe class="iframe-map" frameborder="0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3558.0743721962835!2d75.81157351504461!3d26.901134683132636!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8d1bdbc63a4e0b57%3A0xff399b2a1ce92f29!2sGradding%20-%20Study%20Abroad%20Consultants%20in%20Jaipur!5e0!3m2!1sen!2sin!4v1686127841812!5m2!1sen!2sin" height="200"  aria-hidden="true"></iframe> --}}
					<div id="map"></div>
				</div>
				<div class="splitter-horizontal" ></div>
				<div class="map-component map-contact-card">
					<div class="map-location-name">
						<img src="{{ @$address->office_image ? @$address->office_image_url : asset('frontend/assets-mobile/images/map-locate.png') }}" alt="Map location">

						<div class="location-detail">
							<p>Gradding Office</p>
							<span>{{ @$address->address }}</span>
						</div>
					</div>
					<div class="map-share-btn">
						<a class="map-icon locate" href="{{@$address->map_url}}" aria-label="direction">
							<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M18.1976 8.36327L10.0974 0.263014C9.74638 -0.0879969 9.17486 -0.0879969 8.82835 0.263014L0.728102 8.36327C0.377091 8.71428 0.377091 9.28579 0.728102 9.6368L8.82835 17.7326V17.7371C9.17936 18.0881 9.75088 18.0881 10.1019 17.7371L18.2021 9.6368C18.5532 9.28129 18.5532 8.71428 18.1976 8.36327ZM11.2629 11.2479V8.99778H7.66282V11.6979H5.86276V8.09776C5.86276 7.59824 6.26327 7.19773 6.76279 7.19773H11.2629V4.94766L14.413 8.09776L11.2629 11.2479Z" fill="white"/>
							</svg>
						</a>
						<a class="map-icon" href="tel:{{@$website_setting->phone}}" aria-label="call">
							<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M1.54492 1.10742C1.22266 1.19531 0.988281 1.45898 0.988281 1.78125C0.988281 9.31055 7.08203 15.375 14.582 15.375C14.9336 15.375 15.1973 15.1699 15.2852 14.8477L15.9883 11.8008C16.0469 11.4785 15.9004 11.127 15.5781 10.9805L12.2969 9.57422C12.0039 9.45703 11.6816 9.54492 11.4766 9.7793L10.0117 11.5664C7.72656 10.4824 5.88086 8.60742 4.82617 6.38086L6.61328 4.91602C6.84766 4.71094 6.93555 4.38867 6.81836 4.0957L5.41211 0.814453C5.26562 0.492188 4.91406 0.316406 4.5918 0.404297L1.54492 1.10742Z" fill="#066AC9"/>
							</svg>
						</a>
						<a id="copyUrl" class="map-icon" href="javascript:;" onclick="copyClipboard('{{@$address->map_url}}'); showClipboard();" aria-label="forward">
							<svg width="21" height="18" viewBox="0 0 21 18" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M10.7555 8.67561C5.84609 8.67561 1.33683 12.9405 1.21905 17.8175C1.21316 18.0521 1.14838 18.0619 1.0741 17.8391C0.842458 17.1451 0.648438 15.9699 0.648438 14.7498C0.648438 8.78031 5.29151 3.88629 10.7378 3.51461C10.9711 3.4989 11.1605 3.29605 11.1605 3.06211V0.385416C11.1605 0.0242047 11.4043 -0.106342 11.705 0.0938951L20.1483 5.72278C20.4487 5.92301 20.4487 6.24823 20.1483 6.4488L11.705 12.0777C11.4043 12.2779 11.1619 12.1474 11.1638 11.7862C11.1739 9.90441 11.1789 8.96354 11.1789 8.96354C11.1789 8.80485 10.9891 8.67561 10.7555 8.67561Z" fill="#066AC9"/>
							</svg>
                            <div id="snackbar">Link is Copied..</div>
						</a>
						<a class="map-icon" href="javascript:;" onclick="showPopup('addLectureMobile')" aria-label="calendra">
							<svg xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
							<path d="M15.8352 1.8H14.9352V0.9C14.9352 0.36 14.5752 0 14.0352 0C13.4952 0 13.1352 0.36 13.1352 0.9V1.8H5.93516V0.9C5.93516 0.36 5.57516 0 5.03516 0C4.49516 0 4.13516 0.36 4.13516 0.9V1.8H3.23516C1.70516 1.8 0.535156 2.97 0.535156 4.5V5.4H18.5352V4.5C18.5352 2.97 17.3652 1.8 15.8352 1.8ZM0.535156 15.3C0.535156 16.83 1.70516 18 3.23516 18H15.8352C17.3652 18 18.5352 16.83 18.5352 15.3V7.2H0.535156V15.3ZM14.0352 9C14.5752 9 14.9352 9.36 14.9352 9.9C14.9352 10.44 14.5752 10.8 14.0352 10.8C13.4952 10.8 13.1352 10.44 13.1352 9.9C13.1352 9.36 13.4952 9 14.0352 9ZM14.0352 12.6C14.5752 12.6 14.9352 12.96 14.9352 13.5C14.9352 14.04 14.5752 14.4 14.0352 14.4C13.4952 14.4 13.1352 14.04 13.1352 13.5C13.1352 12.96 13.4952 12.6 14.0352 12.6ZM9.53516 9C10.0752 9 10.4352 9.36 10.4352 9.9C10.4352 10.44 10.0752 10.8 9.53516 10.8C8.99516 10.8 8.63516 10.44 8.63516 9.9C8.63516 9.36 8.99516 9 9.53516 9ZM9.53516 12.6C10.0752 12.6 10.4352 12.96 10.4352 13.5C10.4352 14.04 10.0752 14.4 9.53516 14.4C8.99516 14.4 8.63516 14.04 8.63516 13.5C8.63516 12.96 8.99516 12.6 9.53516 12.6ZM5.03516 9C5.57516 9 5.93516 9.36 5.93516 9.9C5.93516 10.44 5.57516 10.8 5.03516 10.8C4.49516 10.8 4.13516 10.44 4.13516 9.9C4.13516 9.36 4.49516 9 5.03516 9ZM5.03516 12.6C5.57516 12.6 5.93516 12.96 5.93516 13.5C5.93516 14.04 5.57516 14.4 5.03516 14.4C4.49516 14.4 4.13516 14.04 4.13516 13.5C4.13516 12.96 4.49516 12.6 5.03516 12.6Z" fill="#066AC9"/>
							</svg>
						</a>
					</div>
					<p>We are also available at :</p>
					<div class="city-location">
						@foreach($nearbyCity as $cityItem)
						<a href="{{ url('/consultancy/in').'/'.$cityItem->url }}">{{@$cityItem->title}}</a>
						@endforeach
						{{-- <a href="">Gajsinghpur</a>
						<a href="">Heerapura</a>
						<a href="">Gajsinghpur</a>
						<a href="">Heerapura</a>
						<a href="">Gajsinghpur</a>
						<a href="">Heerapura</a>
						<a href="">Gajsinghpur</a>
						<a href="">Heerapura</a>
						<a href="">Gajsinghpur</a>
						<a href="">Heerapura</a>
						<a href="">Gajsinghpur</a> --}}
					</div>
				</div>
			</div>
		</div>
	</section>
	@else
	<section class="map-section">
        <div class="container">
            <div id="app">
                <h2>We Are All Over India to Help You with Study Abroad!</h2>
                <div class="resizable-x map-card">
                    <div class="resizable-y" >
                    <div class="div1 map-component" >
                        <div id="map" data-icon="{{ asset('frontend')}}/primary-theme/assets/images/loc-pin.png"></div>
                    </div>
                    <div class="resizer-y"></div>
                    <div class="div2 map-location" >
                        <div class="single-location">
                            <div class="img-div">
							  <img src="{{ asset('/') }}frontend/assets-desktop/images/city/bangalore.svg" height="100%" width="100%" alt="">
						    </div>
						    <a class="single-map-title stretched-link" href="/consultancy/in/bangalore">Bangalore</a>
                        </div>
                        <div class="single-location">
                        <div class="img-div">
							<img src="{{ asset('/') }}frontend/assets-desktop/images/city/Ahmedabad.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/ahmedabad">Ahmedabad</a>
                        </div>
                        <div class="single-location">
                        <div class="img-div">
						<img src="{{ asset('/') }}frontend/assets-desktop/images/city/delhi.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/delhi">Delhi</a> 
                        </div>
                        <div class="single-location">
                        <div class="img-div">
						<img src="{{ asset('/') }}frontend/assets-desktop/images/city/jaipur.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/jaipur">Jaipur</a> 
                        </div>
                        <div class="single-location">
                        <div class="img-div">
						<img src="{{ asset('/') }}frontend/assets-desktop/images/city/Hyderabad.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/hyderabad">Hyderabad</a>
                        </div>
                        <div class="single-location">
                        <div class="img-div">
						<img src="{{ asset('/') }}frontend/assets-desktop/images/city/Kerala.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/kerala">Kerala</a>
                        </div>
                        <div class="single-location">
                        <div class="img-div">
						<img src="{{ asset('/') }}frontend/assets-desktop/images/city/Pune.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/pune">Pune</a>
                        </div>
                        <div class="single-location">
                            <div class="img-div">
						     <img src="{{ asset('/') }}frontend/assets-desktop/images/city/Chandigarh.svg" height="100%" width="100%" alt="">
						   </div>
						   <a class="single-map-title stretched-link"  href="/consultancy/in/chandigarh">Chandigarh</a> 
                        </div>
                        <div class="single-location">
                        <div class="img-div">
						<img src="{{ asset('/') }}frontend/assets-desktop/images/city/Mumbai.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/mumbai">Mumbai</a>
                        </div>
                        <div class="single-location">
                        <div class="img-div">
						<img src="{{ asset('/') }}frontend/assets-desktop/images/city/Gurgaon.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/gurgaon">Gurgaon</a>
                        </div>
                        <div class="single-location">
                        <div class="img-div">
						<img src="{{ asset('/') }}frontend/assets-desktop/images/city/Chennai.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/chennai">Chennai</a>
                        </div>
                        <div class="single-location">
                        <div class="img-div">
						<img src="{{ asset('/') }}frontend/assets-desktop/images/city/Kolkata.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/kolkata">Kolkata</a>
                        </div>
                        <div class="single-location">
                        <div class="img-div">
						<img src="{{ asset('/') }}frontend/assets-desktop/images/city/Trivandrum.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/trivandrum">Trivandrum</a>
                        </div>
                        <div class="single-location">
                        <div class="img-div">
						<img src="{{ asset('/') }}frontend/assets-desktop/images/city/Noida.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/noida">Noida</a>
                        </div>
                        <div class="single-location">
                        <div class="img-div">
						<img src="{{ asset('/') }}frontend/assets-desktop/images/city/Kochi.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/kochi">Kochi</a>
                        </div>
                        <div class="single-location">
                        <div class="img-div">
						<img src="{{ asset('/') }}frontend/assets-desktop/images/city/Calicut.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/calicut">Calicut</a>
                        </div>
                        <div class="single-location">
                        <div class="img-div">
						<img src="{{ asset('/') }}frontend/assets-desktop/images/city/Kottayam.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/kottayam">Kottayam</a>
                        </div>
                        <div class="single-location">
                        <div class="img-div">
						<img src="{{ asset('/') }}frontend/assets-desktop/images/city/Kollam.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/kollam">Kollam</a>
                        </div>
                        <div class="single-location">
                        <div class="img-div">
						<img src="{{ asset('/') }}frontend/assets-desktop/images/city/Thrissur.svg" height="100%" width="100%" alt="">
						</div>
						<a class="single-map-title stretched-link" href="/consultancy/in/thrissur">Thrissur</a>
                        </div>
                        <div class="single-location">
                            <div class="img-div">
                            <img src="{{ asset('/') }}frontend/assets-desktop/images/city/indore.svg" height="100%" width="100%" alt="">
                            </div>
                            <a class="single-map-title stretched-link" href="/consultancy/in/indore">Indore</a>
                            </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
		<div style="display:none" class="">
            <div id="count">{{ @$addresses->count() }}</div>
            @foreach ($addresses as $key => $address)
                <div id="mapContent{{ $key }}" role="dialog" tabindex="-1"
                    class="dialogue location-dialogue" style="max-width: 240px">
                    <div class="location-pin-section">
                        <div class="location-pin-div">
                            <div class="img-div">
                                <div class="img-office-div">
                                    <img src="{{ @$address->office_image ? @$address->office_image_url : 'https://www.gradding.com/frontend/primary-theme/assets/images/about/graddingofc.jpg' }}"
                                        alt="city-store">
                                    <p class="heading">Gradding - Study Abroad Consultants in
                                        {{ ucFirst(@$address->page->title) }}</p>
                                </div>
                                <span class="storeAdd">{{ @$address->address }}</span>
                                <div class="detailmap-btn">
                                    <div class="view-details-btn">
                                        <a class="" target="_blank"
                                            href="/consultancy/in/{{ @$address->page->url }}"><svg
                                                xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                viewBox="0 0 24 24" fill="none">
                                                <path
                                                    d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z"
                                                    stroke="#066AC9" stroke-width="1.5" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                                <path opacity="0.34" d="M12 12V17" stroke="#066AC9"
                                                    stroke-width="1.5" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                                <path opacity="0.34" d="M11.9961 8H12.0051" stroke="#066AC9"
                                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                        </a>
                                    </div>
                                    <div class="share-loc-btn">
                                        <a href="{{ @$address->map_url }}">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                viewBox="0 0 24 24" fill="none">
                                                <path opacity="0.4"
                                                    d="M17.3509 9.05004L15.0109 16.59C14.4509 18.38 11.9409 18.41 11.3509 16.63L10.651 14.56C10.461 13.99 10.0109 13.53 9.44095 13.35L7.36095 12.65C5.59095 12.06 5.62095 9.53004 7.41095 8.99004L14.951 6.64003C16.431 6.19003 17.8209 7.58004 17.3509 9.05004Z"
                                                    stroke="#066AC9" stroke-width="1.5" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                                <path
                                                    d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
                                                    stroke="#066AC9" stroke-width="1.5" stroke-linecap="round"
                                                    stroke-linejoin="round" />
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="lat{{ $key }}">{{ @$address->lat }}</div>
                <div id="long{{ $key }}">{{ @$address->long }}</div>
            @endforeach
        </div>
	<script src="{{asset('frontend')}}/assets-mobile/js/mapApi.js?v={{env('ASSETS_VERSION')}}"></script>
    </section>
	@endif
	<!-- Test Preparation -->
	<section class="test-prep-section">
		<div class="container">
			<div class="test-prep">
				<h2>Achieve High Scores with Our Expert Coaching</h2>
				<div class="ielts">
					<img src="{{ asset('frontend') }}/assets-mobile/images/ielts.png" alt="">
					<img src="{{ asset('frontend') }}/assets-mobile/images/toefl.png" alt="">
					<img src="{{ asset('frontend') }}/assets-mobile/images/pte.png" alt="">
					<img src="{{ asset('frontend') }}/assets-mobile/images/sat.png" alt="">
				</div>
				<p class="check-mark">
					<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none">
						<g clip-path="url(#clip0_408_10162)">
							<path d="M11.9536 1.03311C11.634 0.706005 11.2522 0.446085 10.8307 0.268628C10.4091 0.0911704 9.95639 -0.000244141 9.49904 -0.000244141C9.04169 -0.000244141 8.58896 0.0911704 8.16744 0.268628C7.74592 0.446085 7.36412 0.706005 7.04448 1.03311L6.30586 1.79074L5.24898 1.77768C4.7915 1.77226 4.33755 1.85838 3.91383 2.03095C3.49011 2.20353 3.10518 2.4591 2.78166 2.78261C2.45815 3.10612 2.20259 3.49105 2.03001 3.91477C1.85743 4.33849 1.77132 4.79244 1.77673 5.24993L1.78861 6.3068L1.03336 7.04543C0.706249 7.36507 0.446329 7.74686 0.268872 8.16838C0.0914145 8.5899 0 9.04264 0 9.49999C0 9.95734 0.0914145 10.4101 0.268872 10.8316C0.446329 11.2531 0.706249 11.6349 1.03336 11.9546L1.78979 12.6932L1.77673 13.7501C1.77132 14.2075 1.85743 14.6615 2.03001 15.0852C2.20259 15.5089 2.45815 15.8939 2.78166 16.2174C3.10518 16.5409 3.49011 16.7964 3.91383 16.969C4.33755 17.1416 4.7915 17.2277 5.24898 17.2223L6.30586 17.2104L7.04448 17.9657C7.36412 18.2928 7.74592 18.5527 8.16744 18.7302C8.58896 18.9076 9.04169 18.999 9.49904 18.999C9.95639 18.999 10.4091 18.9076 10.8307 18.7302C11.2522 18.5527 11.634 18.2928 11.9536 17.9657L12.6922 17.2092L13.7491 17.2223C14.2066 17.2277 14.6605 17.1416 15.0843 16.969C15.508 16.7964 15.8929 16.5409 16.2164 16.2174C16.5399 15.8939 16.7955 15.5089 16.9681 15.0852C17.1407 14.6615 17.2268 14.2075 17.2214 13.7501L17.2095 12.6932L17.9647 11.9546C18.2918 11.6349 18.5518 11.2531 18.7292 10.8316C18.9067 10.4101 18.9981 9.95734 18.9981 9.49999C18.9981 9.04264 18.9067 8.5899 18.7292 8.16838C18.5518 7.74686 18.2918 7.36507 17.9647 7.04543L17.2083 6.3068L17.2214 5.24993C17.2268 4.79244 17.1407 4.33849 16.9681 3.91477C16.7955 3.49105 16.5399 3.10612 16.2164 2.78261C15.8929 2.4591 15.508 2.20353 15.0843 2.03095C14.6605 1.85838 14.2066 1.77226 13.7491 1.77768L12.6922 1.78955L11.9536 1.0343V1.03311ZM12.2944 8.13911L8.73192 11.7016C8.67677 11.7569 8.61124 11.8008 8.53911 11.8307C8.46697 11.8606 8.38964 11.876 8.31154 11.876C8.23345 11.876 8.15611 11.8606 8.08398 11.8307C8.01184 11.8008 7.94632 11.7569 7.89117 11.7016L6.10992 9.92036C6.05471 9.86516 6.01092 9.79962 5.98105 9.72749C5.95117 9.65537 5.93579 9.57806 5.93579 9.49999C5.93579 9.42192 5.95117 9.34461 5.98105 9.27248C6.01092 9.20035 6.05471 9.13482 6.10992 9.07961C6.16512 9.02441 6.23066 8.98062 6.30279 8.95074C6.37492 8.92087 6.45222 8.90549 6.53029 8.90549C6.60837 8.90549 6.68567 8.92087 6.7578 8.95074C6.82993 8.98062 6.89546 9.02441 6.95067 9.07961L8.31154 10.4417L11.4537 7.29836C11.5652 7.18687 11.7164 7.12424 11.874 7.12424C12.0317 7.12424 12.1829 7.18687 12.2944 7.29836C12.4059 7.40985 12.4685 7.56107 12.4685 7.71874C12.4685 7.87641 12.4059 8.02762 12.2944 8.13911Z" fill="#0CBC87"/>
						</g>
						<defs>
							<clipPath id="clip0_408_10162">
							<rect width="19" height="19" fill="white"/>
							</clipPath>
						</defs>
					</svg>
                    3,00,000+ Students Trained
				</p>
				<p class="check-mark">
					<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none">
						<g clip-path="url(#clip0_408_10162)">
							<path d="M11.9536 1.03311C11.634 0.706005 11.2522 0.446085 10.8307 0.268628C10.4091 0.0911704 9.95639 -0.000244141 9.49904 -0.000244141C9.04169 -0.000244141 8.58896 0.0911704 8.16744 0.268628C7.74592 0.446085 7.36412 0.706005 7.04448 1.03311L6.30586 1.79074L5.24898 1.77768C4.7915 1.77226 4.33755 1.85838 3.91383 2.03095C3.49011 2.20353 3.10518 2.4591 2.78166 2.78261C2.45815 3.10612 2.20259 3.49105 2.03001 3.91477C1.85743 4.33849 1.77132 4.79244 1.77673 5.24993L1.78861 6.3068L1.03336 7.04543C0.706249 7.36507 0.446329 7.74686 0.268872 8.16838C0.0914145 8.5899 0 9.04264 0 9.49999C0 9.95734 0.0914145 10.4101 0.268872 10.8316C0.446329 11.2531 0.706249 11.6349 1.03336 11.9546L1.78979 12.6932L1.77673 13.7501C1.77132 14.2075 1.85743 14.6615 2.03001 15.0852C2.20259 15.5089 2.45815 15.8939 2.78166 16.2174C3.10518 16.5409 3.49011 16.7964 3.91383 16.969C4.33755 17.1416 4.7915 17.2277 5.24898 17.2223L6.30586 17.2104L7.04448 17.9657C7.36412 18.2928 7.74592 18.5527 8.16744 18.7302C8.58896 18.9076 9.04169 18.999 9.49904 18.999C9.95639 18.999 10.4091 18.9076 10.8307 18.7302C11.2522 18.5527 11.634 18.2928 11.9536 17.9657L12.6922 17.2092L13.7491 17.2223C14.2066 17.2277 14.6605 17.1416 15.0843 16.969C15.508 16.7964 15.8929 16.5409 16.2164 16.2174C16.5399 15.8939 16.7955 15.5089 16.9681 15.0852C17.1407 14.6615 17.2268 14.2075 17.2214 13.7501L17.2095 12.6932L17.9647 11.9546C18.2918 11.6349 18.5518 11.2531 18.7292 10.8316C18.9067 10.4101 18.9981 9.95734 18.9981 9.49999C18.9981 9.04264 18.9067 8.5899 18.7292 8.16838C18.5518 7.74686 18.2918 7.36507 17.9647 7.04543L17.2083 6.3068L17.2214 5.24993C17.2268 4.79244 17.1407 4.33849 16.9681 3.91477C16.7955 3.49105 16.5399 3.10612 16.2164 2.78261C15.8929 2.4591 15.508 2.20353 15.0843 2.03095C14.6605 1.85838 14.2066 1.77226 13.7491 1.77768L12.6922 1.78955L11.9536 1.0343V1.03311ZM12.2944 8.13911L8.73192 11.7016C8.67677 11.7569 8.61124 11.8008 8.53911 11.8307C8.46697 11.8606 8.38964 11.876 8.31154 11.876C8.23345 11.876 8.15611 11.8606 8.08398 11.8307C8.01184 11.8008 7.94632 11.7569 7.89117 11.7016L6.10992 9.92036C6.05471 9.86516 6.01092 9.79962 5.98105 9.72749C5.95117 9.65537 5.93579 9.57806 5.93579 9.49999C5.93579 9.42192 5.95117 9.34461 5.98105 9.27248C6.01092 9.20035 6.05471 9.13482 6.10992 9.07961C6.16512 9.02441 6.23066 8.98062 6.30279 8.95074C6.37492 8.92087 6.45222 8.90549 6.53029 8.90549C6.60837 8.90549 6.68567 8.92087 6.7578 8.95074C6.82993 8.98062 6.89546 9.02441 6.95067 9.07961L8.31154 10.4417L11.4537 7.29836C11.5652 7.18687 11.7164 7.12424 11.874 7.12424C12.0317 7.12424 12.1829 7.18687 12.2944 7.29836C12.4059 7.40985 12.4685 7.56107 12.4685 7.71874C12.4685 7.87641 12.4059 8.02762 12.2944 8.13911Z" fill="#0CBC87"/>
						</g>
						<defs>
							<clipPath id="clip0_408_10162">
							<rect width="19" height="19" fill="white"/>
							</clipPath>
						</defs>
					</svg>
					90% of Our Students Score 7+ Band
				</p>
                @if (!(auth()->user()))
				<div class="register-now">
					<p>Register Now to Get 50% OFF.</p>
					<a href="javascript:;" onclick="showPopup('login')">Enroll Now
						<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
							<g clip-path="url(#clip0_408_10175)">
								<path d="M6.875 1.875L9.375 5M9.375 5L6.875 8.125M9.375 5H0.625" stroke="#94751C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
							</g>
							<defs>
								<clipPath id="clip0_408_10175">
								<rect width="10" height="10" fill="white"/>
								</clipPath>
							</defs>
						</svg>
					</a>
				</div>
                @endif
			</div>
            <div class="registeration">
                <p>Get Selected Without any English Proficiency Test.</p>
                <a href="javascript:;" onclick="showPopup('login')" class="check-eligibility">Check Eligibility</a>
            </div>
		</div>
	</section>
	<!-- Finance Your Study -->
	{{-- <section class="finance-section">
		<div class="container">
			<div class="finance">
				<h4>Finance your study abroad dream through Gradding</h4>
				<p>
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<g opacity="0.4">
							<path d="M10.7516 16.8599V18.8899C10.7516 20.6099 9.15158 21.9999 7.18158 21.9999C5.21158 21.9999 3.60156 20.6099 3.60156 18.8899V16.8599C3.60156 18.5799 5.20158 19.7999 7.18158 19.7999C9.15158 19.7999 10.7516 18.5699 10.7516 16.8599Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
							<path d="M10.7498 14.11C10.7498 14.61 10.6098 15.07 10.3698 15.47C9.77981 16.44 8.5698 17.05 7.1698 17.05C5.7698 17.05 4.55979 16.43 3.96979 15.47C3.72979 15.07 3.58984 14.61 3.58984 14.11C3.58984 13.25 3.98982 12.48 4.62982 11.92C5.27982 11.35 6.16979 11.01 7.15979 11.01C8.14979 11.01 9.03982 11.36 9.68982 11.92C10.3498 12.47 10.7498 13.25 10.7498 14.11Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
							<path d="M10.7516 14.11V16.86C10.7516 18.58 9.15158 19.8 7.18158 19.8C5.21158 19.8 3.60156 18.57 3.60156 16.86V14.11C3.60156 12.39 5.20158 11 7.18158 11C8.17158 11 9.06161 11.35 9.71161 11.91C10.3516 12.47 10.7516 13.25 10.7516 14.11Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
						</g>
						<path d="M22.0002 10.9699V13.03C22.0002 13.58 21.5602 14.0299 21.0002 14.0499H19.0402C17.9602 14.0499 16.9702 13.2599 16.8802 12.1799C16.8202 11.5499 17.0602 10.9599 17.4802 10.5499C17.8502 10.1699 18.3602 9.94995 18.9202 9.94995H21.0002C21.5602 9.96995 22.0002 10.4199 22.0002 10.9699Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M2 10.5V8.5C2 5.78 3.64 3.88 6.19 3.56C6.45 3.52 6.72 3.5 7 3.5H16C16.26 3.5 16.51 3.50999 16.75 3.54999C19.33 3.84999 21 5.76 21 8.5V9.95001H18.92C18.36 9.95001 17.85 10.17 17.48 10.55C17.06 10.96 16.82 11.55 16.88 12.18C16.97 13.26 17.96 14.05 19.04 14.05H21V15.5C21 18.5 19 20.5 16 20.5H13.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
				Scholarship Assistance
				</p>
				<p>
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<path opacity="0.4" d="M6.87891 18.1501V16.0801" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
						<path opacity="0.4" d="M12 18.15V14.01" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
						<path opacity="0.4" d="M17.1211 18.1499V11.9299" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
						<g opacity="0.4">
							<path d="M17.1189 5.84961L16.6589 6.38961C14.1089 9.36961 10.6889 11.4796 6.87891 12.4296" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
							<path d="M14.1875 5.84961H17.1175V8.76961" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
						</g>
						<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
				Financial Planning Guidance
				</p>
				<p>
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<path d="M22 13V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H13" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M7.32812 14.49L9.70813 11.4C10.0481 10.96 10.6781 10.88 11.1181 11.22L12.9482 12.66C13.3882 13 14.0181 12.92 14.3581 12.49L16.6682 9.51001" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M19.4812 15.8199L19.7612 16.3899C19.9012 16.6699 20.2512 16.9299 20.5612 16.9899L20.9412 17.0499C22.0812 17.2399 22.3512 18.0799 21.5312 18.9099L21.1812 19.2599C20.9512 19.4999 20.8212 19.9599 20.8912 20.2799L20.9412 20.4899C21.2512 21.8699 20.5212 22.3999 19.3212 21.6799L19.0612 21.5299C18.7512 21.3499 18.2512 21.3499 17.9412 21.5299L17.6812 21.6799C16.4712 22.4099 15.7412 21.8699 16.0612 20.4899L16.1112 20.2799C16.1812 19.9599 16.0512 19.4999 15.8212 19.2599L15.4712 18.9099C14.6512 18.0799 14.9212 17.2399 16.0612 17.0499L16.4412 16.9899C16.7412 16.9399 17.1012 16.6699 17.2412 16.3899L17.5212 15.8199C18.0612 14.7299 18.9412 14.7299 19.4812 15.8199Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
				Funding Opportunities Access
				</p>
				<p>
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
						<path d="M17 23H7C3 23 2 21.8889 2 17.4444V8.55556C2 4.11111 3 3 7 3H17C21 3 22 4.11111 22 8.55556V17.4444C22 21.8889 21 23 17 23Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
						<g opacity="0.4">
							<path d="M14 8.33008H19" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
							<path d="M15 12.3301H19" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
							<path d="M17 16.3301H19" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
							<path d="M8.50141 11.62C9.50104 11.62 10.3114 10.8096 10.3114 9.81C10.3114 8.81036 9.50104 8 8.50141 8C7.50177 8 6.69141 8.81036 6.69141 9.81C6.69141 10.8096 7.50177 11.62 8.50141 11.62Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
							<path d="M12 16.6598C11.86 15.2098 10.71 14.0698 9.26 13.9398C8.76 13.8898 8.25 13.8898 7.74 13.9398C6.29 14.0798 5.14 15.2098 5 16.6598" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
						</g>
					</svg>
				Student Loan Guidance
				</p>
			</div>
		</div>
	</section> --}}
	<!-- Why Study in  uk-->
	<section class="why-choose-highlights">
		<div class="container">
			<h4>We Have All You Need to Fulfil Your Study Abroad Dream</h4>
			<div class="why-choose-highlight-card">
				<div class="single-highlight">
					<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
						<path d="M16.4927 2.86668L28.4927 7.66665C28.9593 7.85332 29.3327 8.41331 29.3327 8.90664V13.3333C29.3327 14.0666 28.7327 14.6666 27.9993 14.6666H3.99935C3.26602 14.6666 2.66602 14.0666 2.66602 13.3333V8.90664C2.66602 8.41331 3.03936 7.85332 3.50602 7.66665L15.506 2.86668C15.7727 2.76002 16.226 2.76002 16.4927 2.86668Z" stroke="#68CC45" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M29.3327 29.3333H2.66602V25.3333C2.66602 24.6 3.26602 24 3.99935 24H27.9993C28.7327 24 29.3327 24.6 29.3327 25.3333V29.3333Z" stroke="#68CC45" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M5.33398 24V14.6667" stroke="#68CC45" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M10.666 24V14.6667" stroke="#68CC45" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M16 24V14.6667" stroke="#68CC45" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M21.334 24V14.6667" stroke="#68CC45" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M26.666 24V14.6667" stroke="#68CC45" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M1.33398 29.3333H30.6673" stroke="#68CC45" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M16 11.3333C17.1046 11.3333 18 10.4379 18 9.33331C18 8.22874 17.1046 7.33331 16 7.33331C14.8954 7.33331 14 8.22874 14 9.33331C14 10.4379 14.8954 11.3333 16 11.3333Z" stroke="#68CC45" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
					<p>World’s<span class="top-univ"> Top Universities </span></p>
				</div>
				<div class="single-highlight">
					<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" viewBox="0 0 33 32" fill="none">
						<path opacity="0.4" d="M24.6616 9.54669C24.5816 9.53336 24.4882 9.53336 24.4082 9.54669C22.5682 9.48003 21.1016 7.97336 21.1016 6.10669C21.1016 4.20002 22.6349 2.66669 24.5416 2.66669C26.4482 2.66669 27.9816 4.21336 27.9816 6.10669C27.9682 7.97336 26.5016 9.48003 24.6616 9.54669Z" stroke="#FF0053" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M23.2881 19.2533C25.1147 19.56 27.1281 19.24 28.5414 18.2933C30.4214 17.04 30.4214 14.9867 28.5414 13.7333C27.1147 12.7867 25.0747 12.4667 23.248 12.7867" stroke="#FF0053" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M8.62078 9.54669C8.70078 9.53336 8.79411 9.53336 8.87411 9.54669C10.7141 9.48003 12.1808 7.97336 12.1808 6.10669C12.1808 4.20002 10.6474 2.66669 8.74078 2.66669C6.83412 2.66669 5.30078 4.21336 5.30078 6.10669C5.31411 7.97336 6.78078 9.48003 8.62078 9.54669Z" stroke="#FF0053" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M9.99341 19.2533C8.16674 19.56 6.15341 19.24 4.74008 18.2933C2.86008 17.04 2.86008 14.9867 4.74008 13.7333C6.16674 12.7867 8.20674 12.4667 10.0334 12.7867" stroke="#FF0053" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M16.6655 19.5067C16.5855 19.4933 16.4921 19.4933 16.4121 19.5067C14.5721 19.44 13.1055 17.9333 13.1055 16.0667C13.1055 14.16 14.6388 12.6266 16.5455 12.6266C18.4521 12.6266 19.9855 14.1733 19.9855 16.0667C19.9721 17.9333 18.5055 19.4533 16.6655 19.5067Z" stroke="#FF0053" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M12.785 23.7067C10.905 24.96 10.905 27.0133 12.785 28.2667C14.9183 29.6933 18.4117 29.6933 20.545 28.2667C22.425 27.0133 22.425 24.96 20.545 23.7067C18.425 22.2933 14.9183 22.2933 12.785 23.7067Z" stroke="#FF0053" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
					<p>Good<span class="support"> Support </span>for Students</p>
				</div>
				<div class="single-highlight">
					<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" viewBox="0 0 33 32" fill="none">
						<path opacity="0.4" d="M24.9993 16.8667V21.8C24.9993 25.96 21.1193 29.3334 16.3327 29.3334C11.546 29.3334 7.66602 25.96 7.66602 21.8V16.8667C7.66602 21.0267 11.546 24 16.3327 24C21.1193 24 24.9993 21.0267 24.9993 16.8667Z" stroke="#AC39FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M24.9993 10.2C24.9993 11.4134 24.666 12.5334 24.0793 13.4934C22.6527 15.84 19.7193 17.3334 16.3327 17.3334C12.946 17.3334 10.0127 15.84 8.58602 13.4934C7.99935 12.5334 7.66602 11.4134 7.66602 10.2C7.66602 8.12002 8.63934 6.24002 10.1993 4.88002C11.7727 3.50669 13.9327 2.66669 16.3327 2.66669C18.7327 2.66669 20.8927 3.50669 22.466 4.86669C24.026 6.24002 24.9993 8.12002 24.9993 10.2Z" stroke="#AC39FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M24.9993 10.2V16.8667C24.9993 21.0267 21.1193 24 16.3327 24C11.546 24 7.66602 21.0267 7.66602 16.8667V10.2C7.66602 6.04002 11.546 2.66669 16.3327 2.66669C18.7327 2.66669 20.8927 3.50669 22.466 4.86669C24.026 6.24002 24.9993 8.12002 24.9993 10.2Z" stroke="#AC39FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
					<p><span class="scholar"> Scholarships </span>for Overseas Students</p>
				</div>
				<div class="single-highlight">
					<svg xmlns="http://www.w3.org/2000/svg" width="33" height="31" viewBox="0 0 33 31" fill="none">
						<path d="M30.276 16.2793V11.2703C30.276 5.00902 27.6094 2.50452 20.9427 2.50452H12.9427C6.27604 2.50452 3.60938 5.00902 3.60938 11.2703V18.7838C3.60938 25.0451 6.27604 27.5496 12.9427 27.5496H18.276" stroke="#ED9338" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path opacity="0.4" d="M10.7148 18.1452L13.8882 14.2757C14.3415 13.7247 15.1815 13.6245 15.7682 14.0503L18.2082 15.8535C18.7949 16.2793 19.6348 16.1791 20.0882 15.6407L23.1682 11.9089" stroke="#ED9338" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M26.9118 19.8106L27.2851 20.5244C27.4718 20.875 27.9384 21.2006 28.3518 21.2758L28.8584 21.3509C30.3784 21.5888 30.7384 22.6407 29.6451 23.6801L29.1784 24.1184C28.8718 24.4189 28.6984 24.995 28.7918 25.3957L28.8584 25.6587C29.2718 27.3868 28.2984 28.0504 26.6984 27.1488L26.3518 26.961C25.9384 26.7356 25.2718 26.7356 24.8584 26.961L24.5118 27.1488C22.8984 28.063 21.9251 27.3868 22.3518 25.6587L22.4184 25.3957C22.5117 24.995 22.3384 24.4189 22.0318 24.1184L21.5651 23.6801C20.4718 22.6407 20.8318 21.5888 22.3518 21.3509L22.8584 21.2758C23.2584 21.2132 23.7384 20.875 23.9251 20.5244L24.2984 19.8106C25.0184 18.4457 26.1918 18.4457 26.9118 19.8106Z" stroke="#ED9338" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
					<p>Good<span class="work-opp"> Work </span>Opportunities</p>
				</div>
			</div>
		</div>
	</section>
    
    <!-- Blog Slider Section -->
	<section class="blog-section">
        <div class="container">
        <h2>Gradding Blogs</h2>
        <div class="d-flex align-items-center read-more-btn">
            <p>Want to read more?</p>
            <a href="{{ url('/blog') }}" class="Explore-Blogs-btn">Explore Blogs<i class="fa fa-chevron-right"></i></a>
        </div>
        <div class="blog-div">
            @foreach ($blogs as $blog)
            <div class="blog">
                <img src="{{ @$blog->getImageUrlAttribute() }}" alt="" height="100%" width="100%">
                <div class="blog-title">
                    <span>{{ @$blog->category->name }}</span>
                    <h4><a href="{{ url('/blog').'/'.@$blog->category->url.'/'.@$blog->url }}">{{ @$blog->header_title }}</a></h4>
                    <span>{{ dateMonthFormat(@$blog->display_date) }}</span>
                </div>
            </div>
            @endforeach
            {{-- <div class="blog">
                <img src="{{ asset('frontend') }}/assets-mobile/images/blog1.png" alt="">
                <div class="blog-title">
                    <span>FINANCE</span>
                    <h4><a href="/blog">What Is the Cost of Living in UK? Know from Expert</a></h4>
                    <span>12 July 2023</span>
                </div>
            </div>
            <div class="blog">
                <img src="{{ asset('frontend') }}/assets-mobile/images/blog1.png" alt="">
                <div class="blog-title">
                    <span>FINANCE</span>
                    <h4><a href="/blog">What Is the Cost of Living in UK? Know from Expert</a></h4>
                    <span>12 July 2023</span>
                </div>
            </div>
            <div class="blog">
                <img src="{{ asset('frontend') }}/assets-mobile/images/blog1.png" alt="">
                <div class="blog-title">
                    <span>FINANCE</span>
                    <h4><a href="/blog">What Is the Cost of Living in UK? Know from Expert</a></h4>
                    <span>12 July 2023</span>
                </div>
            </div>
            <div class="blog">
                <img src="{{ asset('frontend') }}/assets-mobile/images/blog1.png" alt="">
                <div class="blog-title">
                    <span>FINANCE</span>
                    <h4><a href="/blog">What Is the Cost of Living in UK? Know from Expert</a></h4>
                    <span>12 July 2023</span>
                </div>
            </div>
            <div class="blog">
                <img src="{{ asset('frontend') }}/assets-mobile/images/blog1.png" alt="">
                <div class="blog-title">
                    <span>FINANCE</span>
                    <h4><a href="/blog">What Is the Cost of Living in UK? Know from Expert</a></h4>
                    <span>12 July 2023</span>
                </div>
            </div> --}}

        </div>
        </div>
    </section>
	<!-- Faq Section -->
	@if(!$city->faq->isEmpty())
	<section class="faq-section">
            <div class="container">
            <h2>Frequently Asked Questions</h2>
            <div class="accordion">
				@foreach($city->faq as $key=> $faq)
                <div class="accordion-item">
                        <button id="accordion-button-{{@$key}}" aria-expanded="false">
                        <span class="accordion-title">{{$faq->question}}</span>
                        <span class="icon" aria-hidden="true"></span>
                        </button>
                        <div class="accordion-content">
                        <p>
                            {!! $faq->answer !!}
                        </p>
                        </div>
                </div>
				@endforeach
                {{-- <div class="accordion-item">
                        <button id="accordion-button-2" aria-expanded="false">
                        <span class="accordion-title">What does it&nbsp;cost? Is it a monthly or annual subscription?</span>
                        <span class="icon" aria-hidden="true"></span>
                        </button>
                        <div class="accordion-content">
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                            incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut.
                            Ut tortor pretium viverra suspendisse potenti.
                        </p>
                        </div>
                </div>
                <div class="accordion-item">
                        <button id="accordion-button-3" aria-expanded="false">
                        <span class="accordion-title">How do I access my Apple One subscriptions?</span>
                        <span class="icon" aria-hidden="true"></span>
                        </button>
                        <div class="accordion-content">
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                            incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut.
                            Ut tortor pretium viverra suspendisse potenti.
                        </p>
                        </div>
                </div>
                <div class="accordion-item">
                    <button id="accordion-button-4" aria-expanded="false">
                    <span class="accordion-title">Do I get a free trial? And what does it include?</span>
                    <span class="icon" aria-hidden="true"></span>
                    </button>
                    <div class="accordion-content">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                        incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut.
                        Ut tortor pretium viverra suspendisse potenti.
                    </p>
                    </div>
                </div>
                <div class="accordion-item">
                    <button id="accordion-button-5" aria-expanded="false">
                    <span class="accordion-title">What if I need more iCloud&nbsp;storage?</span>
                    <span class="icon" aria-hidden="true"></span>
                    </button>
                    <div class="accordion-content">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                        incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut.
                        Ut tortor pretium viverra suspendisse potenti.
                    </p>
                    </div>
                </div>
                <div class="accordion-item">
                    <button id="accordion-button-5" aria-expanded="false">
                    <span class="accordion-title">Can I share with myfamily? How do I set it up?</span>
                    <span class="icon" aria-hidden="true"></span>
                    </button>
                    <div class="accordion-content">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                        incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut.
                        Ut tortor pretium viverra suspendisse potenti.
                    </p>
                    </div>
                </div>
                <div class="accordion-item">
                    <button id="accordion-button-5" aria-expanded="false">
                    <span class="accordion-title">How do I switch between individual subscriptions and Apple One subscriptions?</span>
                    <span class="icon" aria-hidden="true"></span>
                    </button>
                    <div class="accordion-content">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                        incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis ut.
                        Ut tortor pretium viverra suspendisse potenti.
                    </p>
                    </div>
                </div> --}}
            </div>
            </div>
    </section>
	<section class="quick-link">
        <div class="container">
            <h3>Quick Links</h3>
            <div class="links">
				@php
					$links = json_decode($city->quick_links)
				@endphp
				@if(!empty($links))
					@foreach($links as $link)
						<a href="{{ @$link->link_url }}">{{ @$link->link_name }}</a>
					@endforeach
				@else
				<a href="/uk/universities">UK Top Universities</a>
                <a href="/us/universities">US Top Universities</a>
                <a href="/uk">Study in UK</a>
				<a href="/us">Study in USA</a>
				<a href="/au">Study in Australia</a>
				<a href="/consultancy">Get Consultancy</a>
				@endif
            </div>
			@if(!empty(@$city->mobile_link_desc))
				
                <div class="content-container-div">
                    <div class="content-container">
                        <p>{!! @$city->mobile_link_desc !!}</p>
                    </div>
                    <a href="javascript:;" class="toggle-button">Read More</a>
                </div>
			@endif
            {{-- <a href="javascript:;" class="toggle-button">Read More</a> --}}
        </div>
    </section>
	@endif
</main>
<div style="display:none" class="">
	<div id="mapContent" role="dialog" tabindex="-1" class="dialogue location-dialogue" style="max-width: 240px">
		<div class="location-pin-section" >
			<div class="location-pin-div">
				<div class="img-div">
					<div class="img-office-div">
						<img src="{{ @$address->office_image ? @$address->office_image_url : 'https://www.gradding.com/frontend/primary-theme/assets/images/about/graddingofc.jpg' }}" alt="city-store">
						<p class="heading">Gradding - Study Abroad Consultants in {{ucFirst(@$address->city)}}</p>
					</div>
					<span class="storeAdd">{{@$address->address}}</span>
					<div class="detailmap-btn">
						{{-- <div class="view-details-btn">
							<a class="" target="_blank"  href="/consultancy/in/{{@$address->page->url}}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
								<path d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z" stroke="#066AC9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
								<path opacity="0.34" d="M12 12V17" stroke="#066AC9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
								<path opacity="0.34" d="M11.9961 8H12.0051" stroke="#066AC9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
							  </svg>
							</a>
						</div> --}}
						<div class="share-loc-btn">
							<a href="{{@$address->map_url}}">
								<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
									<path opacity="0.4" d="M17.3509 9.05004L15.0109 16.59C14.4509 18.38 11.9409 18.41 11.3509 16.63L10.651 14.56C10.461 13.99 10.0109 13.53 9.44095 13.35L7.36095 12.65C5.59095 12.06 5.62095 9.53004 7.41095 8.99004L14.951 6.64003C16.431 6.19003 17.8209 7.58004 17.3509 9.05004Z" stroke="#066AC9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
									<path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="#066AC9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
								  </svg>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	{{-- <div id="lat{{$key}}">{{@$address->lat}}</div>
	<div id="long{{$key}}">{{@$address->long}}</div> --}}
</div>

@endsection

@section('css')
<link rel="stylesheet" href="{{ asset('frontend') }}/assets-mobile/css/city_mobile.css?v={{env('ASSETS_VERSION')}}">
<style>
    #snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #066AC9; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 10px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 120px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
.show {
    visibility: visible !important; /* Show the snackbar */

/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 120px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 120px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 120px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 120px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}
</style>
@endsection

@section('script')
<script src="{{ asset('frontend') }}/assets-mobile/js/consultancy.js?v={{env('ASSETS_VERSION')}}"></script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCnGlEFNczAvOzn4tEGyDd7z4WMEa00thU&callback=initMap">
</script>

<script>

// Map
if({{!empty($address->address)}} && {{isset($address->lat)}} && {{ isset($address->long)}} ){
	function initMap() {
		var coordinates = { lat: {{@$address->lat}}, lng: {{@$address->long}} }; 
		var map = new google.maps.Map(document.getElementById('map'), {
			center: coordinates,
			zoom: 16
		});
        $(".gm-style-iw-d .img-div img").each((e,i)=>{ console.log(e,i); $(i).attr("src",$(i).attr("data-src")) })
        var marker = new google.maps.Marker({
			position: coordinates,
			map: map,
			icon: "{{ asset('frontend')}}/primary-theme/assets/images/gdpin.png",
		});
		var infowindow =  new google.maps.InfoWindow({});
		google.maps.event.addListener(marker, 'click', (function (marker) {
			return function () {
				infowindow.setContent(document.getElementById('mapContent').innerHTML);
				infowindow.open(map, marker);
			}
        })(marker));
        $(".gm-style-iw-d .img-div img").each((e,i)=>{ console.log(e,i); $(i).attr("src",$(i).attr("data-src")) })
	}
}else{
}
</script>
@endsection