/*

|--------------------------------------------------------------------------

| Shendy Tech Hero Slider

|--------------------------------------------------------------------------

*/

.st-hero-slider {

    --hero-navy: #021844;

    --hero-blue: #062b66;

    --hero-blue-light: #1357ae;

    --hero-gold: #f8b400;

    --hero-gold-light: #ffc83d;

    --hero-text: #071d47;

    --hero-muted: #66758d;

    --hero-border: rgba(6, 43, 102, .09);

    position: relative;

    overflow: hidden;

    min-height: 680px;

    padding:
        35px
        0
        30px;

    background:

        linear-gradient(

            135deg,

            #ffffff 0%,

            #f8fbff 45%,

            #edf4ff 100%

        );

    isolation: isolate;

}



/*

|--------------------------------------------------------------------------

| Background

|--------------------------------------------------------------------------

*/

.st-hero-slider-grid {

    position: absolute;

    inset: 0;

    z-index: -4;

    pointer-events: none;

    background-image:

        linear-gradient(

            rgba(6, 43, 102, .035)

            1px,

            transparent 1px

        ),

        linear-gradient(

            90deg,

            rgba(6, 43, 102, .035)

            1px,

            transparent 1px

        );

    background-size:

        52px

        52px;

    mask-image:

        linear-gradient(

            to bottom,

            rgba(0, 0, 0, .9),

            transparent 95%

        );

}



.st-hero-slider-glow {

    position: absolute;

    z-index: -3;

    pointer-events: none;

    border-radius: 50%;

    filter: blur(100px);

}



.st-hero-slider-glow-gold {

    width: 520px;

    height: 520px;

    top: 20%;

    left: -330px;

    background:

        rgba(248, 180, 0, .13);

}



.st-hero-slider-glow-blue {

    width: 620px;

    height: 620px;

    top: 5%;

    right: -340px;

    background:

        rgba(45, 116, 220, .11);

}



/*

|--------------------------------------------------------------------------

| Slider Viewport

|--------------------------------------------------------------------------

*/

.st-hero-slider-viewport {

    position: relative;

    overflow: hidden;

    width: 100%;

}



.st-hero-slider-track {

    position: relative;

    min-height: 500px;

}



/*

|--------------------------------------------------------------------------

| Slide

|--------------------------------------------------------------------------

*/

.st-hero-slide {

    position: absolute;

    inset: 0;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform:

        translateX(45px);

    transition:

        opacity .65s ease,

        transform .75s

        cubic-bezier(.2, .8, .2, 1),

        visibility .65s;

}



html[dir="rtl"]

.st-hero-slide {

    transform:

        translateX(-45px);

}



.st-hero-slide.is-active {

    position: relative;

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:

        translateX(0);

}



.st-hero-slide-layout {

    display: grid;

    grid-template-columns:
        minmax(0, .96fr)
        minmax(500px, 1.04fr);

    align-items: center;

    gap: 55px;

    min-height: 500px;

}



/*

|--------------------------------------------------------------------------

| Copy

|--------------------------------------------------------------------------

*/

.st-hero-slide-copy {

    position: relative;

    z-index: 5;

    padding-block:

        30px;

}



.st-hero-slide-meta {

    display: flex;

    align-items: center;

    gap: 9px;

    width: max-content;

    margin-bottom:

        22px;

    direction: ltr;

}



.st-hero-slide-number {

    color:

        var(--hero-gold);

    font-size:

        13px;

    font-weight:

        900;

}



.st-hero-slide-meta-line {

    width: 30px;

    height: 1px;

    background:

        rgba(6, 43, 102, .20);

}



.st-hero-slide-total {

    color:

        #9aa7b8;

    font-size:

        9px;

    font-weight:

        800;

}



.st-hero-slide-badge {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom:

        22px;

    color:

        var(--hero-blue);

    font-size:

        11px;

    font-weight:

        900;

    letter-spacing:

        .4px;

    text-transform:

        uppercase;

}



.st-hero-slide-badge-dot {

    width: 8px;

    height: 8px;

    flex: 0 0 auto;

    border-radius: 50%;

    background:

        var(--hero-gold);

    box-shadow:

        0 0 0 6px

        rgba(248, 180, 0, .12);

}



.st-hero-slide-title {

    max-width: 720px;

    margin:

        0

        0

        24px;

    color:

        var(--hero-navy);

    font-size:
        clamp(
            48px,
            4.6vw,
            76px
        );

    font-weight:

        900;

    line-height: 1.08;

    letter-spacing: -2px;

}



html[dir="rtl"]

.st-hero-slide-title {

    letter-spacing: 0;

}



.st-hero-slide-title span {

    display: block;

    position: relative;

    width: max-content;

    max-width: 100%;

    margin-top:

        7px;

    color:

        var(--hero-gold);

}



.st-hero-slide-title span::after {

    content: "";

    position: absolute;

    right: 0;

    bottom: -8px;

    width: 35%;

    height: 5px;

    border-radius:

        999px;

    background:

        linear-gradient(

            90deg,

            var(--hero-gold),

            rgba(248, 180, 0, 0)

        );

}



html[dir="ltr"]

.st-hero-slide-title span::after {

    right: auto;

    left: 0;

    background:

        linear-gradient(

            90deg,

            var(--hero-gold),

            rgba(248, 180, 0, 0)

        );

}



.st-hero-slide-description {

    max-width: 650px;

    margin: 0;

    color:

        var(--hero-muted);

    font-size:

        clamp(

            16px,

            1.45vw,

            19px

        );

    font-weight: 500;

    line-height: 2;

}



/*

|--------------------------------------------------------------------------

| Actions

|--------------------------------------------------------------------------

*/

.st-hero-slide-actions {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 13px;

    margin-top:

        32px;

}



.st-hero-slider-primary,

.st-hero-slider-secondary {

    min-height: 58px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    padding:

        0

        24px;

    border-radius:

        17px;

    font-size:

        14px;

    font-weight:

        900;

    transition:

        transform .25s ease,

        box-shadow .25s ease,

        background .25s ease,

        border-color .25s ease;

}



.st-hero-slider-primary {

    color: #fff;

    background:

        linear-gradient(

            135deg,

            var(--hero-navy),

            var(--hero-blue)

        );

    box-shadow:

        0 18px 38px

        rgba(2, 24, 68, .20);

}



.st-hero-slider-primary:hover {

    transform:

        translateY(-3px);

    box-shadow:

        0 25px 44px

        rgba(2, 24, 68, .27);

}



.st-btn-circle {

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 auto;

    border-radius: 50%;

    color:

        var(--hero-navy);

    background: #fff;

    font-size: 13px;

}



.st-hero-slider-secondary {

    color:

        var(--hero-navy);

    background:

        rgba(255, 255, 255, .76);

    border:

        1px solid

        rgba(6, 43, 102, .13);

    backdrop-filter:

        blur(15px);

    box-shadow:

        0 12px 30px

        rgba(2, 24, 68, .04);

}



.st-hero-slider-secondary:hover {

    transform:

        translateY(-2px);

    background: #fff;

    border-color:

        rgba(6, 43, 102, .20);

}



/*

|--------------------------------------------------------------------------

| Proof

|--------------------------------------------------------------------------

*/

.st-hero-slide-proof {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 10px;

    margin-top:

        24px;

    color:

        #768399;

    font-size:

        11px;

    font-weight:

        700;

}



.st-proof-live {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    padding:

        5px

        9px;

    border-radius:

        999px;

    color:

        #148459;

    background:

        rgba(25, 178, 112, .08);

    font-size:

        8px;

    font-weight:

        900;

    letter-spacing:

        .5px;

}



.st-proof-live i {

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background:

        #1fc37d;

    box-shadow:

        0 0 0 4px

        rgba(31, 195, 125, .12);

}



/*

|--------------------------------------------------------------------------

| Visual

|--------------------------------------------------------------------------

*/

.st-hero-slide-visual {

    position: relative;

    min-height: 500px;

    display: flex;

    align-items: center;

    justify-content: center;

    perspective: 1400px;

}



.st-hero-visual-ring {

    position: absolute;

    top: 50%;

    left: 50%;

    border-radius: 50%;

    border:

        1px dashed

        rgba(6, 43, 102, .13);

    transform:

        translate(

            -50%,

            -50%

        );

    pointer-events: none;

}



.st-hero-ring-one {

    width: 590px;

    height: 590px;

    animation:

        stHeroRingSpin

        38s

        linear

        infinite;

}



.st-hero-ring-two {

    width: 450px;

    height: 450px;

    border-style: solid;

    opacity: .48;

    animation:

        stHeroRingSpinReverse

        32s

        linear

        infinite;

}



@keyframes stHeroRingSpin {

    to {

        transform:

            translate(

                -50%,

                -50%

            )

            rotate(360deg);

    }

}



@keyframes stHeroRingSpinReverse {

    to {

        transform:

            translate(

                -50%,

                -50%

            )

            rotate(-360deg);

    }

}



/*

|--------------------------------------------------------------------------

| Device Card

|--------------------------------------------------------------------------

*/

.st-hero-device-shell {

    position: relative;

    z-index: 4;

    width: min(

        100%,

        760px

    );

    padding: 12px;

    overflow: hidden;

    border:

        1px solid

        rgba(6, 43, 102, .09);

    border-radius:

        30px;

    background:

        rgba(255, 255, 255, .92);

    box-shadow:

        0 40px 100px

        rgba(2, 24, 68, .15);

    backdrop-filter:

        blur(18px);

    transform:

        perspective(1200px)

        rotateY(-2deg)

        rotateX(1deg);

    transition:

        transform .55s

        cubic-bezier(.2, .8, .2, 1),

        box-shadow .55s ease;

}



html[dir="rtl"]

.st-hero-device-shell {

    transform:

        perspective(1200px)

        rotateY(2deg)

        rotateX(1deg);

}



.st-hero-slide.is-active

.st-hero-device-shell {

    animation:

        stDeviceEntry

        .9s

        cubic-bezier(.2, .8, .2, 1)

        both;

}



@keyframes stDeviceEntry {

    from {

        opacity: 0;

        transform:

            perspective(1200px)

            translateY(25px)

            scale(.96);

    }

    to {

        opacity: 1;

    }

}



.st-hero-device-shell:hover {

    transform:

        perspective(1200px)

        rotateY(0)

        rotateX(0)

        translateY(-5px);

    box-shadow:

        0 48px 115px

        rgba(2, 24, 68, .20);

}



.st-hero-device-top {

    min-height: 37px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding:

        0

        10px;

    color:

        #8e9aac;

    font-size:

        7px;

    font-weight:

        900;

    letter-spacing:

        1px;

}



.st-device-dots {

    display: flex;

    align-items: center;

    gap: 5px;

}



.st-device-dots i {

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background:

        #d7dee9;

}



.st-device-dots i:first-child {

    background:

        #f8b400;

}



.st-hero-device-media {

    position: relative;

    overflow: hidden;

    border-radius:

        21px;

    background:

        #f5f8fc;

}



.st-hero-device-media img {

    display: block;

    width: 100%;

    height: auto;

    object-fit: contain;

    transition:

        transform .75s

        cubic-bezier(.2, .8, .2, 1);

}



.st-hero-device-shell:hover

.st-hero-device-media img {

    transform:

        scale(1.025);

}



/*

|--------------------------------------------------------------------------

| Floating Tags

|--------------------------------------------------------------------------

*/

.st-hero-floating-tag {

    position: absolute;

    z-index: 8;

    min-height: 42px;

    display: flex;

    align-items: center;

    gap: 8px;

    padding:

        0

        14px;

    border:

        1px solid

        rgba(6, 43, 102, .08);

    border-radius:

        999px;

    color:

        var(--hero-navy);

    background:

        rgba(

            255,

            255,

            255,

            .93

        );

    backdrop-filter:

        blur(16px);

    box-shadow:

        0 15px 35px

        rgba(2, 24, 68, .10);

    font-size:

        10px;

    font-weight:

        900;

    white-space: nowrap;

    animation:

        stFloatingTag

        4.5s

        ease-in-out

        infinite;

}



.st-hero-floating-tag span {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background:

        var(--hero-gold);

    box-shadow:

        0 0 0 5px

        rgba(248, 180, 0, .12);

}



.st-hero-floating-tag-one {

    top: 50px;

    right: -15px;

}



.st-hero-floating-tag-two {

    left: -20px;

    bottom: 70px;

    animation-delay:

        .8s;

}



.st-hero-floating-tag-three {

    right: 35px;

    bottom: 20px;

    animation-delay:

        1.5s;

}



@keyframes stFloatingTag {

    0%,

    100% {

        transform:

            translateY(0);

    }

    50% {

        transform:

            translateY(-7px);

    }

}



/*

|--------------------------------------------------------------------------

| Slider Controls

|--------------------------------------------------------------------------

*/

.st-hero-slider-controls {

    position: relative;

    z-index: 20;

    min-height: 60px;

    display: grid;

    grid-template-columns:

        auto

        minmax(120px, 1fr)

        auto;

    align-items: center;

    gap: 28px;

    margin-top:

        8px;

}



/*

|--------------------------------------------------------------------------

| Dots

|--------------------------------------------------------------------------

*/

.st-hero-slider-dots {

    display: flex;

    align-items: center;

    gap: 15px;

    direction: ltr;

}



.st-hero-slider-dot {

    appearance: none;

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 0;

    border: 0;

    background: transparent;

    color:

        #a0abbb;

    cursor: pointer;

    transition:

        color .25s ease;

}



.st-hero-slider-dot span {

    font-size:

        9px;

    font-weight:

        900;

}



.st-hero-slider-dot i {

    width: 7px;

    height: 7px;

    border-radius: 50%;

    background:

        #d3dbe6;

    transition:

        width .3s ease,

        background .3s ease,

        border-radius .3s ease;

}



.st-hero-slider-dot.is-active {

    color:

        var(--hero-navy);

}



.st-hero-slider-dot.is-active i {

    width: 27px;

    border-radius:

        999px;

    background:

        var(--hero-gold);

}



/*

|--------------------------------------------------------------------------

| Progress

|--------------------------------------------------------------------------

*/

.st-hero-slider-progress {

    position: relative;

    height: 2px;

    overflow: hidden;

    border-radius:

        999px;

    background:

        rgba(6, 43, 102, .08);

}



.st-hero-slider-progress-bar {

    display: block;

    width: 0;

    height: 100%;

    border-radius:

        999px;

    background:

        linear-gradient(

            90deg,

            var(--hero-gold),

            var(--hero-gold-light)

        );

}



/*

|--------------------------------------------------------------------------

| Arrows

|--------------------------------------------------------------------------

*/

.st-hero-slider-arrows {

    display: flex;

    align-items: center;

    gap: 8px;

    direction: ltr;

}



.st-hero-slider-arrow {

    width: 44px;

    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:

        1px solid

        rgba(6, 43, 102, .10);

    border-radius:

        14px;

    color:

        var(--hero-navy);

    background:

        rgba(

            255,

            255,

            255,

            .82

        );

    cursor: pointer;

    font-size: 16px;

    font-weight: 900;

    transition:

        transform .2s ease,

        background .2s ease,

        color .2s ease,

        box-shadow .2s ease;

}



.st-hero-slider-arrow:hover {

    transform:

        translateY(-2px);

    background: #fff;

    box-shadow:

        0 12px 25px

        rgba(2, 24, 68, .08);

}



.st-hero-slider-arrow-primary {

    color: #fff;

    border-color:

        var(--hero-navy);

    background:

        var(--hero-navy);

}



.st-hero-slider-arrow-primary:hover {

    color: #fff;

    background:

        var(--hero-blue);

}



/*

|--------------------------------------------------------------------------

| Stats

|--------------------------------------------------------------------------

*/

.st-hero-slider-stats {

    position: relative;

    z-index: 30;

    min-height: 102px;

    display: grid;

    grid-template-columns:

        1fr

        auto

        1fr

        auto

        1fr;

    align-items: center;

    margin-top:

        15px;

    padding:

        18px

        50px;

    border:

        1px solid

        rgba(6, 43, 102, .07);

    border-radius:

        25px;

    background:

        rgba(

            255,

            255,

            255,

            .84

        );

    backdrop-filter:

        blur(20px);

    box-shadow:

        0 25px 60px

        rgba(2, 24, 68, .07);

}



.st-hero-slider-stat {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

}



.st-hero-slider-stat-icon {

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 auto;

    border-radius:

        16px;

    color:

        var(--hero-navy);

    background:

        #f1f5fc;

}



.st-hero-slider-stat-icon svg {

    width: 23px;

    height: 23px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;

    stroke-linejoin: round;

}



.st-hero-slider-stat strong {

    display: block;

    color:

        var(--hero-navy);

    font-size:

        29px;

    font-weight:

        900;

    line-height: 1;

}



.st-hero-slider-stat small {

    display: block;

    margin-top:

        7px;

    color:

        #78869a;

    font-size:

        10px;

    font-weight:

        700;

}



.st-hero-stat-divider {

    width: 1px;

    height: 44px;

    background:

        rgba(6, 43, 102, .09);

}



/*

|--------------------------------------------------------------------------

| Slide Content Animation

|--------------------------------------------------------------------------

*/

.st-hero-slide

.st-hero-slide-meta,

.st-hero-slide

.st-hero-slide-badge,

.st-hero-slide

.st-hero-slide-title,

.st-hero-slide

.st-hero-slide-description,

.st-hero-slide

.st-hero-slide-actions,

.st-hero-slide

.st-hero-slide-proof {

    opacity: 0;

    transform:

        translateY(20px);

    transition:

        opacity .65s ease,

        transform .7s

        cubic-bezier(.2, .8, .2, 1);

}



.st-hero-slide.is-active

.st-hero-slide-meta,

.st-hero-slide.is-active

.st-hero-slide-badge,

.st-hero-slide.is-active

.st-hero-slide-title,

.st-hero-slide.is-active

.st-hero-slide-description,

.st-hero-slide.is-active

.st-hero-slide-actions,

.st-hero-slide.is-active

.st-hero-slide-proof {

    opacity: 1;

    transform:

        translateY(0);

}



.st-hero-slide.is-active

.st-hero-slide-meta {

    transition-delay:

        .06s;

}



.st-hero-slide.is-active

.st-hero-slide-badge {

    transition-delay:

        .11s;

}



.st-hero-slide.is-active

.st-hero-slide-title {

    transition-delay:

        .16s;

}



.st-hero-slide.is-active

.st-hero-slide-description {

    transition-delay:

        .22s;

}



.st-hero-slide.is-active

.st-hero-slide-actions {

    transition-delay:

        .28s;

}



.st-hero-slide.is-active

.st-hero-slide-proof {

    transition-delay:

        .34s;

}




html[dir="rtl"]
.st-hero-slide-copy {

    text-align: right;
}

html[dir="ltr"]
.st-hero-slide-copy {

    text-align: left;
}

/*
|--------------------------------------------------------------------------
| Content Safety
|--------------------------------------------------------------------------
*/

.st-hero-slide-copy,
.st-hero-slide-visual,
.st-hero-device-shell,
.st-hero-device-media {

    min-width: 0;
}

.st-hero-slide-title,
.st-hero-slide-description,
.st-hero-floating-tag {

    overflow-wrap: anywhere;
}


/*

|--------------------------------------------------------------------------

| Responsive - Large Tablet

|--------------------------------------------------------------------------

*/

@media (

    max-width: 1200px

) {

    .st-hero-slide-layout {

        grid-template-columns:
            minmax(0, .96fr)
            minmax(460px, 1.04fr);

        gap: 42px;

    }



    .st-hero-slide-title {

        font-size:
            clamp(
                46px,
                5vw,
                68px
            );

    }



    .st-hero-ring-one {

        width: 520px;

        height: 520px;

    }



    .st-hero-ring-two {

        width: 400px;

        height: 400px;

    }

}



/*

|--------------------------------------------------------------------------

| Responsive - Tablet

|--------------------------------------------------------------------------

*/

@media (

    max-width: 1050px

) {

    .st-hero-slider {

        padding-top: 42px;

    }



    .st-hero-slider-track {

        min-height:

            auto;

    }



    .st-hero-slide-layout {

        grid-template-columns:

            1fr;

        min-height: 0;

        gap: 35px;

    }



    .st-hero-slide-copy {

        max-width: 780px;

        padding-top: 0;

    }



    .st-hero-slide-title {

        max-width:

            750px;

    }



    .st-hero-slide-visual {

        min-height: 430px;

    }



    .st-hero-device-shell {

        width:

            min(

                100%,

                720px

            );

    }



    .st-hero-slider-controls {

        margin-top:

            25px;

    }

}



/*

|--------------------------------------------------------------------------

| Responsive - Mobile

|--------------------------------------------------------------------------

*/

@media (

    max-width: 768px

) {

    .st-hero-slider {

        min-height: 0;

        padding:
            30px
            0
            22px;

    }



    .st-hero-slide-meta {

        margin-bottom:

            15px;

    }



    .st-hero-slide-badge {

        font-size:

            8px;

        line-height: 1.6;

        margin-bottom:

            17px;

    }



    .st-hero-slide-title {

        margin-bottom:

            19px;

        font-size:
            clamp(
                36px,
                10vw,
                50px
            );

        line-height:

            1.08;

    }



    .st-hero-slide-description {

        font-size:

            15px;

        line-height:

            1.85;

    }



    .st-hero-slide-actions {

        display: grid;

        grid-template-columns:

            1fr;

        width: 100%;

        margin-top:

            26px;

    }



    .st-hero-slider-primary,

    .st-hero-slider-secondary {

        width: 100%;

    }



    .st-hero-slide-proof {

        line-height:

            1.7;

    }



    .st-hero-slide-visual {

        min-height: 310px;

    }



    .st-hero-ring-one {

        width: 390px;

        height: 390px;

    }



    .st-hero-ring-two {

        width: 300px;

        height: 300px;

    }



    .st-hero-device-shell {

        padding: 8px;

        border-radius:

            22px;

    }



    .st-hero-device-media {

        border-radius:

            16px;

    }



    .st-hero-device-top {

        min-height:

            30px;

        font-size:

            5.5px;

    }



    .st-hero-floating-tag {

        min-height:

            35px;

        padding:

            0

            10px;

        font-size:

            7px;

    }



    .st-hero-floating-tag-one {

        top: 10px;

        right: 0;

    }



    .st-hero-floating-tag-two {

        left: 0;

        bottom: 35px;

    }



    .st-hero-floating-tag-three {

        right: 10px;

        bottom: 0;

    }



    .st-hero-slider-controls {

        grid-template-columns:

            1fr

            auto;

        gap: 16px;

        margin-top:

            20px;

    }



    .st-hero-slider-progress {

        grid-column:

            1 / -1;

        grid-row: 2;

    }



    .st-hero-slider-dots {

        gap: 10px;

    }



    .st-hero-slider-arrow {

        width: 40px;

        height: 40px;

        border-radius:

            12px;

    }



    /*

    |--------------------------------------------------------------------------

    | Mobile Stats

    |--------------------------------------------------------------------------

    */

    .st-hero-slider-stats {

        grid-template-columns:

            repeat(

                3,

                1fr

            );

        min-height:

            90px;

        gap: 8px;

        padding:

            15px

            8px;

        border-radius:

            20px;

    }



    .st-hero-slider-stat {

        flex-direction:

            column;

        gap: 7px;

        text-align: center;

    }



    .st-hero-slider-stat-icon {

        width: 38px;

        height: 38px;

        border-radius:

            12px;

    }



    .st-hero-slider-stat-icon svg {

        width: 19px;

        height: 19px;

    }



    .st-hero-slider-stat strong {

        font-size:

            21px;

    }



    .st-hero-slider-stat small {

        margin-top:

            4px;

        font-size:

            7px;

    }



    .st-hero-stat-divider {

        display: none;

    }

}



/*

|--------------------------------------------------------------------------

| Very Small Screens

|--------------------------------------------------------------------------

*/

@media (

    max-width: 480px

) {

    .st-hero-slide-visual {

        min-height: 270px;

    }



    .st-hero-device-top span {

        display: none;

    }



    .st-hero-floating-tag-two {

        display: none;

    }



    .st-hero-floating-tag-three {

        display: none;

    }



    .st-hero-slider-dots

    .st-hero-slider-dot span {

        display: none;

    }

}



/*

|--------------------------------------------------------------------------

| Reduced Motion

|--------------------------------------------------------------------------

*/

@media (

    prefers-reduced-motion:

    reduce

) {

    .st-hero-ring-one,

    .st-hero-ring-two,

    .st-hero-floating-tag {

        animation: none;

    }



    .st-hero-slide,

    .st-hero-slide *,

    .st-hero-device-shell {

        transition-duration:

            .01ms !important;

        animation-duration:

            .01ms !important;

    }

}