/* ==========================================================================
   yatayat-front-overrides.css
   --------------------------------------------------------------------------
   Public-site refinement layer.

   RULES THIS FILE FOLLOWS
   1. It is loaded LAST, after every theme stylesheet. Nothing in the original
      theme files is edited, so removing the two <link> tags in
      resources/views/front/layouts/app.blade.php reverts the entire layer.
   2. It never renames, removes or repurposes an existing class. It only adds
      declarations to selectors that already exist, or introduces new
      `yt-`-prefixed classes.
   3. It never hides content. No rule here sets display:none, visibility:hidden
      or opacity:0 on a content element.
   4. !important is used only where the theme's own !important must be beaten.

   SECTIONS
     1. Overflow containment (no horizontal scroll, 320px up)
     2. Typography
     3. Vertical rhythm & section spacing
     4. Containers & gutters
     5. Images & media
     6. Tap targets & interactive sizing
     7. Focus visibility
     8. Cards, buttons & surfaces
     9. Forms
    10. Tables
    11. Header, nav & marquee
    12. Footer
    13. Responsive breakpoints (320 / 375 / 768 / 1024 / 1440)
    14. Print
   ========================================================================== */


/* ==========================================================================
   1. OVERFLOW CONTAINMENT
   The single largest source of horizontal scroll on this site is full-bleed
   decorative elements and negative margins inside .container. Clipping at the
   root plus a defensive max-width on media removes it without moving anything.
   ========================================================================== */

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-behavior: smooth;
}

html,
body {
    overflow-x: hidden;
    max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* Nothing may exceed the viewport. Applied to the usual offenders only, so
   intentionally-wide scrollers (tables, carousels) keep their own overflow. */
img,
video,
iframe,
embed,
object,
svg,
canvas,
table {
    max-width: 100%;
}

/* Long unbroken strings (URLs, IDs, emails) must wrap rather than push the
   layout wider than the screen. */
p,
li,
dd,
dt,
figcaption,
blockquote,
h1, h2, h3, h4, h5, h6,
.card-body,
.breadcrumb-item,
.accordion-button {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Wide content that genuinely cannot shrink scrolls inside its own box
   instead of scrolling the page. Add `yt-scroll-x` to any such wrapper. */
.yt-scroll-x {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}


/* ==========================================================================
   2. TYPOGRAPHY
   Consistent scale via clamp(), readable line-height, and a bounded measure
   on body copy. Heading colour and family are left to the theme.
   ========================================================================== */

body {
    font-size: var(--yt-fs-base);
    line-height: var(--yt-lh-body);
    color: var(--yt-text);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    line-height: var(--yt-lh-heading);
    letter-spacing: var(--yt-tracking-tight);
    margin-top: 0;
}

h1, .h1 { font-size: var(--yt-fs-3xl); line-height: var(--yt-lh-tight); }
h2, .h2 { font-size: var(--yt-fs-2xl); }
h3, .h3 { font-size: var(--yt-fs-xl); }
h4, .h4 { font-size: var(--yt-fs-lg); }
h5, .h5 { font-size: var(--yt-fs-md); line-height: var(--yt-lh-snug); }
h6, .h6 { font-size: var(--yt-fs-base); line-height: var(--yt-lh-snug); }

/* Body copy: bounded measure keeps lines at a readable ~72 characters.
   Scoped to prose containers so grid/flex cells are unaffected. */
.section-header p,
.about-content p,
.blog-content p,
.blog-detail-content p,
.page-content p,
.terms-content p,
.privacy-content p,
.yt-prose p {
    max-width: var(--yt-measure);
    line-height: var(--yt-lh-relaxed);
}

.section-header p {
    margin-left: auto;
    margin-right: auto;
}

/* Utility for any block that should read as an article. */
.yt-prose > * + * {
    margin-top: var(--space-4);
}

.yt-prose h2,
.yt-prose h3,
.yt-prose h4 {
    margin-top: var(--space-6);
    margin-bottom: var(--space-3);
}

.yt-prose ul,
.yt-prose ol {
    padding-left: var(--space-5);
    line-height: var(--yt-lh-relaxed);
}

.yt-prose li + li {
    margin-top: var(--space-2);
}

/* Never let a heading go below 16px equivalent on small screens. */
.fs-14 { font-size: var(--yt-fs-sm) !important; }
.fs-12 { font-size: var(--yt-fs-xs) !important; }

small,
.small {
    font-size: var(--yt-fs-sm);
    line-height: var(--yt-lh-snug);
}

/* Balanced headline wrapping where supported - purely cosmetic, degrades
   silently on older browsers. */
h1, .h1, h2, .h2,
.section-header h2,
.banner-text h1 {
    text-wrap: balance;
}


/* ==========================================================================
   3. VERTICAL RHYTHM & SECTION SPACING
   Fluid section padding replaces the theme's fixed values so the page
   breathes correctly from 320px to 1440px+.
   ========================================================================== */

section,
.section {
    padding-top: var(--yt-section-y);
    padding-bottom: var(--yt-section-y);
}

/* Sections the theme already treats as compact stay compact. */
.section-sm,
.breadcrumb-bar,
.yt-section-sm {
    padding-top: var(--yt-section-y-sm);
    padding-bottom: var(--yt-section-y-sm);
}

/* Sections that must stay flush (hero, full-bleed banners, sticky bars). */
.banner-section,
.hero-section,
.custom-hero-section-wrapper,
.header-topbar,
.mobile-fixed-bar,
.yt-section-flush {
    padding-top: 0;
    padding-bottom: 0;
}

.section-header {
    margin-bottom: var(--space-6);
}

.section-header h2 {
    margin-bottom: var(--space-3);
}

.section-header p:last-child {
    margin-bottom: 0;
}

/* Consistent stack rhythm inside content blocks. */
p:last-child,
ul:last-child,
ol:last-child {
    margin-bottom: 0;
}


/* ==========================================================================
   4. CONTAINERS & GUTTERS
   A single gutter token drives every container edge, so the distance from
   text to screen edge is identical on every page and every breakpoint.
   ========================================================================== */

.container,
.container-fluid,
.container-lg,
.container-xl {
    padding-left: var(--yt-gutter);
    padding-right: var(--yt-gutter);
}

/* Bootstrap rows negate container padding; keep that relationship intact but
   drive it from the same token. */
.row {
    --bs-gutter-x: var(--space-5);
}

@media (max-width: 575.98px) {
    .row {
        --bs-gutter-x: var(--space-4);
    }
}


/* ==========================================================================
   5. IMAGES & MEDIA
   Aspect-ratio boxes + object-fit stop the layout shifting while images load
   and stop uploaded images of arbitrary dimensions distorting their frames.
   ========================================================================== */

img {
    height: auto;
    vertical-align: middle;
}

/* Images that sit in a fixed frame must cover it, not stretch. These are the
   theme's existing image wrappers - the classes are unchanged. */
.destination-item img,
.place-item img,
.blog-item img,
.blog-img img,
.car-img img,
.listing-img img,
.service-item img,
.package-img img,
.city-img img,
.testimonial-img img,
.gallery-item img,
.yt-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Aspect-ratio frames. Applied to the wrapper, never the <img>, so a missing
   image leaves a correctly-sized box instead of collapsing the grid. */
.yt-ratio-16x9,
.yt-ratio-4x3,
.yt-ratio-3x2,
.yt-ratio-1x1 {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: var(--yt-gray-100);
    border-radius: inherit;
}

.yt-ratio-16x9 { aspect-ratio: 16 / 9; }
.yt-ratio-4x3  { aspect-ratio: 4 / 3; }
.yt-ratio-3x2  { aspect-ratio: 3 / 2; }
.yt-ratio-1x1  { aspect-ratio: 1 / 1; }

.yt-ratio-16x9 > img,
.yt-ratio-4x3 > img,
.yt-ratio-3x2 > img,
.yt-ratio-1x1 > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Logos and icons must never be cropped. */
.header-logo img,
.logo img,
.footer-logo img,
.offcanvas-head img,
.yt-contain img {
    object-fit: contain;
}

/* Reserve space for lazily-loaded images so they cannot cause layout shift
   before their intrinsic size is known. */
img[loading="lazy"] {
    background-color: var(--yt-gray-50);
}

figure {
    margin: 0 0 var(--space-4);
}

figcaption {
    font-size: var(--yt-fs-sm);
    color: var(--yt-text-muted);
    margin-top: var(--space-2);
}


/* ==========================================================================
   6. TAP TARGETS & INTERACTIVE SIZING
   WCAG 2.5.5 - every standalone control reaches 44x44 CSS pixels on touch.
   Deliberately scoped to standalone controls: inline links inside a
   paragraph are exempt, because inflating them would break text flow.
   ========================================================================== */

@media (pointer: coarse), (max-width: 991.98px) {
    .btn,
    button:not(.accordion-button):not(.navbar-toggler),
    input[type="submit"],
    input[type="button"],
    .nav-link,
    .main-nav > li > a,
    .mobile-menu a,
    .offcanvas-detail a,
    .mobile-fixed-bar a,
    .social-icons a,
    .footer-menu li a,
    .pagination .page-link,
    .dropdown-item,
    [role="button"] {
        min-height: var(--yt-tap-target);
        display: flex;
        align-items: center;
    }

    /* Icon-only controls also need the horizontal dimension. */
    .social-icons a,
    .offcanvas-close,
    .navbar-toggler,
    .back-to-top-icon,
    .slick-arrow,
    .owl-nav button {
        min-width: var(--yt-tap-target);
        justify-content: center;
    }

    /* Restore centring for the footer/nav lists that were block-level. */
    .footer-menu li a,
    .main-nav > li > a,
    .dropdown-item {
        display: flex;
    }

    /* Spacing between adjacent targets so they are not mis-tapped. */
    .social-icons {
        gap: var(--space-3) !important;
    }
}

/* Form controls are finger-sized on every device, not just touch. */
.form-control,
.form-select,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="search"],
select,
textarea {
    min-height: var(--yt-tap-target);
}

textarea {
    min-height: calc(var(--yt-tap-target) * 2);
}

/* iOS zooms the viewport when a focused input is under 16px. */
@media (max-width: 767.98px) {
    .form-control,
    .form-select,
    input,
    select,
    textarea {
        font-size: 16px;
    }
}


/* ==========================================================================
   7. FOCUS VISIBILITY
   The theme removes outlines in several places. Keyboard users need them
   back; :focus-visible keeps them off for mouse users.
   ========================================================================== */

:focus-visible {
    outline: 3px solid var(--yt-primary-400);
    outline-offset: 2px;
    border-radius: var(--yt-radius-xs);
}

.btn:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible,
a:focus-visible {
    outline: 3px solid var(--yt-primary-400);
    outline-offset: 2px;
    box-shadow: var(--yt-shadow-focus);
}

/* Skip link - added to the layout in this phase. */
.yt-skip-link {
    position: absolute;
    left: var(--space-4);
    top: var(--space-2);
    z-index: var(--yt-z-toast);
    padding: var(--space-3) var(--space-5);
    background: var(--yt-primary-900);
    color: #fff;
    border-radius: var(--yt-radius-sm);
    font-weight: var(--yt-fw-semibold);
    text-decoration: none;
    transform: translateY(-200%);
    transition: transform var(--yt-dur) var(--yt-ease-out);
}

.yt-skip-link:focus {
    transform: translateY(0);
    color: #fff;
}


/* ==========================================================================
   8. CARDS, BUTTONS & SURFACES
   ========================================================================== */

.card {
    border-radius: var(--yt-radius-lg);
    border-color: var(--yt-border);
}

.card-body {
    padding: var(--space-5);
}

@media (max-width: 575.98px) {
    .card-body {
        padding: var(--space-4);
    }
}

.btn {
    border-radius: var(--yt-radius-sm);
    font-weight: var(--yt-fw-semibold);
    letter-spacing: 0;
    padding-inline: var(--space-5);
    transition:
        background-color var(--yt-dur-fast) var(--yt-ease),
        border-color var(--yt-dur-fast) var(--yt-ease),
        color var(--yt-dur-fast) var(--yt-ease),
        box-shadow var(--yt-dur) var(--yt-ease-out),
        transform var(--yt-dur) var(--yt-ease-out);
}

/* Brand surfaces reuse the single gradient token so every gradient on the
   site is identical. The class names are the theme's own. */
.custom_color,
.header-topbar,
.mobile-fixed-bar {
    background: var(--yt-gradient-brand) !important;
}

/* The theme contains several invalid declarations of the form
   `color: linear-gradient(...)` and `border: 1px solid linear-gradient(...)`,
   which browsers discard. These replace them with valid equivalents. */
footer .footer-top .footer-widget .footer-menu li a:hover {
    color: var(--yt-accent) !important;
}

.form-info-area input {
    border: 1px solid var(--yt-border-strong);
    border-radius: var(--yt-radius-sm);
    padding: var(--space-3) var(--space-3);
}

.form-info-area input:focus {
    border-color: var(--yt-primary-400);
}

.popup-form {
    border: 0;
    border-top: 6px solid var(--yt-primary-500);
}

::selection {
    background: var(--yt-primary-500);
    color: #fff;
    text-shadow: none;
}


/* ==========================================================================
   9. FORMS
   ========================================================================== */

.form-control,
.form-select {
    border-radius: var(--yt-radius-sm);
    border-color: var(--yt-border-strong);
    padding: var(--space-3) var(--space-4);
    line-height: var(--yt-lh-snug);
    transition:
        border-color var(--yt-dur-fast) var(--yt-ease),
        box-shadow var(--yt-dur-fast) var(--yt-ease);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--yt-primary-400);
    box-shadow: var(--yt-shadow-focus);
}

.form-label,
.input-block label {
    font-size: var(--yt-fs-sm);
    font-weight: var(--yt-fw-medium);
    color: var(--yt-text);
    margin-bottom: var(--space-2);
}

.input-block {
    margin-bottom: var(--space-4);
}

.invalid-feedback,
.parsley-errors-list,
label.error {
    font-size: var(--yt-fs-sm);
    color: var(--yt-danger);
    margin-top: var(--space-1);
}

/* Third-party widgets keep their own internal layout; only the outer box is
   aligned to the token system. */
.select2-container--default .select2-selection--single {
    min-height: var(--yt-tap-target);
    border-radius: var(--yt-radius-sm);
    border-color: var(--yt-border-strong);
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}


/* ==========================================================================
   10. TABLES
   Any table narrower than its content scrolls inside its wrapper rather than
   widening the page. Applies to the theme's existing wrapper classes.
   ========================================================================== */

.table-responsive,
.table-wrapper,
.yt-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table > :not(caption) > * > * {
    padding: var(--space-3) var(--space-4);
    vertical-align: middle;
}

.table th {
    font-weight: var(--yt-fw-semibold);
    color: var(--yt-text);
    white-space: nowrap;
}


/* ==========================================================================
   11. HEADER, NAV & MARQUEE
   ========================================================================== */

.header-topbar {
    padding-block: var(--space-1) !important;
}

.header-topbar p,
.header-topbar a {
    font-size: var(--yt-fs-sm);
    line-height: var(--yt-lh-snug);
}

.set-white-color-header a,
.custom_fonr_color {
    color: #fff !important;
}

.custom_line_height {
    line-height: var(--yt-lh-snug) !important;
}

/* CSS replacement for the deprecated <marquee> element. The .html-marquee
   class is retained so nothing that references it breaks; the markup now
   uses <div class="html-marquee yt-marquee"> with an inner track. */
.yt-marquee {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100%;
    -webkit-mask-image: linear-gradient(
        to right, transparent, #000 5%, #000 95%, transparent
    );
    mask-image: linear-gradient(
        to right, transparent, #000 5%, #000 95%, transparent
    );
}

.yt-marquee__track {
    display: flex;
    flex: 0 0 auto;
    min-width: 100%;
    gap: var(--space-6);
    align-items: center;
    white-space: nowrap;
    will-change: transform;
    animation: yt-marquee-scroll 28s linear infinite;
}

.yt-marquee:hover .yt-marquee__track,
.yt-marquee:focus-within .yt-marquee__track {
    animation-play-state: paused;
}

.yt-marquee__track > * {
    flex: 0 0 auto;
    margin: 0;
}

@keyframes yt-marquee-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

/* Reduced motion: the marquee stops and the text simply sits still, fully
   readable. Content is never hidden. */
@media (prefers-reduced-motion: reduce) {
    .yt-marquee__track {
        animation: none;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .yt-marquee {
        -webkit-mask-image: none;
        mask-image: none;
    }
}

/* Header nav rhythm. */
header .header-nav .main-menu-wrapper .main-nav > li > a {
    padding-inline: var(--space-3);
}

.header-logo img,
.offcanvas-head img {
    max-height: 56px;
    width: auto;
}

/* Animated hamburger. The theme's existing toggle keeps its class and JS
   binding; these rules only animate the three bars. */
.yt-burger {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: var(--yt-tap-target);
    height: var(--yt-tap-target);
    padding: var(--space-2);
    background: none;
    border: 0;
}

.yt-burger span {
    display: block;
    width: 24px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transition:
        transform var(--yt-dur) var(--yt-ease-in-out),
        opacity var(--yt-dur-fast) var(--yt-ease);
}

.yt-burger[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.yt-burger[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
}

.yt-burger[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* The fixed mobile action bar must not sit on top of page content. */
@media (max-width: 991.98px) {
    body {
        padding-bottom: 0;
    }

    body:has(.mobile-fixed-bar) {
        padding-bottom: calc(var(--yt-tap-target) + var(--space-4));
    }
}

.mobile-fixed-bar {
    padding-block: var(--space-2);
    padding-bottom: calc(var(--space-2) + env(safe-area-inset-bottom, 0px));
}

.mobile-fixed-bar a {
    font-size: var(--yt-fs-xs);
    line-height: 1.2;
    gap: var(--space-1);
}


/* ==========================================================================
   12. FOOTER
   ========================================================================== */

footer .footer-top {
    padding-top: var(--yt-section-y);
    padding-bottom: var(--yt-section-y-sm);
}

footer .footer-widget {
    margin-bottom: var(--space-6);
}

footer .footer-widget h4,
footer .footer-widget h5 {
    margin-bottom: var(--space-4);
}

footer .footer-menu li + li {
    margin-top: var(--space-2);
}

footer .footer-bottom {
    padding-block: var(--space-4);
}


/* ==========================================================================
   13. RESPONSIVE BREAKPOINTS
   Verified targets: 320, 375, 768, 1024, 1440.
   ========================================================================== */

/* --- 320px - 374px : smallest supported ---------------------------------- */
@media (max-width: 374.98px) {
    :root {
        --yt-gutter: 0.875rem;
        --yt-section-y: 2rem;
    }

    .btn {
        padding-inline: var(--space-4);
        font-size: var(--yt-fs-sm);
        width: auto;
    }

    /* Button pairs stack rather than overflow. */
    .btn-group-responsive,
    .yt-btn-stack {
        display: flex;
        flex-direction: column;
        gap: var(--space-2);
        width: 100%;
    }

    .yt-btn-stack > .btn {
        width: 100%;
    }

    /* Anything the theme sizes in fixed pixels is allowed to shrink. */
    .nav-tabs .nav-link {
        width: auto;
        min-width: 0;
        max-width: 100%;
        margin-left: 0;
        padding: var(--space-3) var(--space-4);
        font-size: var(--yt-fs-sm);
        height: auto;
    }

    .header-logo img,
    .offcanvas-head img {
        max-height: 40px;
    }
}

/* --- up to 575px : phones ------------------------------------------------ */
@media (max-width: 575.98px) {
    .section-header {
        margin-bottom: var(--space-5);
    }

    /* Fixed-width theme elements become fluid. */
    .nav-tabs .nav-link {
        width: 100%;
        margin-left: 0;
        margin-bottom: var(--space-2);
        height: auto;
    }

    .nav-tabs {
        gap: var(--space-2);
    }

    /* Tab strips scroll horizontally instead of wrapping unpredictably. */
    .listing-tabs-group {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        padding-bottom: var(--space-2);
    }

    .listing-tabs-group > * {
        flex: 0 0 auto;
    }

    /* Modals sit correctly instead of being pushed 35% down the viewport. */
    .modal-content {
        margin-top: var(--space-6) !important;
    }

    .popup-form {
        padding: var(--space-6) var(--space-4) var(--space-5) !important;
        min-height: 0;
    }

    .pop-up-left img {
        min-height: 0;
    }

    .back-to-top-icon {
        bottom: calc(var(--yt-tap-target) + var(--space-6)) !important;
    }

    /* Vertical contact rail is off-screen furniture on phones. */
    .cantact-vertical-box {
        display: none;
    }
}

/* --- 576px - 767px ------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
    .modal-content {
        margin-top: var(--space-7) !important;
    }
}

/* --- 768px - 991px : tablet ---------------------------------------------- */
@media (min-width: 768px) and (max-width: 991.98px) {
    :root {
        --yt-section-y: 3.5rem;
    }

    .modal-content {
        margin-top: var(--space-7) !important;
    }

    .section-header p {
        max-width: var(--yt-measure-narrow);
    }

    /* Card grids settle at two columns rather than one wide column. */
    .destination-item,
    .place-item,
    .blog-item {
        height: 100%;
    }
}

/* --- 992px - 1199px : small desktop / 1024 ------------------------------- */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .container {
        max-width: var(--yt-container-lg);
    }

    header .header-nav .main-menu-wrapper .main-nav > li > a {
        padding-inline: var(--space-2);
        font-size: var(--yt-fs-sm);
    }

    .modal-content {
        margin-top: var(--space-6) !important;
    }
}

/* --- 1200px+ : desktop --------------------------------------------------- */
@media (min-width: 1200px) {
    .container {
        max-width: var(--yt-container-xl);
    }

    .modal-content {
        margin-top: var(--space-7) !important;
    }
}

/* --- 1440px+ : large desktop --------------------------------------------- */
@media (min-width: 1440px) {
    .container {
        max-width: var(--yt-container-2xl);
    }
}

/* Above 1600px the measure, not the container, does the work - text stays
   readable instead of stretching across the full screen. */
@media (min-width: 1600px) {
    :root {
        --yt-section-y: 6rem;
    }
}


/* ==========================================================================
   14. PRINT
   ========================================================================== */

@media print {
    .header-topbar,
    .mobile-fixed-bar,
    .back-to-top,
    .cantact-vertical-box,
    .xb-cursor,
    .offcanvas-info,
    footer {
        display: none !important;
    }

    body {
        color: #000;
        background: #fff;
        font-size: 12pt;
    }

    a[href^="http"]::after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        word-break: break-all;
    }
}