/* main review swiper container
========================================================================================================================================================================================================
========================================================================================================================================================================================================
======================================================================================================================================================================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.reviews-swiper,.free-slider-swiper) {overflow: visible;}










/* swiper wrapper
======================================================================================================================================================================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.reviews-swiper,.free-slider-swiper) .swiper-wrapper
{
    /* flex rules */
    display: flex; align-items: stretch;

    /* standard rules */
    z-index: 1;
    height: auto; overflow: visible;
}





/* review swiper settings
==================================================================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.reviews-swiper) .swiper-wrapper
{
    /* variables */
    --swiper-slide-border-radius: 1em;
}





/* free slider swiper settings
==================================================================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-wrapper
{
    /* variables */
    --swiper-slide-border-radius: var(--free-slider-border-radius);
}










/* swiper slides
======================================================================================================================================================================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.reviews-swiper,.free-slider-swiper) .swiper-wrapper .swiper-slide
{
    /* flex rules */
    align-self: stretch;

    /* standard rules */
    float: none; height: auto; padding: 0 0 7.5em 0;
    border-radius: var(--swiper-slide-border-radius);
}





/* review swiper slide settings
==================================================================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.reviews-swiper) .swiper-wrapper .swiper-slide
{
    background: var(--reviews-default-review-background-color);
    box-shadow: var(--reviews-default-review-box-shadow);
}





/* free slider swiper slide settings
==================================================================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-wrapper .swiper-slide
{
    /* padding variables */
    --padding-lg: 3em;
    --padding-md: 2em;
    --padding-sm: 1em;
    --padding-no: 0;

    /* standard rules */
    min-height: var(--free-slider-slide-min-height);
    color: var(--free-slider-text-color);
    background: var(--free-slider-background-color);
    box-shadow: var(--free-slider-box-shadow);
}

/* default specific/inherited padding */
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-wrapper:is([data-slide-padding="large"]) .swiper-slide,
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-wrapper:is([data-slide-padding="large"]) .swiper-slide[data-padding="inherit"] {padding: var(--padding-lg);}
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-wrapper:is([data-slide-padding="medium"]) .swiper-slide,
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-wrapper:is([data-slide-padding="medium"]) .swiper-slide[data-padding="inherit"] {padding: var(--padding-md);}
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-wrapper:is([data-slide-padding="small"]) .swiper-slide,
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-wrapper:is([data-slide-padding="small"]) .swiper-slide[data-padding="inherit"] {padding: var(--padding-sm);}
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-wrapper:is([data-slide-padding="none"]) .swiper-slide,
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-wrapper:is([data-slide-padding="none"]) .swiper-slide[data-padding="inherit"] {padding: var(--padding-no);}

/* specific slide padding */
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-wrapper:is([data-slide-padding="large"],[data-slide-padding="medium"],[data-slide-padding="small"],[data-slide-padding="none"]) .swiper-slide[data-padding="large"] {padding: var(--padding-lg);}
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-wrapper:is([data-slide-padding="large"],[data-slide-padding="medium"],[data-slide-padding="small"],[data-slide-padding="none"]) .swiper-slide[data-padding="medium"] {padding: var(--padding-md);}
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-wrapper:is([data-slide-padding="large"],[data-slide-padding="medium"],[data-slide-padding="small"],[data-slide-padding="none"]) .swiper-slide[data-padding="small"] {padding: var(--padding-sm);}
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-wrapper:is([data-slide-padding="large"],[data-slide-padding="medium"],[data-slide-padding="small"],[data-slide-padding="none"]) .swiper-slide[data-padding="none"] {padding: var(--padding-no);}










/* review slide title
======================================================================================================================================================================================================== */

/* main container */
html > body .swiper-content-wrapper .reviews-swiper .swiper-wrapper .swiper-slide .review-title
{
    padding: 0.75em 1.5em;
    background: var(--reviews-default-title-background-color);
    border-radius: var(--swiper-slide-border-radius) var(--swiper-slide-border-radius) 0 0;
    will-change: auto;
    transition: color 0.5s ease 0s;
}

/* alternate text colors */
html > body .swiper-content-wrapper .reviews-swiper .swiper-wrapper > :nth-of-type(odd):is(.swiper-slide) .review-title {color: var(--reviews-default-title-color);}
html > body .swiper-content-wrapper .reviews-swiper .swiper-wrapper > :nth-of-type(even):is(.swiper-slide) .review-title {color: var(--reviews-default-title-alt-color);}

/* mobile settings */
@media only screen and (max-width: 480px)
{
    html > body .swiper-content-wrapper .reviews-swiper .swiper-wrapper .swiper-slide .review-title {padding: 0.5em 1em;}
}





/* review slide heading tag
==================================================================================================== */

/* main container */
html > body .swiper-content-wrapper .reviews-swiper .swiper-wrapper .swiper-slide .review-title :is(h1,h2,h3,h4,h5)
{
    margin: 0; padding: 0;
    text-transform: uppercase;
    font-weight: 600; font-size: 1.6em; line-height: 1.5em;
    color: inherit;
}

/* mobile settings */
@media only screen and (max-width: 480px)
{
    html > body .swiper-content-wrapper .reviews-swiper .swiper-wrapper .swiper-slide .review-title :is(h1,h2,h3,h4,h5) {font-size: 1.4em;}
}










/* review slide content
======================================================================================================================================================================================================== */

/* main container */
html > body .swiper-content-wrapper .reviews-swiper .swiper-wrapper .swiper-slide .review-text
{
    padding: 1em 1.5em;
    color: var(--reviews-default-review-text-color);
}

/* mobile settings */
@media only screen and (max-width: 480px)
{
    html > body .swiper-content-wrapper .reviews-swiper .swiper-wrapper .swiper-slide .review-text {padding: 1em;}
}










/* review slide customer name
======================================================================================================================================================================================================== */

/* main container */
html > body .swiper-content-wrapper .reviews-swiper .swiper-wrapper .swiper-slide .review-name
{
    position: absolute; bottom: 0; left: 0; padding: 0.75em 1.5em 0.75em 8em;
    color: var(--reviews-default-name-text-color);
    background: var(--reviews-default-name-background-color);
    border-radius: 0 0 var(--swiper-slide-border-radius) var(--swiper-slide-border-radius);
}

/* mobile settings */
@media only screen and (max-width: 480px)
{
    html > body .swiper-content-wrapper .reviews-swiper .swiper-wrapper .swiper-slide .review-name {padding: 0.5em 1em 0.5em 0em;}
}





/* heading tag
==================================================================================================== */

/* main container */
html > body .swiper-content-wrapper .reviews-swiper .swiper-wrapper .swiper-slide .review-name :is(h1,h2,h3,h4,h5,h6)
{
    margin: 0; padding: 0;
    text-align: right;
    font-weight: 500; font-size: 1.4em; line-height: 1.5em;
    color: var(--reviews-default-name-text-color);
}

/* mobile settings */
@media only screen and (max-width: 480px)
{
    html > body .swiper-content-wrapper .reviews-swiper .swiper-wrapper .swiper-slide .review-name :is(h1,h2,h3,h4,h5,h6) {font-size: 1.2em;}
}










/* review slide user icon
======================================================================================================================================================================================================== */

/* main container */
html > body .swiper-content-wrapper .reviews-swiper .swiper-wrapper .swiper-slide .review-name .review-icon
{
    transform: translate3d(0,-50%,0);
    position: absolute; top: 0; left: 1.5em; width: 5em; height: 5em;
    background: var(--reviews-default-user-background-color);
    border-radius: 5em;
    box-shadow: 0 0.5em 1em 0 rgba(0,0,0,0.1);
}

/* mobile settings */
@media only screen and (max-width: 480px)
{
    html > body .swiper-content-wrapper .reviews-swiper .swiper-wrapper .swiper-slide .review-name .review-icon {left: 1em; width: 4em; height: 4em;}
}

/* svg image */
html > body .swiper-content-wrapper .reviews-swiper .swiper-wrapper .swiper-slide .review-name .review-icon::before
{
    z-index: 1;
    transform: scale(1.02);
    top: 0; left: 0; display: block; float: left;
    background-image: var(--review-item-icon-image); background-repeat: no-repeat; background-position: bottom center; background-size: 75%;
    border-radius: inherit;
}










/* nav arrows
======================================================================================================================================================================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.reviews-swiper,.free-slider-swiper) .swiper-nav-button
{
    transform: translate3d(0,0,0);
    position: absolute; bottom: 1.75em; width: auto; height: auto;
    border-radius: 50%;
    will-change: auto;
    transition: color 0.2s ease 0s, background 0.2s ease 0s;
}

/* hover */
html > body .swiper-content-wrapper :is(.reviews-swiper,.free-slider-swiper) .swiper-nav-button:hover {cursor: pointer;}





/* review swiper settings
==================================================================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.reviews-swiper) .swiper-nav-button
{
    color: var(--reviews-default-nav-arrow-text-color);
    background: var(--reviews-default-nav-arrow-background-color);
    box-shadow: var(--reviews-default-review-box-shadow);
}

/* hover */
html > body .swiper-content-wrapper :is(.reviews-swiper) .swiper-nav-button:hover
{
    color: var(--reviews-default-nav-arrow-hover-text-color);
    background: var(--reviews-default-nav-arrow-hover-background-color);
}





/* free slider swiper settings
==================================================================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-nav-button
{
    color: var(--free-slider-nav-arrow-text-color);
    background: var(--free-slider-nav-arrow-background-color);
    box-shadow: var(--free-slider-box-shadow);
}

/* hover */
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-nav-button:hover
{
    color: var(--free-slider-nav-arrow-hover-text-color);
    background: var(--free-slider-nav-arrow-hover-background-color);
}





/* arrow icon
================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.reviews-swiper,.free-slider-swiper) .swiper-nav-button::before
{
    z-index: 1;
    position: relative; display: block; float: left; width: 2em; height: 2em;
    text-align: center;
    font-family: var(--fa7); font-weight: 700; font-size: 2em; line-height: 2em;
    border-radius: inherit;
}





/* previous
================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.reviews-swiper,.free-slider-swiper) .swiper-nav-button.prev
{
    z-index: 4;
    left: 0;
}
html > body .swiper-content-wrapper :is(.reviews-swiper,.free-slider-swiper) .swiper-nav-button.prev::before {content: "\f053";}





/* next
================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.reviews-swiper,.free-slider-swiper) .swiper-nav-button.next
{
    z-index: 5;
    right: 0;
}
html > body .swiper-content-wrapper :is(.reviews-swiper,.free-slider-swiper) .swiper-nav-button.next::before {content: "\f054";}










/* fraction number
======================================================================================================================================================================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.reviews-swiper,.free-slider-swiper) .swiper-pagination
{
    z-index: 3;
    position: relative; top: auto; right: auto; bottom: auto; left: auto; display: block; float: left; margin: 4em 0 3em 0; padding: 0;
    font-size: inherit; line-height: 1em;
    color: inherit;
}

/* current number */
html > body .swiper-content-wrapper :is(.reviews-swiper,.free-slider-swiper) .swiper-pagination .swiper-pagination-current {font-weight: 600; font-size: 1.4em;}

/* total number */
html > body .swiper-content-wrapper :is(.reviews-swiper,.free-slider-swiper) .swiper-pagination .swiper-pagination-total {opacity: 0.65;}










/* progress/scroll bar
======================================================================================================================================================================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.reviews-swiper,.free-slider-swiper) .swiper-scrollbar
{
    z-index: 2;
    position: absolute; top: auto; right: auto; bottom: 0; left: auto; display: block; float: left; margin: 0; padding: 0;
}





/* review swiper settings
==================================================================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.reviews-swiper) .swiper-scrollbar {background: var(--reviews-default-progress-bar-background-color);}

/* scrolling bar */
html > body .swiper-content-wrapper :is(.reviews-swiper) .swiper-scrollbar .swiper-scrollbar-drag {background: var(--reviews-default-progress-bar-color);}





/* free slider swiper settings
==================================================================================================== */

/* main container */
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-scrollbar {background: var(--free-slider-progress-bar-background-color);}

/* scrolling bar */
html > body .swiper-content-wrapper :is(.free-slider-swiper) .swiper-scrollbar .swiper-scrollbar-drag {background: var(--free-slider-progress-bar-color);}