.elementor-13507 .elementor-element.elementor-element-c341d24{--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-13507 .elementor-element.elementor-element-f415ea1 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-13507 .elementor-element.elementor-element-c546123 > .elementor-widget-container{margin:-22px 0px 0px 0px;}.elementor-13507 .elementor-element.elementor-element-494df69 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13507 .elementor-element.elementor-element-9b2c518 > .elementor-widget-container{margin:-21px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13507 .elementor-element.elementor-element-8bb89df > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-a671ff9 *//* =========================================================
   VISTAWEB - HALL HERO
========================================================= */

.vht-hero {
    --green: #3DAC4D;
    --orange: #F89A08;
    --navy: #0D1A31;
    --black: #000000;
    --white: #FFFFFF;

    position: relative;
    isolation: isolate;
    overflow: hidden;

    width: 100%;

    padding:
        95px 22px 0;

    direction: rtl;

    background:
        radial-gradient(
            circle at 89% 13%,
            rgba(61, 172, 77, 0.19),
            transparent 31%
        ),
        radial-gradient(
            circle at 8% 83%,
            rgba(248, 154, 8, 0.18),
            transparent 29%
        ),
        linear-gradient(
            135deg,
            #081326 0%,
            #0D1A31 52%,
            #12233F 100%
        );

    color:
        var(--white);

    font-family:
        inherit;
}


/* remove underline */

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


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

.vht-hero__grid {
    position:
        absolute;

    inset:
        0;

    z-index:
        -4;

    opacity:
        0.16;

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

    background-size:
        46px 46px;

    mask-image:
        linear-gradient(
            to bottom,
            #000 0%,
            transparent 95%
        );
}


.vht-hero__orb {
    position:
        absolute;

    z-index:
        -3;

    width:
        430px;

    height:
        430px;

    border-radius:
        50%;

    filter:
        blur(105px);

    pointer-events:
        none;
}


.vht-hero__orb--green {
    top:
        -210px;

    right:
        -100px;

    background:
        rgba(61, 172, 77, 0.34);

    animation:
        vhtOrbGreen
        12s
        ease-in-out
        infinite
        alternate;
}


.vht-hero__orb--orange {
    bottom:
        -240px;

    left:
        -100px;

    background:
        rgba(248, 154, 8, 0.29);

    animation:
        vhtOrbOrange
        14s
        ease-in-out
        infinite
        alternate;
}


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

.vht-hero__container {
    position:
        relative;

    z-index:
        2;

    width:
        min(100%, 1240px);

    margin-inline:
        auto;

    display:
        grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(410px, 0.95fr);

    align-items:
        center;

    gap:
        clamp(55px, 7vw, 100px);

    padding-bottom:
        90px;
}


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

.vht-hero__content {
    max-width:
        700px;
}


.vht-hero__badge {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        9px;

    min-height:
        42px;

    padding:
        8px 14px;

    margin-bottom:
        20px;

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

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,
            rgba(61,172,77,.14),
            rgba(255,255,255,.035)
        );

    color:
        #ddffe2;

    font-size:
        15px;

    line-height:
        1.8;

    font-weight:
        800;

    backdrop-filter:
        blur(10px);

    animation:
        vhtFadeUp
        .6s
        ease
        both;
}


.vht-hero__badge-icon {
    display:
        grid;

    place-items:
        center;

    width:
        26px;

    height:
        26px;

    flex:
        0 0 26px;

    border-radius:
        50%;

    background:
        var(--green);

    color:
        var(--white);

    font-size:
        12px;

    animation:
        vhtPulse
        2.2s
        infinite;
}


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

.vht-hero__title {
    max-width:
        760px;

    margin:
        0;

    color:
        var(--white);

    font-size:
        clamp(42px, 5.35vw, 72px);

    line-height:
        1.22;

    letter-spacing:
        -1.5px;

    font-weight:
        950;

    animation:
        vhtFadeUp
        .7s
        .08s
        ease
        both;
}


.vht-hero__title > span {
    display:
        block;

    margin-top:
        9px;

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

    font-size:
        .69em;

    line-height:
        1.45;

    font-weight:
        800;
}


.vht-hero__title strong {
    position:
        relative;

    display:
        inline-block;

    color:
        var(--orange);

    white-space:
        nowrap;
}


.vht-hero__title strong::after {
    content:
        "";

    position:
        absolute;

    right:
        0;

    bottom:
        1px;

    z-index:
        -1;

    width:
        100%;

    height:
        9px;

    border-radius:
        20px;

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

    transform:
        rotate(-1deg);
}


/* =========================================
   LEAD
========================================= */

.vht-hero__lead {
    max-width:
        670px;

    margin:
        24px 0 0;

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

    font-size:
        clamp(17px, 1.45vw, 19px);

    line-height:
        2.05;

    font-weight:
        400;

    animation:
        vhtFadeUp
        .7s
        .16s
        ease
        both;
}


.vht-hero__lead strong {
    color:
        var(--white);

    font-weight:
        900;
}


/* =========================================
   BENEFITS
========================================= */

.vht-hero__benefits {
    display:
        grid;

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

    gap:
        9px;

    margin-top:
        25px;

    animation:
        vhtFadeUp
        .7s
        .23s
        ease
        both;
}


.vht-benefit {
    position:
        relative;

    min-width:
        0;

    padding:
        12px;

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

    border-radius:
        15px;

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

    backdrop-filter:
        blur(9px);

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


.vht-benefit > span {
    display:
        grid;

    place-items:
        center;

    width:
        24px;

    height:
        24px;

    margin-bottom:
        9px;

    border-radius:
        8px;

    background:
        var(--green);

    color:
        var(--white);

    font-size:
        12px;

    font-weight:
        900;
}


.vht-benefit strong {
    display:
        block;

    color:
        var(--white);

    font-size:
        14px;

    line-height:
        1.55;

    font-weight:
        900;
}


.vht-benefit small {
    display:
        block;

    margin-top:
        3px;

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

    font-size:
        12px;

    line-height:
        1.55;
}


/* =========================================
   CTA
========================================= */

.vht-hero__actions {
    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        stretch;

    gap:
        11px;

    margin-top:
        29px;

    animation:
        vhtFadeUp
        .7s
        .30s
        ease
        both;
}


.vht-btn {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        11px;

    min-height:
        59px;

    padding:
        11px 18px;

    border-radius:
        16px;

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


.vht-btn--primary {
    justify-content:
        space-between;

    min-width:
        260px;

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

    color:
        var(--white) !important;

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


.vht-btn__content {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    gap:
        1px;
}


.vht-btn__content small {
    color:
        rgba(255,255,255,.72);

    font-size:
        11px;
}


.vht-btn__content strong {
    color:
        var(--white);

    font-size:
        15px;

    line-height:
        1.5;

    font-weight:
        900;
}


.vht-btn__icon {
    display:
        grid;

    place-items:
        center;

    width:
        38px;

    height:
        38px;

    flex:
        0 0 38px;

    border-radius:
        11px;

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

    font-size:
        18px;
}


.vht-btn--secondary {
    border:
        1px solid rgba(255,255,255,.15);

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

    color:
        var(--white) !important;

    backdrop-filter:
        blur(10px);

    font-size:
        14px;

    font-weight:
        800;
}


.vht-live-dot {
    position:
        relative;

    width:
        9px;

    height:
        9px;

    border-radius:
        50%;

    background:
        var(--orange);

    box-shadow:
        0 0 0 5px rgba(248,154,8,.10);
}


.vht-live-dot::after {
    content:
        "";

    position:
        absolute;

    inset:
        -5px;

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

    border-radius:
        50%;

    animation:
        vhtLive
        1.8s
        infinite;
}


/* =========================================
   PHONE / INTERNAL LINK
========================================= */

.vht-hero__phone {
    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        7px;

    margin-top:
        17px;

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

    font-size:
        13px;
}


.vht-hero__phone a {
    color:
        var(--white) !important;

    font-size:
        16px;

    font-weight:
        900;

    direction:
        ltr;
}


.vht-hero__internal {
    margin:
        15px 0 0;

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

    font-size:
        13px;

    line-height:
        1.8;
}


.vht-hero__internal a {
    color:
        rgba(255,255,255,.86) !important;

    font-weight:
        800;

    border-bottom:
        1px dashed rgba(248,154,8,.45);
}


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

.vht-hero__visual {
    position:
        relative;

    width:
        100%;

    max-width:
        555px;

    min-height:
        570px;

    margin-inline:
        auto;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    perspective:
        1200px;

    animation:
        vhtVisualIn
        .9s
        .16s
        ease
        both;
}


.vht-hero__visual::before {
    content:
        "";

    position:
        absolute;

    width:
        430px;

    height:
        430px;

    top:
        50%;

    left:
        50%;

    z-index:
        -2;

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

    border-radius:
        50%;

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

    animation:
        vhtRotate
        32s
        linear
        infinite;
}


/* =========================================
   BROWSER
========================================= */

.vht-browser {
    --move-x: 0px;
    --move-y: 0px;

    position:
        relative;

    z-index:
        2;

    overflow:
        hidden;

    width:
        100%;

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

    border-radius:
        27px;

    background:
        #fff;

    box-shadow:
        0 38px 90px rgba(0,0,0,.37),
        0 0 0 8px rgba(255,255,255,.025);

    transform:
        translate3d(
            var(--move-x),
            var(--move-y),
            0
        )
        rotateY(-4deg);

    transition:
        transform .22s ease-out,
        box-shadow .3s ease;
}


.vht-browser__bar {
    display:
        grid;

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

    align-items:
        center;

    gap:
        10px;

    min-height:
        52px;

    padding:
        10px 14px;

    border-bottom:
        1px solid #edf0f3;

    background:
        #f7f8fa;

    direction:
        ltr;
}


.vht-browser__dots {
    display:
        flex;

    gap:
        6px;
}


.vht-browser__dots span {
    width:
        9px;

    height:
        9px;

    border-radius:
        50%;
}


.vht-browser__dots span:nth-child(1) {
    background:
        #ff605c;
}


.vht-browser__dots span:nth-child(2) {
    background:
        #ffbd44;
}


.vht-browser__dots span:nth-child(3) {
    background:
        #00ca4e;
}


.vht-browser__url {
    justify-self:
        center;

    width:
        min(100%, 220px);

    overflow:
        hidden;

    padding:
        6px 11px;

    border-radius:
        8px;

    background:
        #fff;

    color:
        #747c85;

    font-size:
        11px;

    text-align:
        center;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


.vht-browser__live {
    padding:
        4px 7px;

    border-radius:
        6px;

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

    color:
        #278d36;

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        .7px;
}


/* =========================================
   DEMO
========================================= */

.vht-demo-nav {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    min-height:
        54px;

    padding:
        10px 20px;

    color:
        var(--navy);

    direction:
        rtl;
}


.vht-demo-nav strong {
    font-size:
        18px;

    font-weight:
        900;
}


.vht-demo-nav > div {
    display:
        flex;

    gap:
        9px;
}


.vht-demo-nav > div span {
    display:
        block;

    width:
        28px;

    height:
        5px;

    border-radius:
        20px;

    background:
        #e6e9ed;
}


.vht-demo {
    position:
        relative;

    overflow:
        hidden;

    min-height:
        310px;

    display:
        flex;

    align-items:
        flex-end;

    padding:
        34px;

    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(248,154,8,.54),
            transparent 27%
        ),
        radial-gradient(
            circle at 15% 85%,
            rgba(61,172,77,.55),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #1b2d4c,
            #0d1a31 54%,
            #182a47
        );

    color:
        #fff;

    direction:
        rtl;
}


.vht-demo::before {
    content:
        "";

    position:
        absolute;

    top:
        -80px;

    left:
        -60px;

    width:
        280px;

    height:
        280px;

    border:
        45px solid rgba(255,255,255,.035);

    border-radius:
        50%;
}


.vht-demo::after {
    content:
        "";

    position:
        absolute;

    right:
        -30px;

    bottom:
        -110px;

    width:
        350px;

    height:
        230px;

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

    border-radius:
        50% 50% 0 0;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.08),
            rgba(255,255,255,.02)
        );
}


.vht-demo__light {
    position:
        absolute;

    width:
        8px;

    height:
        8px;

    border-radius:
        50%;
}


.vht-demo__light--one {
    top:
        47px;

    right:
        55px;

    background:
        var(--orange);

    box-shadow:
        0 0 23px 8px rgba(248,154,8,.42);

    animation:
        vhtSpark
        3s
        infinite;
}


.vht-demo__light--two {
    top:
        84px;

    left:
        72px;

    background:
        var(--green);

    box-shadow:
        0 0 23px 8px rgba(61,172,77,.42);

    animation:
        vhtSpark
        3.4s
        .8s
        infinite;
}


.vht-demo__content {
    position:
        relative;

    z-index:
        3;
}


.vht-demo__label {
    display:
        inline-block;

    margin-bottom:
        8px;

    padding:
        5px 9px;

    border-radius:
        7px;

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

    color:
        #ffd38f;

    font-size:
        11px;

    font-weight:
        800;
}


.vht-demo__content strong {
    display:
        block;

    color:
        #fff;

    font-size:
        clamp(27px, 3vw, 36px);

    line-height:
        1.45;

    font-weight:
        950;

    letter-spacing:
        -.6px;
}


.vht-demo__cta {
    display:
        inline-flex;

    margin-top:
        17px;

    padding:
        8px 14px;

    border-radius:
        9px;

    background:
        var(--green);

    color:
        #fff;

    font-size:
        11px;

    font-weight:
        900;
}


/* =========================================
   BROWSER FEATURES
========================================= */

.vht-browser__features {
    display:
        grid;

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

    gap:
        1px;

    background:
        #eceff1;

    direction:
        rtl;
}


.vht-browser__features > div {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    gap:
        3px;

    padding:
        14px 8px;

    background:
        #fff;
}


.vht-browser__features > div > span {
    font-size:
        17px;
}


.vht-browser__features strong {
    color:
        var(--navy);

    font-size:
        13px;

    font-weight:
        900;
}


.vht-browser__features small {
    color:
        #858c94;

    font-size:
        10px;
}


/* =========================================
   FLOAT CARDS
========================================= */

.vht-float {
    --move-x: 0px;
    --move-y: 0px;

    position:
        absolute;

    z-index:
        6;

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    padding:
        11px 13px;

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

    border-radius:
        14px;

    background:
        rgba(13,26,49,.88);

    color:
        #fff;

    box-shadow:
        0 18px 40px rgba(0,0,0,.27);

    backdrop-filter:
        blur(14px);

    font-size:
        12px;

    font-weight:
        800;

    transform:
        translate3d(
            var(--move-x),
            var(--move-y),
            0
        );

    transition:
        transform .18s ease-out;
}


.vht-float small {
    display:
        block;

    margin-top:
        2px;

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

    font-size:
        9px;

    font-weight:
        500;
}


.vht-float--booking {
    top:
        73px;

    right:
        -38px;

    animation:
        vhtFloatOne
        4.4s
        ease-in-out
        infinite;
}


.vht-float__icon {
    display:
        grid;

    place-items:
        center;

    width:
        32px;

    height:
        32px;

    border-radius:
        10px;

    background:
        var(--green);

    color:
        #fff;

    font-weight:
        900;
}


.vht-float--seo {
    right:
        43px;

    bottom:
        18px;

    animation:
        vhtFloatTwo
        5s
        .5s
        ease-in-out
        infinite;
}


.vht-float__trend {
    display:
        grid;

    place-items:
        center;

    width:
        31px;

    height:
        31px;

    border-radius:
        10px;

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

    color:
        #7fe58c;

    font-size:
        19px;
}


.vht-float--gallery {
    top:
        7px;

    left:
        55px;

    background:
        var(--orange);

    border-color:
        rgba(255,255,255,.20);

    animation:
        vhtFloatThree
        4.7s
        1s
        ease-in-out
        infinite;
}


/* =========================================
   ACTIVITY
========================================= */

.vht-activity {
    position:
        absolute;

    left:
        14px;

    bottom:
        72px;

    z-index:
        7;

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    max-width:
        240px;

    padding:
        10px 13px;

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

    border-radius:
        13px;

    background:
        rgba(13,26,49,.88);

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

    font-size:
        11px;

    font-weight:
        700;

    box-shadow:
        0 14px 34px rgba(0,0,0,.22);

    backdrop-filter:
        blur(12px);
}


.vht-activity__dot {
    width:
        8px;

    height:
        8px;

    flex:
        0 0 8px;

    border-radius:
        50%;

    background:
        var(--green);

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

    animation:
        vhtPulse
        1.8s
        infinite;
}


#vhtHeroActivityText {
    transition:
        opacity .22s ease,
        transform .22s ease;
}


#vhtHeroActivityText.is-changing {
    opacity:
        0;

    transform:
        translateY(4px);
}


/* =========================================
   BOTTOM BAR
========================================= */

.vht-hero__bottom {
    position:
        relative;

    z-index:
        3;

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

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

    backdrop-filter:
        blur(10px);
}


.vht-hero__bottom-inner {
    width:
        min(100%, 1240px);

    min-height:
        60px;

    margin-inline:
        auto;

    padding:
        10px 22px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        17px;

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

    font-size:
        13px;

    font-weight:
        700;
}


.vht-hero__bottom-inner i {
    color:
        var(--orange);

    font-style:
        normal;
}


/* =========================================
   HOVER
========================================= */

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

    .vht-benefit:hover {
        transform:
            translateY(-4px);

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

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


    .vht-btn--primary:hover {
        transform:
            translateY(-4px);

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


    .vht-btn--secondary:hover {
        transform:
            translateY(-4px);

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

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


    .vht-browser:hover {
        box-shadow:
            0 45px 100px rgba(0,0,0,.43),
            0 0 0 8px rgba(61,172,77,.025);
    }

}


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

@media (max-width: 1050px) {

    .vht-hero {
        padding-top:
            75px;
    }


    .vht-hero__container {
        grid-template-columns:
            1fr;

        gap:
            70px;
    }


    .vht-hero__content {
        max-width:
            790px;

        margin-inline:
            auto;

        text-align:
            center;
    }


    .vht-hero__badge {
        margin-inline:
            auto;
    }


    .vht-hero__lead {
        margin-inline:
            auto;
    }


    .vht-hero__actions {
        justify-content:
            center;
    }


    .vht-hero__phone {
        justify-content:
            center;
    }


    .vht-hero__internal {
        text-align:
            center;
    }


    .vht-hero__visual {
        max-width:
            620px;
    }

}


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

@media (max-width: 700px) {

    .vht-hero {
        padding:
            55px 15px 0;
    }


    .vht-hero__container {
        gap:
            55px;

        padding-bottom:
            65px;
    }


    .vht-hero__badge {
        font-size:
            13px;
    }


    .vht-hero__title {
        font-size:
            clamp(36px, 10vw, 48px);

        line-height:
            1.3;

        letter-spacing:
            -.7px;
    }


    .vht-hero__title > span {
        font-size:
            .67em;

        line-height:
            1.5;
    }


    .vht-hero__lead {
        margin-top:
            19px;

        font-size:
            17px;

        line-height:
            1.95;
    }


    .vht-hero__benefits {
        grid-template-columns:
            1fr;

        text-align:
            right;
    }


    .vht-benefit {
        display:
            grid;

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

        align-items:
            center;

        gap:
            0 10px;
    }


    .vht-benefit > span {
        grid-row:
            1 / span 2;

        margin:
            0;
    }


    .vht-hero__actions {
        display:
            grid;

        grid-template-columns:
            1fr;

        width:
            100%;
    }


    .vht-btn {
        width:
            100%;
    }


    .vht-btn--primary {
        min-width:
            0;
    }


    .vht-hero__visual {
        min-height:
            480px;
    }


    .vht-browser {
        transform:
            none;
    }


    .vht-demo {
        min-height:
            260px;

        padding:
            24px;
    }


    .vht-float--booking {
        top:
            53px;

        right:
            -5px;
    }


    .vht-float--gallery {
        top:
            -18px;

        left:
            18px;
    }


    .vht-float--seo {
        right:
            18px;

        bottom:
            2px;
    }


    .vht-activity {
        left:
            8px;

        bottom:
            62px;

        max-width:
            205px;
    }


    .vht-hero__bottom-inner {
        justify-content:
            flex-start;

        overflow-x:
            auto;

        flex-wrap:
            nowrap;

        scrollbar-width:
            none;

        white-space:
            nowrap;
    }


    .vht-hero__bottom-inner::-webkit-scrollbar {
        display:
            none;
    }

}


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

@media (max-width: 390px) {

    .vht-demo-nav > div span:nth-child(3) {
        display:
            none;
    }


    .vht-browser__features small {
        display:
            none;
    }


    .vht-float {
        font-size:
            10px;
    }


    .vht-float--booking {
        right:
            0;
    }


    .vht-activity {
        display:
            none;
    }

}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes vhtFadeUp {

    from {
        opacity:
            0;

        transform:
            translateY(17px);
    }

    to {
        opacity:
            1;

        transform:
            translateY(0);
    }

}


@keyframes vhtVisualIn {

    from {
        opacity:
            0;

        transform:
            translateY(25px)
            scale(.96);
    }

    to {
        opacity:
            1;

        transform:
            translateY(0)
            scale(1);
    }

}


@keyframes vhtPulse {

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

    50% {
        transform:
            scale(1.10);
    }

}


@keyframes vhtLive {

    from {
        opacity:
            .8;

        transform:
            scale(.6);
    }

    to {
        opacity:
            0;

        transform:
            scale(1.8);
    }

}


@keyframes vhtSpark {

    0%,
    100% {
        opacity:
            .55;

        transform:
            scale(.8);
    }

    50% {
        opacity:
            1;

        transform:
            scale(1.35);
    }

}


@keyframes vhtRotate {

    from {
        transform:
            translate(-50%, -50%)
            rotate(0);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }

}


@keyframes vhtFloatOne {

    0%,
    100% {
        margin-top:
            0;
    }

    50% {
        margin-top:
            -10px;
    }

}


@keyframes vhtFloatTwo {

    0%,
    100% {
        margin-bottom:
            0;
    }

    50% {
        margin-bottom:
            9px;
    }

}


@keyframes vhtFloatThree {

    0%,
    100% {
        margin-left:
            0;
    }

    50% {
        margin-left:
            8px;
    }

}


@keyframes vhtOrbGreen {

    from {
        transform:
            translate3d(0,0,0)
            scale(1);
    }

    to {
        transform:
            translate3d(-65px,65px,0)
            scale(1.18);
    }

}


@keyframes vhtOrbOrange {

    from {
        transform:
            translate3d(0,0,0)
            scale(1);
    }

    to {
        transform:
            translate3d(75px,-45px,0)
            scale(1.15);
    }

}


/* =========================================
   ACCESSIBILITY
========================================= */

.vht-hero a:focus-visible {
    outline:
        3px solid var(--orange);

    outline-offset:
        4px;
}


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

    .vht-hero *,
    .vht-hero *::before,
    .vht-hero *::after {
        animation:
            none !important;

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c546123 *//* =========================================================
   VISTAWEB - HALL WEBSITE FEATURES
========================================================= */

.vhtf-feature:hover .vhtf-feature__top strong,
.vhtf-feature.is-active .vhtf-feature__top strong {
    color: var(--orange) !important;
}

.vhtf {
    --green: #3DAC4D;
    --orange: #F89A08;
    --navy: #0D1A31;
    --white: #FFFFFF;

    position: relative;
    isolation: isolate;
    overflow: hidden;

    width: 100%;

    padding:
        100px 22px;

    direction: rtl;

    background:
        radial-gradient(
            circle at 94% 10%,
            rgba(61,172,77,.09),
            transparent 27%
        ),
        radial-gradient(
            circle at 5% 90%,
            rgba(248,154,8,.09),
            transparent 25%
        ),
        #f8faf9;

    color:
        var(--navy);

    font-family:
        inherit;
}


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


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


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

.vhtf__orb {
    position:
        absolute;

    z-index:
        -2;

    width:
        430px;

    height:
        430px;

    border-radius:
        50%;

    filter:
        blur(110px);

    pointer-events:
        none;
}


.vhtf__orb--green {
    top:
        -190px;

    right:
        -160px;

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


.vhtf__orb--orange {
    bottom:
        -190px;

    left:
        -160px;

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


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

.vhtf__container {
    width:
        min(100%, 1240px);

    margin-inline:
        auto;
}


/* =========================================================
   HEADER
========================================================= */

.vhtf__header {
    max-width:
        850px;

    margin:
        0 auto 46px;

    text-align:
        center;
}


.vhtf__badge {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    margin-bottom:
        17px;

    padding:
        9px 15px;

    border-radius:
        999px;

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

    color:
        #a86600;

    font-size:
        15px;

    line-height:
        1.7;

    font-weight:
        800;
}


.vhtf__badge span {
    color:
        var(--green);
}


.vhtf__header h2 {
    margin:
        0;

    color:
        var(--navy);

    font-size:
        clamp(34px, 4.5vw, 56px);

    line-height:
        1.35;

    font-weight:
        950;

    letter-spacing:
        -1px;
}


.vhtf__header h2 strong {
    display:
        block;

    margin-top:
        4px;

    color:
        var(--green);

    font-size:
        .74em;

    line-height:
        1.5;
}


.vhtf__lead {
    max-width:
        760px;

    margin:
        18px auto 0;

    color:
        #5f6875;

    font-size:
        18px;

    line-height:
        2;

    font-weight:
        500;
}


.vhtf__lead strong {
    color:
        var(--navy);

    font-weight:
        900;
}


/* =========================================================
   LAYOUT
========================================================= */

.vhtf__layout {
    display:
        grid;

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

    align-items:
        start;

    gap:
        24px;
}


/* =========================================================
   FEATURES
========================================================= */

.vhtf__features {
    display:
        grid;

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

    grid-auto-rows:
        1fr;

    align-items:
        stretch;

    gap:
        10px;
}


.vhtf-feature {
    position:
        relative;

    min-width:
        0;

    height:
        100%;

    min-height:
        104px;

    display:
        grid;

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

    align-items:
        center;

    gap:
        11px;

    padding:
        14px;

    border:
        2px solid #e6ebe7;

    border-radius:
        18px;

    background:
        #fff;

    color:
        var(--navy);

    text-align:
        right;

    font-family:
        inherit;

    cursor:
        pointer;

    box-shadow:
        0 10px 30px rgba(13,26,49,.04);

    -webkit-tap-highlight-color:
        transparent;

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


.vhtf-feature__icon {
    display:
        grid;

    place-items:
        center;

    width:
        45px;

    height:
        45px;

    flex:
        0 0 45px;

    border-radius:
        14px;

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

    font-size:
        20px;

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


.vhtf-feature__body {
    min-width:
        0;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    min-height:
        62px;
}


.vhtf-feature__top {
    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        6px;
}


.vhtf-feature__top strong {
    color:
        var(--navy);

    font-size:
        15px;

    line-height:
        1.55;

    font-weight:
        900;
}


.vhtf-feature__text {
    display:
        block;

    margin-top:
        5px;

    color:
        #727b85;

    font-size:
        13px;

    line-height:
        1.65;
}


.vhtf-feature__arrow {
    color:
        #a5adb4;

    font-size:
        18px;

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


/* tags */

.vhtf-tag {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        21px;

    padding:
        2px 7px;

    border-radius:
        999px;

    font-size:
        10px;

    line-height:
        1;

    font-weight:
        900;
}


.vhtf-tag--essential {
    background:
        rgba(61,172,77,.10);

    color:
        #278c36;
}


.vhtf-tag--useful {
    background:
        rgba(13,26,49,.07);

    color:
        #596675;
}


.vhtf-tag--growth {
    background:
        rgba(61,172,77,.10);

    color:
        #278c36;
}


.vhtf-tag--advanced {
    background:
        rgba(248,154,8,.11);

    color:
        #a86600;
}


/* active */

.vhtf-feature.is-active {
    border-color:
        var(--green);

    background:
        linear-gradient(
            145deg,
            rgba(61,172,77,.12),
            #fff
        );

    box-shadow:
        0 14px 32px rgba(61,172,77,.11);

    transform:
        translateY(-3px);
}


.vhtf-feature.is-active
.vhtf-feature__icon {
    background:
        var(--green);

    transform:
        rotate(-4deg)
        scale(1.06);
}


.vhtf-feature.is-active
.vhtf-feature__arrow {
    color:
        var(--green);

    transform:
        translateX(-4px);
}


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

.vhtf-panel {
    position:
        sticky;

    top:
        24px;

    overflow:
        hidden;

    min-height:
        530px;

    padding:
        clamp(25px, 3vw, 34px);

    border-radius:
        28px;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(61,172,77,.24),
            transparent 35%
        ),
        radial-gradient(
            circle at 0 100%,
            rgba(248,154,8,.14),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #152945,
            var(--navy)
        );

    color:
        #fff;

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


.vhtf-panel.is-changing {
    animation:
        vhtfChange .33s ease;
}


.vhtf-panel__top {
    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    margin-bottom:
        19px;
}


.vhtf-panel__icon {
    display:
        grid;

    place-items:
        center;

    width:
        61px;

    height:
        61px;

    flex:
        0 0 61px;

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

    border-radius:
        18px;

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

    font-size:
        27px;
}


.vhtf-panel__type {
    display:
        inline-flex;

    padding:
        7px 10px;

    border-radius:
        999px;

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

    color:
        #90e89b;

    font-size:
        12px;

    font-weight:
        900;
}


.vhtf-panel__title {
    margin:
        0;

    color:
        #fff;

    font-size:
        clamp(25px, 2.8vw, 34px);

    line-height:
        1.5;

    font-weight:
        950;
}


.vhtf-panel__description {
    margin:
        13px 0 0;

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

    font-size:
        16px;

    line-height:
        2;
}


/* =========================================================
   FLOW
========================================================= */

.vhtf-panel__flow {
    margin-top:
        24px;
}


.vhtf-panel__flow > p {
    margin:
        0 0 11px;

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

    font-size:
        12px;
}


.vhtf-panel__flow-row {
    display:
        grid;

    grid-template-columns:
        1fr auto 1fr auto 1fr auto 1fr;

    align-items:
        center;

    gap:
        5px;
}


.vhtf-panel__flow-row span {
    min-width:
        0;

    padding:
        10px 5px;

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

    border-radius:
        11px;

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

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

    font-size:
        12px;

    font-weight:
        800;

    text-align:
        center;

    transition:
        .25s ease;
}


.vhtf-panel__flow-row i {
    color:
        rgba(255,255,255,.20);

    font-size:
        13px;

    font-style:
        normal;
}


.vhtf-panel__flow-row span.is-done {
    border-color:
        rgba(61,172,77,.17);

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

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


.vhtf-panel__flow-row span.is-active {
    border-color:
        rgba(248,154,8,.50);

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

    color:
        #fff;

    transform:
        translateY(-3px);
}


/* =========================================================
   BENEFIT
========================================================= */

.vhtf-panel__benefit {
    display:
        flex;

    align-items:
        center;

    gap:
        11px;

    margin-top:
        22px;

    padding:
        14px;

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

    border-radius:
        15px;

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


.vhtf-panel__benefit > span {
    display:
        grid;

    place-items:
        center;

    width:
        36px;

    height:
        36px;

    flex:
        0 0 36px;

    border-radius:
        11px;

    background:
        var(--green);

    color:
        #fff;

    font-size:
        14px;

    font-weight:
        900;
}


.vhtf-panel__benefit small {
    display:
        block;

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

    font-size:
        11px;
}


.vhtf-panel__benefit strong {
    display:
        block;

    margin-top:
        3px;

    color:
        #fff;

    font-size:
        14px;

    line-height:
        1.6;

    font-weight:
        900;
}


/* =========================================================
   NOTE
========================================================= */

.vhtf-panel__note {
    display:
        flex;

    align-items:
        flex-start;

    gap:
        9px;

    margin-top:
        17px;

    padding:
        12px;

    border-radius:
        13px;

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


.vhtf-panel__note > span {
    flex:
        0 0 auto;

    font-size:
        17px;
}


.vhtf-panel__note p {
    margin:
        0;

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

    font-size:
        12px;

    line-height:
        1.85;
}


/* =========================================================
   CTA
========================================================= */

.vhtf-panel__cta {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    min-height:
        64px;

    margin-top:
        19px;

    padding:
        11px 14px;

    border-radius:
        15px;

    background:
        linear-gradient(
            135deg,
            var(--green),
            #31943f
        );

    color:
        #fff !important;

    box-shadow:
        0 12px 29px rgba(61,172,77,.24);

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


.vhtf-panel__cta > span {
    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;
}


.vhtf-panel__cta small {
    color:
        rgba(255,255,255,.69);

    font-size:
        11px;
}


.vhtf-panel__cta strong {
    color:
        #fff;

    font-size:
        18px;

    font-weight:
        950;
}


.vhtf-panel__cta i {
    display:
        grid;

    place-items:
        center;

    width:
        40px;

    height:
        40px;

    flex:
        0 0 40px;

    border-radius:
        12px;

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

    font-size:
        18px;

    font-style:
        normal;
}


/* =========================================================
   BOTTOM ANSWER
========================================================= */

.vhtf__answer {
    display:
        grid;

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

    align-items:
        flex-start;

    gap:
        15px;

    margin-top:
        32px;

    padding:
        23px;

    border:
        1px solid #e4eae6;

    border-radius:
        20px;

    background:
        #fff;

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


.vhtf__answer > span {
    display:
        grid;

    place-items:
        center;

    width:
        45px;

    height:
        45px;

    border-radius:
        14px;

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

    color:
        var(--orange);

    font-size:
        18px;
}


.vhtf__answer-title {
    margin:
        0;

    color:
        var(--navy);

    font-size:
        19px;

    line-height:
        1.6;

    font-weight:
        900;
}


.vhtf__answer div > p:last-child {
    margin:
        6px 0 0;

    color:
        #626c77;

    font-size:
        15px;

    line-height:
        1.9;
}


/* =========================================================
   HOVER
========================================================= */

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

    .vhtf-feature:hover {
        transform:
            translateY(-4px);

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

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


    .vhtf-panel__cta:hover {
        transform:
            translateY(-4px);

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

}


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

@media (max-width: 1050px) {

    .vhtf__layout {
        grid-template-columns:
            1fr;
    }


    .vhtf-panel {
        position:
            relative;

        top:
            auto;

        min-height:
            0;
    }

}


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

@media (max-width: 700px) {

    .vhtf {
        padding:
            70px 15px;
    }


    .vhtf__header {
        margin-bottom:
            31px;
    }


    .vhtf__header h2 {
        font-size:
            clamp(31px, 9vw, 43px);
    }


    .vhtf__lead {
        font-size:
            17px;

        line-height:
            1.95;
    }


    .vhtf__features {
        grid-template-columns:
            1fr;
    }


    .vhtf-feature {
        min-height:
            92px;
    }


    .vhtf-panel {
        padding:
            22px 17px;

        border-radius:
            22px;
    }


    .vhtf-panel__description {
        font-size:
            15px;
    }


    .vhtf-panel__flow-row {
        grid-template-columns:
            repeat(4, minmax(0,1fr));

        gap:
            6px;
    }


    .vhtf-panel__flow-row i {
        display:
            none;
    }


    .vhtf__answer {
        grid-template-columns:
            1fr;

        padding:
            19px 16px;
    }

}


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

@media (max-width: 390px) {

    .vhtf-feature {
        grid-template-columns:
            auto minmax(0,1fr);
    }


    .vhtf-feature__arrow {
        display:
            none;
    }


    .vhtf-panel__flow-row span {
        padding:
            9px 3px;

        font-size:
            11px;
    }

}


/* =========================================================
   ANIMATION
========================================================= */

@keyframes vhtfChange {

    0% {
        opacity:
            1;

        transform:
            scale(1);
    }

    42% {
        opacity:
            .77;

        transform:
            scale(.982);
    }

    100% {
        opacity:
            1;

        transform:
            scale(1);
    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.vhtf button:focus-visible,
.vhtf a:focus-visible {
    outline:
        3px solid var(--orange);

    outline-offset:
        4px;
}


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

    .vhtf *,
    .vhtf *::before,
    .vhtf *::after {
        animation:
            none !important;

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-494df69 *//* =========================================================
   VISTAWEB - CUSTOMER JOURNEY ROADMAP
   DIFFERENT VISUAL THEME
========================================================= */

.vjr {
    --green: #3DAC4D;
    --orange: #F89A08;
    --navy: #0D1A31;
    --white: #FFFFFF;

    position: relative;
    isolation: isolate;
    overflow: hidden;

    width: 100%;

    padding:
        105px 22px;

    direction: rtl;

    background:
        linear-gradient(
            180deg,
            #fffaf2 0%,
            #ffffff 34%,
            #f5fbf6 100%
        );

    color:
        var(--navy);

    font-family:
        inherit;
}


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


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


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

.vjr__pattern {
    position:
        absolute;

    inset:
        0;

    z-index:
        -2;

    opacity:
        .35;

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

    background-size:
        22px 22px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 20%,
            #000 80%,
            transparent
        );

    pointer-events:
        none;
}


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

.vjr__container {
    width:
        min(100%, 1180px);

    margin-inline:
        auto;
}


/* =========================================================
   HEADER
========================================================= */

.vjr__header {
    max-width:
        850px;

    margin:
        0 auto 68px;

    text-align:
        center;
}


.vjr__eyebrow {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    margin-bottom:
        17px;

    padding:
        9px 15px;

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

    border-radius:
        999px;

    background:
        #fff4df;

    color:
        #9a6208;

    font-size:
        15px;

    font-weight:
        800;
}


.vjr__eyebrow span {
    display:
        grid;

    place-items:
        center;

    width:
        25px;

    height:
        25px;

    border-radius:
        50%;

    background:
        var(--orange);

    color:
        #fff;

    font-size:
        14px;
}


.vjr__header h2 {
    margin:
        0;

    color:
        var(--navy);

    font-size:
        clamp(35px, 4.6vw, 58px);

    line-height:
        1.35;

    font-weight:
        950;

    letter-spacing:
        -1px;
}


.vjr__header h2 strong {
    display:
        block;

    margin-top:
        5px;

    color:
        var(--orange);

    font-size:
        .73em;

    line-height:
        1.5;
}


.vjr__lead {
    max-width:
        750px;

    margin:
        18px auto 0;

    color:
        #626c77;

    font-size:
        18px;

    line-height:
        2;

    font-weight:
        500;
}


.vjr__lead strong {
    color:
        var(--navy);

    font-weight:
        900;
}


/* =========================================================
   BOARD
========================================================= */

.vjr__board {
    position:
        relative;

    width:
        100%;

    padding:
        50px 0 60px;
}


/* =========================================================
   CENTRAL LINE
========================================================= */

.vjr__line {
    position:
        absolute;

    top:
        48px;

    bottom:
        75px;

    right:
        50%;

    width:
        4px;

    transform:
        translateX(50%);

    border-radius:
        999px;

    background:
        linear-gradient(
            to bottom,
            var(--orange) 0%,
            #ffc266 25%,
            var(--green) 75%,
            #1e8930 100%
        );

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


/* =========================================================
   START
========================================================= */

.vjr__start {
    position:
        relative;

    z-index:
        3;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    width:
        max-content;

    min-height:
        40px;

    margin:
        -50px auto 38px;

    padding:
        8px 14px;

    border-radius:
        999px;

    background:
        var(--navy);

    color:
        #fff;

    box-shadow:
        0 10px 25px rgba(13,26,49,.14);

    font-size:
        13px;

    font-weight:
        800;
}


.vjr__start span {
    color:
        var(--orange);

    font-size:
        11px;
}


/* =========================================================
   STEP
========================================================= */

.vjr-step {
    position:
        relative;

    z-index:
        2;

    display:
        grid;

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

    align-items:
        center;

    min-height:
        205px;
}


.vjr-step__dot {
    grid-column:
        2;

    justify-self:
        center;

    z-index:
        4;

    display:
        grid;

    place-items:
        center;

    width:
        54px;

    height:
        54px;

    border:
        6px solid #fff;

    border-radius:
        50%;

    background:
        var(--orange);

    color:
        #fff;

    box-shadow:
        0 8px 24px rgba(248,154,8,.26);

    font-size:
        13px;

    font-weight:
        950;
}


/* cards */

.vjr-step__card {
    position:
        relative;

    width:
        min(100%, 480px);

    min-height:
        170px;

    padding:
        22px;

    border:
        1px solid #e9e6df;

    border-radius:
        24px;

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

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

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


.vjr-step--right
.vjr-step__card {
    grid-column:
        1;

    justify-self:
        end;
}


.vjr-step--left
.vjr-step__card {
    grid-column:
        3;

    justify-self:
        start;
}


/* connector line */

.vjr-step__card::after {
    content:
        "";

    position:
        absolute;

    top:
        50%;

    width:
        31px;

    height:
        2px;

    background:
        #e6dfd4;

    transform:
        translateY(-50%);
}


.vjr-step--right
.vjr-step__card::after {
    left:
        -31px;
}


.vjr-step--left
.vjr-step__card::after {
    right:
        -31px;
}


/* alternating color accents */

.vjr-step:nth-of-type(odd)
.vjr-step__card {
    border-top:
        4px solid var(--orange);
}


.vjr-step:nth-of-type(even)
.vjr-step__card {
    border-top:
        4px solid var(--green);
}


.vjr-step:nth-of-type(even)
.vjr-step__dot {
    background:
        var(--green);

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


/* =========================================================
   CARD TOP
========================================================= */

.vjr-step__top {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    margin-bottom:
        13px;
}


.vjr-step__icon {
    display:
        grid;

    place-items:
        center;

    width:
        45px;

    height:
        45px;

    border-radius:
        14px;

    background:
        #fff4df;

    font-size:
        20px;
}


.vjr-step:nth-of-type(even)
.vjr-step__icon {
    background:
        #eef9f0;
}


.vjr-step__label {
    padding:
        6px 10px;

    border-radius:
        999px;

    background:
        #f5f6f7;

    color:
        #737d87;

    font-size:
        11px;

    font-weight:
        800;
}


/* =========================================================
   CARD TEXT
========================================================= */

.vjr-step__title {
    margin:
        0;

    color:
        var(--navy);

    font-size:
        19px;

    line-height:
        1.65;

    font-weight:
        950;
}


.vjr-step__text {
    margin:
        8px 0 0;

    color:
        #66717d;

    font-size:
        14px;

    line-height:
        1.9;
}


/* =========================================================
   RESULT
========================================================= */

.vjr-step__result {
    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    margin-top:
        14px;

    padding:
        10px 11px;

    border-radius:
        12px;

    background:
        #f7f8f7;
}


.vjr-step__result > span {
    display:
        grid;

    place-items:
        center;

    width:
        24px;

    height:
        24px;

    flex:
        0 0 24px;

    border-radius:
        8px;

    background:
        var(--green);

    color:
        #fff;

    font-size:
        11px;

    font-weight:
        900;
}


.vjr-step__result p {
    margin:
        0;

    color:
        #75808a;

    font-size:
        12px;

    line-height:
        1.6;
}


.vjr-step__result strong {
    color:
        var(--navy);

    font-weight:
        900;
}


/* =========================================================
   FINAL CARD
========================================================= */

.vjr-step__card--final {
    background:
        linear-gradient(
            145deg,
            #f4fbf5,
            #ffffff
        );

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


/* =========================================================
   FINISH
========================================================= */

.vjr__finish {
    position:
        relative;

    z-index:
        4;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        11px;

    width:
        min(100%, 410px);

    margin:
        34px auto -30px;

    padding:
        15px 20px;

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

    border-radius:
        19px;

    background:
        var(--navy);

    color:
        #fff;

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


.vjr__finish-icon {
    display:
        grid;

    place-items:
        center;

    width:
        40px;

    height:
        40px;

    flex:
        0 0 40px;

    border-radius:
        12px;

    background:
        var(--green);

    color:
        #fff;

    font-weight:
        950;
}


.vjr__finish p {
    margin:
        0;

    color:
        #fff;

    font-size:
        15px;

    font-weight:
        900;
}


.vjr__finish div > span {
    display:
        block;

    margin-top:
        2px;

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

    font-size:
        11px;
}


/* =========================================================
   CTA AREA
========================================================= */

.vjr__cta {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        25px;

    margin-top:
        62px;

    padding:
        26px;

    border:
        1px solid #e4e8e4;

    border-radius:
        26px;

    background:
        #fff;

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


.vjr__cta-copy {
    display:
        grid;

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

    align-items:
        center;

    gap:
        14px;

    max-width:
        720px;
}


.vjr__cta-icon {
    display:
        grid;

    place-items:
        center;

    width:
        52px;

    height:
        52px;

    border-radius:
        16px;

    background:
        #fff3df;

    color:
        var(--orange);

    font-size:
        20px;
}


.vjr__cta-title {
    margin:
        0;

    color:
        var(--navy);

    font-size:
        19px;

    line-height:
        1.6;

    font-weight:
        950;
}


.vjr__cta-copy div > p:last-child {
    margin:
        5px 0 0;

    color:
        #66717c;

    font-size:
        14px;

    line-height:
        1.85;
}


/* call */

.vjr__call {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    min-width:
        275px;

    min-height:
        65px;

    padding:
        11px 15px;

    border-radius:
        16px;

    background:
        var(--orange);

    color:
        #fff !important;

    box-shadow:
        0 13px 30px rgba(248,154,8,.25);

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


.vjr__call > span {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;
}


.vjr__call small {
    color:
        rgba(255,255,255,.76);

    font-size:
        11px;
}


.vjr__call strong {
    margin-top:
        2px;

    color:
        #fff;

    font-size:
        18px;

    font-weight:
        950;
}


.vjr__call i {
    display:
        grid;

    place-items:
        center;

    width:
        40px;

    height:
        40px;

    flex:
        0 0 40px;

    border-radius:
        12px;

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

    font-size:
        18px;

    font-style:
        normal;
}


/* =========================================================
   HOVER
========================================================= */

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

    .vjr-step__card:hover {
        transform:
            translateY(-6px);

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

        box-shadow:
            0 24px 55px rgba(13,26,49,.10);
    }


    .vjr-step:nth-of-type(even)
    .vjr-step__card:hover {
        border-color:
            rgba(61,172,77,.32);
    }


    .vjr__call:hover {
        transform:
            translateY(-4px);

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

}


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

@media (max-width: 900px) {

    .vjr__line {
        right:
            32px;

        transform:
            none;
    }


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

        min-height:
            auto;

        margin-bottom:
            25px;
    }


    .vjr-step__dot {
        grid-column:
            1;

        grid-row:
            1;

        justify-self:
            center;
    }


    .vjr-step--right
    .vjr-step__card,
    .vjr-step--left
    .vjr-step__card {
        grid-column:
            2;

        grid-row:
            1;

        justify-self:
            stretch;

        width:
            100%;
    }


    .vjr-step__card::after {
        top:
            27px;

        width:
            31px;
    }


    .vjr-step--right
    .vjr-step__card::after,
    .vjr-step--left
    .vjr-step__card::after {
        right:
            -31px;

        left:
            auto;
    }


    .vjr__finish {
        margin-top:
            20px;
    }


    .vjr__cta {
        flex-direction:
            column;

        align-items:
            stretch;
    }


    .vjr__call {
        width:
            100%;

        min-width:
            0;
    }

}


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

@media (max-width: 600px) {

    .vjr {
        padding:
            70px 15px;
    }


    .vjr__header {
        margin-bottom:
            48px;
    }


    .vjr__header h2 {
        font-size:
            clamp(31px, 9vw, 43px);
    }


    .vjr__lead {
        font-size:
            17px;

        line-height:
            1.95;
    }


    .vjr__board {
        padding-top:
            42px;
    }


    .vjr__line {
        right:
            23px;

        width:
            3px;
    }


    .vjr-step {
        grid-template-columns:
            48px minmax(0,1fr);

        margin-bottom:
            22px;
    }


    .vjr-step__dot {
        width:
            45px;

        height:
            45px;

        border-width:
            5px;

        font-size:
            11px;
    }


    .vjr-step__card {
        min-height:
            0;

        padding:
            18px 15px;

        border-radius:
            19px;
    }


    .vjr-step__card::after {
        top:
            22px;

        width:
            24px;
    }


    .vjr-step--right
    .vjr-step__card::after,
    .vjr-step--left
    .vjr-step__card::after {
        right:
            -24px;
    }


    .vjr-step__title {
        font-size:
            17px;
    }


    .vjr-step__text {
        font-size:
            14px;
    }


    .vjr__finish {
        width:
            calc(100% - 35px);

        margin-top:
            25px;
    }


    .vjr__cta {
        margin-top:
            55px;

        padding:
            19px 16px;

        border-radius:
            20px;
    }


    .vjr__cta-copy {
        grid-template-columns:
            1fr;
    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.vjr a:focus-visible {
    outline:
        3px solid var(--green);

    outline-offset:
        4px;
}


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

    .vjr *,
    .vjr *::before,
    .vjr *::after {
        animation:
            none !important;

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9b2c518 *//* =========================================================
   VISTAWEB - PREMIUM SECTORS + WHY VISTAWEB
========================================================= */

.vxp {
    --green: #3DAC4D;
    --orange: #F89A08;
    --navy: #0D1A31;
    --white: #FFFFFF;
    --cream: #FFF9EF;

    width: 100%;
    max-width: 100%;

    overflow: hidden;

    direction: rtl;

    font-family: inherit;

    text-align: justify;
}


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


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


/* =========================================================
   SECTOR SECTIONS
========================================================= */

.vxp-sector {
    position: relative;

    width: 100%;

    padding:
        90px 22px;

    color:
        var(--navy);
}


.vxp-sector--garden {
    background:
        linear-gradient(
            125deg,
            #fff9ed 0%,
            #ffffff 48%,
            #f5faf5 100%
        );
}


.vxp-sector--ceremony {
    border-top:
        1px solid #edf0ed;

    background:
        linear-gradient(
            125deg,
            #f5faf5 0%,
            #ffffff 52%,
            #fff9ef 100%
        );
}


.vxp-sector__container {
    position:
        relative;

    width:
        min(100%, 1180px);

    margin-inline:
        auto;
}


/* Giant number */

.vxp-sector__index {
    position:
        absolute;

    top:
        -56px;

    left:
        0;

    z-index:
        0;

    color:
        rgba(13,26,49,.035);

    font-family:
        Arial, sans-serif;

    font-size:
        clamp(110px, 15vw, 180px);

    line-height:
        1;

    font-weight:
        900;

    letter-spacing:
        -8px;

    pointer-events:
        none;

    user-select:
        none;
}


/* =========================================================
   SECTOR LAYOUT
========================================================= */

.vxp-sector__layout {
    position:
        relative;

    z-index:
        2;

    display:
        grid;

    grid-template-columns:
        minmax(240px, .55fr)
        minmax(0, 1.45fr);

    align-items:
        center;

    gap:
        clamp(40px, 7vw, 90px);
}


/* =========================================================
   INTRO
========================================================= */

.vxp-sector__intro {
    padding:
        25px 0;

    border-top:
        1px solid rgba(13,26,49,.13);

    border-bottom:
        1px solid rgba(13,26,49,.13);
}


.vxp-sector__tag {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    color:
        var(--orange);

    font-size:
        13px;

    font-weight:
        900;
}


.vxp-sector--ceremony
.vxp-sector__tag {
    color:
        var(--green);
}


.vxp-sector__tag span {
    font-size:
        15px;
}


.vxp-sector__kicker {
    margin:
        15px 0 0;

    color:
        var(--navy);

    font-size:
        clamp(21px, 2.4vw, 30px);

    line-height:
        1.7;

    font-weight:
        950;
}


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

.vxp-sector__content {
    min-width:
        0;
}


.vxp-sector__content h2 {
    margin:
        0;

    color:
        var(--navy);

    font-size:
        clamp(33px, 4vw, 52px);

    line-height:
        1.4;

    font-weight:
        950;

    letter-spacing:
        -.7px;
}


.vxp-sector__content h2 strong {
    display:
        block;

    margin-top:
        3px;

    color:
        var(--orange);

    font-size:
        .69em;

    line-height:
        1.6;
}


.vxp-sector--ceremony
.vxp-sector__content h2 strong {
    color:
        var(--green);
}


.vxp-sector__text {
    max-width:
        800px;

    margin:
        20px 0 0;

    color:
        #59646f;

    font-size:
        17px;

    line-height:
        2.05;
}


.vxp-sector__text strong {
    color:
        var(--navy);

    font-weight:
        900;
}


/* keywords */

.vxp-sector__keywords {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px;

    margin-top:
        23px;
}


.vxp-sector__keywords span {
    display:
        inline-flex;

    align-items:
        center;

    min-height:
        34px;

    padding:
        5px 11px;

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

    border-radius:
        999px;

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

    color:
        #7c6744;

    font-size:
        11px;

    font-weight:
        800;
}


.vxp-sector--ceremony
.vxp-sector__keywords span {
    border-color:
        rgba(61,172,77,.18);

    color:
        #4c7453;
}


/* =========================================================
   WHY VISTAWEB
========================================================= */

.vxp-why {
    position:
        relative;

    isolation:
        isolate;

    overflow:
        hidden;

    width:
        100%;

    padding:
        115px 22px;

    background:
        #f4f1e9;

    color:
        var(--navy);
}


/* premium diagonal detail */

.vxp-why::before {
    content:
        "";

    position:
        absolute;

    top:
        0;

    right:
        0;

    width:
        42%;

    height:
        8px;

    background:
        var(--green);
}


.vxp-why::after {
    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        18%;

    height:
        8px;

    background:
        var(--orange);
}


/* background shapes */

.vxp-why__shape {
    position:
        absolute;

    z-index:
        -1;

    border-radius:
        50%;

    pointer-events:
        none;
}


.vxp-why__shape--one {
    top:
        -230px;

    right:
        -170px;

    width:
        570px;

    height:
        570px;

    border:
        100px solid rgba(61,172,77,.045);
}


.vxp-why__shape--two {
    bottom:
        -260px;

    left:
        -180px;

    width:
        590px;

    height:
        590px;

    border:
        110px solid rgba(248,154,8,.045);
}


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

.vxp-why__container {
    width:
        min(100%, 1200px);

    margin-inline:
        auto;
}


/* =========================================================
   WHY TOP
========================================================= */

.vxp-why__top {
    display:
        grid;

    grid-template-columns:
        minmax(0, 1.3fr)
        minmax(280px, .7fr);

    align-items:
        end;

    gap:
        70px;

    padding-bottom:
        47px;

    border-bottom:
        1px solid rgba(13,26,49,.14);
}


.vxp-why__eyebrow {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        9px;

    margin-bottom:
        14px;

    color:
        #5c6570;

    font-size:
        14px;

    font-weight:
        900;
}


.vxp-why__eyebrow > span {
    width:
        34px;

    height:
        3px;

    border-radius:
        99px;

    background:
        var(--orange);
}


.vxp-why__heading h2 {
    max-width:
        760px;

    margin:
        0;

    color:
        var(--navy);

    font-size:
        clamp(38px, 4.7vw, 60px);

    line-height:
        1.35;

    font-weight:
        950;

    letter-spacing:
        -1px;
}


.vxp-why__heading h2 strong {
    display:
        block;

    margin-top:
        4px;

    color:
        var(--green);

    font-size:
        .69em;

    line-height:
        1.6;
}


/* quote */

.vxp-why__summary {
    position:
        relative;

    padding:
        24px 0 6px;

    border-top:
        3px solid var(--orange);
}


.vxp-why__quote {
    position:
        absolute;

    top:
        -12px;

    right:
        0;

    color:
        rgba(248,154,8,.18);

    font-family:
        Georgia, serif;

    font-size:
        80px;

    line-height:
        1;
}


.vxp-why__summary p {
    position:
        relative;

    z-index:
        2;

    margin:
        0;

    color:
        #555f68;

    font-size:
        17px;

    line-height:
        2;

    font-weight:
        700;
}


/* =========================================================
   WHY BODY
========================================================= */

.vxp-why__body {
    display:
        grid;

    grid-template-columns:
        minmax(280px, .76fr)
        minmax(0, 1.24fr);

    gap:
        65px;

    margin-top:
        52px;
}


/* =========================================================
   STATEMENT
========================================================= */

.vxp-why__statement {
    position:
        relative;

    padding:
        30px;

    border-radius:
        4px 34px 4px 34px;

    background:
        var(--navy);

    color:
        #fff;

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


.vxp-why__statement::after {
    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        70px;

    height:
        70px;

    border-top:
        5px solid var(--orange);

    border-left:
        5px solid var(--orange);

    border-radius:
        4px 0 0 0;
}


.vxp-why__statement-label {
    color:
        rgba(255,255,255,.26);

    font-family:
        Arial, sans-serif;

    font-size:
        12px;

    letter-spacing:
        4px;

    font-weight:
        900;
}


.vxp-why__statement-title {
    margin:
        25px 0 0;

    color:
        #fff;

    font-size:
        clamp(26px, 3vw, 37px);

    line-height:
        1.6;

    font-weight:
        500;
}


.vxp-why__statement-title strong {
    display:
        block;

    color:
        #8be297;

    font-weight:
        950;
}


.vxp-why__statement-text {
    margin:
        19px 0 0;

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

    font-size:
        14px;

    line-height:
        2;
}


/* =========================================================
   CALL
========================================================= */

.vxp-why__call {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        13px;

    min-height:
        66px;

    margin-top:
        30px;

    padding:
        10px 13px;

    border-radius:
        15px;

    background:
        var(--orange);

    color:
        #fff !important;

    box-shadow:
        0 13px 30px rgba(248,154,8,.20);

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


.vxp-why__call > span {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;
}


.vxp-why__call small {
    color:
        rgba(255,255,255,.76);

    font-size:
        11px;
}


.vxp-why__call strong {
    margin-top:
        2px;

    color:
        #fff;

    font-size:
        18px;

    font-weight:
        950;
}


.vxp-why__call i {
    display:
        grid;

    place-items:
        center;

    width:
        42px;

    height:
        42px;

    flex:
        0 0 42px;

    border-radius:
        12px;

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

    font-size:
        18px;

    font-style:
        normal;
}


/* =========================================================
   REASONS
========================================================= */

.vxp-why__reasons {
    display:
        grid;

    border-top:
        1px solid rgba(13,26,49,.13);
}


.vxp-reason {
    display:
        grid;

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

    align-items:
        center;

    gap:
        17px;

    min-height:
        135px;

    padding:
        20px 5px;

    border-bottom:
        1px solid rgba(13,26,49,.13);

    transition:
        padding .3s ease,
        background .3s ease;
}


.vxp-reason__number {
    color:
        #a8aea8;

    font-family:
        Arial, sans-serif;

    font-size:
        13px;

    font-weight:
        900;
}


.vxp-reason__content {
    min-width:
        0;
}


.vxp-reason__title {
    margin:
        0;

    color:
        var(--navy);

    font-size:
        18px;

    line-height:
        1.65;

    font-weight:
        950;
}


.vxp-reason__content > p:last-child {
    max-width:
        620px;

    margin:
        5px 0 0;

    color:
        #626c75;

    font-size:
        13px;

    line-height:
        1.9;
}


.vxp-reason__icon {
    display:
        grid;

    place-items:
        center;

    width:
        46px;

    height:
        46px;

    border:
        1px solid rgba(13,26,49,.09);

    border-radius:
        50%;

    background:
        #fff;

    box-shadow:
        0 8px 20px rgba(13,26,49,.05);

    font-size:
        19px;
}


/* =========================================================
   BOTTOM STRIP
========================================================= */

.vxp-why__bottom {
    display:
        grid;

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

    margin-top:
        52px;

    border:
        1px solid rgba(13,26,49,.12);

    border-radius:
        18px;

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

    backdrop-filter:
        blur(7px);
}


.vxp-why__bottom > div {
    display:
        grid;

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

    align-items:
        center;

    gap:
        10px;

    min-height:
        90px;

    padding:
        17px 20px;
}


.vxp-why__bottom > div +
div {
    border-right:
        1px solid rgba(13,26,49,.10);
}


.vxp-why__bottom > div > span {
    display:
        grid;

    place-items:
        center;

    width:
        30px;

    height:
        30px;

    border-radius:
        50%;

    background:
        var(--green);

    color:
        #fff;

    font-size:
        12px;

    font-weight:
        900;
}


.vxp-why__bottom p {
    margin:
        0;

    color:
        #68717b;

    font-size:
        12px;

    line-height:
        1.75;
}


.vxp-why__bottom strong {
    display:
        block;

    color:
        var(--navy);

    font-size:
        13px;

    font-weight:
        900;
}


/* =========================================================
   HOVER
========================================================= */

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

    .vxp-why__call:hover {
        transform:
            translateY(-4px);

        box-shadow:
            0 19px 38px rgba(248,154,8,.29);
    }


    .vxp-reason:hover {
        padding-right:
            18px;

        padding-left:
            18px;

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

}


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

@media (max-width: 950px) {

    .vxp-sector__layout {
        grid-template-columns:
            1fr;

        gap:
            35px;
    }


    .vxp-sector__intro {
        max-width:
            620px;
    }


    .vxp-why__top {
        grid-template-columns:
            1fr;

        gap:
            30px;
    }


    .vxp-why__summary {
        max-width:
            650px;
    }


    .vxp-why__body {
        grid-template-columns:
            1fr;

        gap:
            37px;
    }


    .vxp-why__statement {
        max-width:
            700px;
    }

}


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

@media (max-width: 650px) {

    .vxp-sector {
        padding:
            70px 15px;
    }


    .vxp-sector__index {
        top:
            -33px;

        font-size:
            100px;
    }


    .vxp-sector__layout {
        gap:
            29px;
    }


    .vxp-sector__intro {
        padding:
            18px 0;
    }


    .vxp-sector__kicker {
        font-size:
            22px;
    }


    .vxp-sector__content h2 {
        font-size:
            clamp(31px, 9vw, 42px);
    }


    .vxp-sector__text {
        font-size:
            16px;

        line-height:
            2;
    }


    /* WHY */

    .vxp-why {
        padding:
            78px 15px;
    }


    .vxp-why__top {
        padding-bottom:
            35px;
    }


    .vxp-why__heading h2 {
        font-size:
            clamp(32px, 9vw, 44px);
    }


    .vxp-why__summary p {
        font-size:
            15px;
    }


    .vxp-why__body {
        margin-top:
            36px;
    }


    .vxp-why__statement {
        padding:
            25px 18px;

        border-radius:
            3px 25px 3px 25px;
    }


    .vxp-why__statement-title {
        font-size:
            27px;
    }


    .vxp-reason {
        grid-template-columns:
            36px minmax(0,1fr);

        min-height:
            0;

        padding:
            20px 0;
    }


    .vxp-reason__icon {
        display:
            none;
    }


    .vxp-reason__title {
        font-size:
            17px;
    }


    .vxp-why__bottom {
        grid-template-columns:
            1fr;
    }


    .vxp-why__bottom > div +
    div {
        border-right:
            0;

        border-top:
            1px solid rgba(13,26,49,.10);
    }

}


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

@media (max-width: 390px) {

    .vxp-sector__keywords span {
        font-size:
            10px;

        padding:
            4px 9px;
    }


    .vxp-why__call {
        width:
            100%;
    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.vxp a:focus-visible {
    outline:
        3px solid var(--green);

    outline-offset:
        4px;
}


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

    .vxp *,
    .vxp *::before,
    .vxp *::after {
        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8bb89df *//* =========================================================
   VISTAWEB - FINAL CTA
========================================================= */

.vxcta {
    --green: #3DAC4D;
    --orange: #F89A08;
    --navy: #0D1A31;
    --white: #FFFFFF;

    position: relative;
    isolation: isolate;
    overflow: hidden;

    width: 100%;

    padding:
        110px 22px;

    direction: rtl;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f5f8f5 100%
        );

    color:
        var(--navy);

    font-family:
        inherit;
}


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


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


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

.vxcta__decor {
    position:
        absolute;

    z-index:
        -1;

    border-radius:
        50%;

    pointer-events:
        none;
}


.vxcta__decor--one {
    top:
        -230px;

    right:
        -200px;

    width:
        540px;

    height:
        540px;

    border:
        95px solid rgba(61,172,77,.055);
}


.vxcta__decor--two {
    bottom:
        -250px;

    left:
        -190px;

    width:
        560px;

    height:
        560px;

    border:
        100px solid rgba(248,154,8,.055);
}


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

.vxcta__container {
    width:
        min(100%, 1200px);

    margin-inline:
        auto;
}


/* =========================================================
   SHELL
========================================================= */

.vxcta__shell {
    position:
        relative;

    overflow:
        hidden;

    padding:
        clamp(28px, 4.5vw, 55px);

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

    border-radius:
        36px;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(61,172,77,.20),
            transparent 32%
        ),
        radial-gradient(
            circle at 0 100%,
            rgba(248,154,8,.12),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #142946 0%,
            #0D1A31 55%,
            #081321 100%
        );

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


.vxcta__shell::before {
    content:
        "";

    position:
        absolute;

    top:
        0;

    right:
        8%;

    width:
        180px;

    height:
        5px;

    border-radius:
        0 0 999px 999px;

    background:
        var(--green);
}


.vxcta__shell::after {
    content:
        "";

    position:
        absolute;

    top:
        0;

    right:
        calc(8% + 190px);

    width:
        65px;

    height:
        5px;

    border-radius:
        0 0 999px 999px;

    background:
        var(--orange);
}


/* =========================================================
   TOP
========================================================= */

.vxcta__top {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    flex-wrap:
        wrap;

    gap:
        15px;

    padding-bottom:
        24px;

    border-bottom:
        1px solid rgba(255,255,255,.09);
}


.vxcta__eyebrow {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

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

    font-size:
        14px;

    font-weight:
        800;
}


.vxcta__eyebrow span {
    color:
        var(--orange);
}


.vxcta__status {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    min-height:
        34px;

    padding:
        5px 11px;

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

    border-radius:
        999px;

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

    color:
        #91e69c;

    font-size:
        12px;

    font-weight:
        800;
}


.vxcta__status i {
    width:
        8px;

    height:
        8px;

    border-radius:
        50%;

    background:
        var(--green);

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


/* =========================================================
   MAIN
========================================================= */

.vxcta__main {
    display:
        grid;

    grid-template-columns:
        minmax(0,1.3fr)
        minmax(330px,.7fr);

    align-items:
        center;

    gap:
        clamp(40px, 6vw, 80px);

    padding:
        50px 0;
}


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

.vxcta__content h2 {
    max-width:
        760px;

    margin:
        0;

    color:
        #fff;

    font-size:
        clamp(39px, 5vw, 64px);

    line-height:
        1.32;

    font-weight:
        950;

    letter-spacing:
        -1px;
}


.vxcta__content h2 strong {
    display:
        block;

    margin-top:
        5px;

    color:
        var(--orange);

    font-size:
        .69em;

    line-height:
        1.55;
}


.vxcta__lead {
    max-width:
        710px;

    margin:
        22px 0 0;

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

    font-size:
        17px;

    line-height:
        2.05;
}


/* =========================================================
   CHECKS
========================================================= */

.vxcta__checks {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        10px;

    margin-top:
        27px;
}


.vxcta__checks > div {
    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    min-height:
        43px;

    padding:
        8px 11px;

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

    border-radius:
        12px;

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


.vxcta__checks > div > span {
    display:
        grid;

    place-items:
        center;

    width:
        24px;

    height:
        24px;

    flex:
        0 0 24px;

    border-radius:
        7px;

    background:
        var(--green);

    color:
        #fff;

    font-size:
        10px;

    font-weight:
        900;
}


.vxcta__checks p {
    margin:
        0;

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

    font-size:
        12px;

    line-height:
        1.6;
}


.vxcta__checks strong {
    color:
        #fff;

    font-weight:
        900;
}


/* =========================================================
   CONTACT CARD
========================================================= */

.vxcta__contact {
    position:
        relative;

    overflow:
        hidden;

    padding:
        26px;

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

    border-radius:
        26px;

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

    backdrop-filter:
        blur(14px);

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


.vxcta__contact::before {
    content:
        "";

    position:
        absolute;

    top:
        -60px;

    left:
        -60px;

    width:
        160px;

    height:
        160px;

    border-radius:
        50%;

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

    filter:
        blur(10px);

    pointer-events:
        none;
}


.vxcta__contact-label {
    position:
        relative;

    display:
        inline-block;

    color:
        #92e59d;

    font-size:
        11px;

    line-height:
        1.7;

    font-weight:
        800;
}


.vxcta__contact-title {
    position:
        relative;

    margin:
        9px 0 0;

    color:
        #fff;

    font-size:
        clamp(23px, 2.6vw, 30px);

    line-height:
        1.55;

    font-weight:
        950;
}


.vxcta__contact-text {
    position:
        relative;

    margin:
        10px 0 0;

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

    font-size:
        13px;

    line-height:
        1.9;
}


/* =========================================================
   PHONE
========================================================= */

.vxcta__phone {
    position:
        relative;

    display:
        grid;

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

    align-items:
        center;

    gap:
        12px;

    width:
        100%;

    min-height:
        76px;

    margin-top:
        23px;

    padding:
        11px 13px;

    border-radius:
        17px;

    background:
        linear-gradient(
            135deg,
            var(--green),
            #2d913c
        );

    color:
        #fff !important;

    box-shadow:
        0 14px 32px rgba(61,172,77,.22);

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


.vxcta__phone-icon {
    display:
        grid;

    place-items:
        center;

    width:
        47px;

    height:
        47px;

    border-radius:
        14px;

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

    font-size:
        20px;
}


.vxcta__phone > span:nth-child(2) {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;
}


.vxcta__phone small {
    color:
        rgba(255,255,255,.70);

    font-size:
        11px;
}


.vxcta__phone strong {
    margin-top:
        2px;

    color:
        #fff;

    font-size:
        21px;

    line-height:
        1.5;

    font-weight:
        950;

    direction:
        ltr;
}


.vxcta__phone i {
    color:
        rgba(255,255,255,.72);

    font-size:
        19px;

    font-style:
        normal;
}


/* =========================================================
   SAMPLE
========================================================= */

.vxcta__sample {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    min-height:
        50px;

    margin-top:
        9px;

    padding:
        8px 11px;

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

    border-radius:
        13px;

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

    font-size:
        12px;

    font-weight:
        800;

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


.vxcta__sample i {
    color:
        var(--orange);

    font-size:
        16px;

    font-style:
        normal;
}


/* =========================================================
   BOTTOM
========================================================= */

.vxcta__bottom {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    flex-wrap:
        wrap;

    gap:
        15px;

    padding-top:
        22px;

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


.vxcta__bottom p {
    margin:
        0;

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

    font-size:
        11px;

    line-height:
        1.7;
}


.vxcta__bottom p:first-child {
    display:
        flex;

    align-items:
        center;

    gap:
        7px;
}


.vxcta__bottom p:first-child span {
    color:
        var(--green);

    font-size:
        8px;
}


.vxcta__bottom strong {
    color:
        rgba(255,255,255,.55);

    font-weight:
        900;
}


/* =========================================================
   HOVER
========================================================= */

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

    .vxcta__phone:hover {
        transform:
            translateY(-4px);

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


    .vxcta__sample:hover {
        transform:
            translateY(-2px);

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

        color:
            #fff !important;
    }

}


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

@media (max-width: 950px) {

    .vxcta__main {
        grid-template-columns:
            1fr;

        gap:
            38px;
    }


    .vxcta__contact {
        max-width:
            650px;

        width:
            100%;
    }

}


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

@media (max-width: 650px) {

    .vxcta {
        padding:
            75px 15px;
    }


    .vxcta__shell {
        padding:
            24px 17px;

        border-radius:
            26px;
    }


    .vxcta__top {
        align-items:
            flex-start;
    }


    .vxcta__status {
        width:
            max-content;
    }


    .vxcta__main {
        padding:
            38px 0;

        gap:
            32px;
    }


    .vxcta__content h2 {
        font-size:
            clamp(34px, 10vw, 47px);
    }


    .vxcta__lead {
        font-size:
            16px;

        line-height:
            2;
    }


    .vxcta__checks {
        display:
            grid;

        grid-template-columns:
            1fr;
    }


    .vxcta__checks > div {
        width:
            100%;
    }


    .vxcta__contact {
        padding:
            21px 16px;

        border-radius:
            21px;
    }


    .vxcta__phone {
        min-height:
            72px;
    }


    .vxcta__phone strong {
        font-size:
            19px;
    }


    .vxcta__bottom {
        flex-direction:
            column;

        align-items:
            flex-start;
    }

}


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

@media (max-width: 390px) {

    .vxcta__eyebrow {
        font-size:
            12px;
    }


    .vxcta__status {
        font-size:
            10px;
    }


    .vxcta__phone {
        grid-template-columns:
            auto minmax(0,1fr);
    }


    .vxcta__phone > i {
        display:
            none;
    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.vxcta a:focus-visible {
    outline:
        3px solid var(--orange);

    outline-offset:
        4px;
}


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

    .vxcta *,
    .vxcta *::before,
    .vxcta *::after {
        transition:
            none !important;
    }

}/* End custom CSS */