:root {
    --transition: .25s;
    --zc-spark: 1.8s;
    --hue: 245
}

*,:after,:before,header *,footer *,aside * {
    box-sizing: border-box
}

html {
    height: 100%
}

.zc-preview-hidden {
    overflow: hidden
}

*,*:before,*:after {
    outline: 0
}

@keyframes zoom {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.5)
    }
}

@keyframes meteor {
    0% {
        opacity: 1;
        margin-top: -300px;
        margin-right: -300px
    }

    12% {
        opacity: 0
    }

    15% {
        margin-top: 300px;
        margin-left: -600px;
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes scroll-up {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.8)
    }
}

@keyframes scale {
    0% {
        opacity: .3
    }

    100% {
        opacity: 1
    }
}

@keyframes moving-line {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

@keyframes righttoleft {
    0% {
        transform: scale(0.5)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes lefttoright {
    0% {
        transform: scale(0.9);
        opacity: .3
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes movingfadeup {
    0% {
        transform: scale(0.8);
        opacity: .5
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes animateGlow {
    0% {
        background-position: 0 50%
    }

    100% {
        background-position: 200% 50%
    }
}

@keyframes slide {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes slide-down-animate {
    0% {
        transform: translateY(-100px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes scroll {
    0% {
        transform: translateX(28%)
    }

    100% {
        transform: translateX(-22%)
    }
}

@keyframes scroll-reverse {
    0% {
        transform: translateX(-28%)
    }

    100% {
        transform: translateX(22%)
    }
}

@keyframes fixed-move {
    0% {
        top: 0;
        transform: scale(1)
    }

    100% {
        top: 130.5%;
        transform: scale(1.89)
    }
}

@keyframes fade-out {
    0% {
        opacity: .5
    }

    100% {
        opacity: 0
    }
}

@keyframes fade-in {
    0% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes grow1 {
    0% {
        height: 0
    }

    100% {
        height: 53px
    }
}

@keyframes grow2 {
    0% {
        height: 0
    }

    100% {
        height: 65px
    }
}

@keyframes grow3 {
    0% {
        height: 0
    }

    100% {
        height: 90px
    }
}

@keyframes grow4 {
    0% {
        height: 0
    }

    100% {
        height: 120px
    }
}

@keyframes grow5 {
    0% {
        height: 0
    }

    100% {
        height: 170px
    }
}

@keyframes grow6 {
    0% {
        height: 0
    }

    100% {
        height: 250px
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes buttonflip {
    to {
        rotate: 360deg
    }
}

@keyframes buttonrotate {
    to {
        transform: rotate(90deg)
    }
}

@keyframes loader-shake {
    0% {
        transform: translateY(0) scale(1.5)
    }

    33% {
        transform: translateY(10px) scale(1.5)
    }

    66% {
        transform: translateY(-10px) scale(1.5)
    }

    100% {
        transform: translateY(0) scale(1.5)
    }
}

@keyframes loader-fade-out {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.8)
    }
}

@keyframes loader-fade-in {
    0% {
        transform: scale(0.8);
        opacity: 0
    }

    100% {
        transform: scale(0.8);
        opacity: .5
    }
}

@keyframes timeline-text {
    0% {
        left: 0
    }

    100% {
        left: -10px
    }
}

@keyframes shimmer {
    0% {
        left: -100%
    }

    100% {
        left: 100%
    }
}

@keyframes scaleAndMoveRight {
    from {
        transform: scale(0.7)
    }

    to {
        transform: scale(1)
    }
}

@keyframes scaleMoveRight {
    from {
        transform: scale(0.9)
    }

    to {
        transform: scale(1)
    }
}

.preview-active {
    overflow-y: scroll;
    overscroll-behavior-y: none;
    height: 100%
}

.preview-active .zc-launchpad-wrapper {
    height: auto;
    margin-top: -18px;
    background: linear-gradient(180deg,#010006 0,#0a0832 16.5%,#0a0832 100%)
}

.preview-active .zc-launchpad-wrapper .zc-main-container {
    height: auto
}

.zc-launchpad-wrapper .zc-banner-content-header-text h3.zc-banner-desc {
    padding: 10px;
    color: #c5c2e9;
    text-align: center;
    font-size: 20px;
    font-family: var(--primaryfont-semibold);
    width: 67%;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 31px
}

.zc-launchpad-wrapper * [tabindex]:not([tabindex="-1"]):focus-visible,.zc-launchpad-wrapper * button:focus-visible,.zc-launchpad-wrapper * a:focus-visible,.zc-launchpad-wrapper * input:focus-visible,.zc-launchpad-wrapper * textarea:focus-visible {
    outline: 1px solid #5964ff;
    box-shadow: 0 0 15px rgb(255 255 255 / 54%)
}

.zc-launchpad-wrapper .zc-header .product-icon,.zc-launchpad-mobile .product-icon {
    height: 44px
}

.zc-launchpad-wrapper .zc-header .zc-title-content {
    margin: 17px 0;
    color: #fff;
    font-family: var(--primaryfont-semibold)
}

.zw-product-header {
    display: none
}

.zc-launchpad-wrapper,.zc-launchpad-mobile {
    width: 100vw;
    height: 100%;
    background: #050a19;
    background: linear-gradient(0,#050a19 0,#0b1b4a 100%);
    position: relative;
    background: #0a0832;
    background: linear-gradient(0,rgba(10,8,50,1) 36%,rgba(5,3,25,1) 75%);
    min-height: 100vh
}

.zc-launchpad-wrapper .zc-main-container {
    height: 100%;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative
}

.zc-launchpad-wrapper .zc-background {
    position: relative
}

.zc-launchpad-wrapper .zc-background-image,.zc-launchpad-mobile .zc-background-image {
    background-image: url("/sites/zweb/images/creator/launchpad/zc-launchpad-bg-stars.svg");
    background-size: cover;
    width: 100%;
    height: 100%;
    position: fixed;
    transition: transform .2s ease-out;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    opacity: .5
}

.zc-launchpad-wrapper .zc-background-moving,.zc-launchpad-mobile .zc-background-moving {
    position: fixed;
    top: 50%;
    left: 50%;
    opacity: .4;
    height: 1px;
    width: 1px;
    border-radius: 50%;
    box-shadow: -42vw -4vh 0 0 #fff,25vw -41vh 0 0 #fff,-20vw 49vh 0 1px #fff,5vw 40vh 1px 1px #fff,29vw 19vh 1px 0 #fff,-44vw -13vh 0 0 #fff,46vw 41vh 0 1px #fff,-3vw -45vh 0 1px #fff,47vw 35vh 1px 0 #fff,12vw -8vh 1px 0 #fff,-34vw 48vh 1px 1px #fff,32vw 26vh 1px 1px #fff,32vw -41vh 1px 1px #fff,0 37vh 1px 1px #fff,34vw -26vh 1px 0 #fff,-14vw -49vh 1px 0 #fff,-12vw 45vh 0 1px #fff,-44vw -33vh 0 1px #fff,-13vw 41vh 0 0 #fff,-36vw -11vh 0 1px #fff,-23vw -24vh 1px 0 #fff,-38vw -27vh 0 1px #fff,16vw -19vh 0 0 #fff,28vw 33vh 1px 0 #fff,-49vw -4vh 0 0 #fff,16vw 32vh 0 1px #fff,36vw -18vh 1px 0 #fff,-25vw -30vh 1px 0 #fff,-23vw 24vh 0 1px #fff,-2vw -35vh 1px 1px #fff,-25vw 9vh 0 0 #fff,-15vw -34vh 0 0 #fff,-8vw -19vh 1px 0 #fff,-20vw -20vh 1px 1px #fff,42vw 50vh 0 1px #fff,-32vw 10vh 1px 0 #fff,-23vw -17vh 0 0 #fff,44vw 15vh 1px 0 #fff,-40vw 33vh 1px 1px #fff,-43vw 8vh 0 0 #fff,-48vw -15vh 1px 1px #fff,-24vw 17vh 0 0 #fff,-31vw 50vh 1px 0 #fff,36vw -38vh 0 1px #fff,-7vw 48vh 0 0 #fff,15vw -32vh 0 0 #fff,29vw -41vh 0 0 #fff,2vw 37vh 1px 0 #fff,7vw -40vh 1px 1px #fff,15vw 18vh 0 0 #fff,25vw -13vh 1px 1px #fff,-46vw -12vh 1px 1px #fff,-18vw 22vh 0 0 #fff,23vw -9vh 1px 0 #fff,50vw 12vh 0 1px #fff,45vw 2vh 0 0 #fff,14vw -48vh 1px 0 #fff,23vw 43vh 0 1px #fff,-40vw 16vh 1px 1px #fff,20vw -31vh 0 1px #fff,-17vw 44vh 1px 1px #fff,18vw -45vh 0 0 #fff,33vw -6vh 0 0 #fff,0 7vh 0 1px #fff,-10vw -18vh 0 1px #fff,-19vw 5vh 1px 0 #fff,1vw 42vh 0 0 #fff,22vw 48vh 0 1px #fff,39vw -8vh 1px 1px #fff,-6vw -42vh 1px 0 #fff,-47vw 34vh 0 0 #fff,-46vw 19vh 0 1px #fff,-12vw -32vh 0 0 #fff,-45vw -38vh 0 1px #fff,-28vw 18vh 1px 0 #fff,-38vw -46vh 1px 1px #fff,49vw -6vh 1px 1px #fff,-28vw 18vh 1px 1px #fff,10vw -24vh 0 1px #fff,-5vw -11vh 1px 1px #fff,33vw -8vh 1px 0 #fff,-16vw 17vh 0 0 #fff,18vw 27vh 0 1px #fff,-8vw -10vh 1px 1px #fff,-11vw -13vh 1px 1px #fff,-9vw -25vh 0 0 #fff,-6vw -25vh 0 0 #fff,-25vw -29vh 0 0 #FFF,-33vw -29vh 0 0 #FFF,-33vw -23vh 0 0 #FFF,-32vw -23vh 0 0 #FFF,-32vw -23vh 0 0 #fff,-10.23vw -23.72vh 0 1px #fff,6.90vw -37.69vh 0 0 #fff,3.25vw -13.64vh 0 0 #fff,48.61vw -5.74vh 0 1px #fff,29.27vw 45.07vh 1px 0 #fff,11.26vw -38.47vh 1px 1px #fff,-47.98vw -5.10vh 1px 1px #fff,33.12vw -4.85vh 1px 1px #fff,-39.14vw -33.64vh 1px 0 #fff,-38.82vw 23.95vh 0 0 #fff,7.50vw 38.35vh 1px 1px #fff,27.25vw -20.96vh 0 0 #fff,48.24vw 4.83vh 0 1px #fff,28.84vw -30.69vh 1px 0 #fff,-15.13vw -9.80vh 1px 1px #fff,7.77vw -43.45vh 0 0 #fff,-48.41vw -17.18vh 1px 1px #fff,12.45vw 34.67vh 1px 0 #fff,12.17vw 23.14vh 0 0 #fff,-12.08vw -45.16vh 1px 0 #fff,-2.75vw 34.35vh 0 0 #fff,25.72vw -8.69vh 1px 0 #fff,-20.78vw 26.40vh 0 1px #fff,1.95vw -6.35vh 0 0 #fff,-5.51vw -18.75vh 0 0 #fff,-29.07vw 47.18vh 0 1px #fff,-28.47vw 10.69vh 1px 1px #fff,45.96vw 42.09vh 0 0 #fff,-47.64vw 49.07vh 0 1px #fff,41.33vw 49.22vh 0 1px #fff,3.98vw 9.66vh 0 1px #fff,8.84vw -39.65vh 1px 1px #fff,17.14vw 15.68vh 0 0 #fff,-14.55vw -35.04vh 0 1px #fff,-34.29vw 30.29vh 1px 1px #fff,35.29vw 25.42vh 0 0 #fff,-29.87vw -1.84vh 0 0 #fff,13.14vw -11.81vh 0 1px #fff,-48.08vw 21.56vh 0 1px #fff,15.73vw 2.62vh 1px 1px #fff,5.26vw 39.26vh 1px 1px #fff,40.00vw -30.53vh 1px 1px #fff,-42.07vw -28.79vh 0 0 #fff,14.88vw -48.65vh 0 0 #fff,6.70vw 20.22vh 1px 1px #fff,28.34vw -29.21vh 1px 1px #fff,-27.86vw 31.98vh 1px 0 #fff,41.76vw 23.62vh 0 0 #fff,-43.39vw 33.89vh 1px 1px #fff,49.63vw 28.41vh 1px 0 #fff,-5.07vw 33.66vh 0 0 #fff,22.62vw 22.74vh 0 0 #fff,-17.70vw -37.35vh 0 1px #fff,22.16vw 27.83vh 1px 0 #fff,7.76vw 42.19vh 1px 0 #fff,22.86vw 29.17vh 1px 0 #fff,11.28vw 32.62vh 1px 0 #fff,-41.52vw -41.04vh 0 0 #fff,-30.01vw -23.66vh 1px 0 #fff,-1.85vw -38.50vh 1px 1px #fff,5.47vw -24.96vh 0 0 #fff,-14.42vw 27.32vh 0 0 #fff,-35.41vw 3.12vh 1px 1px #fff,8.10vw -14.89vh 0 0 #fff,49.46vw 20.82vh 0 1px #fff,-29.18vw 46.61vh 1px 1px #fff,-33.68vw 35.02vh 1px 0 #fff,21.10vw 13.05vh 1px 1px #fff,-49.95vw 41.12vh 1px 0 #fff,-1.43vw -29.02vh 0 0 #fff,-8.58vw 46.08vh 1px 0 #fff,-40.56vw 22.02vh 0 1px #fff,1.71vw -2.32vh 1px 1px #fff,0.13vw 24.51vh 1px 0 #fff,-24.33vw -0.14vh 1px 1px #fff,-9.71vw 47.21vh 1px 1px #fff,-46.51vw 9.23vh 1px 1px #fff,20.69vw 28.74vh 0 1px #fff,21.16vw 49.74vh 1px 1px #fff,46.62vw -49.25vh 1px 1px #fff,-48.38vw 18.69vh 1px 1px #fff,-36.67vw -19.91vh 0 1px #fff,13.06vw -4.75vh 1px 0 #fff,47.87vw -22.37vh 0 0 #fff,12.60vw 34.66vh 1px 1px #fff,11.34vw 36.07vh 0 0 #fff,-45.96vw -16.52vh 0 1px #fff,-39.40vw 17.99vh 0 0 #fff,-40.67vw 39.96vh 0 1px #fff,-2.62vw -43.06vh 1px 0 #fff,-48.45vw 9.39vh 1px 0 #fff,16.66vw -34.99vh 1px 1px #fff,-44.48vw -8.00vh 0 1px #fff,-5.50vw 22.68vh 0 0 #fff,-30.57vw 21.77vh 1px 1px #fff,35.15vw 27.77vh 0 0 #fff,26.52vw 34.62vh 0 0 #fff,32.40vw 4.21vh 0 1px #fff,8.05vw 43.88vh 0 0 #fff,22.77vw -47.72vh 1px 0 #fff;
    animation: zoom 15s alternate infinite
}

.zc-launchpad-wrapper .zc-header {
    height: auto;
    width: 100%;
    max-width: 1330px;
    position: relative;
    z-index: 3;
    padding: 10px 30px;
    margin: 0 auto 10px
}

.zc-launchpad-wrapper .zc-header.zc-header-active {
    z-index: 99999;
    width: 100%;
    display: block
}

.preview-active .zc-launchpad-wrapper .zc-header {
    padding-top: 30px
}

.delayed-text {
    opacity: 0;
    transition: opacity 1s ease-in-out
}

.zc-launchpad-wrapper .zc-header-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px auto;
    width: 100%;
    margin-bottom: 0
}

.zc-launchpad-wrapper .zc-header-nav.zc-fixed-header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 9999;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    width: 90%;
    margin: 0 auto;
    transform: translateY(-100px);
    padding: 14px 14px 6px 14px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.zc-header.zc-header-active nav.zc-header-nav.zc-fixed-header {
    display: flex;
    animation: .3s ease-out forwards slide-down-animate;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    justify-content: space-between;
    border-bottom: 1px solid;
    align-items: center;
    border-image: linear-gradient(to right,#ffffff00 00,rgb(216 219 231 / 32%),transparent) 1
}

.zc-header.zc-header-active nav.zc-header-nav.zc-fixed-header .product-icon {
    height: 38px
}

.zc-launchpad-wrapper .zc-header .zc-shedule-demo-btn {
    background: linear-gradient(to right,#0742ff 0,#9601f2 100%);
    border-radius: 80px;
    border: 0;
    padding: 8px 18px;
    color: #fff;
    font-size: 14px;
    font-family: var(--primaryfont-semibold);
    line-height: 22px;
    cursor: pointer;
    transition: all .5s
}

.zc-demo-call-section-container button.zc-shedule-demo-btn:hover,.zc-launchpad-wrapper .zc-header .zc-shedule-demo-btn:hover {
    box-shadow: 0 0 0 0 rgba(111,64,247,0.8),0 0 30px 15px rgba(111,64,247,0.4)
}

.zc-launchpad-wrapper .zc-banner-content-header-text .zc-banner-text h1 .zc-gradient-text {
    display: block;
    position: relative
}

.zc-gradient-text {
    -webkit-text-fill-color: transparent;
    color: transparent;
    background: linear-gradient(90deg,#5765ff 0,#a962ff 100%);
    -webkit-background-clip: text;
    background-clip: text
}

.zc-border-gradiant,.zc-launchpad-wrapper .zc-border-gradiant {
    position: relative;
    border-radius: 16px;
    padding: 1.5px
}

.zc-gradient-border-mask {
    margin: 20px 0 40px 0;
    height: 175px
}

.zc-border-gradiant::before,.zc-launchpad-wrapper .zc-border-gradiant::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 19px;
    padding: 2px;
    background: linear-gradient(to right,#7f8cff,#6b42f4);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1
}

.zc-launchpad-wrapper .zc-gradient-border-mask.zc-border-gradiant::before,.zc-launchpad-wrapper .zc-prompt.zc-border-gradiant:before {
    border-radius: 16px
}

.zc-header-logo-section {
    display: flex;
    align-items: center
}

.zc-header-logo-section .zc-title {
    margin-left: 15px;
    position: relative;
    border-radius: 40%;
    display: flex;
    align-items: center
}

.zc-header-logo-section .zc-title:before {
    content: "";
    background: url(/sites/zweb/images/creator/launchpad/zc-launchpad-sprite.svg);
    height: 50px;
    width: 10px;
    display: block;
    background-repeat: no-repeat;
    background-position: -120px 0;
    margin-left: 2px;
    margin-right: 15px
}

.zc-launchpad-wrapper .zc-banner-content {
    z-index: 3;
    position: relative;
    top: 50%;
    left: 0;
    transform: translateY(7%);
    width: 840px;
    margin: 40px auto;
    padding-bottom: 40px;
    margin-bottom: 20px;
    background-color: transparent;
    text-align: center
}

.preview-active .zc-launchpad-wrapper section.zc-banner-content {
    transform: translateY(5%);
    margin-bottom: 50px
}

.zc-star-icon-container {
    position: relative;
    width: 100%;
    height: 63px
}

.zc-star-icon-container .zc-star-icon-section .zc-loader-image {
    background: url("/sites/zweb/images/creator/launchpad/zc-launchpad-usertype-sprite.svg");
    height: 160px;
    width: 150px;
    display: block;
    background-repeat: no-repeat;
    transition: transform 1.5s ease-in-out;
    background-position: -281px 0;
    position: relative;
    z-index: 999;
    margin: 0 auto;
    transform: scale(1.5)
}

.zc-star-icon-container .zc-star-icon-section {
    width: 190px;
    height: 160px;
    border-radius: 6px;
    margin: 0 auto
}

.zc-star-icon-container.zc-ai-animation .zc-banner-icon {
    position: absolute;
    top: calc(100% - -190px);
    left: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    border-radius: 6px;
    background: linear-gradient(to right,var(--primary-color) 0,#9601f2 100%);
    width: 45px;
    height: 45px
}

.zc-prompt.zc-prompt-active {
    display: block;
    opacity: 1
}

div#zc-top-right-blue-pointer .zc-prompt.zc-prompt-active,div#zc-top-right-blue-pointer .zc-prompt {
    position: relative;
    right: 180px;
    top: 0
}

.zc-launchpad-wrapper .zc-prompt {
    width: 242px;
    text-align: left;
    padding: 6px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-radius: 16px;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    transition: all .5s;
    background: rgba(26,22,63,0.95);
    position: relative
}

.zc-glow-active .zc-prompt {
    opacity: 1;
    z-index: 99
}

#zc-top-left-red-pointer .zc-prompt {
    left: 0
}

#zc-bottom-left-blue-pointer .zc-prompt {
    top: -180px;
    right: 190px
}

div#zc-bottom-right-red-pointer .zc-prompt {
    top: -180px;
    right: 0
}

.zc-launchpad-wrapper .zc-prompt-section {
    display: flex;
    padding: 5px
}

.zc-launchpad-wrapper .zc-prompt-section a {
    color: #fff;
    font-size: 15px;
    font-family: var(--primaryfont-regular);
    line-height: 22px;
    text-decoration: none;
    width: 95%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 70px;
    overflow: hidden;
    height: auto
}

.zc-launchpad-wrapper .zc-prompt-section i.zc-prompt-content-icon {
    background: url("/sites/zweb/images/creator/launchpad/zc-launchpad-sprite.svg");
    height: 30px;
    width: 30px;
    display: block;
    background-repeat: no-repeat;
    background-position: -2px 0;
    margin-right: 10px
}

.zc-launchpad-wrapper .zc-prompt-section {
    display: flex;
    padding: 5px
}

.zc-launchpad-wrapper .zc-banner-content-header-text .zc-banner-text h1 {
    color: #fff;
    text-align: center;
    font-size: 59px;
    font-family: var(--primaryfont-bold);
    line-height: 62px
}

.zc-launchpad-wrapper .zc-banner-content-header-text h1,.zc-launchpad-wrapper .zc-banner-content-header-text h3 {
    margin: 0
}

.zc-launchpad-wrapper .zc-banner-content-zia {
    height: auto;
    position: relative
}

.zc-launchpad-wrapper .zc-banner-content-zia-form {
    margin: auto;
    display: block;
    width: 630px;
    height: 270px
}

.zc-launchpad-wrapper form.zc-banner-content-zia-form.error .zc-zia-prompt {
    border: 1px solid #d5544b
}

.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-zia-prompt {
    border-radius: 16px;
    border: 0;
    width: 100%;
    height: 171px;
    resize: none;
    box-sizing: border-box;
    color: #fff;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(1px);
    font: inherit;
    font-size: 16px;
    background: rgba(26,22,63,0.95);
    padding: 12px
}

.zc-launchpad-wrapper .zc-banner-content-zia-form textarea.zc-zia-prompt::placeholder {
    color: rgba(197,194,233,0.50);
    opacity: 1
}

.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-zia-prompt:focus,.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-zia-prompt:focus-visible {
    outline: 0;
    box-shadow: 0 0 8px rgb(255 255 255 / 54%)
}

.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-error-text {
    visibility: hidden
}

.zc-launchpad-wrapper .zc-banner-content-zia-form.zc-error-text-active .zc-error-text {
    visibility: visible
}

.zc-launchpad-wrapper .zc-banner-content-zia-form.zc-error-text-active {
    display: block;
    position: relative;
    height: auto
}

.zc-launchpad-wrapper .zc-banner-content-zia-form.zc-error-text-active i.zc-error-icon {
    background: url("/sites/zweb/images/creator/launchpad/zc-launchpad-sprite.svg");
    height: 18px;
    width: 18px;
    display: block;
    background-repeat: no-repeat;
    background-position: -38px -4px;
    margin-right: 4px;
    transform: scale(0.8)
}

.zc-error-text span {
    color: #d5544b;
    text-align: left;
    font-size: 13px;
    font-family: var(--primaryfont-regular)
}

.zc-error-text {
    text-align: left;
    position: absolute;
    bottom: 70px;
    left: 0;
    margin: 0 auto;
    display: flex;
    height: 20px;
    align-items: center
}

.zc-launchpad-wrapper .zc-banner-content-zia-form.zc-error-text-active .zc-gradient-border-mask.zc-border-gradiant::before {
    background: #d5544b
}

.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-characters-count {
    position: absolute;
    width: auto;
    top: 44%;
    right: 14%
}

.zc-launchpad-wrapper .zc-banner-content-zia-form.zc-error-text-active .zc-characters-count {
    right: 2%;
    top: 55%
}

.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-characters-count span {
    font-size: 14px;
    margin-left: 3px;
    color: rgba(197,194,233,0.50)
}

.zc-star-icon-container.zc-ai-animation .zc-banner-icon.move-right {
    animation: loader-move .8s;
    top: 20px;
    opacity: 0;
    transition: all .5s
}

.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-zia-generate {
    border-radius: 36px;
    width: 100%;
    height: 54px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-family: var(--zf-secondary-medium);
    cursor: pointer;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease-in-out;
    cursor: pointer;
    background: linear-gradient(98deg,#0742ff -26.73%,#9601f2 129.07%)
}

.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-zia-generate-icon {
    background: url("/sites/zweb/images/creator/launchpad/zc-launchpad-sprite.svg");
    background-repeat: no-repeat;
    background-position: -252px -6px;
    height: 38px;
    width: 38px;
    display: block;
    margin-left: 2px;
    transform: scale(0.8)
}

.zc-launchpad-wrapper .zc-banner-content-zia-form button.zc-zia-generate[disabled] {
    opacity: .5;
    pointer-events: none
}

.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-zia-generate.loading label {
    visibility: hidden
}

.zc-launchpad-wrapper .zc-banner-content-zia-text {
    width: 72%;
    margin: 20px auto;
    color: rgba(255,255,255,0.6);
    text-align: center;
    font-size: 14px;
    font-family: var(--primaryfont-regular);
    letter-spacing: .2px
}

.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-gradient-border-mask {
    perspective: 100vmin
}

.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-gradient-border-mask .zc-spark {
    position: absolute;
    inset: 0;
    border-radius: 16px;
    rotate: 0;
    overflow: hidden;
    mask: linear-gradient(#626f9e,transparent 11%);
    animation: buttonflip calc(var(--zc-spark) * 2) infinite steps(2, end)
}

.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-gradient-border-mask .zc-spark:before {
    content: "";
    position: absolute;
    width: 200%;
    aspect-ratio: 1;
    top: 0;
    left: 50%;
    z-index: -1;
    translate: -40% -15%;
    rotate: 0;
    transform: rotate(-90deg);
    opacity: calc((var(--active)) + 0.4);
    background: conic-gradient(from 0,transparent 0 340deg,white 360deg);
    transition: opacity var(--transition);
    animation: buttonrotate var(--zc-spark) linear infinite both
}

.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-gradient-border-mask .zc-spark:after {
    content: "";
    position: absolute;
    inset: var(--cut);
    border-radius: 16px
}

.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-gradient-border-mask:is(:hover,:focus-visible) {
    --active: 1;
    --play-state: running
}

.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-zia-generate.zc-generate-enable:hover,.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-zia-generate.zc-generate-enable:focus {
    box-shadow: 0 0 20px 5px #4b3bfc80
}

.zc-launchpad-wrapper section.zc-loader-section {
    position: relative;
    display: block;
    margin: 50px auto;
    width: 80%;
    text-align: center;
    height: 440px;
    transform: translateY(-60%);
    overflow: hidden;
    z-index: 3
}

.zc-launchpad-wrapper section.zc-loader-section .zc-border-gradiant::before,.zc-launchpad-wrapper section.zc-demo-call-section .zc-ai-animation.zc-star-icon-container .zc-border-gradiant::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 3px;
    background: linear-gradient(to right,#7f8cff,#6b42f4);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: exclude;
    top: 50%;
    left: -5%;
    right: 0;
    transform: translateY(-50%) rotate(360deg);
    border-radius: 16px;
    width: 50px;
    height: 50px;
    z-index: 9;
    box-shadow: 0 0 50px 10px rgba(7,66,255,0.7),0 0 50px 8px rgba(225,1,242,0.5)
}

.zc-launchpad-wrapper .zc-banner-content-zia-form .zc-zia-generate.loading .zc-zia-generate-icon {
    background: 0;
    border: 3px solid rgba(255,255,255,0.3);
    border-top: 3px solid #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 1s linear infinite;
    margin-left: 10px
}

.zc-scroll-up {
    animation: scroll-up 3s
}

.zc-loader-wrapper {
    overflow: hidden
}

.zc-loader-wrapper i.ui-1-check-small.zc-li-outline {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    height: 0
}

.zc-loader-content {
    position: relative;
    display: flex;
    flex-direction: column;
    transition: transform 2s ease-in-out;
    top: -62px
}

.zc-loader-content p {
    margin: 0;
    padding: 0;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 2;
    transition: opacity .5s ease-in-out
}

.zc-loader-content p.zc-loader-text {
    opacity: 1.5;
    transform: scale(1.3);
    margin: 0;
    font-family: var(--primaryfont-bold)
}

.zc-loader-content-section {
    height: 90px;
    overflow: hidden;
    margin-top: 35px
}

.zc-launchpad-wrapper section.zc-loader-section .zc-border-gradiant::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 3px;
    background: linear-gradient(to right,#7f8cff,#6b42f4);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: exclude;
    top: 49%;
    left: -7%;
    right: 0;
    transform: translateY(-50%) rotate(360deg);
    border-radius: 16px;
    width: 50px;
    height: 50px;
    z-index: 9;
    box-shadow: 0 0 50px 4px rgba(7,66,255,0.7),0 0 20px 5px rgba(225,1,242,0.5)
}

.zc-launchpad-wrapper section.zc-loader-section p.zc-loader-txt.zc-loader-text {
    opacity: 1;
    transition: all .5s
}

.zc-launchpad-wrapper section.zc-loader-section p {
    color: #fff;
    font-size: 18px;
    font-family: var(--primaryfont-regular);
    line-height: 45px;
    transition: font-size .5s ease,opacity .5s ease;
    opacity: 0;
    transition: all 1.5s
}

.zc-launchpad-wrapper.zc-loader-active,.zc-launchpad-wrapper.zc-loader-active .zc-main-container {
    height: auto
}

.zc-launchpad-wrapper.zc-loader-active .zc-ai-animation.zc-star-icon-container .zc-star-icon-section.zc-banner-icon.move-right {
    transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    animation: none;
    top: 30px
}

.zc-launchpad-wrapper.zc-loader-active .zc-ai-animation.zc-star-icon-container {
    position: fixed;
    left: 0;
    top: 178.5%;
    animation: fixed-move 3s;
    transform: scale(1.5);
    transition: all .8s ease
}

.zc-loader-active .zc-banner-content-header,.zc-loader-active .zc-banner-content-zia {
    animation: fade-out 1s linear;
    opacity: 0
}

.zc-launchpad-wrapper section.zc-loader-section .zc-star-icon-container {
    margin-bottom: 42px;
    height: auto
}

.zc-launchpad-wrapper section.zc-loader-section h2 {
    color: #fff;
    text-align: center;
    font-size: 46px;
    font-family: var(--primaryfont-bold);
    width: 720px;
    margin: 0 auto;
    line-height: 60px
}

.zc-loader-section .zc-star-icon-container .zc-star-icon-section .zc-loader-image {
    animation: loader-shake 6s linear 1s infinite;
    transform: scale(1.5);
    top: 24px
}

.zc-launchpad-wrapper .zc-banner-zia-preview {
    z-index: 3;
    position: relative;
    width: 95%;
    margin: 20px auto 0;
    text-align: center;
    height: auto;
    clear: both;
    transform: scale(0.9)
}

.zc-launchpad-wrapper .zc-app-preview-active {
    animation: scale 2s linear;
    z-index: 2;
    position: relative
}

.zc-app-preview {
    margin-top: 0
}

.zc-launchpad-wrapper .preview-active #app_preview_wrapper {
    margin-top: 50px;
    position: relative;
    top: 0
}

.zc-launchpad-wrapper .zc-banner-zia-preview .zc-banner-preview {
    padding: 20px 0;
    border-radius: 16px
}

.zc-launchpad-wrapper .zc-border-gradiant.zc-banner-preview-section {
    margin: 0 auto;
    margin-top: 50px;
    padding: 3px;
    width: 80%;
    max-width: 1300px
}

.zc-launchpad-wrapper .zc-banner-zia-preview .zc-banner-preview h2 {
    color: #fff;
    font-size: 46px;
    margin-bottom: 18px;
    text-align: center;
    font-style: normal;
    font-family: var(--primaryfont-bold);
    line-height: normal;
    margin-bottom: 0
}

.zc-launchpad-wrapper .zc-banner-zia-preview .zc-banner-preview p.zc-empower-text {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-family: var(--primaryfont-regular);
    line-height: 24px;
    width: 80%;
    margin: 20px auto
}

.zc-launchpad-wrapper .zc-banner-zia-preview .zc-banner-preview-image {
    height: auto;
    width: 100%;
    position: relative;
    margin: 0 auto;
    border-radius: 16px;
    background-position: 50%,0
}

.zc-preview-content {
    padding: 22px 23px;
    text-align: left;
    background: radial-gradient(107.32% 141.42% at 0 0,rgba(255,255,255,0.18) 0,rgba(255,255,255,0.00) 100%);
    box-shadow: -5px -5px 250px 0 rgba(255,255,255,0.02) inset;
    backdrop-filter: blur(21px);
    -webkit-backdrop-filter: blur(21px);
    margin: 1px;
    border-radius: 0 0 16px 16px;
    margin-bottom: -1px;
    margin-left: 0;
    z-index: 9999;
    position: relative
}

.zc-preview-content p {
    font-size: 16px;
    font-family: var(--primaryfont-regular);
    line-height: 22px;
    color: #fff;
    width: 100%;
    margin-bottom: 0
}

.zc-banner-preview-image .sidebar li a.active:hover {
    background-color: #5051f9
}

.zc-launchpad-wrapper .zc-banner-zia-preview .zc-banner-preview-image::after {
    position: absolute;
    content: "";
    top: 0;
    left: 20px;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    pointer-events: none;
    filter: blur(30px);
    background: linear-gradient(to left,#3d1693,#172589,#3d1693,#172589,#3d1693,#172589);
    background-size: 200% 200%;
    -webkit-animation: animateGlow 1.25s linear infinite;
    animation: animateGlow 1.25s linear infinite;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.01);
    transform: scale(1.03)
}

.zc-launchpad-wrapper .zc-banner-zia-preview .zc-banner-preview-image .zc-preview {
    height: 670px;
    width: 100%;
    border-radius: 11px;
    display: flex
}

.zc-launchpad-wrapper .zc-banner-zia-preview .zc-banner-preview-image .sidebar {
    width: 245px;
    background-color: #12132b;
    color: #ecf0f1;
    text-align: left;
    border-radius: 24px 0 0 10px
}

.zc-launchpad-wrapper .zc-banner-zia-preview .zc-banner-preview-image h3:first-child {
    text-align: center;
    background-color: transparent;
    width: 100%;
    font: inherit;
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto;
    display: block;
    padding: 0 14px;
    font-family: var(--primaryfont-semibold)
}

.zc-launchpad-wrapper .zc-banner-zia-preview .zc-banner-preview-image .zc-preview-sidebar {
    padding: 5px
}

.zc-preview-sidebar ul.submenu {
    margin: 5px 0 0;
    padding: 0 5px 0 5px;
    box-sizing: border-box
}

.zc-preview-sidebar .submenu {
    display: none
}

.zc-preview-sidebar .show-submenu {
    display: block
}

.zc-preview-sidebar ul.submenu li a:hover {
    color: #fff;
    background: #2f305d
}

.zc-preview-sidebar li.has-submenu {
    padding: 0;
    margin-top: 8px;
    border-radius: 10px
}

.zc-preview-sidebar li.has-submenu .submenu-title {
    padding: 10px 10px;
    position: relative;
    display: flex;
    box-sizing: border-box;
    overflow: hidden;
    transition: none;
    width: 100%;
    justify-content: flex-start;
    align-items: center
}

.zc-preview-sidebar a.submenu-title span {
    display: inline-block;
    width: 180px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    font-family: var(--primaryfont-regular)
}

.zc-preview-sidebar li.has-submenu i.zc-li-outline.arrows-1-minimal-down {
    transform: rotate(270deg);
    position: relative;
    left: 18px;
    top: -1px
}

.zc-preview-sidebar li.has-submenu.active i.zc-li-outline.arrows-1-minimal-down {
    left: 18px;
    transform: none
}

.zc-preview-sidebar .zc-li-outline.arrows-1-minimal-down:before {
    display: none
}

.zc-banner-preview-image .sidebar h2 {
    margin-bottom: 20px
}

.zc-banner-preview-image .sidebar ul {
    list-style: none
}

.zc-banner-preview-image .sidebar ul li a {
    color: #c4c9e0;
    text-decoration: none;
    font-size: 14px;
    font-family: var(--primaryfont-regular);
    letter-spacing: .2px;
    padding: 10px 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    border-radius: 8px
}

.zc-banner-preview-image .sidebar li a.active {
    background-color: #5051f9;
    color: #fff;
    padding: 10px 10px
}

.zc-banner-preview-image .sidebar i.zc-li-outline {
    display: block;
    background-repeat: no-repeat;
    background-position: -297px -11px;
    width: 18px;
    height: 18px;
    z-index: 9;
    margin-left: 6px;
    margin-right: 6px;
    position: relative;
    top: 3px
}

.zc-banner-preview-image .sidebar ul.submenu li {
    margin: 5px 0 5px 0;
    border-radius: 8px
}

.zc-preview .right-pane {
    flex-grow: 1;
    background-color: #f3f4f8;
    width: calc(100% - 245px);
    border-radius: 10px 16px 10px 0;
    position: relative;
    cursor: not-allowed;
}

.zc-preview .right-pane-header {
    background-color: #fff;
    padding: 12px 20px;
    border-top-right-radius: 16px;
    display: flex;
    justify-content: space-between
}

.zc-preview .right-pane h1 {
    margin-bottom: 20px
}

.zc-preview .right-pane-header.zc-content-header-skeleton-loader {
    padding: 14px 20px
}

.zc-preview .right-pane p#header-text {
    color: #12132b;
    text-align: left;
    font-size: 17px;
    font-family: var(--primaryfont-semibold);
    margin-bottom: 0
}

.zc-preview .right-pane .right-pane-content-sec {
    margin: 20px;
    border: 1px solid #e7e7ee;
    border-radius: 10px;
    height: calc(100% - 90px);
    background-color: #fff;
    margin-bottom: 0
}

.zc-preview .right-pane .right-pane-content {
    height: 100%;
    width: 100%;
    overflow: auto
}

.right-pane-header ul {
    display: flex
}

.right-pane-header ul li i {
    background: url(/sites/zweb/images/creator/launchpad/zc-launchpad-sprite.svg);
    display: block;
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 22px;
    height: 22px;
    z-index: 9;
    position: relative;
    border-radius: 5px;
    margin-right: 8px
}

.right-pane-header ul li i.fa.fa-search {
    background-position: -388px -11px
}

.right-pane-header ul li i.fa.fa-plus {
    background-position: -370px -10px;
    background-color: #5051f9
}

.right-pane-header ul li i.fa.fa-bars {
    background-position: -405px -11px
}

.right-pane-header ul li i.fa.fa-search,.right-pane-header ul li i.fa.fa-bars {
    border: 1px solid #cbcbdc
}

.zc-sidebarmenu-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    height: 92%;
    height: calc(100% - 67px)
}

.zc-profile-scetion {
    position: relative;
    top: 17px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    background-color: #1c1d3d;
    border-bottom-left-radius: 10px
}

i.zc-profile-img {
    background: url(/sites/zweb/images/creator/launchpad/zc-launchpad-sprite.svg);
    display: block;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    z-index: 9;
    position: relative;
    border-radius: 5px;
    margin-right: 8px;
    background-position: -355px -11px;
    transform: scale(1.2);
    top: -2px
}

.zc-profile-section {
    display: flex;
    align-items: center
}

.zc-profile-section p {
    font-size: 14px;
    margin: 0
}

i.zc-noti-icon {
    background: url(/sites/zweb/images/creator/launchpad/zc-launchpad-sprite.svg);
    display: block;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    z-index: 9;
    position: relative;
    border-radius: 5px;
    margin-right: 8px;
    background-position: -317px -9px;
    transform: scale(1.2);
    top: -2px
}

.content-div {
    display: none
}

.active-content {
    display: block
}

.zc-form-view,.zc-report-view {
    height: 100%
}

.zc-form-section,.zc-report-section {
    display: none;
    height: calc(100% - 100px);
    text-align: left;
    overflow: auto
}

.zc-form-section.active,.zc-report-section.active {
    display: block
}

.zc-report-view.content-div.active-content {
    display: table;
    height: auto;
    width: 100%
}

.zc-report-view table {
    width: 100%
}

.zc-report-view th.zc-app-report-header {
    min-width: auto;
    width: 100%;
    text-align: left;
    color: #12132b;
    letter-spacing: .2px;
    border-right: 1px solid #f6f6f9;
    border-bottom: 1px solid #eee;
    background-color: #fafbff;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 2px
}

.zc-report-view th.zc-app-report-header:first-child {
    border-top-left-radius: 10px
}

.zc-report-view th.zc-app-report-header:last-child {
    border-top-right-radius: 10px;
    border-right: 0
}

.zc-report-view td.zc-app-report-data {
    min-width: auto;
    min-width: 160px;
    width: 100%;
    font-size: 14px;
    height: 38px;
    line-height: 21px;
    color: #12132b;
    padding: 8px 8px 6px 8px;
    border-color: #e7e7ee !important;
    border-right: 1px solid #f6f6f9 !important;
    border-bottom: 1px solid #eee !important;
    padding-left: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.zc-report-view td.zc-app-report-data:first-child {
    width: auto;
    min-width: 28px;
    max-width: 28px;
    padding: 0 2px;
    max-width: 30px;
    width: fit-content
}

.zc-report-view tbody tr {
    max-height: 36px;
    height: 36px;
    min-height: 36px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: row
}

.zc-report-view th.zc-app-report-header.zc-app-eye-option i {
    background: url(/sites/zweb/images/creator/launchpad/zc-launchpad-sprite.svg);
    display: block;
    background-repeat: no-repeat;
    background-position: -341px -16px;
    width: 18px;
    height: 13px
}

.zc-report-view th.zc-app-eye-option.zc-app-report-header {
    padding: 0 2px;
    width: auto;
    max-width: 28px;
    width: max-content;
    min-width: 28px
}

.zc-report-view.content-div.active-content thead tr {
    max-height: 36px;
    height: 36px;
    min-height: 36px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: row
}

.zc-report-view th.zc-app-report-header i {
    background: url(/sites/zweb/images/creator/launchpad/zc-launchpad-sprite.svg);
    display: block;
    background-repeat: no-repeat;
    background-position: -297px -14px;
    width: 18px;
    height: 16px;
    float: left;
    margin-left: 5px
}

.zc-report-view th.zc-app-report-header span {
    width: max-content;
    float: left;
    color: #000;
    line-height: 21px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 24px;
    font-family: var(--primaryfont-semibold);
    font-size: 14px;
    display: block;
    position: relative
}

.zc-report-view th.zc-app-report-header div {
    padding: 5px;
    display: flex;
    overflow: hidden;
    align-items: center;
    height: 37px;
    max-width: 170px
}

.zc-launchpad-wrapper .zc-empowering {
    position: relative;
    z-index: 2;
    max-width: 1300px;
    margin: 0 auto
}

.zc-launchpad-wrapper .zc-empowering h2 {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 42px;
    font-family: var(--primaryfont-bold);
    line-height: normal
}

.zc-launchpad-wrapper .zc-empowering-connect-dot {
    width: 100%;
    margin: -152px 0 36px 0;
    text-align: center;
    transform: scale(0.9);
    z-index: 2;
    position: relative
}

.zc-launchpad-wrapper .zc-empowering-connect-dot-image {
    background: url("/sites/zweb/images/creator/launchpad/zc-launchpad-sprite.svg");
    display: block;
    background-repeat: no-repeat;
    background-position: -24px -920px;
    width: 1160px;
    height: 457px;
    margin: 0 auto
}

.zc-launchpad-wrapper .zc-empowering-connect-dot svg {
    width: 78%
}

.zc-launchpad-wrapper .zc-empowering-connect-dot:after,.zc-launchpad-wrapper .zc-timeline:before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    right: 50%;
    transform: translate(-50%,-50%)
}

.zc-launchpad-wrapper .zc-timeline:before {
    background-color: #9601f2;
    top: 0
}

.zc-launchpad-wrapper .zc-timeline-section {
    position: relative;
    padding-top: 50px;
    padding-bottom: 100px
}

.zc-launchpad-wrapper .zc-empowering-connect-dot:after {
    bottom: 35px;
    background-color: #fff
}

.zc-launchpad-wrapper .zc-empowering-head {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    transition: filter .3s ease;
    width: 80%;
    margin: 0 auto
}

.zc-launchpad-wrapper .zc-empowering-head:before {
    position: absolute;
    right: -110px;
    background: url("/sites/zweb/images/creator/launchpad/zc-launchpad-sprite.svg");
    display: block;
    background-repeat: no-repeat;
    background-position: -457px -1634px;
    margin: 0 auto;
    width: 350px;
    height: 350px;
    top: 300px
}

.zc-launchpad-wrapper .zc-empowering-head strong {
    background: linear-gradient(to right,#0742ff 0,#9601f2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent
}

.zc-launchpad-wrapper .zc-empowering-head .zc-profile-image {
    background: url("/sites/zweb/images/creator/launchpad/zc-launchpad-sprite.svg");
    display: block;
    background-repeat: no-repeat;
    background-position: -44px -2px;
    margin: 0 auto;
    width: 85px;
    height: 32px;
    margin-left: 6px
}

.zc-launchpad-wrapper .zc-empowering p.zc-empower-text {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-family: var(--primaryfont-regular);
    line-height: 24px;
    width: 54%;
    margin: 20px auto;
    margin-bottom: 30px
}

.zc-launchpad-wrapper .meteor-animation {
    position: relative
}

.zc-launchpad-wrapper .meteor-animation .meteor-1,.zc-launchpad-wrapper .meteor-animation .meteor-2 {
    position: absolute;
    width: 200px;
    height: 1px;
    transform: rotate(-35deg);
    background-image: linear-gradient(to right,#fff,rgba(255,255,255,0));
    animation: meteor 15s linear infinite
}

.zc-launchpad-wrapper .meteor-animation .meteor:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 0;
    border-radius: 50%;
    margin-top: 0;
    background: rgba(255,255,255,0.7);
    box-shadow: 0 0 15px 3px #fff;
    left: 0
}

.zc-launchpad-wrapper .meteor-animation .meteor-1 {
    top: 148px;
    left: 83%;
    animation: meteor 12.2s linear infinite
}

.zc-launchpad-wrapper .meteor-animation .meteor-2 {
    top: 293px;
    left: 10%;
    animation: meteor 11.6s linear infinite
}

.zc-launchpad-wrapper .zc-timeline {
    width: 70%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    margin-top: 70px;
    padding-bottom: 50px
}

.zc-launchpad-wrapper .zc-timeline-section:before {
    content: "";
    width: 0;
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    box-shadow: 0 0 10px 2px rgba(100,222,252,0.2),0 0 10px 2px rgba(61,136,251,0.2),0 0 10px 2px rgba(45,99,251,0.2);
    z-index: -1;
    border: 1px solid transparent;
    border-image: linear-gradient(180deg,#9601f2 0,rgba(107,66,251,1) 72%);
    border-image-slice: 1
}

.zc-launchpad-wrapper .zc-timeline-section.zc-personas-view::before {
    height: 100%;
    animation: moving-line 3s linear
}

.zc-launchpad-wrapper .zc-timeline-section-content {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    align-items: center;
    position: relative;
    top: 0;
    left: 81px
}

.zc-launchpad-wrapper .zc-timeline-section-content h2 {
    color: #fff;
    font-size: 64px;
    font-family: var(--primaryfont-semibold);
    line-height: 60px
}

.zc-launchpad-wrapper .zc-timeline .zc-role {
    width: 35%;
    height: 100px;
    flex-shrink: 0;
    border-radius: 16px;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    position: relative;
    background: linear-gradient(272deg,rgba(67,58,165,0.00) -6.13%,rgba(27,21,96,0.47) 56.69%,rgba(26,22,63,0.00) 113.53%);
    transform: scale(0.7);
    left: -35px
}

.zc-launchpad-wrapper .zc-timeline-section-content.zc-timeline-section-content-in-view .zc-role {
    left: -30px;
    transform-origin: left;
    animation: righttoleft 2s ease-in-out forwards
}

.zc-role-detail p {
    word-wrap: normal;
    width: 100%;
    font-size: 18px;
    font-family: var(--primaryfont-regular);
    margin: 0;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.zc-role-profile {
    padding: 10px;
    display: flex;
    align-items: center;
    border-radius: 49.5px;
    margin: 20px 10px 20px 20px
}

.zc-launchpad-wrapper .zc-timeline-section-content.zc-timeline-section-content-in-view .zc-permission-content {
    position: relative;
    right: -20px;
    transform-origin: left;
    animation: lefttoright 2s ease-in-out forwards
}

.zc-launchpad-wrapper .zc-timeline .zc-permission-content ul li p {
    margin-bottom: 0
}

.zc-launchpad-wrapper .zc-timeline .zc-permission-key {
    background: url("/sites/zweb/images/creator/launchpad/zc-launchpad-sprite.svg");
    display: block;
    background-repeat: no-repeat;
    background-position: -205px 7px;
    margin: 0 auto;
    width: 30px;
    height: 40px;
    transform: rotate(315deg)
}

.zc-launchpad-wrapper .zc-timeline .zc-permission-content {
    width: 53%;
    position: relative;
    left: 30px
}

.zc-launchpad-wrapper .zc-timeline .zc-permission-content ul li {
    color: #fff;
    font-size: 18px;
    margin: 0 0 24px 20px;
    display: flex;
    align-items: center
}

.zc-launchpad-wrapper .zc-timeline .zc-permission-content ul li:first-child {
    margin-top: 15px
}

.zc-launchpad-wrapper .zc-timeline .zc-permission-content ul li i:before {
    content: "";
    background: url(/sites/zweb/images/creator/launchpad/zc-launchpad-star.svg);
    height: 24px;
    width: 24px;
    display: block;
    background-repeat: no-repeat;
    position: relative;
    left: -10px;
    top: 0;
    transform: scale(0.7)
}

.zc-launchpad-wrapper .zc-timeline .zc-role-profile-img {
    background: url("/sites/zweb/images/creator/launchpad/zc-launchpad-usertype-sprite.svg");
    display: block;
    background-repeat: no-repeat;
    background-position: -74px -46px;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    z-index: 9;
    transform: scale(1.25)
}

.zc-launchpad-wrapper .zc-timeline-section-content:nth-child(2) .zc-role-profile-img {
    background-position: -121px -47px
}

.zc-launchpad-wrapper .zc-timeline-section-content:nth-child(3) .zc-role-profile-img {
    background-position: -173px -46px
}

.zc-launchpad-wrapper .zc-timeline-section-content:nth-child(4) .zc-role-profile-img {
    background-position: -223px -46px
}

.zc-launchpad-wrapper .zc-timeline .zc-permission {
    width: 40px;
    height: 40px;
    background: linear-gradient(to right,#0742ff 0,#9601f2 100%);
    border-radius: 8px;
    transform: rotate(45deg);
    box-shadow: 0 0 4px 0 rgba(7,66,255,0.5019607843),0 0 5px 0 rgba(150,1,242,0.4),0 0 5px 2px rgba(150,1,242,0.568627451)
}

.zc-timeline-footer {
    border: 2px solid rgba(107,116,246,0.00);
    background: linear-gradient(90deg,rgba(26,22,63,0.00) 0,rgba(67,58,165,0.30) 47.41%,rgba(67,58,165,0.00) 87.79%);
    padding: 14px 0;
    border-bottom: 1px solid;
    border-color: #6b42fb;
    border-image: linear-gradient(to right,#ffffff00 00,rgb(108 67 252 / 1),transparent) 1;
    width: 87%;
    margin: 0 auto;
    margin-top: 0
}

.zc-timeline-footer p {
    color: #c5c2e9;
    font-size: 18px;
    font-style: normal;
    font-family: var(--primaryfont-regular);
    line-height: 31px;
    margin-bottom: 0
}

.zc-launchpad-wrapper .zc-unlock {
    margin: 0 auto;
    text-align: center;
    max-width: 1400px
}

.zc-launchpad-wrapper .zc-unlock-content {
    margin: 100px 0 50px 0
}

.zc-launchpad-wrapper .zc-unlock-content .zc-unlock-icon {
    width: 34px;
    height: 37px;
    background-image: url("/sites/zweb/images/creator/launchpad/zc-launchpad-sprite.svg");
    background-repeat: no-repeat;
    background-position: -182px -1px;
    display: block;
    position: absolute;
    left: 50%;
    right: 50%
}

.zc-launchpad-wrapper .zc-unlock-icon-section {
    position: relative;
    height: 40px;
    left: -15px;
    margin: 20px
}

.zc-launchpad-wrapper .zc-unlock-content .zc-unlock-icon.zc-unlock-icon-close {
    background-position: -214px -2px;
    animation: lock 1s linear;
    opacity: 0;
    transform: scale(1.01)
}

.zc-launchpad-wrapper .zc-unlock-title {
    font-size: 42px;
    font-family: var(--primaryfont-bold);
    line-height: 52px;
    color: #fff;
    margin-bottom: 0
}

.zc-launchpad-wrapper .zc-unlock-title strong {
    background: linear-gradient(to right,#0742ff 0,#9601f2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent
}

.zc-launchpad-wrapper .zc-unlock .zc-card {
    width: 50%;
    height: 500px;
    padding: 50px 30px;
    margin: 0 30px;
    border-radius: 16px;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    box-sizing: border-box;
    position: relative;
    background: linear-gradient(272deg,rgba(67,58,165,0.00) -6.13%,rgba(27,21,96,0.47) 56.69%,rgba(26,22,63,0.00) 113.53%)
}

.zc-launchpad-wrapper .zc-unlock .zc-card-row {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: 0 auto
}

.zc-card-row {
    opacity: 0;
    top: 40px
}

.zc-card-row.zc-benefits_dashboard-view {
    position: relative;
    top: 0;
    transform-origin: bottom;
    animation: movingfadeup 2s ease-in-out forwards;
    opacity: 1
}

.zc-launchpad-wrapper .zc-unlock .zc-card {
    display: flex;
    align-items: center
}

.zc-unlock .zc-card-row ul li p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    color: #fff
}

.zc-unlock .zc-card-row ul li:last-child {
    margin-bottom: 0
}

ul.zc-benefits-list-content li p {
    font-size: 18px
}

.zc-card-row.zc-benefits_dashboard-view .bar:nth-child(1) {
    animation: grow1 2s linear
}

.zc-card-row.zc-benefits_dashboard-view .bar:nth-child(2) {
    animation: grow2 2s linear
}

.zc-card-row.zc-benefits_dashboard-view .bar:nth-child(3) {
    animation: grow3 2s linear
}

.zc-card-row.zc-benefits_dashboard-view .bar:nth-child(4) {
    animation: grow4 3s linear
}

.zc-card-row.zc-benefits_dashboard-view .bar:nth-child(5) {
    animation: grow5 3s linear
}

.zc-card-row.zc-benefits_dashboard-view .bar:nth-child(6) {
    animation: grow6 4s linear
}

.zc-unlock .zc-card-row ul li {
    font-size: 22px;
    text-align: left;
    line-height: 30px;
    margin-bottom: 40px;
    display: flex;
    gap: 20px
}

.zc-launchpad-wrapper .zc-unlock .zc-card-row ul li i {
    content: "";
    background: url(/sites/zweb/images/creator/launchpad/zc-launchpad-star.svg);
    height: 24px;
    width: 24px;
    display: block;
    background-repeat: no-repeat;
    position: relative;
    left: 8px;
    top: 5px;
    min-width: 24px;
    transform: scale(0.7)
}

.zc-launchpad-wrapper .zc-unlock .zc-card.benefits-graph-section {
    padding: 30px 45px
}

.zc-graph-section {
    position: relative;
    width: 100%;
    height: 100%
}

.zc-graphtext {
    position: absolute;
    bottom: 40px;
    right: 11%;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-family: var(--primaryfont-regular);
    line-height: normal
}

.zc-benefits-list-content li p {
    font-size: 18px
}

.zc-graph-section .zc-graph-animation:before {
    content: "";
    width: 50%;
    height: 1px;
    display: block;
    border-bottom: .1px dashed;
    position: absolute;
    left: -85px;
    bottom: 173px;
    transform: rotate(270deg);
    stroke-width: 1px;
    stroke: rgba(153,153,153,0.00);
    opacity: .7;
    border-image: repeating-linear-gradient(to right,white 0,white 12px,transparent 12px,transparent calc(12px* 2), white calc(12px* 2), white calc(12px* 3), transparent calc(12px* 3), transparent calc(12px* 4));
    border-image-slice: 1
}

.graph-footer-text {
    color: #c5c2e9;
    font-size: 16px;
    font-style: normal;
    font-family: var(--primaryfont-regular);
    line-height: 22px;
    text-align: left;
    width: 100%
}

.zc-graph-section p.zc-graph-vertical-text {
    position: absolute;
    transform: rotate(270deg);
    width: auto;
    left: -80px;
    top: 170px;
    font-size: 18px;
    color: #c5c2e9;
    font-family: var(--primaryfont-regular)
}

.zc-graph-section .zc-graph-animation {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 99
}

.zc-graph-section .zc-graph-animation svg {
    position: relative;
    top: -18px;
    width: 470px
}

.zc-graph-section .zc-bar-chart {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center
}

.zc-graph-section .zc-graph-animation:after {
    content: "";
    width: 86%;
    height: 1px;
    display: block;
    border-bottom: .1px dashed;
    position: absolute;
    left: 53px;
    bottom: 36px;
    border-image: repeating-linear-gradient(to right,white 0,white 12px,transparent 12px,transparent calc(12px* 2), white calc(12px* 2), white calc(12px* 3), transparent calc(12px* 3), transparent calc(12px* 4));
    border-image-slice: 1;
    opacity: .7
}

.zc-graph-section .zc-bar-chart span {
    display: inline-block;
    width: 46px;
    background: linear-gradient(to right,#0742ff 0,#9601f2 100%);
    border-radius: 3px;
    margin: 2px 28px 0 0;
    box-shadow: 0 0 20px 4px rgb(100 222 252 / 5%),4px 4px 20px 4px rgb(61 136 251 / 6%),8px 8px 20px 4px rgb(45 99 251 / 9%);
    position: relative;
    bottom: 112px;
    left: 14px
}

.zc-graph-section .zc-bar-chart span:nth-child(6) {
    margin: 0;
    height: 250px
}

.zc-graph-section .zc-bar-chart span:nth-child(1) {
    height: 53px
}

.zc-graph-section .zc-bar-chart span:nth-child(2) {
    height: 65px
}

.zc-graph-section .zc-bar-chart span:nth-child(3) {
    height: 90px
}

.zc-graph-section .zc-bar-chart span:nth-child(4) {
    height: 120px
}

.zc-graph-section .zc-bar-chart span:nth-child(5) {
    height: 170px
}

.zc-graph-section p.bar-chart-text {
    margin-top: -20px;
    margin-bottom: 15px;
    color: #c5c2e9;
    font-size: 18px;
    font-family: var(--primaryfont-regular);
    line-height: 30px
}

.zc-launchpad-wrapper .zc-customer-wrapper {
    text-align: center;
    padding-bottom: 50px;
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 150px
}

.zc-launchpad-wrapper .zc-customer-wrapper h2 {
    font-size: 42px;
    font-family: var(--primaryfont-bold);
    line-height: normal;
    color: #fff;
    margin-bottom: 0
}

.zc-launchpad-wrapper .zc-customer-wrapper ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 58%;
    margin: 0 auto;
    gap: 26px
}

.zc-launchpad-wrapper .zc-customer-wrapper ul li {
    width: 150px;
    height: 70px;
    border: 1px solid #626f9e;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.08);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    display: flex;
    align-items: center;
    justify-content: center
}

.slider {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 26px;
    box-shadow: 0 10px 20px -5px rgba(0,0,0,0.125);
    height: 340px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 80%;
    margin-top: 30px
}

.slider .slide-track {
    -webkit-animation: scroll 10s linear infinite;
    animation: scroll 20s linear infinite;
    display: flex;
    height: 140px;
    border-radius: 10px;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    transform: translateX(28%)
}

.slider .slide-track.slide-track-reverse {
    animation: scroll-reverse 20s linear infinite;
    -webkit-animation: scroll-reverse 20s linear infinite;
    transform: translateX(-28%)
}

.slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg)
}

.slider::before {
    left: 0;
    top: 0
}

.slider .slide {
    height: 100px;
    width: 250px
}

.slider::before,.slider::after {
    background: linear-gradient(90deg,#0a0832,#fcfbfa00);
    content: "";
    height: 340px;
    position: absolute;
    width: 80px;
    z-index: 2
}

.slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg)
}

.slider .slide {
    width: 200px;
    height: 110px;
    display: flex;
    padding: 0;
    margin: 20px;
    border-radius: 16px;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background: linear-gradient(90deg,rgba(26,22,63,0.00) -7.64%,rgba(25,19,87,0.95) 72.39%,rgba(67,58,165,0.00) 99.78%)
}

.slide img {
    display: block;
    width: 172px;
    height: 93px;
    transform: scale(0.9)
}

.slide img.tata {
    width: 110px
}

.slide img.bharatpe {
    height: 44px;
    width: 160px
}

.slide img.whirlpool {
    width: 150px;
    height: 52px;
    margin-top: 10px
}

.slide img.amazon {
    width: 150px;
    height: 54px;
    margin-top: 12px
}

.slide img.itc-limited {
    width: 75px
}

.slide img.itv-studios {
    width: 95px;
    height: 80px
}

.slide img.rcsi {
    width: 160px
}

.slide img.mtc {
    width: 130px
}

.slide img.esamuday {
    height: auto
}

.slide img.bigbasket {
    width: 155px
}

.slider .slide.zc-slide-amazon {
    background: #fff8ed
}

.slide.zc-slide-bharatpe {
    background: #e2fbff
}

.slide.zc-slide-whirlpool {
    background: rgba(255,255,255,0.95)
}

.slide.zc-slide-tata {
    background: #deeeff
}

.slide.zc-slide-itc-limited {
    background: #e1efff
}

.slide.zc-slide-itv-studios {
    background: #e2edff
}

.slide.zc-slide-rcsi {
    background: #e9f0ff
}

.slide.zc-slide-mtc {
    background: #fffcef
}

.slide.zc-slide-esamuday {
    background: #f0e7ff
}

.slide.zc-slide-bigbasket {
    background: #f7ffe3
}

section.zc-demo-call-section {
    width: 70%;
    margin: 40px auto 20px;
    text-align: center;
    padding: 40px 0 0;
    position: relative;
    z-index: 9999;
    max-width: 1400px
}

.zc-demo-call-section .zc-star-icon-section {
    top: -5px;
    z-index: 1;
    left: 45%
}

.zc-launchpad-wrapper .zc-demo-call-section-container {
    padding: 50px;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    background: linear-gradient(90deg,rgba(26,22,63,0.00) -7.64%,rgba(25,19,87,0.95) 50.37%,rgba(67,58,165,0.00) 99.78%)
}

.zc-demo-call-section-container h2 {
    color: #fff;
    text-align: center;
    font-size: 46px;
    font-family: var(--primaryfont-bold);
    line-height: normal;
    width: 75%;
    margin: 30px auto
}

.zc-demo-call-section-container h5 {
    color: #fff;
    font-size: 24px;
    font-family: var(--primaryfont-semibold);
    line-height: 60px;
    margin-bottom: 20px
}

.zc-demo-call-section-container button.zc-shedule-demo-btn {
    background: linear-gradient(103deg,#0742ff -33.76%,#9601f2 91.06%);
    border-radius: 80px;
    border: 0;
    padding: 20px 50px;
    width: max-content;
    color: #fff;
    font-size: 27px;
    font-family: var(--primaryfont-semibold);
    line-height: 60px;
    display: flex;
    align-items: center;
    margin: 60px auto 0;
    justify-content: center;
    cursor: pointer;
    position: relative;
    transition: all .5s
}

.zc-demo-call-section-container p {
    color: #c5c2e9;
    font-size: 23px;
    font-family: var(--primaryfont-regular);
    line-height: 31px;
    margin: 0
}

.zc-demo-call-section-container button.zc-shedule-demo-btn i {
    background: url(/sites/zweb/images/creator/launchpad/zc-launchpad-sprite.svg);
    display: block;
    background-repeat: no-repeat;
    background-position: -58px 2px;
    width: 50px;
    height: 50px;
    z-index: 9;
    background-color: #ffffff24;
    padding: 10px;
    border-radius: 50%;
    margin-left: 20px;
    border: 2px solid #ffffff66
}

.zc-planet-section {
    display: none;
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 200px;
    background-color: #0a0832;
    z-index: 9
}

.zc-planet {
    width: auto;
    min-width: 1600px;
    background-image: url("/sites/zweb/images/creator/launchpad/zc-launchpad-planet.svg");
    background-repeat: no-repeat;
    background-position: 0 168px;
    background-size: contain;
    text-align: center;
    opacity: .3;
    position: absolute;
    left: 50%;
    bottom: -40px;
    right: 50%;
    margin: 0 auto;
    transform: translate(-50%,5%) scale(1);
    height: 400px;
    z-index: 999999
}

.preview-active .zc-launchpad-wrapper .zc-footer {
    display: block;
    width: 100%
}

.zc-launchpad-wrapper .zc-footer-wrapper {
    margin: 0 auto;
    text-align: left;
    padding: 20px 40px;
    z-index: 99999999;
    position: relative
}

.zc-launchpad-wrapper .zc-footer-wrapper .zc-footer-menu {
    display: flex;
    align-items: center;
    justify-content: center
}

.zc-launchpad-wrapper .zc-footer-wrapper .zc-footer-menu .zc-footer-links a {
    text-decoration: none;
    margin-right: 40px;
    position: relative;
    color: #abaab9;
    text-align: center;
    font-size: 16px;
    font-family: var(--primaryfont-regular);
    line-height: 52px;
    transition: all .5s
}

.zc-launchpad-wrapper .zc-footer-wrapper .zc-footer-menu .zc-footer-links a:after {
    content: "";
    width: 1px;
    height: 15px;
    background-color: #abaab9;
    position: absolute;
    display: inline-block;
    bottom: 0;
    right: -20px
}

.zc-launchpad-wrapper .zc-footer-wrapper .zc-footer-menu .zc-footer-links:last-child a {
    margin: 0
}

.zc-launchpad-wrapper .zc-footer-wrapper .zc-footer-menu .zc-footer-links:last-child a:after {
    content: none
}

.zc-launchpad-wrapper .zc-footer-wrapper .zc-footer-copywrites-text {
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-family: var(--primaryfont-regular);
    line-height: 22px;
    margin: 0
}

.zc-schedule-btn-footer {
    background: linear-gradient(to right,#0742ff 0,#9601f2 100%);
    border-radius: 80px;
    border: 0;
    padding: 8px 18px;
    color: #fff;
    font-size: 17px;
    font-family: var(--zf-secondary-medium);
    line-height: 22px;
    cursor: pointer;
    width: 51%;
    height: 60px
}

.zc-shedule-demo-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    justify-content: center;
    align-items: center;
    z-index: 9999
}

.zc-shedule-demo-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    transform: scale(0.8);
    transition: transform .3s ease,opacity .3s ease
}

.zc-shedule-demo-popup.active {
    opacity: 1;
    transform: scale(1);
    z-index: 99999
}

.zc-shedule-demo-popup iframe {
    border: 0;
    max-width: 100%;
    max-height: 100%;
    z-index: 99999;
    border-radius: 20px
}

.zc-shedule-demo-popup:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 28%);
    filter: blur(20px) brightness(0.4) drop-shadow(4px 4px 0 #000);
    background-position: 50%;
    background-size: cover;
    z-index: 9999
}

.zc-shedule-popup .zc-schedule-demo-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    position: absolute;
    top: -40px;
    right: -60px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    padding: 6px 6px;
    flex-shrink: 0;
    background: #ffffff00;
    border: 0;
    z-index: 999999;
    font-family: system-ui;
    border-radius: 50%;
    background: linear-gradient(272deg,rgba(67,58,165,0.00) -6.13%,rgba(27,21,96,0.47) 56.69%,rgba(26,22,63,0.00) 113.53%)
}

.zc-launchpad-wrapper section.zc-loader-section p.zc-loader-txt.zc-loader-text-fadeout {
    animation: loader-fade-out .5s linear;
    opacity: .5;
    transform: scale(0.8)
}

.zc-launchpad-wrapper section.zc-loader-section p.zc-loader-txt.zc-loader-text-fadein {
    animation: loader-fade-in .5s linear;
    opacity: .5
}

.zc-loader-txt.zc-loader-text-fadeout+.zc-loader-txt {
    opacity: .5;
    transform: scale(1)
}

.zc-launchpad-wrapper section.zc-loader-section p {
    transform: scale(0.8)
}

.zc-launchpad-wrapper section.zc-loader-section p.zc-loader-txt.zc-loader-text+.zc-loader-txt {
    opacity: .5;
    transform: scale(1)
}

.zc-launchpad-wrapper section.zc-loader-section p.zc-loader-txt.zc-loader-text {
    transform: scale(1.2)
}

.zc-banner-content .zc-ai-animation.zc-star-icon-container {
    visibility: hidden;
    opacity: 0
}

.zc-launchpad-wrapper .zc-timeline-section-content.zc-timeline-section-content-in-view .zc-permission-content ul li p {
    position: relative;
    animation-delay: 2s
}

.zc-skeleton-loader {
    position: relative;
    overflow: hidden;
    z-index: 999;
    width: 163px;
    height: 15px;
    border-radius: 80px;
    background: #ededed;
    margin: 0 auto;
    display: none
}

.zc-skeleton-loader:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,rgba(255,255,255,0) 0,rgb(206 211 232 / 50%) 50%,rgba(255,255,255,0) 100%);
    animation: shimmer 1.5s infinite
}

.sidebar.left-pane .zc-skeleton-loader {
    background-color: #1e1f43
}

.zc-sidebar-header-skeleton-loader .zc-skeleton-loader {
    display: block
}

.zc-sidebar-header-skeleton-loader+.zc-sidebarmenu-content {
    height: calc(100% - 55px)
}

.zc-sidebar-skeleton-loader .zc-skeleton-loader {
    display: block;
    margin: 30px auto
}

.zc-sidebar-skeleton-loader+.zc-sidebarmenu-content {
    height: calc(100% - 46px)
}

.zc-preview-sidebar.zc-sidebar-skeleton-loader {
    margin-top: 20px
}

.zc-content-header-skeleton-loader .zc-skeleton-loader {
    display: block;
    margin: 6px 0
}

.zc-content-header-skeleton-loader .zc-skeleton-loader {
    display: block;
    margin: 0
}

.zc-preview .right-pane .right-pane-content.zc-content-skeleton-loader {
    height: 670px;
    width: 100%;
    display: block
}

.zc-preview .right-pane .right-pane-content.zc-content-skeleton-loader .zc-report-view.content-div {
    height: 600px;
    margin: 12px;
    background-color: #fff;
    width: 97%;
    border-radius: 10px
}

.right-pane-content.zc-content-skeleton-loader .zc-report-view tr th.zc-skeleton-loader,.right-pane-content.zc-content-skeleton-loader .zc-report-view.content-div tr td.zc-skeleton-loader {
    background: #ced3e8;
    display: block;
    width: 116px;
    margin: 0 24px
}

.right-pane-content.zc-content-skeleton-loader .zc-report-view tr,.right-pane-content.zc-content-skeleton-loader .zc-report-view.content-div td {
    display: flex;
    margin-top: 22px;
    justify-content: space-evenly
}

.right-pane-content.zc-content-skeleton-loader .zc-report-view tr td.zc-skeleton-loader {
    background: #edeef4;
    display: block;
    width: 117px;
    margin: 0 24px;
    height: 12px
}

.right-pane-content.zc-content-skeleton-loader .zc-report-view tr th.zc-skeleton-loader::before {
    background: linear-gradient(90deg,rgba(255,255,255,0) 0,rgb(250 250 250 / 50%) 50%,rgba(255,255,255,0) 100%)
}

.zc-preview .right-pane .right-pane-content.zc-content-skeleton-loader table.zc-report-view.zc-report-section.right-pane-content-sec {
    display: block
}

.right-pane-content.zc-content-skeleton-loader .zc-report-view tr {
    margin-bottom: 20PX
}

.right-pane-content .zc-report-view.zc-report-view-skeletal-loader tbody tr td.zc-skeleton-loader {
    background: #edeef4;
    display: block;
    width: 100%;
    margin: 8px 24px;
    margin-left: 0
}

.right-pane-content .zc-report-view.zc-report-view-skeletal-loader tbody tr {
    display: flex;
    margin: 16px 0;
    justify-content: space-between
}

.right-pane-content .zc-report-view.zc-report-view-skeletal-loader thead tr th {
    width: 100%
}

.right-pane-content .zc-report-view.zc-report-view-skeletal-loader thead tr {
    display: flex;
    background-color: #fafbff;
    justify-content: space-between
}

.right-pane-content .zc-report-view.zc-report-view-skeletal-loader tbody tr td.zc-skeleton-loader:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,rgba(255,255,255,0) 0,rgb(255 255 255 / 50%) 50%,rgba(255,255,255,0) 100%);
    animation: shimmer 1.5s infinite
}

.right-pane-header.zc-content-header-skeleton-loader p#header-text {
    margin: 0
}

.zc-floating-prompt-section {
    position: relative;
    z-index: 9999
}

.zc-floating-icon {
    position: absolute;
    width: 0;
    height: 0
}

.zc-floating-star-icon {
    position: relative
}

i.zc-star {
    background: url("/sites/zweb/images/creator/launchpad/zc-launchpad-star.svg");
    height: 25px;
    width: 22px;
    display: block;
    background-repeat: no-repeat;
    position: relative;
    transform: scale(1);
    bottom: 7px;
    opacity: .3
}

.zc-floating-icon.zc-left-top-icon {
    left: -20%
}

.zc-floating-icon.zc-left-middle-icon {
    top: 140px;
    left: 6%
}

.zc-floating-icon.zc-left-bottom-icon {
    top: 440px;
    left: -20%
}

.zc-floating-icon.zc-center-top-icon {
    left: 80%;
    top: -70px
}

.zc-floating-icon.zc-right-top-icon {
    right: -19%;
    top: 15px
}

.zc-floating-icon.zc-right-middle-icon {
    right: -12%;
    top: 200px
}

.zc-floating-icon.zc-right-bottom-icon {
    left: 119%;
    top: 450px
}

.zc-floating-icon.zc-left-middle-icon .zc-prompt.zc-border-gradiant {
    left: -230px
}

.zc-floating-icon.zc-right-middle-icon .zc-prompt.zc-border-gradiant {
    right: 220px;
    bottom: 130px
}

.zc-floating-icon.zc-left-bottom-icon .zc-prompt.zc-border-gradiant {
    bottom: 130px;
    right: 0
}

.zc-floating-icon.zc-right-bottom-icon .zc-prompt.zc-border-gradiant {
    right: 220px;
    bottom: 130px
}

.zc-floating-icon.zc-glow-active .zc-prompt.zc-border-gradiant {
    visibility: visible;
    opacity: 1;
    cursor: pointer;
    transition: all .5s
}

.zc-floating-icon.zc-glow-disable .zc-prompt.zc-border-gradiant {
    opacity: 0
}

.zc-floating-icon.zc-glow-active .zc-floating-star-icon i.zc-star,.zc-floating-icon .zc-floating-star-icon i.zc-star:hover {
    opacity: 1;
    box-shadow: inset 0 0 20px 20px #ffffff17,0 0 20px 11px #ffffff1f;
    border-radius: 50%;
    cursor: pointer
}

.zc-floating-icon.zc-right-top-icon i.zc-star,.zc-floating-icon.zc-center-top-icon i.zc-star {
    opacity: .1;
    transform: scale(0.8)
}

.zc-floating-icon.zc-right-top-icon .zc-prompt.zc-border-gradiant {
    right: 228px
}

.zc-shedule-popup .zc-popup-container {
    display: flex;
    padding: 40px;
    height: 628px;
    width: 100%;
    z-index: 99999;
    border-radius: 20px;
    background: rgba(255,255,255,0.04);
    backdrop-filter: blur(24.5px);
    -webkit-backdrop-filter: blur(24.5px);
    box-shadow: inset 0 0 20px 6px #474d92,0 0 16px 2px #474d92
}

.zc-popup-content {
    width: 50%;
    padding: 40px;
    padding-left: 0;
    padding-top: 10px;
    color: #fff
}

.zc-booking-form {
    width: 50%;
    z-index: 999999
}

.zc-popup-content h2 {
    font-size: 36px;
    font-family: var(--primaryfont-bold);
    line-height: 60px;
    margin-bottom: 8px
}

.zc-popup-content p {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: .72px;
    margin-bottom: 30px
}

.zc-popup-content h6 {
    font-size: 19px;
    font-family: var(--primaryfont-bold);
    line-height: 28px;
    margin-bottom: 20px
}

.zc-popup-content li {
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    line-height: 30px;
    margin-bottom: 10px;
    display: flex;
    gap: 20px
}

.zc-popup-content li i {
    content: "";
    background: url("/sites/zweb/images/creator/launchpad/zc-launchpad-star.svg");
    height: 24px;
    width: 24px;
    min-width: 24px;
    display: block;
    background-repeat: no-repeat;
    position: relative;
    left: 8px;
    top: 5px;
    transform: scale(0.7)
}

.zc-thankyou-content {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center
}

.zc-thankyou-content .content {
    margin: 0 auto
}

.zc-thanku-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    background: linear-gradient(98deg,#0742ff -26.73%,#9601f2 129.07%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-bottom: 30px;
    box-shadow: 0 0 10px 2px rgb(100 222 252 / 6%),0 0 10px 2px rgba(61,136,251,0.2),0 0 10px 2px rgba(45,99,251,0.2)
}

.zc-thanku-icon i {
    font-size: 52px;
    color: #fff
}

.zc-thankyou-content h2 {
    text-align: center;
    font-size: 74px;
    font-family: var(--primaryfont-bold);
    line-height: 88px;
    background: linear-gradient(98deg,#0742ff -26.73%,#9601f2 129.07%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px
}

.zc-thankyou-content .content p {
    margin: 0 auto;
    width: 58%;
    color: #fff;
    font-size: 23px;
    font-family: var(--primaryfont-regular);
    line-height: 31px
}

.zc-thankyou-content .content .zc-thankyou-content-bold {
    font-family: var(--primaryfont-bold)
}

.zc-thankyou-content .content p a {
    color: #6725f7;
    font-size: 23px;
    font-family: var(--primaryfont-semibold);
    text-decoration: underline;
    position: relative
}

.zc-launchpad-mobile {
    display: none;
    margin: 0;
    padding: 0
}

.zc-shedule-popup {
    width: 980px;
    margin: 0 auto;
    position: relative
}

.zc-launchpad-wrapper .zc-timeline .zc-timeline-section.zc-personas-view .zc-role {
    transform-origin: left;
    animation: scaleAndMoveRight 2s ease-in-out forwards;
    transform: scale(1)
}

.zc-banner-content-zia:after,.zc-banner-content-zia:before {
    filter: blur(82px);
    content: "";
    position: absolute;
    display: block;
    height: 400px;
    left: -50%;
    z-index: -1;
    width: 600px;
    top: 40%;
    width: 332.322px;
    height: 69.301px;
    opacity: .6
}

.zc-banner-content-zia::after {
    background: rgb(57 43 250 / 14%);
    left: -34%;
    background: rgba(57,43,250,0.30);
    filter: blur(52px)
}

.zc-banner-content-zia:before {
    background: rgba(244,90,90,0.30);
    left: -10%
}

.zc-launchpad-wrapper .zc-banner-content-header-text:before,.zc-launchpad-wrapper .zc-banner-content-header-text:after {
    width: 332.322px;
    height: 69.301px;
    opacity: .8;
    content: "";
    position: absolute;
    display: block
}

.zc-launchpad-wrapper .zc-banner-content-header-text:before {
    background: rgb(57 43 250 / 27%);
    filter: blur(52px);
    left: -40%;
    bottom: 60%;
    transform: rotate(196deg)
}

.zc-launchpad-wrapper .zc-banner-content-header-text:after {
    background: rgba(244,90,90,0.30);
    filter: blur(102px);
    right: -23%;
    top: 170%;
    opacity: .8
}

.zc-banner-content-header-text {
    position: relative
}

.zc-floating-icon.zc-glow-active .zc-prompt.zc-border-gradiant:hover {
    cursor: pointer;
    box-shadow: 0 0 8px 6px #ffffff14
}

.zc-launchpad-wrapper .zc-timeline .zc-timeline-section.zc-personas-view .zc-permission-content {
    transform-origin: left;
    animation: scaleMoveRight 2s ease-in-out forwards;
    transform: scale(1)
}

.zc-permission-content.zc-permission-skeleton-loader p.zc-skeleton-loader {
    background: #ededed2b;
    display: block;
    margin: 0
}

.zc-permission-content.zc-permission-skeleton-loader ul li:nth-child(3) p.zc-skeleton-loader {
    width: 230px
}

.zc-permission-content.zc-permission-skeleton-loader ul li:nth-child(2) p.zc-skeleton-loader {
    width: 300px
}

.zc-role.zc-border-gradiant.zc-role-skeleton-loader p.zc-skeleton-loader {
    display: block;
    margin: 12px 0;
    background: #ededed2b;
    width: 160px
}

.zc-role.zc-border-gradiant.zc-role-skeleton-loader p.zc-skeleton-loader:last-child {
    width: 110px
}

.zc-banner-container {
    max-width: 840px;
    margin: 0 auto
}

.zwf-new-footer .zw-only-copyright.zwf-only-copyright .content-wrap.bottom-animated {
    z-index: 9999
}

.zc-preview-hidden .zwf-new-footer {
    display: none
}

@media(max-width: 1200px) {
    .zc-launchpad-wrapper .zc-main-container,.zc-banner-footer {
        display:none
    }

    .zc-footer.zc-planet-section.zwf-new-footer {
        display: none
    }

    html,body {
        overflow-x: hidden
    }

    .zc-launchpad-wrapper .zc-empowering-connect-dot {
        margin-top: -160px
    }

    .zc-launchpad-wrapper .zc-unlock .zc-card-row {
        display: flex;
        flex-direction: column
    }

    .zc-launchpad-wrapper .zc-unlock .zc-card {
        width: 100%;
        margin-bottom: 40px
    }

    .zc-launchpad-wrapper .zc-timeline {
        width: 90%
    }

    div#zc-top-right-blue-pointer .zc-prompt.zc-prompt-active,div#zc-top-right-blue-pointer .zc-prompt {
        position: relative;
        right: 200px;
        top: -180px
    }

    .zc-launchpad-wrapper .zc-timeline .zc-permission {
        position: absolute;
        left: 50%;
        right: 50%;
        transform: translate(-50%,-50%) rotate(45deg);
        top: 50%
    }

    .zc-launchpad-mobile .zc-background-image {
        height: calc(100% - 80px)
    }

    .zc-launchpad-wrapper .zc-timeline-section-content {
        left: 0;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .zc-launchpad-wrapper .zc-timeline-section-content.zc-timeline-section-content-in-view .zc-role,.zc-launchpad-wrapper .zc-timeline-section-content.zc-timeline-section-content-in-view .zc-permission-content {
        width: 40%
    }

    .zc-header-logo-section,.zc-banner-text,.zc-launchpad-mobile-preview,.zc-launchpad-mobile-wrapper p,.zc-shedule-demo-btn,.zc-launchpad-mobile-wrapper a,.zc-launchpad-mobile .zc-footer,.zwf-new-footer {
        z-index: 9;
        position: relative
    }

    .slider,section.zc-demo-call-section {
        width: 70%
    }

    .zc-planet {
        background-position: 0 225px
    }

    .preview-active .zc-launchpad-wrapper section.zc-banner-content,.zc-launchpad-wrapper .zc-banner-content {
        top: 0;
        transform: translateY(0)
    }

    section.zc-loader-section {
        transform: translateY(6%);
        height: 100%;
        margin: 0 auto
    }

    .zc-launchpad-mobile {
        text-align: center;
        display: block
    }

    .zc-launchpad-mobile-wrapper {
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        z-index: 99999999
    }

    *,:after,:before {
        box-sizing: border-box
    }

    .zc-header-logo-section {
        justify-content: center;
        margin-top: 15px;
        margin-bottom: 40px
    }

    .zc-banner-text h1 {
        color: #fff;
        text-align: center;
        font-size: 36px;
        font-family: var(--primaryfont-bold);
        line-height: normal;
        width: 100%;
        margin: 0 auto;
        padding-top: 40px
    }

    .zc-banner-text h1 span {
        display: block;
        width: 100%
    }

    .zc-launchpad-mobile-preview {
        width: 315px;
        z-index: 9999;
        position: relative;
        margin: 30px auto
    }

    .zc-launchpad-mobile-preview video {
        border-radius: 5px;
        box-shadow: 0 0 4px 1px #f0f0f02b
    }

    .zc-launchpad-mobile-preview video[poster] {
        height: 195px;
        width: 100%
    }

    .zc-launchpad-mobile-wrapper p {
        color: #c5c2e9;
        text-align: center;
        font-size: 16px;
        font-family: var(--primaryfont-regular);
        line-height: 24px;
        width: 80%;
        margin: 0 auto 30px
    }

    .zc-launchpad-mobile-wrapper p.zc-title-content {
        font-family: var(--primaryfont-semibold)
    }

    .zc-shedule-demo-btn {
        background: linear-gradient(to right,#0742ff 0,#9601f2 100%);
        border-radius: 80px;
        border: 0;
        padding: 8px 18px;
        color: #fff;
        cursor: pointer;
        display: block;
        margin: 0 auto;
        z-index: 999999;
        position: relative;
        width: 315px;
        height: 49px;
        text-align: center;
        font-size: 20px;
        line-height: 34px;
        margin-top: 50px
    }

    .zc-launchpad-mobile-wrapper a {
        color: #c5c2e9;
        text-align: center;
        font-size: 16px;
        font-family: var(--primaryfont-regular);
        line-height: 31px;
        text-decoration-line: underline;
        margin: 20px 0;
        display: block;
        z-index: 999999;
        position: relative
    }

    .zc-header-logo-section a,.zc-header-logo-section p {
        margin: 0
    }

    .zwf-new-footer:before {
        content: "";
        width: 1600px;
        background-image: url(/sites/zweb/images/creator/launchpad/zc-launchpad-planet.svg);
        background-repeat: no-repeat;
        background-position: 150px 168px;
        background-size: contain;
        text-align: center;
        opacity: .3;
        position: absolute;
        left: 50%;
        bottom: 0;
        right: 50%;
        margin: 0 auto;
        transform: translate(-50%,5%) scale(0.9);
        height: 320px;
        z-index: 999999
    }

    .zwf-new-footer .zw-only-copyright.zwf-only-copyright {
        padding-bottom: 20px !important;
        border-top: none !important
    }

    .zwf-new-footer {
        border-top: 0
    }

    .z-mobile-menu-v2 {
        display: none
    }

    .zc-launchpad-mobile-preview video {
        border-radius: 5px;
        box-shadow: 0 0 4px 1px #f0f0f02b
    }
}

@media screen and (max-width: 1600px) and (min-width:1201px) {
    .zc-launchpad-wrapper .zc-banner-zia-preview {
        transform:scale(0.8);
        margin-top: 10px
    }

    .zc-launchpad-wrapper .zc-empowering-connect-dot {
        margin: -202px 0 36px 0
    }

    .zc-launchpad-wrapper .zc-banner-zia-preview .zc-banner-preview h2 {
        font-size: 42px
    }

    .zc-launchpad-wrapper .zc-border-gradiant.zc-banner-preview-section {
        margin-top: 30px
    }

    .zc-launchpad-wrapper .zc-border-gradiant.zc-banner-preview-section {
        width: 100%
    }
}

@media screen and (max-width: 1560px) and (min-width:1201px) {
    .zc-launchpad-wrapper .zc-banner-content {
        transform:translateY(2%)
    }

    .zc-main-container .zc-banner-footer .zc-banner-footer-content {
        padding-top: 20px
    }

    .zc-main-container .zc-banner-footer {
        margin-top: 20px
    }
}

@media screen and (max-width: 1450px) and (min-width:1201px) {
    .zc-planet {
        min-width:1000px
    }

    .zc-planet::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right,#0a0832,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,#0a0932);
        z-index: -1;
        pointer-events: none
    }
}

@media screen and (min-width: 1550px) {
    .zc-launchpad-wrapper .zc-border-gradiant.zc-banner-preview-section {
        width:90%
    }
}

@media screen and (min-width: 1700px) {
    .zc-launchpad-wrapper .zc-banner-zia-preview {
        margin-top:80px
    }
}

th.zc-app-report-header {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.right-pane-content .zc-report-view.zc-report-view-skeletal-loader tbody tr td:first-child {
    padding: 0 2px;
    max-width: 30px;
    width: 100%;
    margin-left: 24px
}

.fa.fa-search:before,.fa.fa-plus:before,.fa.fa-bars:before {
    content: none
}

.zc-sidebar-header {
    background-color: #1c1c40;
    border-top-left-radius: 14px;
    padding: 9px 4px
}

.zc-sidebar-header.zc-sidebar-header-skeleton-loader {
    padding: 18px 4px
}

.zc-launchpad-wrapper .zc-banner-zia-preview .zc-banner-preview-image .sidebar h3.zc-li-outline::before {
    position: relative;
    left: -8px;
    top: 0;
    font: normal normal normal 14px/1 'ZC Live Outline';
    font-size: 18px;
    display: inline-block;
    width: 32px;
    padding-top: 2px;
    height: 32px;
    background: #5051f9;
    vertical-align: middle;
    line-height: 28px;
    border-radius: 9px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    text-align: center
}

.zc-popup-content ul li p {
    margin-bottom: 8px
}

.zc-header-logo-section .zc-creator-logo:focus,.zc-header-logo-section .zc-creator-logo:focus-visible {
    outline: 2px solid #fff;
    box-shadow: 0 0 15px rgb(255,255,255,0.5)
}

.zc-preview-sidebar.zc-sidebar-skeleton-loader+.zc-profile-scetion {
    top: 4px
}

.zc-launchpad-wrapper .zc-banner-content-zia-form.zc-error-text-active .zc-characters-count span {
    color: #d5544bb8
}

.zc-preview-sidebar li.has-submenu .submenu-title:hover {
    color: #fff;
    background: #2c2a50
}

.zc-preview .right-pane .right-pane-content-sec {
    position: relative
}

.zc-report-footer {
    position: relative;
    z-index: 9999;
    display: flex;
    padding: 10px;
    border-top: 1px solid #e0e5ea;
    justify-content: space-between;
    right: 0;
    bottom: 43px;
    width: 95.6%;
    margin: 0 auto;
    z-index: 99;
    background-color: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    opacity: 1;
    animation: fadein 1s linear
}

.zc-report-footer p {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-size: 14px;
    font-family: var(--primaryfont-regular);
    font-style: italic;
    color: #071a2c;
    margin-bottom: 0
}

.zc-report-footer p:last-child:before {
    content: "*";
    font-size: 16px;
    color: red;
    margin-right: 1px;
    font-family: var(--primaryfont-regular)
}

.zc-shedule-popup .zc-schedule-demo-close .zc-demo-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    transform: rotate(45deg)
}

.zc-shedule-popup .zc-schedule-demo-close .zc-demo-close:before {
    width: 15px;
    height: 1px
}

.zc-shedule-popup .zc-schedule-demo-close .zc-demo-close:after {
    height: 15px;
    width: 1px
}

.zc-shedule-popup .zc-schedule-demo-close .zc-demo-close:after,.zc-shedule-popup .zc-schedule-demo-close .zc-demo-close:before {
    content: "";
    position: absolute;
    background-color: #fff
}

.zc-banner-footer {
    position: relative;
    background: transparent;
    width: 100%;
    margin: 0 auto;
    margin-top: -20px;
    position: relative;
    top: 0
}

.zc-banner-footer ul.zc-footer-menu {
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
    width: max-content;
    margin: 12px auto;
    z-index: 999;
    position: relative
}

.zc-banner-footer p.zc-footer-copywrites-text {
    text-align: center;
    color: rgba(255,255,255,0.5);
    font-size: 14px
}

.zc-banner-footer li.zc-footer-links a {
    color: rgba(255,255,255,0.4);
    font-size: 14px;
    padding: 5px;
    z-index: 9999;
    transition: all .5s;
    position: relative
}

.zc-banner-footer li.zc-footer-links {
    border-right: 1px solid rgba(255,255,255,0.4);
    line-height: 1;
    padding: 0 8px
}

.zc-banner-footer li.zc-footer-links:last-child {
    border: navajowhite
}

.zc-banner-footer li.zc-footer-links a:hover {
    color: #fff
}

.zc-banner-footer .zc-banner-footer-content {
    padding: 20px;
    padding-bottom: 5px;
    background: #0a0832;
    position: relative
}

.zc-launchpad-mobile .zc-footer a {
    display: inline;
    flex-direction: row;
    width: max-content;
    margin: 0;
    width: auto;
    position: relative;
    color: #fff;
    font-size: 14px
}

.zc-launchpad-mobile li.zc-footer-links {
    width: max-content;
    display: inline;
    border-right: 1px solid #fff;
    margin-right: 10px;
    padding-right: 8px;
    line-height: .5
}

.zc-launchpad-mobile .zc-footer-wrapper {
    margin: 0 auto
}

.zc-launchpad-mobile .zc-background {
    height: 100%
}

.zc-launchpad-mobile .zc-footer {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center
}

.zc-launchpad-mobile p.zc-footer-copywrites-text {
    color: #fff;
    font-size: 13px
}

.zc-launchpad-mobile ul.zc-footer-menu {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 2px;
    text-align: center;
    position: relative;
    left: 8px
}

.zc-launchpad-mobile li.zc-footer-links:last-child {
    border: 0
}

.preview-active .zc-banner-footer,.zc-launchpad-wrapper.zc-loader-active section.zc-banner-footer {
    display: none
}

.zc-launchpad-wrapper.zc-loader-active {
    padding-bottom: 1px
}

.zc-launchpad {
    background-color: #050319
}

@media(min-height: 600px) and (max-height:760px) {
    .zc-launchpad-mobile-wrapper {
        width:100%;
        display: block;
        position: relative;
        z-index: 99999999
    }
}

.zc-floating-star-icon.delayed-text {
    opacity: 1
}

.zwf-new-footer {
    border-image: linear-gradient(to right,#ffffff00 00,rgb(216 219 231 / 32%),transparent) 1;
    background: transparent
}

.zw-only-copyright.zwf-only-copyright {
    border-top: 1px solid !important;
    border-image: linear-gradient(to right,#ffffff00 00,rgb(216 219 231 / 32%),transparent) 1;
    background: #0a0832
}

.zwf-new-footer .zwf-only-copyright ul li a,.zwf-new-footer p {
    color: #abaab9;
    transition: all .5s
}

.zc-launchpad-wrapper .zc-footer-wrapper .zc-footer-menu .zc-footer-links a:hover,.zc-launchpad-wrapper .zc-footer-wrapper .zc-footer-menu .zc-footer-links a:focus,.zc-launchpad-wrapper .zc-footer-wrapper .zc-footer-menu .zc-footer-links a:focus-visible {
    color: #fff
}

.zwf-new-footer .zwf-only-copyright ul li a:hover,.zwf-new-footer p:hover,.zwf-new-footer .zwf-only-copyright ul li a:focus,.zwf-new-footer p:focus,.zwf-new-footer .zwf-only-copyright ul li a:focus-visible,.zwf-new-footer p:focus-visible {
    color: #fff
}

.zcr-quick-connect {
    display: none
}

.zc-booking-form-us {
    border: 0;
    max-width: 100%;
    min-height: 520px;
    max-height: 100%;
    z-index: 99999;
    border-radius: 20px;
    background-color: #fff;
    padding: 50px 30px
}

.zc-lp-form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px
}

.zc-booking-form-us h6 {
    text-align: center;
    font-family: var(--primaryfont-semibold)
}

.zc-lp-form-label {
    font-size: 15px;
    color: #000;
    width: max-content;
    margin-bottom: 8px;
    font-family: var(--primaryfont-regular)
}

.zc-lp-form-input {
    line-height: inherit;
    padding: 11px 10px;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    color: #111;
    display: inline-block;
    font-size: 15px;
    -webkit-transition: box-shadow .1s ease-in 0s;
    -moz-transition: box-shadow .1s ease-in 0s;
    transition: box-shadow .1s ease-in 0s;
    width: 100%
}

.zc-lp-form-label:after {
    content: "*";
    color: red;
    margin-left: 2px
}

.zc-lp-form-btn {
    background-color: #272d83;
    border-color: #272d83;
    min-height: 46px;
    font-size: 16px;
    font-family: var(--primaryfont-semibold);
    width: 100%;
    color: #fff;
    padding: 10px 16px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #272d83;
    margin-top: 30px
}

.zc-lp-form-btn:hover,.zc-lp-form-btn:focus,.zc-lp-form-btn:focus-visible {
    background-color: #272d83e6;
    border-color: #272d83e6
}

.zc-captcha {
    display: flex;
    align-items: center
}

.zc-captcha-img {
    display: flex;
    border: 1px solid #e1e1e1;
    margin: 0 10px;
    align-items: center;
    padding: 2px;
    border-radius: 3px
}

.zc-captcha i {
    cursor: pointer
}
.zc-overlay-cta {
 display: none;
}
.zc-overlay-cta.zc-overlay-cta-active {
position: absolute;
top: 311px;
left: 0;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
z-index: 999;
width: 100%;
}
.zc-overlay-cta.zc-overlay-cta-active:after {
content:"";
width: 946px;
height: 676px;
background-color: #0000008a;
position: absolute;
left: 0px;
border-radius: 0px 14px 14px 0px;
}
.zc-shedule-demo-overlay {
height: max-content;
margin: 0 auto;
width: 100%;
color: rgb(255, 255, 255);
font-size: 20px;
font-weight: var(--zf-secondary-medium);
line-height: 22px;
cursor: pointer;
background: linear-gradient(to right, rgb(7, 66, 255) 0%, rgb(150, 1, 242) 100%);
border-radius: 80px;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
padding: 16px 18px;
transition: 0.5s;
width: fit-content;
z-index: 999;
}
@media screen and (max-width: 1600px) and (min-width:1201px) {
.zc-launchpad-wrapper .zc-border-gradiant.zc-banner-preview-section .zc-overlay-cta.zc-overlay-cta-active:after{
width: 100%;
 }
}