@charset 'UTF-8';
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video
{
    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
}

html
{
        -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

img,
fieldset,
a img
{
    border: none;
}

input[type=text],
input[type=email],
input[type=tel],
textarea
{
    -webkit-appearance: none;
}

input[type=submit],
button
{
    cursor: pointer;

    background: none;
}
input[type=submit]::-moz-focus-inner,
button::-moz-focus-inner
{
    padding: 0;

    border: 0;
}

textarea
{
    overflow: auto;
}

input
{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

input,
button
{
    margin: 0;
    padding: 0;

    border: 0;
}

div,
input,
textarea,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
a:focus
{
    outline: none;
}

select:-moz-focusring
{
    color: transparent;
    text-shadow: 0 0 0 #000;
}

ul,
ol
{
    list-style-type: none;
}

table
{
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;
}

html
{
    box-sizing: border-box;
}

*,
*:before,
*:after
{
    box-sizing: inherit;
}

a
{
    text-decoration: none;
}

a,
button
{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel
{
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;

    display: none;

    width: 100%;

    -webkit-tap-highlight-color: transparent;
}

.owl-carousel .owl-stage
{
    position: relative;

    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after
{
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

.owl-carousel .owl-stage-outer
{
    position: relative;

    overflow: hidden;
    /* fix for flashing background */

    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
}

.owl-carousel .owl-item
{
    position: relative;

    float: left;

    min-height: 1px;

    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img
{
    display: block;

    width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled
{
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot
{
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot
{
    font: inherit;

    padding: 0 !important;

    color: inherit;
    border: none;
    background: none;
}

.owl-carousel.owl-loaded
{
    display: block;
}

.owl-carousel.owl-loading
{
    display: block;

    opacity: 0;
}

.owl-carousel.owl-hidden
{
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item
{
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item
{
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    touch-action: pan-y;
}

.owl-carousel.owl-grab
{
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl
{
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item
{
    float: right;
}

/* No Js */
.no-js .owl-carousel
{
    display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated
{
    animation-duration: 1000ms;

    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in
{
    z-index: 0;
}

.owl-carousel .owl-animated-out
{
    z-index: 1;
}

.owl-carousel .fadeOut
{
    animation-name: fadeOut;
}

@keyframes fadeOut
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height
{
    transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item
{
    /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}

.owl-carousel .owl-item .owl-lazy
{
    transition: opacity 400ms ease;

    opacity: 0;
}

.owl-carousel .owl-item .owl-lazy[src^=''],
.owl-carousel .owl-item .owl-lazy:not([src])
{
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy
{
    transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper
{
    position: relative;

    height: 100%;

    background: #000;
}

.owl-carousel .owl-video-play-icon
{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;

    cursor: pointer;
    transition: transform 100ms ease;

    background: url('owl.video.play.png') no-repeat;

    -webkit-backface-visibility: hidden;
}

.owl-carousel .owl-video-play-icon:hover
{
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon
{
    display: none;
}

.owl-carousel .owl-video-tn
{
    height: 100%;

    transition: opacity 400ms ease;

    opacity: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.owl-carousel .owl-video-frame
{
    position: relative;
    z-index: 1;

    width: 100%;
    height: 100%;
}

/* Magnific Popup CSS */
.mfp-bg
{
    position: fixed;
    z-index: 1042;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    opacity: .8;
    background: #0b0b0b;
}

.mfp-wrap
{
    position: fixed;
    z-index: 1043;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    outline: none !important;

    -webkit-backface-visibility: hidden;
}

.mfp-container
{
    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 8px;

    text-align: center;
}

.mfp-container:before
{
    display: inline-block;

    height: 100%;

    content: '';
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before
{
    display: none;
}

.mfp-content
{
    position: relative;
    z-index: 1045;

    display: inline-block;

    margin: 0 auto;

    text-align: left;
    vertical-align: middle;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content
{
    width: 100%;

    cursor: auto;
}

.mfp-ajax-cur
{
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close
{
    cursor: zoom-out;
}

.mfp-zoom
{
    cursor: pointer;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content
{
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter
{
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.mfp-loading.mfp-figure
{
    display: none;
}

.mfp-hide
{
    display: none !important;
}

.mfp-preloader
{
    position: absolute;
    z-index: 1044;
    top: 50%;
    right: 8px;
    left: 8px;

    width: auto;
    margin-top: -.8em;

    text-align: center;

    color: #ccc;
}

.mfp-preloader a
{
    color: #ccc;
}

.mfp-preloader a:hover
{
    color: #fff;
}

.mfp-s-ready .mfp-preloader
{
    display: none;
}

.mfp-s-error .mfp-content
{
    display: none;
}

button.mfp-close,
button.mfp-arrow
{
    z-index: 1046;

    display: block;
    overflow: visible;

    padding: 0;

    cursor: pointer;

    border: 0;
    outline: none;
    background: transparent;
    box-shadow: none;

    -webkit-appearance: none;
    touch-action: manipulation;
}

button::-moz-focus-inner
{
    padding: 0;

    border: 0;
}

.mfp-close
{
    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-style: normal;
    line-height: 44px;

    position: absolute;
    top: 0;
    right: 0;

    width: 44px;
    height: 44px;
    padding: 0 0 18px 10px;

    text-align: center;
    text-decoration: none;

    opacity: .65;
    color: #fff;
}

.mfp-close:hover,
.mfp-close:focus
{
    opacity: 1;
}

.mfp-close:active
{
    top: 1px;
}

.mfp-close-btn-in .mfp-close
{
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close
{
    right: -6px;

    width: 100%;
    padding-right: 6px;

    text-align: right;

    color: #fff;
}

.mfp-counter
{
    font-size: 12px;
    line-height: 18px;

    position: absolute;
    top: 0;
    right: 0;

    white-space: nowrap;

    color: #ccc;
}

.mfp-arrow
{
    position: absolute;
    top: 50%;

    width: 90px;
    height: 110px;
    margin: 0;
    margin-top: -55px;
    padding: 0;

    opacity: .65;

    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active
{
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus
{
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 0;
    height: 0;
    margin-top: 35px;
    margin-left: 35px;

    content: '';

    border: medium inset transparent;
}

.mfp-arrow:after
{
    top: 8px;

    border-top-width: 13px;
    border-bottom-width: 13px;
}

.mfp-arrow:before
{
    opacity: .7;
    border-top-width: 21px;
    border-bottom-width: 21px;
}

.mfp-arrow-left
{
    left: 0;
}

.mfp-arrow-left:after
{
    margin-left: 31px;

    border-right: 17px solid #fff;
}

.mfp-arrow-left:before
{
    margin-left: 25px;

    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right
{
    right: 0;
}

.mfp-arrow-right:after
{
    margin-left: 39px;

    border-left: 17px solid #fff;
}

.mfp-arrow-right:before
{
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder
{
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content
{
    line-height: 0;

    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close
{
    top: -40px;
}

.mfp-iframe-scaler
{
    overflow: hidden;

    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    background: #000;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

/* Main image in popup */
img.mfp-img
{
    line-height: 0;

    display: block;

    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 40px 0 40px;
}

/* The shadow behind the image */
.mfp-figure
{
    line-height: 0;
}

.mfp-figure:after
{
    position: absolute;
    z-index: -1;
    top: 40px;
    right: 0;
    bottom: 40px;
    left: 0;

    display: block;

    width: auto;
    height: auto;

    content: '';

    background: #444;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

.mfp-figure small
{
    font-size: 12px;
    line-height: 14px;

    display: block;

    color: #bdbdbd;
}

.mfp-figure figure
{
    margin: 0;
}

.mfp-bottom-bar
{
    position: absolute;
    top: 100%;
    left: 0;

    width: 100%;
    margin-top: -36px;

    cursor: auto;
}

.mfp-title
{
    line-height: 18px;

    padding-right: 36px;

    text-align: left;
    word-wrap: break-word;

    color: #f3f3f3;
}

.mfp-image-holder .mfp-content
{
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure
{
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px)
{
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder
    {
        padding-right: 0;
        padding-left: 0;
    }
    .mfp-img-mobile img.mfp-img
    {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after
    {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small
    {
        display: inline;

        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar
    {
        position: fixed;
        top: auto;
        bottom: 0;

        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;

        background: rgba(0, 0, 0, .6);
    }
    .mfp-img-mobile .mfp-bottom-bar:empty
    {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter
    {
        top: 3px;
        right: 5px;
    }
    .mfp-img-mobile .mfp-close
    {
        line-height: 35px;

        position: fixed;
        top: 0;
        right: 0;

        width: 35px;
        height: 35px;
        padding: 0;

        text-align: center;

        background: rgba(0, 0, 0, .6);
    }
}
@media all and (max-width: 900px)
{
    .mfp-arrow
    {
        transform: scale(.75);
    }
    .mfp-arrow-left
    {
        transform-origin: 0;
    }
    .mfp-arrow-right
    {
        transform-origin: 100%;
    }
    .mfp-container
    {
        padding-right: 6px;
        padding-left: 6px;
    }
}
[data-aos][data-aos][data-aos-duration='50'],
body[data-aos-duration='50'] [data-aos]
{
    transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay='50'],
body[data-aos-delay='50'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='50'].aos-animate,
body[data-aos-delay='50'] [data-aos].aos-animate
{
    transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration='100'],
body[data-aos-duration='100'] [data-aos]
{
    transition-duration: .1s;
}

[data-aos][data-aos][data-aos-delay='100'],
body[data-aos-delay='100'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='100'].aos-animate,
body[data-aos-delay='100'] [data-aos].aos-animate
{
    transition-delay: .1s;
}

[data-aos][data-aos][data-aos-duration='150'],
body[data-aos-duration='150'] [data-aos]
{
    transition-duration: .15s;
}

[data-aos][data-aos][data-aos-delay='150'],
body[data-aos-delay='150'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='150'].aos-animate,
body[data-aos-delay='150'] [data-aos].aos-animate
{
    transition-delay: .15s;
}

[data-aos][data-aos][data-aos-duration='200'],
body[data-aos-duration='200'] [data-aos]
{
    transition-duration: .2s;
}

[data-aos][data-aos][data-aos-delay='200'],
body[data-aos-delay='200'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='200'].aos-animate,
body[data-aos-delay='200'] [data-aos].aos-animate
{
    transition-delay: .2s;
}

[data-aos][data-aos][data-aos-duration='250'],
body[data-aos-duration='250'] [data-aos]
{
    transition-duration: .25s;
}

[data-aos][data-aos][data-aos-delay='250'],
body[data-aos-delay='250'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='250'].aos-animate,
body[data-aos-delay='250'] [data-aos].aos-animate
{
    transition-delay: .25s;
}

[data-aos][data-aos][data-aos-duration='300'],
body[data-aos-duration='300'] [data-aos]
{
    transition-duration: .3s;
}

[data-aos][data-aos][data-aos-delay='300'],
body[data-aos-delay='300'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='300'].aos-animate,
body[data-aos-delay='300'] [data-aos].aos-animate
{
    transition-delay: .3s;
}

[data-aos][data-aos][data-aos-duration='350'],
body[data-aos-duration='350'] [data-aos]
{
    transition-duration: .35s;
}

[data-aos][data-aos][data-aos-delay='350'],
body[data-aos-delay='350'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='350'].aos-animate,
body[data-aos-delay='350'] [data-aos].aos-animate
{
    transition-delay: .35s;
}

[data-aos][data-aos][data-aos-duration='400'],
body[data-aos-duration='400'] [data-aos]
{
    transition-duration: .4s;
}

[data-aos][data-aos][data-aos-delay='400'],
body[data-aos-delay='400'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='400'].aos-animate,
body[data-aos-delay='400'] [data-aos].aos-animate
{
    transition-delay: .4s;
}

[data-aos][data-aos][data-aos-duration='450'],
body[data-aos-duration='450'] [data-aos]
{
    transition-duration: .45s;
}

[data-aos][data-aos][data-aos-delay='450'],
body[data-aos-delay='450'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='450'].aos-animate,
body[data-aos-delay='450'] [data-aos].aos-animate
{
    transition-delay: .45s;
}

[data-aos][data-aos][data-aos-duration='500'],
body[data-aos-duration='500'] [data-aos]
{
    transition-duration: .5s;
}

[data-aos][data-aos][data-aos-delay='500'],
body[data-aos-delay='500'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='500'].aos-animate,
body[data-aos-delay='500'] [data-aos].aos-animate
{
    transition-delay: .5s;
}

[data-aos][data-aos][data-aos-duration='550'],
body[data-aos-duration='550'] [data-aos]
{
    transition-duration: .55s;
}

[data-aos][data-aos][data-aos-delay='550'],
body[data-aos-delay='550'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='550'].aos-animate,
body[data-aos-delay='550'] [data-aos].aos-animate
{
    transition-delay: .55s;
}

[data-aos][data-aos][data-aos-duration='600'],
body[data-aos-duration='600'] [data-aos]
{
    transition-duration: .6s;
}

[data-aos][data-aos][data-aos-delay='600'],
body[data-aos-delay='600'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='600'].aos-animate,
body[data-aos-delay='600'] [data-aos].aos-animate
{
    transition-delay: .6s;
}

[data-aos][data-aos][data-aos-duration='650'],
body[data-aos-duration='650'] [data-aos]
{
    transition-duration: .65s;
}

[data-aos][data-aos][data-aos-delay='650'],
body[data-aos-delay='650'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='650'].aos-animate,
body[data-aos-delay='650'] [data-aos].aos-animate
{
    transition-delay: .65s;
}

[data-aos][data-aos][data-aos-duration='700'],
body[data-aos-duration='700'] [data-aos]
{
    transition-duration: .7s;
}

[data-aos][data-aos][data-aos-delay='700'],
body[data-aos-delay='700'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='700'].aos-animate,
body[data-aos-delay='700'] [data-aos].aos-animate
{
    transition-delay: .7s;
}

[data-aos][data-aos][data-aos-duration='750'],
body[data-aos-duration='750'] [data-aos]
{
    transition-duration: .75s;
}

[data-aos][data-aos][data-aos-delay='750'],
body[data-aos-delay='750'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='750'].aos-animate,
body[data-aos-delay='750'] [data-aos].aos-animate
{
    transition-delay: .75s;
}

[data-aos][data-aos][data-aos-duration='800'],
body[data-aos-duration='800'] [data-aos]
{
    transition-duration: .8s;
}

[data-aos][data-aos][data-aos-delay='800'],
body[data-aos-delay='800'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='800'].aos-animate,
body[data-aos-delay='800'] [data-aos].aos-animate
{
    transition-delay: .8s;
}

[data-aos][data-aos][data-aos-duration='850'],
body[data-aos-duration='850'] [data-aos]
{
    transition-duration: .85s;
}

[data-aos][data-aos][data-aos-delay='850'],
body[data-aos-delay='850'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='850'].aos-animate,
body[data-aos-delay='850'] [data-aos].aos-animate
{
    transition-delay: .85s;
}

[data-aos][data-aos][data-aos-duration='900'],
body[data-aos-duration='900'] [data-aos]
{
    transition-duration: .9s;
}

[data-aos][data-aos][data-aos-delay='900'],
body[data-aos-delay='900'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='900'].aos-animate,
body[data-aos-delay='900'] [data-aos].aos-animate
{
    transition-delay: .9s;
}

[data-aos][data-aos][data-aos-duration='950'],
body[data-aos-duration='950'] [data-aos]
{
    transition-duration: .95s;
}

[data-aos][data-aos][data-aos-delay='950'],
body[data-aos-delay='950'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='950'].aos-animate,
body[data-aos-delay='950'] [data-aos].aos-animate
{
    transition-delay: .95s;
}

[data-aos][data-aos][data-aos-duration='1000'],
body[data-aos-duration='1000'] [data-aos]
{
    transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay='1000'],
body[data-aos-delay='1000'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1000'].aos-animate,
body[data-aos-delay='1000'] [data-aos].aos-animate
{
    transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration='1050'],
body[data-aos-duration='1050'] [data-aos]
{
    transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay='1050'],
body[data-aos-delay='1050'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1050'].aos-animate,
body[data-aos-delay='1050'] [data-aos].aos-animate
{
    transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration='1100'],
body[data-aos-duration='1100'] [data-aos]
{
    transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay='1100'],
body[data-aos-delay='1100'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1100'].aos-animate,
body[data-aos-delay='1100'] [data-aos].aos-animate
{
    transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration='1150'],
body[data-aos-duration='1150'] [data-aos]
{
    transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay='1150'],
body[data-aos-delay='1150'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1150'].aos-animate,
body[data-aos-delay='1150'] [data-aos].aos-animate
{
    transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration='1200'],
body[data-aos-duration='1200'] [data-aos]
{
    transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay='1200'],
body[data-aos-delay='1200'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1200'].aos-animate,
body[data-aos-delay='1200'] [data-aos].aos-animate
{
    transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration='1250'],
body[data-aos-duration='1250'] [data-aos]
{
    transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay='1250'],
body[data-aos-delay='1250'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1250'].aos-animate,
body[data-aos-delay='1250'] [data-aos].aos-animate
{
    transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration='1300'],
body[data-aos-duration='1300'] [data-aos]
{
    transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay='1300'],
body[data-aos-delay='1300'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1300'].aos-animate,
body[data-aos-delay='1300'] [data-aos].aos-animate
{
    transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration='1350'],
body[data-aos-duration='1350'] [data-aos]
{
    transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay='1350'],
body[data-aos-delay='1350'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1350'].aos-animate,
body[data-aos-delay='1350'] [data-aos].aos-animate
{
    transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration='1400'],
body[data-aos-duration='1400'] [data-aos]
{
    transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay='1400'],
body[data-aos-delay='1400'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1400'].aos-animate,
body[data-aos-delay='1400'] [data-aos].aos-animate
{
    transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration='1450'],
body[data-aos-duration='1450'] [data-aos]
{
    transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay='1450'],
body[data-aos-delay='1450'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1450'].aos-animate,
body[data-aos-delay='1450'] [data-aos].aos-animate
{
    transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration='1500'],
body[data-aos-duration='1500'] [data-aos]
{
    transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay='1500'],
body[data-aos-delay='1500'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1500'].aos-animate,
body[data-aos-delay='1500'] [data-aos].aos-animate
{
    transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration='1550'],
body[data-aos-duration='1550'] [data-aos]
{
    transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay='1550'],
body[data-aos-delay='1550'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1550'].aos-animate,
body[data-aos-delay='1550'] [data-aos].aos-animate
{
    transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration='1600'],
body[data-aos-duration='1600'] [data-aos]
{
    transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay='1600'],
body[data-aos-delay='1600'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1600'].aos-animate,
body[data-aos-delay='1600'] [data-aos].aos-animate
{
    transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration='1650'],
body[data-aos-duration='1650'] [data-aos]
{
    transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay='1650'],
body[data-aos-delay='1650'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1650'].aos-animate,
body[data-aos-delay='1650'] [data-aos].aos-animate
{
    transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration='1700'],
body[data-aos-duration='1700'] [data-aos]
{
    transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay='1700'],
body[data-aos-delay='1700'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1700'].aos-animate,
body[data-aos-delay='1700'] [data-aos].aos-animate
{
    transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration='1750'],
body[data-aos-duration='1750'] [data-aos]
{
    transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay='1750'],
body[data-aos-delay='1750'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1750'].aos-animate,
body[data-aos-delay='1750'] [data-aos].aos-animate
{
    transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration='1800'],
body[data-aos-duration='1800'] [data-aos]
{
    transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay='1800'],
body[data-aos-delay='1800'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1800'].aos-animate,
body[data-aos-delay='1800'] [data-aos].aos-animate
{
    transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration='1850'],
body[data-aos-duration='1850'] [data-aos]
{
    transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay='1850'],
body[data-aos-delay='1850'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1850'].aos-animate,
body[data-aos-delay='1850'] [data-aos].aos-animate
{
    transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration='1900'],
body[data-aos-duration='1900'] [data-aos]
{
    transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay='1900'],
body[data-aos-delay='1900'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1900'].aos-animate,
body[data-aos-delay='1900'] [data-aos].aos-animate
{
    transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration='1950'],
body[data-aos-duration='1950'] [data-aos]
{
    transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay='1950'],
body[data-aos-delay='1950'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1950'].aos-animate,
body[data-aos-delay='1950'] [data-aos].aos-animate
{
    transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration='2000'],
body[data-aos-duration='2000'] [data-aos]
{
    transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay='2000'],
body[data-aos-delay='2000'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2000'].aos-animate,
body[data-aos-delay='2000'] [data-aos].aos-animate
{
    transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration='2050'],
body[data-aos-duration='2050'] [data-aos]
{
    transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay='2050'],
body[data-aos-delay='2050'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2050'].aos-animate,
body[data-aos-delay='2050'] [data-aos].aos-animate
{
    transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration='2100'],
body[data-aos-duration='2100'] [data-aos]
{
    transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay='2100'],
body[data-aos-delay='2100'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2100'].aos-animate,
body[data-aos-delay='2100'] [data-aos].aos-animate
{
    transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration='2150'],
body[data-aos-duration='2150'] [data-aos]
{
    transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay='2150'],
body[data-aos-delay='2150'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2150'].aos-animate,
body[data-aos-delay='2150'] [data-aos].aos-animate
{
    transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration='2200'],
body[data-aos-duration='2200'] [data-aos]
{
    transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay='2200'],
body[data-aos-delay='2200'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2200'].aos-animate,
body[data-aos-delay='2200'] [data-aos].aos-animate
{
    transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration='2250'],
body[data-aos-duration='2250'] [data-aos]
{
    transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay='2250'],
body[data-aos-delay='2250'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2250'].aos-animate,
body[data-aos-delay='2250'] [data-aos].aos-animate
{
    transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration='2300'],
body[data-aos-duration='2300'] [data-aos]
{
    transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay='2300'],
body[data-aos-delay='2300'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2300'].aos-animate,
body[data-aos-delay='2300'] [data-aos].aos-animate
{
    transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration='2350'],
body[data-aos-duration='2350'] [data-aos]
{
    transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay='2350'],
body[data-aos-delay='2350'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2350'].aos-animate,
body[data-aos-delay='2350'] [data-aos].aos-animate
{
    transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration='2400'],
body[data-aos-duration='2400'] [data-aos]
{
    transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay='2400'],
body[data-aos-delay='2400'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2400'].aos-animate,
body[data-aos-delay='2400'] [data-aos].aos-animate
{
    transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration='2450'],
body[data-aos-duration='2450'] [data-aos]
{
    transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay='2450'],
body[data-aos-delay='2450'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2450'].aos-animate,
body[data-aos-delay='2450'] [data-aos].aos-animate
{
    transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration='2500'],
body[data-aos-duration='2500'] [data-aos]
{
    transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay='2500'],
body[data-aos-delay='2500'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2500'].aos-animate,
body[data-aos-delay='2500'] [data-aos].aos-animate
{
    transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration='2550'],
body[data-aos-duration='2550'] [data-aos]
{
    transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay='2550'],
body[data-aos-delay='2550'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2550'].aos-animate,
body[data-aos-delay='2550'] [data-aos].aos-animate
{
    transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration='2600'],
body[data-aos-duration='2600'] [data-aos]
{
    transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay='2600'],
body[data-aos-delay='2600'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2600'].aos-animate,
body[data-aos-delay='2600'] [data-aos].aos-animate
{
    transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration='2650'],
body[data-aos-duration='2650'] [data-aos]
{
    transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay='2650'],
body[data-aos-delay='2650'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2650'].aos-animate,
body[data-aos-delay='2650'] [data-aos].aos-animate
{
    transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration='2700'],
body[data-aos-duration='2700'] [data-aos]
{
    transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay='2700'],
body[data-aos-delay='2700'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2700'].aos-animate,
body[data-aos-delay='2700'] [data-aos].aos-animate
{
    transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration='2750'],
body[data-aos-duration='2750'] [data-aos]
{
    transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay='2750'],
body[data-aos-delay='2750'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2750'].aos-animate,
body[data-aos-delay='2750'] [data-aos].aos-animate
{
    transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration='2800'],
body[data-aos-duration='2800'] [data-aos]
{
    transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay='2800'],
body[data-aos-delay='2800'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2800'].aos-animate,
body[data-aos-delay='2800'] [data-aos].aos-animate
{
    transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration='2850'],
body[data-aos-duration='2850'] [data-aos]
{
    transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay='2850'],
body[data-aos-delay='2850'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2850'].aos-animate,
body[data-aos-delay='2850'] [data-aos].aos-animate
{
    transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration='2900'],
body[data-aos-duration='2900'] [data-aos]
{
    transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay='2900'],
body[data-aos-delay='2900'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2900'].aos-animate,
body[data-aos-delay='2900'] [data-aos].aos-animate
{
    transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration='2950'],
body[data-aos-duration='2950'] [data-aos]
{
    transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay='2950'],
body[data-aos-delay='2950'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2950'].aos-animate,
body[data-aos-delay='2950'] [data-aos].aos-animate
{
    transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration='3000'],
body[data-aos-duration='3000'] [data-aos]
{
    transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay='3000'],
body[data-aos-delay='3000'] [data-aos]
{
    transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='3000'].aos-animate,
body[data-aos-delay='3000'] [data-aos].aos-animate
{
    transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos]
{
    transition-timing-function: cubic-bezier(.25, .25, .75, .75);
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos]
{
    transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos]
{
    transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos]
{
    transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos]
{
    transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos]
{
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos]
{
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos]
{
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos]
{
    transition-timing-function: cubic-bezier(.47, 0, .745, .715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos]
{
    transition-timing-function: cubic-bezier(.39, .575, .565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos]
{
    transition-timing-function: cubic-bezier(.445, .05, .55, .95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos]
{
    transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos]
{
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos]
{
    transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos]
{
    transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos]
{
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos]
{
    transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos]
{
    transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos]
{
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos]
{
    transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}

[data-aos^=fade][data-aos^=fade]
{
    transition-property: opacity, transform;

    opacity: 0;
}

[data-aos^=fade][data-aos^=fade].aos-animate
{
    transform: translateZ(0);

    opacity: 1;
}

[data-aos=fade-up]
{
    transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down]
{
    transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right]
{
    transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left]
{
    transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right]
{
    transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left]
{
    transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right]
{
    transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left]
{
    transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom]
{
    transition-property: opacity, transform;

    opacity: 0;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate
{
    transform: translateZ(0) scale(1);

    opacity: 1;
}

[data-aos=zoom-in]
{
    transform: scale(.6);
}

[data-aos=zoom-in-up]
{
    transform: translate3d(0, 100px, 0) scale(.6);
}

[data-aos=zoom-in-down]
{
    transform: translate3d(0, -100px, 0) scale(.6);
}

[data-aos=zoom-in-right]
{
    transform: translate3d(-100px, 0, 0) scale(.6);
}

[data-aos=zoom-in-left]
{
    transform: translate3d(100px, 0, 0) scale(.6);
}

[data-aos=zoom-out]
{
    transform: scale(1.2);
}

[data-aos=zoom-out-up]
{
    transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down]
{
    transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right]
{
    transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left]
{
    transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide]
{
    transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate
{
    transform: translateZ(0);
}

[data-aos=slide-up]
{
    transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down]
{
    transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right]
{
    transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left]
{
    transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip]
{
    transition-property: transform;

    backface-visibility: hidden;
}

[data-aos=flip-left]
{
    transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate
{
    transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right]
{
    transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate
{
    transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up]
{
    transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate
{
    transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down]
{
    transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate
{
    transform: perspective(2500px) rotateX(0);
}

@font-face
{
    font-family: 'IRANSansX';
    font-weight: 100 1000;
    font-style: normal;

    src: url('../fonts/IRANSansXV.woff2') format('woff2-variations'), url('../fonts/IRANSansXV.woff') format('woff-variations');
    font-display: swap;
}
html
{
    direction: rtl;
    scroll-behavior: smooth;
}

body
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;

    min-width: 320px;

    text-align: start;

    color: #1c211f;
    background: #fbfaf7;

    font-variation-settings: 'DOTS' 7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.no-scroll
{
    overflow: hidden;
}
body.dark
{
    color: #fff;
    background: #0d2f26;
}

button,
input,
textarea,
select
{
    font-family: 'IRANSansX', Tahoma, sans-serif;

    font-variation-settings: 'DOTS' 7;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible
{
    outline: 3px solid rgba(255, 110, 48, .55);
    outline-offset: 3px;
}

img
{
    vertical-align: middle;
}

.page
{
    overflow: hidden;
}

.center
{
    max-width: 1248px;
    margin: 0 auto;
    padding: 0 64px;
}
@media only screen and (max-width: 1023px)
{
    .center
    {
        padding: 0 32px;
    }
}
@media only screen and (max-width: 767px)
{
    .center
    {
        padding: 0 20px;
    }
}

[data-aos=animation-scale-left-top]
{
    transition-property: transform, opacity;
    transform: translate(-70px, 40px) scaleY(1.3);

    opacity: 0;
}
[data-aos=animation-scale-left-top].aos-animate
{
    transform: translate(0) scaleY(1);

    opacity: 1;
}

[data-aos=animation-scale-top]
{
    transition-property: transform, opacity;
    transform: translateY(20px) scaleY(1.2);

    opacity: 0;
}
[data-aos=animation-scale-top].aos-animate
{
    transform: translate(0) scaleY(1);

    opacity: 1;
}

[data-aos=animation-translate-up]
{
    transition-property: transform, opacity;
    transform: translateY(30px);

    opacity: 0;
}
[data-aos=animation-translate-up].aos-animate
{
    transform: translate(0);

    opacity: 1;
}

[data-aos=animation-translate-down]
{
    transition-property: transform, opacity;
    transform: translateY(-30px);

    opacity: 0;
}
[data-aos=animation-translate-down].aos-animate
{
    transform: translate(0);

    opacity: 1;
}

@keyframes up-down
{
    50%
    {
        transform: translateY(-30px);
    }
}
.btn
{
    font-size: 16px;
    font-weight: 700;

    display: inline-flex;

    min-width: 124px;
    height: 56px;
    padding: 0 24px;

    transition: all .2s;

    border-radius: 16px;

    justify-content: center;
    align-items: center;
}
.btn .icon
{
    transition: fill .2s;
}
.btn .icon-play
{
    width: 8px;
    height: 12px;
}
.btn .icon:not(:last-child)
{
    margin-right: 11px;
}
.btn_orange
{
    color: #fff;
    background: #016630;
}
.btn_orange:hover
{
    background: rgb(.1979821055%, 20.1941747573%, 9.5031410623%);
}
.btn_transparent
{
    color: #59635f;
    background: transparent;
}
@media only screen and (max-width: 767px)
{
    .btn_transparent
    {
        color: #272e35;
        box-shadow: inset 0 0 0 2px #272e35;
    }
}
.btn_transparent:hover
{
    color: #1c211f;
}
@media only screen and (max-width: 767px)
{
    .btn_transparent:hover
    {
        color: #fff;
        background: #272e35;
    }
}
.btn_border
{
    color: #1c211f;
    box-shadow: inset 0 0 0 2px rgba(28, 33, 31, .75);
}
.btn_border:hover
{
    color: #fff;
    background: #1c211f;
    box-shadow: none;
}
.btn_border:hover .icon
{
    fill: #fff;
}
.btn_dark
{
    color: #59635f;
    background: #35414b;
}
.btn_dark:hover
{
    color: #fff;
}

@media only screen and (max-width: 767px)
{
    body.dark .btn_transparent
    {
        color: rgba(255, 255, 255, .75);
        box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .75);
    }
}
body.dark .btn_transparent:hover
{
    color: #fff;
}
@media only screen and (max-width: 767px)
{
    body.dark .btn_transparent:hover
    {
        color: #1c211f;
        background: rgba(255, 255, 255, .75);
    }
}
body.dark .btn_border
{
    color: rgba(255, 255, 255, .75);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .75);
}
body.dark .btn_border .icon
{
    fill: rgba(255, 255, 255, .75);
}
body.dark .btn_border:hover
{
    color: #1c211f;
    background: rgba(255, 255, 255, .75);
    box-shadow: none;
}
body.dark .btn_border:hover .icon
{
    fill: #1c211f;
}

.header
{
    padding: 50px 0;
}
@media only screen and (max-width: 1179px)
{
    .header
    {
        padding: 44px 0;
    }
}
@media only screen and (max-width: 767px)
{
    .header
    {
        padding: 48px 0 40px;
    }
}
.header__center
{
    display: flex;

    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .header__center
    {
        padding: 0 32px;
    }
}
.header__logo
{
    flex-shrink: 0;
}
@media only screen and (max-width: 1179px)
{
    .header__logo
    {
        position: relative;
        z-index: 12;
    }
}
.header__pic
{
    width: 138px;
}
@media only screen and (max-width: 767px)
{
    .header__pic
    {
        width: 115px;
    }
}
.header__pic_light
{
    display: none;
}
.header__wrapper
{
    display: flex;

    padding-left: 55px;

    align-items: center;
    flex-grow: 1;
}
@media only screen and (max-width: 1179px)
{
    .header__wrapper
    {
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        left: 0;

        visibility: hidden;
        overflow: hidden;
        flex-direction: column;

        height: 100vh;
        padding: 174px 64px 64px;

        transition: all .2s;

        opacity: 0;
        background: #fbfaf7;

        align-items: flex-start;
    }
    .header__wrapper.visible
    {
        visibility: visible;

        opacity: 1;
    }
}
@media only screen and (max-width: 1023px)
{
    .header__wrapper
    {
        padding: 174px 32px 64px;
    }
}
@media only screen and (max-width: 767px)
{
    .header__wrapper
    {
        padding: 128px 32px 40px;
    }
}
.header__preview
{
    position: absolute;
    top: 50%;
    right: calc(50% - 803px);

    display: none;

    transform: translateY(-51.5%);
    pointer-events: none;
}
@media only screen and (max-width: 1179px)
{
    .header__preview
    {
        display: block;
    }
}
@media only screen and (max-width: 767px)
{
    .header__preview
    {
        display: none;
    }
}
@media only screen and (max-width: 474px)
{
    .header__preview
    {
        top: auto;
        right: -300px;
        bottom: 100px;

        display: block;

        width: 650px;

        transform: translateY(0);
    }
    .header__preview img
    {
        width: 100%;
    }
}
.header__nav
{
    display: flex;

    margin-right: auto;

    align-items: center;
}
@media only screen and (max-width: 1179px)
{
    .header__nav
    {
        flex-direction: column;

        margin-bottom: auto;

        align-items: flex-start;
    }
}
@media only screen and (max-width: 767px)
{
    .header__nav
    {
        position: relative;
        z-index: 3;

        flex-direction: row;

        margin: -16px 0 auto -24px;

        flex-wrap: wrap;
    }
}
@media only screen and (max-width: 474px)
{
    .header__nav
    {
        flex-direction: column;

        margin: 0 0 auto;
    }
}
.header__link
{
    font-weight: 600;

    transition: color .2s;

    color: #59635f;
}
@media only screen and (max-width: 1179px)
{
    .header__link
    {
        font-family: 'IRANSansX', Tahoma, sans-serif;
        font-size: 32px;
        line-height: 1.25;
    }
}
@media only screen and (max-width: 1023px)
{
    .header__link
    {
        color: rgba(28, 33, 31, .7);
    }
}
@media only screen and (max-width: 767px)
{
    .header__link
    {
        font-size: 24px;

        margin: 16px 0 0 24px;

        color: #1c211f;
    }
}
@media only screen and (max-width: 474px)
{
    .header__link
    {
        margin: 0;
    }
}
.header__link:hover
{
    color: #1c211f;
}
.header__link.active
{
    color: #016630;
}
@media only screen and (max-width: 1023px)
{
    .header__link.active
    {
        color: #016630;
    }
}
@media only screen and (max-width: 767px)
{
    .header__link.active
    {
        color: #016630;
    }
}
.header__link:not(:last-child)
{
    margin-right: 48px;
}
@media only screen and (max-width: 1179px)
{
    .header__link:not(:last-child)
    {
        margin: 0 0 32px;
    }
}
@media only screen and (max-width: 767px)
{
    .header__link:not(:last-child)
    {
        margin: 16px 0 0 24px;
    }
}
@media only screen and (max-width: 474px)
{
    .header__link:not(:last-child)
    {
        margin: 0 0 24px;
    }
}
.header__btns
{
    display: flex;
}
@media only screen and (max-width: 767px)
{
    .header__btns
    {
        position: relative;
        z-index: 3;

        flex-direction: row-reverse;

        width: calc(100% + 16px);
        margin: 0 -8px;
    }
}
.header__btn
{
    min-width: auto;
}
@media only screen and (max-width: 767px)
{
    .header__btn
    {
        min-width: calc(50% - 12px);
        margin: 0 6px;

        flex: 0 0 calc(50% - 12px);
    }
}
.header__btn:not(:last-child)
{
    margin-right: 8px;
}
@media only screen and (max-width: 767px)
{
    .header__btn:not(:last-child)
    {
        margin-right: 6px;
    }
}
.header__burger
{
    position: relative;
    z-index: 12;

    display: none;

    width: 32px;
    height: 32px;
    margin-left: auto;

    transition: background .3s;
    text-align: center;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 1179px)
{
    .header__burger
    {
        display: inline-block;
    }
}
.header__burger:before,
.header__burger:after
{
    display: block;

    width: 32px;
    height: 2px;

    transition: transform .2s, width .2s, background .2s;

    background: #1c211f;
}
.header__burger:before,
.header__burger:after
{
    margin: 8px auto;

    content: '';
}
.header__burger.active:before
{
    transform: translateY(5.5px) rotate(45deg);
}
.header__burger.active:after
{
    transform: translateY(-5.5px) rotate(-45deg);
}
.header:not(:last-child)
{
    margin-bottom: 20px;
}
@media only screen and (max-width: 1179px)
{
    .header:not(:last-child)
    {
        margin-bottom: 12px;
    }
}
@media only screen and (max-width: 767px)
{
    .header:not(:last-child)
    {
        margin: 0;
    }
}

body.dark .header__pic_dark
{
    display: none;
}
body.dark .header__pic_light
{
    display: inline-block;
}
@media only screen and (max-width: 1023px)
{
    body.dark .header__link
    {
        color: rgba(255, 255, 255, .7);
    }
}
@media only screen and (max-width: 767px)
{
    body.dark .header__link
    {
        color: #fff;
    }
}
body.dark .header__link:hover
{
    color: #fff;
}
body.dark .header__link.active
{
    color: #016630;
}
@media only screen and (max-width: 1023px)
{
    body.dark .header__link.active
    {
        color: #016630;
    }
}
@media only screen and (max-width: 767px)
{
    body.dark .header__link.active
    {
        color: #016630;
    }
}
body.dark .header__burger:before,
body.dark .header__burger:after
{
    background: #fff;
}
@media only screen and (max-width: 1179px)
{
    body.dark .header__wrapper
    {
        background: #0d2f26;
    }
}

.main
{
    position: relative;

    padding-top: 117px;
}
@media only screen and (max-width: 1179px)
{
    .main
    {
        padding-top: 45px;
    }
}
@media only screen and (max-width: 767px)
{
    .main
    {
        padding: 0;

        text-align: center;
    }
}
.main__wrap
{
    max-width: 545px;
    margin-bottom: 138px;
}
@media only screen and (max-width: 1179px)
{
    .main__wrap
    {
        max-width: 360px;
        margin-bottom: 155px;
    }
}
@media only screen and (max-width: 1023px)
{
    .main__wrap
    {
        margin-bottom: 100px;
    }
}
@media only screen and (max-width: 767px)
{
    .main__wrap
    {
        max-width: 100%;
        margin-bottom: 50px;
    }
}
.main__title
{
    margin-bottom: 23px;
}
@media only screen and (max-width: 767px)
{
    .main__title
    {
        margin-bottom: 20px;
    }
}
.main__title span
{
    display: block;
}
.main__text
{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;

    margin-bottom: 41px;

    color: #59635f;
}
@media only screen and (max-width: 1179px)
{
    .main__text
    {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.2;

        max-width: 260px;
    }
}
@media only screen and (max-width: 767px)
{
    .main__text
    {
        line-height: 1.5;

        margin: 0 auto 32px;
    }
}
.main__btns
{
    display: flex;

    margin-right: -100px;
}
@media only screen and (max-width: 767px)
{
    .main__btns
    {
        flex-direction: column;

        margin: 0;

        align-items: center;
    }
}
.main__btn:not(:last-child)
{
    margin-right: 24px;
}
@media only screen and (max-width: 767px)
{
    .main__btn:not(:last-child)
    {
        margin: 0 0 24px;
    }
}
.main__bg
{
    position: absolute;
    top: -26px;
    right: calc(50% - 987px);

    pointer-events: none;
}
@media only screen and (max-width: 1179px)
{
    .main__bg
    {
        top: -10px;
        right: calc(50% - 785px);

        width: 880px;
    }
}
@media only screen and (max-width: 1023px)
{
    .main__bg
    {
        right: calc(50% - 650px);

        width: 700px;
    }
}
@media only screen and (max-width: 767px)
{
    .main__bg
    {
        position: relative;
        top: auto;
        right: auto;

        width: auto;
        margin: 0 -100px 0 0;
    }
    .main__bg img
    {
        max-width: 500px;
    }
}
@media only screen and (max-width: 474px)
{
    .main__bg
    {
        margin: 0 -160px 0 -100px;
    }
}
.main__bg[data-aos] .main__preview
{
    transition: all 1s;
}
.main__bg[data-aos] .main__preview:nth-child(3)
{
    transition-delay: .5s;
    transform: translate(25%, -25%);

    opacity: 0;
}
.main__bg[data-aos].aos-animate .main__preview:nth-child(3)
{
    transform: translate(0);

    opacity: 1;
}
.main__preview:nth-child(2)
{
    top: 13.5%;
    right: 27%;

    width: 52%;
}
@media only screen and (max-width: 767px)
{
    .main__preview:nth-child(2)
    {
        top: 12%;
        right: 30%;

        width: 45%;
    }
}
.main__preview:nth-child(3)
{
    top: 15%;
    left: -.5%;

    width: 38.5%;
}
@media only screen and (max-width: 1179px)
{
    .main__preview:nth-child(3)
    {
        top: 11%;
        left: 2%;
    }
}
@media only screen and (max-width: 767px)
{
    .main__preview:nth-child(3)
    {
        top: 7%;
        left: 8%;
    }
}
.main__preview img
{
    width: 100%;
}
.main__preview:not(:first-child)
{
    position: absolute;
}
.main__info
{
    margin-bottom: 24px;

    text-align: center;

    color: #59635f;
}
@media only screen and (max-width: 767px)
{
    .main__info
    {
        display: none;
    }
}
.main__list
{
    display: flex;

    margin: 0 -16px;
}
@media only screen and (max-width: 1023px)
{
    .main__list
    {
        margin: 0 -8px;
    }
}
@media only screen and (max-width: 767px)
{
    .main__list
    {
        display: none;
    }
}
.main__logo
{
    margin: 0 16px;

    flex-grow: 1;
}
@media only screen and (max-width: 1023px)
{
    .main__logo
    {
        margin: 0 8px;
    }
}
@media only screen and (max-width: 1179px)
{
    .main__logo:first-child
    {
        display: none;
    }
}
.main__logo img
{
    max-width: 100%;
}
.main:not(:last-child)
{
    margin-bottom: 200px;
}
@media only screen and (max-width: 1179px)
{
    .main:not(:last-child)
    {
        margin-bottom: 140px;
    }
}
@media only screen and (max-width: 1023px)
{
    .main:not(:last-child)
    {
        margin-bottom: 112px;
    }
}
@media only screen and (max-width: 767px)
{
    .main:not(:last-child)
    {
        margin-bottom: 48px;
    }
}

@media only screen and (max-width: 1179px)
{
    .quality__center
    {
        padding: 0 32px;
    }
}
@media only screen and (max-width: 767px)
{
    .quality__center
    {
        padding: 0 12px;
    }
}
.quality__body
{
    position: relative;

    display: flex;

    min-height: 600px;

    justify-content: flex-end;
    align-items: center;
}
@media only screen and (max-width: 1023px)
{
    .quality__body
    {
        min-height: 450px;
    }
}
@media only screen and (max-width: 767px)
{
    .quality__body
    {
        min-height: auto;
        padding: 48px 20px 330px;

        text-align: center;
    }
}
.quality__bg
{
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    border-radius: 24px;
    background: #1c211f;
}
.quality__bg:before,
.quality__bg:after
{
    position: absolute;

    content: '';

    border-radius: 50%;
    background: linear-gradient(135.15deg, #ae80dc 1.17%, #dc83c3 31.88%, #8084dc 65.46%);
}
.quality__bg:before
{
    top: -280px;
    left: -280px;

    width: 560px;
    height: 560px;

    opacity: .6;

    filter: blur(278.261px);
}
@media only screen and (max-width: 1179px)
{
    .quality__bg:before
    {
        left: -360px;
    }
}
.quality__bg:after
{
    right: -194px;
    bottom: -181px;

    width: 390px;
    height: 390px;

    opacity: .6;

    filter: blur(160px);
}
@media only screen and (max-width: 1179px)
{
    .quality__bg:after
    {
        right: -274px;
        bottom: -181px;
    }
}
@media only screen and (max-width: 767px)
{
    .quality__bg:after
    {
        display: none;
    }
}
.quality__gallery
{
    position: absolute;
    z-index: 3;
    top: 62%;
    left: calc(50% - 570px);

    transform: translateY(-50%);
}
@media only screen and (max-width: 1179px)
{
    .quality__gallery
    {
        top: 59%;
        left: calc(50% - 485px);

        width: 700px;
    }
}
@media only screen and (max-width: 1023px)
{
    .quality__gallery
    {
        top: 63%;
        left: calc(50% - 420px);

        width: 550px;
    }
}
@media only screen and (max-width: 767px)
{
    .quality__gallery
    {
        top: auto;
        bottom: -110px;
        left: 50%;

        width: 500px;

        transform: translateX(-40%);
    }
}
.quality__preview:nth-child(2)
{
    top: -43.5%;
    left: 25%;

    width: 31%;
}
.quality__preview:nth-child(3)
{
    top: -8%;
    left: 1.5%;

    width: 35%;
}
.quality__preview:nth-child(3).aos-animate
{
    animation: up-down 4s 1.2s infinite;
}
.quality__preview:nth-child(4)
{
    top: -24%;
    right: 20%;

    width: 42%;
}
.quality__preview:nth-child(4).aos-animate
{
    animation: up-down 4s 1.8s infinite;
}
.quality__preview:nth-child(5)
{
    top: 32%;
    left: -8.5%;

    width: 26%;
}
@media only screen and (max-width: 1179px)
{
    .quality__preview:nth-child(5)
    {
        display: none;
    }
}
.quality__preview img
{
    width: 100%;
}
.quality__preview:not(:first-child)
{
    position: absolute;
}
.quality__wrap
{
    position: relative;
    z-index: 3;

    max-width: 455px;
    padding-right: 110px;
}
@media only screen and (max-width: 1179px)
{
    .quality__wrap
    {
        max-width: 390px;
        padding-right: 45px;
    }
}
@media only screen and (max-width: 1023px)
{
    .quality__wrap
    {
        max-width: 340px;
        padding-right: 40px;
    }
}
@media only screen and (max-width: 767px)
{
    .quality__wrap
    {
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
    }
}
.quality__title
{
    margin-bottom: 24px;

    color: #fff;
}
@media only screen and (max-width: 767px)
{
    .quality__title
    {
        margin-bottom: 16px;
    }
}
.quality__text
{
    margin-bottom: 24px;

    color: #3d4743;
}
.quality__btn
{
    color: #fff;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .75);
}
.quality__btn:hover
{
    color: #1c211f;
    background: #fff;
}
.quality__bottom
{
    display: flex;

    margin: -21px 8px 0;
    padding: 0 50px;

    border-radius: 0 0 24px 24px;
    background: linear-gradient(90.33deg, #fea989 .02%, #99b4db 98.92%);
}
@media only screen and (max-width: 1179px)
{
    .quality__bottom
    {
        padding: 0;
    }
}
@media only screen and (max-width: 767px)
{
    .quality__bottom
    {
        display: block;

        margin: -21px 0 0;
        padding: 120px 56px 0;
    }
}
.quality__item
{
    display: flex;
    flex-direction: column;

    width: 33.333%;
    padding: 80px 30px 60px;

    text-align: center;

    justify-content: center;
    align-items: center;
    flex: 0 0 33.333%;
}
@media only screen and (max-width: 1023px)
{
    .quality__item
    {
        padding: 64px 24px 50px;
    }
}
@media only screen and (max-width: 767px)
{
    .quality__item
    {
        width: 100%;
        padding: 24px 0 50px;
    }
}
.quality__item:nth-child(2)
{
    border-width: 0 2px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .15);
}
@media only screen and (max-width: 767px)
{
    .quality__item:nth-child(2)
    {
        border-width: 2px 0;
    }
}
.quality__counter
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 72px;
    font-weight: 600;
    line-height: 1.1111111111;

    position: relative;

    margin-bottom: 16px;
}
@media only screen and (max-width: 1023px)
{
    .quality__counter
    {
        font-size: 64px;
        line-height: 1.125;
    }
}
@media only screen and (max-width: 767px)
{
    .quality__counter
    {
        font-size: 56px;
        line-height: 1.1428571429;
    }
}
.quality__sign
{
    font-size: 32px;
    line-height: 1;
}
@media only screen and (max-width: 1023px)
{
    .quality__sign
    {
        font-size: 26px;
    }
}
.quality__sign_up
{
    position: relative;
    top: -34px;
}
@media only screen and (max-width: 1023px)
{
    .quality__sign_up
    {
        top: -30px;
    }
}
@media only screen and (max-width: 767px)
{
    .quality__sign_up
    {
        top: -26px;
    }
}
.quality__category
{
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;

    padding: 0 10px;

    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 12px rgba(0, 0, 0, .15);
}
.quality:not(:last-child)
{
    margin-bottom: 136px;
}
@media only screen and (max-width: 1179px)
{
    .quality:not(:last-child)
    {
        margin-bottom: 112px;
    }
}
@media only screen and (max-width: 767px)
{
    .quality:not(:last-child)
    {
        margin-bottom: 48px;
    }
}

body.dark .quality__bottom
{
    color: #1c211f;
}

.steps
{
    text-align: center;
}
.steps .stage
{
    margin-bottom: 16px;
}
.steps__title
{
    margin-bottom: 48px;
}
@media only screen and (max-width: 767px)
{
    .steps__title
    {
        margin-bottom: 32px;
    }
}
.steps__list
{
    display: flex;
}
@media only screen and (max-width: 767px)
{
    .steps__list
    {
        display: block;

        max-width: 240px;
        margin: 0 auto;
    }
}
.steps__item
{
    width: 25%;
    padding: 46px 24px;

    flex: 0 0 25%;
}
@media only screen and (max-width: 1023px)
{
    .steps__item
    {
        padding: 32px 8px;
    }
}
@media only screen and (max-width: 767px)
{
    .steps__item
    {
        width: 100%;
        padding: 0;
    }
}
.steps__item:not(:last-child)
{
    position: relative;
}
@media only screen and (max-width: 767px)
{
    .steps__item:not(:last-child)
    {
        margin-bottom: 24px;
        padding-bottom: 24px;
    }
}
.steps__item:not(:last-child):before
{
    position: absolute;
    top: 0;
    right: -2px;
    bottom: 0;

    width: 4px;

    content: '';

    background: rgba(228, 236, 232, .15);
}
@media only screen and (max-width: 1023px)
{
    .steps__item:not(:last-child):before
    {
        right: -1px;

        width: 2px;
    }
}
@media only screen and (max-width: 767px)
{
    .steps__item:not(:last-child):before
    {
        top: auto;
        right: 0;
        bottom: -2px;
        left: 0;

        width: 100%;
        height: 4px;
    }
}
.steps__icon
{
    font-size: 0;

    display: flex;

    height: 64px;
    margin-bottom: 16px;

    justify-content: center;
    align-items: center;
}
.steps__number
{
    font-size: 12px;
    font-weight: 900;
    line-height: 28px;

    display: inline-block;

    margin-bottom: 16px;
    padding: 0 10px;

    color: rgba(255, 255, 255, .75);
    border-radius: 14px;
    background: #e4ece8;
}
.steps:not(:last-child)
{
    margin-bottom: 140px;
}
@media only screen and (max-width: 1179px)
{
    .steps:not(:last-child)
    {
        margin-bottom: 112px;
    }
}
@media only screen and (max-width: 767px)
{
    .steps:not(:last-child)
    {
        margin-bottom: 48px;
    }
}

body.dark .steps__icon path
{
    fill: #fff;
}

.advantages
{
    margin-top: -78px;
}
@media only screen and (max-width: 767px)
{
    .advantages
    {
        margin: 0;
    }
}
.advantages__head
{
    margin-bottom: 112px;

    text-align: center;
}
@media only screen and (max-width: 1179px)
{
    .advantages__head
    {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 1023px)
{
    .advantages__head
    {
        margin-bottom: 64px;
    }
}
@media only screen and (max-width: 767px)
{
    .advantages__head
    {
        margin-bottom: 48px;
    }
}
.advantages__photo
{
    margin-bottom: 35px;
    padding-right: 3px;
}
@media only screen and (max-width: 767px)
{
    .advantages__photo
    {
        margin: 0 -36px 24px;
    }
}
.advantages__photo img
{
    display: inline-block;

    max-width: 100%;
}
.advantages .stage
{
    margin-bottom: 16px;
}
.advantages__title
{
    max-width: 550px;
    margin: 0 auto;
}
.advantages__item
{
    display: flex;

    align-items: center;
}
@media only screen and (max-width: 1023px)
{
    .advantages__item
    {
        display: block;
    }
}
.advantages__item:nth-child(3)
{
    align-items: flex-start;
}
.advantages__item:not(:last-child)
{
    margin-bottom: 112px;
}
@media only screen and (max-width: 1179px)
{
    .advantages__item:not(:last-child)
    {
        margin-bottom: 72px;
    }
}
@media only screen and (max-width: 1023px)
{
    .advantages__item:not(:last-child)
    {
        margin-bottom: 48px;
    }
}
.advantages__bg
{
    position: relative;

    width: 548px;
    margin-right: auto;

    flex: 0 0 548px;
}
@media only screen and (max-width: 1179px)
{
    .advantages__bg
    {
        width: 460px;

        flex: 0 0 460px;
    }
}
@media only screen and (max-width: 1023px)
{
    .advantages__bg
    {
        margin: 0 auto 64px;
    }
}
@media only screen and (max-width: 767px)
{
    .advantages__bg
    {
        width: 100%;
        margin-bottom: 48px;
    }
}
.advantages__preview:first-child img
{
    width: 100%;
}
.advantages__preview:not(:first-child)
{
    position: absolute;
}
.advantages__item:first-child .advantages__preview:first-child
{
    margin-left: -28px;
}
@media only screen and (max-width: 767px)
{
    .advantages__item:first-child .advantages__preview:first-child
    {
        margin-left: -12px;
    }
}
.advantages__item:first-child .advantages__preview:nth-child(2)
{
    top: 49%;
    left: -22%;
}
@media only screen and (max-width: 767px)
{
    .advantages__item:first-child .advantages__preview:nth-child(2)
    {
        top: 65%;
        left: -9%;

        width: 30%;
    }
}
.advantages__item:first-child .advantages__preview:nth-child(3)
{
    bottom: -7%;
    left: 8%;
}
@media only screen and (max-width: 767px)
{
    .advantages__item:first-child .advantages__preview:nth-child(3)
    {
        width: 17%;
    }
}
@media only screen and (max-width: 767px)
{
    .advantages__item:first-child .advantages__preview img
    {
        width: 100%;
    }
}
.advantages__item:first-child .advantages__wrap
{
    padding-bottom: 40px;
}
@media only screen and (max-width: 767px)
{
    .advantages__item:first-child .advantages__wrap
    {
        padding: 0;
    }
}
.advantages__item:nth-child(2) .advantages__preview:first-child
{
    margin-left: -74px;
}
@media only screen and (max-width: 1179px)
{
    .advantages__item:nth-child(2) .advantages__preview:first-child
    {
        margin-left: -30px;
    }
}
@media only screen and (max-width: 767px)
{
    .advantages__item:nth-child(2) .advantages__preview:first-child
    {
        margin-left: -12px;
    }
}
.advantages__item:nth-child(2) .advantages__preview:nth-child(2)
{
    bottom: -11%;
    left: 1%;
}
@media only screen and (max-width: 767px)
{
    .advantages__item:nth-child(2) .advantages__preview:nth-child(2)
    {
        bottom: -15%;
        left: 30%;

        width: 40%;
    }
}
.advantages__item:nth-child(2) .advantages__preview:nth-child(3)
{
    top: 34%;
    right: -2%;

    width: 74px;
}
@media only screen and (max-width: 767px)
{
    .advantages__item:nth-child(2) .advantages__preview:nth-child(3)
    {
        width: 43px;
    }
}
.advantages__item:nth-child(2) .advantages__preview:nth-child(3) img
{
    width: 100%;
}
@media only screen and (max-width: 767px)
{
    .advantages__item:nth-child(2) .advantages__preview img
    {
        width: 100%;
    }
}
.advantages__item:nth-child(2) .advantages__wrap
{
    padding-bottom: 27px;
}
@media only screen and (max-width: 767px)
{
    .advantages__item:nth-child(2) .advantages__wrap
    {
        padding: 0;
    }
}
.advantages__item:nth-child(3) .advantages__preview:first-child
{
    margin: 0 -40px 0 -80px;
}
@media only screen and (max-width: 1179px)
{
    .advantages__item:nth-child(3) .advantages__preview:first-child
    {
        margin: 0 0 0 -50px;
    }
}
@media only screen and (max-width: 767px)
{
    .advantages__item:nth-child(3) .advantages__preview:first-child
    {
        margin: 0 -12px 0 -48px;
    }
}
.advantages__item:nth-child(3) .advantages__preview:nth-child(2)
{
    top: 28%;
    right: -12%;

    width: 81px;
}
@media only screen and (max-width: 767px)
{
    .advantages__item:nth-child(3) .advantages__preview:nth-child(2)
    {
        width: 70px;
    }
}
.advantages__item:nth-child(3) .advantages__preview:nth-child(2) img
{
    width: 100%;
}
.advantages__item:nth-child(3) .advantages__preview:nth-child(3)
{
    top: 17.5%;
    left: -18.5%;

    width: 82px;
}
@media only screen and (max-width: 767px)
{
    .advantages__item:nth-child(3) .advantages__preview:nth-child(3)
    {
        left: -10%;

        width: 60px;
    }
}
.advantages__item:nth-child(3) .advantages__preview:nth-child(3) img
{
    width: 100%;
}
@media only screen and (max-width: 1023px)
{
    .advantages__item:nth-child(3) .advantages__bg
    {
        margin-bottom: 0;
    }
}
.advantages__item:nth-child(3) .advantages__wrap
{
    padding-top: 20px;
}
@media only screen and (max-width: 767px)
{
    .advantages__item:nth-child(3) .advantages__wrap
    {
        padding: 0;
    }
}
.advantages__item:nth-child(3) .advantages__icon
{
    margin-bottom: 23px;
}
.advantages__wrap
{
    max-width: 405px;
    padding-right: 55px;
}
@media only screen and (max-width: 1179px)
{
    .advantages__wrap
    {
        max-width: 340px;
        padding: 0;
    }
}
@media only screen and (max-width: 1023px)
{
    .advantages__wrap
    {
        max-width: 460px;
        margin: 0 auto;
    }
}
.advantages__icon
{
    margin-left: -145px;
}
@media only screen and (max-width: 1179px)
{
    .advantages__icon
    {
        margin-left: -105px;
    }
}
@media only screen and (max-width: 1023px)
{
    .advantages__icon
    {
        display: none;
    }
}
@media only screen and (max-width: 1179px)
{
    .advantages__icon img
    {
        width: 250px;
    }
}
.advantages__info
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;

    margin: -16px 0 16px;
}
@media only screen and (max-width: 767px)
{
    .advantages__info
    {
        font-size: 20px;

        margin: 0 0 16px;
    }
}
.advantages__text
{
    max-width: 265px;
    margin-bottom: 40px;
}
.advantages:not(:last-child)
{
    margin-bottom: 136px;
}
@media only screen and (max-width: 1179px)
{
    .advantages:not(:last-child)
    {
        margin-bottom: 82px;
    }
}
@media only screen and (max-width: 767px)
{
    .advantages:not(:last-child)
    {
        margin-bottom: 48px;
    }
}

.history
{
    position: relative;
}
@media only screen and (max-width: 1179px)
{
    .history__center
    {
        padding: 0 32px;
    }
}
@media only screen and (max-width: 767px)
{
    .history__center
    {
        padding: 0 12px;
    }
}
.history__container
{
    position: relative;

    display: flex;

    min-height: 590px;
    padding: 40px 80px;

    border-radius: 24px;
    background: #f7f7f8;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .1);

    align-items: center;
}
@media only screen and (max-width: 1179px)
{
    .history__container
    {
        min-height: 550px;
        padding: 40px 64px;
    }
}
@media only screen and (max-width: 1023px)
{
    .history__container
    {
        min-height: 500px;
        padding: 40px 32px;
    }
}
@media only screen and (max-width: 767px)
{
    .history__container
    {
        padding: 320px 24px 42px;
    }
}
.history__container:before
{
    position: absolute;
    z-index: -1;
    top: 16px;
    right: 16px;
    bottom: -16px;
    left: 16px;

    content: '';

    border-radius: 24px;
    background: rgba(255, 255, 255, .3);
}
@media only screen and (max-width: 767px)
{
    .history__container:before
    {
        top: 8px;
        right: 8px;
        bottom: -8px;
        left: 8px;
    }
}
.history__wrap
{
    position: relative;
    z-index: 3;

    max-width: 400px;
}
@media only screen and (max-width: 1179px)
{
    .history__wrap
    {
        max-width: 380px;
    }
}
@media only screen and (max-width: 1023px)
{
    .history__wrap
    {
        max-width: 330px;
    }
}
@media only screen and (max-width: 767px)
{
    .history__wrap
    {
        max-width: 100%;
    }
}
.history .stage
{
    margin-bottom: 16px;
}
.history__title
{
    margin-bottom: 24px;
}
.history__info
{
    margin-bottom: 24px;

    color: #59635f;
}
.history__bg
{
    position: absolute;
    top: 56.5%;
    right: calc(50% - 721px);

    transform: translateY(-50%);
    pointer-events: none;
}
@media only screen and (max-width: 1179px)
{
    .history__bg
    {
        right: calc(50% - 620px);

        width: 750px;
    }
}
@media only screen and (max-width: 1023px)
{
    .history__bg
    {
        right: calc(50% - 450px);

        width: 570px;
    }
}
@media only screen and (max-width: 767px)
{
    .history__bg
    {
        top: 55px;
        right: 55%;

        width: 370px;

        transform: translateX(50%);
    }
}
.history__preview:nth-child(2)
{
    top: -10.5%;
    left: 23.5%;

    width: 29%;
}
.history__preview:nth-child(2).aos-animate
{
    animation: up-down 4s 1.2s infinite;
}
.history__preview:nth-child(3)
{
    top: 1%;
    right: 5%;

    width: 34%;
}
.history__preview:nth-child(3).aos-animate
{
    animation: up-down 4s 1.8s infinite;
}
.history__preview img
{
    width: 100%;
}
.history__preview:not(:first-child)
{
    position: absolute;
}
.history:not(:last-child)
{
    margin-bottom: 136px;
}
@media only screen and (max-width: 1179px)
{
    .history:not(:last-child)
    {
        margin-bottom: 112px;
    }
}
@media only screen and (max-width: 767px)
{
    .history:not(:last-child)
    {
        margin-bottom: 96px;
    }
}

body.dark .history__container
{
    overflow: hidden;

    background: #283036;
}
body.dark .history__container:before
{
    background: rgba(255, 255, 255, .1);
}
body.dark .history__container:after
{
    position: absolute;
    top: -112px;
    left: -101px;

    width: 389px;
    height: 389px;

    content: '';

    opacity: .5;
    border-radius: 50%;
    background: linear-gradient(135.15deg, #ae80dc 1.17%, #dc83c3 31.88%, #8084dc 65.46%);

    filter: blur(160px);
}

.options .stage
{
    margin-bottom: 16px;

    text-align: center;
}
.options__title
{
    margin-bottom: 88px;

    text-align: center;
}
@media only screen and (max-width: 1179px)
{
    .options__title
    {
        margin-bottom: 56px;
    }
}
@media only screen and (max-width: 767px)
{
    .options__title
    {
        margin-bottom: 24px;
    }
}
.options__preview
{
    margin: 0 -25px 110px -20px;
}
@media only screen and (max-width: 1179px)
{
    .options__preview
    {
        margin-bottom: 95px;
    }
}
@media only screen and (max-width: 767px)
{
    .options__preview
    {
        margin: 0 -60px 48px -60px;
    }
}
.options__preview img
{
    max-width: 100%;
}
@media only screen and (max-width: 767px)
{
    .options__wrap
    {
        position: relative;
    }
    .options__wrap:after
    {
        position: absolute;
        top: 0;
        right: -32px;
        bottom: 0;

        width: 64px;

        content: '';
        pointer-events: none;

        background: linear-gradient(270deg, #eeeff2 0%, rgba(238, 239, 242, .7) 50%, rgba(238, 239, 242, 0) 100%);
    }
}
.options__list
{
    display: flex;

    margin: -72px -12px 0;

    flex-wrap: wrap;
}
@media only screen and (max-width: 1023px)
{
    .options__list
    {
        overflow: auto;

        margin: 0 -32px;

        flex-wrap: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .options__list::-webkit-scrollbar
    {
        display: none;
    }
    .options__list:before,
    .options__list:after
    {
        width: 32px;
        height: 1px;

        content: '';

        flex-shrink: 0;
    }
}
@media only screen and (max-width: 767px)
{
    .options__list
    {
        margin: 0 -24px;
    }
    .options__list:before,
    .options__list:after
    {
        width: 24px;
    }
}
.options__item
{
    width: calc(25% - 24px);
    margin: 72px 12px 0;

    flex: 0 0 calc(25% - 24px);
}
@media only screen and (max-width: 1023px)
{
    .options__item
    {
        width: 250px;
        margin: 0;

        flex: 0 0 250px;
    }
}
@media only screen and (max-width: 1023px)
{
    .options__item:not(:last-child)
    {
        margin-right: 16px;
    }
}
.options__icon
{
    font-size: 0;

    display: flex;

    height: 48px;
    margin-bottom: 24px;

    align-items: center;
}
.options__info
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;

    max-width: 210px;
    margin-bottom: 24px;
}
.options__text
{
    position: relative;

    max-width: 215px;
    padding-top: 28px;

    color: #59635f;
}
.options__text:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 80px;
    height: 4px;

    content: '';

    background: rgba(228, 236, 232, .15);
}
.options:not(:last-child)
{
    margin-bottom: 136px;
}
@media only screen and (max-width: 1179px)
{
    .options:not(:last-child)
    {
        margin-bottom: 112px;
    }
}
@media only screen and (max-width: 767px)
{
    .options:not(:last-child)
    {
        margin-bottom: 72px;
    }
}

body.dark .options__icon path
{
    fill: #fff;
}
body.dark .options__wrap:after
{
    background: linear-gradient(270deg, #0d2f26 0%, rgba(13, 47, 38, .7) 50%, rgba(13, 47, 38, 0) 100%);
}

.integrations__center
{
    display: flex;

    padding-right: 144px;

    align-items: center;
}
@media only screen and (max-width: 1339px)
{
    .integrations__center
    {
        padding-right: 60px;
    }
}
@media only screen and (max-width: 1179px)
{
    .integrations__center
    {
        display: block;

        padding-right: 30px;

        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .integrations__center
    {
        padding-right: 20px;
    }
}
.integrations__wrap
{
    max-width: 405px;
    margin-right: auto;
}
@media only screen and (max-width: 1179px)
{
    .integrations__wrap
    {
        max-width: 100%;
        margin: 0 0 80px;
    }
}
@media only screen and (max-width: 767px)
{
    .integrations__wrap
    {
        margin-bottom: 48px;
    }
}
.integrations .stage
{
    margin-bottom: 12px;
}
.integrations__title
{
    margin-bottom: 24px;
}
.integrations__text
{
    color: #59635f;
}
@media only screen and (max-width: 1179px)
{
    .integrations__text
    {
        max-width: 405px;
        margin: 0 auto;
    }
}
.integrations__list
{
    width: 464px;

    flex-shrink: 0;
}
@media only screen and (max-width: 1179px)
{
    .integrations__list
    {
        margin: 0 auto;
    }
}
@media only screen and (max-width: 474px)
{
    .integrations__list
    {
        width: 100%;
    }
}
.integrations__row
{
    display: flex;

    margin: 0 -20px;

    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .integrations__row
    {
        margin: 0 -14px;
    }
}
.integrations__col
{
    width: calc(33.333% - 40px);
    margin: 0 20px;

    flex: 0 0 calc(33.333% - 40px);
}
@media only screen and (max-width: 767px)
{
    .integrations__col
    {
        width: calc(33.333% - 24px);
        margin: 0 12px;

        flex: 0 0 calc(33.333% - 24px);
    }
}
.integrations__logo
{
    display: flex;

    height: 128px;

    border-radius: 24px;
    background: #fff;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .06);

    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .integrations__logo
    {
        height: 92px;
    }
}
@media only screen and (max-width: 767px)
{
    .integrations__logo img
    {
        max-width: 42px;
        max-height: 42px;
    }
}
.integrations__logo:not(:last-child)
{
    margin-bottom: 40px;
}
.integrations:not(:last-child)
{
    margin-bottom: 136px;
}
@media only screen and (max-width: 1179px)
{
    .integrations:not(:last-child)
    {
        margin-bottom: 100px;
    }
}
@media only screen and (max-width: 767px)
{
    .integrations:not(:last-child)
    {
        margin-bottom: 48px;
    }
}

body.dark .integrations__logo
{
    background: #1c211f;
}

.description__row
{
    position: relative;

    display: flex;

    min-height: 624px;

    align-items: center;
}
@media only screen and (max-width: 1179px)
{
    .description__row
    {
        min-height: 550px;
    }
}
@media only screen and (max-width: 1023px)
{
    .description__row
    {
        min-height: 450px;
    }
}
@media only screen and (max-width: 767px)
{
    .description__row
    {
        display: block;

        min-height: auto;
    }
}
.description__row:first-child
{
    justify-content: flex-end;
}
.description__row:not(:last-child)
{
    margin-bottom: 133px;
}
@media only screen and (max-width: 1179px)
{
    .description__row:not(:last-child)
    {
        margin-bottom: 112px;
    }
}
@media only screen and (max-width: 1023px)
{
    .description__row:not(:last-child)
    {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 767px)
{
    .description__row:not(:last-child)
    {
        margin-bottom: 48px;
    }
}
.description__row:first-child .description__bg
{
    top: 56%;
    left: calc(50% - 721px);
}
@media only screen and (max-width: 1179px)
{
    .description__row:first-child .description__bg
    {
        left: calc(50% - 580px);

        width: 750px;
    }
}
@media only screen and (max-width: 1023px)
{
    .description__row:first-child .description__bg
    {
        left: calc(50% - 490px);

        width: 650px;
    }
}
@media only screen and (max-width: 767px)
{
    .description__row:first-child .description__bg
    {
        top: auto;
        left: auto;

        width: auto;
        margin: 50px -130px 0 -90px;

        text-align: center;
    }
}
.description__row:first-child .description__preview:nth-child(2)
{
    top: 27%;
    left: 10%;

    width: 33%;
}
.description__row:first-child .description__preview:nth-child(2).aos-animate
{
    animation: up-down 4s 1.2s infinite;
}
.description__row:first-child .description__preview:nth-child(3)
{
    top: 15%;
    right: 17%;

    width: 37%;
}
.description__row:first-child .description__preview:nth-child(3).aos-animate
{
    animation: up-down 4s 1.8s infinite;
}
.description__row:nth-child(2) .description__bg
{
    top: 55%;
    right: calc(50% - 720px);
}
@media only screen and (max-width: 1179px)
{
    .description__row:nth-child(2) .description__bg
    {
        right: calc(50% - 600px);

        width: 750px;
    }
}
@media only screen and (max-width: 1023px)
{
    .description__row:nth-child(2) .description__bg
    {
        right: calc(50% - 550px);

        width: 650px;
    }
}
@media only screen and (max-width: 767px)
{
    .description__row:nth-child(2) .description__bg
    {
        top: auto;
        right: auto;

        width: auto;
        margin: 48px -90px 0 -60px;
    }
}
.description__row:nth-child(2) .description__preview:nth-child(2)
{
    top: -8%;
    left: 13%;

    width: 34%;
}
.description__wrap
{
    width: 355px;

    flex-shrink: 0;
}
@media only screen and (max-width: 1179px)
{
    .description__wrap
    {
        width: 320px;
    }
}
@media only screen and (max-width: 767px)
{
    .description__wrap
    {
        width: 100%;
    }
}
.description .stage
{
    margin-bottom: 12px;
}
.description__title
{
    margin-bottom: 24px;
}
.description__text
{
    margin-bottom: 32px;

    color: #59635f;
}
.description__bg
{
    position: absolute;

    transform: translateY(-50%);
    pointer-events: none;
}
@media only screen and (max-width: 767px)
{
    .description__bg
    {
        position: relative;

        transform: translateX(0);
    }
}
.description__preview img
{
    width: 100%;
}
.description__preview:not(:first-child)
{
    position: absolute;
}
.description:not(:last-child)
{
    margin-bottom: 134px;
}
@media only screen and (max-width: 1179px)
{
    .description:not(:last-child)
    {
        margin-bottom: 112px;
    }
}
@media only screen and (max-width: 767px)
{
    .description:not(:last-child)
    {
        margin-bottom: 72px;
    }
}

@media only screen and (max-width: 1179px)
{
    .productivity__center
    {
        padding: 0 32px;
    }
}
@media only screen and (max-width: 767px)
{
    .productivity__center
    {
        padding: 0 12px;
    }
}
.productivity__container
{
    position: relative;

    padding: 134px 80px 100px 132px;

    border-radius: 24px;
    background: #f7f7f8;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .1);
}
@media only screen and (max-width: 1179px)
{
    .productivity__container
    {
        padding: 150px 130px 115px 52px;
    }
}
@media only screen and (max-width: 1023px)
{
    .productivity__container
    {
        padding: 48px 32px;
    }
}
@media only screen and (max-width: 767px)
{
    .productivity__container
    {
        padding: 40px 32px 46px;
    }
}
.productivity__container:before
{
    position: absolute;
    z-index: -1;
    top: 16px;
    right: 16px;
    bottom: -16px;
    left: 16px;

    content: '';

    border-radius: 24px;
    background: rgba(255, 255, 255, .3);
}
@media only screen and (max-width: 767px)
{
    .productivity__container:before
    {
        display: none;
    }
}
.productivity__gallery
{
    position: absolute;
    z-index: 1;
    top: 167px;
    left: 60px;

    pointer-events: none;
}
@media only screen and (max-width: 1179px)
{
    .productivity__gallery
    {
        left: 15px;

        width: 420px;
    }
}
@media only screen and (max-width: 1023px)
{
    .productivity__gallery
    {
        top: 130px;

        width: 300px;
    }
}
@media only screen and (max-width: 767px)
{
    .productivity__gallery
    {
        position: relative;
        top: auto;

        width: auto;
        max-width: 300px;
        margin: 0 0 60px -30px;
    }
}
.productivity__preview:nth-child(2)
{
    bottom: -6%;
    left: -70%;

    width: 224%;
}
.productivity__preview img
{
    width: 100%;
}
.productivity__preview:not(:first-child)
{
    position: absolute;
}
.productivity__row
{
    display: flex;

    justify-content: space-between;
}
@media only screen and (max-width: 767px)
{
    .productivity__row
    {
        display: block;
    }
}
.productivity__wrap
{
    position: relative;
    z-index: 3;

    max-width: 355px;
    padding-top: 234px;
}
@media only screen and (max-width: 1179px)
{
    .productivity__wrap
    {
        padding-top: 215px;
    }
}
@media only screen and (max-width: 1023px)
{
    .productivity__wrap
    {
        max-width: 300px;
    }
}
@media only screen and (max-width: 767px)
{
    .productivity__wrap
    {
        max-width: 100%;
        margin-bottom: 190px;
        padding: 0;
    }
}
.productivity .stage
{
    margin-bottom: 16px;
}
.productivity__title
{
    margin-bottom: 24px;
}
.productivity__info
{
    margin-bottom: 32px;

    color: #59635f;
}
.productivity__list
{
    position: relative;
    z-index: 3;

    width: 340px;

    flex-shrink: 0;
}
@media only screen and (max-width: 1023px)
{
    .productivity__list
    {
        width: 300px;
    }
}
@media only screen and (max-width: 767px)
{
    .productivity__list
    {
        width: 100%;
    }
}
.productivity__item
{
    display: flex;
}
.productivity__item:not(:last-child)
{
    margin-bottom: 40px;
    padding-bottom: 40px;

    border-bottom: 3px solid rgba(228, 236, 232, .15);
}
.productivity__icon
{
    font-size: 0;

    display: flex;

    width: 40px;
    height: 40px;
    margin-right: 24px;

    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.productivity__details
{
    flex-grow: 1;
}
.productivity__category
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;

    margin-bottom: 16px;
}
.productivity__text
{
    color: #59635f;
}
.productivity:not(:last-child)
{
    margin-bottom: 136px;
}
@media only screen and (max-width: 1179px)
{
    .productivity:not(:last-child)
    {
        margin-bottom: 112px;
    }
}
@media only screen and (max-width: 767px)
{
    .productivity:not(:last-child)
    {
        margin-bottom: 48px;
    }
}

body.dark .productivity__container
{
    background: #283036;
}
body.dark .productivity__container:before
{
    background: rgba(255, 255, 255, .1);
}
body.dark .productivity__bg
{
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    border-radius: 24px;
}
body.dark .productivity__bg:after
{
    position: absolute;
    top: -112px;
    left: -101px;

    width: 389px;
    height: 389px;

    content: '';

    opacity: .5;
    border-radius: 50%;
    background: linear-gradient(135.15deg, #ae80dc 1.17%, #dc83c3 31.88%, #8084dc 65.46%);

    filter: blur(160px);
}
body.dark .productivity__icon path
{
    fill: #fff;
}

.review
{
    text-align: center;
}
.review__title
{
    max-width: 370px;
    margin: 0 auto 80px;
}
@media only screen and (max-width: 1179px)
{
    .review__title
    {
        margin-bottom: 64px;
    }
}
@media only screen and (max-width: 1023px)
{
    .review__title
    {
        margin-bottom: 48px;
    }
}
@media only screen and (max-width: 767px)
{
    .review__title
    {
        margin-bottom: 40px;
    }
}
.review__container
{
    margin: 0 -32px;
}
@media only screen and (max-width: 1023px)
{
    .review__container
    {
        margin: 0 -16px;
    }
}
.review__item
{
    display: flex;
    flex-direction: column;

    height: 100%;
    margin: 0 32px;
}
@media only screen and (max-width: 1023px)
{
    .review__item
    {
        margin: 0 16px;
    }
}
.review__text
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3333333333;

    margin-bottom: 32px;

    flex-grow: 1;
}
@media only screen and (max-width: 1179px)
{
    .review__text
    {
        font-size: 20px;
        line-height: 1.2;
    }
}
@media only screen and (max-width: 1023px)
{
    .review__text
    {
        font-size: 18px;
        line-height: 1.3;
    }
}
.review__rating
{
    display: flex;

    margin-bottom: 32px;

    justify-content: center;
    align-items: center;
}
.review__icon:not(:last-child)
{
    margin-right: 16px;
}
.review__author
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3333333333;

    margin-bottom: 4px;
}
.review__company
{
    color: #757575;
}
.review .owl-stage
{
    display: flex;
}
.review .owl-carousel .owl-item img
{
    width: auto;
}
.review .owl-nav
{
    display: flex;

    margin-top: 116px;

    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 1339px)
{
    .review .owl-nav
    {
        margin-top: 80px;
    }
}
@media only screen and (max-width: 1023px)
{
    .review .owl-nav
    {
        margin-top: 64px;
    }
}
@media only screen and (max-width: 767px)
{
    .review .owl-nav
    {
        margin-top: 48px;
    }
}
.review .owl-carousel .owl-nav button.owl-prev,
.review .owl-carousel .owl-nav button.owl-next
{
    font-size: 0;

    width: 40px;
    height: 40px;

    flex-shrink: 0;
}
.review .owl-carousel .owl-nav button.owl-prev path,
.review .owl-carousel .owl-nav button.owl-next path
{
    font-size: 16px;

    transition: fill .2s;

    fill: #59635f;
}
.review .owl-carousel .owl-nav button.owl-prev:hover path,
.review .owl-carousel .owl-nav button.owl-next:hover path
{
    fill: #1c211f;
}
.review .owl-carousel .owl-nav button.owl-prev
{
    margin-right: 24px;
}
.review:not(:last-child)
{
    margin-bottom: 136px;
}
@media only screen and (max-width: 1179px)
{
    .review:not(:last-child)
    {
        margin-bottom: 112px;
    }
}
@media only screen and (max-width: 767px)
{
    .review:not(:last-child)
    {
        margin-bottom: 48px;
    }
}

body.dark .review .owl-carousel .owl-nav button.owl-prev:hover path,
body.dark .review .owl-carousel .owl-nav button.owl-next:hover path
{
    fill: #fff;
}

@media only screen and (max-width: 1179px)
{
    .invite__center
    {
        padding: 0 32px;
    }
}
@media only screen and (max-width: 767px)
{
    .invite__center
    {
        padding: 0 12px;
    }
}
.invite__container
{
    position: relative;

    display: flex;

    min-height: 600px;
    padding: 40px 112px;

    align-items: center;
}
@media only screen and (max-width: 1179px)
{
    .invite__container
    {
        min-height: 510px;
        padding: 40px 64px;
    }
}
@media only screen and (max-width: 1023px)
{
    .invite__container
    {
        min-height: 450px;
        padding: 40px 32px;
    }
}
@media only screen and (max-width: 767px)
{
    .invite__container
    {
        padding: 70px 32px 434px;

        text-align: center;
    }
}
.invite__bg
{
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    border-radius: 24px;
    background: #1c211f;
}
.invite__bg:before
{
    position: absolute;
    top: -242px;
    left: -223px;

    width: 497px;
    height: 497px;

    content: '';

    opacity: .6;
    border-radius: 50%;
    background: linear-gradient(135.15deg, #ae80dc 1.17%, #dc83c3 31.88%, #8084dc 65.46%);

    filter: blur(160px);
}
.invite__wrap
{
    position: relative;
    z-index: 3;

    max-width: 455px;
}
@media only screen and (max-width: 1179px)
{
    .invite__wrap
    {
        max-width: 380px;
    }
}
@media only screen and (max-width: 767px)
{
    .invite__wrap
    {
        max-width: 100%;
    }
}
.invite__title
{
    margin-bottom: 32px;

    color: #fff;
}
@media only screen and (max-width: 1179px)
{
    .invite__title
    {
        margin-bottom: 24px;
    }
}
.invite__text
{
    max-width: 330px;
    margin-bottom: 32px;

    color: #3d4743;
}
@media only screen and (max-width: 767px)
{
    .invite__text
    {
        max-width: 100%;
        margin-bottom: 24px;
    }
}
.invite__gallery
{
    position: absolute;
    z-index: 2;
    top: 69%;
    right: calc(50% - 715px);

    transform: translateY(-50%);
    pointer-events: none;
}
@media only screen and (max-width: 1179px)
{
    .invite__gallery
    {
        top: 60%;
        right: calc(50% - 540px);

        width: 688px;
    }
}
@media only screen and (max-width: 1023px)
{
    .invite__gallery
    {
        right: calc(50% - 500px);

        width: 550px;
    }
}
@media only screen and (max-width: 767px)
{
    .invite__gallery
    {
        top: auto;
        right: 50%;
        bottom: 4%;

        width: 500px;

        transform: translateX(48.5%);
    }
}
.invite__preview:nth-child(2)
{
    top: -18%;
    left: 37%;

    width: 32%;
}
.invite__preview img
{
    width: 100%;
}
.invite__preview:not(:first-child)
{
    position: absolute;
}
.invite:not(:last-child)
{
    margin-bottom: 136px;
}
@media only screen and (max-width: 1179px)
{
    .invite:not(:last-child)
    {
        margin-bottom: 112px;
    }
}
@media only screen and (max-width: 767px)
{
    .invite:not(:last-child)
    {
        margin-bottom: 48px;
    }
}

.footer
{
    position: relative;
}
.footer__body
{
    margin-bottom: 55px;
}
@media only screen and (max-width: 1179px)
{
    .footer__body
    {
        display: flex;

        margin-bottom: 24px;

        align-items: flex-start;
    }
}
@media only screen and (max-width: 767px)
{
    .footer__body
    {
        display: block;

        text-align: center;
    }
}
.footer__wrap
{
    max-width: 345px;
    margin-bottom: 24px;
}
@media only screen and (max-width: 1179px)
{
    .footer__wrap
    {
        margin: 0;
    }
}
@media only screen and (max-width: 767px)
{
    .footer__wrap
    {
        max-width: 100%;
        margin-bottom: 24px;
    }
}
.footer__logo
{
    display: inline-block;

    margin-bottom: 24px;
}
.footer__pic
{
    width: 138px;
}
.footer__pic_light
{
    display: none;
}
.footer__text
{
    color: #59635f;
}
@media only screen and (max-width: 767px)
{
    .footer__text
    {
        max-width: 230px;
        margin: 0 auto;
    }
}
.footer__line
{
    display: flex;

    align-items: center;
}
@media only screen and (max-width: 1179px)
{
    .footer__line
    {
        margin: -5px 0 0 auto;
    }
}
@media only screen and (max-width: 767px)
{
    .footer__line
    {
        max-width: 414px;
        margin: 0 auto;

        justify-content: center;
    }
}
.footer__downloads
{
    display: flex;
}
@media only screen and (max-width: 1179px)
{
    .footer__download img
    {
        height: 56px;
    }
}
.footer__download:not(:last-child)
{
    margin-right: 12px;
}
.footer__nav
{
    display: flex;

    margin-left: auto;

    align-items: center;
}
@media only screen and (max-width: 1179px)
{
    .footer__nav
    {
        display: none;
    }
}
.footer__nav .footer__link
{
    font-weight: 600;

    transition: color .2s;

    color: #59635f;
}
.footer__nav .footer__link:hover
{
    color: #1c211f;
}
.footer__nav .footer__link.active
{
    color: #016630;
}
.footer__nav .footer__link:not(:last-child)
{
    margin-right: 48px;
}
.footer__bottom
{
    display: flex;

    padding: 24px 0;

    border-top: 2px solid rgba(228, 236, 232, .15);

    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .footer__bottom
    {
        display: block;

        text-align: center;
    }
}
.footer__copyright
{
    font-size: 13px;
    font-weight: 600;
    line-height: 1.8461538462;

    margin-right: auto;

    color: #59635f;
}
@media only screen and (max-width: 767px)
{
    .footer__copyright
    {
        margin: 0 0 24px;
    }
}
.footer__social
{
    display: flex;

    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .footer__social
    {
        justify-content: center;
    }
}
.footer__social .footer__link
{
    font-size: 0;
}
.footer__social .footer__link .icon
{
    width: 16px;
    height: 16px;

    transition: fill .2s;

    fill: #59635f;
}
.footer__social .footer__link:hover .icon
{
    fill: #1c211f;
}
.footer__social .footer__link:not(:last-child)
{
    margin-right: 24px;
}

body.dark .footer__pic_dark
{
    display: none;
}
body.dark .footer__pic_light
{
    display: inline-block;
}
body.dark .footer__link:hover
{
    color: #fff;
}
body.dark .footer__link.active
{
    color: #016630;
}
body.dark .footer__copyright
{
    color: #aab5b0;
}
body.dark .footer__social .footer__link .icon
{
    fill: #aab5b0;
}
body.dark .footer__social .footer__link:hover .icon
{
    fill: #fff;
}

.switch
{
    font-size: 0;

    position: absolute;
    bottom: 30px;
    left: calc(50% - 700px);

    display: inline-block;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    transition: opacity .25s;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 1419px)
{
    .switch
    {
        left: 32px;
    }
}
@media only screen and (max-width: 1339px)
{
    .switch
    {
        top: 72px;
        right: 64px;
        bottom: auto;
        left: auto;
    }
}
@media only screen and (max-width: 1023px)
{
    .switch
    {
        right: 32px;
    }
}
@media only screen and (max-width: 767px)
{
    .switch
    {
        top: auto;
        right: auto;
        bottom: 8px;
        left: 12px;
    }
}
.switch__input
{
    position: absolute;
    top: 0;
    left: 0;

    opacity: 0;
}
.switch__in
{
    position: relative;

    display: inline-block;

    transition: all .2s;

    border: 8px solid #fff;
    border-radius: 24px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
}
.switch__box
{
    position: relative;

    display: block;

    width: 72px;
    height: 32px;

    transition: all .2s;

    border-radius: 16px;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(170, 181, 176, .4);
}
.switch__box:before
{
    position: absolute;
    top: 50%;
    left: 4px;

    width: 24px;
    height: 24px;

    content: '';
    transition: all .2s;
    transform: translateY(-50%);

    border-radius: 50%;
    background: #016630;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}
.switch__icon
{
    font-size: 0;

    position: absolute;
    top: 50%;

    transition: opacity .2s;
    transform: translateY(-50%);
}
.switch__icon .icon
{
    width: 24px;
    height: 24px;

    fill: #808191;
}
.switch__icon_light
{
    right: 5px;
}
.switch__icon_dark
{
    left: 4px;

    opacity: 0;
}
.switch__input:checked + .switch__in
{
    border-color: rgba(0, 0, 0, .5);
}
.switch__input:checked + .switch__in .switch__box
{
    background: rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
}
.switch__input:checked + .switch__in .switch__box:before
{
    width: 8px;
    height: 24px;

    transform: translate(48px, -50%);

    border-radius: 4px;
}
.switch__input:checked + .switch__in .switch__icon_light
{
    opacity: 0;
}
.switch__input:checked + .switch__in .switch__icon_dark
{
    opacity: 1;
}
@media (hover: hover)
{
    .switch:hover
    {
        opacity: .8;
    }
}

.download
{
    text-align: center;
}
@media only screen and (max-width: 767px)
{
    .download__center
    {
        padding: 0 12px;
    }
}
.download__title
{
    margin-bottom: 16px;
}
.download__info
{
    margin-bottom: 32px;

    color: #59635f;
}
@media only screen and (max-width: 1179px)
{
    .download__info
    {
        max-width: 385px;
        margin: 0 auto 32px;
    }
}
@media only screen and (max-width: 767px)
{
    .download__info
    {
        max-width: 250px;
        margin-bottom: 24px;
    }
}
.download__info a
{
    transition: border-color .2s;

    color: #016630;
    border-bottom: 1px solid transparent;
}
.download__info a:hover
{
    border-color: #016630;
}
.download__btn
{
    margin-bottom: 143px;
}
@media only screen and (max-width: 1179px)
{
    .download__btn
    {
        margin-bottom: 100px;
    }
}
@media only screen and (max-width: 767px)
{
    .download__btn
    {
        margin-bottom: 90px;
    }
}
.download__bg
{
    position: relative;
    left: 50%;

    width: 1020px;
    margin-bottom: 138px;

    transform: translateX(-52%);
}
@media only screen and (max-width: 1179px)
{
    .download__bg
    {
        width: 850px;
        margin-bottom: 72px;
    }
}
@media only screen and (max-width: 1023px)
{
    .download__bg
    {
        width: 750px;
    }
}
@media only screen and (max-width: 767px)
{
    .download__bg
    {
        width: 550px;

        transform: translateX(-51.5%);
    }
}
.download__preview:nth-child(2)
{
    top: -11%;
    left: 53%;

    width: 24%;

    transform: translateX(-50%);
}
.download__preview:nth-child(3)
{
    top: 30.5%;
    right: 3%;

    width: 47%;
}
.download__preview:not(:first-child)
{
    position: absolute;
}
.download__preview img
{
    width: 100%;
}
.download__subtitle
{
    margin-bottom: 70px;
}
@media only screen and (max-width: 1179px)
{
    .download__subtitle
    {
        max-width: 390px;
        margin: 0 auto 64px;
    }
}
@media only screen and (max-width: 767px)
{
    .download__subtitle
    {
        font-size: 32px;

        max-width: 280px;
        margin-bottom: 44px;
    }
}
.download__list
{
    display: flex;
}
@media only screen and (max-width: 1179px)
{
    .download__list
    {
        margin-top: -80px;

        flex-wrap: wrap;
        justify-content: center;
    }
}
@media only screen and (max-width: 767px)
{
    .download__list
    {
        margin-top: -56px;
    }
}
.download__item
{
    position: relative;

    width: 20%;
    padding: 68px 32px 64px;

    color: #1c211f;

    flex: 0 0 20%;
}
@media only screen and (max-width: 1179px)
{
    .download__item
    {
        width: 33.333%;
        margin-top: 80px;
        padding: 0 24px;

        flex: 0 0 33.333%;
    }
}
@media only screen and (max-width: 767px)
{
    .download__item
    {
        width: 50%;
        margin-top: 56px;
        padding: 0 12px;

        flex: 0 0 50%;
    }
}
.download__item:before
{
    position: absolute;
    z-index: 1;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;

    content: '';
    transition: opacity .2s;

    opacity: 0;
    border-radius: 24px;
    background: #f7f7f8;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .1);
}
@media only screen and (max-width: 1179px)
{
    .download__item:before
    {
        display: none;
    }
}
.download__item:hover:before
{
    opacity: 1;
}
@media only screen and (max-width: 1179px)
{
    .download__item:nth-child(3):after
    {
        display: none;
    }
}
@media only screen and (max-width: 767px)
{
    .download__item:nth-child(3):after
    {
        display: block;
    }
}
@media only screen and (max-width: 767px)
{
    .download__item:nth-child(2n):after
    {
        display: none;
    }
}
.download__item:not(:last-child):after
{
    position: absolute;
    top: 6px;
    right: -2px;
    bottom: 6px;

    width: 4px;

    content: '';

    background: rgba(228, 236, 232, .15);
}
@media only screen and (max-width: 1023px)
{
    .download__item:not(:last-child):after
    {
        top: 0;
        bottom: 0;
    }
}
.download__icon,
.download__category,
.download__text
{
    position: relative;
    z-index: 3;
}
.download__icon
{
    font-size: 0;

    display: flex;

    height: 32px;
    margin-bottom: 24px;

    justify-content: center;
    align-items: center;
}
.download__category
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3333333333;

    margin-bottom: 4px;
}
.download__text
{
    font-size: 13px;
    font-weight: 600;
    line-height: 1.8461538462;

    color: #59635f;
}
.download:not(:last-child)
{
    margin-bottom: 141px;
}
@media only screen and (max-width: 1179px)
{
    .download:not(:last-child)
    {
        margin-bottom: 96px;
    }
}
@media only screen and (max-width: 767px)
{
    .download:not(:last-child)
    {
        margin-bottom: 48px;
    }
}

body.dark .download__item:before
{
    background: #283036;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .1);
}
body.dark .download__icon path
{
    fill: #fff;
}
body.dark .download__category
{
    color: #fff;
}

@media only screen and (max-width: 767px)
{
    .pricing__center
    {
        padding: 0 16px;
    }
}
.pricing__title
{
    margin-bottom: 16px;

    text-align: center;
}
@media only screen and (max-width: 767px)
{
    .pricing__title
    {
        max-width: 295px;
        margin: 0 auto 16px;
    }
}
.pricing__info
{
    margin-bottom: 104px;

    text-align: center;

    color: #59635f;
}
@media only screen and (max-width: 1179px)
{
    .pricing__info
    {
        margin-bottom: 88px;
    }
}
@media only screen and (max-width: 767px)
{
    .pricing__info
    {
        max-width: 265px;
        margin: 0 auto 40px;
    }
}
.pricing__list
{
    display: flex;

    padding-bottom: 36px;

    border-radius: 24px;
    background: rgba(247, 247, 248, .8);
}
@media only screen and (max-width: 767px)
{
    .pricing__list
    {
        display: block;

        padding: 0;

        background: none;
    }
}
.pricing__item
{
    position: relative;

    display: flex;
    flex-direction: column;

    width: 33.333%;

    flex: 0 0 33.333%;
}
@media only screen and (max-width: 767px)
{
    .pricing__item
    {
        width: 100%;
        padding: 24px;

        border-radius: 24px;
        background: #f7f7f8;
    }
}
.pricing__item:nth-child(2)
{
    border-radius: 24px;
    background: #fff;
}
@media only screen and (max-width: 767px)
{
    .pricing__item:nth-child(2)
    {
        background: #f7f7f8;
    }
}
@media only screen and (max-width: 767px)
{
    .pricing__item:not(:last-child)
    {
        margin-bottom: 24px;
    }
}
.pricing__head
{
    position: relative;
    z-index: 3;

    padding: 40px 40px 50px;
}
@media only screen and (max-width: 1179px)
{
    .pricing__head
    {
        padding: 40px 24px 50px;
    }
}
@media only screen and (max-width: 767px)
{
    .pricing__head
    {
        margin-bottom: 32px;
        padding: 0;
    }
}
.pricing__item:nth-child(2) .pricing__head:before
{
    position: absolute;
    z-index: -1;
    top: -32px;
    right: 0;
    bottom: -32px;
    left: 0;

    content: '';

    border-radius: 24px;
    background: #fff;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
}
@media only screen and (max-width: 767px)
{
    .pricing__item:nth-child(2) .pricing__head:before
    {
        display: none;
    }
}
.pricing__item:not(:nth-child(2)) .pricing__head
{
    box-shadow: inset 0 -1px 0 #fbfaf7;
}
@media only screen and (max-width: 767px)
{
    .pricing__item:not(:nth-child(2)) .pricing__head
    {
        box-shadow: none;
    }
}
.pricing__note
{
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4545454545;

    position: absolute;
    top: -24px;
    right: 8px;

    display: inline-block;

    padding: 8px 16px;

    letter-spacing: .1em;
    text-transform: uppercase;

    color: #fff;
    border-radius: 16px;
    background: #e4ece8;
}
@media only screen and (max-width: 767px)
{
    .pricing__note
    {
        position: static;

        margin-bottom: 20px;
    }
}
.pricing__subtitle
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3333333333;

    margin-bottom: 24px;
}
.pricing__price
{
    position: relative;

    display: flex;

    height: 110px;
    margin-bottom: 24px;
    padding-bottom: 36px;

    border-bottom: 2px solid rgba(228, 236, 232, .1);
}
.pricing__img
{
    position: absolute;
    top: 50%;
    left: -63px;

    transform: translateY(-60%);
}
.pricing__currency
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3333333333;

    position: relative;
    top: 4px;
}
.pricing__number
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 64px;
    font-weight: 600;
    line-height: 1.125;
}
.pricing__time
{
    position: relative;
    top: -7px;

    color: #59635f;

    align-self: flex-end;
}
.pricing__text
{
    max-width: 200px;
    min-height: 72px;
    margin-bottom: 12px;

    color: #59635f;
}
@media only screen and (max-width: 767px)
{
    .pricing__text
    {
        min-height: auto;
        margin-bottom: 24px;
    }
}
.pricing__details
{
    position: relative;

    padding: 130px 40px 65px;
}
@media only screen and (max-width: 1179px)
{
    .pricing__details
    {
        padding: 130px 24px 65px;
    }
}
@media only screen and (max-width: 767px)
{
    .pricing__details
    {
        padding: 0;
    }
}
.pricing__stage
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3333333333;

    position: absolute;
    top: 70px;
    right: 40px;
    left: 40px;
}
@media only screen and (max-width: 1179px)
{
    .pricing__stage
    {
        right: 24px;
        left: 24px;
    }
}
@media only screen and (max-width: 767px)
{
    .pricing__stage
    {
        display: none;
    }
}
.pricing__category
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;

    margin-bottom: 43px;
    padding-bottom: 35px;

    color: #59635f;
    border-bottom: 2px solid rgba(228, 236, 232, .2);
}
@media only screen and (max-width: 767px)
{
    .pricing__category
    {
        display: none;
    }
}
.pricing__item:first-child .pricing__category
{
    margin-right: -40px;
    padding-right: 40px;
}
@media only screen and (max-width: 1179px)
{
    .pricing__item:first-child .pricing__category
    {
        margin-right: -24px;
        padding-right: 24px;
    }
}
.pricing__item:nth-child(2) .pricing__category
{
    margin-right: -40px;
    margin-left: -40px;
    padding-right: 40px;
    padding-left: 40px;
}
@media only screen and (max-width: 1179px)
{
    .pricing__item:nth-child(2) .pricing__category
    {
        margin-right: -24px;
        margin-left: -24px;
        padding-right: 24px;
        padding-left: 24px;
    }
}
.pricing__item:last-child .pricing__category
{
    margin-left: -40px;
    padding-left: 40px;
}
@media only screen and (max-width: 1179px)
{
    .pricing__item:last-child .pricing__category
    {
        margin-left: -24px;
        padding-left: 24px;
    }
}
.pricing__view
{
    font-weight: 600;

    display: none;

    color: #1c211f;

    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .pricing__view
    {
        display: inline-flex;
    }
}
.pricing__view .icon
{
    width: 16px;
    height: 10px;
    margin-left: 10px;

    transition: transform .2s;
}
.pricing__view.active .icon
{
    transform: rotate(180deg);
}
@media only screen and (max-width: 767px)
{
    .pricing__options
    {
        display: none;

        padding-top: 32px;
    }
}
.pricing__options li
{
    position: relative;

    padding-left: 36px;

    color: #59635f;
}
.pricing__options li:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 24px;
    height: 24px;

    content: '';

    background: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'24\' height=\'24\' fill=\'none\' viewBox=\'0 0 24 24\'%3E%3Ccircle cx=\'12\' cy=\'12\' r=\'12\' fill=\'%23748fb5\'/%3E%3Cg clip-path=\'url(%23A)\'%3E%3Cpath d=\'M18.3 6.3L9 15.6l-3.3-3.3c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l4 4c.2.2.4.3.7.3s.5-.1.7-.3l10-10c.4-.4.4-1 0-1.4s-1-.4-1.4 0z\' fill=\'%23fff\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'A\'%3E%3Cpath fill=\'%23fff\' transform=\'translate(4 4)\' d=\'M0 0h16v16H0z\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E') no-repeat 0 0/100% auto;
}
.pricing__options li:not(:last-child)
{
    margin-bottom: 32px;
}
@media only screen and (max-width: 1179px)
{
    .pricing__options li:not(:last-child)
    {
        margin-bottom: 24px;
    }
}
.pricing:not(:last-child)
{
    margin-bottom: 88px;
}
@media only screen and (max-width: 1179px)
{
    .pricing:not(:last-child)
    {
        margin-bottom: 80px;
    }
}
@media only screen and (max-width: 767px)
{
    .pricing:not(:last-child)
    {
        margin-bottom: 40px;
    }
}

body.dark .pricing__list
{
    background: rgba(40, 48, 54, .8);
}
@media only screen and (max-width: 767px)
{
    body.dark .pricing__item
    {
        background: #1c211f;
    }
}
body.dark .pricing__item:nth-child(2)
{
    background: #2c353d;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
}
body.dark .pricing__item:not(:nth-child(2)) .pricing__head
{
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .05);
}
@media only screen and (max-width: 767px)
{
    body.dark .pricing__item:not(:nth-child(2)) .pricing__head
    {
        box-shadow: none;
    }
}
body.dark .pricing__item:nth-child(2) .pricing__head:before
{
    background: #1c211f;
}
body.dark .pricing__price
{
    border-color: rgba(255, 255, 255, .1);
}
body.dark .pricing__view
{
    color: #fff;
}
body.dark .pricing__view .icon
{
    fill: #fff;
}

.faq
{
    color: #fff;
}
@media only screen and (max-width: 1179px)
{
    .faq__center
    {
        padding: 0 32px;
    }
}
@media only screen and (max-width: 767px)
{
    .faq__center
    {
        padding: 0 12px;
    }
}
.faq__container
{
    position: relative;

    padding: 112px 116px 437px;
}
@media only screen and (max-width: 1179px)
{
    .faq__container
    {
        overflow: hidden;

        padding: 80px 56px 437px;
    }
}
@media only screen and (max-width: 767px)
{
    .faq__container
    {
        padding: 48px 24px 307px;
    }
}
.faq__bg
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    border-radius: 24px;
    background: #1c211f;
}
.faq__bg:before,
.faq__bg:after
{
    position: absolute;

    content: '';

    border-radius: 50%;
    background: linear-gradient(135.15deg, #ae80dc 1.17%, #dc83c3 31.88%, #8084dc 65.46%);
}
.faq__bg:before
{
    top: -280px;
    left: -280px;

    width: 560px;
    height: 560px;

    opacity: .5;

    filter: blur(278.261px);
}
.faq__bg:after
{
    right: -137px;
    bottom: -95px;

    width: 299px;
    height: 299px;

    opacity: .6;

    filter: blur(160px);
}
@media only screen and (max-width: 767px)
{
    .faq__bg:after
    {
        display: none;
    }
}
.faq__title
{
    max-width: 410px;
    margin: 0 auto 80px;

    text-align: center;

    color: #fff;
}
@media only screen and (max-width: 1179px)
{
    .faq__title
    {
        margin-bottom: 72px;
    }
}
@media only screen and (max-width: 767px)
{
    .faq__title
    {
        margin-bottom: 47px;
    }
}
.faq__row
{
    display: flex;

    margin: 0 -40px;
}
@media only screen and (max-width: 1179px)
{
    .faq__row
    {
        margin: 0 -20px;
    }
}
@media only screen and (max-width: 1023px)
{
    .faq__row
    {
        display: block;

        margin: 0;
    }
}
.faq__col
{
    width: calc(50% - 80px);
    margin: 0 40px;

    flex: 0 0 calc(50% - 80px);
}
@media only screen and (max-width: 1179px)
{
    .faq__col
    {
        width: calc(50% - 40px);
        margin: 0 20px;

        flex: 0 0 calc(50% - 40px);
    }
}
@media only screen and (max-width: 1023px)
{
    .faq__col
    {
        width: 100%;
        margin: 0;
    }
}
@media only screen and (max-width: 1023px)
{
    .faq__col:not(:last-child)
    {
        margin-bottom: 64px;
    }
}
.faq__group:not(:last-child)
{
    margin-bottom: 64px;
}
.faq__category
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3333333333;

    margin-bottom: 40px;
    padding-bottom: 40px;

    border-bottom: 2px solid rgba(255, 255, 255, .1);
}
.faq__item:not(:last-child)
{
    margin-bottom: 33px;
}
.faq__head
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3333333333;

    position: relative;

    padding-right: 48px;

    cursor: pointer;
    transition: opacity .2s;

    opacity: .7;
    color: #fff;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.faq__head:before
{
    position: absolute;
    top: 0;
    right: 0;

    width: 24px;
    height: 24px;

    content: '';
    transition: transform .2s;

    background: url('data:image/svg+xml,%3Csvg width=\'24\' height=\'24\' viewBox=\'0 0 24 24\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M16 10L12 14L8 10\' stroke=\'white\' stroke-width=\'2\' stroke-miterlimit=\'10\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/%3E%3C/svg%3E%0A') no-repeat 50% 50%/100% auto;
}
.faq__head:hover
{
    opacity: 1;
}
.faq__item.active .faq__head
{
    opacity: 1;
}
.faq__item.active .faq__head:before
{
    transform: rotate(180deg);
}
.faq__body
{
    display: none;

    padding-top: 16px;

    color: #59635f;
}
.faq__gallery
{
    position: absolute;
    bottom: -197px;
    left: 50%;

    width: 870px;

    transform: translateX(-58%);
    pointer-events: none;
}
@media only screen and (max-width: 767px)
{
    .faq__gallery
    {
        bottom: 10px;

        width: 390px;

        transform: translateX(-55%);
    }
}
.faq__preview:nth-child(2)
{
    top: -10.5%;
    left: 23.5%;

    width: 29%;
}
.faq__preview:nth-child(2).aos-animate
{
    animation: up-down 4s infinite;
}
.faq__preview:nth-child(3)
{
    top: 1%;
    right: 5%;

    width: 34%;
}
.faq__preview:nth-child(3).aos-animate
{
    animation: up-down 4s 1s infinite;
}
.faq__preview img
{
    width: 100%;
}
.faq__preview:not(:first-child)
{
    position: absolute;
}
.faq:not(:last-child)
{
    margin-bottom: 264px;
}
@media only screen and (max-width: 1179px)
{
    .faq:not(:last-child)
    {
        margin-bottom: 96px;
    }
}

.popup
{
    max-width: 548px;
    margin: 0 auto;
    padding: 40px 46px 56px;

    text-align: center;

    color: #fff;
    border: 2px solid rgba(255, 255, 255, .1);
    border-radius: 32px;
    background: #283036;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .25);
}
@media only screen and (max-width: 767px)
{
    .popup
    {
        padding: 32px 32px 40px;

        border-radius: 24px;
    }
}
.popup__title
{
    margin-bottom: 46px;
}
.popup__variants
{
    display: flex;

    margin: 0 -8px 40px;
}
@media only screen and (max-width: 767px)
{
    .popup__variants
    {
        display: block;

        margin: 0 0 32px;
    }
}
.popup__variant
{
    font-weight: 700;

    display: flex;

    width: calc(50% - 16px);
    height: 64px;
    margin: 0 8px;

    transition: all .2s;

    color: #fff;
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 16px;

    justify-content: center;
    align-items: center;
    flex: 0 0 calc(50% - 16px);
}
@media only screen and (max-width: 767px)
{
    .popup__variant
    {
        width: 100%;
        margin: 0;
    }
}
.popup__variant img
{
    max-height: 24px;
    margin-right: 10px;
}
.popup__variant:hover
{
    border-color: transparent;
    background: rgba(255, 255, 255, .2);
}
@media only screen and (max-width: 767px)
{
    .popup__variant:not(:last-child)
    {
        margin-bottom: 16px;
    }
}
.popup__details
{
    margin-bottom: 24px;

    color: #3d4743;
}
.popup__btns:not(:last-child)
{
    margin-bottom: 24px;
}
.popup__btns .popup__btn
{
    min-width: 100%;
}
.popup__btns .popup__btn:not(:last-child)
{
    margin-bottom: 20px;
}
@media only screen and (max-width: 767px)
{
    .popup__btns .popup__btn:not(:last-child)
    {
        margin-bottom: 16px;
    }
}
.popup__note
{
    font-size: 13px;
    line-height: 1.8461538462;

    max-width: 340px;
    margin: 0 auto;

    color: #59635f;
}
.popup__info
{
    margin-bottom: 48px;

    color: #3d4743;
}
@media only screen and (max-width: 767px)
{
    .popup__info
    {
        margin-bottom: 24px;
    }
}
.popup__info a
{
    transition: border-color .2s;

    color: #fff;
    border-bottom: 1px solid transparent;
}
.popup__info a:hover
{
    border-color: #fff;
}
.popup__code
{
    display: flex;

    margin: 0 -8px 20px;
}
@media only screen and (max-width: 767px)
{
    .popup__code
    {
        margin: 0 -4px 20px;
    }
}
.popup__number
{
    width: calc(16.6666666667% - 16px);
    margin: 0 8px;

    flex: 0 0 calc(16.6666666667% - 16px);
}
@media only screen and (max-width: 767px)
{
    .popup__number
    {
        width: calc(16.6666666667% - 8px);
        margin: 0 4px;

        flex: 0 0 calc(16.6666666667% - 8px);
    }
}
.popup__number input
{
    font-size: 40px;
    font-weight: 500;

    width: 100%;
    height: 77px;

    text-align: center;

    color: #016630;
    border: 1px solid transparent;
    border-radius: 8px;
    background: #35414b;
}
@media only screen and (max-width: 767px)
{
    .popup__number input
    {
        font-size: 32px;

        height: 56px;
    }
}
.popup__number input:focus
{
    border-color: #fff;
}
.popup__link
{
    font-weight: 700;

    transition: color .2s;

    color: #59635f;
}
.popup__link:hover
{
    color: #fff;
}
.popup .mfp-close
{
    font-size: 0;
    line-height: normal;

    position: absolute;
    top: 12px;
    right: 12px;

    width: 48px;
    height: 48px;

    transition: box-shadow .25s;

    opacity: 1;
    border-radius: 50%;
    background: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'10\' height=\'10\' viewBox=\'0 0 10 10\'%3E%3Cpath fill=\'%23ffffff\' d=\'M1.613.2l.094.083L5 3.585 8.293.293a1 1 0 0 1 1.414 0 1 1 0 0 1 .083 1.32l-.083.094L6.415 5l3.292 3.293a1 1 0 0 1-1.32 1.497l-.094-.083L5 6.415 1.707 9.707A1 1 0 0 1 .21 8.387l.083-.094L3.585 5 .293 1.707a1 1 0 0 1 0-1.414A1 1 0 0 1 1.613.21z\'/%3E%3C/svg%3E') no-repeat 50% 50%/14px auto;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 767px)
{
    .popup .mfp-close
    {
        width: 40px;
        height: 40px;
    }
}
.popup .mfp-close:hover
{
    box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
}

.mfp-container
{
    padding: 20px;
}
@media only screen and (max-width: 767px)
{
    .mfp-container
    {
        padding: 0;
    }
}

@media (max-width: 900px)
{
    .mfp-container
    {
        padding: 30px 20px;
    }
}
.mfp-bg
{
    background: rgba(13, 47, 38, .98);
}

.mfp-zoom-in .popup
{
    transition: all .2s ease-in-out;
    transform: scale(.8);

    opacity: 0;
}
.mfp-zoom-in.mfp-bg
{
    transition: all .2s ease-out;

    opacity: 0;
}
.mfp-zoom-in.mfp-ready .popup
{
    transform: scale(1);

    opacity: 1;
}
.mfp-zoom-in.mfp-ready.mfp-bg
{
    opacity: .98;
}
.mfp-zoom-in.mfp-removing .popup
{
    transform: scale(.8);

    opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg
{
    opacity: 0;
}

.about
{
    text-align: center;
}
.about__center
{
    max-width: 968px;
}
.about__title
{
    max-width: 800px;
    margin: 0 auto 82px;
}
@media only screen and (max-width: 1179px)
{
    .about__title
    {
        max-width: 510px;
        margin-bottom: 12px;
    }
}
.about__preview
{
    margin-bottom: 65px;
}
@media only screen and (max-width: 767px)
{
    .about__preview
    {
        margin: 0 -32px 48px;
    }
}
.about__preview img
{
    max-width: 100%;
}
.about .stage
{
    margin-bottom: 16px;
}
.about__subtitle
{
    margin-bottom: 64px;
}
@media only screen and (max-width: 767px)
{
    .about__subtitle
    {
        margin-bottom: 40px;
    }
}
.about__list
{
    display: flex;

    margin-bottom: 64px;
    padding-bottom: 64px;

    border-bottom: 2px solid rgba(228, 236, 232, .2);

    justify-content: center;
}
@media only screen and (max-width: 767px)
{
    .about__list
    {
        display: block;

        margin-bottom: 48px;
        padding: 0;

        text-align: center;

        border: none;
    }
}
.about__item
{
    max-width: 160px;
}
@media only screen and (max-width: 767px)
{
    .about__item
    {
        margin: 0 auto;
    }
}
.about__item:not(:last-child)
{
    margin-right: 102px;
}
@media only screen and (max-width: 767px)
{
    .about__item:not(:last-child)
    {
        margin: 0 auto 48px;
    }
}
.about__icon
{
    font-size: 0;

    display: flex;

    height: 48px;
    margin-bottom: 32px;

    justify-content: center;
    align-items: center;
}
.about__category
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
}
.about__info
{
    font-size: 13px;
    font-weight: 600;
    line-height: 1.8461538462;

    margin-bottom: 40px;
}
.about__info span
{
    display: block;

    margin-bottom: 4px;

    color: #1c211f;
}
.about__team
{
    display: flex;

    margin: -72px -60px 0;

    flex-wrap: wrap;
}
@media only screen and (max-width: 1023px)
{
    .about__team
    {
        margin: -64px -30px 0;
    }
}
@media only screen and (max-width: 767px)
{
    .about__team
    {
        margin: -48px -10px 0;
    }
}
.about__user
{
    width: calc(25% - 80px);
    margin: 72px 40px 0;

    flex: 0 0 calc(25% - 80px);
}
@media only screen and (max-width: 1023px)
{
    .about__user
    {
        width: calc(25% - 60px);
        margin: 60px 30px 0;

        flex: 0 0 calc(25% - 60px);
    }
}
@media only screen and (max-width: 767px)
{
    .about__user
    {
        width: calc(50% - 20px);
        margin: 48px 10px 0;

        flex: 0 0 calc(50% - 20px);
    }
}
.about__ava
{
    position: relative;

    width: 128px;
    height: 128px;
    margin: 0 auto 32px;

    transition: all .2s;

    border-width: 0;
    border-style: solid;
    border-color: #fff;
    border-radius: 50%;
}
.about__ava img
{
    width: 100%;
    min-height: 100%;

    transition: transform .2s;

    border-radius: 50%;
}
.about__user:hover .about__ava
{
    border-width: 10px;
}
.about__user:hover .about__ava img
{
    transform: scale(.96);
}
.about__name
{
    font-weight: 700;

    margin-bottom: 4px;
}
.about__post
{
    font-size: 14px;
    line-height: 1.7142857143;

    margin: 0 -5px;

    color: rgba(28, 33, 31, .75);
}
.about:not(:last-child)
{
    margin-bottom: 136px;
}
@media only screen and (max-width: 1179px)
{
    .about:not(:last-child)
    {
        margin-bottom: 96px;
    }
}
@media only screen and (max-width: 767px)
{
    .about:not(:last-child)
    {
        margin-bottom: 48px;
    }
}

body.dark .about__icon path
{
    fill: #fff;
}
body.dark .about__info span
{
    color: #fff;
}
body.dark .about__post
{
    color: rgba(255, 255, 255, .75);
}
body.dark .about__ava
{
    border-color: #1c211f;
}

.features__title
{
    max-width: 620px;
    margin: 0 auto 22px;

    text-align: center;
}
@media only screen and (max-width: 1179px)
{
    .features__title
    {
        max-width: 400px;
    }
}
.features__info
{
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;

    margin-bottom: 32px;

    text-align: center;

    color: #59635f;
}
@media only screen and (max-width: 767px)
{
    .features__info
    {
        font-size: 16px;
        font-weight: 600;

        max-width: 260px;
        margin: 0 auto 32px;
    }
}
.features__btns
{
    display: flex;

    margin-bottom: 40px;

    justify-content: center;
}
@media only screen and (max-width: 767px)
{
    .features__btns
    {
        flex-direction: column;

        align-items: center;
    }
}
.features__btn:not(:last-child)
{
    margin-right: 24px;
}
@media only screen and (max-width: 767px)
{
    .features__btn:not(:last-child)
    {
        margin: 0 0 24px;
    }
}
.features__bg
{
    position: relative;
    left: 50%;

    display: flex;

    width: 1100px;
    height: 600px;
    margin-bottom: 136px;

    transform: translateX(-52.8%);
    pointer-events: none;

    justify-content: center;
    align-items: flex-end;
}
@media only screen and (max-width: 1179px)
{
    .features__bg
    {
        margin-bottom: 96px;
    }
}
@media only screen and (max-width: 1023px)
{
    .features__bg
    {
        margin-bottom: 76px;
    }
}
@media only screen and (max-width: 767px)
{
    .features__bg
    {
        width: 440px;
        height: 320px;
        margin-bottom: 64px;
    }
}
.features__preview:nth-child(2)
{
    position: absolute;
    bottom: 14%;
    left: 16.5%;

    width: 72%;
}
@media only screen and (max-width: 767px)
{
    .features__preview:nth-child(2)
    {
        bottom: 14%;
        left: 5%;

        width: 100%;
    }
}
.features__preview img
{
    width: 100%;
}
@media only screen and (max-width: 767px)
{
    .features__wrap
    {
        position: relative;
    }
    .features__wrap:after
    {
        position: absolute;
        top: 0;
        right: -32px;
        bottom: 0;

        width: 64px;

        content: '';
        pointer-events: none;

        background: linear-gradient(270deg, #eeeff2 0%, rgba(238, 239, 242, .7) 50%, rgba(238, 239, 242, 0) 100%);
    }
}
.features__row
{
    display: flex;

    margin: 0 -80px;
}
@media only screen and (max-width: 1179px)
{
    .features__row
    {
        margin: 0 -45px;
    }
}
@media only screen and (max-width: 1023px)
{
    .features__row
    {
        margin: 0 -24px;
    }
}
@media only screen and (max-width: 767px)
{
    .features__row
    {
        overflow: auto;

        margin: 0 -32px;

        -ms-overflow-style: none;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .features__row::-webkit-scrollbar
    {
        display: none;
    }
    .features__row:before,
    .features__row:after
    {
        width: 32px;
        height: 1px;

        content: '';

        flex-shrink: 0;
    }
}
.features__col
{
    width: 33%;
    padding: 0 80px;

    flex: 0 0 33%;
}
@media only screen and (max-width: 1179px)
{
    .features__col
    {
        padding: 0 45px;
    }
}
@media only screen and (max-width: 1023px)
{
    .features__col
    {
        padding: 0 24px;
    }
}
@media only screen and (max-width: 767px)
{
    .features__col
    {
        width: 270px;
        padding: 0;

        flex: 0 0 270px;
    }
}
.features__col:nth-child(2)
{
    width: 34%;

    border-width: 0 4px;
    border-style: solid;
    border-color: rgba(228, 236, 232, .1);

    flex: 0 0 34%;
}
@media only screen and (max-width: 767px)
{
    .features__col:nth-child(2)
    {
        width: 270px;

        flex: 0 0 270px;
    }
}
@media only screen and (max-width: 767px)
{
    .features__col:not(:last-child)
    {
        padding-right: 24px;
    }
}
@media only screen and (max-width: 767px)
{
    .features__col:not(:first-child)
    {
        padding-left: 24px;
    }
}
.features__icon
{
    display: flex;

    width: 64px;
    height: 64px;
    margin-bottom: 62px;

    border-radius: 50%;
    background: #e4ece8;

    justify-content: center;
    align-items: center;
}
.features__category
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;

    margin-bottom: 24px;
}
@media only screen and (max-width: 1179px)
{
    .features__category
    {
        font-size: 18px;
    }
}
@media only screen and (max-width: 1023px)
{
    .features__category
    {
        font-size: 16px;
    }
}
.features__text
{
    max-width: 240px;

    color: #59635f;
}
.features:not(:last-child)
{
    margin-bottom: 134px;
}
@media only screen and (max-width: 1179px)
{
    .features:not(:last-child)
    {
        margin-bottom: 96px;
    }
}
@media only screen and (max-width: 767px)
{
    .features:not(:last-child)
    {
        margin-bottom: 86px;
    }
}

body.dark .features__wrap:after
{
    background: linear-gradient(270deg, #0d2f26 0%, rgba(13, 47, 38, .7) 50%, rgba(13, 47, 38, 0) 100%);
}

@media only screen and (max-width: 1179px)
{
    .share__center
    {
        padding: 0 32px;
    }
}
@media only screen and (max-width: 767px)
{
    .share__center
    {
        padding: 0 12px;
    }
}
.share__container
{
    position: relative;

    padding: 96px 140px;

    color: #fff;
}
@media only screen and (max-width: 1179px)
{
    .share__container
    {
        padding: 96px 80px;
    }
}
@media only screen and (max-width: 1023px)
{
    .share__container
    {
        padding: 64px 40px;
    }
}
@media only screen and (max-width: 767px)
{
    .share__container
    {
        padding: 40px 32px;
    }
}
.share__bg
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    border-radius: 24px;
    background: #1c211f;
}
.share__bg:before,
.share__bg:after
{
    position: absolute;

    content: '';

    border-radius: 50%;
    background: linear-gradient(135.15deg, #ae80dc 1.17%, #dc83c3 31.88%, #8084dc 65.46%);
}
.share__bg:before
{
    top: -280px;
    left: -280px;

    width: 560px;
    height: 560px;

    opacity: .6;

    filter: blur(278.261px);
}
.share__bg:after
{
    right: -195px;
    bottom: -181px;

    width: 389px;
    height: 389px;

    opacity: .6;

    filter: blur(160px);
}
@media only screen and (max-width: 767px)
{
    .share__bg:after
    {
        display: none;
    }
}
.share__row
{
    position: relative;
    z-index: 3;

    display: flex;

    margin: 0 -120px;
}
@media only screen and (max-width: 1179px)
{
    .share__row
    {
        margin: 0 -80px;
    }
}
@media only screen and (max-width: 1023px)
{
    .share__row
    {
        margin: 0 -40px;
    }
}
@media only screen and (max-width: 767px)
{
    .share__row
    {
        display: block;

        margin: 0;
    }
}
.share__col
{
    width: 50%;
    padding: 0 120px;

    flex: 0 0 50%;
}
@media only screen and (max-width: 1179px)
{
    .share__col
    {
        padding: 0 80px;
    }
}
@media only screen and (max-width: 1023px)
{
    .share__col
    {
        padding: 0 40px;
    }
}
@media only screen and (max-width: 767px)
{
    .share__col
    {
        width: 100%;
        padding: 0;
    }
}
.share__col:first-child
{
    position: relative;
}
.share__col:first-child:before
{
    position: absolute;
    top: 0;
    right: -2px;
    bottom: 0;

    width: 4px;

    content: '';

    background: rgba(228, 236, 232, .1);
}
@media only screen and (max-width: 767px)
{
    .share__col:first-child:before
    {
        display: none;
    }
}
@media only screen and (max-width: 767px)
{
    .share__col:not(:last-child)
    {
        margin-bottom: 48px;
    }
}
.share__preview
{
    margin-left: -140px;
}
.share__title
{
    margin-bottom: 12px;
}
@media only screen and (max-width: 767px)
{
    .share__title
    {
        font-size: 24px;

        max-width: 240px;
    }
}
.share__text
{
    max-width: 260px;
    margin-bottom: 40px;

    color: #59635f;
}
@media only screen and (max-width: 767px)
{
    .share__text
    {
        margin-bottom: 24px;
    }
}
.share .btn_border
{
    color: #fff;
    box-shadow: inset 0 0 0 2px #fff;
}
.share .btn_border:hover
{
    color: #1c211f;
    background: #fff;
    box-shadow: none;
}
.share:not(:last-child)
{
    margin-bottom: 136px;
}
@media only screen and (max-width: 1179px)
{
    .share:not(:last-child)
    {
        margin-bottom: 96px;
    }
}
@media only screen and (max-width: 767px)
{
    .share:not(:last-child)
    {
        margin-bottom: 48px;
    }
}

.comment__title
{
    max-width: 370px;
    margin: 0 auto 80px;

    text-align: center;
}
@media only screen and (max-width: 1179px)
{
    .comment__title
    {
        margin-bottom: 48px;
    }
}
@media only screen and (max-width: 767px)
{
    .comment__title
    {
        margin-bottom: 40px;
    }
}
.comment__container
{
    margin: 0 -32px;
}
@media only screen and (max-width: 1179px)
{
    .comment__container
    {
        margin: 0 -16px;
    }
}
.comment__item
{
    margin: 0 32px;
}
@media only screen and (max-width: 1179px)
{
    .comment__item
    {
        margin: 0 16px;
    }
}
.comment__body
{
    position: relative;

    margin-bottom: 60px;
    padding: 40px;

    border-radius: 24px 24px 24px 0;
    background: #fff;
}
@media only screen and (max-width: 1179px)
{
    .comment__body
    {
        padding: 32px;
    }
}
@media only screen and (max-width: 767px)
{
    .comment__body
    {
        padding: 40px;

        text-align: center;

        border-radius: 24px;
    }
}
.comment__body:after
{
    position: absolute;
    top: 100%;
    left: 0;

    width: 0;
    height: 0;

    content: '';

    border-width: 43px 43px 0 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
@media only screen and (max-width: 767px)
{
    .comment__body:after
    {
        left: 50%;

        width: 0;
        height: 0;

        transform: translateX(-50%);

        border-width: 25px 25px 0 25px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
    }
}
.comment__text
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;

    margin-bottom: 16px;
}
.comment__rating
{
    display: flex;

    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .comment__rating
    {
        justify-content: center;
    }
}
.comment__icon:not(:last-child)
{
    margin-right: 16px;
}
.comment__author
{
    display: flex;

    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .comment__author
    {
        flex-direction: column;

        text-align: center;
    }
}
.comment__ava
{
    width: 64px;
    height: 64px;
    margin-right: 24px;

    flex-shrink: 0;
}
@media only screen and (max-width: 767px)
{
    .comment__ava
    {
        margin: 0 0 12px;
    }
}
.comment__ava img
{
    width: 100%;
    min-height: 100%;

    border-radius: 50%;
}
.comment__details
{
    flex-grow: 1;
}
.comment__man
{
    font-weight: 700;

    margin-bottom: 4px;
}
.comment__time
{
    font-size: 14px;
    line-height: 1.7142857143;

    color: rgba(28, 33, 31, .75);
}
.comment .owl-nav
{
    display: flex;

    margin-top: 83px;

    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 1179px)
{
    .comment .owl-nav
    {
        margin-top: 48px;
    }
}
@media only screen and (max-width: 767px)
{
    .comment .owl-nav
    {
        margin-top: 40px;
    }
}
.comment .owl-carousel .owl-nav button.owl-prev,
.comment .owl-carousel .owl-nav button.owl-next
{
    font-size: 0;

    width: 40px;
    height: 40px;

    flex-shrink: 0;
}
.comment .owl-carousel .owl-nav button.owl-prev path,
.comment .owl-carousel .owl-nav button.owl-next path
{
    transition: fill .2s;

    fill: #59635f;
}
.comment .owl-carousel .owl-nav button.owl-prev:hover path,
.comment .owl-carousel .owl-nav button.owl-next:hover path
{
    fill: #1c211f;
}
.comment .owl-carousel .owl-nav button.owl-prev
{
    margin-right: 24px;
}
.comment:not(:last-child)
{
    margin-bottom: 120px;
}
@media only screen and (max-width: 1179px)
{
    .comment:not(:last-child)
    {
        margin-bottom: 96px;
    }
}
@media only screen and (max-width: 767px)
{
    .comment:not(:last-child)
    {
        margin-bottom: 72px;
    }
}

body.dark .comment__body
{
    background: #283036;
}
body.dark .comment__body:after
{
    border-color: #283036 transparent transparent transparent;
}
body.dark .comment__time
{
    color: rgba(255, 255, 255, .75);
}
body.dark .comment .owl-carousel .owl-nav button.owl-prev:hover path,
body.dark .comment .owl-carousel .owl-nav button.owl-next:hover path
{
    fill: #fff;
}

.questions__center
{
    max-width: 818px;
}
@media only screen and (max-width: 767px)
{
    .questions__center
    {
        padding: 0 12px;
    }
}
.questions__preview
{
    margin-bottom: 26px;

    text-align: center;
}
.questions__title
{
    max-width: 455px;
    margin: 0 auto 56px;

    text-align: center;
}
@media only screen and (max-width: 767px)
{
    .questions__title
    {
        margin-bottom: 40px;
    }
}
.questions__nav
{
    display: flex;

    margin-bottom: 64px;

    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 767px)
{
    .questions__nav
    {
        display: none;
    }
}
.questions__link
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;

    padding: 0 16px;

    transition: all .2s;

    color: #1c211f;
    border-radius: 20px;
}
.questions__link:hover
{
    color: #016630;
}
.questions__link.active
{
    color: #1c211f;
    background: #fff;
}
.questions__link:not(:last-child)
{
    margin-right: 16px;
}
.questions__item
{
    padding: 8px 32px;

    transition: all .2s;

    border-radius: 16px;
}
@media only screen and (max-width: 767px)
{
    .questions__item
    {
        padding: 12px;
    }
}
.questions__item.active
{
    background: #fff;
}
.questions__item:not(:last-child)
{
    margin-bottom: 8px;
}
.questions__head
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3333333333;

    position: relative;

    padding: 8px 40px 8px 0;

    cursor: pointer;
    transition: color .2s;

    color: #59635f;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media only screen and (max-width: 767px)
{
    .questions__head
    {
        padding: 0 40px 0 0;
    }
}
.questions__head:before
{
    position: absolute;
    top: 8px;
    right: 0;

    width: 24px;
    height: 24px;

    content: '';
    transition: transform .2s;

    background: url('data:image/svg+xml,%3Csvg width=\'24\' height=\'24\' viewBox=\'0 0 24 24\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M16 10L12 14L8 10\' stroke=\'black\' stroke-width=\'2\' stroke-miterlimit=\'10\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/%3E%3C/svg%3E%0A') no-repeat 50% 50%/100% auto;
}
@media only screen and (max-width: 767px)
{
    .questions__head:before
    {
        top: 0;
    }
}
.questions__head:hover
{
    color: #1c211f;
}
.questions__item.active .questions__head
{
    color: #1c211f;
}
.questions__item.active .questions__head:before
{
    transform: rotate(180deg);
}
.questions__body
{
    display: none;

    padding: 8px 0;

    color: #59635f;
}
@media only screen and (max-width: 767px)
{
    .questions__body
    {
        padding: 16px 0 8px;
    }
}
.questions:not(:last-child)
{
    margin-bottom: 120px;
}
@media only screen and (max-width: 1179px)
{
    .questions:not(:last-child)
    {
        margin-bottom: 96px;
    }
}
@media only screen and (max-width: 767px)
{
    .questions:not(:last-child)
    {
        margin-bottom: 36px;
    }
}

body.dark .questions__link
{
    color: rgba(255, 255, 255, .75);
}
body.dark .questions__link:hover
{
    color: #fff;
}
body.dark .questions__link.active
{
    color: #1c211f;
}
body.dark .questions__item.active
{
    background: rgba(40, 48, 54, .5);
}
body.dark .questions__head:before
{
    background: url('data:image/svg+xml,%3Csvg width=\'24\' height=\'24\' viewBox=\'0 0 24 24\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M16 10L12 14L8 10\' stroke=\'white\' stroke-width=\'2\' stroke-miterlimit=\'10\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/%3E%3C/svg%3E%0A') no-repeat 50% 50%/100% auto;
}
body.dark .questions__head:hover
{
    color: #fff;
}
body.dark .questions__item.active .questions__head
{
    color: #fff;
}

@media only screen and (max-width: 1179px)
{
    .offer__center
    {
        padding: 0 32px;
    }
}
@media only screen and (max-width: 767px)
{
    .offer__center
    {
        padding: 0 12px;
    }
}
.offer__container
{
    position: relative;

    padding: 64px 64px 120px;

    text-align: center;

    border-radius: 24px;
    background: linear-gradient(90.33deg, #fea989 .02%, #99b4db 98.92%);
}
@media only screen and (max-width: 767px)
{
    .offer__container
    {
        padding: 80px 12px 88px;
    }
}
.offer__title
{
    max-width: 835px;
    margin: 0 auto 32px;

    text-align: center;
}
@media only screen and (max-width: 1179px)
{
    .offer__title
    {
        font-size: 48px;
        line-height: 1.1666666667;
    }
}
@media only screen and (max-width: 767px)
{
    .offer__title
    {
        font-size: 40px;
        line-height: 1.2;
    }
}
.offer__preview
{
    position: absolute;
    bottom: -180px;
    left: 50%;

    transform: translateX(-50%);
}
@media only screen and (max-width: 767px)
{
    .offer__preview
    {
        bottom: -105px;

        width: 400px;
    }
    .offer__preview img
    {
        width: 100%;
    }
}
.offer:not(:last-child)
{
    margin-bottom: 316px;
}
@media only screen and (max-width: 1179px)
{
    .offer:not(:last-child)
    {
        margin-bottom: 290px;
    }
}
@media only screen and (max-width: 767px)
{
    .offer:not(:last-child)
    {
        margin-bottom: 150px;
    }
}

.contact
{
    position: relative;

    padding-top: 50px;
}
@media only screen and (max-width: 1179px)
{
    .contact
    {
        padding-top: 0;
    }
}
.contact__bg
{
    position: absolute;
    z-index: -1;
    top: 50%;
    left: calc(50% - 650px);

    transform: translateY(-12%);
}
@media only screen and (max-width: 1339px)
{
    .contact__bg
    {
        left: calc(50% - 600px);
    }
}
@media only screen and (max-width: 1179px)
{
    .contact__bg
    {
        left: calc(50% - 520px);

        width: 650px;
    }
}
@media only screen and (max-width: 1023px)
{
    .contact__bg
    {
        left: calc(50% - 430px);

        width: 550px;
    }
}
@media only screen and (max-width: 767px)
{
    .contact__bg
    {
        display: none;
    }
}
.contact__preview:nth-child(2)
{
    top: -43.5%;
    left: 25%;

    width: 31%;
}
.contact__preview:nth-child(3)
{
    top: -8%;
    left: 1.5%;

    width: 35%;
}
.contact__preview:nth-child(3).aos-animate
{
    animation: up-down 4s 1.2s infinite;
}
.contact__preview:nth-child(4)
{
    top: -24%;
    right: 20%;

    width: 42%;
}
.contact__preview:nth-child(4).aos-animate
{
    animation: up-down 4s 1.8s infinite;
}
.contact__preview:nth-child(5)
{
    top: 32%;
    left: -8.5%;

    width: 26%;
}
@media only screen and (max-width: 1179px)
{
    .contact__preview:nth-child(5)
    {
        display: none;
    }
}
.contact__preview img
{
    width: 100%;
}
.contact__preview:not(:first-child)
{
    position: absolute;
}
.contact__wrap
{
    max-width: 405px;
    margin-left: auto;
}
@media only screen and (max-width: 1179px)
{
    .contact__wrap
    {
        max-width: 435px;
    }
}
@media only screen and (max-width: 1023px)
{
    .contact__wrap
    {
        max-width: 360px;
    }
}
@media only screen and (max-width: 767px)
{
    .contact__wrap
    {
        max-width: 100%;
    }
}
.contact__title
{
    margin-bottom: 12px;
}
@media only screen and (max-width: 767px)
{
    .contact__title
    {
        text-align: center;
    }
}
.contact__info
{
    margin-bottom: 48px;

    color: #59635f;
}
@media only screen and (max-width: 767px)
{
    .contact__info
    {
        margin-bottom: 40px;

        text-align: center;
    }
}
.contact .field:not(:last-child)
{
    margin-bottom: 24px;
}
@media only screen and (max-width: 767px)
{
    .contact__btn
    {
        min-width: 100%;
    }
}
.contact:not(:last-child)
{
    margin-bottom: 136px;
}
@media only screen and (max-width: 1179px)
{
    .contact:not(:last-child)
    {
        margin-bottom: 112px;
    }
}
@media only screen and (max-width: 767px)
{
    .contact:not(:last-child)
    {
        margin-bottom: 48px;
    }
}

.field__label
{
    margin-bottom: 16px;

    color: #3d4743;
}
.field__input,
.field__textarea
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-size: 16px;
    font-weight: 600;

    width: 100%;

    color: #1c211f;
    border: none;
    border-radius: 16px;
    background: #fff;
}
.field__input::-moz-placeholder,
.field__textarea::-moz-placeholder
{
    color: #59635f;
}
.field__input::placeholder,
.field__textarea::placeholder
{
    color: #59635f;
}
.field__input
{
    height: 64px;
    padding: 0 24px;
}
.field__textarea
{
    height: 160px;
    padding: 20px 24px;

    resize: none;
}

body.dark .field__input,
body.dark .field__textarea
{
    color: #fff;
    background: #283036;
}

.tarazzo-page
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    line-height: 1.75;

    overflow-x: clip;

    margin: 0;

    text-align: start;

    color: var(--tz-charcoal);
    background: var(--tz-warm-white);

    --tz-green: #016630;
    --tz-green-strong: #005326;
    --tz-deep-green: #0d2f26;
    --tz-charcoal: #1c211f;
    --tz-orange: #ff6e30;
    --tz-sage: #e4ece8;
    --tz-warm-white: #fbfaf7;
    --tz-surface: #f5f7f6;
    --tz-muted: #66716c;
    --tz-border: #e8ecea;
    font-variation-settings: 'DOTS' 7, 'wght' 450;
}
.tarazzo-page *,
.tarazzo-page *::before,
.tarazzo-page *::after
{
    box-sizing: border-box;
}
.tarazzo-page a
{
    text-decoration: none;

    color: inherit;
}
.tarazzo-page img
{
    max-width: 100%;
    height: auto;
}

.tz-skip
{
    position: fixed;
    z-index: 200;

    padding: 10px 16px;

    transition: transform .2s ease;
    transform: translateY(-160%);

    color: #fff;
    border-radius: 10px;
    background: var(--tz-charcoal);

    inset-block-start: 12px;
    inset-inline-start: 16px;
}
.tz-skip:focus
{
    transform: translateY(0);
}

.tz-container
{
    width: calc(100% - 40px);
    max-width: 1240px;

    margin-inline: auto;
}

.tz-header
{
    position: sticky;
    z-index: 100;

    background: rgba(251, 250, 247, .88);

    inset-block-start: 0;
    border-block-end: 1px solid rgba(13, 47, 38, .09);
            backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.tz-header__inner
{
    display: flex;

    min-height: 76px;

    align-items: center;
    gap: 32px;
}

.tz-brand
{
    display: inline-flex;

    align-items: center;
    margin-inline-end: auto;
}
.tz-brand img
{
    display: block;

    width: 142px;
}

.tz-nav
{
    font-size: 14px;
    font-weight: 650;

    display: flex;

    align-items: center;
    gap: 30px;
}
.tz-nav a
{
    position: relative;

    transition: color .2s ease;

    color: #37423e;

    padding-block: 12px;
}
.tz-nav a::after
{
    position: absolute;

    height: 2px;

    content: '';
    transition: transform .2s ease;
    transform: scaleX(0);

    border-radius: 2px;
    background: var(--tz-green);

    inset-inline: 0;
    inset-block-end: 5px;
}
.tz-nav a:hover,
.tz-nav a:focus-visible
{
    color: var(--tz-green);
}
.tz-nav a:hover::after,
.tz-nav a:focus-visible::after
{
    transform: scaleX(1);
}

.tz-mobile-nav
{
    position: relative;

    display: none;
}
.tz-mobile-nav summary
{
    display: grid;

    width: 46px;
    height: 46px;

    list-style: none;

    cursor: pointer;

    border: 1px solid var(--tz-border);
    border-radius: 12px;
    background: #fff;

    place-content: center;
    gap: 4px;
}
.tz-mobile-nav summary::-webkit-details-marker
{
    display: none;
}
.tz-mobile-nav summary:focus-visible
{
    outline: 3px solid rgba(255, 110, 48, .38);
    outline-offset: 3px;
}
.tz-mobile-nav summary span
{
    display: block;

    width: 20px;
    height: 2px;

    border-radius: 3px;
    background: var(--tz-charcoal);
}

.tz-mobile-nav__panel
{
    position: absolute;

    display: grid;

    min-width: 220px;
    padding: 10px;

    border: 1px solid var(--tz-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(13, 47, 38, .14);

    inset-block-start: calc(100% + 12px);
    inset-inline-end: 0;
}
.tz-mobile-nav__panel a
{
    font-weight: 600;

    padding: 11px 14px;

    border-radius: 9px;
}
.tz-mobile-nav__panel a:hover,
.tz-mobile-nav__panel a:focus-visible
{
    color: var(--tz-green);
    background: var(--tz-sage);
}

.tz-button
{
    font-size: 15px;
    font-weight: 750;
    line-height: 1.5;

    display: inline-flex;

    min-height: 52px;
    padding: 12px 24px;

    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;

    border: 1px solid transparent;
    border-radius: 13px;

    align-items: center;
    justify-content: center;
    touch-action: manipulation;
}
.tz-button:hover
{
    transform: translateY(-2px);
}
.tz-button:active
{
    transform: translateY(0);
}
.tz-button:focus-visible
{
    outline: 3px solid rgba(255, 110, 48, .38);
    outline-offset: 3px;
}

.tz-button--small
{
    font-size: 14px;

    min-height: 44px;
    padding: 9px 18px;
}

.tz-button--primary
{
    color: #fff;
    background: var(--tz-green);
    box-shadow: 0 8px 20px rgba(1, 102, 48, .18);
}
.tz-button--primary:hover
{
    background: var(--tz-green-strong);
}

.tz-button--header
{
    color: #23140e;
    background: var(--tz-orange);
    box-shadow: 0 8px 20px rgba(255, 110, 48, .2);
}
.tz-button--header:hover
{
    background: #f45f21;
}

.tz-button--accent
{
    color: #23140e;
    background: var(--tz-orange);
    box-shadow: 0 10px 26px rgba(255, 110, 48, .22);
}
.tz-button--accent:hover
{
    background: #f45f21;
}

.tz-button--ghost
{
    color: var(--tz-charcoal);
    border-color: #c9d4cf;
    background: rgba(255, 255, 255, .54);
}
.tz-button--ghost:hover
{
    color: var(--tz-green);
    border-color: var(--tz-green);
    background: #fff;
}

.tz-button--outline
{
    width: 100%;

    color: var(--tz-green);
    border-color: var(--tz-border);
    background: transparent;
}
.tz-button--outline:hover
{
    border-color: var(--tz-green);
    background: var(--tz-sage);
}

.tz-button--light
{
    color: var(--tz-deep-green);
    background: #fff;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .14);
}

.tz-hero
{
    position: relative;

    overflow: clip;

    background: radial-gradient(circle at 78% 36%, rgba(228, 236, 232, .95), transparent 31%), var(--tz-warm-white);

    padding-block: 92px 70px;
}

.tz-hero__grid
{
    display: grid;

    grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr);
    align-items: center;
    gap: 48px;
}

.tz-hero__copy
{
    position: relative;
    z-index: 2;
}
.tz-hero__copy h1
{
    font-size: clamp(46px, 5.6vw, 76px);
    font-weight: 840;
    line-height: 1.16;

    max-width: 680px;
    margin: 22px 0 20px;

    letter-spacing: -.035em;

    color: var(--tz-charcoal);

    font-variation-settings: 'DOTS' 7, 'wght' 840;
}
.tz-hero__copy p
{
    font-size: 18px;
    font-weight: 460;
    line-height: 2;

    max-width: 640px;
    margin: 0;

    color: var(--tz-muted);
}

.tz-eyebrow
{
    font-size: 13px;
    font-weight: 700;

    display: inline-flex;

    padding: 8px 12px;

    color: var(--tz-green);
    border: 1px solid #cadbd3;
    border-radius: 999px;
    background: rgba(255, 255, 255, .6);

    align-items: center;
    gap: 9px;
}

.tz-eyebrow__dot
{
    width: 8px;
    height: 8px;

    border-radius: 50%;
    background: var(--tz-orange);
    box-shadow: 0 0 0 4px rgba(255, 110, 48, .14);
}

.tz-hero__actions
{
    display: flex;

    flex-wrap: wrap;
    gap: 12px;
    margin-block-start: 32px;
}

.tz-hero__trust
{
    font-size: 13px;
    font-weight: 620;

    display: flex;

    margin: 30px 0 0;
    padding: 0;

    list-style: none;

    color: #4f5c57;

    flex-wrap: wrap;
    gap: 10px 24px;
}
.tz-hero__trust li
{
    position: relative;

    padding-inline-start: 18px;
}
.tz-hero__trust li::before
{
    position: absolute;

    width: 8px;
    height: 8px;

    content: '';

    border-radius: 50%;
    background: var(--tz-green);

    inset-block-start: .66em;
    inset-inline-start: 0;
}

.tz-hero__visual
{
    position: relative;

    min-height: 600px;
    margin: 0;

    isolation: isolate;
}

.tz-hero__orb
{
    position: absolute;
    z-index: -1;

    border-radius: 46% 54% 55% 45%/55% 41% 59% 45%;
    background: linear-gradient(145deg, #d8e7df, #edf3f0);
    box-shadow: inset 0 0 80px rgba(1, 102, 48, .08);

    inset: 9% 8% 13%;
}

.tz-hero__dashboard,
.tz-hero__receipt,
.tz-hero__widgets
{
    position: absolute;

    display: block;

    will-change: transform;
}

.tz-hero__dashboard
{
    z-index: 2;

    width: 90%;

    inset-block-start: 2%;
    inset-inline-start: 3%;
    filter: drop-shadow(0 30px 32px rgba(13, 47, 38, .17));
}

.tz-hero__receipt
{
    z-index: 3;

    width: 28%;

    inset-block-start: 20%;
    inset-inline-end: -2%;
    filter: drop-shadow(0 22px 25px rgba(13, 47, 38, .18));
}

.tz-hero__widgets
{
    z-index: 4;

    width: 100%;

    inset-block-end: 2%;
    inset-inline-start: 0;
    filter: drop-shadow(0 18px 20px rgba(13, 47, 38, .13));
}

.tz-control-strip
{
    background: var(--tz-surface);

    border-block: 1px solid var(--tz-border);
    padding-block: 22px;
}
.tz-control-strip .tz-container
{
    display: flex;

    align-items: center;
    justify-content: space-between;
    gap: 28px;
}
.tz-control-strip p
{
    font-size: 14px;
    font-weight: 750;

    margin: 0;

    color: var(--tz-green);
}

.tz-audiences
{
    background: #fff;
}

.tz-audiences__heading
{
    max-width: 900px;
    margin: 0 auto 48px;

    text-align: center;
}
.tz-audiences__heading h2
{
    font-size: clamp(36px, 4.6vw, 58px);
    font-weight: 820;
    line-height: 1.35;

    margin: 12px 0 16px;

    letter-spacing: -.025em;

    font-variation-settings: 'DOTS' 7, 'wght' 820;
}
.tz-audiences__heading p
{
    font-size: 17px;
    line-height: 1.95;

    max-width: 720px;
    margin: 0 auto;

    color: var(--tz-muted);
}

.tz-audiences__list
{
    display: grid;
    overflow: hidden;

    border: 1px solid var(--tz-border);
    border-radius: 24px;
    background: var(--tz-surface);

    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.tz-audiences__list article
{
    display: flex;
    flex-direction: column;

    min-width: 0;
    padding: 28px 20px;

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

    align-items: flex-start;
    border-inline-end: 1px solid var(--tz-border);
}
.tz-audiences__list article:last-child
{
    border-inline-end: 0;
}
.tz-audiences__list strong
{
    font-size: 15px;
    font-weight: 760;

    display: block;

    color: var(--tz-charcoal);

    margin-block-end: 8px;
}
.tz-audiences__list article > span:not(.tz-audience__icon)
{
    font-size: 12px;
    line-height: 1.8;

    display: block;

    color: var(--tz-muted);
}

.tz-audience__icon
{
    display: grid;

    width: 62px;
    height: 62px;

    color: var(--tz-green);
    border: 1px solid #c8d8d0;
    border-radius: 19px;
    background: linear-gradient(145deg, #fff, #edf4f0);
    box-shadow: 0 12px 26px rgba(13, 47, 38, .08);

    place-items: center;
    margin-block-end: 22px;
    will-change: transform, opacity;
}
.tz-audience__icon svg
{
    display: block;
    overflow: visible;

    width: 35px;
    height: 35px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tz-story
{
    background: var(--tz-warm-white);
}

.tz-story__panel
{
    display: grid;
    overflow: hidden;

    padding: 64px;

    border-radius: 34px;
    background: var(--tz-sage);

    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    align-items: center;
    gap: 64px;
}

.tz-story__copy h2
{
    font-size: clamp(38px, 4.5vw, 58px);
    font-weight: 820;
    line-height: 1.32;

    margin: 12px 0 20px;

    font-variation-settings: 'DOTS' 7, 'wght' 820;
}
.tz-story__copy p
{
    font-size: 16px;
    line-height: 2;

    margin: 0 0 14px;

    color: #4e5b55;
}

.tz-story__benefits
{
    display: grid;

    margin: 28px 0 0;
    padding: 0;

    list-style: none;

    gap: 10px;
}
.tz-story__benefits li
{
    font-size: 14px;
    font-weight: 650;

    position: relative;

    padding-inline-start: 28px;
}
.tz-story__benefits li::before
{
    font-weight: 850;

    position: absolute;

    content: '✓';

    color: var(--tz-green);

    inset-inline-start: 0;
}

.tz-story__media
{
    position: relative;

    min-height: 470px;

    border-radius: 28px;
    background: rgba(255, 255, 255, .55);
}
.tz-story__media img
{
    position: absolute;

    width: 112%;
    max-width: none;

    inset-block-start: -6%;
    inset-inline-start: -6%;
    filter: drop-shadow(0 25px 28px rgba(13, 47, 38, .14));
    will-change: transform;
}

.tz-section-heading--center
{
    text-align: center;

    margin-inline: auto;
}
.tz-section-heading--center p
{
    margin-inline: auto;
}

.tz-steps
{
    background: var(--tz-surface);
}

.tz-steps__list
{
    position: relative;

    display: grid;

    margin: 0;
    padding: 0;

    list-style: none;

    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}
.tz-steps__list::before
{
    position: absolute;

    height: 1px;

    content: '';

    background: #c9d8d1;

    inset-block-start: 42px;
    inset-inline: 10%;
}
.tz-steps__list li
{
    position: relative;
    z-index: 2;

    padding: 0 16px;

    text-align: center;
}
.tz-steps__list li > span
{
    font-size: 11px;
    font-weight: 750;

    display: block;

    color: var(--tz-green);

    margin-block: 18px 8px;
}
.tz-steps__list h3
{
    font-size: 19px;
    font-weight: 780;
    line-height: 1.6;

    margin: 0 0 10px;
}
.tz-steps__list p
{
    font-size: 13px;
    line-height: 1.9;

    margin: 0;

    color: var(--tz-muted);
}

.tz-steps__icon
{
    display: grid;

    width: 84px;
    height: 84px;

    color: var(--tz-green);
    border: 1px solid #c4d6cd;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 14px 30px rgba(13, 47, 38, .08);

    place-items: center;
    margin-inline: auto;
}
.tz-steps__icon svg
{
    width: 38px;
    height: 38px;
}

.tz-section
{
    padding-block: 116px;
}

.tz-section-heading
{
    max-width: 760px;

    margin-block-end: 54px;
}
.tz-section-heading h2
{
    font-size: clamp(36px, 4.2vw, 56px);
    font-weight: 820;
    line-height: 1.3;

    margin: 12px 0 16px;

    letter-spacing: -.025em;

    font-variation-settings: 'DOTS' 7, 'wght' 820;
}
.tz-section-heading p
{
    font-size: 17px;
    line-height: 1.95;

    max-width: 700px;
    margin: 0;

    color: var(--tz-muted);
}

.tz-kicker
{
    font-size: 13px;
    font-weight: 760;

    display: inline-block;

    letter-spacing: .01em;

    color: var(--tz-green);
}

.tz-kicker--light
{
    color: #a9d5be;
}

.tz-modules
{
    background: var(--tz-warm-white);
}

.tz-hub
{
    position: relative;

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: row dense;
    gap: 18px;
}
.tz-hub::before,
.tz-hub::after
{
    position: absolute;

    content: '';
    transform: translate(50%, -50%);
    pointer-events: none;

    border: 1px dashed rgba(1, 102, 48, .18);
    border-radius: 50%;

    inset-block-start: 50%;
    inset-inline-start: 50%;
    aspect-ratio: 1;
}
.tz-hub::before
{
    width: min(760px, 76%);
}
.tz-hub::after
{
    width: min(470px, 46%);

    border-color: rgba(255, 110, 48, .22);
}

.tz-hub__core
{
    position: relative;
    z-index: 1;

    display: flex;
    flex-direction: column;

    padding: 30px 26px;

    text-align: center;

    color: #fff;
    border-radius: 26px;
    background: linear-gradient(160deg, var(--tz-deep-green), var(--tz-green-strong));
    box-shadow: 0 22px 50px rgba(13, 47, 38, .22);

    grid-column: 2;
    grid-row: 2;
    justify-content: center;
    gap: 10px;
}
.tz-hub__core strong
{
    font-size: 21px;
    font-weight: 820;
    line-height: 1.5;

    font-variation-settings: 'DOTS' 7, 'wght' 820;
}
.tz-hub__core p
{
    font-size: 13px;
    line-height: 1.9;

    margin: 0;

    color: #c6d8d0;
}

.tz-hub__core-label
{
    font-size: 12px;
    font-weight: 750;

    color: #a9d5be;
}

.tz-module
{
    position: relative;
    z-index: 1;

    min-width: 0;
    padding: 24px 22px;

    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;

    border: 1px solid var(--tz-border);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 35px rgba(28, 33, 31, .045);
}
.tz-module:hover
{
    transform: translateY(-5px);

    border-color: #b7cdc3;
    box-shadow: 0 22px 45px rgba(13, 47, 38, .09);
}
.tz-module h3
{
    font-size: 18px;
    font-weight: 780;
    line-height: 1.5;

    margin: 16px 0 8px;
}
.tz-module p
{
    font-size: 13px;
    font-weight: 440;
    line-height: 1.9;

    margin: 0;

    color: var(--tz-muted);
}

.tz-module__icon
{
    display: inline-flex;

    width: 46px;
    height: 46px;

    color: var(--tz-green);
    border-radius: 14px;
    background: var(--tz-sage);

    align-items: center;
    justify-content: center;
}
.tz-module__icon svg
{
    width: 24px;
    height: 24px;
}

.tz-module__tags
{
    display: flex;

    margin: 16px 0 0;
    padding: 14px 0 0;

    list-style: none;

    flex-wrap: wrap;
    gap: 6px;
    border-block-start: 1px solid #e5ebe8;
}
.tz-module__tags li
{
    font-size: 11px;
    font-weight: 650;

    padding: 5px 10px;

    color: #52605a;
    border-radius: 999px;
    background: var(--tz-surface);
}

.tz-ai
{
    background: linear-gradient(180deg, var(--tz-surface), var(--tz-warm-white));
}

.tz-ai__grid
{
    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.tz-ai-card
{
    min-width: 0;
    padding: 24px 22px;

    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;

    border: 1px solid var(--tz-border);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 35px rgba(28, 33, 31, .045);
}
.tz-ai-card:hover
{
    transform: translateY(-5px);

    border-color: #b7cdc3;
    box-shadow: 0 22px 45px rgba(13, 47, 38, .09);
}
.tz-ai-card h3
{
    font-size: 18px;
    font-weight: 780;
    line-height: 1.5;

    margin: 18px 0 8px;
}
.tz-ai-card p
{
    font-size: 13px;
    font-weight: 440;
    line-height: 1.9;

    margin: 0;

    color: var(--tz-muted);
}
.tz-ai-card ul
{
    display: grid;

    margin: 16px 0 0;
    padding: 14px 0 0;

    list-style: none;

    gap: 8px;
    border-block-start: 1px solid #e5ebe8;
}
.tz-ai-card li
{
    font-size: 12px;
    font-weight: 600;
    line-height: 1.7;

    position: relative;

    color: #52605a;

    padding-inline-start: 18px;
}
.tz-ai-card li::before
{
    position: absolute;

    width: 6px;
    height: 6px;

    content: '';

    border-radius: 50%;
    background: var(--tz-orange);

    inset-block-start: .7em;
    inset-inline-start: 0;
}

.tz-ai-card__top
{
    display: flex;

    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.tz-ai-card__icon
{
    display: inline-flex;

    width: 46px;
    height: 46px;

    color: #fff;
    border-radius: 14px;
    background: linear-gradient(150deg, var(--tz-deep-green), var(--tz-green));

    align-items: center;
    justify-content: center;
}
.tz-ai-card__icon svg
{
    width: 24px;
    height: 24px;
}

.tz-ai-card__number
{
    font-size: 12px;
    font-weight: 750;

    color: var(--tz-orange);
}

.tz-showcases
{
    display: grid;

    gap: 26px;
    margin-block-start: 84px;
}

.tz-showcase
{
    display: grid;

    padding: 46px;

    border: 1px solid var(--tz-border);
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(28, 33, 31, .045);

    grid-template-columns: minmax(360px, .9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 68px;
}

.tz-showcase--reverse .tz-showcase__media
{
    order: 2;
}
.tz-showcase--reverse .tz-showcase__copy
{
    order: 1;
}

.tz-showcase__media
{
    position: relative;

    overflow: hidden;

    min-height: 410px;

    border-radius: 24px;
    background: var(--tz-sage);
}
.tz-showcase__media img
{
    position: absolute;

    width: 112%;
    max-width: none;

    inset-block-start: -6%;
    inset-inline-start: -6%;
    will-change: transform;
}

.tz-showcase__copy h3
{
    font-size: clamp(30px, 3.5vw, 45px);
    font-weight: 820;
    line-height: 1.42;

    margin: 12px 0 16px;

    font-variation-settings: 'DOTS' 7, 'wght' 820;
}
.tz-showcase__copy p
{
    font-size: 16px;
    line-height: 2;

    margin: 0;

    color: var(--tz-muted);
}
.tz-showcase__copy ul
{
    display: grid;

    margin: 28px 0 0;
    padding: 0;

    list-style: none;

    gap: 12px;
}
.tz-showcase__copy li
{
    font-size: 14px;
    font-weight: 620;

    position: relative;

    padding-inline-start: 28px;
}
.tz-showcase__copy li::before
{
    font-weight: 850;

    position: absolute;

    content: '✓';

    color: var(--tz-green);

    inset-inline-start: 0;
}

.tz-clarity
{
    position: relative;

    overflow: hidden;

    color: #fff;
    background: var(--tz-deep-green);
}
.tz-clarity::before
{
    position: absolute;

    width: 600px;
    height: 600px;

    content: '';

    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;

    inset-block-start: -250px;
    inset-inline-end: -180px;
}

.tz-clarity__grid
{
    display: grid;

    grid-template-columns: minmax(0, .9fr) minmax(450px, 1.1fr);
    align-items: center;
    gap: 68px;
}

.tz-clarity__content
{
    position: relative;
    z-index: 2;
}
.tz-clarity__content h2
{
    font-size: clamp(38px, 4.4vw, 60px);
    font-weight: 820;
    line-height: 1.28;

    margin: 12px 0 18px;

    font-variation-settings: 'DOTS' 7, 'wght' 820;
}
.tz-clarity__content p
{
    font-size: 17px;
    font-weight: 420;
    line-height: 2;

    margin: 0;

    color: #c6d8d0;
}

.tz-clarity__principles
{
    display: grid;

    margin: 32px 0 0;
    padding: 0;

    list-style: none;

    gap: 12px;
}
.tz-clarity__principles li
{
    font-size: 14px;
    font-weight: 620;

    display: flex;

    color: #d5e5de;

    align-items: center;
    gap: 12px;
}
.tz-clarity__principles span
{
    display: grid;

    width: 28px;
    height: 28px;

    color: #ff9a70;
    border-radius: 9px;
    background: rgba(255, 110, 48, .14);

    place-items: center;
    flex: 0 0 auto;
}
.tz-clarity__principles svg
{
    width: 16px;
    height: 16px;

    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tz-clarity__visual
{
    position: relative;

    padding: 28px;

    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 36px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .025));
    box-shadow: 0 35px 70px rgba(0, 0, 0, .2);
}

.tz-decision-flow
{
    display: grid;

    gap: 18px;
}

.tz-decision-flow__head
{
    display: flex;

    align-items: center;
    gap: 14px;
    padding-block-end: 18px;
    border-block-end: 1px solid rgba(255, 255, 255, .1);
}

.tz-decision-flow__head-icon
{
    display: grid;

    width: 52px;
    height: 52px;

    color: #2a1206;
    border-radius: 16px;
    background: linear-gradient(145deg, var(--tz-orange), #f45f21);
    box-shadow: 0 12px 28px rgba(255, 110, 48, .18);

    place-items: center;
}
.tz-decision-flow__head-icon svg
{
    width: 28px;
    height: 28px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tz-decision-flow__head-copy span
{
    font-size: 11px;
    font-weight: 700;

    display: block;

    color: #9ebcaf;
}
.tz-decision-flow__head-copy strong
{
    font-size: 17px;
    font-weight: 780;

    display: block;

    margin-block-start: 3px;
}

.tz-decision-flow__list
{
    position: relative;

    display: grid;

    margin: 0;
    padding: 0;

    list-style: none;

    gap: 12px;
}
.tz-decision-flow__list::before
{
    position: absolute;

    width: 2px;

    content: '';

    opacity: .6;
    background: linear-gradient(var(--tz-orange), #65a984);

    inset-block: 30px;
    inset-inline-start: 27px;
}
.tz-decision-flow__list li
{
    position: relative;

    display: grid;

    padding: 14px;

    transition: border-color .25s ease, background .25s ease, transform .25s ease;

    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 18px;
    background: rgba(255, 255, 255, .055);

    grid-template-columns: 56px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
}
.tz-decision-flow__list li:hover
{
    transform: translateX(-3px);

    border-color: rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .085);
}

.tz-decision-flow__icon
{
    position: relative;
    z-index: 1;

    display: grid;

    width: 56px;
    height: 56px;

    color: #a9d5be;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 17px;
    background: var(--tz-deep-green);

    place-items: center;
}
.tz-decision-flow__icon svg
{
    width: 29px;
    height: 29px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tz-decision-flow__copy span
{
    font-size: 10px;
    font-weight: 750;

    display: block;

    color: #ff9a70;
}
.tz-decision-flow__copy strong
{
    font-size: 15px;
    font-weight: 760;

    display: block;

    margin-block-start: 2px;
}
.tz-decision-flow__copy p
{
    font-size: 12px;
    line-height: 1.75;

    margin: 3px 0 0;

    color: #b8cec4;
}

.tz-decision-flow__result
{
    display: flex;

    padding: 14px 16px;

    border: 1px solid rgba(255, 110, 48, .28);
    border-radius: 16px;
    background: rgba(255, 110, 48, .09);

    align-items: center;
    gap: 12px;
}
.tz-decision-flow__result span
{
    display: grid;

    width: 32px;
    height: 32px;

    color: #2a1206;
    border-radius: 10px;
    background: var(--tz-orange);

    place-items: center;
    flex: 0 0 auto;
}
.tz-decision-flow__result svg
{
    width: 18px;
    height: 18px;

    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.tz-decision-flow__result strong
{
    font-size: 13px;
    font-weight: 700;
    line-height: 1.7;
}

.tz-workflows
{
    position: relative;

    overflow: hidden;

    background: var(--tz-surface);
}

.tz-workflow__diagram
{
    display: grid;

    gap: 46px;
}

.tz-workflow__source
{
    display: grid;

    width: min(100%, 720px);
    padding: 20px 24px;

    color: #fff;
    border-radius: 22px;
    background: linear-gradient(135deg, var(--tz-deep-green), var(--tz-green-strong));
    box-shadow: 0 20px 44px rgba(13, 47, 38, .16);

    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    margin-inline: auto;
}

.tz-workflow__source-icon
{
    display: grid;

    width: 58px;
    height: 58px;

    color: #b8e2cc;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 18px;
    background: rgba(255, 255, 255, .08);

    place-items: center;
}
.tz-workflow__source-icon svg
{
    width: 31px;
    height: 31px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tz-workflow__source-copy strong
{
    font-size: 18px;
    font-weight: 780;

    display: block;
}
.tz-workflow__source-copy p
{
    font-size: 13px;
    line-height: 1.85;

    margin: 4px 0 0;

    color: #cde0d7;
}

.tz-workflow__path
{
    position: relative;
}

.tz-workflow__track
{
    position: absolute;
    z-index: 0;

    overflow: hidden;

    height: 3px;

    border-radius: 999px;
    background: #cad8d2;

    inset-block-start: 41px;
    inset-inline: 8%;
}

.tz-workflow__progress
{
    display: block;

    width: 100%;
    height: 100%;

    transform-origin: right center;

    border-radius: inherit;
    background: linear-gradient(90deg, var(--tz-orange), var(--tz-green));
}

.tz-workflow__list
{
    position: relative;
    z-index: 1;

    display: grid;

    margin: 0;
    padding: 0;

    list-style: none;

    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.tz-workflow__step
{
    position: relative;

    min-width: 0;

    text-align: center;
}
.tz-workflow__step:not(:last-child)::after
{
    font-size: 16px;
    font-weight: 800;

    position: absolute;
    z-index: 3;

    display: grid;

    width: 30px;
    height: 30px;

    content: '←';

    color: var(--tz-green);
    border-radius: 50%;
    background: var(--tz-surface);

    inset-block-start: 27px;
    inset-inline-end: -24px;
    place-items: center;
}

.tz-workflow__marker
{
    position: relative;

    display: grid;

    width: 84px;
    height: 84px;
    margin: 0 auto 20px;

    transition: transform .25s ease, box-shadow .25s ease;

    color: #fff;
    border: 7px solid var(--tz-surface);
    border-radius: 26px;
    background: linear-gradient(145deg, var(--tz-deep-green), var(--tz-green));
    box-shadow: 0 14px 30px rgba(13, 47, 38, .14);

    place-items: center;
}

.tz-workflow__icon
{
    display: grid;

    place-items: center;
}
.tz-workflow__icon svg
{
    width: 36px;
    height: 36px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.tz-workflow__number
{
    font-size: 10px;
    font-weight: 800;

    position: absolute;

    display: grid;

    min-width: 30px;
    height: 30px;

    color: #2a1206;
    border: 4px solid var(--tz-surface);
    border-radius: 999px;
    background: var(--tz-orange);

    inset-block-start: -10px;
    inset-inline-end: -10px;
    place-items: center;
    padding-inline: 5px;
}

.tz-workflow__body
{
    height: calc(100% - 104px);
    min-height: 245px;
    padding: 24px 20px;

    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;

    border: 1px solid var(--tz-border);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(28, 33, 31, .035);
}
.tz-workflow__body .tz-workflow__role
{
    font-size: 12px;
    font-weight: 700;

    display: inline-flex;

    padding: 5px 10px;

    color: var(--tz-green);
    border-radius: 999px;
    background: var(--tz-sage);
}
.tz-workflow__body h3
{
    font-size: 19px;
    font-weight: 780;
    line-height: 1.55;

    margin: 20px 0 11px;
}
.tz-workflow__body p
{
    font-size: 13px;
    line-height: 1.9;

    margin: 0;

    color: var(--tz-muted);
}

.tz-workflow__step:hover .tz-workflow__marker
{
    transform: translateY(-4px);

    box-shadow: 0 20px 38px rgba(13, 47, 38, .19);
}
.tz-workflow__step:hover .tz-workflow__body
{
    transform: translateY(-3px);

    border-color: #b7cdc3;
    box-shadow: 0 20px 42px rgba(13, 47, 38, .08);
}

.tz-pricing
{
    background: var(--tz-warm-white);
}

.tz-plans
{
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 18px;
}

.tz-plan
{
    position: relative;

    display: flex;
    flex-direction: column;

    padding: 34px;

    border: 1px solid var(--tz-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(28, 33, 31, .05);
}
.tz-plan ul
{
    font-size: 14px;

    display: grid;

    margin: 26px 0 32px;
    padding: 0;

    list-style: none;

    color: #44504b;

    gap: 12px;
}
.tz-plan li
{
    position: relative;

    padding-inline-start: 26px;
}
.tz-plan li::before
{
    font-weight: 850;

    position: absolute;

    content: '✓';

    color: var(--tz-green);

    inset-inline-start: 0;
    inset-block-start: 0;
}
.tz-plan .tz-button
{
    margin-block-start: auto;
}

.tz-plan--featured
{
    transform: translateY(-10px);

    border-color: var(--tz-green);
    box-shadow: 0 25px 55px rgba(1, 102, 48, .13);
}

.tz-plan__badge
{
    font-size: 10px;
    font-weight: 750;

    position: absolute;

    padding: 5px 9px;

    color: #fff;
    border-radius: 999px;
    background: var(--tz-green);

    inset-block-start: 18px;
    inset-inline-end: 18px;
}

.tz-plan__head > span
{
    font-size: 12px;
    font-weight: 700;

    display: block;

    color: var(--tz-green);
}
.tz-plan__head h3
{
    font-size: 34px;
    font-weight: 820;

    margin: 8px 0 12px;
}
.tz-plan__head p
{
    font-size: 14px;
    line-height: 1.9;

    margin: 0;

    color: var(--tz-muted);
}

.tz-cta
{
    background: var(--tz-warm-white);

    padding-block: 30px 0;
}

.tz-cta__inner
{
    position: relative;

    display: flex;
    overflow: hidden;

    padding: 58px 64px;

    color: #fff;
    border-radius: 30px;
    background: var(--tz-green);

    align-items: center;
    justify-content: space-between;
    gap: 40px;
}
.tz-cta__inner::before
{
    position: absolute;

    width: 360px;
    height: 360px;

    content: '';

    border: 70px solid rgba(255, 255, 255, .06);
    border-radius: 50%;

    inset-block-start: -120px;
    inset-inline-end: -80px;
}
.tz-cta__inner .tz-button,
.tz-cta__inner .tz-cta__copy
{
    position: relative;
    z-index: 2;
}
.tz-cta__inner h2
{
    font-size: clamp(32px, 4vw, 50px);
    font-weight: 820;
    line-height: 1.35;

    margin: 10px 0 8px;
}
.tz-cta__inner p
{
    margin: 0;

    color: #d6e7df;
}

.tz-faq
{
    background: var(--tz-warm-white);
}

.tz-faq__grid
{
    display: grid;

    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
    gap: 90px;
}

.tz-faq__intro h2
{
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 820;
    line-height: 1.35;

    margin: 12px 0 16px;
}
.tz-faq__intro p
{
    margin: 0;

    color: var(--tz-muted);
}

.tz-faq__items
{
    display: grid;

    gap: 10px;
}
.tz-faq__items details
{
    border: 1px solid var(--tz-border);
    border-radius: 16px;
    background: #fff;
}
.tz-faq__items details[open]
{
    border-color: #b9cdc4;
}
.tz-faq__items details[open] summary::after
{
    transform: rotate(45deg);
}
.tz-faq__items summary
{
    font-size: 15px;
    font-weight: 720;

    position: relative;

    padding: 20px 24px 20px 60px;

    list-style: none;

    cursor: pointer;
}
.tz-faq__items summary::-webkit-details-marker
{
    display: none;
}
.tz-faq__items summary:focus-visible
{
    outline: 3px solid rgba(255, 110, 48, .38);
    outline-offset: 2px;
}
.tz-faq__items summary::after
{
    font-size: 22px;
    font-weight: 450;

    position: absolute;

    display: grid;

    width: 30px;
    height: 30px;

    content: '+';
    transition: transform .2s ease;

    color: var(--tz-green);
    border-radius: 9px;
    background: var(--tz-sage);

    inset-block-start: 16px;
    inset-inline-end: 20px;
    place-items: center;
}
.tz-faq__items p
{
    font-size: 14px;
    line-height: 1.95;

    margin: 0;
    padding: 0 24px 22px;

    color: var(--tz-muted);
}

.tz-footer
{
    background: var(--tz-surface);

    padding-block: 52px;
    border-block-start: 1px solid var(--tz-border);
}

.tz-footer__grid
{
    display: grid;

    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 60px;
}
.tz-footer__grid nav
{
    font-size: 13px;
    font-weight: 650;

    display: flex;

    flex-wrap: wrap;
    gap: 22px;
}
.tz-footer__grid nav a:hover,
.tz-footer__grid nav a:focus-visible
{
    color: var(--tz-green);
}

.tz-footer__brand img
{
    display: block;

    width: 130px;
}
.tz-footer__brand p
{
    font-size: 11px;
    font-weight: 600;

    margin: 7px 0 0;

    text-align: start;

    color: var(--tz-muted);
}

.tz-footer__copyright
{
    font-size: 12px;

    margin: 0;

    color: var(--tz-muted);
}

.tz-progress
{
    position: fixed;
    z-index: 150;

    height: 3px;

    transform: scaleX(0);
    transform-origin: right center;
    pointer-events: none;

    background: linear-gradient(90deg, var(--tz-green), var(--tz-orange));

    inset-block-start: 0;
    inset-inline: 0;
}

.tz-hero
{
    position: relative;

    overflow: clip;

    isolation: isolate;
}

.tz-hero__aurora
{
    position: absolute;
    z-index: -2;

    pointer-events: none;

    inset: -12% -4% -18%;
}
.tz-hero__aurora span
{
    position: absolute;

    display: block;

    border-radius: 50%;

    aspect-ratio: 1;
    filter: blur(72px);
    will-change: transform;
}
.tz-hero__aurora span:nth-child(1)
{
    width: min(620px, 48vw);

    animation: tz-drift-a 24s ease-in-out infinite;

    background: radial-gradient(circle, rgba(1, 102, 48, .3), rgba(1, 102, 48, 0) 68%);

    inset-block-start: -6%;
    inset-inline-start: -8%;
}
.tz-hero__aurora span:nth-child(2)
{
    width: min(520px, 42vw);

    animation: tz-drift-b 28s ease-in-out infinite;

    background: radial-gradient(circle, rgba(255, 110, 48, .24), rgba(255, 110, 48, 0) 70%);

    inset-block-start: 14%;
    inset-inline-end: -10%;
}
.tz-hero__aurora span:nth-child(3)
{
    width: min(460px, 38vw);

    animation: tz-drift-c 32s ease-in-out infinite;

    background: radial-gradient(circle, rgba(13, 47, 38, .2), rgba(13, 47, 38, 0) 70%);

    inset-block-end: -10%;
    inset-inline-start: 30%;
}

@keyframes tz-drift-a
{
    0%,
    100%
    {
        transform: translate3d(0, 0, 0) scale(1);
    }
    50%
    {
        transform: translate3d(4%, 7%, 0) scale(1.09);
    }
}
@keyframes tz-drift-b
{
    0%,
    100%
    {
        transform: translate3d(0, 0, 0) scale(1.04);
    }
    50%
    {
        transform: translate3d(-5%, 5%, 0) scale(.94);
    }
}
@keyframes tz-drift-c
{
    0%,
    100%
    {
        transform: translate3d(0, 0, 0) scale(.96);
    }
    50%
    {
        transform: translate3d(6%, -6%, 0) scale(1.06);
    }
}
.tz-hero__trust li
{
    transition: transform .25s ease;
}
.tz-hero__trust li:hover
{
    transform: translateY(-2px);
}

.tz-control-strip
{
    overflow: hidden;
}

.tz-marquee
{
    position: relative;

    overflow: hidden;

    margin-block-start: 16px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
            mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.tz-marquee:hover .tz-marquee__track
{
    animation-play-state: paused;
}

.tz-marquee__track
{
    display: flex;

    width: -moz-max-content;
    width:      max-content;

    animation: tz-marquee 38s linear infinite;
}

.tz-marquee__group
{
    display: flex;

    gap: 10px;
    padding-inline-end: 10px;
}
.tz-marquee__group span
{
    font-size: 12.5px;
    font-weight: 650;

    padding: 8px 15px;

    white-space: nowrap;

    color: #4a5752;
    border: 1px solid #d2ddd8;
    border-radius: 999px;
    background: #fff;
}

@keyframes tz-marquee
{
    from
    {
        transform: translateX(0);
    }
    to
    {
        transform: translateX(50%);
    }
}
.tz-steps__track
{
    position: relative;
}

.tz-steps__progress
{
    position: absolute;
    z-index: 1;

    height: 2px;

    transform: scaleX(0);
    transform-origin: right center;

    border-radius: 2px;
    background: linear-gradient(90deg, var(--tz-orange), var(--tz-green));

    inset-block-start: 42px;
    inset-inline: 10%;
}

.tz-steps__list li
{
    transition: transform .25s ease;
}
.tz-steps__list li:hover
{
    transform: translateY(-4px);
}
.tz-steps__list li:hover .tz-steps__icon
{
    border-color: var(--tz-green);
    box-shadow: 0 18px 34px rgba(1, 102, 48, .16);
}

.tz-steps__icon
{
    transition: border-color .25s ease, box-shadow .25s ease;
}

.tz-hub::before
{
    animation: tz-spin 62s linear infinite;
}
.tz-hub::after
{
    animation: tz-spin 44s linear infinite reverse;
}

@keyframes tz-spin
{
    from
    {
        transform: translate(50%, -50%) rotate(0deg);
    }
    to
    {
        transform: translate(50%, -50%) rotate(360deg);
    }
}
.tz-hub__core
{
    overflow: hidden;
}
.tz-hub__core::after
{
    position: absolute;

    width: 140%;
    height: 140%;

    content: '';
    animation: tz-pulse 7s ease-in-out infinite;
    pointer-events: none;

    background: radial-gradient(circle, rgba(255, 110, 48, .3), rgba(255, 110, 48, 0) 62%);

    inset-block-start: -60%;
    inset-inline-start: -20%;
}
.tz-hub__core > *
{
    position: relative;
    z-index: 1;
}

@keyframes tz-pulse
{
    0%,
    100%
    {
        transform: scale(.92);

        opacity: .45;
    }
    50%
    {
        transform: scale(1.06);

        opacity: .8;
    }
}
.tz-module:hover .tz-module__icon
{
    color: #fff;
    background: linear-gradient(150deg, var(--tz-deep-green), var(--tz-green));
}

.tz-module__icon
{
    transition: background .25s ease, color .25s ease;
}

.tz-ai-card
{
    position: relative;

    overflow: hidden;
}
.tz-ai-card::before
{
    position: absolute;

    content: '';
    transition: opacity .3s ease;
    pointer-events: none;

    opacity: 0;
    background: radial-gradient(260px circle at var(--tz-x, 50%) var(--tz-y, 0%), rgba(1, 102, 48, .12), rgba(1, 102, 48, 0) 70%);

    inset: 0;
}
.tz-ai-card:hover::before
{
    opacity: 1;
}
.tz-ai-card > *
{
    position: relative;
    z-index: 1;
}

.tz-plan
{
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.tz-plan:hover
{
    transform: translateY(-6px);

    box-shadow: 0 26px 52px rgba(13, 47, 38, .1);
}

.tz-plan--featured
{
    color: #fff;
    border-color: transparent;
    background: linear-gradient(165deg, var(--tz-deep-green), var(--tz-green-strong));
    box-shadow: 0 30px 60px rgba(1, 102, 48, .22);
}
.tz-plan--featured:hover
{
    transform: translateY(-16px);
}
.tz-plan--featured .tz-plan__head > span
{
    color: #a9d5be;
}
.tz-plan--featured .tz-plan__head p
{
    color: #c6d8d0;
}
.tz-plan--featured ul
{
    color: #dce8e3;
}
.tz-plan--featured li::before
{
    color: var(--tz-orange);
}
.tz-plan--featured .tz-plan__badge
{
    color: #2a1206;
    background: var(--tz-orange);
}

.tz-faq__items summary
{
    padding: 20px 24px;

    transition: background .2s ease;

    padding-inline-end: 60px;
}
.tz-faq__items summary:hover
{
    background: rgba(228, 236, 232, .45);
}
.tz-faq__items details
{
    transition: border-color .2s ease, box-shadow .25s ease;
}
.tz-faq__items details[open]
{
    box-shadow: 0 16px 34px rgba(13, 47, 38, .07);
}
.tz-faq__items details[open] > p
{
    animation: tz-faq-open .32s ease;
}

@keyframes tz-faq-open
{
    from
    {
        transform: translateY(-6px);

        opacity: 0;
    }
    to
    {
        transform: translateY(0);

        opacity: 1;
    }
}
@media (max-width: 1120px)
{
    .tz-nav
    {
        gap: 18px;
    }
    .tz-hero__grid
    {
        grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr);
        gap: 20px;
    }
    .tz-hero__visual
    {
        min-height: 520px;
    }
    .tz-audiences__list
    {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .tz-audiences__list article
    {
        border-block-end: 1px solid var(--tz-border);
    }
    .tz-audiences__list article:nth-child(3n)
    {
        border-inline-end: 0;
    }
    .tz-audiences__list article:nth-last-child(-n+3)
    {
        border-block-end: 0;
    }
    .tz-story__panel
    {
        padding: 48px;

        gap: 38px;
    }
    .tz-steps__list
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 42px 18px;
    }
    .tz-steps__list::before
    {
        display: none;
    }
    .tz-steps__progress
    {
        display: none;
    }
    .tz-hub
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .tz-hub::before,
    .tz-hub::after
    {
        display: none;
    }
    .tz-hub__core
    {
        grid-column: 1/-1;
        grid-row: auto;
    }
    .tz-ai__grid
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .tz-showcase
    {
        padding: 36px;

        gap: 38px;
    }
    .tz-clarity__grid
    {
        grid-template-columns: minmax(0, 1fr) minmax(400px, 1fr);
        gap: 35px;
    }
    .tz-workflow__list
    {
        gap: 10px;
    }
    .tz-workflow__body
    {
        min-height: 270px;

        padding-inline: 16px;
    }
    .tz-workflow__step:not(:last-child)::after
    {
        inset-inline-end: -20px;
    }
}
@media (max-width: 900px)
{
    .tz-nav,
    .tz-header__inner > .tz-button
    {
        display: none;
    }
    .tz-mobile-nav
    {
        display: block;
    }
    .tz-mobile-nav__panel
    {
        width: min(300px, 100vw - 32px);
    }
    .tz-mobile-nav__panel a
    {
        display: flex;

        min-height: 44px;

        align-items: center;
    }
    .tz-hero
    {
        padding-block-start: 64px;
    }
    .tz-hero__grid,
    .tz-story__panel,
    .tz-showcase,
    .tz-clarity__grid,
    .tz-faq__grid
    {
        grid-template-columns: 1fr;
    }
    .tz-hero__copy
    {
        max-width: 720px;
    }
    .tz-hero__visual
    {
        min-height: 620px;
    }
    .tz-control-strip .tz-container
    {
        flex-direction: column;

        align-items: flex-start;
    }
    .tz-story__media
    {
        min-height: 500px;
    }
    .tz-showcase--reverse .tz-showcase__media,
    .tz-showcase--reverse .tz-showcase__copy
    {
        order: initial;
    }
    .tz-showcase__media
    {
        min-height: 500px;
    }
    .tz-clarity__content
    {
        max-width: 720px;
    }
    .tz-clarity__visual
    {
        max-width: 680px;

        margin-inline: auto;
    }
    .tz-plans
    {
        grid-template-columns: 1fr;
    }
    .tz-workflow__diagram
    {
        gap: 34px;
    }
    .tz-workflow__source
    {
        width: 100%;
    }
    .tz-workflow__track
    {
        width: 3px;
        height: auto;

        inset-block: 30px;
        inset-inline-start: 30px;
        inset-inline-end: auto;
    }
    .tz-workflow__progress
    {
        width: 100%;
        height: 100%;

        transform-origin: center top;
    }
    .tz-workflow__list
    {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .tz-workflow__step
    {
        display: grid;

        text-align: start;

        grid-template-columns: 62px minmax(0, 1fr);
        align-items: start;
        gap: 16px;
    }
    .tz-workflow__step:not(:last-child)::after
    {
        content: '↓';

        inset-block-start: auto;
        inset-block-end: -24px;
        inset-inline-start: 16px;
        inset-inline-end: auto;
    }
    .tz-workflow__marker
    {
        width: 62px;
        height: 62px;
        margin: 0;

        border-width: 5px;
        border-radius: 20px;

        grid-column: 1;
    }
    .tz-workflow__icon svg
    {
        width: 29px;
        height: 29px;
    }
    .tz-workflow__number
    {
        min-width: 27px;
        height: 27px;

        border-width: 3px;

        inset-block-start: -8px;
        inset-inline-end: -8px;
    }
    .tz-workflow__body
    {
        height: auto;
        min-height: 0;
        padding: 22px;

        grid-column: 2;
    }
    .tz-plan--featured
    {
        transform: none;
    }
    .tz-faq__grid
    {
        gap: 42px;
    }
    .tz-footer__grid
    {
        grid-template-columns: 1fr auto;
        gap: 30px;
    }
    .tz-footer__copyright
    {
        grid-column: 1/-1;
    }
}
@media (max-width: 640px)
{
    .tz-container
    {
        width: calc(100% - 32px);
    }
    .tz-header__inner
    {
        min-height: 68px;

        gap: 14px;
    }
    .tz-brand img
    {
        width: 120px;
    }
    .tz-mobile-nav summary
    {
        width: 44px;
        height: 44px;
    }
    .tz-hero
    {
        background: radial-gradient(circle at 50% 62%, rgba(228, 236, 232, .95), transparent 28%), var(--tz-warm-white);

        padding-block: 48px 34px;
    }
    .tz-hero__copy h1
    {
        font-size: clamp(36px, 11vw, 48px);
        line-height: 1.25;

        margin-block-start: 18px;
    }
    .tz-hero__copy p
    {
        font-size: 16px;
        line-height: 1.9;
    }
    .tz-eyebrow
    {
        line-height: 1.6;

        border-radius: 14px;

        align-items: flex-start;
    }
    .tz-hero__actions
    {
        display: grid;

        grid-template-columns: 1fr;
    }
    .tz-hero__actions .tz-button
    {
        width: 100%;
    }
    .tz-hero__trust
    {
        display: grid;

        gap: 9px;
        margin-block-start: 24px;
    }
    .tz-hero__visual
    {
        min-height: 390px;

        margin-block-start: 14px;
    }
    .tz-hero__dashboard
    {
        width: 96%;

        inset-block-start: 8%;
    }
    .tz-hero__receipt
    {
        width: 31%;

        inset-block-start: 25%;
    }
    .tz-hero__widgets
    {
        inset-block-end: 6%;
    }
    .tz-control-strip
    {
        padding-block: 18px;
    }
    .tz-control-strip .tz-container
    {
        gap: 16px;
    }
    .tz-marquee__group
    {
        gap: 6px;
        padding-inline-end: 6px;
    }
    .tz-marquee__group span
    {
        font-size: 11.5px;

        padding: 6px 12px;
    }
    .tz-section
    {
        padding-block: 72px;
    }
    .tz-audiences__heading
    {
        margin-block-end: 34px;
    }
    .tz-audiences__heading h2
    {
        font-size: clamp(31px, 9vw, 38px);
        line-height: 1.42;
    }
    .tz-audiences__heading p
    {
        font-size: 15px;
    }
    .tz-audiences__list
    {
        border-radius: 20px;

        grid-template-columns: 1fr;
    }
    .tz-audiences__list article,
    .tz-audiences__list article:nth-child(3n),
    .tz-audiences__list article:last-child
    {
        display: grid;

        padding: 20px;

        grid-template-columns: 56px minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: center;
        gap: 2px 16px;
        border-inline-end: 0;
        border-block-end: 1px solid var(--tz-border);
    }
    .tz-audiences__list article:last-child
    {
        border-block-end: 0;
    }
    .tz-audiences__list strong
    {
        font-size: 15px;

        grid-column: 2;
        margin-block-end: 2px;
    }
    .tz-audiences__list article > span:not(.tz-audience__icon)
    {
        font-size: 12px;

        grid-column: 2;
    }
    .tz-audience__icon
    {
        width: 56px;
        height: 56px;

        border-radius: 17px;

        grid-column: 1;
        grid-row: 1/span 2;
        margin-block-end: 0;
    }
    .tz-audience__icon svg
    {
        width: 31px;
        height: 31px;
    }
    .tz-story__panel
    {
        padding: 28px 20px;

        border-radius: 24px;

        gap: 32px;
    }
    .tz-story__copy h2
    {
        font-size: clamp(31px, 9vw, 38px);
    }
    .tz-story__media
    {
        min-height: 300px;

        border-radius: 20px;
    }
    .tz-steps__list
    {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .tz-steps__list::before
    {
        display: block;

        width: 1px;
        height: auto;

        inset-block: 28px;
        inset-inline-start: 28px;
        inset-inline-end: auto;
    }
    .tz-steps__list li
    {
        display: grid;

        text-align: start;

        grid-template-columns: 58px minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        align-items: start;
        gap: 3px 16px;
        padding-inline: 0;
    }
    .tz-steps__list li > span
    {
        margin: 0 0 2px;

        grid-column: 2;
    }
    .tz-steps__list li h3,
    .tz-steps__list li p
    {
        grid-column: 2;
    }
    .tz-steps__list li h3
    {
        font-size: 18px;
    }
    .tz-steps__progress
    {
        display: block;

        width: 2px;
        height: auto;

        transform: scaleY(0);
        transform-origin: center top;

        background: linear-gradient(180deg, var(--tz-orange), var(--tz-green));

        inset-block: 28px;
        inset-inline-start: 28px;
        inset-inline-end: auto;
    }
    .tz-steps__icon
    {
        width: 58px;
        height: 58px;

        border-radius: 18px;

        grid-column: 1;
        grid-row: 1/span 3;
        margin-inline: 0;
    }
    .tz-steps__icon svg
    {
        width: 29px;
        height: 29px;
    }
    .tz-section-heading
    {
        margin-block-end: 36px;
    }
    .tz-section-heading h2
    {
        font-size: clamp(31px, 9vw, 38px);
        line-height: 1.42;
    }
    .tz-section-heading p
    {
        font-size: 15px;
    }
    .tz-hub,
    .tz-ai__grid
    {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .tz-module,
    .tz-ai-card
    {
        padding: 20px 18px;
    }
    .tz-hub__core
    {
        padding: 24px 20px;
    }
    .tz-hub__core strong
    {
        font-size: 19px;
    }
    .tz-showcases
    {
        margin-block-start: 54px;
        gap: 18px;
    }
    .tz-showcase
    {
        padding: 18px;

        border-radius: 22px;

        gap: 28px;
    }
    .tz-showcase__media
    {
        min-height: 280px;

        border-radius: 18px;
    }
    .tz-showcase__copy h3
    {
        font-size: 28px;
    }
    .tz-showcase__copy p
    {
        font-size: 15px;
    }
    .tz-clarity__grid
    {
        gap: 44px;
    }
    .tz-clarity__content h2
    {
        font-size: clamp(32px, 9vw, 40px);
    }
    .tz-clarity__content p
    {
        font-size: 15px;
    }
    .tz-clarity__visual
    {
        padding: 16px;

        border-radius: 22px;
    }
    .tz-decision-flow
    {
        gap: 14px;
    }
    .tz-decision-flow__list
    {
        gap: 10px;
    }
    .tz-decision-flow__list li
    {
        padding: 12px;
    }
    .tz-decision-flow__copy p
    {
        font-size: 11px;
    }
    .tz-plan
    {
        padding: 24px 20px;
    }
    .tz-workflow__source
    {
        padding: 18px;

        border-radius: 18px;

        grid-template-columns: 50px minmax(0, 1fr);
        gap: 14px;
    }
    .tz-workflow__source-icon
    {
        width: 50px;
        height: 50px;

        border-radius: 15px;
    }
    .tz-workflow__source-icon svg
    {
        width: 27px;
        height: 27px;
    }
    .tz-workflow__source-copy strong
    {
        font-size: 16px;
    }
    .tz-workflow__source-copy p
    {
        font-size: 12px;
    }
    .tz-workflow__body
    {
        padding: 20px 18px;

        border-radius: 18px;
    }
    .tz-workflow__body h3
    {
        font-size: 18px;

        margin-block-start: 16px;
    }
    .tz-plans
    {
        gap: 14px;
    }
    .tz-cta__inner
    {
        flex-direction: column;

        padding: 34px 22px;

        border-radius: 22px;

        align-items: flex-start;
        gap: 28px;
    }
    .tz-cta__inner .tz-button
    {
        width: 100%;
    }
    .tz-cta__inner h2
    {
        font-size: 31px;
    }
    .tz-faq__items summary
    {
        line-height: 1.75;

        min-height: 58px;

        padding-block: 17px;
        padding-inline-start: 18px;
        padding-inline-end: 56px;
    }
    .tz-faq__items p
    {
        padding-inline: 18px;
    }
    .tz-footer__grid
    {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .tz-footer__grid nav
    {
        display: grid;

        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 16px;
    }
    .tz-footer__grid nav a
    {
        display: flex;

        min-height: 40px;

        align-items: center;
    }
    .tz-footer__copyright
    {
        grid-column: auto;
    }
}
@media (max-width: 420px)
{
    .tz-container
    {
        width: calc(100% - 28px);
    }
    .tz-hero__visual
    {
        min-height: 330px;
    }
    .tz-hero__dashboard
    {
        inset-block-start: 10%;
    }
    .tz-hero__widgets
    {
        inset-block-end: 8%;
    }
    .tz-story__media,
    .tz-showcase__media
    {
        min-height: 250px;
    }
    .tz-decision-flow__head-icon
    {
        width: 48px;
        height: 48px;
    }
    .tz-decision-flow__list::before
    {
        inset-inline-start: 24px;
    }
    .tz-decision-flow__list li
    {
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 11px;
    }
    .tz-decision-flow__icon
    {
        width: 50px;
        height: 50px;

        border-radius: 15px;
    }
    .tz-decision-flow__icon svg
    {
        width: 26px;
        height: 26px;
    }
    .tz-faq__items summary
    {
        font-size: 14px;
    }
    .tz-workflow__step
    {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 12px;
    }
    .tz-workflow__track
    {
        inset-inline-start: 27px;
    }
    .tz-workflow__marker
    {
        width: 56px;
        height: 56px;

        border-radius: 18px;
    }
    .tz-workflow__icon svg
    {
        width: 26px;
        height: 26px;
    }
    .tz-workflow__step:not(:last-child)::after
    {
        inset-inline-start: 13px;
    }
}
@media (hover: none)
{
    .tz-button:hover,
    .tz-module:hover,
    .tz-ai-card:hover,
    .tz-plan:hover,
    .tz-steps__list li:hover
    {
        transform: none;
    }
    .tz-workflow__step:hover .tz-workflow__marker,
    .tz-workflow__step:hover .tz-workflow__body
    {
        transform: none;
    }
    .tz-decision-flow__list li:hover
    {
        transform: none;
    }
    .tz-plan--featured:hover
    {
        transform: translateY(-10px);
    }
}
@media (prefers-reduced-motion: reduce)
{
    html
    {
        scroll-behavior: auto;
    }
    .tz-button,
    .tz-module,
    .tz-ai-card,
    .tz-nav a::after,
    .tz-faq summary::after,
    .tz-decision-flow__list li
    {
        transition: none;
    }
    [data-parallax],
    [data-service-parallax],
    [data-audience-card],
    .tz-audience__icon
    {
        will-change: auto;
    }
    .tz-hero__aurora span,
    .tz-marquee__track,
    .tz-hub::before,
    .tz-hub::after,
    .tz-hub__core::after,
    .tz-faq__items details[open] > p
    {
        animation: none;
    }
    .tz-steps__progress
    {
        transform: none;
    }
    .tz-workflow__progress
    {
        transform: none;
    }
}
.d1,
.d2,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6
{
    font-family: 'IRANSansX', Tahoma, sans-serif;
    font-weight: 600;
}

.d1
{
    font-size: 72px;
    line-height: 1.1111111111;
}
@media only screen and (max-width: 1179px)
{
    .d1
    {
        font-size: 48px;
        line-height: 1.1666666667;
    }
}
@media only screen and (max-width: 767px)
{
    .d1
    {
        font-size: 40px;
        line-height: 1.2;
    }
}

.d2
{
    font-size: 64px;
    line-height: 1.125;
}

.h1
{
    font-size: 56px;
    line-height: 1.1428571429;
}

.h2
{
    font-size: 48px;
    line-height: 1.1666666667;
}
@media only screen and (max-width: 1179px)
{
    .h2
    {
        font-size: 40px;
        line-height: 1.2;
    }
}
@media only screen and (max-width: 767px)
{
    .h2
    {
        font-size: 32px;
        line-height: 1.25;
    }
}

.h3
{
    font-size: 40px;
    line-height: 1.2;
}

.h4
{
    font-size: 32px;
    line-height: 1.25;
}

.h5
{
    font-size: 24px;
    line-height: 1.3333333333;
}

.h6
{
    font-size: 20px;
    line-height: 1.2;
}

.stage
{
    font-size: 12px;
    font-weight: 900;
    line-height: 1.3333333333;

    margin-bottom: 24px;

    letter-spacing: .1em;
    text-transform: uppercase;

    color: #e4ece8;
}
@media only screen and (max-width: 767px)
{
    .stage
    {
        margin-bottom: 16px;
    }
}

.color-blue
{
    color: blue;
}

.bg-blue
{
    background: blue;
}
.bg-blue-opacity
{
    background: rgba(0, 0, 255, .3);
}

.text-right
{
    text-align: right;
}
.text-center
{
    text-align: center;
}
.text-uppercase
{
    text-transform: uppercase;
}

.m-auto
{
    margin: auto;
}

.ml-auto
{
    margin-left: auto;
}

.mr-auto
{
    margin-right: auto;
}

.align-baseline
{
    align-items: baseline;
}

@media only screen and (max-width: 1179px)
{
    .desktop-hide
    {
        display: none !important;
    }
}
.desktop-show
{
    display: none !important;
}
@media only screen and (max-width: 1179px)
{
    .desktop-show
    {
        display: block !important;
    }
}
@media only screen and (max-width: 1179px)
{
    .desktop-text-right
    {
        text-align: right !important;
    }
}

@media only screen and (max-width: 1023px)
{
    .tablet-hide
    {
        display: none !important;
    }
}
.tablet-show
{
    display: none !important;
}
@media only screen and (max-width: 1023px)
{
    .tablet-show
    {
        display: block !important;
    }
}
@media only screen and (max-width: 1023px)
{
    .tablet-text-right
    {
        text-align: right !important;
    }
}

@media only screen and (max-width: 767px)
{
    .mobile-hide
    {
        display: none !important;
    }
}
.mobile-show
{
    display: none !important;
}
@media only screen and (max-width: 767px)
{
    .mobile-show
    {
        display: block !important;
    }
}
@media only screen and (max-width: 767px)
{
    .mobile-text-right
    {
        text-align: right !important;
    }
}