/*=================================
GUEST STORIES
=================================*/

.guest-stories .section-body{

    display:flex;
    flex-direction:column;

    align-items:center;

}


/*=================================
EDITORIAL INTRO
=================================*/

.guest-stories__intro{

    margin-block:clamp(2rem,4vw,3.5rem);

    text-align:center;

}


.guest-stories__quote{

    margin:0;

    font-family:var(--font-heading);

    font-size:clamp(1.5rem,2vw,2.1rem);

    line-height:1.45;

    font-style:italic;

    color:var(--ms-green);

    opacity:.92;

    letter-spacing:.02em;

}


/*=================================
REVIEWS WRAPPER
=================================*/

.guest-stories__reviews{

    width:100%;

    margin-block:1rem 3rem;

}


/*=================================
CLOSING
=================================*/

.guest-stories__closing{

    margin-top:1rem;

    text-align:center;

}


.guest-stories__closing p{

    margin:0;

    font-size:1rem;

    color:var(--ms-text-muted);

    letter-spacing:.04em;

    font-style:italic;

}



/*=================================
TRUSTINDEX
=================================*/

.guest-stories__reviews iframe{

    border:none;

}


/* outer widget */

.guest-stories__reviews .ti-widget{

    background:transparent !important;

}


/* review cards */

.guest-stories__reviews .ti-review-item{

    border-radius:22px !important;

    background:var(--ms-white) !important;

    box-shadow:none !important;

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}


/* hover */

.guest-stories__reviews .ti-review-item:hover{

    transform:translateY(-4px);

    box-shadow:0 20px 45px rgba(0,0,0,.06) !important;

}


/* review text */

.guest-stories__reviews .ti-review-content{

    color:var(--ms-text) !important;

    line-height:1.8 !important;

}


/* reviewer */

.guest-stories__reviews .ti-name{

    color:var(--ms-green) !important;

    font-weight:600;

}


/* date */

.guest-stories__reviews .ti-date{

    opacity:.65;

}


/* read more */

.guest-stories__reviews a{

    transition:color .3s ease;

}


.guest-stories__reviews a:hover{

    color:var(--ms-orange) !important;

}







/*One Final Luxury Touch

This is something I think will make the section feel even more like a premium travel journal.

Instead of simply displaying:

Every safari ends. The memories don't.

Let's treat it like an editorial pull quote.

Add two subtle decorative quotation marks with CSS—no extra HTML needed:*/

.guest-stories__quote{

    position:relative;

    display:inline-block;

    padding-inline:2rem;

}

.guest-stories__quote::before,
.guest-stories__quote::after{

    position:absolute;

    font-family:Georgia, serif;

    font-size:4rem;

    line-height:1;

    color:rgba(177,87,39,.12);

}

.guest-stories__quote::before{

    content:"“";

    top:-1rem;

    left:0;

}

.guest-stories__quote::after{

    content:"”";

    right:0;

    bottom:-2rem;

}








/*Tablet*/
@media (max-width:1024px){

    .guest-stories__intro{

        margin-block:2rem;

    }

}
/*Mobile*/
@media (max-width:768px){

    .guest-stories__quote{

        font-size:1.45rem;

    }

    .guest-stories__reviews{

        margin-block:2rem;

    }

    .guest-stories__closing{

        margin-top:2rem;

    }

}












































