/* ==========================================================
VALIRINA ATELIER — ABOUT CONTENT
UNIFIED ROLLING ALIGNMENT

ARCHITECTURE

- .about-media   = 50%
- .about-content = 50%

SECTION SPACING

Desktop:      35px bottom
Tablet:       30px bottom
Mobile:       24px bottom
Small mobile: 20px bottom

IMPORTANT

- vertical section spacing is controlled ONLY here
- horizontal section geometry is controlled by
  about-process-stack.css
- no margin shorthand is applied to .valirina-about
- no width/max-width is changed here

ROLLING LOGIC

- same rolling alignment on ALL devices
- 1-line and 2-line texts start at SAME Y position
- long text wraps instead of entering right column
- maximum 2 lines
- no vertical glyph clipping
- static title weight 620
- rolling title weight 620
- accent #ad772d
- trust hover preserved
========================================================== */


/* ==========================================================
01 — VARIABLES — DESKTOP
========================================================== */

.valirina-about {

    /* ======================================================
       DESIGN SYSTEM
    ====================================================== */

    --about-editorial-font:
        "Cormorant Garamond",
        Georgia,
        serif;

    --about-primary-color:
        #1d1c1a;

    --about-secondary-color:
        #625d57;

    --about-accent-color:
        #ad772d;


    /* ======================================================
       SECTION SPACING
    ====================================================== */

    --about-section-padding-top:
        0px;

    --about-section-padding-bottom:
        35px;


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

       1 = same width as .about-media
    ====================================================== */

    --about-content-flex-grow:
        1;

    --about-content-max-width:
        none;

    --about-content-gap:
        0px;

    --about-content-padding-top:
        0px;

    --about-content-padding-right:
        0px;

    --about-content-padding-bottom:
        0px;

    --about-content-padding-left:
        0px;

    --about-content-align:
        flex-start;


    /* ======================================================
       STATIC TITLE
    ====================================================== */

    --about-heading-max-width:
        720px;

    --about-heading-font-size:
        40px;

    --about-heading-line-height:
        1.02;

    --about-heading-font-weight:
        620;

    --about-heading-letter-spacing:
        -0.035em;

    --about-heading-color:
        var(--about-primary-color);

    --about-heading-gap:
        0px;


    /* ======================================================
       ROLLING
    ====================================================== */

    --rolling-item-height:
        88px;

    --rolling-height:
        var(--rolling-item-height);

    --rolling-font-size:
        36px;

    --rolling-line-height:
        1.04;

    --rolling-font-weight:
        620;

    --rolling-letter-spacing:
        -0.032em;

    --rolling-padding-right:
        10px;

    --rolling-text-top-offset:
        7px;


    /* ======================================================
       ROLLING COLORS
    ====================================================== */

    --rolling-color-1:
        #000000;

    --rolling-color-2:
        #000000;

    --rolling-color-3:
        #000000;

    --rolling-color-4:
        #000000;


    /* ======================================================
       ROLLING MOTION
    ====================================================== */

    --rolling-transition-duration:
        700ms;

    --rolling-transition-easing:
        cubic-bezier(0.4, 0, 0.2, 1);


    /* ======================================================
       DESCRIPTION
    ====================================================== */

    --about-description-max-width:
        710px;

    --about-description-top-gap:
        5px;

    --about-description-font-size:
        16px;

    --about-description-line-height:
        1.55;

    --about-description-paragraph-gap:
        10px;

    --about-description-font-weight:
        400;

    --about-description-color:
        var(--about-secondary-color);

    --about-description-strong-color:
        var(--about-primary-color);

    --about-description-strong-weight:
        650;


    /* ======================================================
       TRUST GRID
    ====================================================== */

    --trust-columns:
        4;

    --trust-column-gap:
        28px;

    --trust-row-gap:
        22px;

    --trust-grid-margin-top:
        25px;


    /* ======================================================
       TRUST ITEM
    ====================================================== */

    --trust-item-min-height:
        104px;

    --trust-item-padding-top:
        0px;

    --trust-item-padding-right:
        0px;

    --trust-item-padding-bottom:
        0px;

    --trust-item-padding-left:
        0px;

    --trust-item-gap:
        10px;


    /* ======================================================
       TRUST IMAGE
    ====================================================== */

    --trust-visual-size:
        52px;

    --trust-image-size:
        65px;


    /* ======================================================
       TRUST COUNTER
    ====================================================== */

    --trust-counter-font-size:
        25px;

    --trust-counter-line-height:
        1;

    --trust-counter-font-weight:
        650;

    --trust-counter-letter-spacing:
        -0.045em;

    --trust-counter-color:
        var(--about-primary-color);


    /* ======================================================
       TRUST TEXT
    ====================================================== */

    --trust-text-font-size:
        12.5px;

    --trust-text-line-height:
        1.42;

    --trust-text-font-weight:
        400;

    --trust-text-color:
        var(--about-secondary-color);

    --trust-text-strong-color:
        var(--about-primary-color);

    --trust-text-strong-weight:
        600;

    --trust-text-max-width:
        180px;


    /* ======================================================
       TRUST MOTION
    ====================================================== */

    --trust-hover-y:
        -3px;

    --trust-visual-hover-scale:
        1.045;

    --trust-counter-hover-scale:
        1.02;

    --trust-transition-duration:
        500ms;

    --trust-transition-easing:
        cubic-bezier(0.16, 1, 0.3, 1);


    /* ======================================================
       REVEAL
    ====================================================== */

    --about-reveal-y:
        18px;

    --about-reveal-duration:
        720ms;

    --about-reveal-easing:
        cubic-bezier(0.16, 1, 0.3, 1);
}


/* ==========================================================
02 — LARGE DESKTOP
========================================================== */

@media (min-width: 1440px) {

    .valirina-about {

        --about-heading-max-width:
            740px;

        --about-heading-font-size:
            40px;


        /* Rolling */

        --rolling-item-height:
            88px;

        --rolling-font-size:
            36px;

        --rolling-line-height:
            1.04;

        --rolling-text-top-offset:
            7px;


        /* Description */

        --about-description-max-width:
            720px;

        --about-description-font-size:
            16px;

        --about-description-top-gap:
            5px;


        /* Trust */

        --trust-column-gap:
            34px;

        --trust-grid-margin-top:
            25px;

        --trust-visual-size:
            54px;

        --trust-image-size:
            70px;

        --trust-counter-font-size:
            25px;

        --trust-text-font-size:
            12.5px;

        --trust-text-max-width:
            185px;
    }
}


/* ==========================================================
03 — LAPTOP
========================================================== */

@media (max-width: 1200px) {

    .valirina-about {

        /*
         * Keep 1:1 relationship with video column.
         */
        --about-content-flex-grow:
            1;

        --about-content-max-width:
            none;

        --about-heading-max-width:
            590px;


        /* Static */

        --about-heading-font-size:
            40px;


        /* Rolling */

        --rolling-item-height:
            82px;

        --rolling-font-size:
            31px;

        --rolling-line-height:
            1.04;

        --rolling-letter-spacing:
            -0.03em;

        --rolling-padding-right:
            10px;

        --rolling-text-top-offset:
            7px;


        /* Description */

        --about-description-font-size:
            15.5px;

        --about-description-max-width:
            610px;

        --about-description-top-gap:
            10px;

        --about-description-paragraph-gap:
            9px;


        /* Trust */

        --trust-columns:
            4;

        --trust-column-gap:
            18px;

        --trust-item-min-height:
            96px;

        --trust-visual-size:
            48px;

        --trust-image-size:
            55px;

        --trust-counter-font-size:
            21px;

        --trust-text-font-size:
            11.5px;

        --trust-text-max-width:
            150px;
    }
}


/* ==========================================================
04 — TABLET
========================================================== */

@media (max-width: 1024px) {

    .valirina-about {

        --about-section-padding-top:
            0px;

        --about-section-padding-bottom:
            30px;


        --about-content-max-width:
            none;

        --about-heading-max-width:
            100%;


        /* Static */

        --about-heading-font-size:
            38px;


        /* Rolling */

        --rolling-item-height:
            78px;

        --rolling-font-size:
            29px;

        --rolling-line-height:
            1.05;

        --rolling-letter-spacing:
            -0.028em;

        --rolling-padding-right:
            8px;

        --rolling-text-top-offset:
            7px;


        /* Description */

        --about-description-max-width:
            100%;

        --about-description-font-size:
            15.5px;

        --about-description-top-gap:
            15px;

        --about-description-paragraph-gap:
            9px;


        /* Trust */

        --trust-columns:
            4;

        --trust-column-gap:
            14px;

        --trust-item-min-height:
            92px;

        --trust-visual-size:
            45px;

        --trust-image-size:
            50px;

        --trust-counter-font-size:
            19px;

        --trust-text-font-size:
            11px;

        --trust-text-max-width:
            140px;
    }
}


/* ==========================================================
05 — MOBILE
========================================================== */

@media (max-width: 767px) {

    .valirina-about {

        --about-section-padding-top:
            0px;

        --about-section-padding-bottom:
            24px;


        --about-content-max-width:
            100%;

        --about-content-padding-top:
            0px;

        --about-content-padding-right:
            0px;

        --about-content-padding-bottom:
            0px;

        --about-content-padding-left:
            0px;


        /* Static */

        --about-heading-font-size:
            34px;

        --about-heading-line-height:
            1.02;


        /* Rolling */

        --rolling-item-height:
            72px;

        --rolling-font-size:
            26px;

        --rolling-line-height:
            1.06;

        --rolling-letter-spacing:
            -0.025em;

        --rolling-padding-right:
            4px;

        --rolling-text-top-offset:
            7px;


        /* Description */

        --about-description-font-size:
            15px;

        --about-description-line-height:
            1.55;

        --about-description-top-gap:
            15px;

        --about-description-paragraph-gap:
            10px;


        /* Trust */

        --trust-columns:
            2;

        --trust-column-gap:
            22px;

        --trust-row-gap:
            22px;

        --trust-grid-margin-top:
            20px;

        --trust-item-min-height:
            90px;

        --trust-item-gap:
            8px;

        --trust-visual-size:
            46px;

        --trust-image-size:
            45px;

        --trust-counter-font-size:
            17px;

        --trust-text-font-size:
            11.5px;

        --trust-text-max-width:
            185px;
    }
}


/* ==========================================================
06 — SMALL MOBILE
========================================================== */

@media (max-width: 390px) {

    .valirina-about {

        --about-section-padding-top:
            0px;

        --about-section-padding-bottom:
            20px;


        --about-heading-font-size:
            31px;


        /* Rolling */

        --rolling-item-height:
            68px;

        --rolling-font-size:
            23px;

        --rolling-line-height:
            1.07;

        --rolling-letter-spacing:
            -0.02em;

        --rolling-padding-right:
            4px;

        --rolling-text-top-offset:
            7px;


        /* Description */

        --about-description-font-size:
            14.5px;

        --about-description-top-gap:
            18px;

        --about-description-paragraph-gap:
            9px;


        /* Trust */

        --trust-column-gap:
            16px;

        --trust-row-gap:
            18px;

        --trust-visual-size:
            43px;

        --trust-image-size:
            45px;

        --trust-counter-font-size:
            15px;

        --trust-text-font-size:
            11px;
    }
}


/* ==========================================================
07 — VERY SMALL MOBILE
========================================================== */

@media (max-width: 340px) {

    .valirina-about {

        --rolling-item-height:
            66px;

        --rolling-font-size:
            21px;

        --rolling-line-height:
            1.08;

        --rolling-padding-right:
            3px;

        --rolling-text-top-offset:
            7px;


        --trust-columns:
            1;

        --trust-row-gap:
            20px;

        --trust-visual-size:
            46px;

        --trust-image-size:
            40px;

        --trust-counter-font-size:
            15px;

        --trust-text-font-size:
            11.5px;

        --trust-text-max-width:
            240px;
    }
}


/* ==========================================================
08 — GLOBAL RESET
========================================================== */

.valirina-about,
.valirina-about *,
.valirina-about *::before,
.valirina-about *::after {

    box-sizing:
        border-box;
}


/* ==========================================================
09 — ABOUT ROOT — VERTICAL SPACING ONLY

IMPORTANT:

Do NOT set:
- width
- max-width
- margin-left
- margin-right

Those are controlled by about-process-stack.css.
========================================================== */

.valirina-about {

    position:
        relative !important;

    padding-top:
        var(--about-section-padding-top) !important;

    padding-bottom:
        var(--about-section-padding-bottom) !important;
}


/* ==========================================================
10 — CONTENT COLUMN — 50%
========================================================== */

.valirina-about
.about-content {

    position:
        relative !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    /*
     * SAME BASIS AS .about-media.
     *
     * media   = 1
     * content = 1
     */
    flex:
        var(--about-content-flex-grow)
        1
        0 !important;

    align-items:
        var(--about-content-align) !important;

    justify-content:
        center !important;

    gap:
        var(--about-content-gap) !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        var(--about-content-max-width) !important;

    margin:
        0 !important;

    padding:
        var(--about-content-padding-top)
        var(--about-content-padding-right)
        var(--about-content-padding-bottom)
        var(--about-content-padding-left) !important;

    background:
        transparent !important;

    overflow:
        visible !important;
}


.valirina-about
.about-content > .e-con-inner {

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        var(--about-content-align) !important;

    gap:
        var(--about-content-gap) !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;
}


/* ==========================================================
11 — HEADING GROUP
========================================================== */

.valirina-about
.about-heading {

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        var(--about-heading-max-width) !important;

    gap:
        var(--about-heading-gap) !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;
}


.valirina-about
.about-heading > .e-con-inner {

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    gap:
        var(--about-heading-gap) !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;
}


/* ==========================================================
12 — STATIC TITLE
========================================================== */

.valirina-about
.about-heading-static {

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


.valirina-about
.about-heading-static
.elementor-widget-container {

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;
}


.valirina-about
.about-heading-static
.elementor-heading-title {

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        var(--about-heading-color) !important;

    font-family:
        var(--about-editorial-font) !important;

    font-size:
        var(--about-heading-font-size) !important;

    font-weight:
        var(--about-heading-font-weight) !important;

    line-height:
        var(--about-heading-line-height) !important;

    letter-spacing:
        var(--about-heading-letter-spacing) !important;

    text-wrap:
        balance;

    overflow:
        visible !important;
}


/* ==========================================================
13 — STATIC TITLE ACCENT
========================================================== */

.valirina-about
.about-heading-static
.elementor-heading-title
span {

    color:
        var(--about-accent-color) !important;

    font-family:
        inherit !important;

    font-size:
        inherit !important;

    font-weight:
        inherit !important;

    line-height:
        inherit !important;

    letter-spacing:
        inherit !important;
}


/* ==========================================================
14 — ROLLING VIEWPORT
========================================================== */

.valirina-about
.about-rolling {

    position:
        relative !important;

    display:
        block !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    height:
        var(--rolling-height) !important;

    min-height:
        var(--rolling-height) !important;

    max-height:
        var(--rolling-height) !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    isolation:
        isolate;

    transform:
        none !important;

    translate:
        none !important;
}


/* ==========================================================
15 — ROLLING TRACK
========================================================== */

.valirina-about
.about-rolling-track {

    position:
        relative !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        stretch !important;

    justify-content:
        flex-start !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;

    transform:
        translate3d(
            0,
            0,
            0
        );

    transition:
        transform
        var(--rolling-transition-duration)
        var(--rolling-transition-easing) !important;

    will-change:
        transform;

    -webkit-backface-visibility:
        hidden;

    backface-visibility:
        hidden;
}


/* ==========================================================
16 — ELEMENTOR TRACK FALLBACK
========================================================== */

.valirina-about
.about-rolling > .e-con-inner {

    position:
        relative !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        stretch !important;

    justify-content:
        flex-start !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;

    transition:
        transform
        var(--rolling-transition-duration)
        var(--rolling-transition-easing);

    will-change:
        transform;
}


/* ==========================================================
17 — ROLLING ITEM
========================================================== */

.valirina-about
.about-rolling-item {

    position:
        relative !important;

    top:
        auto !important;

    left:
        auto !important;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        flex-start !important;

    justify-content:
        flex-start !important;

    flex:
        0 0
        var(--rolling-item-height) !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    height:
        var(--rolling-item-height) !important;

    min-height:
        var(--rolling-item-height) !important;

    max-height:
        var(--rolling-item-height) !important;

    margin:
        0 !important;

    padding:
        var(--rolling-text-top-offset)
        var(--rolling-padding-right)
        0
        0 !important;

    opacity:
        1 !important;

    filter:
        none !important;

    transform:
        none !important;

    pointer-events:
        none;

    overflow:
        visible !important;
}


/* ==========================================================
18 — ROLLING ELEMENTOR WRAPPER
========================================================== */

.valirina-about
.about-rolling-item
.elementor-widget-container {

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        flex-start !important;

    justify-content:
        flex-start !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    height:
        auto !important;

    min-height:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;
}


/* ==========================================================
19 — ROLLING TYPOGRAPHY
========================================================== */

.valirina-about
.about-rolling-item
.elementor-heading-title {

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    margin:
        0 !important;

    padding:
        1px
        0
        3px !important;

    color:
        inherit;

    font-family:
        var(--about-editorial-font) !important;

    font-size:
        var(--rolling-font-size) !important;

    font-weight:
        var(--rolling-font-weight) !important;

    line-height:
        var(--rolling-line-height) !important;

    letter-spacing:
        var(--rolling-letter-spacing) !important;

    white-space:
        normal !important;

    word-break:
        normal !important;

    overflow-wrap:
        normal !important;

    hyphens:
        none !important;

    text-wrap:
        wrap !important;

    text-overflow:
        clip !important;

    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;
}


/* ==========================================================
20 — MAXIMUM TWO LINES
========================================================== */

.valirina-about
.about-rolling-item
.elementor-heading-title {

    display:
        -webkit-box !important;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        2;

    line-clamp:
        2;

    overflow:
        hidden !important;
}


/* ==========================================================
21 — ROLLING COLORS
========================================================== */

.valirina-about
.rolling-1
.elementor-heading-title {

    color:
        var(--rolling-color-1) !important;
}


.valirina-about
.rolling-2
.elementor-heading-title {

    color:
        var(--rolling-color-2) !important;
}


.valirina-about
.rolling-3
.elementor-heading-title {

    color:
        var(--rolling-color-3) !important;
}


.valirina-about
.rolling-4
.elementor-heading-title {

    color:
        var(--rolling-color-4) !important;
}


/* ==========================================================
22 — CLONED ITEM
========================================================== */

.valirina-about
.about-rolling-item.is-rolling-clone {

    pointer-events:
        none !important;
}


/* ==========================================================
23 — LOOP RESET
========================================================== */

.valirina-about
.about-rolling-track.is-rolling-resetting,
.valirina-about
.about-rolling > .e-con-inner.is-rolling-resetting {

    transition:
        none !important;
}


/* ==========================================================
24 — DESCRIPTION
========================================================== */

.valirina-about
.about-description {

    width:
        100% !important;

    max-width:
        var(--about-description-max-width) !important;

    margin:
        var(--about-description-top-gap)
        0
        0 !important;

    padding:
        0 !important;
}


.valirina-about
.about-description
.elementor-widget-container {

    margin:
        0 !important;

    padding:
        0 !important;
}


.valirina-about
.about-description,
.valirina-about
.about-description p {

    color:
        var(--about-description-color) !important;

    font-family:
        inherit !important;

    font-size:
        var(--about-description-font-size) !important;

    font-weight:
        var(--about-description-font-weight) !important;

    line-height:
        var(--about-description-line-height) !important;

    letter-spacing:
        0 !important;
}


.valirina-about
.about-description p {

    margin:
        0 !important;
}


.valirina-about
.about-description p + p {

    margin-top:
        var(--about-description-paragraph-gap) !important;
}


.valirina-about
.about-description strong,
.valirina-about
.about-description b {

    color:
        var(--about-description-strong-color) !important;

    font-family:
        inherit !important;

    font-weight:
        var(--about-description-strong-weight) !important;
}


.valirina-about
.about-description a {

    font-family:
        inherit !important;

    color:
        inherit;

    text-decoration-thickness:
        1px;

    text-underline-offset:
        2px;
}


/* ==========================================================
25 — TRUST GRID
========================================================== */

.valirina-about
.about-trust-grid {

    position:
        relative !important;

    display:
        grid !important;

    grid-template-columns:
        repeat(
            var(--trust-columns),
            minmax(0, 1fr)
        ) !important;

    column-gap:
        var(--trust-column-gap) !important;

    row-gap:
        var(--trust-row-gap) !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    margin:
        var(--trust-grid-margin-top)
        0
        0 !important;

    padding:
        0 !important;

    border:
        none !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    overflow:
        visible !important;
}


.valirina-about
.about-trust-grid > .e-con-inner {

    display:
        grid !important;

    grid-template-columns:
        repeat(
            var(--trust-columns),
            minmax(0, 1fr)
        ) !important;

    column-gap:
        var(--trust-column-gap) !important;

    row-gap:
        var(--trust-row-gap) !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        none !important;

    background:
        transparent !important;
}


/* ==========================================================
26 — TRUST ITEM
========================================================== */

.valirina-about
.about-trust-item {

    position:
        relative !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    gap:
        var(--trust-item-gap) !important;

    width:
        100% !important;

    min-width:
        0 !important;

    min-height:
        var(--trust-item-min-height) !important;

    margin:
        0 !important;

    padding:
        var(--trust-item-padding-top)
        var(--trust-item-padding-right)
        var(--trust-item-padding-bottom)
        var(--trust-item-padding-left) !important;

    border:
        none !important;

    outline:
        none !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    border-radius:
        0 !important;

    text-align:
        center !important;

    overflow:
        visible !important;

    transform:
        translate3d(
            0,
            0,
            0
        );

    transition:
        transform
        var(--trust-transition-duration)
        var(--trust-transition-easing) !important;
}


/* ==========================================================
27 — TRUST VISUAL
========================================================== */

.valirina-about
.trust-visual {

    position:
        relative !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        var(--trust-visual-size) !important;

    min-width:
        var(--trust-visual-size) !important;

    height:
        var(--trust-visual-size) !important;

    min-height:
        var(--trust-visual-size) !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    border:
        none !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    overflow:
        visible !important;

    transform:
        translate3d(
            0,
            0,
            0
        )
        scale(1);

    transform-origin:
        center center;

    transition:
        transform
        var(--trust-transition-duration)
        var(--trust-transition-easing);
}


.valirina-about
.trust-visual
.elementor-widget-container {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 auto !important;

    padding:
        0 !important;
}


.valirina-about
.trust-visual img {

    display:
        block !important;

    width:
        var(--trust-image-size) !important;

    height:
        var(--trust-image-size) !important;

    min-width:
        var(--trust-image-size) !important;

    min-height:
        var(--trust-image-size) !important;

    max-width:
        var(--trust-image-size) !important;

    max-height:
        var(--trust-image-size) !important;

    margin:
        0 auto !important;

    object-fit:
        contain !important;

    object-position:
        center center !important;
}


/* ==========================================================
28 — TRUST COUNTER
========================================================== */

.valirina-about
.trust-counter {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    min-height:
        var(--trust-visual-size) !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    text-align:
        center !important;

    overflow:
        visible !important;

    transform:
        translate3d(
            0,
            0,
            0
        )
        scale(1);

    transform-origin:
        center center;

    transition:
        transform
        var(--trust-transition-duration)
        var(--trust-transition-easing) !important;
}


.valirina-about
.trust-counter
.elementor-widget-container {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 auto !important;

    padding:
        0 !important;
}


.valirina-about
.trust-counter
.elementor-heading-title {

    display:
        block !important;

    width:
        100% !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    color:
        var(--trust-counter-color) !important;

    font-family:
        var(--about-editorial-font) !important;

    font-size:
        var(--trust-counter-font-size) !important;

    font-weight:
        var(--trust-counter-font-weight) !important;

    line-height:
        var(--trust-counter-line-height) !important;

    letter-spacing:
        var(--trust-counter-letter-spacing) !important;

    white-space:
        nowrap !important;

    text-align:
        center !important;

    font-variant-numeric:
        tabular-nums;

    font-feature-settings:
        "tnum" 1;
}


/* ==========================================================
29 — TRUST TEXT
========================================================== */

.valirina-about
.trust-text {

    display:
        block !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        var(--trust-text-max-width) !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    text-align:
        center !important;
}


.valirina-about
.trust-text
.elementor-widget-container {

    width:
        100% !important;

    margin:
        0 auto !important;

    padding:
        0 !important;
}


.valirina-about
.trust-text,
.valirina-about
.trust-text p {

    color:
        var(--trust-text-color) !important;

    font-family:
        inherit !important;

    font-size:
        var(--trust-text-font-size) !important;

    font-weight:
        var(--trust-text-font-weight) !important;

    line-height:
        var(--trust-text-line-height) !important;

    letter-spacing:
        0 !important;

    text-align:
        center !important;
}


.valirina-about
.trust-text p {

    margin:
        0 !important;
}


.valirina-about
.trust-text strong,
.valirina-about
.trust-text b {

    color:
        var(--trust-text-strong-color) !important;

    font-family:
        inherit !important;

    font-weight:
        var(--trust-text-strong-weight) !important;
}


/* ==========================================================
30 — TRUST HOVER
========================================================== */

@media (hover: hover) and (pointer: fine) {

    .valirina-about
    .about-trust-item:hover {

        transform:
            translate3d(
                0,
                var(--trust-hover-y),
                0
            );
    }


    .valirina-about
    .trust-france:hover
    .trust-visual,
    .valirina-about
    .trust-shipping:hover
    .trust-visual {

        transform:
            scale(
                var(--trust-visual-hover-scale)
            );
    }


    .valirina-about
    .trust-counter.trust-counter-clients:hover,
    .valirina-about
    .trust-counter.trust-counter-hours:hover {

        transform:
            scale(
                var(--trust-counter-hover-scale)
            );
    }


    .valirina-about
    .about-trust-item:hover
    .trust-counter.trust-counter-clients,
    .valirina-about
    .about-trust-item:hover
    .trust-counter.trust-counter-hours {

        transform:
            scale(
                var(--trust-counter-hover-scale)
            );
    }
}


/* ==========================================================
31 — REVEAL INITIAL
========================================================== */

.valirina-about
.about-content.is-reveal-ready
.about-heading,
.valirina-about
.about-content.is-reveal-ready
.about-description,
.valirina-about
.about-content.is-reveal-ready
.about-trust-item {

    opacity:
        0;

    transform:
        translate3d(
            0,
            var(--about-reveal-y),
            0
        );
}


/* ==========================================================
32 — REVEALED
========================================================== */

.valirina-about
.about-content.is-revealed
.about-heading,
.valirina-about
.about-content.is-revealed
.about-description,
.valirina-about
.about-content.is-revealed
.about-trust-item {

    opacity:
        1;

    transform:
        translate3d(
            0,
            0,
            0
        );

    transition:
        opacity
        var(--about-reveal-duration)
        var(--about-reveal-easing),

        transform
        var(--about-reveal-duration)
        var(--about-reveal-easing);
}


/* ==========================================================
33 — REVEAL STAGGER
========================================================== */

.valirina-about
.about-content.is-revealed
.about-heading {

    transition-delay:
        0ms;
}


.valirina-about
.about-content.is-revealed
.about-description {

    transition-delay:
        90ms;
}


.valirina-about
.about-content.is-revealed
.about-trust-item:nth-child(1) {

    transition-delay:
        180ms;
}


.valirina-about
.about-content.is-revealed
.about-trust-item:nth-child(2) {

    transition-delay:
        230ms;
}


.valirina-about
.about-content.is-revealed
.about-trust-item:nth-child(3) {

    transition-delay:
        280ms;
}


.valirina-about
.about-content.is-revealed
.about-trust-item:nth-child(4) {

    transition-delay:
        330ms;
}


/* ==========================================================
34 — MOBILE CONTENT
========================================================== */

@media (max-width: 767px) {

    .valirina-about
    .about-content {

        flex:
            0 0 100% !important;

        width:
            100% !important;

        max-width:
            100% !important;
    }
}


/* ==========================================================
35 — MOBILE GRID
========================================================== */

@media (max-width: 767px) {

    .valirina-about
    .about-trust-grid,
    .valirina-about
    .about-trust-grid > .e-con-inner {

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }
}


/* ==========================================================
36 — VERY SMALL MOBILE
========================================================== */

@media (max-width: 340px) {

    .valirina-about
    .about-trust-grid,
    .valirina-about
    .about-trust-grid > .e-con-inner {

        grid-template-columns:
            1fr !important;
    }
}


/* ==========================================================
37 — REDUCED MOTION
========================================================== */

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

    .valirina-about
    .about-content *,
    .valirina-about
    .about-content *::before,
    .valirina-about
    .about-content *::after {

        animation:
            none !important;

        transition:
            none !important;
    }


    .valirina-about
    .about-rolling-track,
    .valirina-about
    .about-rolling > .e-con-inner {

        transform:
            translate3d(
                0,
                0,
                0
            ) !important;

        transition:
            none !important;
    }


    .valirina-about
    .about-content.is-reveal-ready
    .about-heading,
    .valirina-about
    .about-content.is-reveal-ready
    .about-description,
    .valirina-about
    .about-content.is-reveal-ready
    .about-trust-item {

        opacity:
            1 !important;

        transform:
            none !important;
    }
}