.elementor-13602 .elementor-element.elementor-element-76d1ef4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13602 .elementor-element.elementor-element-3c228c0 > .elementor-widget-container{margin:-21px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13602 .elementor-element.elementor-element-fa90d87 > .elementor-widget-container{margin:-23px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13602 .elementor-element.elementor-element-10857ce > .elementor-widget-container{margin:-13px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13602 .elementor-element.elementor-element-2ffba97 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13602 .elementor-element.elementor-element-38e81bc > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13602 .elementor-element.elementor-element-fcef263 > .elementor-widget-container{margin:-19px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-13602 .elementor-element.elementor-element-76d1ef4{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-cb6efc9 */:root {
    --vw-green: #3DAC4D;
    --vw-orange: #F89A08;
    --vw-dark: #0D1A31;
    --vw-white: #FFFFFF;
    --vw-black: #000000;

    --vw-mci: #00AEEF;
    --vw-mci-dark: #0075A8;

    --vw-irancell: #FFCB05;
    --vw-irancell-dark: #151515;

    --vw-rightel: #9D1B70;
    --vw-rightel-light: #D4449A;
}


/* ======================================================
   HERO BASE
====================================================== */

.vw-sim-hero {
    width: 100%;
    max-width: none;
    min-width: 0;

    margin: 0;
    padding: 0;

    position: relative;

    overflow: hidden;
    isolation: isolate;

    direction: rtl;

    color: var(--vw-white);

    background:
        radial-gradient(
            circle at 8% 10%,
            rgba(61, 172, 77, .15),
            transparent 32%
        ),
        radial-gradient(
            circle at 92% 18%,
            rgba(248, 154, 8, .10),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #07111F 0%,
            #0D1A31 50%,
            #081426 100%
        );

 
}


.vw-sim-hero *,
.vw-sim-hero *::before,
.vw-sim-hero *::after {
    box-sizing: border-box;
}


.vw-sim-hero a,
.vw-sim-hero a:hover,
.vw-sim-hero a:focus,
.vw-sim-hero a:active,
.vw-sim-hero a:visited {
    text-decoration: none !important;
}


.vw-sim-hero svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}


/* ======================================================
   CONTAINER
====================================================== */

.vw-sim-hero__container {
    width: min(100% - 40px, 1280px);

    margin-inline: auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(360px, .95fr);

    align-items: center;

    gap: clamp(28px, 5vw, 75px);

    padding:
        clamp(70px, 7vw, 105px)
        0
        clamp(75px, 8vw, 110px);

    position: relative;
    z-index: 5;
}


/* ======================================================
   BACKGROUND
====================================================== */

.vw-sim-hero__bg {
    position: absolute;
    inset: 0;

    pointer-events: none;

    z-index: -5;
}


.vw-sim-hero__grid {
    position: absolute;

    inset: -45%;

    opacity: .11;

    background-image:
        linear-gradient(
            rgba(255,255,255,.08) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.08) 1px,
            transparent 1px
        );

    background-size:
        clamp(38px, 4vw, 56px)
        clamp(38px, 4vw, 56px);

    transform:
        perspective(850px)
        rotateX(62deg)
        translateY(20%);
}


.vw-sim-hero__glow {
    position: absolute;

    width: min(45vw, 520px);
    aspect-ratio: 1;

    border-radius: 50%;

    filter: blur(90px);

    opacity: .12;
}


.vw-sim-hero__glow--green {
    right: -15%;
    top: -20%;

    background: var(--vw-green);
}


.vw-sim-hero__glow--orange {
    left: -15%;
    bottom: -25%;

    background: var(--vw-orange);
}


.vw-sim-hero__glow--blue {
    right: 38%;
    bottom: -35%;

    background: #168CFF;
}


.vw-sim-hero__mouse-light {
    position: absolute;

    width: min(600px, 55vw);
    aspect-ratio: 1;

    top: 0;
    left: 0;

    border-radius: 50%;

    opacity: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle,
            rgba(61,172,77,.10),
            rgba(61,172,77,.025) 35%,
            transparent 70%
        );

    transition: opacity .3s ease;
}


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

.vw-sim-hero__content {
    min-width: 0;

    position: relative;
    z-index: 10;
}


.vw-sim-hero__badge {
    width: fit-content;
    max-width: 100%;

    display: inline-flex;
    align-items: center;

    gap: 8px;

    padding: 8px 11px;

    margin-bottom: 20px;

    border-radius: 999px;

    border:
        1px solid
        rgba(61,172,77,.25);

    background:
        rgba(61,172,77,.07);

    backdrop-filter: blur(14px);

    color:
        rgba(255,255,255,.82);

    font-size:
        clamp(10px, 1vw, 12px);
}


.vw-sim-hero__badge-icon {
    width: 25px;
    height: 25px;

    flex: 0 0 25px;

    padding: 6px;

    border-radius: 8px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            var(--vw-green),
            #267F36
        );
}


.vw-sim-hero__badge i {
    width: 7px;
    height: 7px;

    flex: 0 0 7px;

    border-radius: 50%;

    background: var(--vw-green);

    box-shadow:
        0 0 0 5px
        rgba(61,172,77,.10);

    animation:
        vwHeroLive
        1.7s
        infinite ease-in-out;
}


@keyframes vwHeroLive {
    50% {
        box-shadow:
            0 0 0 10px
            rgba(61,172,77,0);
    }
}


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

.vw-sim-hero__title {
    margin: 0;

    max-width: 730px;
}


.vw-sim-hero__title-top {
    display: block;

    font-size:
        clamp(28px, 3.6vw, 50px);

    line-height: 1.35;

    font-weight: 850;

    color:
        rgba(255,255,255,.96);
}


.vw-sim-hero__title-main {
    display: block;

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

    position: relative;

    font-size:
        clamp(48px, 6vw, 86px);

    line-height: 1.1;

    font-weight: 950;

    letter-spacing:
        clamp(-2px, -.18vw, -1px);

    color: var(--vw-white);

    overflow-wrap: anywhere;
}


.vw-sim-hero__title-main::after {
    content: "";

    position: absolute;

    right: 0;
    bottom: -7px;

    width: 58%;
    height: 5px;

    border-radius: 99px;

    background:
        linear-gradient(
            90deg,
            var(--vw-green),
            var(--vw-orange)
        );
}


.vw-sim-hero__title-sub {
    display: block;

    margin-top: 23px;

    font-size:
        clamp(16px, 1.7vw, 24px);

    line-height: 1.8;

    font-weight: 650;

    color: var(--vw-orange);
}


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

.vw-sim-hero__description {
    width: 100%;
    max-width: 680px;

    margin:
        20px 0
        18px;

    font-size:
        clamp(13px, 1.2vw, 17px);

    line-height: 2.05;

    color:
        rgba(255,255,255,.65);
}


.vw-sim-hero__description strong {
    color:
        rgba(255,255,255,.95);

    font-weight: 650;
}


/* ======================================================
   DYNAMIC
====================================================== */

.vw-sim-hero__dynamic {
    min-height: 42px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 9px;

    margin-bottom: 24px;
}


.vw-sim-hero__dynamic-label {
    font-size: 12px;

    color:
        rgba(255,255,255,.42);
}


.vw-sim-hero__dynamic-box {
    min-width: 0;
    max-width: 100%;

    display: inline-flex;
    align-items: center;

    gap: 8px;

    padding: 8px 12px;

    border-radius: 10px;

    border:
        1px solid
        rgba(248,154,8,.22);

    background:
        rgba(248,154,8,.07);

    font-size: 12px;

    color: white;
}


.vw-sim-hero__dynamic-icon {
    width: 18px;
    height: 18px;

    flex: 0 0 18px;

    color: var(--vw-orange);
}


#vwHeroKeyword {
    display: inline-block;

    min-width: 0;

    transition:
        opacity .22s ease,
        transform .22s ease;
}


#vwHeroKeyword.vw-keyword-hide {
    opacity: 0;
    transform: translateY(-6px);
}


#vwHeroKeyword.vw-keyword-show {
    animation:
        vwKeywordIn
        .35s ease;
}


@keyframes vwKeywordIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ======================================================
   BUTTONS
====================================================== */

.vw-sim-hero__actions {
    width: 100%;

    display: flex;
    align-items: stretch;
    flex-wrap: wrap;

    gap: 11px;
}


.vw-sim-hero__btn {
    min-height: 58px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    padding: 11px 18px;

    border-radius: 14px;

    position: relative;

    overflow: hidden;

    transition:
        transform .2s ease,
        background .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


.vw-sim-hero__btn--primary {
    flex: 0 1 auto;

    min-width: 220px;

    color: white;

    font-size: 13px;
    font-weight: 700;

    background:
        linear-gradient(
            135deg,
            #48BD59,
            #258638
        );

    border:
        1px solid
        rgba(255,255,255,.12);

    box-shadow:
        0 16px 35px
        rgba(61,172,77,.20);
}


.vw-sim-hero__btn--primary::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    width: 40%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.25),
            transparent
        );

    transform:
        translateX(350%)
        skewX(-25deg);

    transition:
        transform .7s ease;
}


.vw-sim-hero__btn--primary:hover::before {
    transform:
        translateX(-350%)
        skewX(-25deg);
}


.vw-sim-hero__btn-arrow {
    width: 24px;
    height: 24px;

    flex: 0 0 24px;

    padding: 5px;

    border-radius: 7px;

    background:
        rgba(255,255,255,.12);

    transform: rotate(180deg);
}


.vw-sim-hero__btn--call {
    min-width: 185px;

    background:
        rgba(255,255,255,.045);

    border:
        1px solid
        rgba(255,255,255,.10);

    backdrop-filter: blur(15px);
}


.vw-sim-hero__phone-icon {
    width: 37px;
    height: 37px;

    flex: 0 0 37px;

    padding: 9px;

    border-radius: 10px;

    color: var(--vw-orange);

    background:
        rgba(248,154,8,.10);
}


.vw-sim-hero__phone-data {
    display: flex;
    flex-direction: column;

    align-items: flex-start;

    gap: 1px;
}


.vw-sim-hero__phone-data small {
    font-size: 9px;

    color:
        rgba(255,255,255,.48);
}


.vw-sim-hero__phone-data strong {
    font-size: 14px;

    color: white;
}


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

.vw-sim-hero__trust {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 9px 16px;

    margin-top: 20px;
}


.vw-sim-hero__trust span {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    font-size:
        clamp(9px, .9vw, 11px);

    color:
        rgba(255,255,255,.50);
}


.vw-sim-hero__trust i {
    width: 18px;
    height: 18px;

    flex: 0 0 18px;

    display: inline-grid;
    place-items: center;

    border-radius: 50%;

    font-style: normal;

    background:
        rgba(61,172,77,.09);

    color:
        #9CE7A7;
}


/* ======================================================
   VISUAL
====================================================== */

.vw-sim-hero__visual {
    width: 100%;

    min-width: 0;

    aspect-ratio: 1 / 1;

    position: relative;

    max-width: 560px;

    margin-inline: auto;

    perspective: 1200px;
}


/* ======================================================
   ORBITS
====================================================== */

.vw-sim-hero__orbit {
    position: absolute;

    border-radius: 50%;

    border:
        1px dashed
        rgba(255,255,255,.09);

    pointer-events: none;
}


.vw-sim-hero__orbit--1 {
    width: 84%;
    aspect-ratio: 1;

    top: 8%;
    left: 8%;

    animation:
        vwOrbit
        35s linear infinite;
}


.vw-sim-hero__orbit--2 {
    width: 60%;
    aspect-ratio: 1;

    top: 20%;
    left: 20%;

    border-color:
        rgba(61,172,77,.13);

    animation:
        vwOrbitReverse
        28s linear infinite;
}


@keyframes vwOrbit {
    to {
        transform: rotate(360deg);
    }
}


@keyframes vwOrbitReverse {
    to {
        transform: rotate(-360deg);
    }
}


/* ======================================================
   DEVICE
====================================================== */

.vw-sim-hero__device {
    position: absolute;

    width: 47%;
    aspect-ratio: 265 / 350;

    top: 50%;
    left: 50%;

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

    padding:
        clamp(8px, 1.4vw, 12px);

    border-radius:
        clamp(20px, 3vw, 30px);

    z-index: 5;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.13),
            rgba(255,255,255,.025)
        );

    border:
        1px solid
        rgba(255,255,255,.14);

    backdrop-filter: blur(24px);

    box-shadow:
        0 35px 80px
        rgba(0,0,0,.40);
}


.vw-sim-hero__device-head {
    height: 10%;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding-inline: 2%;
}


.vw-sim-hero__device-head span {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: var(--vw-green);
}


.vw-sim-hero__device-head small {
    font-size:
        clamp(5px, .7vw, 8px);

    letter-spacing:
        clamp(1px, .15vw, 2px);

    color:
        rgba(255,255,255,.30);
}


.vw-sim-hero__device-screen {
    height: 64%;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    text-align: center;

    border-radius:
        clamp(14px, 2.2vw, 21px);

    overflow: hidden;

    background:
        radial-gradient(
            circle at center,
            rgba(61,172,77,.11),
            transparent 45%
        ),
        linear-gradient(
            180deg,
            #07101F,
            #0C1930
        );

    border:
        1px solid
        rgba(255,255,255,.055);
}


.vw-sim-hero__device-screen small {
    font-size:
        clamp(6px, .75vw, 9px);

    color:
        rgba(255,255,255,.42);
}


.vw-sim-hero__device-screen > strong {
    margin-top: 4px;

    font-size:
        clamp(17px, 2.4vw, 28px);

    letter-spacing:
        clamp(1px, .25vw, 3px);

    color: white;
}


.vw-sim-hero__device-screen p {
    margin: 4px 0 0;

    font-size:
        clamp(5px, .7vw, 8px);

    color:
        rgba(255,255,255,.43);
}


.vw-sim-hero__operators {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    gap: 4px;

    margin-top:
        clamp(8px, 1.4vw, 17px);
}


.vw-sim-hero__operator {
    padding:
        clamp(3px, .5vw, 5px)
        clamp(4px, .7vw, 7px);

    border-radius: 7px;

    font-size:
        clamp(5px, .55vw, 6px);

    font-weight: 700;
}


.vw-sim-hero__operator--mci {
    color: #CCF0FF;

    background:
        rgba(0,174,239,.11);

    border:
        1px solid
        rgba(0,174,239,.19);
}


.vw-sim-hero__operator--irancell {
    color: #FFDA30;

    background:
        rgba(255,203,5,.07);

    border:
        1px solid
        rgba(255,203,5,.16);
}


.vw-sim-hero__operator--rightel {
    color: #EE8BC9;

    background:
        rgba(157,27,112,.10);

    border:
        1px solid
        rgba(212,68,154,.16);
}


.vw-sim-hero__device-stats {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 5px;

    margin-top: 6px;
}


.vw-sim-hero__device-stats span {
    min-width: 0;

    padding:
        clamp(4px, .7vw, 7px)
        2px;

    text-align: center;

    border-radius: 8px;

    background:
        rgba(255,255,255,.025);

    border:
        1px solid
        rgba(255,255,255,.05);
}


.vw-sim-hero__device-stats small {
    display: block;

    font-size:
        clamp(4px, .5vw, 6px);

    color:
        rgba(255,255,255,.32);
}


.vw-sim-hero__device-stats strong {
    display: block;

    font-size:
        clamp(5px, .7vw, 8px);

    color: white;
}


/* ======================================================
   SIM CARDS
====================================================== */

.vw-sim-card {
    position: absolute;

    width: clamp(100px, 27%, 152px);

    aspect-ratio: 152 / 210;

    padding:
        clamp(9px, 1.3vw, 14px);

    border-radius:
        clamp(14px, 2vw, 20px)
        clamp(14px, 2vw, 20px)
        clamp(14px, 2vw, 20px)
        6px;

    z-index: 7;

    overflow: hidden;

    border:
        1px solid
        rgba(255,255,255,.17);

    box-shadow:
        0 25px 55px
        rgba(0,0,0,.34);
}


.vw-sim-card::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            110deg,
            transparent 20%,
            rgba(255,255,255,.15),
            transparent 55%
        );

    transform:
        translateX(-160%);

    animation:
        vwSimShine
        6.5s infinite ease-in-out;
}


@keyframes vwSimShine {
    0%,
    55% {
        transform: translateX(-160%);
    }

    80%,
    100% {
        transform: translateX(180%);
    }
}


.vw-sim-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 4px;

    position: relative;
    z-index: 3;

    font-size:
        clamp(6px, .8vw, 9px);
}


.vw-sim-card__chip {
    width:
        clamp(32px, 32%, 48px);

    aspect-ratio: 48 / 40;

    margin-top: 20%;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 2px;

    padding:
        clamp(3px, .45vw, 5px);

    border-radius: 7px;

    position: relative;
    z-index: 3;

    background:
        linear-gradient(
            135deg,
            #F3D476,
            #AD7C16
        );
}


.vw-sim-card__chip span {
    border:
        1px solid
        rgba(65,42,0,.28);

    border-radius: 2px;
}


.vw-sim-card > small {
    display: block;

    position: relative;
    z-index: 3;

    margin-top:
        clamp(10px, 1.5vw, 16px);

    font-size:
        clamp(4px, .55vw, 6px);

    letter-spacing: 1px;

    opacity: .55;
}


.vw-sim-card__number {
    position: relative;
    z-index: 3;

    margin-top: 3px;

    font-size:
        clamp(7px, .9vw, 10px);

    font-weight: 700;
}


/* MCI */

.vw-sim-card--mci {
    top: 7%;
    right: 2%;

    color: white;

    background:
        linear-gradient(
            145deg,
            var(--vw-mci-dark),
            var(--vw-mci)
        );

    transform: rotate(10deg);
}


/* Irancell */

.vw-sim-card--irancell {
    left: 0;
    top: 34%;

    color:
        var(--vw-irancell-dark);

    background:
        linear-gradient(
            145deg,
            #FFDF3F,
            var(--vw-irancell)
        );

    transform: rotate(-12deg);

    z-index: 8;
}


/* Rightel */

.vw-sim-card--rightel {
    right: 8%;
    bottom: 2%;

    color: white;

    background:
        linear-gradient(
            145deg,
            #71124F,
            var(--vw-rightel),
            var(--vw-rightel-light)
        );

    transform: rotate(8deg);
}


/* ======================================================
   SIGNAL
====================================================== */

.vw-signal {
    display: flex !important;

    align-items: flex-end;

    height: 11px;

    gap: 2px;

    padding: 0 !important;

    background: none !important;
}


.vw-signal i {
    display: block;

    width: 2px;

    background: white;

    border-radius: 2px;
}


.vw-signal i:nth-child(1) {
    height: 3px;
}

.vw-signal i:nth-child(2) {
    height: 5px;
}

.vw-signal i:nth-child(3) {
    height: 8px;
}

.vw-signal i:nth-child(4) {
    height: 11px;
}


/* ======================================================
   WIFI CARD
====================================================== */

.vw-sim-hero__wifi {
    position: absolute;

    left: 12%;
    bottom: 11%;

    width: clamp(66px, 16%, 92px);

    min-height:
        clamp(40px, 9%, 53px);

    display: flex;
    align-items: center;

    gap: 6px;

    padding:
        clamp(6px, 1vw, 9px);

    border-radius: 13px;

    z-index: 10;

    background:
        rgba(255,255,255,.06);

    border:
        1px solid
        rgba(255,255,255,.10);

    backdrop-filter: blur(15px);
}


.vw-sim-hero__wifi svg {
    width:
        clamp(17px, 4vw, 24px);

    height:
        clamp(17px, 4vw, 24px);

    flex: 0 0 auto;

    color: var(--vw-orange);
}


.vw-sim-hero__wifi > span:last-child {
    font-size:
        clamp(5px, .65vw, 7px);

    color:
        rgba(255,255,255,.61);
}


/* ======================================================
   SEO BADGE
====================================================== */

.vw-sim-hero__seo {
    position: absolute;

    right: 4%;
    top: 48%;

    display: flex;
    align-items: center;

    gap: 6px;

    padding:
        clamp(6px, 1vw, 9px);

    border-radius: 12px;

    z-index: 11;

    background:
        rgba(7,16,30,.72);

    border:
        1px solid
        rgba(255,255,255,.10);

    backdrop-filter: blur(15px);
}


.vw-sim-hero__seo > span {
    width:
        clamp(22px, 5vw, 28px);

    height:
        clamp(22px, 5vw, 28px);

    display: grid;
    place-items: center;

    border-radius: 8px;

    background:
        linear-gradient(
            135deg,
            var(--vw-orange),
            #DA7B00
        );

    color: white;
}


.vw-sim-hero__seo small {
    font-size:
        clamp(5px, .55vw, 6px);

    color:
        rgba(255,255,255,.38);
}


.vw-sim-hero__seo strong {
    font-size:
        clamp(7px, .9vw, 10px);

    color: white;
}


/* ======================================================
   PARALLAX
====================================================== */

.vw-parallax {
    --vw-parallax-x: 0px;
    --vw-parallax-y: 0px;

    translate:
        var(--vw-parallax-x)
        var(--vw-parallax-y);

    transition:
        translate .12s ease-out;
}


/* ======================================================
   TICKER
====================================================== */

.vw-sim-hero__ticker {
    width: 100%;

    height:
        clamp(36px, 4vw, 42px);

    position: absolute;

    right: 0;
    left: 0;
    bottom: 0;

    overflow: hidden;

    display: flex;
    align-items: center;

    z-index: 8;

    border-top:
        1px solid
        rgba(255,255,255,.05);

    background:
        rgba(5,12,24,.30);

    backdrop-filter: blur(12px);
}


.vw-sim-hero__ticker-track {
    width: max-content;

    display: flex;
    align-items: center;

    gap:
        clamp(18px, 2.2vw, 25px);

    white-space: nowrap;

    animation:
        vwTicker
        34s linear infinite;
}


.vw-sim-hero__ticker-track span {
    font-size:
        clamp(8px, .75vw, 10px);

    color:
        rgba(255,255,255,.32);
}


.vw-sim-hero__ticker-track i {
    font-size: 5px;

    font-style: normal;

    color: var(--vw-green);
}


@keyframes vwTicker {
    to {
        transform: translateX(50%);
    }
}


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

.vw-hero-reveal {
    opacity: 0;

    transform:
        translateY(17px);

    transition:
        opacity .75s ease,
        transform .75s
        cubic-bezier(.2,.7,.2,1);
}


.vw-hero-reveal.vw-is-visible {
    opacity: 1;

    transform:
        translateY(0);
}


/* ======================================================
   LARGE TABLET
====================================================== */

@media (max-width: 1100px) {

    .vw-sim-hero__container {
        width:
            min(100% - 32px, 1000px);

        grid-template-columns:
            minmax(0, 1fr)
            minmax(320px, .8fr);

        gap: 25px;
    }


    .vw-sim-hero__title-main {
        font-size:
            clamp(46px, 6vw, 68px);
    }

}


/* ======================================================
   TABLET
====================================================== */

@media (max-width: 900px) {

    .vw-sim-hero__container {
        width:
            min(100% - 28px, 720px);

        grid-template-columns: 1fr;

        gap: 24px;

        padding-top: 75px;
        padding-bottom: 85px;
    }


    .vw-sim-hero__content {
        text-align: center;
    }


    .vw-sim-hero__badge,
    .vw-sim-hero__title-main {
        margin-inline: auto;
    }


    .vw-sim-hero__title {
        margin-inline: auto;
    }


    .vw-sim-hero__title-main::after {
        right: 50%;

        transform:
            translateX(50%);
    }


    .vw-sim-hero__description {
        margin-inline: auto;
    }


    .vw-sim-hero__dynamic,
    .vw-sim-hero__actions,
    .vw-sim-hero__trust {
        justify-content: center;
    }


    .vw-sim-hero__visual {
        width:
            min(100%, 540px);

        max-width: 540px;

        margin-inline: auto;
    }

}


/* ======================================================
   MOBILE
====================================================== */

@media (max-width: 600px) {

    .vw-sim-hero__container {
        width:
            calc(100% - 20px);

        padding-top: 55px;
        padding-bottom: 70px;

        gap: 18px;
    }


    .vw-sim-hero__badge {
        max-width: 100%;

        white-space: normal;

        justify-content: center;

        text-align: center;

        line-height: 1.7;
    }


    .vw-sim-hero__title-top {
        font-size:
            clamp(24px, 8vw, 34px);
    }


    .vw-sim-hero__title-main {
        font-size:
            clamp(40px, 13vw, 56px);

        line-height: 1.15;
    }


    .vw-sim-hero__title-sub {
        font-size:
            clamp(14px, 4.4vw, 17px);

        line-height: 1.9;

        margin-top: 20px;
    }


    .vw-sim-hero__description {
        max-width: 100%;

        font-size:
            clamp(12px, 3.7vw, 14px);

        line-height: 2;
    }


    .vw-sim-hero__dynamic {
        justify-content: center;
    }


    .vw-sim-hero__dynamic-label {
        display: none;
    }


    .vw-sim-hero__dynamic-box {
        max-width: 100%;

        justify-content: center;
    }


    .vw-sim-hero__actions {
        flex-direction: column;

        width: 100%;
    }


    .vw-sim-hero__btn {
        width: 100%;

        min-width: 0;
    }


    .vw-sim-hero__phone-data {
        align-items: center;
    }


    .vw-sim-hero__trust {
        gap: 8px 10px;
    }


    .vw-sim-hero__visual {
        width:
            min(100%, 460px);

        aspect-ratio: 1 / 1;

        margin-top: 0;
    }


    .vw-sim-card {
        width: clamp(88px, 27%, 120px);
    }


    .vw-sim-hero__device {
        width: 49%;
    }


    .vw-sim-card--mci {
        right: 1%;
        top: 5%;
    }


    .vw-sim-card--irancell {
        left: 0;
        top: 34%;
    }


    .vw-sim-card--rightel {
        right: 6%;
        bottom: 3%;
    }


    .vw-sim-hero__wifi {
        left: 7%;
        bottom: 9%;
    }


    .vw-sim-hero__seo {
        right: 2%;
        top: 48%;
    }

}


/* ======================================================
   SMALL MOBILE
====================================================== */

@media (max-width: 420px) {

    .vw-sim-hero__container {
        width:
            calc(100% - 16px);

        padding-top: 48px;
    }


    .vw-sim-hero__title-main {
        font-size:
            clamp(37px, 12.5vw, 48px);
    }


    .vw-sim-hero__badge {
        font-size: 9px;
    }


    .vw-sim-hero__visual {
        width: 100%;
    }


    .vw-sim-hero__device {
        width: 50%;
    }


    .vw-sim-card {
        width: clamp(80px, 26%, 105px);

        padding: 8px;
    }


    .vw-sim-card__number {
        font-size: 7px;
    }


    .vw-sim-card--mci {
        right: 0;
    }


    .vw-sim-card--irancell {
        left: 0;
    }


    .vw-sim-card--rightel {
        right: 4%;
    }


    .vw-sim-hero__wifi {
        left: 3%;
    }


    .vw-sim-hero__seo {
        right: 1%;
    }

}


/* ======================================================
   EXTRA SMALL
====================================================== */

@media (max-width: 360px) {

    .vw-sim-hero__container {
        width:
            calc(100% - 12px);
    }


    .vw-sim-hero__title-main {
        font-size: 38px;
    }


    .vw-sim-hero__title-sub {
        font-size: 13px;
    }


    .vw-sim-hero__description {
        font-size: 12px;
    }


    .vw-sim-hero__visual {
        aspect-ratio: 1 / 1.08;
    }


    .vw-sim-card {
        width: 82px;
    }


    .vw-sim-hero__device {
        width: 52%;
    }

}


/* ======================================================
   REDUCED MOTION
====================================================== */

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

    .vw-sim-hero *,
    .vw-sim-hero *::before,
    .vw-sim-hero *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c228c0 *//* ======================================================
   SHARED LIGHT HEADING
====================================================== */

.vw-section-heading--light
.vw-section-heading__badge {
    color: #287F36;

    background:
        rgba(61,172,77,.08);

    border-color:
        rgba(61,172,77,.16);
}


.vw-section-heading--light
.vw-section-heading__title {
    color: #0D1A31;
}


.vw-section-heading--light
.vw-section-heading__title span {
    color: #3DAC4D;
}


.vw-section-heading--light
.vw-section-heading__text {
    color: #627084;
}


/* ======================================================
   COMPARE SECTION
====================================================== */

.vw-compare {
    --vw-green: #3DAC4D;
    --vw-orange: #F89A08;
    --vw-dark: #0D1A31;
    --vw-white: #FFFFFF;

    --compare-x: 50%;
    --compare-y: 50%;

    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    position: relative;

    overflow: hidden;
    isolation: isolate;

    direction: rtl;

    color: #0D1A31;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F7F9FC 100%
        );

   
}


.vw-compare *,
.vw-compare *::before,
.vw-compare *::after {
    box-sizing: border-box;
}


.vw-compare a,
.vw-compare a:hover,
.vw-compare a:focus,
.vw-compare a:active,
.vw-compare a:visited {
    text-decoration: none !important;
}



.vw-compare svg {
    display: block;

    width: 100%;
    height: 100%;

    fill: currentColor;
}


/* ======================================================
   CONTAINER
====================================================== */

.vw-compare__container {
    width:
        min(
            calc(100% - 40px),
            1280px
        );

    margin-inline: auto;

    padding:
        clamp(75px, 8vw, 115px)
        0;
}


/* ======================================================
   DECORATIONS
====================================================== */

.vw-compare__decor {
    position: absolute;

    inset: 0;

    pointer-events: none;

    z-index: -1;
}


.vw-compare__blob {
    position: absolute;

    border-radius: 50%;

    filter: blur(80px);

    opacity: .12;
}


.vw-compare__blob--green {
    width: 450px;
    height: 450px;

    top: -200px;
    right: -180px;

    background:
        var(--vw-green);
}


.vw-compare__blob--orange {
    width: 380px;
    height: 380px;

    bottom: -160px;
    left: -160px;

    background:
        var(--vw-orange);
}


.vw-compare__pattern {
    position: absolute;

    inset: 0;

    opacity: .28;

    background-image:
        radial-gradient(
            rgba(13,26,49,.12) 1px,
            transparent 1px
        );

    background-size: 28px 28px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 20%,
            black 75%,
            transparent
        );
}


/* ======================================================
   WORKSPACE
====================================================== */

.vw-compare__workspace {
    margin-top:
        clamp(40px, 5vw, 65px);

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        86px
        minmax(0, 1fr);

    align-items: center;

    gap:
        clamp(14px, 2vw, 25px);
}


/* ======================================================
   COMPARE CARD
====================================================== */

.vw-compare-card {
    min-width: 0;

    position: relative;

    padding:
        clamp(20px, 2.5vw, 30px);

    border-radius: 27px;

    overflow: hidden;

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease,
        opacity .35s ease;

    border:
        1px solid
        #E3E8EF;

    background:
        rgba(255,255,255,.86);

    box-shadow:
        0 25px 70px
        rgba(13,26,49,.07);
}


.vw-compare-card::before {
    content: "";

    position: absolute;

    inset: 0;

    opacity: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at
            var(--compare-x)
            var(--compare-y),
            rgba(61,172,77,.08),
            transparent 36%
        );

    transition:
        opacity .3s ease;
}


.vw-compare-card:hover {
    transform:
        translateY(-5px);

    box-shadow:
        0 35px 85px
        rgba(13,26,49,.11);
}


.vw-compare-card:hover::before {
    opacity: 1;
}


.vw-compare-card.is-highlighted {
    border-color:
        rgba(61,172,77,.32);

    box-shadow:
        0 30px 80px
        rgba(61,172,77,.11);
}


.vw-compare-card--normal:not(.is-highlighted) {
    opacity: .88;
}


.vw-compare-card--sim {
    background:
        radial-gradient(
            circle at 90% 0,
            rgba(61,172,77,.11),
            transparent 32%
        ),
        #FFFFFF;
}


.vw-compare-card.vw-card-pulse {
    animation:
        vwComparePulse
        .55s ease;
}


@keyframes vwComparePulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.015);
    }

}


/* ======================================================
   SPECIAL BADGE
====================================================== */

.vw-compare-card__special-badge {
    position: absolute;

    top: 0;
    left: 28px;

    padding:
        7px 13px;

    border-radius:
        0 0 11px 11px;

    color: white;

    background:
        var(--vw-green);

    font-size: 11px;
    font-weight: 700;

    box-shadow:
        0 9px 22px
        rgba(61,172,77,.20);
}


/* ======================================================
   CARD HEAD
====================================================== */

.vw-compare-card__head {
    display: flex;
    align-items: center;

    gap: 12px;

    position: relative;
    z-index: 2;
}


.vw-compare-card__icon {
    width: 49px;
    height: 49px;

    flex: 0 0 49px;

    display: grid;
    place-items: center;

    padding: 12px;

    border-radius: 15px;

    color: #67758A;

    background: #F1F4F7;
}


.vw-compare-card--sim
.vw-compare-card__icon {
    color: #FFFFFF;

    background:
        linear-gradient(
            135deg,
            var(--vw-green),
            #268638
        );

    box-shadow:
        0 13px 28px
        rgba(61,172,77,.18);
}


.vw-compare-card__eyebrow {
    display: block;

    margin-bottom: 2px;

    color: #9AA5B3;

    font-size: 11px;

    letter-spacing: .8px;
}


.vw-compare-card__head h3 {
    margin: 0;

    color: var(--vw-dark);

    font-size:
        clamp(18px, 2vw, 23px);

    line-height: 1.5;
}


.vw-compare-card__description {
    min-height: 80px;

    margin:
        19px 0
        20px;

    color: #667487;

    font-size:
        clamp(12px, 1.1vw, 14px);

    line-height: 2;

    position: relative;
    z-index: 2;
}


/* ======================================================
   NORMAL STORE DEMO
====================================================== */

.vw-compare-card__screen {
    display: flex;
    flex-direction: column;

    gap: 8px;

    padding: 13px;

    border-radius: 17px;

    background: #F5F7FA;

    border:
        1px solid #E9EDF2;
}


.vw-normal-product {
    min-width: 0;

    display: grid;

    grid-template-columns:
        42px minmax(0, 1fr) auto;

    align-items: center;

    gap: 9px;

    padding: 9px;

    border-radius: 11px;

    background: white;

    border:
        1px solid #EBEEF2;
}


.vw-normal-product__image {
    width: 42px;
    height: 42px;

    border-radius: 9px;

    background:
        linear-gradient(
            135deg,
            #E6EAF0,
            #F6F8FA
        );
}


.vw-normal-product > div {
    min-width: 0;
}


.vw-normal-product strong {
    display: block;

    color: #3D4858;

    font-size: 11px;

    line-height: 1.6;
}


.vw-normal-product small {
    display: block;

    color: #A0A9B5;

    font-size: 11px;

    line-height: 1.6;
}


.vw-normal-product__qty {
    padding: 4px 7px;

    border-radius: 7px;

    color: #8B95A3;

    background: #F1F3F6;

    font-size: 11px;
}


/* ======================================================
   SIM SEARCH UI
====================================================== */

.vw-sim-search-demo {
    padding: 13px;

    border-radius: 17px;

    background:
        linear-gradient(
            145deg,
            #0D1A31,
            #101F3A
        );

    box-shadow:
        0 18px 40px
        rgba(13,26,49,.16);
}


.vw-sim-search-demo__bar {
    min-width: 0;

    display: grid;

    grid-template-columns:
        22px minmax(0, 1fr) auto;

    align-items: center;

    gap: 8px;

    padding:
        9px 10px;

    border-radius: 10px;

    background:
        rgba(255,255,255,.08);

    border:
        1px solid
        rgba(255,255,255,.08);

    color:
        rgba(255,255,255,.58);

    font-size: 11px;
}


.vw-sim-search-demo__bar > span:first-child {
    width: 19px;
    height: 19px;

    color:
        var(--vw-green);
}


.vw-sim-search-demo__bar b {
    padding:
        5px 9px;

    border-radius: 7px;

    color: white;

    background:
        var(--vw-green);

    font-size: 11px;
}


.vw-sim-search-demo__filters {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;

    margin-top: 10px;
}


.vw-sim-search-demo__filters span {
    padding:
        5px 9px;

    border-radius: 999px;

    color:
        rgba(255,255,255,.65);

    background:
        rgba(255,255,255,.055);

    border:
        1px solid
        rgba(255,255,255,.075);

    font-size: 11px;
}


.vw-sim-search-demo__number {
    margin-top: 11px;

    min-width: 0;

    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    align-items: center;

    gap: 10px;

    padding: 13px;

    border-radius: 12px;

    background:
        rgba(255,255,255,.96);
}


.vw-sim-search-demo__operator {
    display: flex;
    align-items: center;

    gap: 5px;
}


.vw-sim-search-demo__operator span {
    width: 9px;
    height: 9px;

    border-radius: 50%;

    background: #00AEEF;

    box-shadow:
        0 0 0 4px
        rgba(0,174,239,.10);
}


.vw-sim-search-demo__operator small {
    color: #677487;

    font-size: 11px;
}


.vw-sim-search-demo__number > strong {
    text-align: center;

    color: #0D1A31;

    font-size:
        clamp(13px, 1.5vw, 17px);

    letter-spacing: .6px;

    white-space: nowrap;
}


.vw-sim-search-demo__tag {
    padding:
        5px 8px;

    border-radius: 7px;

    color: #287F36;

    background:
        rgba(61,172,77,.10);

    font-size: 11px;
    font-weight: 700;
}


/* ======================================================
   MINI LIST
====================================================== */

.vw-compare-card__mini-list {
    list-style: none;

    margin:
        17px 0 0;

    padding: 0;

    display: flex;
    flex-direction: column;

    gap: 8px;
}


.vw-compare-card__mini-list li {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #748193;

    font-size: 12px;

    line-height: 1.7;
}


.vw-compare-card__mini-list li span {
    width: 20px;
    height: 20px;

    flex: 0 0 20px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    color: #B56C6C;

    background:
        #F9ECEC;

    font-size: 11px;
}


.vw-compare-card__mini-list--positive li {
    color: #536275;
}


.vw-compare-card__mini-list--positive li span {
    color: #258337;

    background:
        rgba(61,172,77,.10);
}


/* ======================================================
   CENTER CONTROL
====================================================== */

.vw-compare__control {
    height: 100%;

    min-height: 460px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    position: relative;
}


.vw-compare__control-line {
    position: absolute;

    top: 6%;
    bottom: 6%;

    width: 1px;

    background:
        linear-gradient(
            transparent,
            #DCE2E9 20%,
            #DCE2E9 80%,
            transparent
        );
}


.vw-compare__switch {
    width: 68px;
    height: 68px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 2px;

    position: relative;

    border-radius: 22px;

    color: white;

    background:
        linear-gradient(
            145deg,
            var(--vw-green),
            #26863A
        );

    box-shadow:
        0 18px 35px
        rgba(61,172,77,.20);

    cursor: pointer;

    z-index: 2;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.vw-compare__switch:hover {
    transform:
        rotate(-4deg)
        scale(1.05);

    box-shadow:
        0 23px 45px
        rgba(61,172,77,.28);
}


.vw-compare__switch svg {
    width: 27px;
    height: 27px;
}


.vw-compare__switch > span:last-child {
    font-size: 11px;
    font-weight: 800;
}


.vw-compare__switch-pulse {
    position: absolute;

    inset: -8px;

    border-radius: 27px;

    border:
        1px solid
        rgba(61,172,77,.22);

    animation:
        vwCompareSwitchPulse
        2.4s infinite ease-out;
}


@keyframes vwCompareSwitchPulse {

    0% {
        transform: scale(.85);
        opacity: 0;
    }

    35% {
        opacity: 1;
    }

    100% {
        transform: scale(1.35);
        opacity: 0;
    }

}


.vw-compare__control-label {
    margin-top: 13px;

    position: relative;
    z-index: 2;

    color: #718095;

    font-size: 11px;

    background: #F8FAFC;

    padding:
        5px 8px;

    border-radius: 7px;
}


/* ======================================================
   FEATURE SECTION
====================================================== */

.vw-compare-features {
    margin-top:
        clamp(45px, 6vw, 75px);

    padding:
        clamp(20px, 3vw, 32px);

    border-radius: 27px;

    border:
        1px solid #E4E9EF;

    background:
        rgba(255,255,255,.80);

    box-shadow:
        0 20px 60px
        rgba(13,26,49,.055);
}


.vw-compare-features__head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    margin-bottom: 18px;
}


.vw-compare-features__head span {
    color:
        var(--vw-green);

    font-size: 11px;
    font-weight: 700;
}


.vw-compare-features__head strong {
    color:
        var(--vw-dark);

    font-size:
        clamp(17px, 2vw, 22px);

    line-height: 1.6;
}


.vw-compare-features__grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 9px;
}


/* ======================================================
   FEATURE ITEM
====================================================== */

.vw-feature-item {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 9px;

    padding: 11px;

    border-radius: 14px;

    border:
        1px solid
        #E6EAEF;

    background:
        #F8FAFC;

    color:
        #6C798A;

    cursor: pointer;

    text-align: right;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}


.vw-feature-item:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(61,172,77,.22);
}


.vw-feature-item.is-active {
    color: white;

    border-color:
        var(--vw-green);

    background:
        linear-gradient(
            135deg,
            #44B755,
            #318F41
        );

    box-shadow:
        0 12px 28px
        rgba(61,172,77,.17);
}


.vw-feature-item__icon {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    display: grid;
    place-items: center;

    padding: 9px;

    border-radius: 11px;

    color:
        var(--vw-green);

    background:
        rgba(61,172,77,.08);
}


.vw-feature-item.is-active
.vw-feature-item__icon {
    color: white;

    background:
        rgba(255,255,255,.14);
}


.vw-feature-item > span:last-child {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 1px;
}


.vw-feature-item strong {
    font-size: 12px;

    line-height: 1.6;
}


.vw-feature-item small {
    color: inherit;

    opacity: .68;

    font-size: 11px;

    line-height: 1.6;
}


/* ======================================================
   FEATURE DETAIL
====================================================== */

.vw-feature-detail {
    margin-top: 13px;

    min-height: 120px;

    display: grid;

    grid-template-columns:
        60px minmax(0, 1fr);

    align-items: center;

    gap: 17px;

    padding:
        clamp(15px, 2vw, 21px);

    border-radius: 17px;

    background:
        linear-gradient(
            135deg,
            #0D1A31,
            #122441
        );

    box-shadow:
        0 18px 45px
        rgba(13,26,49,.13);
}


.vw-feature-detail__icon {
    width: 60px;
    height: 60px;

    display: grid;
    place-items: center;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            var(--vw-orange),
            #DC7E00
        );

    color: white;

    font-weight: 900;

    box-shadow:
        0 14px 28px
        rgba(248,154,8,.18);
}


.vw-feature-detail__icon span {
    font-size: 16px;

    transition:
        opacity .18s ease,
        transform .18s ease;
}


.vw-feature-detail h3 {
    margin:
        0 0 5px;

    color: white;

    font-size:
        clamp(15px, 1.7vw, 19px);

    line-height: 1.7;

    transition:
        opacity .18s ease,
        transform .18s ease;
}


.vw-feature-detail p {
    margin: 0;

    max-width: 950px;

    color:
        rgba(255,255,255,.60);

    font-size:
        clamp(11px, 1vw, 13px);

    line-height: 2;

    transition:
        opacity .18s ease,
        transform .18s ease;
}


.vw-feature-detail
.is-changing {
    opacity: 0;

    transform:
        translateY(5px);
}


/* ======================================================
   SUMMARY
====================================================== */

.vw-compare__summary {
    margin-top:
        clamp(25px, 4vw, 40px);

    display: grid;

    grid-template-columns:
        48px minmax(0, 1fr) auto;

    align-items: center;

    gap: 14px;

    padding:
        clamp(16px, 2vw, 21px);

    border-radius: 18px;

    border:
        1px solid
        rgba(61,172,77,.16);

    background:
        linear-gradient(
            90deg,
            rgba(61,172,77,.065),
            rgba(61,172,77,.025)
        );
}


.vw-compare__summary-icon {
    width: 48px;
    height: 48px;

    display: grid;
    place-items: center;

    padding: 12px;

    border-radius: 14px;

    color: white;

    background:
        var(--vw-green);
}


.vw-compare__summary > div:nth-child(2) {
    min-width: 0;
}


.vw-compare__summary > div > strong {
    display: block;

    margin-bottom: 2px;

    color:
        var(--vw-dark);

    font-size: 13px;
}


.vw-compare__summary p {
    margin: 0;

    color: #627084;

    font-size: 12px;

    line-height: 1.9;
}


.vw-compare__summary p strong {
    color:
        var(--vw-dark);
}


.vw-compare__summary-cta {
    min-width: 175px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    padding:
        10px 15px;

    border-radius: 12px;

    background:
        var(--vw-dark);

    color: white !important;

    transition:
        transform .25s ease,
        background .25s ease;
}


.vw-compare__summary-cta:hover {
    transform:
        translateY(-2px);

    background:
        #162947;
}


.vw-compare__summary-cta span {
    color:
        rgba(255,255,255,.58);

    font-size: 11px;
}


.vw-compare__summary-cta strong {
    margin-top: 2px;

    color: white;

    font-size: 13px;
}


/* ======================================================
   TABLET
====================================================== */

@media (max-width: 1000px) {

    .vw-compare__workspace {
        grid-template-columns:
            minmax(0, 1fr)
            64px
            minmax(0, 1fr);

        gap: 12px;
    }


    .vw-compare__control {
        min-height: 430px;
    }


    .vw-compare__switch {
        width: 56px;
        height: 56px;

        border-radius: 17px;
    }


    .vw-compare__switch svg {
        width: 22px;
        height: 22px;
    }


    .vw-compare-features__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* ======================================================
   MOBILE TABLET
====================================================== */

@media (max-width: 780px) {

    .vw-compare__container {
        width:
            calc(100% - 24px);
    }


    .vw-compare__workspace {
        grid-template-columns: 1fr;

        gap: 14px;
    }


    .vw-compare-card {
        width: 100%;
    }


    .vw-compare__control {
        min-height: 74px;

        height: 74px;

        flex-direction: row;

        gap: 10px;
    }


    .vw-compare__control-line {
        top: 50%;
        right: 10%;
        left: 10%;

        width: auto;
        height: 1px;

        background:
            linear-gradient(
                90deg,
                transparent,
                #DCE2E9,
                transparent
            );
    }


    .vw-compare__control-label {
        margin-top: 0;
    }


    .vw-compare-card__description {
        min-height: 0;
    }


    .vw-compare-features__head {
        align-items: flex-start;

        flex-direction: column;
    }


    .vw-compare__summary {
        grid-template-columns:
            48px minmax(0, 1fr);
    }


    .vw-compare__summary-cta {
        grid-column:
            1 / -1;

        width: 100%;

        flex-direction: row;

        gap: 8px;
    }

}


/* ======================================================
   MOBILE
====================================================== */

@media (max-width: 560px) {

    .vw-compare__container {
        width:
            calc(100% - 18px);

        padding:
            65px 0;
    }


    .vw-compare__workspace {
        margin-top: 34px;
    }


    .vw-compare-card {
        padding: 17px;

        border-radius: 21px;
    }


    .vw-compare-card__special-badge {
        left: 17px;

        padding:
            5px 9px;

        font-size: 11px;
    }


    .vw-compare-card__head {
        align-items: flex-start;
    }


    .vw-compare-card__icon {
        width: 43px;
        height: 43px;

        flex-basis: 43px;

        padding: 10px;
    }


    .vw-compare-card__head h3 {
        font-size: 17px;
    }


    .vw-compare-card__description {
        font-size: 12px;
    }


    .vw-sim-search-demo__number {
        grid-template-columns:
            1fr;

        text-align: center;
    }


    .vw-sim-search-demo__operator {
        justify-content: center;
    }


    .vw-sim-search-demo__tag {
        width: fit-content;

        margin-inline: auto;
    }


    .vw-compare-features {
        padding: 15px;

        border-radius: 21px;
    }


    .vw-compare-features__grid {
        grid-template-columns: 1fr;
    }


    .vw-feature-item {
        width: 100%;
    }


    .vw-feature-detail {
        grid-template-columns: 1fr;

        text-align: center;

        gap: 10px;
    }


    .vw-feature-detail__icon {
        margin-inline: auto;
    }


    .vw-compare__summary {
        grid-template-columns: 1fr;

        text-align: center;
    }


    .vw-compare__summary-icon {
        margin-inline: auto;
    }

}


/* ======================================================
   SMALL MOBILE
====================================================== */

@media (max-width: 380px) {

    .vw-compare__container {
        width:
            calc(100% - 14px);
    }


    .vw-normal-product {
        grid-template-columns:
            37px minmax(0, 1fr);

        gap: 7px;
    }


    .vw-normal-product__image {
        width: 37px;
        height: 37px;
    }


    .vw-normal-product__qty {
        grid-column: 2;

        width: fit-content;
    }


    .vw-sim-search-demo__bar {
        grid-template-columns:
            18px minmax(0,1fr);

        font-size: 11px;
    }


    .vw-sim-search-demo__bar b {
        grid-column:
            1 / -1;

        text-align: center;
    }

}


/* ======================================================
   REDUCED MOTION
====================================================== */

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

    .vw-compare *,
    .vw-compare *::before,
    .vw-compare *::after {
        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fa90d87 *//* ======================================================
   ROND SIM SECTION
====================================================== */
/* =========================================================
   VISTAWEB ROND SECTION - CONTRAST FIX
   حتماً در انتهای تمام CSS ها قرار بگیرد
========================================================= */


/* ---------------------------------------------------------
   جلوگیری از دخالت استایل عمومی قالب روی button ها
--------------------------------------------------------- */

.vw-rond button.vw-rond-operator,
.vw-rond button.vw-rond-pattern {
    appearance: none !important;
    -webkit-appearance: none !important;

    text-decoration: none !important;
    box-shadow: none;


}


/* =========================================================
   OPERATOR CARDS - BASE
========================================================= */

.vw-rond .vw-rond-operator {
    color: #FFFFFF !important;

    background: rgba(255,255,255,.035) !important;

    border: 1px solid rgba(255,255,255,.10) !important;
}


.vw-rond .vw-rond-operator strong {
    color: #FFFFFF !important;

    font-size: 14px !important;

    font-weight: 800 !important;
}


.vw-rond .vw-rond-operator small {
    color: rgba(255,255,255,.62) !important;

    font-size: 11px !important;

    font-weight: 500 !important;

    opacity: 1 !important;
}


.vw-rond .vw-rond-operator b {
    color: rgba(255,255,255,.55) !important;

    font-size: 11px !important;

    opacity: 1 !important;
}


/* =========================================================
   همراه اول
========================================================= */

.vw-rond .vw-rond-operator--mci {
    background:
        linear-gradient(
            135deg,
            rgba(0,174,239,.10),
            rgba(0,90,150,.06)
        ) !important;

    border-color:
        rgba(0,174,239,.35) !important;
}


.vw-rond .vw-rond-operator--mci:hover,
.vw-rond .vw-rond-operator--mci.is-active {
    background:
        linear-gradient(
            135deg,
            #006FA6 0%,
            #008FCC 55%,
            #00AEEF 100%
        ) !important;

    border-color: #00AEEF !important;

    box-shadow:
        0 18px 40px rgba(0,174,239,.20) !important;
}


.vw-rond .vw-rond-operator--mci.is-active strong,
.vw-rond .vw-rond-operator--mci.is-active small,
.vw-rond .vw-rond-operator--mci.is-active b {
    color: #FFFFFF !important;
}


.vw-rond .vw-rond-operator--mci.is-active small {
    color: rgba(255,255,255,.82) !important;
}


/* =========================================================
   ایرانسل
   بک گراند زرد -> متن باید کاملاً تیره باشد
========================================================= */

.vw-rond .vw-rond-operator--irancell {
    background:
        linear-gradient(
            135deg,
            rgba(255,203,5,.08),
            rgba(255,203,5,.03)
        ) !important;

    border-color:
        rgba(255,203,5,.28) !important;
}


.vw-rond .vw-rond-operator--irancell:hover,
.vw-rond .vw-rond-operator--irancell.is-active {
    background:
        linear-gradient(
            135deg,
            #FFD525 0%,
            #FFCB05 55%,
            #F5B800 100%
        ) !important;

    border-color: #FFCB05 !important;

    color: #111111 !important;

    box-shadow:
        0 18px 40px rgba(255,203,5,.18) !important;
}


.vw-rond .vw-rond-operator--irancell.is-active strong {
    color: #101010 !important;
}


.vw-rond .vw-rond-operator--irancell.is-active small {
    color: rgba(0,0,0,.68) !important;

    opacity: 1 !important;
}


.vw-rond .vw-rond-operator--irancell.is-active b {
    color: rgba(0,0,0,.72) !important;

    opacity: 1 !important;
}


.vw-rond .vw-rond-operator--irancell
.vw-rond-operator__mark {
    background: #FFCB05 !important;

    color: #111111 !important;
}


.vw-rond .vw-rond-operator--irancell.is-active
.vw-rond-operator__mark {
    background: #111111 !important;

    color: #FFCB05 !important;

    box-shadow:
        0 8px 20px rgba(0,0,0,.18) !important;
}


/* =========================================================
   رایتل
========================================================= */

.vw-rond .vw-rond-operator--rightel {
    background:
        linear-gradient(
            135deg,
            rgba(157,27,112,.10),
            rgba(157,27,112,.04)
        ) !important;

    border-color:
        rgba(212,68,154,.28) !important;
}


.vw-rond .vw-rond-operator--rightel:hover,
.vw-rond .vw-rond-operator--rightel.is-active {
    background:
        linear-gradient(
            135deg,
            #651045 0%,
            #9D1B70 55%,
            #C4318C 100%
        ) !important;

    border-color: #D4449A !important;

    box-shadow:
        0 18px 40px rgba(157,27,112,.22) !important;
}


.vw-rond .vw-rond-operator--rightel.is-active strong {
    color: #FFFFFF !important;
}


.vw-rond .vw-rond-operator--rightel.is-active small {
    color: rgba(255,255,255,.78) !important;

    opacity: 1 !important;
}


.vw-rond .vw-rond-operator--rightel.is-active b {
    color: #FFFFFF !important;

    opacity: 1 !important;
}


.vw-rond .vw-rond-operator--rightel
.vw-rond-operator__mark {
    color: #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #9D1B70,
            #D4449A
        ) !important;
}


/* =========================================================
   ROND PATTERN CARDS
   حالت عادی = تیره
   فقط انتخاب شده = نارنجی
========================================================= */

.vw-rond button.vw-rond-pattern {
    color: #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.025)
        ) !important;

    border:
        1px solid rgba(255,255,255,.11) !important;
}


.vw-rond button.vw-rond-pattern:hover {
    color: #FFFFFF !important;

    background:
        rgba(255,255,255,.075) !important;

    border-color:
        rgba(248,154,8,.40) !important;
}


/* active */

.vw-rond button.vw-rond-pattern.is-active {
    color: #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #F89A08 0%,
            #E98700 100%
        ) !important;

    border-color:
        #F89A08 !important;

    box-shadow:
        0 15px 32px rgba(248,154,8,.20) !important;
}


/* عنوان کارت */

.vw-rond button.vw-rond-pattern strong {
    color: #FFFFFF !important;

    font-size: 13px !important;

    font-weight: 800 !important;

    opacity: 1 !important;
}


/* توضیح کارت */

.vw-rond button.vw-rond-pattern small {
    color: rgba(255,255,255,.56) !important;

    font-size: 11px !important;

    font-weight: 500 !important;

    opacity: 1 !important;
}


/* توضیح کارت active */

.vw-rond button.vw-rond-pattern.is-active small {
    color: rgba(255,255,255,.86) !important;

    opacity: 1 !important;
}


/* =========================================================
   شماره 01 / 02 / 03 / 04
========================================================= */

.vw-rond button.vw-rond-pattern > span:first-child {
    width: 38px !important;
    height: 38px !important;

    flex: 0 0 38px !important;

    display: grid !important;

    place-items: center !important;

    border-radius: 10px !important;

    background:
        rgba(255,255,255,.07) !important;

    color:
        rgba(255,255,255,.65) !important;

    font-size: 12px !important;

    font-weight: 900 !important;

    opacity: 1 !important;
}


/* شماره در کارت انتخاب شده */

.vw-rond button.vw-rond-pattern.is-active > span:first-child {
    background:
        rgba(255,255,255,.17) !important;

    color: #FFFFFF !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.08) !important;
}


/* =========================================================
   اگر می‌خواهی کارت خاص از اول ظاهر متفاوت داشته باشد
========================================================= */

.vw-rond button.vw-rond-pattern[data-pattern="special"]:not(.is-active) {
    background:
        linear-gradient(
            135deg,
            rgba(248,154,8,.055),
            rgba(255,255,255,.025)
        ) !important;

    border-color:
        rgba(248,154,8,.20) !important;
}


.vw-rond button.vw-rond-pattern[data-pattern="special"]:not(.is-active)
> span:first-child {
    color: #F89A08 !important;

    background:
        rgba(248,154,8,.10) !important;
}


/* =========================================================
   PANEL LABEL
========================================================= */

.vw-rond .vw-rond-panel__label {
    color:
        rgba(255,255,255,.68) !important;

    font-size: 11px !important;
}


/* =========================================================
   SEARCH BOX
========================================================= */

.vw-rond .vw-rond-panel__search {
    color: #FFFFFF !important;

    background:
        rgba(3,10,20,.42) !important;

    border:
        1px solid rgba(255,255,255,.10) !important;
}


.vw-rond .vw-rond-panel__search small {
    color:
        rgba(255,255,255,.55) !important;

    font-size: 11px !important;
}


.vw-rond .vw-rond-panel__search strong {
    color: #FFFFFF !important;
}


/* Search button */

.vw-rond .vw-rond-panel__search-btn {
    color: #FFFFFF !important;

    background: #3DAC4D !important;

    font-size: 11px !important;
}


/* =========================================================
   ویژگی‌های پایین فیلتر
========================================================= */

.vw-rond .vw-rond-panel__features span {
    color:
        rgba(255,255,255,.72) !important;

    background:
        rgba(255,255,255,.045) !important;

    border:
        1px solid rgba(255,255,255,.08) !important;

    font-size: 11px !important;
}


.vw-rond .vw-rond-panel__features i {
    color: #57D068 !important;
}


/* =========================================================
   موبایل
========================================================= */

@media (max-width: 600px) {

    .vw-rond button.vw-rond-pattern {
        min-height: 67px !important;

        padding: 11px !important;
    }


    .vw-rond button.vw-rond-pattern strong {
        font-size: 13px !important;
    }


    .vw-rond button.vw-rond-pattern small {
        font-size: 11px !important;

        line-height: 1.7 !important;
    }


    .vw-rond .vw-rond-operator strong {
        font-size: 13px !important;
    }


    .vw-rond .vw-rond-operator small {
        font-size: 11px !important;

        line-height: 1.6 !important;
    }

}
.vw-rond {
    --vw-green: #3DAC4D;
    --vw-orange: #F89A08;
    --vw-dark: #0D1A31;
    --vw-white: #FFFFFF;

    --vw-mci: #00AEEF;
    --vw-mci-dark: #0079AE;

    --vw-irancell: #FFCB05;
    --vw-irancell-dark: #181818;

    --vw-rightel: #9D1B70;
    --vw-rightel-light: #D4449A;

    width: 100%;
    max-width: none;
    min-width: 0;

    margin: 0;
    padding: 0;

    position: relative;

    direction: rtl;

    overflow: hidden;
    isolation: isolate;

    color: #FFFFFF;

    background:
        radial-gradient(
            circle at 82% 8%,
            rgba(61,172,77,.11),
            transparent 28%
        ),
        radial-gradient(
            circle at 10% 85%,
            rgba(248,154,8,.07),
            transparent 28%
        ),
        linear-gradient(
            145deg,
            #07111F 0%,
            #0D1A31 48%,
            #091529 100%
        );

}


.vw-rond *,
.vw-rond *::before,
.vw-rond *::after {
    box-sizing: border-box;
}


.vw-rond a,
.vw-rond a:hover,
.vw-rond a:focus,
.vw-rond a:active,
.vw-rond a:visited {
    text-decoration: none !important;
}





.vw-rond svg {
    display: block;

    width: 100%;
    height: 100%;

    fill: currentColor;
}


/* ======================================================
   CONTAINER
====================================================== */

.vw-rond__container {
    width:
        min(
            calc(100% - 40px),
            1280px
        );

    margin-inline: auto;

    padding:
        clamp(75px, 8vw, 115px)
        0;
}


/* ======================================================
   DECOR
====================================================== */

.vw-rond__decor {
    position: absolute;
    inset: 0;

    pointer-events: none;

    z-index: -1;
}


.vw-rond__glow {
    position: absolute;

    border-radius: 50%;

    filter: blur(100px);

    opacity: .11;
}


.vw-rond__glow--blue {
    width: min(500px, 45vw);
    aspect-ratio: 1;

    right: -170px;
    top: 20%;

    background:
        var(--vw-mci);
}


.vw-rond__glow--green {
    width: min(460px, 42vw);
    aspect-ratio: 1;

    left: 35%;
    top: -220px;

    background:
        var(--vw-green);
}


.vw-rond__glow--orange {
    width: min(430px, 40vw);
    aspect-ratio: 1;

    left: -200px;
    bottom: -180px;

    background:
        var(--vw-orange);
}


.vw-rond__grid {
    position: absolute;

    inset: 0;

    opacity: .06;

    background-image:
        linear-gradient(
            rgba(255,255,255,.10) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.10) 1px,
            transparent 1px
        );

    background-size: 54px 54px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 15%,
            black 85%,
            transparent
        );
}


/* ======================================================
   OPERATORS
====================================================== */

.vw-rond__operators {
    width: min(100%, 950px);

    margin:
        clamp(35px, 5vw, 55px)
        auto 0;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0,1fr));

    gap: 10px;
}


.vw-rond-operator {
    min-width: 0;
    min-height: 82px;

    display: grid;

    grid-template-columns:
        42px minmax(0,1fr) auto;

    align-items: center;

    gap: 10px;

    padding: 13px;

    border-radius: 17px;

    cursor: pointer;

    color:
        rgba(255,255,255,.65);

    text-align: right;

    border:
        1px solid
        rgba(255,255,255,.075);

    background:
        rgba(255,255,255,.035);

    backdrop-filter:
        blur(14px);

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


.vw-rond-operator:hover {
    transform:
        translateY(-3px);

    color: white;
}


.vw-rond-operator.is-active {
    color: white;

    transform:
        translateY(-3px);
}


/* MCI */

.vw-rond-operator--mci.is-active {
    border-color:
        rgba(0,174,239,.38);

    background:
        linear-gradient(
            135deg,
            rgba(0,174,239,.19),
            rgba(0,174,239,.055)
        );

    box-shadow:
        0 15px 35px
        rgba(0,174,239,.10);
}


/* Irancell */

.vw-rond-operator--irancell.is-active {
    border-color:
        rgba(255,203,5,.35);

    background:
        linear-gradient(
            135deg,
            rgba(255,203,5,.16),
            rgba(255,203,5,.045)
        );

    box-shadow:
        0 15px 35px
        rgba(255,203,5,.07);
}


/* Rightel */

.vw-rond-operator--rightel.is-active {
    border-color:
        rgba(212,68,154,.35);

    background:
        linear-gradient(
            135deg,
            rgba(157,27,112,.19),
            rgba(157,27,112,.05)
        );

    box-shadow:
        0 15px 35px
        rgba(157,27,112,.10);
}


.vw-rond-operator > span:nth-child(2) {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}


.vw-rond-operator strong {
    font-size: 13px;

    color: inherit;
}


.vw-rond-operator small {
    font-size: 11px;

    color:
        rgba(255,255,255,.38);
}


.vw-rond-operator b {
    font-size: 11px;
    font-weight: 600;

    color:
        rgba(255,255,255,.37);
}


.vw-rond-operator.is-active b {
    color:
        rgba(255,255,255,.82);
}


/* Signal */

.vw-rond-operator__signal {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    gap: 3px;

    padding:
        10px 9px;

    border-radius: 12px;

    background:
        rgba(0,174,239,.14);
}


.vw-rond-operator__signal i {
    width: 3px;

    display: block;

    border-radius: 3px;

    background:
        var(--vw-mci);
}


.vw-rond-operator__signal i:nth-child(1) {
    height: 7px;
}

.vw-rond-operator__signal i:nth-child(2) {
    height: 12px;
}

.vw-rond-operator__signal i:nth-child(3) {
    height: 17px;
}

.vw-rond-operator__signal i:nth-child(4) {
    height: 22px;
}


/* Network badge */

.vw-rond-operator__mark {
    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    border-radius: 12px;

    font-size: 11px;
    font-weight: 900;
}


.vw-rond-operator--irancell
.vw-rond-operator__mark {
    color: #181818;

    background:
        var(--vw-irancell);
}


.vw-rond-operator--rightel
.vw-rond-operator__mark {
    color: white;

    background:
        linear-gradient(
            135deg,
            var(--vw-rightel),
            var(--vw-rightel-light)
        );
}


/* ======================================================
   WORKSPACE
====================================================== */

.vw-rond__workspace {
    margin-top: 24px;

    display: grid;

    grid-template-columns:
        minmax(0, 1.03fr)
        minmax(390px, .97fr);

    gap:
        clamp(18px, 2.6vw, 34px);

    align-items: stretch;
}


/* ======================================================
   PANEL
====================================================== */

.vw-rond-panel {
    min-width: 0;

    padding:
        clamp(19px, 2.3vw, 28px);

    border-radius: 25px;

    border:
        1px solid
        rgba(255,255,255,.08);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.025)
        );

    backdrop-filter:
        blur(18px);

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.20);
}


.vw-rond-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 15px;
}


.vw-rond-panel__head > div:first-child {
    min-width: 0;
}


.vw-rond-panel__head span {
    display: block;

    color:
        var(--vw-green);

    font-size: 11px;

    letter-spacing: .9px;
}


.vw-rond-panel__head h3 {
    margin:
        4px 0 0;

    color: white;

    font-size:
        clamp(19px, 2vw, 26px);

    line-height: 1.6;
}


.vw-rond-panel__live {
    flex: 0 0 auto;

    display: flex;
    align-items: center;

    gap: 6px;

    padding:
        7px 10px;

    border-radius: 999px;

    color:
        rgba(255,255,255,.56);

    background:
        rgba(61,172,77,.07);

    border:
        1px solid
        rgba(61,172,77,.13);

    font-size: 11px;
}


.vw-rond-panel__live i {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background:
        var(--vw-green);

    box-shadow:
        0 0 0 5px
        rgba(61,172,77,.08);
}


/* ======================================================
   SEARCH
====================================================== */

.vw-rond-panel__search {
    margin-top: 21px;

    min-width: 0;

    display: grid;

    grid-template-columns:
        40px minmax(0,1fr) auto;

    align-items: center;

    gap: 10px;

    padding: 10px;

    border-radius: 15px;

    border:
        1px solid
        rgba(255,255,255,.085);

    background:
        rgba(3,10,20,.28);
}


.vw-rond-panel__search-icon {
    width: 40px;
    height: 40px;

    display: grid;
    place-items: center;

    padding: 10px;

    border-radius: 11px;

    color:
        var(--vw-green);

    background:
        rgba(61,172,77,.08);
}


.vw-rond-panel__search > div {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}


.vw-rond-panel__search small {
    color:
        rgba(255,255,255,.34);

    font-size: 11px;
}


.vw-rond-panel__search strong {
    color:
        rgba(255,255,255,.83);

    font-size:
        clamp(12px, 1.2vw, 14px);

    letter-spacing: .7px;
}


.vw-rond-panel__search-btn {
    padding:
        8px 13px;

    border-radius: 9px;

    color: white !important;

    background:
        var(--vw-green);

    font-size: 11px !important;
    font-weight: 700;
}


/* ======================================================
   PATTERN LABEL
====================================================== */

.vw-rond-panel__label {
    margin:
        20px 0 9px;

    color:
        rgba(255,255,255,.45);

    font-size: 11px;
}


/* ======================================================
   PATTERNS
====================================================== */

.vw-rond-patterns {
    display: grid;

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

    gap: 8px;
}


.vw-rond-pattern {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 9px;

    padding: 11px;

    border-radius: 13px;

    border:
        1px solid
        rgba(255,255,255,.07);

    background:
        rgba(255,255,255,.025);

    color:
        rgba(255,255,255,.58);

    cursor: pointer;

    text-align: right;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease,
        color .25s ease;
}


.vw-rond-pattern:hover {
    transform:
        translateY(-2px);

    color: white;
}


.vw-rond-pattern.is-active {
    color: white;

    border-color:
        rgba(248,154,8,.27);

    background:
        linear-gradient(
            135deg,
            rgba(248,154,8,.12),
            rgba(248,154,8,.035)
        );
}


.vw-rond-pattern > span {
    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    display: grid;
    place-items: center;

    border-radius: 10px;

    background:
        rgba(255,255,255,.05);

    color:
        rgba(255,255,255,.45);

    font-size: 11px;
    font-weight: 800;
}


.vw-rond-pattern.is-active > span {
    color: white;

    background:
        var(--vw-orange);
}


.vw-rond-pattern > div {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 1px;
}


.vw-rond-pattern strong {
    font-size: 12px;

    color: inherit;
}


.vw-rond-pattern small {
    color:
        rgba(255,255,255,.34);

    font-size: 11px;

    line-height: 1.65;
}


/* ======================================================
   FEATURE CHIPS
====================================================== */

.vw-rond-panel__features {
    margin-top: 17px;

    display: flex;
    flex-wrap: wrap;

    gap: 7px;
}


.vw-rond-panel__features span {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    padding:
        6px 9px;

    border-radius: 999px;

    color:
        rgba(255,255,255,.52);

    background:
        rgba(255,255,255,.035);

    border:
        1px solid
        rgba(255,255,255,.055);

    font-size: 11px;
}


.vw-rond-panel__features i {
    color:
        var(--vw-green);

    font-style: normal;
}


/* ======================================================
   PREVIEW
====================================================== */

.vw-rond-preview {
    min-width: 0;
    min-height: 550px;

    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    border-radius: 25px;

    border:
        1px solid
        rgba(255,255,255,.085);

    background:
        radial-gradient(
            circle at center,
            rgba(61,172,77,.10),
            transparent 36%
        ),
        rgba(4,12,24,.36);

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.18);

    perspective: 1100px;
}


.vw-rond-preview--pulse {
    animation:
        vwRondPreviewPulse
        .5s ease;
}


@keyframes vwRondPreviewPulse {

    50% {
        box-shadow:
            0 30px 90px
            rgba(61,172,77,.13);
    }

}


/* Orbit */

.vw-rond-preview__orbit {
    position: absolute;

    border-radius: 50%;

    border:
        1px dashed
        rgba(255,255,255,.10);

    pointer-events: none;
}


.vw-rond-preview__orbit--1 {
    width: 76%;
    aspect-ratio: 1;

    animation:
        vwRondOrbit
        32s linear infinite;
}


.vw-rond-preview__orbit--2 {
    width: 52%;
    aspect-ratio: 1;

    border-color:
        rgba(61,172,77,.12);

    animation:
        vwRondOrbitReverse
        25s linear infinite;
}


@keyframes vwRondOrbit {
    to {
        transform: rotate(360deg);
    }
}


@keyframes vwRondOrbitReverse {
    to {
        transform: rotate(-360deg);
    }
}


/* Status */

.vw-rond-preview__status {
    position: absolute;

    top: 18px;
    right: 18px;

    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding:
        7px 10px;

    border-radius: 999px;

    color:
        rgba(255,255,255,.53);

    background:
        rgba(255,255,255,.04);

    border:
        1px solid
        rgba(255,255,255,.07);

    font-size: 11px;
}


.vw-rond-preview__status span {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background:
        var(--vw-green);
}


/* ======================================================
   SIM CARD
====================================================== */

.vw-rond-sim {
    width:
        clamp(180px, 48%, 250px);

    aspect-ratio:
        250 / 330;

    position: relative;

    z-index: 5;

    padding:
        clamp(16px, 2vw, 22px);

    border-radius:
        29px 29px 29px 9px;

    overflow: hidden;

    box-shadow:
        0 42px 90px
        rgba(0,0,0,.38);

    transform-style:
        preserve-3d;

    transition:
        background .4s ease,
        transform .15s ease-out,
        box-shadow .4s ease;
}


.vw-rond-sim::before {
    content: "";

    position: absolute;

    width: 180px;
    aspect-ratio: 1;

    right: -80px;
    bottom: -70px;

    border-radius: 50%;

    background:
        rgba(255,255,255,.15);

    filter: blur(30px);
}


.vw-rond-sim::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            110deg,
            transparent 15%,
            rgba(255,255,255,.18),
            transparent 47%
        );

    transform:
        translateX(-160%);

    animation:
        vwRondShine
        6s infinite ease-in-out;
}


@keyframes vwRondShine {

    0%,
    55% {
        transform:
            translateX(-160%);
    }

    80%,
    100% {
        transform:
            translateX(180%);
    }

}


/* MCI */

.vw-rond-sim--mci {
    color: white;

    background:
        linear-gradient(
            145deg,
            #006F9F,
            var(--vw-mci)
        );
}


/* Irancell */

.vw-rond-sim--irancell {
    color:
        #171717;

    background:
        linear-gradient(
            145deg,
            #FFE04B,
            var(--vw-irancell)
        );
}


/* Rightel */

.vw-rond-sim--rightel {
    color: white;

    background:
        linear-gradient(
            145deg,
            #70134F,
            var(--vw-rightel),
            var(--vw-rightel-light)
        );
}


.vw-rond-sim__top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    position: relative;
    z-index: 2;
}


.vw-rond-sim__top strong {
    font-size:
        clamp(13px, 1.5vw, 17px);
}


.vw-rond-sim__top span {
    padding:
        5px 8px;

    border-radius: 7px;

    background:
        rgba(255,255,255,.15);

    font-size: 11px;
    font-weight: 800;
}


.vw-rond-sim--irancell
.vw-rond-sim__top span {
    background:
        rgba(0,0,0,.08);
}


.vw-rond-sim__chip {
    width: 68px;
    aspect-ratio:
        1.15 / 1;

    margin-top: 25%;

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 3px;

    padding: 7px;

    border-radius: 10px;

    position: relative;
    z-index: 2;

    background:
        linear-gradient(
            135deg,
            #F4DB8C,
            #A87513
        );

    box-shadow:
        inset 0 0 0 1px
        rgba(255,255,255,.25),
        0 10px 22px
        rgba(0,0,0,.15);
}


.vw-rond-sim__chip span {
    border:
        1px solid
        rgba(60,36,0,.28);

    border-radius: 3px;
}


.vw-rond-sim__meta {
    position: absolute;

    right:
        clamp(16px, 2vw, 22px);

    left:
        clamp(16px, 2vw, 22px);

    bottom:
        clamp(20px, 2.8vw, 29px);

    z-index: 2;
}


.vw-rond-sim__meta small {
    display: block;

    margin-bottom: 4px;

    font-size: 11px;

    letter-spacing: 1.5px;

    opacity: .58;
}


.vw-rond-sim__meta strong {
    display: block;

    font-size:
        clamp(15px, 2vw, 21px);

    letter-spacing: .8px;

    white-space: nowrap;
}


/* ======================================================
   FLOATING CARDS
====================================================== */

.vw-rond-preview__floating {
    position: absolute;

    z-index: 8;

    display: flex;
    align-items: center;

    gap: 8px;

    padding:
        9px 11px;

    border-radius: 13px;

    background:
        rgba(8,18,34,.78);

    border:
        1px solid
        rgba(255,255,255,.09);

    backdrop-filter:
        blur(14px);

    box-shadow:
        0 18px 40px
        rgba(0,0,0,.24);
}


.vw-rond-preview__floating--top {
    top: 20%;
    left: 6%;
}


.vw-rond-preview__floating--bottom {
    right: 7%;
    bottom: 25%;
}


.vw-rond-preview__floating > span {
    width: 31px;
    height: 31px;

    flex: 0 0 31px;

    display: grid;
    place-items: center;

    border-radius: 9px;

    color: white;

    background:
        var(--vw-orange);

    font-size: 12px;
}


.vw-rond-preview__floating--bottom > span {
    background:
        var(--vw-green);
}


.vw-rond-preview__floating div {
    display: flex;
    flex-direction: column;

    gap: 1px;
}


.vw-rond-preview__floating small {
    color:
        rgba(255,255,255,.36);

    font-size: 11px;
}


.vw-rond-preview__floating strong {
    color: white;

    font-size: 11px;
}


/* ======================================================
   PRODUCT
====================================================== */

.vw-rond-product {
    position: absolute;

    left: 7%;
    right: 7%;
    bottom: 17px;

    z-index: 10;

    padding: 12px;

    border-radius: 15px;

    color:
        #0D1A31;

    background:
        rgba(255,255,255,.95);

    box-shadow:
        0 20px 45px
        rgba(0,0,0,.22);
}


.vw-rond-product__top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;
}


.vw-rond-product__top small {
    display: block;

    color: #8793A2;

    font-size: 11px;
}


.vw-rond-product__top strong {
    display: block;

    margin-top: 2px;

    color:
        #0D1A31;

    font-size:
        clamp(13px, 1.4vw, 16px);
}


.vw-rond-product__top > span {
    padding:
        5px 8px;

    border-radius: 7px;

    color: #287F36;

    background:
        rgba(61,172,77,.10);

    font-size: 11px;
    font-weight: 700;
}


.vw-rond-product__specs {
    margin-top: 10px;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0,1fr));

    gap: 6px;
}


.vw-rond-product__specs > div {
    min-width: 0;

    padding: 7px;

    border-radius: 8px;

    background:
        #F5F7F9;
}


.vw-rond-product__specs small {
    display: block;

    color: #909BA8;

    font-size: 11px;
}


.vw-rond-product__specs strong {
    display: block;

    margin-top: 2px;

    color: #344054;

    font-size: 11px;
}


.vw-rond-product__cta {
    margin-top: 9px;

    padding: 8px;

    border-radius: 9px;

    text-align: center;

    color: white;

    background:
        #0D1A31;

    font-size: 11px;
    font-weight: 700;
}


/* ======================================================
   BENEFITS
====================================================== */

.vw-rond-benefits {
    margin-top:
        clamp(25px, 4vw, 45px);

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0,1fr));

    gap: 10px;
}


.vw-rond-benefit {
    min-width: 0;

    position: relative;

    padding:
        clamp(17px, 2vw, 22px);

    border-radius: 18px;

    overflow: hidden;

    background:
        rgba(255,255,255,.035);

    border:
        1px solid
        rgba(255,255,255,.065);

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease;
}


.vw-rond-benefit:hover {
    transform:
        translateY(-5px);

    border-color:
        rgba(61,172,77,.20);

    background:
        rgba(255,255,255,.05);
}


.vw-rond-benefit__number {
    position: absolute;

    left: 15px;
    top: 10px;

    color:
        rgba(255,255,255,.05);

    font-size:
        clamp(32px, 4vw, 54px);

    font-weight: 950;
}


.vw-rond-benefit__icon {
    width: 41px;
    height: 41px;

    display: grid;
    place-items: center;

    padding: 10px;

    border-radius: 12px;

    color:
        var(--vw-green);

    background:
        rgba(61,172,77,.085);

    position: relative;
    z-index: 2;
}


.vw-rond-benefit h3 {
    margin:
        14px 0 6px;

    position: relative;
    z-index: 2;

    color: white;

    font-size:
        clamp(14px, 1.3vw, 17px);

    line-height: 1.7;
}


.vw-rond-benefit p {
    margin: 0;

    position: relative;
    z-index: 2;

    color:
        rgba(255,255,255,.47);

    font-size: 11px;

    line-height: 2;
}


/* ======================================================
   CTA
====================================================== */

.vw-rond__cta {
    margin-top:
        clamp(25px, 4vw, 40px);

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding:
        clamp(17px, 2.3vw, 24px);

    border-radius: 20px;

    background:
        linear-gradient(
            110deg,
            rgba(61,172,77,.12),
            rgba(61,172,77,.035)
        );

    border:
        1px solid
        rgba(61,172,77,.17);
}


.vw-rond__cta-content {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 13px;
}


.vw-rond__cta-icon {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: grid;
    place-items: center;

    padding: 12px;

    border-radius: 14px;

    color: white;

    background:
        var(--vw-green);
}


.vw-rond__cta-content > div {
    min-width: 0;
}


.vw-rond__cta-content strong {
    display: block;

    color: white;

    font-size:
        clamp(14px, 1.5vw, 18px);

    line-height: 1.7;
}


.vw-rond__cta-content p {
    margin:
        4px 0 0;

    max-width: 690px;

    color:
        rgba(255,255,255,.50);

    font-size: 11px;

    line-height: 1.9;
}


.vw-rond__cta-actions {
    flex: 0 0 auto;

    display: flex;
    align-items: stretch;

    gap: 8px;
}


.vw-rond__btn {
    min-height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    padding:
        8px 14px;

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease;
}


.vw-rond__btn:hover {
    transform:
        translateY(-2px);
}


.vw-rond__btn--call {
    min-width: 175px;

    flex-direction: column;

    color: white !important;

    background:
        var(--vw-green);
}


.vw-rond__btn--call span {
    font-size: 11px;

    color:
        rgba(255,255,255,.72);
}


.vw-rond__btn--call strong {
    margin-top: 1px;

    font-size: 12px;
}


.vw-rond__btn--outline {
    min-width: 125px;

    color: white !important;

    border:
        1px solid
        rgba(255,255,255,.10);

    background:
        rgba(255,255,255,.035);

    font-size: 11px;
    font-weight: 700;
}


.vw-rond__btn--outline:hover {
    border-color:
        rgba(248,154,8,.24);

    background:
        rgba(248,154,8,.06);
}


/* ======================================================
   TABLET
====================================================== */

@media (max-width: 1050px) {

    .vw-rond__workspace {
        grid-template-columns:
            minmax(0,1fr)
            minmax(330px,.85fr);
    }


    .vw-rond-preview {
        min-height: 520px;
    }


    .vw-rond-benefits {
        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }

}


/* ======================================================
   TABLET PORTRAIT
====================================================== */

@media (max-width: 850px) {

    .vw-rond__container {
        width:
            calc(100% - 26px);
    }


    .vw-rond__operators {
        grid-template-columns: 1fr;
    }


    .vw-rond-operator {
        min-height: 72px;
    }


    .vw-rond__workspace {
        grid-template-columns: 1fr;
    }


    .vw-rond-preview {
        width: min(100%, 620px);

        min-height: 570px;

        margin-inline: auto;
    }


    .vw-rond__cta {
        align-items: flex-start;

        flex-direction: column;
    }


    .vw-rond__cta-actions {
        width: 100%;
    }


    .vw-rond__btn {
        flex: 1;
    }

}


/* ======================================================
   MOBILE
====================================================== */

@media (max-width: 600px) {

    .vw-rond__container {
        width:
            calc(100% - 18px);

        padding:
            65px 0;
    }


    .vw-rond__operators {
        margin-top: 30px;
    }


    .vw-rond-operator {
        grid-template-columns:
            40px minmax(0,1fr) auto;

        padding: 10px;
    }


    .vw-rond-panel {
        padding: 16px;

        border-radius: 20px;
    }


    .vw-rond-panel__head {
        flex-direction: column;

        gap: 8px;
    }


    .vw-rond-panel__search {
        grid-template-columns:
            36px minmax(0,1fr);
    }


    .vw-rond-panel__search-icon {
        width: 36px;
        height: 36px;

        padding: 9px;
    }


    .vw-rond-panel__search-btn {
        grid-column:
            1 / -1;

        text-align: center;
    }


    .vw-rond-patterns {
        grid-template-columns: 1fr;
    }


    .vw-rond-preview {
        min-height: 535px;

        border-radius: 20px;
    }


    .vw-rond-sim {
        width:
            clamp(180px, 58%, 230px);
    }


    .vw-rond-preview__floating--top {
        top: 17%;
        left: 3%;
    }


    .vw-rond-preview__floating--bottom {
        right: 3%;
        bottom: 31%;
    }


    .vw-rond-product {
        left: 10px;
        right: 10px;
        bottom: 10px;
    }


    .vw-rond-benefits {
        grid-template-columns: 1fr;
    }


    .vw-rond__cta-content {
        align-items: flex-start;
    }


    .vw-rond__cta-actions {
        flex-direction: column;
    }


    .vw-rond__btn {
        width: 100%;
    }

}


/* ======================================================
   SMALL MOBILE
====================================================== */

@media (max-width: 400px) {

    .vw-rond__container {
        width:
            calc(100% - 14px);
    }


    .vw-rond-operator b {
        display: none;
    }


    .vw-rond-operator {
        grid-template-columns:
            40px minmax(0,1fr);
    }


    .vw-rond-preview {
        min-height: 505px;
    }


    .vw-rond-sim {
        width: 190px;
    }


    .vw-rond-preview__floating {
        padding: 7px 8px;
    }


    .vw-rond-preview__floating--top {
        left: 2%;
    }


    .vw-rond-preview__floating--bottom {
        right: 2%;
    }


    .vw-rond-product__specs {
        grid-template-columns: 1fr 1fr;
    }


    .vw-rond-product__specs > div:last-child {
        grid-column:
            1 / -1;
    }


    .vw-rond__cta {
        padding: 15px;
    }


    .vw-rond__cta-content {
        flex-direction: column;
    }

}


/* ======================================================
   REDUCED MOTION
====================================================== */

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

    .vw-rond *,
    .vw-rond *::before,
    .vw-rond *::after {
        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-10857ce *//* ======================================================
   MODEM SECTION
====================================================== */

.vw-modem {
    --vw-green: #3DAC4D;
    --vw-orange: #F89A08;
    --vw-dark: #0D1A31;
    --vw-white: #FFFFFF;

    width: 100%;
    max-width: none;
    min-width: 0;

    margin: 0;
    padding: 0;

    position: relative;

    overflow: hidden;
    isolation: isolate;

    direction: rtl;

    color: #0D1A31;

    background:
        radial-gradient(
            circle at 93% 10%,
            rgba(61,172,77,.08),
            transparent 28%
        ),
        radial-gradient(
            circle at 5% 85%,
            rgba(248,154,8,.06),
            transparent 26%
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F7F9FB 100%
        );

}


.vw-modem *,
.vw-modem *::before,
.vw-modem *::after {
    box-sizing: border-box;
}


.vw-modem a,
.vw-modem a:hover,
.vw-modem a:focus,
.vw-modem a:active,
.vw-modem a:visited {
    text-decoration: none !important;
}


.vw-modem button {
    font-family: inherit;
}


.vw-modem svg {
    width: 100%;
    height: 100%;

    display: block;

    fill: currentColor;
}


/* ======================================================
   CONTAINER
====================================================== */

.vw-modem__container {
    width:
        min(
            calc(100% - 40px),
            1280px
        );

    margin-inline: auto;

    padding:
        clamp(75px, 8vw, 115px)
        0;
}


/* ======================================================
   DECOR
====================================================== */

.vw-modem__decor {
    position: absolute;
    inset: 0;

    z-index: -1;

    pointer-events: none;
}


.vw-modem__blob {
    position: absolute;

    border-radius: 50%;

    filter: blur(90px);

    opacity: .11;
}


.vw-modem__blob--green {
    width: min(440px, 45vw);
    aspect-ratio: 1;

    right: -170px;
    top: 10%;

    background:
        var(--vw-green);
}


.vw-modem__blob--orange {
    width: min(390px, 40vw);
    aspect-ratio: 1;

    left: -160px;
    bottom: -150px;

    background:
        var(--vw-orange);
}


.vw-modem__dots {
    position: absolute;
    inset: 0;

    opacity: .25;

    background-image:
        radial-gradient(
            rgba(13,26,49,.12) 1px,
            transparent 1px
        );

    background-size:
        30px 30px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 15%,
            black 85%,
            transparent
        );
}


/* ======================================================
   LIGHT SHARED HEADING
====================================================== */

.vw-modem
.vw-section-heading--light
.vw-section-heading__badge {
    color: #287F36;

    background:
        rgba(61,172,77,.08);

    border-color:
        rgba(61,172,77,.16);
}


.vw-modem
.vw-section-heading--light
.vw-section-heading__title {
    color: #0D1A31;
}


.vw-modem
.vw-section-heading--light
.vw-section-heading__title span {
    color: #3DAC4D;
}


.vw-modem
.vw-section-heading--light
.vw-section-heading__text {
    color: #667487;
}


/* ======================================================
   WORKSPACE
====================================================== */

.vw-modem__workspace {
    margin-top:
        clamp(42px, 5vw, 65px);

    display: grid;

    grid-template-columns:
        minmax(0, .95fr)
        minmax(390px, 1.05fr);

    gap:
        clamp(22px, 3.5vw, 48px);

    align-items: center;
}


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

.vw-modem__content {
    min-width: 0;
}


.vw-modem__mini-title > span {
    display: block;

    color:
        var(--vw-green);

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1px;
}


.vw-modem__mini-title h3 {
    margin:
        6px 0 8px;

    color:
        var(--vw-dark);

    font-size:
        clamp(22px, 2.7vw, 33px);

    line-height: 1.55;
}


.vw-modem__mini-title p {
    margin: 0;

    color: #667487;

    font-size:
        clamp(12px, 1.1vw, 14px);

    line-height: 2;
}


/* ======================================================
   MODEM TYPES
====================================================== */

.vw-modem-types {
    margin-top: 24px;

    display: flex;
    flex-direction: column;

    gap: 9px;
}


.vw-modem-type {
    width: 100%;
    min-width: 0;
    min-height: 76px;

    display: grid;

    grid-template-columns:
        46px minmax(0,1fr) 28px;

    align-items: center;

    gap: 11px;

    padding: 12px;

    text-align: right;

    border-radius: 16px;

    border:
        1px solid #E3E8EE;

    background:
        #FFFFFF;

    color:
        #425168;

    cursor: pointer;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


.vw-modem-type:hover {
    transform:
        translateX(-4px);

    border-color:
        rgba(61,172,77,.25);
}


.vw-modem-type.is-active {
    border-color:
        rgba(61,172,77,.32);

    background:
        linear-gradient(
            90deg,
            rgba(61,172,77,.08),
            #FFFFFF
        );

    box-shadow:
        0 14px 32px
        rgba(61,172,77,.08);
}


.vw-modem-type__icon {
    width: 46px;
    height: 46px;

    display: grid;
    place-items: center;

    border-radius: 13px;

    color:
        var(--vw-dark);

    background:
        #F1F4F7;

    font-size: 12px;
    font-weight: 900;

    transition:
        background .25s ease,
        color .25s ease;
}


.vw-modem-type.is-active
.vw-modem-type__icon {
    color: white;

    background:
        var(--vw-green);
}


.vw-modem-type > span:nth-child(2) {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}


.vw-modem-type strong {
    color:
        var(--vw-dark);

    font-size: 13px;
}


.vw-modem-type small {
    color: #7A8796;

    font-size: 11px;

    line-height: 1.6;
}


.vw-modem-type > i {
    width: 28px;
    height: 28px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    color: #98A3AF;

    background:
        #F1F3F6;

    font-size: 11px;
    font-style: normal;
}


.vw-modem-type.is-active > i {
    color: white;

    background:
        var(--vw-green);
}


/* ======================================================
   FEATURES
====================================================== */

.vw-modem__features {
    margin-top: 20px;

    display: grid;

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

    gap: 9px;
}


.vw-modem-feature {
    min-width: 0;

    display: flex;
    align-items: flex-start;

    gap: 9px;

    padding: 12px;

    border-radius: 14px;

    border:
        1px solid #E6EBF0;

    background:
        rgba(255,255,255,.70);
}


.vw-modem-feature__icon {
    width: 37px;
    height: 37px;

    flex: 0 0 37px;

    display: grid;
    place-items: center;

    padding: 9px;

    border-radius: 11px;

    color:
        var(--vw-orange);

    background:
        rgba(248,154,8,.08);
}


.vw-modem-feature > div {
    min-width: 0;
}


.vw-modem-feature strong {
    display: block;

    color:
        #26364B;

    font-size: 12px;

    line-height: 1.7;
}


.vw-modem-feature p {
    margin:
        2px 0 0;

    color: #7A8795;

    font-size: 11px;

    line-height: 1.7;
}


/* ======================================================
   PREVIEW
====================================================== */

.vw-modem-preview {
    min-width: 0;

    min-height: 570px;

    position: relative;

    overflow: hidden;

    padding:
        clamp(18px, 2.3vw, 26px);

    border-radius: 27px;

    border:
        1px solid #E1E7ED;

    background:
        radial-gradient(
            circle at 50% 38%,
            rgba(61,172,77,.10),
            transparent 33%
        ),
        linear-gradient(
            145deg,
            #F7F9FB,
            #FFFFFF
        );

    box-shadow:
        0 30px 80px
        rgba(13,26,49,.08);

    perspective: 1200px;
}


.vw-modem-preview--pulse {
    animation:
        vwModemPulse
        .5s ease;
}


@keyframes vwModemPulse {
    50% {
        box-shadow:
            0 35px 90px
            rgba(61,172,77,.13);
    }
}


/* Preview top */

.vw-modem-preview__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 15px;
}


.vw-modem-preview__top > div:first-child {
    display: flex;
    flex-direction: column;

    gap: 2px;
}


.vw-modem-preview__top span {
    color:
        var(--vw-green);

    font-size: 11px;

    letter-spacing: .8px;
}


.vw-modem-preview__top strong {
    color:
        var(--vw-dark);

    font-size:
        clamp(15px, 1.7vw, 19px);
}


.vw-modem-preview__status {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    padding:
        6px 9px;

    border-radius: 999px;

    color:
        #287F36;

    background:
        rgba(61,172,77,.08);

    font-size: 11px;
}


.vw-modem-preview__status i {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background:
        var(--vw-green);
}


/* ======================================================
   MODEM DEVICE
====================================================== */

.vw-modem-device {
    width:
        clamp(210px, 55%, 290px);

    aspect-ratio:
        290 / 230;

    position: relative;

    margin:
        48px auto 22px;

    transform-style:
        preserve-3d;

    transition:
        transform .15s ease-out;
}


/* Antennas */

.vw-modem-device__antenna {
    width: 15px;
    height: 90px;

    position: absolute;

    top: -35px;

    border-radius: 10px;

    background:
        linear-gradient(
            180deg,
            #26374D,
            #0D1A31
        );

    box-shadow:
        0 8px 18px
        rgba(13,26,49,.17);
}


.vw-modem-device__antenna--1 {
    left: 24%;
}


.vw-modem-device__antenna--2 {
    right: 24%;
}


/* Main body */

.vw-modem-device__body {
    width: 100%;
    height: 78%;

    position: absolute;

    bottom: 0;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    border-radius: 28px;

    color: white;

    background:
        linear-gradient(
            145deg,
            #172942,
            #0D1A31
        );

    box-shadow:
        0 32px 55px
        rgba(13,26,49,.23),
        inset
        0 1px 1px
        rgba(255,255,255,.08);
}


/* 5G */

.vw-modem-device--5g
.vw-modem-device__body {
    background:
        linear-gradient(
            145deg,
            #10273A,
            #0D1A31
        );
}


/* 4G */

.vw-modem-device--4g
.vw-modem-device__body {
    background:
        linear-gradient(
            145deg,
            #163420,
            #0D2615
        );
}


/* TD-LTE */

.vw-modem-device--td
.vw-modem-device__body {
    background:
        linear-gradient(
            145deg,
            #392617,
            #22150C
        );
}


.vw-modem-device__brand {
    position: absolute;

    top: 19px;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 2px;

    color:
        rgba(255,255,255,.40);
}


.vw-modem-device__network {
    font-size:
        clamp(33px, 5vw, 53px);

    font-weight: 950;

    letter-spacing: 2px;

    color: white;
}


.vw-modem-device__signal {
    display: flex;
    align-items: flex-end;

    gap: 4px;

    margin-bottom: 6px;
}


.vw-modem-device__signal span {
    width: 5px;

    border-radius: 4px;

    background:
        var(--vw-green);

    box-shadow:
        0 0 10px
        rgba(61,172,77,.35);
}


.vw-modem-device__signal span:nth-child(1) {
    height: 8px;
}


.vw-modem-device__signal span:nth-child(2) {
    height: 15px;
}


.vw-modem-device__signal span:nth-child(3) {
    height: 23px;
}


.vw-modem-device__lights {
    position: absolute;

    bottom: 17px;

    display: flex;

    gap: 8px;
}


.vw-modem-device__lights i {
    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        rgba(255,255,255,.22);
}


.vw-modem-device__lights i:first-child,
.vw-modem-device__lights i:nth-child(2) {
    background:
        var(--vw-green);

    box-shadow:
        0 0 9px
        rgba(61,172,77,.65);
}


/* Waves */

.vw-modem-device__wave {
    position: absolute;

    top: 40%;
    left: 50%;

    border-radius: 50%;

    border:
        1px solid
        rgba(61,172,77,.15);

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

    pointer-events: none;

    animation:
        vwModemWave
        3.5s infinite ease-out;
}


.vw-modem-device__wave--1 {
    width: 80%;
    aspect-ratio: 1;
}


.vw-modem-device__wave--2 {
    width: 110%;
    aspect-ratio: 1;

    animation-delay: 1.2s;
}


@keyframes vwModemWave {

    0% {
        opacity: 0;
        scale: .7;
    }

    35% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        scale: 1.2;
    }

}


/* ======================================================
   SPECS
====================================================== */

.vw-modem-specs {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0,1fr));

    gap: 7px;
}


.vw-modem-specs > div {
    min-width: 0;

    padding: 9px;

    border-radius: 11px;

    text-align: center;

    background:
        #F2F5F7;

    border:
        1px solid #E7EBEF;
}


.vw-modem-specs small {
    display: block;

    color: #929DAA;

    font-size: 11px;
}


.vw-modem-specs strong {
    display: block;

    margin-top: 2px;

    color: #314158;

    font-size: 11px;
}


/* ======================================================
   PRODUCT CARD
====================================================== */

.vw-modem-product {
    margin-top: 10px;

    padding: 13px;

    border-radius: 14px;

    color: white;

    background:
        linear-gradient(
            135deg,
            #0D1A31,
            #152944
        );

    box-shadow:
        0 14px 30px
        rgba(13,26,49,.15);
}


.vw-modem-product__title {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;
}


.vw-modem-product__title small {
    display: block;

    color:
        rgba(255,255,255,.44);

    font-size: 11px;
}


.vw-modem-product__title strong {
    display: block;

    margin-top: 2px;

    color: white;

    font-size: 13px;
}


.vw-modem-product__title > span {
    padding:
        5px 8px;

    border-radius: 7px;

    color: white;

    background:
        var(--vw-green);

    font-size: 11px;
    font-weight: 700;
}


.vw-modem-product p {
    margin:
        8px 0 0;

    color:
        rgba(255,255,255,.58);

    font-size: 11px;

    line-height: 1.9;
}


.vw-modem-product__bottom {
    margin-top: 10px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;
}


.vw-modem-product__bottom div {
    display: flex;
    flex-direction: column;
}


.vw-modem-product__bottom small {
    color:
        rgba(255,255,255,.40);

    font-size: 11px;
}


.vw-modem-product__bottom strong {
    color: white;

    font-size: 11px;
}


.vw-modem-product__bottom > span {
    padding:
        7px 10px;

    border-radius: 9px;

    color: #0D1A31;

    background:
        #FFFFFF;

    font-size: 11px;
    font-weight: 700;
}


/* ======================================================
   CROSS SELL
====================================================== */

.vw-crosssell {
    margin-top:
        clamp(40px, 5vw, 65px);

    padding:
        clamp(18px, 2.5vw, 29px);

    border-radius: 25px;

    border:
        1px solid #E2E7ED;

    background:
        rgba(255,255,255,.78);

    box-shadow:
        0 20px 60px
        rgba(13,26,49,.055);
}


.vw-crosssell__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 20px;

    margin-bottom: 23px;
}


.vw-crosssell__head span {
    color:
        var(--vw-orange);

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1px;
}


.vw-crosssell__head h3 {
    margin:
        4px 0 0;

    color:
        var(--vw-dark);

    font-size:
        clamp(18px, 2.2vw, 25px);
}


.vw-crosssell__head p {
    width:
        min(100%, 470px);

    margin: 0;

    color: #758294;

    font-size: 11px;

    line-height: 1.9;
}


/* Flow */

.vw-crosssell__flow {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        36px
        minmax(0,1fr)
        36px
        minmax(0,1.1fr);

    align-items: center;

    gap: 8px;
}


.vw-crosssell-card {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 11px;

    padding: 12px;

    border-radius: 15px;

    border:
        1px solid #E4E9EE;

    background:
        #F8FAFC;
}


.vw-crosssell-card__visual {
    width: 74px;
    height: 74px;

    flex: 0 0 74px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 4px;

    border-radius: 17px;

    color: white;

    background:
        var(--vw-dark);
}


.vw-crosssell-card--sim
.vw-crosssell-card__visual {
    background:
        linear-gradient(
            135deg,
            #007BAF,
            #00AEEF
        );
}


.vw-crosssell-card__visual > span:first-child {
    font-size: 11px;
    font-weight: 800;
}


.vw-crosssell-card__visual strong {
    font-size: 11px;
}


.vw-crosssell-card--modem
.vw-crosssell-card__visual {
    color: white;

    background:
        linear-gradient(
            135deg,
            #0D1A31,
            #263A55
        );
}


.vw-crosssell-card--modem
.vw-crosssell-card__visual svg {
    width: 28px;
    height: 28px;
}


.vw-crosssell-card--modem
.vw-crosssell-card__visual span {
    font-size: 11px;
    font-weight: 800;
}


.vw-crosssell-card__content {
    min-width: 0;
}


.vw-crosssell-card__content small {
    color: #96A0AC;

    font-size: 11px;
}


.vw-crosssell-card__content strong {
    display: block;

    color:
        var(--vw-dark);

    font-size: 13px;
}


.vw-crosssell-card__content p {
    margin:
        2px 0 0;

    color: #748193;

    font-size: 11px;

    line-height: 1.6;
}


.vw-crosssell__plus {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    color:
        var(--vw-orange);

    background:
        rgba(248,154,8,.09);

    font-size: 18px;
    font-weight: 900;
}


.vw-crosssell-result {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 13px;

    border-radius: 15px;

    color: white;

    background:
        linear-gradient(
            135deg,
            #3DAC4D,
            #268938
        );

    box-shadow:
        0 15px 35px
        rgba(61,172,77,.16);
}


.vw-crosssell-result__icon {
    width: 43px;
    height: 43px;

    flex: 0 0 43px;

    display: grid;
    place-items: center;

    padding: 10px;

    border-radius: 12px;

    background:
        rgba(255,255,255,.13);
}


.vw-crosssell-result small {
    color:
        rgba(255,255,255,.68);

    font-size: 11px;
}


.vw-crosssell-result strong {
    display: block;

    color: white;

    font-size: 12px;
}


.vw-crosssell-result p {
    margin:
        2px 0 0;

    color:
        rgba(255,255,255,.71);

    font-size: 11px;
}


/* ======================================================
   SEO CARDS
====================================================== */

.vw-modem-seo {
    margin-top: 18px;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0,1fr));

    gap: 10px;
}


.vw-modem-seo__card {
    min-width: 0;

    position: relative;

    padding:
        clamp(16px, 2vw, 22px);

    border-radius: 17px;

    overflow: hidden;

    background:
        #FFFFFF;

    border:
        1px solid #E3E8EE;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.vw-modem-seo__card:hover {
    transform:
        translateY(-4px);

    border-color:
        rgba(61,172,77,.22);

    box-shadow:
        0 18px 40px
        rgba(13,26,49,.075);
}


.vw-modem-seo__card > span {
    position: absolute;

    left: 13px;
    top: 7px;

    color:
        rgba(13,26,49,.045);

    font-size:
        clamp(32px, 4vw, 52px);

    font-weight: 950;
}


.vw-modem-seo__card h3 {
    margin:
        0 0 7px;

    position: relative;

    color:
        var(--vw-dark);

    font-size:
        clamp(14px, 1.4vw, 17px);
}


.vw-modem-seo__card p {
    margin: 0;

    position: relative;

    color: #718094;

    font-size: 11px;

    line-height: 2;
}


/* ======================================================
   CTA
====================================================== */

.vw-modem__cta {
    margin-top:
        clamp(25px, 4vw, 40px);

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding:
        clamp(17px, 2.2vw, 23px);

    border-radius: 20px;

    border:
        1px solid
        rgba(61,172,77,.15);

    background:
        linear-gradient(
            90deg,
            rgba(61,172,77,.065),
            rgba(61,172,77,.025)
        );
}


.vw-modem__cta > div:first-child {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 12px;
}


.vw-modem__cta-icon {
    width: 47px;
    height: 47px;

    flex: 0 0 47px;

    display: grid;
    place-items: center;

    padding: 11px;

    border-radius: 13px;

    color: white;

    background:
        var(--vw-green);
}


.vw-modem__cta > div:first-child > div {
    min-width: 0;
}


.vw-modem__cta strong {
    display: block;

    color:
        var(--vw-dark);

    font-size:
        clamp(14px, 1.45vw, 18px);
}


.vw-modem__cta p {
    margin:
        3px 0 0;

    color: #718094;

    font-size: 11px;

    line-height: 1.8;
}


.vw-modem__cta-actions {
    flex: 0 0 auto;

    display: flex;

    gap: 8px;
}


.vw-modem__btn {
    min-height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding:
        8px 14px;

    border-radius: 12px;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}


.vw-modem__btn:hover {
    transform:
        translateY(-2px);
}


.vw-modem__btn--primary {
    min-width: 180px;

    flex-direction: column;

    color: white !important;

    background:
        var(--vw-green);

    box-shadow:
        0 12px 26px
        rgba(61,172,77,.16);
}


.vw-modem__btn--primary span {
    color:
        rgba(255,255,255,.75);

    font-size: 11px;
}


.vw-modem__btn--primary strong {
    margin-top: 1px;

    color: white;

    font-size: 12px;
}


.vw-modem__btn--secondary {
    min-width: 120px;

    color:
        var(--vw-dark) !important;

    background: white;

    border:
        1px solid #DDE3EA;

    font-size: 11px;
    font-weight: 700;
}


/* ======================================================
   TABLET
====================================================== */

@media (max-width: 1050px) {

    .vw-modem__workspace {
        grid-template-columns:
            minmax(0,1fr)
            minmax(340px,.9fr);
    }


    .vw-crosssell__flow {
        grid-template-columns:
            minmax(0,1fr)
            30px
            minmax(0,1fr);

        row-gap: 10px;
    }


    .vw-crosssell__flow
    > .vw-crosssell__plus:nth-of-type(2) {
        display: none;
    }


    .vw-crosssell-result {
        grid-column:
            1 / -1;

        justify-self: stretch;
    }

}


/* ======================================================
   TABLET PORTRAIT
====================================================== */

@media (max-width: 850px) {

    .vw-modem__container {
        width:
            calc(100% - 26px);
    }


    .vw-modem__workspace {
        grid-template-columns: 1fr;
    }


    .vw-modem-preview {
        width:
            min(100%, 620px);

        margin-inline: auto;
    }


    .vw-crosssell__head {
        align-items: flex-start;

        flex-direction: column;
    }


    .vw-crosssell__head p {
        width: 100%;
    }


    .vw-modem__cta {
        align-items: flex-start;

        flex-direction: column;
    }


    .vw-modem__cta-actions {
        width: 100%;
    }


    .vw-modem__btn {
        flex: 1;
    }

}


/* ======================================================
   MOBILE
====================================================== */

@media (max-width: 620px) {

    .vw-modem__container {
        width:
            calc(100% - 18px);

        padding:
            65px 0;
    }


    .vw-modem__features {
        grid-template-columns: 1fr;
    }


    .vw-modem-type {
        grid-template-columns:
            42px minmax(0,1fr) 28px;

        min-height: 70px;

        padding: 10px;
    }


    .vw-modem-type__icon {
        width: 42px;
        height: 42px;
    }


    .vw-modem-preview {
        min-height: 540px;

        padding: 15px;

        border-radius: 21px;
    }


    .vw-modem-device {
        width:
            min(68%, 260px);
    }


    .vw-crosssell {
        padding: 15px;

        border-radius: 20px;
    }


    .vw-crosssell__flow {
        grid-template-columns: 1fr;

        gap: 8px;
    }


    .vw-crosssell__plus {
        margin-inline: auto;

        transform:
            rotate(90deg);
    }


    .vw-crosssell-card,
    .vw-crosssell-result {
        width: 100%;
    }


    .vw-crosssell-result {
        grid-column: auto;
    }


    .vw-modem-seo {
        grid-template-columns: 1fr;
    }


    .vw-modem__cta > div:first-child {
        align-items: flex-start;
    }


    .vw-modem__cta-actions {
        flex-direction: column;
    }


    .vw-modem__btn {
        width: 100%;
    }

}


/* ======================================================
   SMALL MOBILE
====================================================== */

@media (max-width: 400px) {

    .vw-modem__container {
        width:
            calc(100% - 14px);
    }


    .vw-modem-preview__top {
        flex-direction: column;
    }


    .vw-modem-preview {
        min-height: 530px;
    }


    .vw-modem-device {
        width: 220px;

        margin-top: 55px;
    }


    .vw-modem-specs {
        grid-template-columns:
            1fr 1fr;
    }


    .vw-modem-specs > div:last-child {
        grid-column:
            1 / -1;
    }


    .vw-modem-product__bottom {
        align-items: flex-start;

        flex-direction: column;
    }


    .vw-modem-product__bottom > span {
        width: 100%;

        text-align: center;
    }


    .vw-crosssell-card__visual {
        width: 62px;
        height: 62px;

        flex-basis: 62px;
    }


    .vw-modem__cta > div:first-child {
        flex-direction: column;
    }

}


/* ======================================================
   REDUCED MOTION
====================================================== */

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

    .vw-modem *,
    .vw-modem *::before,
    .vw-modem *::after {
        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ffba97 *//* =========================================================
   VISTAWEB - REAL CASE STUDY
========================================================= */

.vw-case {
    --vw-green: #3DAC4D;
    --vw-orange: #F89A08;
    --vw-dark: #0D1A31;
    --vw-white: #FFFFFF;

    --vw-case-rotate-x: 0deg;
    --vw-case-rotate-y: 0deg;

    width: 100%;
    max-width: none;
    min-width: 0;

    margin: 0;
    padding: 0;

    position: relative;

    overflow: hidden;
    isolation: isolate;

    direction: rtl;

    color: var(--vw-white);

    background:
        radial-gradient(
            circle at 88% 10%,
            rgba(61,172,77,.12),
            transparent 29%
        ),
        radial-gradient(
            circle at 5% 76%,
            rgba(248,154,8,.07),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            #07111F 0%,
            #0D1A31 50%,
            #081426 100%
        );

}


.vw-case *,
.vw-case *::before,
.vw-case *::after {
    box-sizing: border-box;
}


.vw-case a,
.vw-case a:hover,
.vw-case a:focus,
.vw-case a:active,
.vw-case a:visited {
    text-decoration: none !important;
}



.vw-case svg {
    display: block;

    width: 100%;
    height: 100%;

    fill: currentColor;
}


/* =========================================================
   CONTAINER
========================================================= */

.vw-case__container {
    width:
        min(
            calc(100% - 40px),
            1280px
        );

    margin-inline: auto;

    padding:
        clamp(75px, 8vw, 115px)
        0;
}


/* =========================================================
   SHARED HEADING
========================================================= */

.vw-case .vw-section-heading {
    width: min(100%, 820px);

    margin-inline: auto;

    text-align: center;
}


.vw-case
.vw-section-heading__badge {
    width: fit-content;

    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 15px;

    padding:
        8px 13px;

    border-radius: 999px;

    color:
        #B9EFC2;

    border:
        1px solid
        rgba(61,172,77,.20);

    background:
        rgba(61,172,77,.07);

    font-size: 12px;
    font-weight: 650;
}


.vw-case
.vw-section-heading__badge-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background:
        var(--vw-green);

    box-shadow:
        0 0 0 5px
        rgba(61,172,77,.10);
}


.vw-case
.vw-section-heading__title {
    margin: 0;

    color: white;

    font-size:
        clamp(28px, 4vw, 45px);

    font-weight: 900;

    line-height: 1.5;
}


.vw-case
.vw-section-heading__title span {
    color:
        var(--vw-orange);
}


.vw-case
.vw-section-heading__text {
    max-width: 750px;

    margin:
        15px auto 0;

    color:
        rgba(255,255,255,.56);

    font-size:
        clamp(13px, 1.15vw, 16px);

    line-height: 2.05;
}


/* =========================================================
   DECOR
========================================================= */

.vw-case__decor {
    position: absolute;
    inset: 0;

    pointer-events: none;

    z-index: -1;
}


.vw-case__glow {
    position: absolute;

    border-radius: 50%;

    filter: blur(100px);

    opacity: .10;
}


.vw-case__glow--green {
    width: min(520px, 45vw);
    aspect-ratio: 1;

    right: -210px;
    top: 10%;

    background:
        var(--vw-green);
}


.vw-case__glow--orange {
    width: min(460px, 42vw);
    aspect-ratio: 1;

    left: -190px;
    bottom: 10%;

    background:
        var(--vw-orange);
}


.vw-case__grid {
    position: absolute;
    inset: 0;

    opacity: .055;

    background-image:
        linear-gradient(
            rgba(255,255,255,.10) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.10) 1px,
            transparent 1px
        );

    background-size:
        54px 54px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent 0%,
            black 12%,
            black 88%,
            transparent 100%
        );
}


/* =========================================================
   MAIN
========================================================= */

.vw-case__main {
    margin-top:
        clamp(42px, 5vw, 65px);

    display: grid;

    grid-template-columns:
        minmax(390px, 1.08fr)
        minmax(0, .92fr);

    align-items: center;

    gap:
        clamp(30px, 4vw, 58px);
}


/* =========================================================
   BROWSER
========================================================= */

.vw-case-browser {
    min-width: 0;

    position: relative;

    perspective: 1200px;

    transform:
        rotateX(
            var(--vw-case-rotate-x)
        )
        rotateY(
            var(--vw-case-rotate-y)
        );

    transform-style:
        preserve-3d;

    transition:
        transform .16s ease-out;
}


.vw-case-browser__bar {
    min-height: 52px;

    display: grid;

    grid-template-columns:
        auto
        minmax(0,1fr)
        32px;

    align-items: center;

    gap: 11px;

    padding:
        9px 12px;

    border-radius:
        20px 20px 0 0;

    background:
        #15243A;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-bottom: 0;
}


.vw-case-browser__dots {
    display: flex;

    gap: 5px;
}


.vw-case-browser__dots i {
    width: 8px;
    height: 8px;

    display: block;

    border-radius: 50%;
}


.vw-case-browser__dots i:nth-child(1) {
    background: #EF5C5C;
}


.vw-case-browser__dots i:nth-child(2) {
    background: #F4B64C;
}


.vw-case-browser__dots i:nth-child(3) {
    background: #4EC269;
}


.vw-case-browser__url {
    width:
        min(100%, 320px);

    min-width: 0;

    margin-inline: auto;

    min-height: 31px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    padding:
        5px 11px;

    border-radius: 8px;

    background:
        rgba(0,0,0,.16);
}


.vw-case-browser__url span {
    width: 15px;
    height: 15px;

    flex: 0 0 15px;

    color:
        #61C971;
}


.vw-case-browser__url strong {
    min-width: 0;

    overflow: hidden;

    color:
        rgba(255,255,255,.59);

    font-size: 11px;
    font-weight: 500;

    white-space: nowrap;
    text-overflow: ellipsis;
}


.vw-case-browser__external {
    width: 32px;
    height: 32px;

    display: grid;
    place-items: center;

    padding: 8px;

    border-radius: 9px;

    color: white !important;

    background:
        rgba(255,255,255,.06);

    transition:
        color .25s ease,
        background .25s ease,
        transform .25s ease;
}


.vw-case-browser__external:hover {
    transform:
        translateY(-1px);

    color:
        var(--vw-orange) !important;

    background:
        rgba(248,154,8,.09);
}


/* =========================================================
   REAL SCREEN
========================================================= */

.vw-case-browser__screen {
    width: 100%;
    height:
        clamp(470px, 48vw, 610px);

    position: relative;

    overflow: hidden;

    border-radius:
        0 0 20px 20px;

    border:
        1px solid
        rgba(255,255,255,.10);

    background:
        #F1F3F5;

    box-shadow:
        0 38px 90px
        rgba(0,0,0,.32);
}


.vw-case-browser__shot {
    width: 100%;
    height: 100%;

    position: relative;

    overflow: hidden;

    background:
        #F5F5F5;
}


.vw-case-browser__shot img {
    width: 100%;
    height: auto;

    max-width: none;

    display: block;

    position: absolute;

    top: 0;
    right: 0;

    transform:
        translate3d(0,0,0);

    will-change: transform;

    backface-visibility: hidden;
}


/* dark fade at bottom */

.vw-case-browser__screen::after {
    content: "";

    position: absolute;

    right: 0;
    left: 0;
    bottom: 0;

    height: 155px;

    pointer-events: none;

    z-index: 3;

    background:
        linear-gradient(
            to top,
            rgba(6,14,27,.75),
            rgba(6,14,27,.25) 48%,
            transparent
        );
}


/* =========================================================
   PROGRESS
========================================================= */

.vw-case-browser__progress {
    width: 3px;

    position: absolute;

    top: 15px;
    bottom: 15px;
    left: 8px;

    z-index: 7;

    overflow: hidden;

    border-radius: 99px;

    background:
        rgba(13,26,49,.10);
}


.vw-case-browser__progress span {
    width: 100%;
    height: 100%;

    display: block;

    transform:
        scaleY(.04);

    transform-origin:
        top center;

    border-radius: 99px;

    background:
        linear-gradient(
            to bottom,
            var(--vw-green),
            var(--vw-orange)
        );

    transition:
        transform .5s ease;
}


/* =========================================================
   BROWSER OVERLAY
========================================================= */

.vw-case-browser__overlay {
    position: absolute;

    right: 14px;
    left: 20px;
    bottom: 14px;

    z-index: 8;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;
}


.vw-case-browser__live {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    min-height: 40px;

    padding:
        8px 11px;

    border-radius: 999px;

    color: white;

    background:
        rgba(13,26,49,.89);

    border:
        1px solid
        rgba(255,255,255,.13);

    backdrop-filter:
        blur(13px);

    box-shadow:
        0 10px 30px
        rgba(0,0,0,.18);

    font-size: 11px;
    font-weight: 700;
}


.vw-case-browser__live i {
    width: 8px;
    height: 8px;

    flex: 0 0 8px;

    border-radius: 50%;

    background:
        var(--vw-green);

    box-shadow:
        0 0 0 5px
        rgba(61,172,77,.14);

    animation:
        vwCaseLive
        1.8s infinite ease-in-out;
}


@keyframes vwCaseLive {

    50% {
        box-shadow:
            0 0 0 9px
            rgba(61,172,77,0);
    }

}


.vw-case-browser__live-link {
    min-height: 40px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    padding:
        8px 12px;

    border-radius: 10px;

    color: white !important;

    background:
        var(--vw-green);

    box-shadow:
        0 12px 28px
        rgba(61,172,77,.25);

    font-size: 11px;
    font-weight: 700;

    transition:
        transform .25s ease,
        background .25s ease;
}


.vw-case-browser__live-link:hover {
    transform:
        translateY(-2px);

    background:
        #349644;
}


.vw-case-browser__live-link svg {
    width: 17px;
    height: 17px;

    flex: 0 0 17px;
}


/* =========================================================
   BROWSER HINT
========================================================= */

.vw-case-browser__hint {
    position: absolute;

    top: 13px;
    left: 13px;

    z-index: 7;

    display: flex;
    align-items: center;

    gap: 5px;

    padding:
        6px 8px;

    border-radius: 8px;

    color:
        #344258;

    background:
        rgba(255,255,255,.91);

    box-shadow:
        0 8px 20px
        rgba(13,26,49,.09);
}


.vw-case-browser__hint span {
    color:
        var(--vw-orange);

    font-size: 13px;
    font-weight: 900;
}


.vw-case-browser__hint small {
    font-size: 11px;
}


/* =========================================================
   FLOATING PROOF CARDS
========================================================= */

.vw-case-float {
    position: absolute;

    z-index: 12;

    display: flex;
    align-items: center;

    gap: 8px;

    padding:
        9px 10px;

    border-radius: 12px;

    color: white;

    background:
        rgba(8,18,34,.90);

    border:
        1px solid
        rgba(255,255,255,.10);

    backdrop-filter:
        blur(14px);

    box-shadow:
        0 18px 42px
        rgba(0,0,0,.27);
}


.vw-case-float--one {
    right: -20px;
    top: 31%;
}


.vw-case-float--two {
    left: -18px;
    bottom: 17%;
}


.vw-case-float > span {
    width: 32px;
    height: 32px;

    flex: 0 0 32px;

    display: grid;
    place-items: center;

    border-radius: 9px;

    color: white;

    background:
        var(--vw-green);

    font-size: 11px;
    font-weight: 900;
}


.vw-case-float--two > span {
    background:
        var(--vw-orange);
}


.vw-case-float div {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 1px;
}


.vw-case-float small {
    color:
        rgba(255,255,255,.40);

    font-size: 11px;
}


.vw-case-float strong {
    color: white;

    font-size: 11px;
}


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

.vw-case__content {
    min-width: 0;
}


.vw-case__eyebrow {
    display: flex;
    align-items: center;

    gap: 7px;

    color:
        var(--vw-green);

    font-size: 11px;
    font-weight: 750;

    letter-spacing: .8px;
}


.vw-case__eyebrow span {
    width: 20px;
    height: 2px;

    border-radius: 99px;

    background:
        var(--vw-green);
}


.vw-case__content > h3 {
    margin:
        9px 0 12px;

    color: white;

    font-size:
        clamp(25px, 3.25vw, 42px);

    line-height: 1.55;

    font-weight: 900;
}


.vw-case__content > h3 em {
    color:
        var(--vw-orange);

    font-style: normal;
}


.vw-case__lead {
    max-width: 590px;

    margin: 0;

    color:
        rgba(255,255,255,.57);

    font-size:
        clamp(12px, 1.1vw, 14px);

    line-height: 2.05;
}


/* =========================================================
   CASE FEATURES
========================================================= */

.vw-case__features {
    margin-top: 22px;

    display: grid;

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

    gap: 8px;
}


.vw-case-feature {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 9px;

    padding: 10px;

    border-radius: 12px;

    border:
        1px solid
        rgba(255,255,255,.06);

    background:
        rgba(255,255,255,.035);

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}


.vw-case-feature:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(61,172,77,.18);

    background:
        rgba(255,255,255,.05);
}


.vw-case-feature__icon {
    width: 35px;
    height: 35px;

    flex: 0 0 35px;

    display: grid;
    place-items: center;

    padding: 9px;

    border-radius: 10px;

    color:
        #ACE9B5;

    background:
        rgba(61,172,77,.09);
}


.vw-case-feature div {
    min-width: 0;

    display: flex;
    flex-direction: column;
}


.vw-case-feature strong {
    color: white;

    font-size: 12px;

    line-height: 1.7;
}


.vw-case-feature small {
    margin-top: 1px;

    color:
        rgba(255,255,255,.38);

    font-size: 11px;

    line-height: 1.65;
}


/* =========================================================
   PROOF
========================================================= */

.vw-case__proof {
    margin-top: 14px;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        1px
        minmax(0,1fr);

    align-items: stretch;

    gap: 14px;

    padding:
        13px 14px;

    border-radius: 13px;

    border:
        1px solid
        rgba(248,154,8,.11);

    background:
        rgba(248,154,8,.035);
}


.vw-case__proof > div {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 9px;
}


.vw-case__proof > div > span {
    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    display: grid;
    place-items: center;

    border-radius: 10px;

    color:
        var(--vw-orange);

    background:
        rgba(248,154,8,.09);

    font-size: 11px;
    font-weight: 900;
}


.vw-case__proof > div > div {
    display: flex;
    flex-direction: column;
}


.vw-case__proof strong {
    color:
        #FFE0AF;

    font-size: 12px;
}


.vw-case__proof small {
    color:
        rgba(255,255,255,.39);

    font-size: 11px;
}


.vw-case__proof > i {
    width: 1px;
    height: 100%;

    background:
        rgba(255,255,255,.08);
}


/* =========================================================
   ACTIONS
========================================================= */

.vw-case__actions {
    margin-top: 19px;

    display: flex;
    align-items: stretch;
    flex-wrap: wrap;

    gap: 8px;
}


.vw-case__btn {
    min-height: 53px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    padding:
        9px 14px;

    border-radius: 12px;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}


.vw-case__btn:hover {
    transform:
        translateY(-2px);
}


.vw-case__btn--primary {
    min-width: 205px;

    color: white !important;

    background:
        var(--vw-green);

    box-shadow:
        0 13px 30px
        rgba(61,172,77,.18);

    font-size: 11px;
    font-weight: 750;
}


.vw-case__btn--primary > span {
    width: 23px;
    height: 23px;

    padding: 5px;

    border-radius: 7px;

    background:
        rgba(255,255,255,.13);
}


.vw-case__btn--call {
    min-width: 170px;

    flex-direction: column;

    color: white !important;

    background:
        rgba(255,255,255,.035);

    border:
        1px solid
        rgba(255,255,255,.09);
}


.vw-case__btn--call small {
    color:
        rgba(255,255,255,.49);

    font-size: 11px;
}


.vw-case__btn--call strong {
    margin-top: 1px;

    color: white;

    font-size: 12px;
}


/* =========================================================
   VIDEO CASE
========================================================= */

.vw-case-video {
    margin-top:
        clamp(58px, 7vw, 92px);

    padding:
        clamp(20px, 3vw, 32px);

    border-radius: 27px;

    border:
        1px solid
        rgba(255,255,255,.075);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.05),
            rgba(255,255,255,.022)
        );

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.17);
}


.vw-case-video__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 25px;

    margin-bottom: 20px;
}


.vw-case-video__head > div {
    max-width: 780px;
}


.vw-case-video__eyebrow {
    display: block;

    color:
        var(--vw-orange);

    font-size: 11px;
    font-weight: 750;

    letter-spacing: 1px;
}


.vw-case-video__head h3 {
    margin:
        6px 0 6px;

    color: white;

    font-size:
        clamp(20px, 2.6vw, 31px);

    line-height: 1.65;
}


.vw-case-video__head p {
    margin: 0;

    color:
        rgba(255,255,255,.49);

    font-size: 12px;

    line-height: 2;
}


.vw-case-video__focus {
    min-width: 135px;
    min-height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    padding:
        8px 13px;

    border: 0;

    border-radius: 12px;

    cursor: pointer;

    color: white;

    background:
        var(--vw-orange);

    font-size: 11px;
    font-weight: 750;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.vw-case-video__focus:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 13px 28px
        rgba(248,154,8,.19);
}


.vw-case-video__focus span {
    width: 26px;
    height: 26px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    background:
        rgba(255,255,255,.15);

    font-size: 11px;
}


/* =========================================================
   VIDEO FRAME
========================================================= */

.vw-case-video__frame {
    width: 100%;

    position: relative;

    overflow: hidden;

    padding: 10px;

    border-radius: 20px;

    background:
        #050C18;

    border:
        1px solid
        rgba(255,255,255,.09);

    box-shadow:
        0 25px 65px
        rgba(0,0,0,.30);
}


.vw-case-video__frame.is-focused {
    animation:
        vwVideoFocus
        1.1s ease;
}


@keyframes vwVideoFocus {

    0%,
    100% {
        box-shadow:
            0 25px 65px
            rgba(0,0,0,.30);
    }

    50% {
        box-shadow:
            0 0 0 4px
            rgba(248,154,8,.18),
            0 32px 85px
            rgba(248,154,8,.17);
    }

}


.vw-case-video__toolbar {
    min-height: 38px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    padding:
        0 5px 8px;

    color:
        rgba(255,255,255,.48);

    font-size: 11px;
}


.vw-case-video__toolbar > div {
    display: flex;
    align-items: center;

    gap: 7px;
}


.vw-case-video__toolbar > div > span {
    width: 8px;
    height: 8px;

    border-radius: 50%;

    background:
        #E65353;

    box-shadow:
        0 0 0 5px
        rgba(230,83,83,.08);

    animation:
        vwCaseRecord
        1.8s infinite ease-in-out;
}


@keyframes vwCaseRecord {

    50% {
        box-shadow:
            0 0 0 9px
            rgba(230,83,83,0);
    }

}


.vw-case-video__toolbar strong {
    color:
        rgba(255,255,255,.32);

    font-size: 11px;

    letter-spacing: 1px;
}


/* Aparat */

.vw-case-video__embed {
    width: 100%;
    max-width: 100%;

    position: relative;

    overflow: hidden;

    border-radius: 13px;

    background:
        #000000;
}


.vw-case-video__embed > div,
.vw-case-video__embed iframe,
.vw-case-video__embed video {
    width: 100% !important;
    max-width: 100% !important;
}


.vw-case-video__embed iframe {
    display: block !important;
}


/* corners */

.vw-case-video__corner {
    width: 20px;
    height: 20px;

    position: absolute;

    z-index: 4;

    pointer-events: none;

    border-color:
        var(--vw-green);
}


.vw-case-video__corner--tr {
    top: 5px;
    right: 5px;

    border-top:
        2px solid;

    border-right:
        2px solid;
}


.vw-case-video__corner--tl {
    top: 5px;
    left: 5px;

    border-top:
        2px solid;

    border-left:
        2px solid;
}


.vw-case-video__corner--br {
    right: 5px;
    bottom: 5px;

    border-right:
        2px solid;

    border-bottom:
        2px solid;
}


.vw-case-video__corner--bl {
    left: 5px;
    bottom: 5px;

    border-left:
        2px solid;

    border-bottom:
        2px solid;
}


/* =========================================================
   TRUST BAR
========================================================= */

.vw-case-trust {
    margin-top: 20px;

    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    align-items: center;

    gap: 20px;

    padding:
        clamp(16px, 2.2vw, 22px);

    border-radius: 18px;

    background:
        rgba(61,172,77,.055);

    border:
        1px solid
        rgba(61,172,77,.14);
}


.vw-case-trust__main {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 11px;
}


.vw-case-trust__icon {
    width: 46px;
    height: 46px;

    flex: 0 0 46px;

    display: grid;
    place-items: center;

    padding: 11px;

    border-radius: 13px;

    color: white;

    background:
        var(--vw-green);
}


.vw-case-trust__main > div {
    min-width: 0;
}


.vw-case-trust__main strong {
    display: block;

    color: white;

    font-size:
        clamp(13px, 1.4vw, 17px);

    line-height: 1.7;
}


.vw-case-trust__main p {
    max-width: 680px;

    margin:
        3px 0 0;

    color:
        rgba(255,255,255,.47);

    font-size: 11px;

    line-height: 1.9;
}


.vw-case-trust__tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 6px;
}


.vw-case-trust__tags span {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    padding:
        7px 9px;

    border-radius: 9px;

    color:
        rgba(255,255,255,.58);

    background:
        rgba(255,255,255,.035);

    border:
        1px solid
        rgba(255,255,255,.055);

    font-size: 11px;
}


.vw-case-trust__tags i {
    color:
        var(--vw-orange);

    font-style: normal;
    font-weight: 900;
}


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

.vw-case-browser,
.vw-case__content,
.vw-case-video,
.vw-case-trust {
    opacity: 0;

    transform:
        translateY(18px);

    transition:
        opacity .75s ease,
        transform .75s
        cubic-bezier(.2,.7,.2,1);
}


.vw-case-browser.is-visible,
.vw-case__content.is-visible,
.vw-case-video.is-visible,
.vw-case-trust.is-visible {
    opacity: 1;

    transform:
        translateY(0);
}


/* =========================================================
   LAPTOP / TABLET
========================================================= */

@media (max-width: 1080px) {

    .vw-case__main {
        grid-template-columns:
            minmax(350px,.95fr)
            minmax(0,1.05fr);

        gap: 27px;
    }


    .vw-case-browser__screen {
        height:
            clamp(460px, 50vw, 560px);
    }


    .vw-case-trust {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   TABLET PORTRAIT
========================================================= */

@media (max-width: 850px) {

    .vw-case__container {
        width:
            calc(100% - 26px);
    }


    .vw-case__main {
        grid-template-columns: 1fr;

        gap: 44px;
    }


    .vw-case-browser {
        width:
            min(100%, 690px);

        margin-inline: auto;
    }


    .vw-case-browser__screen {
        height: 520px;
    }


    .vw-case__content {
        text-align: center;
    }


    .vw-case__eyebrow,
    .vw-case__actions {
        justify-content: center;
    }


    .vw-case__lead {
        margin-inline: auto;
    }


    .vw-case__features,
    .vw-case__proof {
        text-align: right;
    }


    .vw-case-video__head {
        flex-direction: column;

        align-items: flex-start;
    }


    .vw-case-video__focus {
        width: 100%;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 620px) {

    .vw-case__container {
        width:
            calc(100% - 18px);

        padding:
            65px 0;
    }


    .vw-case-browser__bar {
        min-height: 48px;

        padding:
            8px;
    }


    .vw-case-browser__dots {
        gap: 3px;
    }


    .vw-case-browser__dots i {
        width: 6px;
        height: 6px;
    }


    .vw-case-browser__url {
        padding-inline: 7px;
    }


    .vw-case-browser__screen {
        height: 430px;
    }


    .vw-case-browser__hint {
        display: none;
    }


    .vw-case-browser__overlay {
        right: 9px;
        left: 14px;
        bottom: 9px;

        flex-direction: column;

        align-items: stretch;
    }


    .vw-case-browser__live {
        width: fit-content;
    }


    .vw-case-browser__live-link {
        width: 100%;
    }


    .vw-case-float {
        padding: 7px;
    }


    .vw-case-float div {
        display: none;
    }


    .vw-case-float--one {
        right: 7px;
        top: 31%;
    }


    .vw-case-float--two {
        left: 7px;
        bottom: 24%;
    }


    .vw-case__features {
        grid-template-columns: 1fr;
    }


    .vw-case__proof {
        grid-template-columns: 1fr;

        text-align: right;
    }


    .vw-case__proof > i {
        width: 100%;
        height: 1px;
    }


    .vw-case__actions {
        flex-direction: column;
    }


    .vw-case__btn {
        width: 100%;
    }


    .vw-case-video {
        padding: 14px;

        border-radius: 21px;
    }


    .vw-case-video__frame {
        padding: 7px;

        border-radius: 16px;
    }


    .vw-case-trust__main {
        align-items: flex-start;
    }


    .vw-case-trust__tags {
        display: grid;

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

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .vw-case__container {
        width:
            calc(100% - 14px);
    }


    .vw-case-browser__screen {
        height: 365px;
    }


    .vw-case-browser__url strong {
        font-size: 11px;
    }


    .vw-case-browser__progress {
        left: 5px;
    }


    .vw-case-float {
        display: none;
    }


    .vw-case__content > h3 {
        font-size: 25px;
    }


    .vw-case-trust__main {
        flex-direction: column;

        text-align: center;
    }


    .vw-case-trust__icon {
        margin-inline: auto;
    }


    .vw-case-trust__tags {
        grid-template-columns: 1fr;
    }


    .vw-case-trust__tags span {
        justify-content: center;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .vw-case *,
    .vw-case *::before,
    .vw-case *::after {
        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38e81bc *//* =========================================================
   VISTAWEB COMBINED PLATFORM SECTION
========================================================= */

.vw-platform {
    --vw-green: #3DAC4D;
    --vw-orange: #F89A08;
    --vw-dark: #0D1A31;
    --vw-white: #FFFFFF;

    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    direction: rtl;

}


.vw-platform *,
.vw-platform *::before,
.vw-platform *::after {
    box-sizing: border-box;
}


.vw-platform a,
.vw-platform a:hover,
.vw-platform a:focus,
.vw-platform a:active,
.vw-platform a:visited {
    text-decoration: none !important;
}


.vw-platform button {
    font-family: inherit;
}


.vw-platform svg {
    display: block;

    width: 100%;
    height: 100%;

    fill: currentColor;
}


.vw-platform__container {
    width:
        min(
            calc(100% - 40px),
            1280px
        );

    margin-inline: auto;
}


/* =========================================================
   ZONES
========================================================= */

.vw-platform__zone {
    width: 100%;

    position: relative;

    overflow: hidden;
}


.vw-platform__zone--features,
.vw-platform__zone--process {
    background:
        radial-gradient(
            circle at 90% 12%,
            rgba(61,172,77,.07),
            transparent 28%
        ),
        #F8FAFC;

    color: var(--vw-dark);
}


.vw-platform__zone--features
.vw-platform__container,
.vw-platform__zone--process
.vw-platform__container {
    padding:
        clamp(70px, 8vw, 110px)
        0;
}


.vw-platform__zone--seo {
    color: white;

    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(61,172,77,.12),
            transparent 28%
        ),
        radial-gradient(
            circle at 8% 90%,
            rgba(248,154,8,.07),
            transparent 26%
        ),
        linear-gradient(
            145deg,
            #07111F,
            #0D1A31 52%,
            #091426
        );
}


.vw-platform__zone--seo
.vw-platform__container {
    padding:
        clamp(75px, 8vw, 115px)
        0;
}


/* =========================================================
   SHARED LIGHT HEADING
========================================================= */

.vw-platform
.vw-section-heading {
    width:
        min(100%, 820px);

    margin-inline: auto;

    text-align: center;
}


.vw-platform
.vw-section-heading__badge {
    width: fit-content;

    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 14px;

    padding:
        8px 13px;

    border-radius: 999px;

    color: #287F36;

    background:
        rgba(61,172,77,.08);

    border:
        1px solid
        rgba(61,172,77,.16);

    font-size: 12px;
}


.vw-platform
.vw-section-heading__badge-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background:
        var(--vw-green);
}


.vw-platform
.vw-section-heading__title {
    margin: 0;

    color:
        var(--vw-dark);

    font-size:
        clamp(27px, 4vw, 44px);

    line-height: 1.5;

    font-weight: 900;
}


.vw-platform
.vw-section-heading__title span {
    color:
        var(--vw-green);
}


.vw-platform
.vw-section-heading__text {
    max-width: 760px;

    margin:
        14px auto 0;

    color: #667487;

    font-size:
        clamp(13px, 1.1vw, 16px);

    line-height: 2.05;
}


/* =========================================================
   FEATURE TABS
========================================================= */

.vw-platform-tabs {
    width:
        min(100%, 950px);

    margin:
        clamp(34px, 4vw, 50px)
        auto 20px;

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0,1fr));

    gap: 8px;
}


.vw-platform-tab {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 9px;

    padding: 11px;

    text-align: right;

    border-radius: 14px;

    border:
        1px solid #E2E7ED;

    color: #647286;

    background: #FFFFFF;

    cursor: pointer;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


.vw-platform-tab:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(61,172,77,.22);
}


.vw-platform-tab.is-active {
    color: white;

    border-color:
        var(--vw-green);

    background:
        linear-gradient(
            135deg,
            #45B956,
            #318F41
        );

    box-shadow:
        0 14px 30px
        rgba(61,172,77,.14);
}


.vw-platform-tab > span {
    width: 35px;
    height: 35px;

    flex: 0 0 35px;

    display: grid;
    place-items: center;

    border-radius: 9px;

    color:
        var(--vw-green);

    background:
        rgba(61,172,77,.08);

    font-size: 11px;
    font-weight: 900;
}


.vw-platform-tab.is-active > span {
    color: white;

    background:
        rgba(255,255,255,.14);
}


.vw-platform-tab > div {
    min-width: 0;

    display: flex;
    flex-direction: column;
}


.vw-platform-tab strong {
    color: inherit;

    font-size: 12px;
}


.vw-platform-tab small {
    margin-top: 1px;

    color: inherit;

    opacity: .64;

    font-size: 11px;
}


/* =========================================================
   FEATURE GROUPS
========================================================= */

.vw-platform-feature-group {
    display: none;

    grid-template-columns:
        repeat(4, minmax(0,1fr));

    gap: 10px;
}


.vw-platform-feature-group.is-active {
    display: grid;
}


.vw-platform-card {
    min-width: 0;

    position: relative;

    overflow: hidden;

    padding:
        clamp(17px, 2vw, 22px);

    border-radius: 18px;

    border:
        1px solid #E2E8EE;

    background: #FFFFFF;

    box-shadow:
        0 15px 40px
        rgba(13,26,49,.045);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


.vw-platform-card:hover {
    transform:
        translateY(-5px);

    border-color:
        rgba(61,172,77,.23);

    box-shadow:
        0 22px 50px
        rgba(13,26,49,.08);
}


.vw-platform-card--featured {
    border-color:
        rgba(61,172,77,.25);

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(61,172,77,.10),
            transparent 36%
        ),
        white;
}


.vw-platform-card__number {
    position: absolute;

    left: 13px;
    top: 7px;

    color:
        rgba(13,26,49,.045);

    font-size:
        clamp(34px, 4vw, 54px);

    font-weight: 950;
}


.vw-platform-card__icon {
    width: 42px;
    height: 42px;

    position: relative;

    display: grid;
    place-items: center;

    padding: 10px;

    border-radius: 12px;

    color:
        var(--vw-green);

    background:
        rgba(61,172,77,.08);
}


.vw-platform-card h3 {
    margin:
        14px 0 6px;

    position: relative;

    color:
        var(--vw-dark);

    font-size:
        clamp(14px, 1.3vw, 17px);

    line-height: 1.7;
}


.vw-platform-card p {
    margin: 0;

    position: relative;

    color: #718094;

    font-size: 11px;

    line-height: 2;
}


.vw-platform-card__tags {
    margin-top: 13px;

    display: flex;
    flex-wrap: wrap;

    gap: 5px;
}


.vw-platform-card__tags span {
    padding:
        5px 8px;

    border-radius: 999px;

    color:
        #287F36;

    background:
        rgba(61,172,77,.08);

    font-size: 11px;
}


.vw-platform-card.vw-feature-in {
    animation:
        vwFeatureIn
        .45s ease both;
}


@keyframes vwFeatureIn {

    from {
        opacity: 0;
        transform:
            translateY(12px);
    }

    to {
        opacity: 1;
        transform:
            translateY(0);
    }

}


/* =========================================================
   SEO MAIN
========================================================= */

.vw-platform-seo {
    display: grid;

    grid-template-columns:
        minmax(0,.92fr)
        minmax(400px,1.08fr);

    align-items: center;

    gap:
        clamp(32px, 5vw, 70px);
}


.vw-platform-seo__eyebrow {
    display: block;

    color:
        var(--vw-green);

    font-size: 11px;
    font-weight: 750;

    letter-spacing: 1px;
}


.vw-platform-seo__content h2 {
    margin:
        7px 0 12px;

    color: white;

    font-size:
        clamp(27px, 3.5vw, 43px);

    line-height: 1.55;
}


.vw-platform-seo__content h2 strong {
    display: block;

    color:
        var(--vw-orange);
}


.vw-platform-seo__content > p {
    max-width: 610px;

    margin: 0;

    color:
        rgba(255,255,255,.57);

    font-size:
        clamp(12px, 1.05vw, 14px);

    line-height: 2.1;
}


.vw-platform-seo__points {
    margin-top: 20px;

    display: grid;

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

    gap: 8px;
}


.vw-platform-seo__points > div {
    display: flex;
    align-items: flex-start;

    gap: 7px;

    padding: 9px;

    border-radius: 11px;

    color:
        rgba(255,255,255,.62);

    background:
        rgba(255,255,255,.035);

    border:
        1px solid
        rgba(255,255,255,.06);

    font-size: 11px;

    line-height: 1.8;
}


.vw-platform-seo__points i {
    color:
        #8EE09B;

    font-style: normal;
}


/* =========================================================
   SEO ARCHITECTURE
========================================================= */

.vw-platform-architecture {
    min-width: 0;

    position: relative;

    padding:
        clamp(18px, 2.5vw, 27px);

    border-radius: 25px;

    border:
        1px solid
        rgba(255,255,255,.08);

    background:
        rgba(255,255,255,.035);

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.18);
}


.vw-platform-architecture__root {
    width:
        min(100%, 260px);

    margin-inline: auto;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 11px;

    border-radius: 13px;

    background:
        var(--vw-green);

    color: white;
}


.vw-platform-architecture__root span {
    width: 35px;
    height: 35px;

    display: grid;
    place-items: center;

    border-radius: 9px;

    background:
        rgba(255,255,255,.15);

    font-size: 11px;
    font-weight: 900;
}


.vw-platform-architecture__root strong {
    font-size: 12px;
}


.vw-platform-architecture__line {
    width: 1px;
    height: 29px;

    display: block;

    margin-inline: auto;

    background:
        rgba(255,255,255,.13);
}


.vw-platform-architecture__nodes {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 6px;
}


.vw-seo-node {
    min-width: 0;

    padding: 9px 6px;

    border-radius: 11px;

    border:
        1px solid
        rgba(255,255,255,.07);

    color:
        rgba(255,255,255,.52);

    background:
        rgba(255,255,255,.025);

    cursor: pointer;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease;
}


.vw-seo-node:hover {
    transform:
        translateY(-2px);
}


.vw-seo-node.is-active {
    color: white;

    border-color:
        rgba(248,154,8,.30);

    background:
        rgba(248,154,8,.10);
}


.vw-seo-node span {
    display: block;

    color:
        var(--vw-orange);

    font-size: 11px;
    font-weight: 900;
}


.vw-seo-node strong {
    display: block;

    margin-top: 4px;

    color: inherit;

    font-size: 11px;
}


.vw-seo-node small {
    display: block;

    margin-top: 2px;

    color: inherit;

    opacity: .52;

    font-size: 11px;
}


.vw-platform-architecture__result {
    margin-top: 13px;

    min-height: 120px;

    padding: 14px;

    border-radius: 13px;

    background:
        #FFFFFF;

    color:
        var(--vw-dark);
}


.vw-platform-architecture__result > span {
    color:
        var(--vw-green);

    font-size: 11px;

    letter-spacing: .8px;

    transition:
        opacity .17s ease,
        transform .17s ease;
}


.vw-platform-architecture__result strong {
    display: block;

    margin-top: 4px;

    color:
        var(--vw-dark);

    font-size: 14px;

    transition:
        opacity .17s ease,
        transform .17s ease;
}


.vw-platform-architecture__result p {
    margin:
        5px 0 0;

    color: #718094;

    font-size: 11px;

    line-height: 1.9;

    transition:
        opacity .17s ease,
        transform .17s ease;
}


.vw-platform-architecture__result
.is-changing {
    opacity: 0;

    transform:
        translateY(5px);
}


/* =========================================================
   SEO CARDS
========================================================= */

.vw-platform-seo__cards {
    margin-top:
        clamp(30px, 4vw, 45px);

    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 9px;
}


.vw-platform-seo__cards article {
    min-width: 0;

    padding:
        16px;

    border-radius: 15px;

    background:
        rgba(255,255,255,.035);

    border:
        1px solid
        rgba(255,255,255,.06);
}


.vw-platform-seo__cards span {
    color:
        var(--vw-orange);

    font-size: 11px;
    font-weight: 900;
}


.vw-platform-seo__cards strong {
    display: block;

    margin-top: 7px;

    color: white;

    font-size: 12px;
}


.vw-platform-seo__cards p {
    margin:
        5px 0 0;

    color:
        rgba(255,255,255,.45);

    font-size: 11px;

    line-height: 1.9;
}


/* =========================================================
   PROCESS
========================================================= */

.vw-process {
    margin-top:
        clamp(35px, 5vw, 55px);
}


.vw-process__steps {
    display: grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    gap: 6px;
}


.vw-process-step {
    min-width: 0;

    padding: 10px;

    display: flex;
    align-items: center;

    gap: 7px;

    border-radius: 12px;

    text-align: right;

    border:
        1px solid #E2E7ED;

    background: white;

    color: #667487;

    cursor: pointer;

    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}


.vw-process-step:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(61,172,77,.22);
}


.vw-process-step.is-active {
    color: white;

    border-color:
        var(--vw-green);

    background:
        var(--vw-green);
}


.vw-process-step > span {
    width: 31px;
    height: 31px;

    flex: 0 0 31px;

    display: grid;
    place-items: center;

    border-radius: 9px;

    color:
        var(--vw-green);

    background:
        rgba(61,172,77,.08);

    font-size: 11px;
    font-weight: 900;
}


.vw-process-step.is-active > span {
    color: white;

    background:
        rgba(255,255,255,.15);
}


.vw-process-step > div {
    min-width: 0;

    display: flex;
    flex-direction: column;
}


.vw-process-step strong {
    color: inherit;

    font-size: 11px;
}


.vw-process-step small {
    color: inherit;

    opacity: .62;

    font-size: 11px;
}


/* detail */

.vw-process__detail {
    margin-top: 12px;

    min-height: 285px;

    display: grid;

    grid-template-columns:
        minmax(220px,.7fr)
        minmax(0,1.3fr);

    align-items: center;

    gap:
        clamp(22px, 4vw, 55px);

    padding:
        clamp(20px, 3vw, 34px);

    border-radius: 23px;

    border:
        1px solid #E2E8EE;

    background: white;

    box-shadow:
        0 20px 55px
        rgba(13,26,49,.055);
}


.vw-process__visual {
    min-height: 220px;

    position: relative;

    display: grid;
    place-items: center;

    border-radius: 19px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at center,
            rgba(61,172,77,.10),
            transparent 45%
        ),
        #F4F7F9;
}


.vw-process__visual-number {
    position: absolute;

    left: 15px;
    top: 5px;

    color:
        rgba(13,26,49,.055);

    font-size:
        clamp(55px, 8vw, 95px);

    font-weight: 950;

    transition:
        opacity .17s ease,
        transform .17s ease;
}


.vw-process__visual-icon {
    width: 66px;
    height: 66px;

    position: relative;

    z-index: 3;

    display: grid;
    place-items: center;

    padding: 17px;

    border-radius: 20px;

    color: white;

    background:
        var(--vw-green);

    box-shadow:
        0 16px 36px
        rgba(61,172,77,.20);
}


.vw-process__visual-orbit {
    width: 150px;
    height: 150px;

    position: absolute;

    border-radius: 50%;

    border:
        1px dashed
        rgba(61,172,77,.22);

    animation:
        vwProcessOrbit
        20s linear infinite;
}


.vw-process__visual-orbit span {
    width: 8px;
    height: 8px;

    position: absolute;

    border-radius: 50%;

    background:
        var(--vw-orange);
}


.vw-process__visual-orbit span:first-child {
    top: 7px;
    left: 30px;
}


.vw-process__visual-orbit span:last-child {
    right: 6px;
    bottom: 37px;

    background:
        var(--vw-green);
}


@keyframes vwProcessOrbit {
    to {
        transform:
            rotate(360deg);
    }
}


.vw-process__content > span {
    color:
        var(--vw-green);

    font-size: 11px;
    font-weight: 750;

    letter-spacing: .9px;

    transition:
        opacity .17s ease,
        transform .17s ease;
}


.vw-process__content h3 {
    margin:
        6px 0 8px;

    color:
        var(--vw-dark);

    font-size:
        clamp(20px, 2.5vw, 29px);

    line-height: 1.65;

    transition:
        opacity .17s ease,
        transform .17s ease;
}


.vw-process__content p {
    max-width: 720px;

    margin: 0;

    color: #6E7D90;

    font-size:
        clamp(12px, 1.05vw, 14px);

    line-height: 2.05;

    transition:
        opacity .17s ease,
        transform .17s ease;
}


.vw-process__content
.is-changing,
.vw-process__visual
.is-changing {
    opacity: 0;

    transform:
        translateY(5px);
}


.vw-process__meta {
    margin-top: 15px;

    display: flex;
    flex-wrap: wrap;

    gap: 6px;
}


.vw-process__meta span {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    padding:
        6px 9px;

    border-radius: 999px;

    color: #607085;

    background:
        #F4F7F9;

    font-size: 11px;
}


.vw-process__meta i {
    color:
        var(--vw-green);

    font-style: normal;
}


/* =========================================================
   CTA
========================================================= */

.vw-platform__cta {
    margin-top: 22px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding:
        clamp(16px, 2vw, 21px);

    border-radius: 18px;

    border:
        1px solid
        rgba(61,172,77,.16);

    background:
        rgba(61,172,77,.055);
}


.vw-platform__cta > div {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 11px;
}


.vw-platform__cta-icon {
    width: 45px;
    height: 45px;

    flex: 0 0 45px;

    display: grid;
    place-items: center;

    padding: 11px;

    border-radius: 13px;

    color: white;

    background:
        var(--vw-green);
}


.vw-platform__cta > div > div {
    min-width: 0;
}


.vw-platform__cta strong {
    display: block;

    color:
        var(--vw-dark);

    font-size:
        clamp(13px, 1.4vw, 17px);
}


.vw-platform__cta p {
    margin:
        3px 0 0;

    color: #718094;

    font-size: 11px;

    line-height: 1.8;
}


.vw-platform__cta-btn {
    min-width: 180px;
    min-height: 51px;

    flex: 0 0 auto;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    padding:
        8px 14px;

    border-radius: 12px;

    color: white !important;

    background:
        var(--vw-dark);

    transition:
        transform .25s ease,
        background .25s ease;
}


.vw-platform__cta-btn:hover {
    transform:
        translateY(-2px);

    background:
        #172A49;
}


.vw-platform__cta-btn span {
    color:
        rgba(255,255,255,.58);

    font-size: 11px;
}


.vw-platform__cta-btn strong {
    color: white;

    font-size: 12px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .vw-platform-feature-group {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .vw-platform-seo {
        grid-template-columns:
            minmax(0,1fr)
            minmax(350px,.9fr);
    }


    .vw-platform-seo__cards {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .vw-process__steps {
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


/* =========================================================
   TABLET PORTRAIT
========================================================= */

@media (max-width: 820px) {

    .vw-platform__container {
        width:
            calc(100% - 26px);
    }


    .vw-platform-tabs {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .vw-platform-seo {
        grid-template-columns: 1fr;
    }


    .vw-platform-seo__content {
        text-align: center;
    }


    .vw-platform-seo__content > p {
        margin-inline: auto;
    }


    .vw-platform-seo__points {
        text-align: right;
    }


    .vw-process__detail {
        grid-template-columns:
            1fr;
    }


    .vw-process__visual {
        min-height: 190px;
    }


    .vw-platform__cta {
        flex-direction: column;

        align-items: flex-start;
    }


    .vw-platform__cta-btn {
        width: 100%;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .vw-platform__container {
        width:
            calc(100% - 18px);
    }


    .vw-platform__zone--features
    .vw-platform__container,
    .vw-platform__zone--seo
    .vw-platform__container,
    .vw-platform__zone--process
    .vw-platform__container {
        padding:
            65px 0;
    }


    .vw-platform-tabs {
        grid-template-columns: 1fr;

        margin-top: 30px;
    }


    .vw-platform-tab {
        min-height: 61px;
    }


    .vw-platform-feature-group {
        grid-template-columns: 1fr;
    }


    .vw-platform-seo__points {
        grid-template-columns: 1fr;
    }


    .vw-platform-architecture__nodes {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .vw-platform-seo__cards {
        grid-template-columns: 1fr;
    }


    .vw-process__steps {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .vw-process-step {
        min-height: 61px;
    }


    .vw-process__detail {
        padding: 16px;
    }


    .vw-platform__cta > div {
        align-items: flex-start;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .vw-platform__container {
        width:
            calc(100% - 14px);
    }


    .vw-process__steps {
        grid-template-columns: 1fr;
    }


    .vw-platform-architecture {
        padding: 14px;
    }


    .vw-platform__cta > div {
        flex-direction: column;

        text-align: center;
    }


    .vw-platform__cta-icon {
        margin-inline: auto;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .vw-platform *,
    .vw-platform *::before,
    .vw-platform *::after {
        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fcef263 *//* =========================================================
   FINAL COMBINED SECTION
========================================================= */

.vw-closing {
    --vw-green: #3DAC4D;
    --vw-orange: #F89A08;
    --vw-dark: #0D1A31;
    --vw-white: #FFFFFF;

    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    direction: rtl;

}


.vw-closing *,
.vw-closing *::before,
.vw-closing *::after {
    box-sizing: border-box;
}


.vw-closing a,
.vw-closing a:hover,
.vw-closing a:focus,
.vw-closing a:active,
.vw-closing a:visited {
    text-decoration: none !important;
}


.vw-closing button {
    font-family: inherit;
}


.vw-closing svg {
    display: block;

    width: 100%;
    height: 100%;

    fill: currentColor;
}


.vw-closing__zone {
    width: 100%;
    max-width: none;

    position: relative;

    overflow: hidden;
    isolation: isolate;
}


.vw-closing__container {
    width:
        min(
            calc(100% - 40px),
            1280px
        );

    margin-inline: auto;

    position: relative;
}


/* =========================================================
   FAQ DARK ZONE
========================================================= */

.vw-closing__zone--faq {
    color: white;

    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(61,172,77,.11),
            transparent 28%
        ),
        radial-gradient(
            circle at 7% 90%,
            rgba(248,154,8,.07),
            transparent 26%
        ),
        linear-gradient(
            145deg,
            #07111F,
            #0D1A31 50%,
            #081426
        );
}


.vw-closing__zone--faq
.vw-closing__container {
    padding:
        clamp(75px,8vw,115px)
        0;
}


/* heading */

.vw-closing__zone--faq
.vw-section-heading {
    width: min(100%,820px);

    margin-inline: auto;

    text-align: center;
}


.vw-closing__zone--faq
.vw-section-heading__badge {
    width: fit-content;

    display: inline-flex;
    align-items: center;

    gap: 8px;

    padding: 8px 13px;

    margin-bottom: 14px;

    border-radius: 999px;

    color: #B6EDBF;

    background:
        rgba(61,172,77,.07);

    border:
        1px solid
        rgba(61,172,77,.20);

    font-size: 12px;
}


.vw-closing__zone--faq
.vw-section-heading__badge-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background:
        var(--vw-green);
}


.vw-closing__zone--faq
.vw-section-heading__title {
    margin: 0;

    color: white;

    font-size:
        clamp(28px,4vw,44px);

    line-height: 1.5;
}


.vw-closing__zone--faq
.vw-section-heading__title span {
    color:
        var(--vw-orange);
}


.vw-closing__zone--faq
.vw-section-heading__text {
    max-width: 700px;

    margin:
        14px auto 0;

    color:
        rgba(255,255,255,.55);

    font-size:
        clamp(13px,1.1vw,16px);

    line-height: 2;
}


/* faq layout */

.vw-closing__faq-layout {
    margin-top:
        clamp(38px,5vw,60px);

    display: grid;

    grid-template-columns:
        minmax(0,1.35fr)
        minmax(300px,.65fr);

    align-items: start;

    gap:
        clamp(20px,3vw,38px);
}


.vw-closing__faq-list {
    display: flex;
    flex-direction: column;

    gap: 8px;
}


/* FAQ */

.vw-closing-faq {
    overflow: hidden;

    border-radius: 15px;

    border:
        1px solid
        rgba(255,255,255,.07);

    background:
        rgba(255,255,255,.032);

    transition:
        background .25s ease,
        border-color .25s ease;
}


.vw-closing-faq.is-open {
    border-color:
        rgba(61,172,77,.21);

    background:
        rgba(61,172,77,.045);
}


.vw-closing-faq__question {
    width: 100%;
    min-height: 67px;

    display: grid;

    grid-template-columns:
        38px minmax(0,1fr) 31px;

    align-items: center;

    gap: 10px;

    padding:
        11px 13px;

    border: 0 !important;
    outline: 0;

    color: white !important;

    background:
        transparent !important;

    text-align: right;

    cursor: pointer;
}


.vw-closing-faq__number {
    width: 38px;
    height: 38px;

    display: grid;
    place-items: center;

    border-radius: 10px;

    color:
        rgba(255,255,255,.50);

    background:
        rgba(255,255,255,.05);

    font-size: 11px;
    font-weight: 900;
}


.vw-closing-faq.is-open
.vw-closing-faq__number {
    color: white;

    background:
        var(--vw-green);
}


.vw-closing-faq__title {
    color: white !important;

    font-size:
        clamp(12px,1.15vw,14px);

    font-weight: 700;

    line-height: 1.8;
}


.vw-closing-faq__toggle {
    width: 31px;
    height: 31px;

    position: relative;

    border-radius: 50%;

    background:
        rgba(255,255,255,.05);
}


.vw-closing-faq__toggle i {
    width: 12px;
    height: 2px;

    position: absolute;

    top: 50%;
    left: 50%;

    border-radius: 10px;

    background:
        rgba(255,255,255,.67);

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

    transition:
        transform .25s ease;
}


.vw-closing-faq__toggle i:last-child {
    transform:
        translate(-50%,-50%)
        rotate(90deg);
}


.vw-closing-faq.is-open
.vw-closing-faq__toggle {
    background:
        rgba(61,172,77,.12);
}


.vw-closing-faq.is-open
.vw-closing-faq__toggle i:last-child {
    transform:
        translate(-50%,-50%)
        rotate(0deg);
}


/* answer */

.vw-closing-faq__answer {
    display: grid;

    grid-template-rows: 0fr;

    transition:
        grid-template-rows
        .35s cubic-bezier(.2,.7,.2,1);
}


.vw-closing-faq.is-open
.vw-closing-faq__answer {
    grid-template-rows: 1fr;
}


.vw-closing-faq__answer-inner {
    min-height: 0;

    overflow: hidden;

    padding:
        0 61px 0 52px;

    color:
        rgba(255,255,255,.56);

    font-size: 12px;

    line-height: 2.1;

    transition:
        padding .35s ease;
}


.vw-closing-faq.is-open
.vw-closing-faq__answer-inner {
    padding:
        0 61px 17px 52px;
}


/* FAQ side */

.vw-closing__faq-side {
    position: sticky;

    top: 30px;
}


.vw-closing__faq-side-card {
    position: relative;

    overflow: hidden;

    padding:
        clamp(20px,2.5vw,29px);

    border-radius: 23px;

    border:
        1px solid
        rgba(255,255,255,.08);

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(61,172,77,.15),
            transparent 36%
        ),
        rgba(255,255,255,.04);

    box-shadow:
        0 25px 65px
        rgba(0,0,0,.20);
}


.vw-closing__faq-side-label {
    color:
        var(--vw-green);

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .9px;
}


.vw-closing__faq-side h3 {
    margin:
        7px 0;

    color: white;

    font-size:
        clamp(20px,2.4vw,27px);

    line-height: 1.6;
}


.vw-closing__faq-side p {
    margin: 0;

    color:
        rgba(255,255,255,.51);

    font-size: 12px;

    line-height: 2;
}


.vw-closing__faq-call {
    width: 100%;

    margin-top: 20px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 11px;

    border-radius: 13px;

    color: white !important;

    background:
        var(--vw-green);

    box-shadow:
        0 15px 35px
        rgba(61,172,77,.18);

    transition:
        transform .25s ease;
}


.vw-closing__faq-call:hover {
    transform:
        translateY(-2px);
}


.vw-closing__faq-call-icon {
    width: 39px;
    height: 39px;

    flex: 0 0 39px;

    padding: 10px;

    border-radius: 11px;

    background:
        rgba(255,255,255,.14);
}


.vw-closing__faq-call > span:last-child {
    display: flex;
    flex-direction: column;
}


.vw-closing__faq-call small {
    color:
        rgba(255,255,255,.72);

    font-size: 11px;
}


.vw-closing__faq-call strong {
    color: white;

    font-size: 13px;
}


.vw-closing__faq-checks {
    margin-top: 15px;

    display: flex;
    flex-direction: column;

    gap: 7px;
}


.vw-closing__faq-checks span {
    display: flex;
    align-items: center;

    gap: 6px;

    color:
        rgba(255,255,255,.53);

    font-size: 11px;
}


.vw-closing__faq-checks i {
    width: 19px;
    height: 19px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    color: #ACE9B5;

    background:
        rgba(61,172,77,.09);

    font-style: normal;
}


/* FAQ background */

.vw-closing__faq-decor {
    position: absolute;
    inset: 0;

    z-index: -1;

    pointer-events: none;
}


.vw-closing__glow {
    position: absolute;

    width: min(470px,42vw);
    aspect-ratio: 1;

    border-radius: 50%;

    filter: blur(100px);

    opacity: .09;
}


.vw-closing__glow--green {
    top: -170px;
    right: -180px;

    background:
        var(--vw-green);
}


.vw-closing__glow--orange {
    bottom: -180px;
    left: -180px;

    background:
        var(--vw-orange);
}


.vw-closing__grid {
    position: absolute;
    inset: 0;

    opacity: .04;

    background-image:
        linear-gradient(
            rgba(255,255,255,.1) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.1) 1px,
            transparent 1px
        );

    background-size:
        55px 55px;
}


/* =========================================================
   FINAL LIGHT ZONE
========================================================= */

.vw-closing__zone--final {
    color:
        var(--vw-dark);

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(61,172,77,.09),
            transparent 30%
        ),
        radial-gradient(
            circle at 7% 85%,
            rgba(248,154,8,.07),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #FFFFFF,
            #F6F8FA
        );
}


.vw-closing__zone--final
.vw-closing__container {
    padding:
        clamp(75px,8vw,115px)
        0
        clamp(55px,7vw,90px);
}


.vw-closing-final {
    display: grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(360px,.95fr);

    align-items: center;

    gap:
        clamp(35px,5vw,75px);
}


/* content */

.vw-closing-final__eyebrow {
    display: block;

    color:
        var(--vw-green);

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 1px;
}


.vw-closing-final__content h2 {
    margin:
        7px 0 12px;

    color:
        var(--vw-dark);

    font-size:
        clamp(28px,3.7vw,45px);

    line-height: 1.55;
}


.vw-closing-final__content h2 span {
    display: block;

    color:
        var(--vw-green);
}


.vw-closing-final__content > p {
    max-width: 650px;

    margin: 0;

    color: #68768A;

    font-size:
        clamp(12px,1.1vw,14px);

    line-height: 2.05;
}


/* advantages */

.vw-closing-final__advantages {
    margin-top: 22px;

    display: grid;

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

    gap: 9px;
}


.vw-closing-final__advantages article {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 9px;

    padding: 11px;

    border-radius: 13px;

    border:
        1px solid #E1E7ED;

    background:
        rgba(255,255,255,.80);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}


.vw-closing-final__advantages article:hover {
    transform:
        translateY(-3px);

    border-color:
        rgba(61,172,77,.22);

    box-shadow:
        0 13px 30px
        rgba(13,26,49,.06);
}


.vw-closing-final__advantages article > span {
    width: 37px;
    height: 37px;

    flex: 0 0 37px;

    display: grid;
    place-items: center;

    border-radius: 10px;

    color:
        var(--vw-green);

    background:
        rgba(61,172,77,.08);

    font-size: 11px;
    font-weight: 900;
}


.vw-closing-final__advantages article > div {
    min-width: 0;

    display: flex;
    flex-direction: column;
}


.vw-closing-final__advantages strong {
    color:
        var(--vw-dark);

    font-size: 12px;
}


.vw-closing-final__advantages small {
    margin-top: 1px;

    color: #7A8797;

    font-size: 11px;

    line-height: 1.6;
}


/* =========================================================
   FINAL VISUAL
========================================================= */

.vw-closing-final__visual {
    width: min(100%,520px);
    aspect-ratio: 1;

    margin-inline: auto;

    position: relative;

    display: grid;
    place-items: center;

    perspective: 1200px;
}


.vw-closing-final__orbit {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;
}


.vw-closing-final__orbit--1 {
    width: 88%;
    aspect-ratio: 1;

    border:
        1px dashed
        rgba(13,26,49,.10);

    animation:
        vwClosingOrbit
        32s linear infinite;
}


.vw-closing-final__orbit--2 {
    width: 64%;
    aspect-ratio: 1;

    border:
        1px dashed
        rgba(61,172,77,.18);

    animation:
        vwClosingOrbitReverse
        24s linear infinite;
}


@keyframes vwClosingOrbit {
    to {
        transform: rotate(360deg);
    }
}


@keyframes vwClosingOrbitReverse {
    to {
        transform: rotate(-360deg);
    }
}


/* SIM */

.vw-closing-final-sim {
    width:
        clamp(190px,50%,250px);

    aspect-ratio:
        250 / 330;

    position: relative;

    z-index: 3;

    overflow: hidden;

    padding:
        clamp(17px,2vw,22px);

    border-radius:
        30px 30px 30px 9px;

    color: white;

    background:
        linear-gradient(
            145deg,
            #12233E,
            #0D1A31
        );

    box-shadow:
        0 38px 75px
        rgba(13,26,49,.22);

    transform-style: preserve-3d;

    transition:
        transform .15s ease-out;
}


.vw-closing-final-sim::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            110deg,
            transparent 20%,
            rgba(255,255,255,.12),
            transparent 48%
        );

    transform:
        translateX(-150%);

    animation:
        vwClosingShine
        6s infinite ease-in-out;
}


@keyframes vwClosingShine {

    0%,
    55% {
        transform:
            translateX(-150%);
    }

    80%,
    100% {
        transform:
            translateX(170%);
    }

}


.vw-closing-final-sim__top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 10px;

    position: relative;
    z-index: 2;
}


.vw-closing-final-sim__top strong {
    font-size: 12px;

    letter-spacing: 1.5px;
}


.vw-closing-final-sim__top span {
    padding:
        4px 7px;

    border-radius: 6px;

    color: #C8F1CE;

    background:
        rgba(61,172,77,.12);

    font-size: 11px;
}


.vw-closing-final-sim__chip {
    width: 65px;
    aspect-ratio:
        1.15 / 1;

    margin-top: 28%;

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 3px;

    padding: 7px;

    border-radius: 10px;

    position: relative;
    z-index: 2;

    background:
        linear-gradient(
            135deg,
            #F2D781,
            #AB7715
        );
}


.vw-closing-final-sim__chip i {
    border:
        1px solid
        rgba(60,37,0,.27);

    border-radius: 3px;
}


.vw-closing-final-sim__content {
    position: absolute;

    right:
        clamp(17px,2vw,22px);

    left:
        clamp(17px,2vw,22px);

    bottom:
        clamp(20px,3vw,30px);

    z-index: 2;
}


.vw-closing-final-sim__content small {
    color:
        rgba(255,255,255,.43);

    font-size: 11px;

    letter-spacing: 1px;
}


.vw-closing-final-sim__content strong {
    display: block;

    margin-top: 3px;

    color: white;

    font-size:
        clamp(18px,2.2vw,23px);
}


.vw-closing-final-sim__content span {
    display: block;

    margin-top: 4px;

    color:
        var(--vw-orange);

    font-size: 11px;
}


/* floating */

.vw-closing-final__float {
    position: absolute;

    z-index: 6;

    display: flex;
    align-items: center;

    gap: 8px;

    padding:
        9px 10px;

    border-radius: 12px;

    background:
        rgba(255,255,255,.95);

    border:
        1px solid #E2E7ED;

    box-shadow:
        0 15px 35px
        rgba(13,26,49,.10);
}


.vw-closing-final__float--seo {
    top: 20%;
    left: 4%;
}


.vw-closing-final__float--mobile {
    right: 3%;
    bottom: 22%;
}


.vw-closing-final__float > span {
    width: 31px;
    height: 31px;

    flex: 0 0 31px;

    display: grid;
    place-items: center;

    border-radius: 9px;

    color: white;

    background:
        var(--vw-green);

    font-size: 11px;
    font-weight: 900;
}


.vw-closing-final__float--seo > span {
    background:
        var(--vw-orange);
}


.vw-closing-final__float div {
    display: flex;
    flex-direction: column;
}


.vw-closing-final__float small {
    color: #919CA9;

    font-size: 11px;
}


.vw-closing-final__float strong {
    color:
        var(--vw-dark);

    font-size: 11px;
}


/* =========================================================
   MAIN FINAL CTA
========================================================= */

.vw-closing-action {
    margin-top:
        clamp(45px,6vw,75px);

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 25px;

    padding:
        clamp(22px,3vw,32px);

    border-radius: 25px;

    color: white;

    background:
        radial-gradient(
            circle at 90% 0,
            rgba(61,172,77,.18),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #0D1A31,
            #132744
        );

    box-shadow:
        0 28px 65px
        rgba(13,26,49,.15);
}


.vw-closing-action__content {
    min-width: 0;

    max-width: 730px;
}


.vw-closing-action__label {
    color:
        var(--vw-green);

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 1px;
}


.vw-closing-action h3 {
    margin:
        6px 0;

    color: white;

    font-size:
        clamp(20px,2.5vw,30px);

    line-height: 1.65;
}


.vw-closing-action p {
    margin: 0;

    color:
        rgba(255,255,255,.52);

    font-size: 12px;

    line-height: 1.95;
}


.vw-closing-action__buttons {
    flex: 0 0 auto;

    display: flex;
    align-items: stretch;

    gap: 8px;
}


.vw-closing-action__btn {
    min-height: 57px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    padding:
        9px 15px;

    border-radius: 13px;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.vw-closing-action__btn:hover {
    transform:
        translateY(-2px);
}


.vw-closing-action__btn--primary {
    min-width: 190px;

    color: white !important;

    background:
        var(--vw-green);

    box-shadow:
        0 14px 30px
        rgba(61,172,77,.20);
}


.vw-closing-action__phone {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    padding: 10px;

    border-radius: 10px;

    background:
        rgba(255,255,255,.14);
}


.vw-closing-action__btn--primary
> span:last-child {
    display: flex;
    flex-direction: column;
}


.vw-closing-action__btn--primary small {
    color:
        rgba(255,255,255,.72);

    font-size: 11px;
}


.vw-closing-action__btn--primary strong {
    color: white;

    font-size: 13px;
}


.vw-closing-action__btn--secondary {
    min-width: 135px;

    color: white !important;

    border:
        1px solid
        rgba(255,255,255,.10);

    background:
        rgba(255,255,255,.05);

    font-size: 11px;
    font-weight: 700;
}


.vw-closing-action__btn--secondary span {
    font-size: 17px;

    color:
        var(--vw-orange);
}


/* =========================================================
   FINAL TRUST
========================================================= */

.vw-closing__trust {
    margin-top: 17px;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px 16px;
}


.vw-closing__trust span {
    display: inline-flex;
    align-items: center;

    gap: 5px;

    color: #69778A;

    font-size: 11px;
}


.vw-closing__trust i {
    width: 18px;
    height: 18px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    color:
        var(--vw-green);

    background:
        rgba(61,172,77,.08);

    font-style: normal;
}


/* =========================================================
   LIGHT DECOR
========================================================= */

.vw-closing__final-decor {
    position: absolute;
    inset: 0;

    z-index: -1;

    pointer-events: none;
}


.vw-closing__final-blob {
    position: absolute;

    border-radius: 50%;

    filter: blur(90px);

    opacity: .10;
}


.vw-closing__final-blob--green {
    width: min(460px,42vw);
    aspect-ratio: 1;

    right: -180px;
    top: 0;

    background:
        var(--vw-green);
}


.vw-closing__final-blob--orange {
    width: min(400px,38vw);
    aspect-ratio: 1;

    left: -170px;
    bottom: -160px;

    background:
        var(--vw-orange);
}


.vw-closing__final-dots {
    position: absolute;
    inset: 0;

    opacity: .22;

    background-image:
        radial-gradient(
            rgba(13,26,49,.12) 1px,
            transparent 1px
        );

    background-size:
        30px 30px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 16%,
            black 85%,
            transparent
        );
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .vw-closing__faq-layout {
        grid-template-columns:
            minmax(0,1fr)
            minmax(270px,.55fr);
    }


    .vw-closing-final {
        grid-template-columns:
            minmax(0,1fr)
            minmax(320px,.8fr);

        gap: 30px;
    }


    .vw-closing-action {
        align-items: flex-start;

        flex-direction: column;
    }


    .vw-closing-action__buttons {
        width: 100%;
    }


    .vw-closing-action__btn {
        flex: 1;
    }

}


/* =========================================================
   TABLET PORTRAIT
========================================================= */

@media (max-width: 820px) {

    .vw-closing__container {
        width:
            calc(100% - 26px);
    }


    .vw-closing__faq-layout {
        grid-template-columns: 1fr;
    }


    .vw-closing__faq-side {
        position: static;
    }


    .vw-closing-final {
        grid-template-columns: 1fr;

        text-align: center;
    }


    .vw-closing-final__content > p {
        margin-inline: auto;
    }


    .vw-closing-final__advantages {
        text-align: right;
    }


    .vw-closing-final__visual {
        width:
            min(100%,500px);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .vw-closing__container {
        width:
            calc(100% - 18px);
    }


    .vw-closing__zone--faq
    .vw-closing__container,
    .vw-closing__zone--final
    .vw-closing__container {
        padding:
            65px 0;
    }


    .vw-closing-faq__question {
        grid-template-columns:
            34px minmax(0,1fr) 29px;

        gap: 8px;

        padding: 10px;
    }


    .vw-closing-faq__number {
        width: 34px;
        height: 34px;
    }


    .vw-closing-faq__answer-inner,
    .vw-closing-faq.is-open
    .vw-closing-faq__answer-inner {
        padding-right: 52px;
        padding-left: 14px;
    }


    .vw-closing-faq.is-open
    .vw-closing-faq__answer-inner {
        padding-bottom: 15px;
    }


    .vw-closing-final__advantages {
        grid-template-columns: 1fr;
    }


    .vw-closing-final__visual {
        width:
            min(100%,430px);
    }


    .vw-closing-final-sim {
        width:
            min(56%,220px);
    }


    .vw-closing-final__float--seo {
        left: 1%;
    }


    .vw-closing-final__float--mobile {
        right: 1%;
    }


    .vw-closing-action {
        padding: 18px;

        border-radius: 20px;
    }


    .vw-closing-action__buttons {
        flex-direction: column;
    }


    .vw-closing-action__btn {
        width: 100%;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .vw-closing__container {
        width:
            calc(100% - 14px);
    }


    .vw-closing-final__visual {
        width: 100%;
    }


    .vw-closing-final-sim {
        width: 190px;
    }


    .vw-closing-final__float {
        padding: 7px;
    }


    .vw-closing-final__float div {
        display: none;
    }


    .vw-closing-final__float--seo {
        top: 20%;
        left: 2%;
    }


    .vw-closing-final__float--mobile {
        right: 2%;
        bottom: 24%;
    }


    .vw-closing-action {
        text-align: center;
    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .vw-closing *,
    .vw-closing *::before,
    .vw-closing *::after {
        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}/* End custom CSS */