@section('seo')
    @include('layouts._front_includes._seo', ['seo' => $page->seo])
@endsection

@extends('layouts.frontend_master')

@section('content')
 

    @include('web._partials.page-banner')

    <section class="container my-5">
        <div class="row g-4 align-items-center">

            <div class="col-lg-6">
                <img src="{{ $page->feature_image->getPath() }}" alt="Rara Lake Trek" class="img-fluid rounded-4 w-100">
            </div>
            <div class="col-lg-6">
               <h2
  class="fw-semibold mb-3"
  style="font-family: 'Onest', sans-serif; font-size: 2rem;"
>
  @php
    $words = explode(' ', trim($page->secondary_title));
    $lastWord = array_pop($words);
  @endphp

  <span class="text-dark">
    {{ implode(' ', $words) }}
  </span>
  <span class="text-warning">
    {{ $lastWord }}
  </span>
</h2>

                <p class="text-secondary mb-4" style="font-family: 'Onest', sans-serif;">
                    {!! $page->description !!}
                </p>
            </div>
        </div>
    </section>

    <!--why set us apart-->
    <div class="px-4 py-5 bg-light">
        <div class="container">
            <div class="row justify-content-center mb-5">
                <div class="col-lg-8 text-center">
<h2 class="fs-1 fw-medium mb-3 m-0 px-3">
  <span class="text-dark font-family-Onest">
    What Sets
  </span>
  <span class="text-warning font-family-Onest">
    Us Apart
  </span>
</h2>
                    <p class="text-secondary fs-5">Try a variety of benefits when using our services</p>
                </div>
            </div>

            <div class="row g-4 justify-content-center">
                @foreach ($page->aboutUsWhyChooseUsMeta as $index => $item)
                    <div class="col-12 col-md-4">
                        <div class="p-4 bg-white rounded-3 shadow h-100 text-center">
                            <div class="bg-light p-3 rounded-3 d-inline-block mb-3">
                                <img src="{{ $item->getFileUrl('image') }}" alt="{{ $item->meta['name'] }}" loading="lazy"
                                    width="32" height="32">
                            </div>
                            <h3 class="text-dark fs-5 fw-medium mb-3">{{ $item->meta['name'] }}</h3>
                            <p class="text-secondary mb-0">{!! $item->meta['description'] !!}</p>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>

    <!-- milestone  -->
    <div class="py-5 bg-white">
        <div class="container">
            <div class="row g-0 bg-light rounded-5 overflow-hidden py-3 justify-content-center">
                @foreach ($page->aboutUsMilestoneGallery as $key => $item)
                    <div class="col-md-6 col-lg-3 p-4 {{ !$loop->last ? 'border-end border-grey-700' : '' }}">
                        <div class="text-center">
                            <p class="{{ $key % 2 == 0 ? 'text-warning' : 'blue-font-color' }} fs-1 fw-bold mb-2">
                                {{ $item->meta['heading'] }}
                            </p>
                            <p class="text-dark fs-6 fw-semibold mb-0">{{ $item->meta['name'] }}</p>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>


    <!--mission-->
    <div class="container py-5">
        <div class="row g-4">
            @foreach ($page->aboutUsOurMissionandVision as $item)
                <!-- Mission Card -->
                <div class="col-lg-6">
                    <div class="p-4 bg-white rounded-4 shadow-sm h-100 text-center">
                        <div class="p-3 rounded-4 border border-grey-700 d-inline-block mb-3">
                            @if (!empty($item->getFileUrl('mission_image')))
                                <img src="{{ $item->getFileUrl('mission_image') }}" alt="{{ $item->meta['vision_title'] }}"
                                    loading="lazy" style="height: 60px; width:60px;">
                            @else
                                <svg width="50" height="50" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12 2L3 7L12 12L21 7L12 2Z" stroke="#198754" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round" />
                                    <path d="M3 12L12 17L21 12" stroke="#198754" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round" />
                                    <path d="M3 17L12 22L21 17" stroke="#198754" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round" />
                                </svg>
                            @endif
                        </div>
                        <h3 class="text-dark fs-5 fw-medium mb-3">{{ $item->meta['mission_title'] }}</h3>
                        <p class="text-secondary mb-0">{!! $item->meta['mission_description'] !!}</p>
                    </div>
                </div>

                <!-- Vision Card -->
                <div class="col-lg-6">
                    <div class="p-4 rounded-4 shadow-sm h-100 text-center" style="background-color: #F0F4FF;">
                        <div class="p-3 bg-white rounded-4 d-inline-block mb-3">
                            @if (!empty($item->getFileUrl('vision_image')))
                                <img src="{{ $item->getFileUrl('vision_image') }}" alt="{{ $item->meta['vision_title'] }}"
                                    style="height: 60px; width:60px;">
                            @else
                                <svg width="50" height="50" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                                        stroke="#198754" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M12 8V12L15 15" stroke="#198754" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round" />

                                </svg>
                            @endif
                        </div>
                        <h3 class="text-dark fs-5 fw-medium mb-3">{{ $item->meta['vision_title'] }}</h3>
                        <p class="text-secondary mb-0">{!! $item->meta['vision_description'] !!}</p>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
    <!-- Our Travel Partners carousel-style row -->
    <section class="py-5 position-relative">
        <div class="container">
<h2 class="fs-1 fw-medium font-family-Onest px-5 mb-4">
  <span class="text-dark">
    Our Travel
  </span>
  <span class="text-warning">
    Partners
  </span>
</h2>
            <div class="position-relative">
                <!-- Scrollable Partner Logos -->
                <div class="logo-carousel-wrapper">
                    <div class="logo-carousel-content d-flex flex-nowrap" id="affiliation-scroll">
                        @foreach ($our_partners as $partner)
                            {{-- @dd($partner) --}}
                            <div class="logo-carousel-item">
                                <a href="{{ $partner->meta['url'] }}" target="_blank">

                                    <div class="logo-container">
                                        <img src="{{ $partner->getFileUrl('our_partner_image') }}" class="img-fluid"
                                            loading="lazy" alt="{{ $partner->meta['alt'] }}" />
                                    </div>
                                </a>

                            </div>
                        @endforeach
                    </div>

                    <!-- Left Arrow -->
                    <button class="logo-carousel-btn logo-carousel-prev bg-primary" aria-label="Scroll left" type="button">
                        <i class="bi bi-chevron-left fs-5"></i>
                    </button>

                    <!-- Right Arrow -->
                    <button class="logo-carousel-btn logo-carousel-next bg-primary" aria-label="Scroll right" type="button">
                        <i class="bi bi-chevron-right fs-5"></i>
                    </button>
                </div>
            </div>
        </div>
    </section>
    <!-- video-section -->
    @if (!empty($page->meta))
        <section class="container py-5">
            <div class="position-relative rounded-4 overflow-hidden" style="aspect-ratio: 16/9;">
                <!-- YouTube Player -->
                <div id="ytPlayerContainer" class="w-100 h-100 position-relative">
                    <div id="player" class="w-100 h-100"></div>

                    <!-- Play Button Overlay -->
                    <div id="customPlayBtn" class="position-absolute top-50 start-50 translate-middle">
                        <button class="btn btn-light rounded-circle shadow d-flex align-items-center justify-content-center"
                            style="width: 64px; height: 64px;">
                            <i class="bi bi-play-fill text-primary fs-4 m-0"></i>
                        </button>
                    </div>
                </div>
            </div>
        </section>
    @endif
    <!-- Bootstrap Video Modal -->
    <div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content bg-black border-0">
                <div class="modal-body p-0 position-relative">
                    <button type="button" class="btn-close btn-close-white position-absolute top-0 end-0 m-3"
                        data-bs-dismiss="modal" aria-label="Close"></button>
                    <div class="ratio ratio-16x9">
                        <iframe id="videoFrame" src="" allow="autoplay; encrypted-media" allowfullscreen></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <style>
        /* Make the YouTube iframe fill the aspect-ratio box */
        #ytPlayerContainer {
            position: relative;
        }

        #player,
        #player iframe {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
        }
    </style>
    <script>
        const ytUrl = @json($page->meta); // full YouTube URL (watch/shorts/embed/youtu.be)

        function extractYouTubeID(u) {
            try {
                const url = new URL(u);
                // youtu.be/<id>
                if (url.hostname.includes('youtu.be')) {
                    return url.pathname.split('/').filter(Boolean)[0];
                }
                // youtube.com/watch?v=<id>
                if (url.searchParams.has('v')) {
                    return url.searchParams.get('v');
                }
                // youtube.com/embed/<id>, youtube.com/shorts/<id>, youtube.com/v/<id>
                const parts = url.pathname.split('/').filter(Boolean);
                if (['embed', 'shorts', 'v'].includes(parts[0]) && parts[1]) {
                    return parts[1];
                }
            } catch (e) {
                // Fallback: grab a 11-char ID-looking token
                const m = String(u).match(/[A-Za-z0-9_-]{11}/);
                if (m) return m[0];
            }
            return null;
        }

        const videoId = extractYouTubeID(ytUrl);

        let player;
        const playBtn = document.getElementById('customPlayBtn');

        // Load YouTube IFrame API
        (function () {
            const s = document.createElement('script');
            s.src = "https://www.youtube.com/iframe_api";
            document.head.appendChild(s);
        })();

        // Must be global for the API
        window.onYouTubeIframeAPIReady = function () {
            if (!videoId) {
                console.error('Invalid YouTube URL:', ytUrl);
                return;
            }
            player = new YT.Player('player', {
                videoId: videoId,
                playerVars: {
                    rel: 0,
                    modestbranding: 1,
                    playsinline: 1,
                    controls: 1 // keep YouTube controls; set 0 if you want fully custom
                },
                events: {
                    onStateChange: onPlayerStateChange
                }
            });
        };

        // Click overlay to play
        playBtn.addEventListener('click', function () {
            if (player && typeof player.playVideo === 'function') {
                player.playVideo();
            }
        });

        // Toggle button based on state
        function onPlayerStateChange(e) {
            if (e.data === YT.PlayerState.PLAYING || e.data === YT.PlayerState.BUFFERING) {
                playBtn.style.display = 'none';
            } else if (e.data === YT.PlayerState.PAUSED || e.data === YT.PlayerState.ENDED) {
                playBtn.style.display = 'block';
            }
        }
    </script>


    @if (count($teams) > 0)
        <section class="container py-5">
            <div class="d-flex justify-content-between align-items-center mb-4">
<h2 class="fw-bold mb-0 font-family-Onest">
  <span class="text-dark">
    Meet Our
  </span>
  <span class="text-warning">
    Team
  </span>
</h2>
                @if (!empty($team_page))
                    <a href="{{ route('page', parameters: $team_page->slug) }}"
                        class="btn bg-primary text-white rounded-pill px-4 py-2" style="font-weight: 500;">See
                        all Members</a>
                @endif
            </div>

            <!-- Team Cards Horizontal Scroll -->
            <div class="position-relative" style="overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none;">
                <div class="d-flex flex-nowrap gap-4 pb-3 hide-scroll" style="overflow-x: auto; scroll-behavior: smooth;">

                    @foreach ($teams as $key1 => $team)
                        <!-- Team Card 1 -->
                        <div class="position-relative flex-shrink-0" data-bs-toggle="modal"
                            data-bs-target="#teamMemberModal-{{ $key1 }}"
                            style="width: 360px; height: 492px; border-radius: 18px; overflow: hidden; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);">




                            <img src="{{ $team->feature_image->getPath() }}" alt="Theresa Webb" class="w-100 h-100"
                                style="object-fit: cover;">
                            <div class="position-absolute bottom-0 start-0 w-100" style="padding-left: 10%;">
                                <div
                                    style="background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-top-left-radius: 20px; padding: 0.75rem;">
                                    <div class="fw-bold mb-1 text-dark">{{ $team->name }}</div>
                                    <!-- <div class="text-muted small">{{ $team->category?->title }}</div> -->

                                    <div class="text-muted small">{{ $team->post }}</div>
                                </div>
                            </div>
                        </div>

                        <!-- Modal for Director 1 -->
                        <div class="modal fade" id="teamMemberModal-{{ $key1 }}" tabindex="-1" aria-labelledby="directorModalLabel1"
                            aria-hidden="true">
                            <div class="modal-dialog modal-lg modal-dialog-centered  modal-dialog-scrollable">
                                <div class="modal-content rounded-4 border-0 position-relative" style="overflow: visible;">
                                    <!-- Circular Close Button (Partially outside modal) -->
                                    <button type="button"
                                        class="btn-close position-absolute bg-white rounded-circle p-2 d-flex align-items-center justify-content-center"
                                        style="top: -20px; right: -20px; z-index: 1050; width: 40px; height: 40px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); border: none; background-color: white !important; outline: none;"
                                        data-bs-dismiss="modal" aria-label="Close">
                                    </button>
                                    <div class="modal-body p-0">
                                        <div class="container-fluid">
                                            <div class="row p-5">
                                                <!-- Director Image -->
                                                <div class="col-md-6 p-0">
                                                    <div class="w-100 position-sticky" style="top: 20px;">
                                                        <img class="img-fluid" src="{{ $team->feature_image->getPath() }}"
                                                            alt="Theresa Webb"
                                                            style="aspect-ratio: 1/1; object-fit: cover; width: 100%; border-radius: 10px;">
                                                    </div>
                                                </div>

                                                <!-- Director Info -->
                                                <div class="col-md-6 p-4 ">
                                                    <div class="d-flex align-items-start justify-content-between">
                                                        <div>
                                                            <h1 class="blue-font-color fs-5 fw-bold font-family-Onest m-0 text-black"
                                                                style="color: #000 !important;">{{ $team->name }}</h1>
                                                            <h2 class="blue-font-color fs-6  font-family-Mulish mt-2 mb-3">
                                                                {{ $team->post }}
                                                            </h2>

                                                        </div>
                                                        <!-- Social Media Icons -->
                                                        <div class="d-flex mb-4">
                                                            @if (!empty($team->fb_link))
                                                                <a href="{{ $team->fb_link }}" class="blue-font-color fs-5">

                                                                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30"
                                                                        height="30" viewBox="0 0 48 48">
                                                                        <path fill="#3F51B5"
                                                                            d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z">
                                                                        </path>
                                                                        <path fill="#FFF"
                                                                            d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z">
                                                                        </path>
                                                                    </svg>
                                                                </a>
                                                            @endif
                                                            @if (!empty($team->insta_link))
                                                                <a href="{{ $team->insta_link }}" class="blue-font-color fs-5">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30"
                                                                        height="30" viewBox="0 0 48 48">
                                                                        <path fill="#304ffe"
                                                                            d="M41.67,13.48c-0.4,0.26-0.97,0.5-1.21,0.77c-0.09,0.09-0.14,0.19-0.12,0.29v1.03l-0.3,1.01l-0.3,1l-0.33,1.1 l-0.68,2.25l-0.66,2.22l-0.5,1.67c0,0.26-0.01,0.52-0.03,0.77c-0.07,0.96-0.27,1.88-0.59,2.74c-0.19,0.53-0.42,1.04-0.7,1.52 c-0.1,0.19-0.22,0.38-0.34,0.56c-0.4,0.63-0.88,1.21-1.41,1.72c-0.41,0.41-0.86,0.79-1.35,1.11c0,0,0,0-0.01,0 c-0.08,0.07-0.17,0.13-0.27,0.18c-0.31,0.21-0.64,0.39-0.98,0.55c-0.23,0.12-0.46,0.22-0.7,0.31c-0.05,0.03-0.11,0.05-0.16,0.07 c-0.57,0.27-1.23,0.45-1.89,0.54c-0.04,0.01-0.07,0.01-0.11,0.02c-0.4,0.07-0.79,0.13-1.19,0.16c-0.18,0.02-0.37,0.03-0.55,0.03 l-0.71-0.04l-3.42-0.18c0-0.01-0.01,0-0.01,0l-1.72-0.09c-0.13,0-0.27,0-0.4-0.01c-0.54-0.02-1.06-0.08-1.58-0.19 c-0.01,0-0.01,0-0.01,0c-0.95-0.18-1.86-0.5-2.71-0.93c-0.47-0.24-0.93-0.51-1.36-0.82c-0.18-0.13-0.35-0.27-0.52-0.42 c-0.48-0.4-0.91-0.83-1.31-1.27c-0.06-0.06-0.11-0.12-0.16-0.18c-0.06-0.06-0.12-0.13-0.17-0.19c-0.38-0.48-0.7-0.97-0.96-1.49 c-0.24-0.46-0.43-0.95-0.58-1.49c-0.06-0.19-0.11-0.37-0.15-0.57c-0.01-0.01-0.02-0.03-0.02-0.05c-0.1-0.41-0.19-0.84-0.24-1.27 c-0.06-0.33-0.09-0.66-0.09-1c-0.02-0.13-0.02-0.27-0.02-0.4l1.91-2.95l1.87-2.88l0.85-1.31l0.77-1.18l0.26-0.41v-1.03 c0.02-0.23,0.03-0.47,0.02-0.69c-0.01-0.7-0.15-1.38-0.38-2.03c-0.22-0.69-0.53-1.34-0.85-1.94c-0.38-0.69-0.78-1.31-1.11-1.87 C14,7.4,13.66,6.73,13.75,6.26C14.47,6.09,15.23,6,16,6h16c4.18,0,7.78,2.6,9.27,6.26C41.43,12.65,41.57,13.06,41.67,13.48z">
                                                                        </path>
                                                                        <path fill="#4928f4"
                                                                            d="M42,16v0.27l-1.38,0.8l-0.88,0.51l-0.97,0.56l-1.94,1.13l-1.9,1.1l-1.94,1.12l-0.77,0.45 c0,0.48-0.12,0.92-0.34,1.32c-0.31,0.58-0.83,1.06-1.49,1.47c-0.67,0.41-1.49,0.74-2.41,0.98c0,0,0-0.01-0.01,0 c-3.56,0.92-8.42,0.5-10.78-1.26c-0.66-0.49-1.12-1.09-1.32-1.78c-0.06-0.23-0.09-0.48-0.09-0.73v-7.19 c0.01-0.15-0.09-0.3-0.27-0.45c-0.54-0.43-1.81-0.84-3.23-1.25c-1.11-0.31-2.3-0.62-3.3-0.92c-0.79-0.24-1.46-0.48-1.86-0.71 c0.18-0.35,0.39-0.7,0.61-1.03c1.4-2.05,3.54-3.56,6.02-4.13C14.47,6.09,15.23,6,16,6h10.8c5.37,0.94,10.32,3.13,14.47,6.26 c0.16,0.39,0.3,0.8,0.4,1.22c0.18,0.66,0.29,1.34,0.32,2.05C42,15.68,42,15.84,42,16z">
                                                                        </path>
                                                                        <path fill="#6200ea"
                                                                            d="M42,16v4.41l-0.22,0.68l-0.75,2.33l-0.78,2.4l-0.41,1.28l-0.38,1.19l-0.37,1.13l-0.36,1.12l-0.19,0.59 l-0.25,0.78c0,0.76-0.02,1.43-0.07,2c-0.01,0.06-0.02,0.12-0.02,0.18c-0.06,0.53-0.14,0.98-0.27,1.36 c-0.01,0.06-0.03,0.12-0.05,0.17c-0.26,0.72-0.65,1.18-1.23,1.48c-0.14,0.08-0.3,0.14-0.47,0.2c-0.53,0.18-1.2,0.27-2.02,0.32 c-0.6,0.04-1.29,0.05-2.07,0.05H31.4l-1.19-0.05L30,37.61l-2.17-0.09l-2.2-0.09l-7.25-0.3l-1.88-0.08h-0.26 c-0.78-0.01-1.45-0.06-2.03-0.14c-0.84-0.13-1.49-0.35-1.98-0.68c-0.7-0.45-1.11-1.11-1.35-2.03c-0.06-0.22-0.11-0.45-0.14-0.7 c-0.1-0.58-0.15-1.25-0.18-2c0-0.15,0-0.3-0.01-0.46c-0.01-0.01,0-0.01,0-0.01v-0.58c-0.01-0.29-0.01-0.59-0.01-0.9l0.05-1.61 l0.03-1.15l0.04-1.34v-0.19l0.07-2.46l0.07-2.46l0.07-2.31l0.06-2.27l0.02-0.6c0-0.31-1.05-0.49-2.22-0.64 c-0.93-0.12-1.95-0.23-2.56-0.37c0.05-0.23,0.1-0.46,0.16-0.68c0.18-0.72,0.45-1.4,0.79-2.05c0.18-0.35,0.39-0.7,0.61-1.03 c2.16-0.95,4.41-1.69,6.76-2.17c2.06-0.43,4.21-0.66,6.43-0.66c7.36,0,14.16,2.49,19.54,6.69c0.52,0.4,1.03,0.83,1.53,1.28 C42,15.68,42,15.84,42,16z">
                                                                        </path>
                                                                        <path fill="#673ab7"
                                                                            d="M42,18.37v4.54l-0.55,1.06l-1.05,2.05l-0.56,1.08l-0.51,0.99l-0.22,0.43c0,0.31,0,0.61-0.02,0.9 c0,0.43-0.02,0.84-0.05,1.22c-0.04,0.45-0.1,0.86-0.16,1.24c-0.15,0.79-0.36,1.47-0.66,2.03c-0.04,0.07-0.08,0.14-0.12,0.2 c-0.11,0.18-0.24,0.35-0.38,0.51c-0.18,0.22-0.38,0.41-0.61,0.57c-0.34,0.26-0.74,0.47-1.2,0.63c-0.57,0.21-1.23,0.35-2.01,0.43 c-0.51,0.05-1.07,0.08-1.68,0.08l-0.42,0.02l-2.08,0.12h-0.01L27.5,36.6l-2.25,0.13l-3.1,0.18l-3.77,0.22l-0.55,0.03 c-0.51,0-0.99-0.03-1.45-0.09c-0.05-0.01-0.09-0.02-0.14-0.02c-0.68-0.11-1.3-0.29-1.86-0.54c-0.68-0.3-1.27-0.7-1.77-1.18 c-0.44-0.43-0.82-0.92-1.13-1.47c-0.07-0.13-0.14-0.25-0.2-0.39c-0.3-0.59-0.54-1.25-0.72-1.97c-0.03-0.12-0.06-0.25-0.08-0.38 c-0.06-0.23-0.11-0.47-0.14-0.72c-0.11-0.64-0.17-1.32-0.2-2.03v-0.01c-0.01-0.29-0.02-0.57-0.02-0.87l-0.49-1.17l-0.07-0.18 L9.5,25.99L8.75,24.2l-0.12-0.29l-0.72-1.73l-0.8-1.93c0,0,0,0-0.01,0L6.29,18.3L6,17.59V16c0-0.63,0.06-1.25,0.17-1.85 c0.05-0.23,0.1-0.46,0.16-0.68c0.85-0.49,1.74-0.94,2.65-1.34c2.08-0.93,4.31-1.62,6.62-2.04c1.72-0.31,3.51-0.48,5.32-0.48 c7.31,0,13.94,2.65,19.12,6.97c0.2,0.16,0.39,0.32,0.58,0.49C41.09,17.48,41.55,17.91,42,18.37z">
                                                                        </path>
                                                                        <path fill="#8e24aa"
                                                                            d="M42,21.35v5.14l-0.57,1.19l-1.08,2.25l-0.01,0.03c0,0.43-0.02,0.82-0.05,1.17c-0.1,1.15-0.38,1.88-0.84,2.33 c-0.33,0.34-0.74,0.53-1.25,0.63c-0.03,0.01-0.07,0.01-0.1,0.02c-0.16,0.03-0.33,0.05-0.51,0.05c-0.62,0.06-1.35,0.02-2.19-0.04 c-0.09,0-0.19-0.01-0.29-0.02c-0.61-0.04-1.26-0.08-1.98-0.11c-0.39-0.01-0.8-0.02-1.22-0.02h-0.02l-1.01,0.08h-0.01l-2.27,0.16 l-2.59,0.2l-0.38,0.03l-3.03,0.22l-1.57,0.12l-1.55,0.11c-0.27,0-0.53,0-0.79-0.01c0,0-0.01-0.01-0.01,0 c-1.13-0.02-2.14-0.09-3.04-0.26c-0.83-0.14-1.56-0.36-2.18-0.69c-0.64-0.31-1.17-0.75-1.6-1.31c-0.41-0.55-0.71-1.24-0.9-2.07 c0-0.01,0-0.01,0-0.01c-0.14-0.67-0.22-1.45-0.22-2.33l-0.15-0.27L9.7,26.35l-0.13-0.22L9.5,25.99l-0.93-1.65l-0.46-0.83 l-0.58-1.03l-1-1.79L6,19.75v-3.68c0.88-0.58,1.79-1.09,2.73-1.55c1.14-0.58,2.32-1.07,3.55-1.47c1.34-0.44,2.74-0.79,4.17-1.02 c1.45-0.24,2.94-0.36,4.47-0.36c6.8,0,13.04,2.43,17.85,6.47c0.22,0.17,0.43,0.36,0.64,0.54c0.84,0.75,1.64,1.56,2.37,2.41 C41.86,21.18,41.94,21.26,42,21.35z">
                                                                        </path>
                                                                        <path fill="#c2185b"
                                                                            d="M42,24.71v7.23c-0.24-0.14-0.57-0.31-0.98-0.49c-0.22-0.11-0.47-0.22-0.73-0.32 c-0.38-0.17-0.79-0.33-1.25-0.49c-0.1-0.04-0.2-0.07-0.31-0.1c-0.18-0.07-0.37-0.13-0.56-0.19c-0.59-0.18-1.24-0.35-1.92-0.5 c-0.26-0.05-0.53-0.1-0.8-0.14c-0.87-0.15-1.8-0.24-2.77-0.25c-0.08-0.01-0.17-0.01-0.25-0.01l-2.57,0.02l-3.5,0.02h-0.01 l-7.49,0.06c-2.38,0-3.84,0.57-4.72,0.8c0,0-0.01,0-0.01,0.01c-0.93,0.24-1.22,0.09-1.3-1.54c-0.02-0.45-0.03-1.03-0.03-1.74 l-0.56-0.43l-0.98-0.74l-0.6-0.46l-0.12-0.09L8.88,24.1l-0.25-0.19l-0.52-0.4l-0.96-0.72L6,21.91v-3.4 c0.1-0.08,0.19-0.15,0.29-0.21c1.45-1,3-1.85,4.64-2.54c1.46-0.62,3-1.11,4.58-1.46c0.43-0.09,0.87-0.18,1.32-0.24 c1.33-0.23,2.7-0.34,4.09-0.34c6.01,0,11.53,2.09,15.91,5.55c0.66,0.52,1.3,1.07,1.9,1.66c0.82,0.78,1.59,1.61,2.3,2.49 c0.14,0.18,0.28,0.36,0.42,0.55C41.64,24.21,41.82,24.46,42,24.71z">
                                                                        </path>
                                                                        <path fill="#d81b60"
                                                                            d="M42,28.72V32c0,0.65-0.06,1.29-0.18,1.91c-0.18,0.92-0.49,1.8-0.91,2.62c-0.22,0.05-0.47,0.05-0.75,0.01 c-0.63-0.11-1.37-0.44-2.17-0.87c-0.04-0.01-0.08-0.03-0.11-0.05c-0.25-0.13-0.51-0.27-0.77-0.43c-0.53-0.29-1.09-0.61-1.65-0.91 c-0.12-0.06-0.24-0.12-0.35-0.18c-0.64-0.33-1.3-0.63-1.96-0.86c0,0,0,0-0.01,0c-0.14-0.05-0.29-0.1-0.44-0.14 c-0.57-0.16-1.15-0.26-1.71-0.26l-1.1-0.32l-4.87-1.41c0,0,0,0-0.01,0l-2.99-0.87h-0.01l-1.3-0.38c-3.76,0-6.07,1.6-7.19,0.99 c-0.44-0.23-0.7-0.81-0.79-1.95c-0.03-0.32-0.04-0.68-0.04-1.1l-1.17-0.57l-0.05-0.02h-0.01l-0.84-0.42L9.7,26.35l-0.07-0.03 l-0.17-0.09L7.5,25.28L6,24.55v-3.43c0.17-0.15,0.35-0.29,0.53-0.43c0.19-0.15,0.38-0.29,0.57-0.44c0.01,0,0.01,0,0.01,0 c1.18-0.85,2.43-1.6,3.76-2.22c1.55-0.74,3.2-1.31,4.91-1.68c0.25-0.06,0.51-0.12,0.77-0.16c1.42-0.27,2.88-0.41,4.37-0.41 c5.27,0,10.11,1.71,14.01,4.59c1.13,0.84,2.18,1.77,3.14,2.78c0.79,0.83,1.52,1.73,2.18,2.67c0.05,0.07,0.1,0.14,0.15,0.2 c0.37,0.54,0.71,1.09,1.03,1.66C41.64,28.02,41.82,28.37,42,28.72z">
                                                                        </path>
                                                                        <path fill="#f50057"
                                                                            d="M41.82,33.91c-0.18,0.92-0.49,1.8-0.91,2.62c-0.19,0.37-0.4,0.72-0.63,1.06c-0.14,0.21-0.29,0.41-0.44,0.6 c-0.36-0.14-0.89-0.34-1.54-0.56c0,0,0,0,0-0.01c-0.49-0.17-1.05-0.35-1.65-0.52c-0.17-0.05-0.34-0.1-0.52-0.15 c-0.71-0.19-1.45-0.36-2.17-0.46c-0.6-0.1-1.19-0.16-1.74-0.16l-0.46-0.13h-0.01l-2.42-0.7l-1.49-0.43l-1.66-0.48h-0.01l-0.54-0.15 l-6.53-1.88l-1.88-0.54l-1.4-0.33l-2.28-0.54l-0.28-0.07c0,0,0,0-0.01,0l-2.29-0.53c0-0.01,0-0.01,0-0.01l-0.41-0.09l-0.21-0.05 l-1.67-0.39l-0.19-0.05l-1.42-1.17L6,27.9v-4.08c0.37-0.36,0.75-0.7,1.15-1.03c0.12-0.11,0.25-0.21,0.38-0.31 c0.12-0.1,0.25-0.2,0.38-0.3c0.91-0.69,1.87-1.31,2.89-1.84c1.3-0.7,2.68-1.26,4.13-1.66c0.28-0.09,0.56-0.17,0.85-0.23 c1.64-0.41,3.36-0.62,5.14-0.62c4.47,0,8.63,1.35,12.07,3.66c1.71,1.15,3.25,2.53,4.55,4.1c0.66,0.79,1.26,1.62,1.79,2.5 c0.05,0.07,0.09,0.13,0.13,0.2c0.32,0.53,0.62,1.08,0.89,1.64c0.25,0.5,0.47,1,0.67,1.52C41.34,32.25,41.6,33.07,41.82,33.91z">
                                                                        </path>
                                                                        <path fill="#ff1744"
                                                                            d="M40.28,37.59c-0.14,0.21-0.29,0.41-0.44,0.6c-0.44,0.55-0.92,1.05-1.46,1.49c-0.47,0.39-0.97,0.74-1.5,1.04 c-0.2-0.05-0.4-0.11-0.61-0.19c-0.66-0.23-1.35-0.61-1.99-1.01c-0.96-0.61-1.79-1.27-2.16-1.57c-0.14-0.12-0.21-0.18-0.21-0.18 l-1.7-0.15L30,37.6l-2.2-0.19l-2.28-0.2l-3.37-0.3l-5.34-0.47l-0.02-0.01l-1.88-0.91l-1.9-0.92l-1.53-0.74l-0.33-0.16l-0.41-0.2 l-1.42-0.69L7.43,31.9l-0.59-0.29L6,31.35v-4.47c0.47-0.56,0.97-1.09,1.5-1.6c0.34-0.32,0.7-0.64,1.07-0.94 c0.06-0.05,0.12-0.1,0.18-0.14c0.04-0.05,0.09-0.08,0.13-0.1c0.59-0.48,1.21-0.91,1.85-1.3c0.74-0.47,1.52-0.89,2.33-1.24 c0.87-0.39,1.78-0.72,2.72-0.97c1.63-0.46,3.36-0.7,5.14-0.7c4.08,0,7.85,1.24,10.96,3.37c1.99,1.36,3.71,3.08,5.07,5.07 c0.45,0.64,0.85,1.32,1.22,2.02c0.13,0.26,0.26,0.52,0.37,0.78c0.12,0.25,0.23,0.5,0.34,0.75c0.21,0.52,0.4,1.04,0.57,1.58 c0.32,1,0.56,2.02,0.71,3.08C40.21,36.89,40.25,37.24,40.28,37.59z">
                                                                        </path>
                                                                        <path fill="#ff5722"
                                                                            d="M38.39,39.42c0,0.08,0,0.17-0.01,0.26c-0.47,0.39-0.97,0.74-1.5,1.04c-0.22,0.12-0.44,0.24-0.67,0.34 c-0.23,0.11-0.46,0.21-0.7,0.3c-0.34-0.18-0.8-0.4-1.29-0.61c-0.69-0.31-1.44-0.59-2.02-0.68c-0.14-0.03-0.27-0.04-0.39-0.04 l-1.64-0.21h-0.02l-2.04-0.27l-2.06-0.27l-0.96-0.12l-7.56-0.98c-0.49,0-1.01-0.03-1.55-0.1c-0.66-0.06-1.35-0.16-2.04-0.3 c-0.68-0.12-1.37-0.28-2.03-0.45c-0.69-0.16-1.37-0.35-2-0.53c-0.73-0.22-1.41-0.43-1.98-0.62c-0.47-0.15-0.87-0.29-1.18-0.4 c-0.18-0.43-0.33-0.88-0.44-1.34C6.1,33.66,6,32.84,6,32v-1.67c0.32-0.53,0.67-1.05,1.06-1.54c0.71-0.94,1.52-1.8,2.4-2.56 c0.03-0.04,0.07-0.07,0.1-0.09l0.01-0.01c0.31-0.28,0.63-0.53,0.97-0.77c0.04-0.04,0.08-0.07,0.12-0.1 c0.16-0.12,0.33-0.24,0.51-0.35c1.43-0.97,3.01-1.73,4.7-2.24c1.6-0.48,3.29-0.73,5.05-0.73c3.49,0,6.75,1.03,9.47,2.79 c2.01,1.29,3.74,2.99,5.06,4.98c0.16,0.23,0.31,0.46,0.46,0.7c0.69,1.17,1.26,2.43,1.68,3.75c0.05,0.15,0.09,0.3,0.13,0.46 c0.08,0.27,0.15,0.55,0.21,0.83c0.02,0.07,0.04,0.14,0.06,0.22c0.14,0.63,0.24,1.29,0.31,1.95c0,0.01,0,0.01,0,0.01 C38.36,38.22,38.39,38.82,38.39,39.42z">
                                                                        </path>
                                                                        <path fill="#ff6f00"
                                                                            d="M36.33,39.42c0,0.35-0.02,0.73-0.06,1.11c-0.02,0.18-0.04,0.36-0.06,0.53c-0.23,0.11-0.46,0.21-0.7,0.3 c-0.45,0.17-0.91,0.31-1.38,0.41c-0.32,0.07-0.65,0.13-0.98,0.16h-0.01c-0.31-0.19-0.67-0.42-1.04-0.68 c-0.67-0.47-1.37-1-1.93-1.43c-0.01-0.01-0.01-0.01-0.02-0.02c-0.59-0.45-1.01-0.79-1.01-0.79l-1.06,0.04l-2.04,0.07l-0.95,0.04 l-3.82,0.14l-3.23,0.12c-0.21,0.01-0.46,0.01-0.77,0h-0.01c-0.42-0.01-0.92-0.04-1.47-0.09c-0.64-0.05-1.34-0.11-2.05-0.18 c-0.69-0.08-1.39-0.16-2.06-0.24c-0.74-0.08-1.44-0.17-2.04-0.25c-0.47-0.06-0.88-0.11-1.21-0.15c-0.28-0.32-0.53-0.65-0.77-1.01 c-0.36-0.54-0.67-1.11-0.91-1.72c-0.18-0.43-0.33-0.88-0.44-1.34c0.29-0.89,0.67-1.73,1.12-2.54c0.36-0.66,0.78-1.29,1.24-1.89 c0.45-0.59,0.94-1.14,1.47-1.64v-0.01c0.15-0.15,0.3-0.29,0.45-0.42c0.28-0.26,0.57-0.5,0.87-0.73h0.01 c0.01-0.02,0.02-0.02,0.03-0.03c0.24-0.19,0.49-0.36,0.74-0.53c1.48-1.01,3.15-1.76,4.95-2.2c1.19-0.29,2.44-0.45,3.73-0.45 c2.54,0,4.94,0.61,7.05,1.71h0.01c1.81,0.93,3.41,2.21,4.7,3.75c0.71,0.82,1.32,1.72,1.82,2.67c0.35,0.64,0.65,1.31,0.9,1.99 c0.02,0.06,0.04,0.11,0.06,0.16c0.17,0.5,0.32,1.02,0.45,1.54c0.09,0.37,0.16,0.75,0.22,1.13c0.02,0.12,0.04,0.23,0.05,0.35 C36.28,37.99,36.33,38.7,36.33,39.42z">
                                                                        </path>
                                                                        <path fill="#ff9800"
                                                                            d="M34.28,39.42v0.1c0,0.34-0.03,0.77-0.06,1.23c-0.03,0.34-0.06,0.69-0.09,1.02c-0.32,0.07-0.65,0.13-0.98,0.16 h-0.01C32.76,41.98,32.39,42,32,42h-1.75l-0.38-0.11l-1.97-0.6l-2-0.6l-4.63-1.39l-2-0.6c0,0-0.83,0.33-2,0.72h-0.01 c-0.45,0.15-0.94,0.31-1.46,0.47c-0.65,0.19-1.34,0.38-2.02,0.53c-0.7,0.16-1.39,0.28-2.01,0.33c-0.19,0.02-0.38,0.03-0.55,0.03 c-0.56-0.31-1.1-0.68-1.59-1.09c-0.43-0.36-0.83-0.75-1.2-1.18c-0.28-0.32-0.53-0.65-0.77-1.01c0.07-0.45,0.15-0.89,0.27-1.32 c0.3-1.19,0.77-2.33,1.39-3.37c0.34-0.59,0.72-1.16,1.16-1.69c0.01-0.03,0.04-0.06,0.07-0.08c-0.01-0.01,0-0.01,0-0.01 c0.13-0.17,0.27-0.33,0.41-0.48c0-0.01,0-0.01,0-0.01c0.41-0.44,0.83-0.86,1.29-1.25c0.16-0.13,0.31-0.26,0.48-0.39 c0.03-0.03,0.06-0.05,0.1-0.08c2.25-1.72,5.06-2.76,8.09-2.76c3.44,0,6.57,1.29,8.94,3.41c1.14,1.03,2.11,2.26,2.84,3.63 c0.06,0.1,0.12,0.21,0.17,0.32c0.09,0.18,0.18,0.37,0.26,0.57c0.33,0.72,0.59,1.48,0.77,2.26c0.02,0.08,0.04,0.16,0.06,0.24 c0.08,0.37,0.15,0.75,0.2,1.13C34.24,38.21,34.28,38.81,34.28,39.42z">
                                                                        </path>
                                                                        <path fill="#ffc107"
                                                                            d="M32.22,39.42c0,0.2-0.01,0.42-0.02,0.65c-0.02,0.37-0.05,0.77-0.1,1.18c-0.02,0.25-0.06,0.5-0.1,0.75h-5.48 l-1.06-0.17l-4.14-0.66l-0.59-0.09l-1.35-0.22c-0.59,0-1.87,0.26-3.22,0.51c-0.71,0.13-1.43,0.27-2.08,0.36 c-0.08,0.01-0.16,0.02-0.23,0.03h-0.01c-0.7-0.15-1.38-0.38-2.02-0.68c-0.2-0.09-0.4-0.19-0.6-0.3c-0.56-0.31-1.1-0.68-1.59-1.09 c-0.01-0.12-0.02-0.22-0.02-0.27c0-0.26,0.01-0.51,0.03-0.76c0.04-0.64,0.13-1.26,0.27-1.86c0.22-0.91,0.54-1.79,0.97-2.6 c0.08-0.17,0.17-0.34,0.27-0.5c0.04-0.08,0.09-0.15,0.13-0.23c0.18-0.29,0.38-0.57,0.58-0.85c0.42-0.55,0.89-1.07,1.39-1.54 c0.01,0,0.01,0,0.01,0c0.04-0.04,0.08-0.08,0.12-0.11c0.05-0.04,0.09-0.09,0.14-0.12c0.2-0.18,0.4-0.34,0.61-0.49 c0-0.01,0.01-0.01,0.01-0.01c1.89-1.41,4.23-2.24,6.78-2.24c1.98,0,3.82,0.5,5.43,1.38h0.01c1.38,0.76,2.58,1.79,3.53,3.03 c0.37,0.48,0.7,0.99,0.98,1.53h0.01c0.05,0.1,0.1,0.2,0.15,0.3c0.3,0.59,0.54,1.21,0.72,1.85h0.01c0.01,0.05,0.03,0.1,0.04,0.15 c0.12,0.43,0.22,0.87,0.29,1.32c0.01,0.09,0.02,0.19,0.03,0.28C32.19,38.43,32.22,38.92,32.22,39.42z">
                                                                        </path>
                                                                        <path fill="#ffd54f"
                                                                            d="M30.17,39.31c0,0.16,0,0.33-0.02,0.49v0.01c0,0.01,0,0.01,0,0.01c-0.02,0.72-0.12,1.43-0.28,2.07 c0,0.04-0.01,0.07-0.03,0.11h-4.67l-3.85-0.83l-0.51-0.11l-0.08,0.02l-4.27,0.88L16.27,42H16c-0.64,0-1.27-0.06-1.88-0.18 c-0.09-0.02-0.18-0.04-0.27-0.06h-0.01c-0.7-0.15-1.38-0.38-2.02-0.68c-0.02-0.11-0.04-0.22-0.05-0.33 c-0.07-0.43-0.1-0.88-0.1-1.33c0-0.17,0-0.34,0.01-0.51c0.03-0.54,0.11-1.07,0.23-1.58c0.08-0.38,0.19-0.75,0.32-1.1 c0.11-0.31,0.24-0.61,0.38-0.9c0.12-0.25,0.26-0.49,0.4-0.73c0.14-0.23,0.29-0.45,0.45-0.67c0.4-0.55,0.87-1.06,1.39-1.51 c0.3-0.26,0.63-0.51,0.97-0.73c1.46-0.96,3.21-1.52,5.1-1.52c0.37,0,0.73,0.02,1.08,0.07h0.02c1.07,0.12,2.07,0.42,2.99,0.87 c0.01,0,0.01,0,0.01,0c1.45,0.71,2.68,1.78,3.58,3.1c0.15,0.22,0.3,0.46,0.43,0.7c0.11,0.19,0.21,0.39,0.3,0.59 c0.14,0.31,0.27,0.64,0.38,0.97h0.01c0.11,0.37,0.21,0.74,0.28,1.13v0.01C30.11,38.16,30.17,38.73,30.17,39.31z">
                                                                        </path>
                                                                        <path fill="#ffe082"
                                                                            d="M28.11,39.52v0.03c0,0.59-0.07,1.17-0.21,1.74c-0.05,0.24-0.12,0.48-0.21,0.71h-4.48l-2.29-0.63L18.63,42H16 c-0.64,0-1.27-0.06-1.88-0.18c-0.02-0.03-0.03-0.06-0.04-0.09c-0.14-0.43-0.25-0.86-0.3-1.31c-0.04-0.29-0.06-0.59-0.06-0.9 c0-0.12,0-0.25,0.02-0.37c0.01-0.47,0.08-0.93,0.2-1.37c0.06-0.3,0.15-0.59,0.27-0.87c0.04-0.14,0.1-0.27,0.17-0.4 c0.15-0.34,0.33-0.67,0.53-0.99c0.22-0.32,0.46-0.62,0.73-0.9c0.32-0.36,0.68-0.69,1.09-0.96c0.7-0.51,1.5-0.89,2.37-1.1 c0.58-0.16,1.19-0.24,1.82-0.24c2,0,3.79,0.8,5.09,2.09c0.05,0.05,0.11,0.11,0.16,0.18h0.01c0.14,0.15,0.27,0.3,0.4,0.47 c0.37,0.47,0.68,0.98,0.92,1.54c0.12,0.26,0.22,0.53,0.3,0.81c0.01,0.04,0.02,0.07,0.03,0.11c0.14,0.49,0.23,1,0.25,1.53 C28.1,39.2,28.11,39.36,28.11,39.52z">
                                                                        </path>
                                                                        <path fill="#ffecb3"
                                                                            d="M26.06,39.52c0,0.41-0.05,0.8-0.16,1.17c-0.1,0.4-0.25,0.78-0.44,1.14c-0.03,0.06-0.1,0.17-0.1,0.17h-8.88 c-0.01-0.01-0.02-0.03-0.02-0.04c-0.12-0.19-0.22-0.38-0.3-0.59c-0.2-0.46-0.32-0.96-0.36-1.48c-0.02-0.12-0.02-0.25-0.02-0.37 c0-0.06,0-0.13,0.01-0.19c0.01-0.44,0.07-0.86,0.19-1.25c0.1-0.36,0.23-0.69,0.4-1.01c0,0,0.01-0.01,0.01-0.02 c0.12-0.21,0.25-0.42,0.4-0.62c0.49-0.66,1.14-1.2,1.89-1.55c0.01,0,0.01,0,0.01,0c0.24-0.12,0.49-0.22,0.75-0.29c0,0,0,0,0.01,0 c0.46-0.14,0.96-0.21,1.47-0.21c0.59,0,1.16,0.09,1.68,0.28c0.19,0.05,0.37,0.13,0.55,0.22c0,0,0,0,0.01,0 c0.86,0.41,1.59,1.05,2.09,1.85c0.1,0.15,0.19,0.31,0.27,0.48c0.04,0.07,0.08,0.15,0.11,0.22c0.23,0.52,0.37,1.09,0.41,1.69 c0.01,0.05,0.01,0.1,0.01,0.16C26.06,39.36,26.06,39.44,26.06,39.52z">
                                                                        </path>
                                                                        <g>
                                                                            <path fill="none" stroke="#fff" stroke-linecap="round"
                                                                                stroke-linejoin="round" stroke-miterlimit="10"
                                                                                stroke-width="2"
                                                                                d="M30,11H18c-3.9,0-7,3.1-7,7v12c0,3.9,3.1,7,7,7h12c3.9,0,7-3.1,7-7V18C37,14.1,33.9,11,30,11z">
                                                                            </path>
                                                                            <circle cx="31" cy="16" r="1" fill="#fff"></circle>
                                                                        </g>
                                                                        <g>
                                                                            <circle cx="24" cy="24" r="6" fill="none" stroke="#fff"
                                                                                stroke-linecap="round" stroke-linejoin="round"
                                                                                stroke-miterlimit="10" stroke-width="2">
                                                                            </circle>
                                                                        </g>
                                                                    </svg>
                                                                </a>
                                                            @endif
                                                            @if (!empty($team->x_link))
                                                                <a href="{{ $team->x_link }}" class="blue-font-color fs-5">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30"
                                                                        height="30" viewBox="0 0 48 48">
                                                                        <path fill="#212121" fill-rule="evenodd"
                                                                            d="M38,42H10c-2.209,0-4-1.791-4-4V10c0-2.209,1.791-4,4-4h28	c2.209,0,4,1.791,4,4v28C42,40.209,40.209,42,38,42z"
                                                                            clip-rule="evenodd"></path>
                                                                        <path fill="#fff"
                                                                            d="M34.257,34h-6.437L13.829,14h6.437L34.257,34z M28.587,32.304h2.563L19.499,15.696h-2.563 L28.587,32.304z">
                                                                        </path>
                                                                        <polygon fill="#fff"
                                                                            points="15.866,34 23.069,25.656 22.127,24.407 13.823,34">
                                                                        </polygon>
                                                                        <polygon fill="#fff"
                                                                            points="24.45,21.721 25.355,23.01 33.136,14 31.136,14">
                                                                        </polygon>
                                                                    </svg>
                                                                </a>
                                                            @endif

                                                            @if (!empty($team->linkedin_link))
                                                                <a href="{{ $team->linkedin_link }}" class="blue-font-color fs-5">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30"
                                                                        height="30" viewBox="0 0 48 48">
                                                                        <path fill="#0078d4"
                                                                            d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5	V37z">
                                                                        </path>
                                                                        <path
                                                                            d="M30,37V26.901c0-1.689-0.819-2.698-2.192-2.698c-0.815,0-1.414,0.459-1.779,1.364	c-0.017,0.064-0.041,0.325-0.031,1.114L26,37h-7V18h7v1.061C27.022,18.356,28.275,18,29.738,18c4.547,0,7.261,3.093,7.261,8.274	L37,37H30z M11,37V18h3.457C12.454,18,11,16.528,11,14.499C11,12.472,12.478,11,14.514,11c2.012,0,3.445,1.431,3.486,3.479	C18,16.523,16.521,18,14.485,18H18v19H11z"
                                                                            opacity=".05"></path>
                                                                        <path
                                                                            d="M30.5,36.5v-9.599c0-1.973-1.031-3.198-2.692-3.198c-1.295,0-1.935,0.912-2.243,1.677	c-0.082,0.199-0.071,0.989-0.067,1.326L25.5,36.5h-6v-18h6v1.638c0.795-0.823,2.075-1.638,4.238-1.638	c4.233,0,6.761,2.906,6.761,7.774L36.5,36.5H30.5z M11.5,36.5v-18h6v18H11.5z M14.457,17.5c-1.713,0-2.957-1.262-2.957-3.001	c0-1.738,1.268-2.999,3.014-2.999c1.724,0,2.951,1.229,2.986,2.989c0,1.749-1.268,3.011-3.015,3.011H14.457z"
                                                                            opacity=".07"></path>
                                                                        <path fill="#fff"
                                                                            d="M12,19h5v17h-5V19z M14.485,17h-0.028C12.965,17,12,15.888,12,14.499C12,13.08,12.995,12,14.514,12	c1.521,0,2.458,1.08,2.486,2.499C17,15.887,16.035,17,14.485,17z M36,36h-5v-9.099c0-2.198-1.225-3.698-3.192-3.698	c-1.501,0-2.313,1.012-2.707,1.99C24.957,25.543,25,26.511,25,27v9h-5V19h5v2.616C25.721,20.5,26.85,19,29.738,19	c3.578,0,6.261,2.25,6.261,7.274L36,36L36,36z">
                                                                        </path>
                                                                    </svg>
                                                                </a>
                                                            @endif
                                                        </div>
                                                    </div>

                                                    <article class="text-secondary fs-6 fw-normal font-family-Onest my-0">
                                                        {!! $team->description !!}
                                                    </article>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>
    @endif


    <!-- testimonials-section -->
    <section class="container-fluid py-5 testimonials-section">
        <!-- Headings Centered -->
        <div class="container">
            <div class="row justify-content-center text-center mb-5">
                <div class="col-lg-8">
                   <h2 class="fw-medium font-family-Onest section-title">
  <span class="text-dark">
    What our Client Say
  </span>
  <span class="text-warning">
    about us
  </span>
</h2>
                    <p class="text-secondary fw-medium font-family-Onest section-subtitle">
                        See what our happy travelers are saying about their trekking experience
                    </p>
                </div>
            </div>
        </div>

        <!-- Google Reviews Scroll -->
        <div class="px-0 auto-scroll-wrapper mb-5">
            <div class="auto-scroll-content">
                <!-- Example (shortened): -->
                @foreach ($testimonials->testimonialMeta as $key => $testi)
                    @if ($testi->meta['is_google'])
                        <div class="card testimonial-card" data-index="0" data-bs-toggle="modal" data-bs-target="#testimonialModal">
                            <div class="d-flex justify-content-between align-items-center mb-2">
                                <div class="text-warning">

                                    @for ($i = 1; $i <= 5; $i++)
                                        @if ($i <= $testi->meta['rating'])
                                            ★
                                        @else
                                            ☆
                                        @endif
                                    @endfor
                                </div>
                                <img src="{{ asset('assets_moondrop/images/logo/Google.png') }}"
                                    class="rounded-circle testimonial-icon" loading="lazy" alt="Google logo">
                            </div>
                            <p class="testimonial-text">{{ $testi->meta['review'] }}</p>
                            <div class="d-flex align-items-center mt-3">
                                <img src="{{ $testi->getFileUrl('image') }}" class="rounded-circle me-2 testimonial-face"
                                    style="width: 60px; height: 60px; object-fit: cover;" alt="Reviewer">
                                <p class="m-0 fw-semibold text-primary">{{ $testi->meta['name'] }}</p>
                            </div>
                        </div>
                    @endif
                @endforeach

            </div>
        </div>

        <!-- TripAdvisor Reviews Scroll -->
        <div class="px-0 auto-scroll-wrapper">
            <div class="auto-scroll-content scroll-right">
                @foreach ($testimonials->testimonialMeta as $key => $testi)
                    @if ($testi->meta['is_tripadvisor'])
                        <div class="card testimonial-card" data-index="0" data-bs-toggle="modal" data-bs-target="#testimonialModal">
                            <div class="d-flex justify-content-between align-items-center mb-2">
                                <div class="text-warning">
                                    @for ($i = 1; $i <= 5; $i++)
                                        @if ($i <= $testi->meta['rating'])
                                            ★
                                        @else
                                            ☆
                                        @endif
                                    @endfor
                                </div>

                                <img src="{{ asset('assets_moondrop/images/logo/tripadv.png') }}" class="testimonial-icon"
                                    loading="lazy" alt="TripAdvisor logo">
                            </div>
                            <p class="testimonial-text">{{ $testi->meta['review'] }}</p>
                            <div class="d-flex align-items-center mt-3">
                                <img src="{{ $testi->getFileUrl('image') }}" class="rounded-circle me-2 testimonial-face"
                                    alt="Reviewer" style="width: 60px; height: 60px; object-fit: cover;">
                                <p class="m-0 fw-semibold text-primary">{{ $testi->meta['name'] }}</p>
                            </div>
                        </div>
                    @endif
                @endforeach
            </div>
        </div>
<script>
  // Allow page to scroll vertically even when hovering the auto-scroll rows
  document.querySelectorAll('.auto-scroll-wrapper').forEach((wrap) => {
    wrap.addEventListener('wheel', (e) => {
      // If the user is scrolling mostly vertically, send it to the window
      if (Math.abs(e.deltaY) >= Math.abs(e.deltaX)) {
        window.scrollBy({ top: e.deltaY, left: 0, behavior: 'auto' });
        e.preventDefault(); // stop the wrapper from trapping the wheel
      }
    }, { passive: false });
  });
</script>
        <!-- Button -->
        @if (isset($review_page))
            <div class="container">
                <div class="text-center mt-5">
                    <a class="btn bg-primary text-white px-4 py-2 rounded-pill font-family-Onest fw-medium see-all-btn"
                        href="{{ route('page', $review_page) }}">
                        See all Reviews >
                    </a>
                </div>
            </div>
        @endif
    </section>

    <!-- Testimonial Modal -->
    <div class="modal fade" id="testimonialModal" tabindex="-1" aria-labelledby="testimonialModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header border-0 pb-0">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pt-0">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <div class="text-warning" id="modalStars">★★★★★</div>
                        <img src="" class="rounded-circle testimonial-icon" alt="Platform" id="modalPlatform">
                    </div>
                    <p class="mb-4" id="modalText"></p>
                    <div class="d-flex align-items-center">
                        <img src="" class="rounded-circle me-2 testimonial-face" alt="Reviewer" id="modalFace">
                        <p class="m-0 fw-semibold text-primary" id="modalName"></p>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection


@push('frontend_js')
@endpush