/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.widget_1679644995737 .cta-group  {
   display: none;
}

.widget_1679644995737 .sr-spacer-bottom-50 {
  padding-bottom: 0;
}

#testimonial_slider.Evoque-image-text-slider .slick-initialized .slick-slide:before {
    content: "’’";
    display: block;
    font-family: serif;
    font-size: 8rem;
    font-weight: 700;
    left: -8px;
    line-height: 55px;
    opacity: 0.12;
    position: absolute;
    text-align: center;
    top: -62px;
    color: #fff;
    transform: rotate(180deg);
}

#testimonial_slider.Evoque-image-text-slider .slider-main .image {
    width: 0;
    display: none;
}

#testimonial_slider.Evoque-image-text-slider .slider-main .text {
    width: 80%;
    margin: auto;
}


#exitModal .modal-content {
    border: none;
    border-radius: 8px;
    background: rgba(50, 122, 183, 0.50) !important;
    box-shadow: 0px 0px 16px -4px #327AB7;
    backdrop-filter: blur(16px);
}

#exitModal .sr-modal .modal-body {
    padding: 32px;
}

#exitModal .modal-body {
    text-align: left;
}

#exitModal button.close {
    position: absolute;
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
}

#exitModal h3.heading {
    color: #fff;
}

#exitModal .description {
    color: #fff;
}

#exitModal .modal.show .modal-dialog {
    max-width: 640px !important;
}

#exitModal .modal-dialog {
    max-width: 640px !important;
}

#exitModal .modal-dialog.modal-dialog-centered {
    max-width: 640px !important;
}

.body_dnd_area-row-10-background-image {
    position: relative;
}

.body_dnd_area-row-10-background-image .span12 {
    z-index: 99;
}

#hs-button_widget_1695715501053 {
    position: relative;
    max-width: 260px;
    padding: 14px 30px;
    font-weight: 900;
    font-size: 18px;
}

#hs-button_widget_1695715501053:after {
    display: block;
    position: absolute;
    background-image: url(https://tech.zitec.com/hubfs/Bottom-25.png);
    background-size: contain;
    content: ' ';
    height: 35px;
    width: 150px;
    display: block;
    top: 41.4px;
    left: 104px;
}

#hs-button_widget_1695715501053:before {
    display: block;
    position: absolute;
    background-image: url(https://tech.zitec.com/hubfs/top.png);
    background-size: contain;
    content: ' ';
    height: 35px;
    width: 150px;
    display: block;
    top: -26px;
    left: 2px;
}

.body_dnd_area-row-10-background-image:before {
    background-image: url(https://tech.zitec.com/hs-fs/hubfs/glitter3.png?width=2800&height=1396&name=glitter3.png);
    background-size: contain;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    max-height: 600px;
    content: '';
    position: absolute;
    bottom: 0;
    z-index: 99;
    left: 50%;
    transform: translate(-50%);
    background-repeat: no-repeat;
}

@media screen and (max-width: 1200px) {
    .body_dnd_area-row-10-background-image:before {
        max-width: 100vw;
        max-height: 50vw;
    }
}

@media screen and (max-width: 850px) {
    .body_dnd_area-row-10-background-image {
        padding-bottom: 35vw !important
    }
}

@media screen and (min-width: 500px) and (max-width: 990px) {
    div#hs_cos_wrapper_widget_1679644995737 {
        padding-top: 60px;
    }
}

@media screen and (max-width: 990px) {
    .body_dnd_area-row-10-background-image {

    }

    #hs_cos_wrapper_widget_1695715501053 {
        margin-top: 60px;
    }
}


.hs-button {
    text-align: center;
}

h1 br, h2 br, h3 br {
    display: block;
}

.hs_submit .hs-field-desc {
    display: block !important;
    color: #ffbf24;
    font-size: 20px;
    font-weight: 500;
}

.hs_submit .hs-field-desc:before {
    content: 'Get 15% off now & Benefit from zero friction on your eShop';
}

.hs_cos_wrapper {
    width: 100%;
    margin: auto;
}

#hs_cos_wrapper_widget_1695715697227 {
    text-align: center;
    z-index: 1;
}

#hs_cos_wrapper_widget_1695389304186, #hs_cos_wrapper_widget_1695385957650, #hs_cos_wrapper_widget_1695315978133 {
    text-align: center;
}


a:hover, a:hover:not(.btn) {
    text-decoration: none;
    cursor: pointer;
    color: #ffff;
    background-color: #0e4e97;
}

.hs-button {
    text-transform: none;
    max-width: 212px;
    padding: 10px 30px;
    width: 100%;
    display: inline-block;
}

.buy-btn {
    cursor: pointer;
}

.buy-btn:hover {
    cursor: pointer;
}

.body_dnd_area-row-1-background-image {
    height: 100vh;
    min-height: 680px;
    max-height: 700px;
}

.sr-hero-01.sr-cover-parallax.position-relative.overflow-hidden.widget_1679644995737.bg-none.text-white.text-left.prototype-no-background.cis-mentenanta.cis-mentenanta-uk {
    max-width: 690px;
    width: 100%;
}

.body_dnd_area-row-3-background-gradient {
    background: linear-gradient(180deg, #021F3D 0%, rgba(3, 18, 44, 0.16) 30.87%, rgba(6, 13, 39, 0.16) 83.23%, #070A23 100%);
    backdrop-filter: blur(8px);
}

.body_dnd_area-row-3-background-gradient:before {
    background-image: url(https://tech.zitec.com/hubfs/4652b90….jpeg) !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    content: ' ';
    position: absolute;
}

.body_dnd_area-row-10-max-width-section-centering {
    background: linear-gradient(180deg, #051428 .02%, #001026 33.34%, #244473 66.66%, #0c1118 99.98%);
}

.body_dnd_area-row-7-background-gradient {
    background: linear-gradient(180deg, #051428 0.02%, #275593 33.34%, #244473 66.66%, #010108 99.98%) !important;
}

.body_dnd_area-row-9-max-width-section-centering {
    background: linear-gradient(180deg, #051428 0.02%, #275593 33.34%, #244473 66.66%, #010108 99.98%);
}

.body_dnd_area-row-8-background-image {
    background-color: #000;
}

.ul-tabs {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.li-tab {
    display: inline-flex;
    height: 88px;
    padding: 16px 90px 16px 32px;
    align-items: center;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.01);
    box-shadow: 0px 4px 18px 0px rgba(8, 59, 88, 0.30) inset, 0px 98px 100px -48px rgba(0, 161, 253, 0.30) inset;
    backdrop-filter: blur(10px);
    width: 100%;
}


.li-tab .value {
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 160px;
}

.li-tab .desc {
    color: #FFF;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.hs_data_notice_consent.field span {
    color: #fff;
}

.hs_submit.hs-submit {
    width: 100%;
    text-align: center;
}

input[type=submit].hs-button.primary {
    display: inline-block;
    width: 100%;
    max-width: 100%;
}


.body_dnd_area-row-4-max-width-section-centering {
    background: linear-gradient(180deg, #060922 0%, #050A10 100%);
}

.frame-32,
.frame-32 * {
    box-sizing: border-box;
}

.frame-32 {
    background: linear-gradient(
            180deg,
            rgba(6, 9, 34, 1) 0%,
            rgba(5, 10, 16, 1) 100%
    );
    padding: 80px 0px 80px 0px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    justify-content: center;
    width: 1440px;
    position: relative;
}

.frame-48 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 1120px;
    position: relative;
}

.instant-flexible-assistance-when-you-need-it {
    color: #ffffff;
    text-align: center;
    font: 400 20px/150% "Roboto", sans-serif;
    position: relative;
    align-self: stretch;
}

.frame-9 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.frame-50 {
    border-radius: 8px;
    border-style: solid;
    border-color: #ffbd59;
    border-width: 1px;
    padding: 16px;
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.puplar {
    background: #ffbd59;
    border-radius: 100px;
    padding: 6px 12px 6px 12px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: absolute;
    left: 16px;
    top: -15px;
}

.most-popular {
    color: #000000;
    text-align: left;
    font: 500 12px/125% "Roboto", sans-serif;
    position: relative;
}

.pricing-card {
    background: linear-gradient(
            180deg,
            rgba(47, 113, 165, 1) 0%,
            rgba(37, 74, 128, 1) 100%
    );
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    align-self: stretch;
    justify-content: flex-start;
    flex-shrink: 0;
    max-width: 250px;
    width: 100%;
    position: relative;
    box-shadow: inset 0px 1px 40px 0px rgba(13, 137, 207, 0.2),
    inset 0px 4px 18px 0px rgba(8, 59, 88, 0.3),
    inset 0px 98px 100px -48px rgba(0, 161, 253, 0.3),
    inset 0px -42px 68px -64px rgba(14, 78, 114, 0.3),
    inset 0px 4px 11px -7px rgba(255, 255, 255, 1),
    inset 0px 39px 56px -36px rgba(255, 255, 255, 0.3);
}

.card-content {
    border-radius: 8px;
    border-style: solid;
    border-color: transparent;
    border-width: 0px 1px 1px 1px;
    padding: 32px 10px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.pricing-headear {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.pricing-features {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.pricing-card2 {
    background: linear-gradient(
            180deg,
            rgba(47, 113, 165, 1) 0%,
            rgba(37, 74, 128, 1) 100%
    );
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    max-width: 250px;
    width: 100%:
    position: relative;
    box-shadow: inset 0px 1px 40px 0px rgba(13, 137, 207, 0.2),
    inset 0px 4px 18px 0px rgba(8, 59, 88, 0.3),
    inset 0px 98px 100px -48px rgba(0, 161, 253, 0.3),
    inset 0px -42px 68px -64px rgba(14, 78, 114, 0.3),
    inset 0px 4px 11px -7px rgba(255, 255, 255, 1),
    inset 0px 39px 56px -36px rgba(255, 255, 255, 0.3);
}

.pricing-features2 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 220px;
    position: relative;
}

.pricing-card3 {
    background: linear-gradient(
            180deg,
            rgba(47, 113, 165, 1) 0%,
            rgba(37, 74, 128, 1) 100%
    );
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-self: center;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    max-width: 258px;
    width: 100%;
    position: relative;
    box-shadow: inset 0px 1px 40px 0px rgba(13, 137, 207, 0.2),
    inset 0px 4px 18px 0px rgba(8, 59, 88, 0.3),
    inset 0px 98px 100px -48px rgba(0, 161, 253, 0.3),
    inset 0px -42px 68px -64px rgba(14, 78, 114, 0.3),
    inset 0px 4px 11px -7px rgba(255, 255, 255, 1),
    inset 0px 39px 56px -36px rgba(255, 255, 255, 0.3);
}

.button {
    background: #ffbd59;
    padding: 12px 20px 12px 20px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 212px;
    position: relative;
}

.get-started {
    color: #000000;
    text-align: left;
    font: 600 16px/115% "Roboto", sans-serif;
    position: relative;
}

.stats-boxes {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.stats-boxes .box-row {
    display: flex;
    flex-direction: row;
    gap: 32px;
}

.stats-boxes .box {
    display: flex;
    padding: 32px;
    align-items: center;
    gap: 32px;
    border-radius: 8px;
    background: rgba(3, 15, 41, 0.50);
    flex: 1;
}

.stats-boxes .box .left {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 200px;
}

.stats-boxes .box .right {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
}

.stats-boxes .box .right p {
    font-weight: 300;
}

#testimonial_slider {
    max-width: 700px;
    margin: auto;
}

.module_16795613128607 .logo-slider div {
    margin: 0;
}

@media screen and (max-width: 1146px) {
    .frame-9 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .frame-50 {
        flex-direction: row;
        gap: 32px;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        flex-shrink: 1;
    }
}


@media screen and (max-width: 990px) {
    .stats-boxes {
        padding: 0 20px;
    }

    .stats-boxes .box-row {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }
}

@media screen and (max-width: 880px) {

    h2 {
        font-size: 24px !important;
    }

    p {
        font-size: 1rem !important;
    }


    .frame-50 {
        flex-direction: column;
        gap: 32px;
        align-items: center;
        justify-content: center;
        align-self: center;
        flex-shrink: 1;
    }

    .ul-tabs {
        padding: 0;
        margin-bottom: 40px;
    }

    .li-tab {
        padding: 15px 20px 15px 20px;
    }

    .li-tab .value {
        font-size: 26px;
        width: 110px;
    }

    .li-tab .desc {
        text-align: left;
        font-size: 16px;
        line-height: normal;
    }
}


@media screen and (min-width: 800px) {
    #widget_1679644995737 .container-fluid {
        padding: 0;
    }

    #hs_cos_wrapper_widget_1679644995737 .container-fluid {
        padding: 0;
    }
}

@media screen and (max-width: 500px) {
    .stats-boxes .box {
        flex-direction: column;
    }

    .widget_1695289441182-flexbox-positioning > div {
        max-width: 100%;
        flex-shrink: 0 !important;
        margin-top: 40px;
    }

    .span5.widget-span.widget-type-cell.cell_1695308857835-vertical-alignment.dnd-column {
        padding: 20px;
    }

    #hs_cos_wrapper_widget_1695289441182 {
        text-align: center;
    }

}