/*<style>*/
    /*===========================================================
MARAMATTA LUXURY DESIGN SYSTEM
Global Design Tokens
=========================================================*/

:root{

    /*=====================================================
    BRAND COLORS
    =====================================================*/

    --ms-green:#556B2F;
    --ms-green-dark:#455726;

    --ms-gold:#D99532;
    --ms-gold-dark:#B87A20;

    --ms-bg:#FCFBF8;
   /*--ms-bg:linear-gradient(
        180deg,
        #FAF8F3 0%,
        #FCFBF8 55%,
        #FFFFFF 100%
        );*/
    
   
    
    
    --ms-white:#FFFFFF;

    --ms-text:#555555;

    --ms-heading:#3E4A25;

    --ms-border:#ECE8DF;



    /*=====================================================
    SURFACE COLORS
    =====================================================*/

    --ms-surface:#FFFFFF;

    --ms-surface-alt:#F8F6F1;

    --ms-overlay:rgba(0,0,0,.38);

    --ms-overlay-dark:rgba(0,0,0,.55);



    /*=====================================================
    TYPOGRAPHY
    =====================================================*/

    --font-heading:'Playfair Display',serif;

    --font-body:'Montserrat',sans-serif;



    /*=====================================================
    FONT SIZES
    =====================================================*/

    --fs-hero:56px;

    --fs-section-title:42px;

    --fs-card-title:26px;

    --fs-price:30px;

    --fs-body:16px;

    --fs-small:14px;

    --fs-meta:13px;



    /*=====================================================
    FONT WEIGHTS
    =====================================================*/

    --fw-regular:400;

    --fw-medium:500;

    --fw-semibold:600;

    --fw-bold:700;



    /*=====================================================
    LINE HEIGHT
    =====================================================*/

    --lh-heading:1.2;

    --lh-body:1.7;

    --lh-small:1.5;



    /*=====================================================
    LETTER SPACING
    =====================================================*/

    --ls-meta:.08em;

    --ls-subtitle:.12em;



    /*=====================================================
    SPACING SCALE
    =====================================================*/

    --space-xs:8px;

    --space-sm:12px;

    --space-md:16px;

    --space-lg:24px;

    --space-xl:32px;

    --space-2xl:48px;

    --space-3xl:72px;

    --space-section:96px;



    /*=====================================================
    BORDER RADIUS
    =====================================================*/

    --radius-xs:8px;

    --radius-sm:12px;

    --radius-md:16px;

    --radius-lg:22px;

    --radius-xl:30px;

    --radius-pill:999px;



    /*=====================================================
    SHADOWS
    =====================================================*/

    --shadow-small:
        0 12px 35px rgba(0,0,0,.05);

    --shadow-medium:
        0 18px 55px rgba(0,0,0,.08);

    --shadow-large:
        0 28px 70px rgba(0,0,0,.12);

    --shadow-xl:
        0 38px 90px rgba(0,0,0,.18);



    /*=====================================================
    BORDERS
    =====================================================*/

    --border-light:
        1px solid var(--ms-border);

    --border-accent:
        1px solid rgba(217,149,50,.35);



    /*=====================================================
    TRANSITIONS
    =====================================================*/

    --transition-fast:.25s;

    --transition-normal:.35s;

    --transition-luxury:.5s;

    --transition-slow:.8s;

    --transition-cinematic:1.2s;



    /*=====================================================
    EASING
    =====================================================*/

    --ease-luxury:
        cubic-bezier(.22,.61,.36,1);



    /*=====================================================
    IMAGE SCALE
    =====================================================*/

    --image-scale:1.08;



    /*=====================================================
    OVERLAY OPACITY
    =====================================================*/

    --overlay-opacity:.45;



    /*=====================================================
    Z-INDEX
    =====================================================*/

    --z-base:1;

    --z-overlay:10;

    --z-dropdown:100;

    --z-sticky:500;

    --z-modal:1000;

}


/*=====================================================
CONTENT WIDTHS
=====================================================*/

--container-width:1320px;

--content-width:860px;

--card-width:340px;

--featured-width:760px;
</style>

/*<!--CARD LAYOUT-->
<style>*/
    /*=========================================================
LUXURY SAFARI SECTION
=========================================================*/

.luxury-safari-section{

    padding:var(--space-section) 0;

    background:var(--ms-bg);

    overflow:hidden;
    

}

.luxury-safari-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(340px,1fr));

    gap:36px;

    margin-top:60px;

    align-items:stretch;

}


/*=========================================================
LUXURY CARD
=========================================================*/

.luxury-card{

    position:relative;

    border-radius:var(--radius-lg);

    overflow:hidden;

    background:var(--ms-white);

    box-shadow:var(--shadow-small);

    transition:

        transform var(--transition-luxury)
        var(--ease-luxury),

        box-shadow var(--transition-luxury)
        var(--ease-luxury);

    isolation:isolate;

    height:100%;

}

.luxury-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-large);

}

.luxury-card a{

    display:flex;

    flex-direction:column;

    height:100%;

    color:inherit;

    text-decoration:none;

}
/*</style>

<!--IMAGE TREATMENT-->
<style>*/
    /*=========================================================
IMAGE AREA
=========================================================*/

.luxury-image{

    position:relative;

    overflow:hidden;

    aspect-ratio:4/3;

    background:#ddd;

}

.luxury-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform var(--transition-cinematic)
        var(--ease-luxury);

    will-change:transform;

}


/*=========================================================
IMAGE OVERLAY
=========================================================*/

.luxury-image-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    padding:20px;

    z-index:2;

}


/*=========================================================
GRADIENT LAYER
=========================================================*/

.luxury-overlay-gradient{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.58) 0%,
            rgba(0,0,0,.18) 38%,
            rgba(0,0,0,.05) 100%
        );

    opacity:.85;

    transition:
        opacity var(--transition-luxury)
        var(--ease-luxury);

    z-index:1;

}


/*=========================================================
OVERLAY CONTENT
=========================================================*/

.luxury-overlay-content{

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    height:100%;

    z-index:2;

}


/*=========================================================
TOP BAR
=========================================================*/

.luxury-image-top{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

}


/*=========================================================
BOTTOM BAR
=========================================================*/

.luxury-image-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:14px;

}


/*=========================================================
IMAGE HOVER
=========================================================*/

.luxury-card.is-hover .luxury-image img{

    transform:scale(var(--image-scale));

}

.luxury-card[data-tilt="true"] .luxury-image{

    transition:
        transform .25s linear;

}

.luxury-card:hover .luxury-overlay-gradient{

    opacity:1;

}
/*</style>

<!--3.4 — Tilt Engine-->
<style>*/
    /*=========================================================
TILT ENGINE
=========================================================*/

.luxury-card{

    perspective:1200px;

    transform-style:preserve-3d;

}

.luxury-image{

    transform-style:preserve-3d;

    transition:
        transform .45s var(--ease-luxury);

    will-change:transform;

}

.luxury-overlay-content{

    transform:
        translateZ(35px);

}

.luxury-badge,

.luxury-duration{

    transform:
        translateZ(45px);

}
/*</style>

<!--PART 2.3 — Typography-->
<style>*/
    /*=========================================================
CONTENT
=========================================================*/

.luxury-content{

    padding:28px 26px 22px;

}

.luxury-title{

    margin:0;

    font-family:var(--font-heading);

    font-size:var(--fs-card-title);

    font-weight:600;

    line-height:1.25;

    color:var(--ms-heading);

    transition:
        color var(--transition-luxury)
        var(--ease-luxury);

}

.luxury-description{

    margin:16px 0 0;

    font-family:var(--font-body);

    font-size:15px;

    font-weight:500;

    line-height:1.75;

    color:var(--ms-text);

}


/*=========================================================
IMAGE META
=========================================================*/

.luxury-rating{

    color:#FFD56A;

    font-size:14px;

    letter-spacing:2px;

    line-height:1;

}

.luxury-tour-type{

    color:rgba(255,255,255,.95);

    font-family:var(--font-body);

    font-size:12px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.08em;

}


/*=========================================================
IMAGE BADGE
=========================================================*/

.luxury-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:8px 14px;

    background:var(--ms-gold);

    color:#fff;

    border-radius:var(--radius-pill);

    font-family:var(--font-body);

    font-size:11px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}


/*=========================================================
DURATION
=========================================================*/

.luxury-duration{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:8px 14px;

    background:rgba(255,255,255,.18);

    backdrop-filter:blur(14px);

    -webkit-backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.28);

    color:#fff;

    border-radius:var(--radius-pill);

    font-family:var(--font-body);

    font-size:11px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

}


/*=========================================================
CARD HOVER
=========================================================*/

.luxury-card:hover .luxury-title{

    color:var(--ms-green);

}
/*</style>

<!--PART 2.4 — Badges, Destination Chips & Metadata Components-->
<style>*/
    /*=========================================================
DESTINATION CHIPS
=========================================================*/

.luxury-chips{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:22px;

}

.luxury-chip{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:8px 14px;

    background:var(--ms-surface-alt);

    border:1px solid var(--ms-border);

    border-radius:var(--radius-pill);

    color:var(--ms-green);

    font-family:var(--font-body);

    font-size:12px;

    font-weight:600;

    line-height:1;

    transition:
        background var(--transition-normal) var(--ease-luxury),
        color var(--transition-normal) var(--ease-luxury),
        border-color var(--transition-normal) var(--ease-luxury),
        transform var(--transition-normal) var(--ease-luxury);

}

.luxury-card:hover .luxury-chip{

    background:var(--ms-green);

    color:var(--ms-white);

    border-color:var(--ms-green);

    transform:translateY(-2px);

}


/*=========================================================
IMAGE META
=========================================================*/

.luxury-image-top,
.luxury-image-bottom{

    position:relative;

    z-index:2;

}


/*=========================================================
RATING
=========================================================*/

.luxury-rating{

    display:flex;

    align-items:center;

    gap:2px;

    text-shadow:
        0 2px 10px rgba(0,0,0,.35);

}


/*=========================================================
TOUR TYPE
=========================================================*/

.luxury-tour-type{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:7px 14px;

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    border-radius:var(--radius-pill);

}


/*=========================================================
BADGE VARIANTS
=========================================================*/

.luxury-badge--signature{

    background:#6C7A3B;

}

.luxury-badge--migration{

    background:#8A5A2B;

}

.luxury-badge--family{

    background:#607D3B;

}

.luxury-badge--honeymoon{

    background:#A56A3A;

}

.luxury-badge--new{

    background:#4F7C59;

}

.luxury-badge--popular{

    background:var(--ms-gold);

}


/*=========================================================
OPTIONAL META ROW
=========================================================*/

.luxury-meta{

    display:flex;

    align-items:center;

    gap:12px;

    margin-top:18px;

    color:var(--ms-text);

    font-family:var(--font-body);

    font-size:13px;

    font-weight:600;

}

.luxury-meta span{

    display:inline-flex;

    align-items:center;

    gap:6px;

}


/*=========================================================
MICRO INTERACTION
=========================================================*/

.luxury-card:hover .luxury-badge,

.luxury-card:hover .luxury-duration{

    transform:translateY(-2px);

}

.luxury-badge,
.luxury-duration{

    transition:
        transform var(--transition-normal) var(--ease-luxury),
        background var(--transition-normal) var(--ease-luxury);

}
/*</style>

<!--footer for CARD-->
<style>*/
    /*=========================================================
CARD FOOTER
=========================================================*/

.luxury-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    padding:0 26px 28px;

    margin-top:auto;

}


/*=========================================================
PRICE
=========================================================*/

.luxury-price{

    display:flex;

    flex-direction:column;

    line-height:1;

}

.price-label{

    margin-bottom:8px;

    font-family:var(--font-body);

    font-size:12px;

    font-weight:600;

    letter-spacing:.08em;

    text-transform:uppercase;

    color:#8A8A8A;

}

.price-value{

    font-family:var(--font-heading);

    font-size:30px;

    font-weight:700;

    color:var(--ms-heading);

    line-height:1;

}


/*=========================================================
CTA
=========================================================*/

.luxury-link{

    display:inline-flex;

    align-items:center;

    gap:10px;

    font-family:var(--font-body);

    font-size:14px;

    font-weight:700;

    color:var(--ms-green);

    transition:

        color var(--transition-normal)
        var(--ease-luxury);

}

.luxury-link span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    transition:

        transform var(--transition-normal)
        var(--ease-luxury);

}


/*=========================================================
DIVIDER
=========================================================*/

.luxury-footer{

    border-top:var(--border-light);

    padding-top:24px;

}


/*=========================================================
CARD HOVER
=========================================================*/

.luxury-card:hover .price-value{

    color:var(--ms-green);

    transition:

        color var(--transition-normal)
        var(--ease-luxury);

}

.luxury-card:hover .luxury-link{

    color:var(--ms-green-dark);

}

.luxury-card:hover .luxury-link span{

    transform:translateX(6px);

}


/*=========================================================
FOCUS
=========================================================*/

.luxury-card a:focus-visible .luxury-link{

    color:var(--ms-gold);

}

.luxury-card a:focus-visible .luxury-link span{

    transform:translateX(6px);

}
/*</style>

<!--PART 2.6 — Hover Layer Foundation-->
<style>*/
    /*=========================================================
HOVER PANEL
=========================================================*/

.luxury-hover{

    position:absolute;

    inset:0;

    display:flex;

    align-items:flex-end;

    padding:26px;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.08) 0%,
            rgba(0,0,0,.82) 100%
        );

    opacity:0;

    visibility:hidden;

    transition:
        opacity var(--transition-luxury) var(--ease-luxury),
        visibility var(--transition-luxury) var(--ease-luxury);

    z-index:15;

    pointer-events:none;

}

.luxury-hover-inner{

    width:100%;

    transform:translateY(35px);

    transition:
        transform var(--transition-luxury)
        var(--ease-luxury);

}

/*=========================================================
PERFECT FOR
=========================================================*/

.luxury-perfect{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

}

.luxury-pill{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:8px 16px;

    background:rgba(255,255,255,.14);

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,.22);

    border-radius:var(--radius-pill);

    color:#fff;

    font-family:var(--font-body);

    font-size:12px;

    font-weight:600;

}

/*=========================================================
DIVIDER
=========================================================*/

.luxury-hover-divider{

    width:70px;

    height:1px;

    margin:22px 0;

    background:
        rgba(255,255,255,.25);

}

/*=========================================================
HIGHLIGHTS
=========================================================*/

.luxury-highlights{

    margin:0;

    padding:0;

    list-style:none;

}

.luxury-highlights li{

    position:relative;

    padding-left:22px;

    margin-bottom:14px;

    color:#fff;

    font-family:var(--font-body);

    font-size:14px;

    font-weight:500;

    line-height:1.6;

}

.luxury-highlights li:last-child{

    margin-bottom:0;

}

.luxury-highlights li::before{

    content:"";

    position:absolute;

    left:0;

    top:9px;

    width:7px;

    height:7px;

    border-radius:50%;

    background:var(--ms-gold);

}

/*=========================================================
HOVER CTA
=========================================================*/

.luxury-hover-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-top:28px;

    padding:14px 26px;

    border-radius:var(--radius-pill);

    background:var(--ms-gold);

    color:#fff;

    font-family:var(--font-body);

    font-size:13px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

    transition:
        background var(--transition-normal)
        var(--ease-luxury),
        transform var(--transition-normal)
        var(--ease-luxury);

}

.luxury-hover-button:hover{

    background:var(--ms-gold-dark);

}


/*=========================================================
ACTIVATE PANEL: Hover Activation
=========================================================*/

.luxury-card:hover .luxury-hover,
.luxury-card.is-hover .luxury-hover{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

}

.luxury-card:hover,
.luxury-card.is-hover, .luxury-hover-inner{

    transform:translateY(0);

}




/*=========================================================
STACKING:Layering
=========================================================*/

.luxury-image{

    z-index:1;

}

.luxury-content{

    position:relative;

    z-index:2;

}

.luxury-footer{

    position:relative;

    z-index:2;

}

.luxury-hover{

    z-index:20;

}

/*...............................................*/
/*=========================================================
EDITORIAL HOVER TRANSITION
=========================================================*/

/* Existing content */

.luxury-content,
.luxury-footer{

    transition:
        opacity var(--transition-normal) var(--ease-luxury),
        transform var(--transition-normal) var(--ease-luxury);

}


/* Badge */

.luxury-badge{

    transition:
        transform var(--transition-normal) var(--ease-luxury),
        opacity var(--transition-normal) var(--ease-luxury),
        background var(--transition-normal) var(--ease-luxury);

}


/* Duration */

.luxury-duration{

    transition:
        transform var(--transition-normal) var(--ease-luxury),
        opacity var(--transition-normal) var(--ease-luxury);

}


/* Rating */

.luxury-rating{

    transition:
        transform var(--transition-normal) var(--ease-luxury),
        opacity var(--transition-normal) var(--ease-luxury);

}


/* Tour Type */

.luxury-tour-type{

    transition:
        transform var(--transition-normal) var(--ease-luxury),
        opacity var(--transition-normal) var(--ease-luxury);

}


/*=========================================================
HOVER STORY:Hover Sequence
=========================================================*/

.luxury-card:hover .luxury-content,
.luxury-card.is-hover .luxury-content{

    opacity:.15;

    transform:translateY(-10px);

}

.luxury-card:hover .luxury-footer,
.luxury-card.is-hover .luxury-footer{

    opacity:0;

    transform:translateY(16px);

}

.luxury-card:hover,
.luxury-card.is-hover, .luxury-badge{

    transform:translateY(-6px);

}

.luxury-card:hover,
.luxury-card.is-hover, .luxury-duration{

    transform:translateY(-6px);

}

.luxury-card:hover .luxury-rating{

    opacity:0;

    transform:translateY(8px);

}

.luxury-card:hover .luxury-tour-type{

    opacity:0;

    transform:translateY(8px);

}



/*=========================================================
ANIMATION DELAYS:Layer Timing

Let's stagger the animation slightly.
=========================================================*/

.luxury-hover{

    transition-delay:.08s;

}

.luxury-hover-inner{

    transition-delay:.12s;

}

.luxury-content{

    transition-delay:0s;

}

.luxury-footer{

    transition-delay:0s;

}


/*Overlay Refinement

Replace your current gradient with this richer one:*/

.luxury-overlay-gradient{

    background:

        linear-gradient(

            180deg,

            rgba(0,0,0,.03) 0%,

            rgba(0,0,0,.16) 35%,

            rgba(0,0,0,.72) 72%,

            rgba(0,0,0,.92) 100%

        );

}

/*=========================================================
STATE CLASSES
=========================================================*/

.luxury-card.is-hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-large);

}

/*/////////////////////////////////////////////////////////////////////*/
/*=========================================================
HOVER STATE BASE
=========================================================*/

.luxury-card.is-hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow-large);

}

.luxury-card.is-hover .luxury-image img{

    transform:scale(var(--image-scale));

}

.luxury-card.is-hover .luxury-overlay-gradient{

    opacity:1;

}

.luxury-card.is-hover .luxury-hover{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

}

.luxury-card.is-hover .luxury-hover-inner{

    transform:translateY(0);

}
/*</style>

<!--PART 2.7 — Responsive Refinement-->
<style>*/
    /*=========================================================
LARGE TABLETS
(1200px ↓)
=========================================================*/

@media (max-width:1200px){

    .luxury-safari-grid{

        grid-template-columns:
        repeat(2,minmax(320px,1fr));

        gap:30px;

    }

}

/*=========================================================
TABLETS
(991px ↓)
=========================================================*/

@media (max-width:991px){

    .luxury-safari-section{

        padding:80px 0;

    }

    .luxury-safari-grid{

        grid-template-columns:1fr 1fr;

        gap:24px;

        margin-top:50px;

    }

    .luxury-content{

        padding:24px;

    }

    .luxury-title{

        font-size:23px;

    }

    .price-value{

        font-size:28px;

    }

}

/*=========================================================
MOBILE
(767px ↓)
=========================================================*/

@media (max-width:767px){

    .luxury-safari-grid{

        grid-template-columns:1fr;

        gap:24px;

    }

    .luxury-card{

        max-width:560px;

        margin:auto;

    }

    .luxury-content{

        padding:22px;

    }

    .luxury-footer{

        padding:
        20px
        22px
        24px;

    }

    .luxury-title{

        font-size:22px;

    }

    .luxury-description{

        font-size:14px;

    }

    .price-value{

        font-size:27px;

    }

}



/*=========================================================
TOUCH DEVICES:Mobile Hover Strategy

Hover doesn't exist on phones.

Instead of hiding information...

we make it visible.
=========================================================*/

@media (hover:none){

    .luxury-hover{

        display:none;

    }

    .luxury-content,

    .luxury-footer{

        opacity:1 !important;

        transform:none !important;

    }

    .luxury-rating,

    .luxury-tour-type,

    .luxury-badge,

    .luxury-duration{

        opacity:1 !important;

        transform:none !important;

    }

}


/*=========================================================
REDUCED MOTION
=========================================================*/

@media (prefers-reduced-motion:reduce){

    .luxury-card,

    .luxury-card *{

        transition:none !important;

        animation:none !important;

        transform:none !important;

        scroll-behavior:auto !important;

    }

}

/*=========================================================
IMAGE OPTIMIZATION
=========================================================*/

.luxury-image img{

    aspect-ratio:4/3;

    object-fit:cover;

}


/*=========================================================
TOUCH TARGETS: Better Touch Targets
=========================================================*/

.luxury-link,

.luxury-hover-button,

.luxury-chip{

    min-height:44px;

}

/*=========================================================
TEXT SELECTION
=========================================================*/

.luxury-card{

    -webkit-tap-highlight-color:transparent;

    user-select:none;

}

.luxury-card p{

    user-select:text;

}
/*Reduced Motion*/
@media (prefers-reduced-motion:reduce){

    .luxury-card{

        opacity:1;

        transform:none;

        transition:none;

    }

}
/*</style>

<!--3.3 — Reveal Engine-->
<style>*/
    /*=========================================================
REVEAL ENGINE: Piece 1 — CSS States
=========================================================*/

.luxury-card{

    opacity:1;

    transform:translateY(70px);

    transition:
        opacity .9s var(--ease-luxury),
        transform .9s var(--ease-luxury),
        box-shadow var(--transition-luxury) var(--ease-luxury);

    will-change:
        transform,
        opacity;

}

.luxury-card.is-visible{

    opacity:1;

    transform:translateY(0);

}


/*=========================================================
REVEAL ENGINE: Piece 1 — CSS States
=========================================================*/
/*</style>*/