* {
    box-sizing: border-box
}
body, html {
    scroll-behavior: smooth;
}
body {
    color: #fff;
}
.zw-product-header {
    background: #070c1a;
}
.zch-build-anything {
    background: #070C1A;
    overflow-x: hidden;
}
.innovation-sec {
    border-radius: 24px;
    background: radial-gradient(103.54% 103.51% at 52.08% 0%, #361989 3.5%, #122B84 70.23%, rgba(147, 59, 255, 0.50) 94.15%);
    transform: translate(0px, 40px);
    transition: all 400ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    position: relative;
    overflow: hidden;
}
.middle-animated .innovation-sec {
    transform: translate(0px, 0px);
}
.zwc_is_inside {
    max-width: 705px;
    margin: 0 auto;
    text-align: center;
    padding: 110px 0;
}
.zwc_is_inside h2 {
    margin-bottom: 30px;
}
.zwc_heading2{
    font-size: 56px;
    font-family: var(--primaryfont-semibold);
    line-height: 1.2;
    letter-spacing: -1px;
}
.zwc_is_inside span {
    color: #00FFB0;
    font-size: 32px;
    display: inline-block;
    font-family: var(--primaryfont-semibold);
}
.innovation_txt{
    position: relative;
}
.cursor {
    display: inline-block;
    width: 8px;
    animation: blink 0.3s infinite alternate;
    position: absolute;
    right: -5px;
}
@keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
.ideas_list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    gap: 100px;
    justify-content: center;
}
.zwc_each_list {
    width: calc(50% - 50px);
}
.transforms_ideas_captions {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 80px;
}
.zwc_common_cn {
    padding: 120px 0 0;
    /* min-height: 100vh; */
}
.zwc_banner_wrap.zwc_common_cn {
    padding: 80px 0 60px;
    position: relative;
    background: url(/sites/zweb/images/developer/build_anything/banner_bg_lines.png);
    background-size: 100% 100%;
    background-position: center;
}
.zwc_each_list h3 {
    font-size: 20px;
    position: relative;
}
.zwc_transforms_ideas_wrap .content-wrap {
    max-width: 1010px;
}
.transforms_ideas_captions p {
    font-size: 20px;
}
.zwc_each_list {
    text-align: center;
}
.zwc_each_list h3, .ideas_list.seamless_app h4 {
    font-size: 27px;
    font-family: var(--zf-secondary-medium);
    margin-bottom: 10px;
    padding-top: 68px;
    position: relative;
}
.zwc_each_list p {
    font-size: 16px;
    margin-bottom: 0;
}
.ideas_list:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 2px;
    height: 110%;
    top: -5%;
    margin: 0 auto;
    background: linear-gradient(0deg, rgba(7,12,26,1) 3%, rgba(38,33,134,1) 51%, rgba(7,12,26,1) 97%);
}
.ideas_list:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    height: 2px;
    width: 90%;
    margin: auto;
    background: linear-gradient(90deg, rgba(7,12,26,1) 3%, rgba(38,33,134,1) 50%, rgba(7,12,26,1) 97%);
}
.zwc_each_list h3:after, .ideas_list.seamless_app h4:after {
    content: '';
    background: url(/sites/zweb/images/developer/build_anything/zwc_ai_ml_sprite.svg);
    background-size: 473px;
    background-position: 0px 0px;
    width: 60px;
    height: 60px;
    position: absolute;
    top: -5px;
    right: 0;
    left: 0;
    margin: 0 auto;
    background-repeat: no-repeat;
    transform: scale(0.9);
}
.zwc_gradient_color  { 
    background: linear-gradient(120deg, #5A94EC 40.34%, #53B99A 77.95%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.zwc_each_list h3:after, .ideas_list.seamless_app h4:after {
    background-size: 473px;
    width: 60px;
    height: 60px;
    top: -12px;
}
.zwc_each_list h3.gain_deeper:after {
    background-position: -60px 0px;
}
.zwc_each_list h3.personalize_experiences:after {
    background-position: -120px 0px;
}
.zwc_each_list h3.boost_efficiency:after {
    background-position: -179px 0px;
}
.ideas_list.seamless_app h4.build_apps_prompts:after {
    background-position: -238px 0px;
}
.ideas_list.seamless_app h4.code_ai:after {
    background-position: -296px 0px;
}
.ideas_list.seamless_app h4.unstructured_data:after {
    background-position: -360px 0px;
}
.ideas_list.seamless_app h4.harness_data:after {
    background-position: -419px 0px;
}

/* @keyframes bg-circle{
0% {
    background-size: 350%;
    background-position: left 100% bottom 0px;
}
100% {
    background-size: 350%;
    background-position: left -10% bottom 0px;
}
} */
/* .middle-animated .zwc_gradient_color span {
    animation: gradientFade 1.5s ease-in-out forwards;
} */
/* @keyframes gradientFade {
    0% {
        -webkit-text-fill-color: white;
    }
    100% {
        -webkit-text-fill-color: transparent;
    }
} */
.zwc_tab_container h3 {
    font-size: 46px;
    font-family: var(--primaryfont-semibold);
    margin-bottom: 15px;
}
.zwc_ai_ml_tool_wrap h2 {
    margin: 0 auto 60px;
    text-align: center;
    max-width: 980px;
    position: relative;
}
.zwc_ai_ml_captions {
    max-width: 550px;
    margin: 0 auto;
    text-align: center;
}
.zwc_tab_container {
    border-radius: 24px;
    position: relative;
    background: #070f1d;
    padding: 70px 100px;
    width: calc(100% - 2px);
    margin: 0 auto;
    /* border: 1px solid #45168D; */
    background: radial-gradient(125.04% 108.02% at 50% 100.65%, #200749 0, #0b0f18 34.72%, rgb(0 0 0 / 94%) 81.07%, rgb(8 15 29 / 90%) 100%);
}
/* .zwc_tab_container::before {
    content: '';
    background: #31007a;
    height: 2px;
    width: 99%;
    position: absolute;
    top: 0;
    left: 0;
} */
.zwc_aiml_tabs:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 1150px;
    background: linear-gradient(to right, #070D1A 5%, #470C9E 36%, #5419AC 61%, #070D1A 93%);
}
.zwc_aiml_tabs {
    display: flex;
    position: relative;
    justify-content: center;
}
.tab-content, .tab-content_1 {
    display: none;
}
.tab-content.active, .tab-content_1.active {
    display: block;
}


/* .tab_element, .tab_element_1 {
    padding: 20px;
    cursor: pointer;
    border-bottom: none;
    border-radius: 8px;
    font-size: 16px;
    width: 200px;
    text-align: center;
}
.tab_element.active, .tab_element_1.active {
    border: 1px solid #6D0CF8;
    background: linear-gradient(92deg, #1B0E4B 30.63%, #080F1D 98.16%);
} */
 .tab-active-bg, .tab-active-bg_1{
    border: 1px solid #6D0CF8;
    background: linear-gradient(92deg, #1B0E4B 30.63%, #080F1D 98.16%);
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
    border-radius: 8px 8px 0px 0px;
    transition: transform 0.4s ease-in-out;
 }
 .tab-active-bg_1 {
    width: 225px;
}
 .tab-active-bg_1{
    border: 1px solid #38ADE9;
    background: linear-gradient(96deg, #1A6D99 -6.61%, #091B28 72.86%);
}
.zwc_aiml_tabs {
    position: relative;
    display: flex;
    gap: 10px;
    max-width: 650px;
    margin: 0 auto;
}

.tab_element, .tab_element_1 {
    position: relative;
    padding: 18px 20px;
    cursor: pointer;
    font-size: 16px;
    width: 200px;
    text-align: center;
    color: white;
    transition: color 0.3s ease;
}
.zwc_aiml_tabs::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 200px; /* Same as tab width */
    background: linear-gradient(92deg, #1b0e4b 30.63%, #080f1d 98.16%);
    border-radius: 8px;
    transition: transform 0.4s ease-in-out;
    z-index: -1;
}
.zwc_tab_container_bg_second .zwc_aiml_tabs {
    max-width: 460px;
}

.tab_element:nth-child(1):hover ~ .zwc_aiml_tabs::before {
    transform: translateX(0);
}
.tab_element:nth-child(2):hover ~ .zwc_aiml_tabs::before {
    transform: translateX(210px);
}
.tab_element:nth-child(3):hover ~ .zwc_aiml_tabs::before {
    transform: translateX(420px);
}
.tab-contents {
    padding: 70px 0 0;
}
.zwc_tab_content_wrap {
    display: flex;
    gap: 20px;
}
.zwc_tab_content_left p {
    max-width: 495px;
    font-size: 16px;
    margin-bottom: 15px;
}
.zwc_tab_content_left h4 {
    font-size: 32px;
    font-family: var(--primaryfont-semibold);
    margin-bottom: 15px;
}
.zwc_aiml_tab_section {
    padding: 60px 0 0;
}
.zwc_ai_ml_tool_wrap .content-wrap {
    max-width: 1300px;
}
.zwc_tab_content_left {
    width: 60%;
}
#tab1 .zwc_tab_content_right {
    width: 40%;
    position: relative;
}
.zwc_use_case h5 {
    font-size: 24px;
    font-family: var(--zf-secondary-medium);
    margin-bottom: 20px;
}
.zuc_each_box {
    border-radius: 8px;
    border: 1px solid #7662FA;
    background: #190D4F;
    mix-blend-mode: screen;
    backdrop-filter: blur(2px);
    padding: 35px 40px;
    width: 50%;
}
.zuc_box_sec {
    display: flex;
    gap: 20px;
}
.mb-0{
    margin-bottom: 0;
}
.zuc_each_box.zwc_blue_box {
    border: 1px solid #46B4D8;
    background: #021F25;
}
.zuc_each_box h6 {
    font-size: 20px;
    margin-bottom: 10px;
    font-family: var(--zf-secondary-medium);
}
.zuc_each_box p {
    font-size: 16px;
}
.zwc_tab_container_bg {
    position: relative;
    padding-bottom: 2px;
    border-radius: 24px;
}
.zwc_tab_container_bg_second .tab_element_1 {
    width: 230px;
    text-align: center;
    z-index: 1;
}
.zwc_tab_container_bg_second .zwc_tab_container {
    background: linear-gradient(208deg, rgb(8 14 27 / 95%) 6.29%, #080e1c 18.23%, #0a1326 51.5%, #080e1b 81.21%, rgb(8, 14, 27) 99.36%);
    /* border: 1px solid #124e6d; */
}
.zwc_tab_container_bg.zwc_tab_container_bg_second {
    margin-top: 50px;
}
/* .zwc_tab_container_bg_second .zwc_tab_container::before {
    background: #11445f;
} */
/* .zwc_tab_container_bg_second .zwc_gradient_bg {
    background: linear-gradient(194deg, rgba(8, 12, 27, 1) -10%, #3a82bb 99%, rgba(31, 47, 105, 1) 39%, rgba(9, 14, 28, 1) 130%);
} */

.zwc_tab_container_bg_second .zwc_aiml_tabs:after {
    background: linear-gradient(to right, #070D1A 5%, #1A5D9D 36%, #1A5D9D 61%, #070D1A 93%);
}
.seamless_app.ideas_list:after, .seamless_app.ideas_list:before{
    display: none;
}
.zwc_tab_container_bg_second .zwc_features_fearless h3 {
    text-align: center;
    position: relative;
}
.zwc_tab_container_bg_second .zwc_features_fearless h3 {
    text-align: center;
    max-width: 620px;
    margin: 0 auto;
    line-height: 1.2;
}
.ideas_list.seamless_app {
    padding: 55px 0 0;
}
.zwc_features_fearless {
    padding: 120px 0 0;
    position: relative;
}
.features_fearless_line {
    background: linear-gradient(to right, #070D1A 1%, #0A3A52 45%, #0A3A52 72%, #070D1A 94%);
    content: '';
    position: absolute;
    top: 44px;
    width: 1050px;
    height: 1px;
    display: block;
}
.ideas_list.seamless_app .zwc_each_list {
    border-radius: 8px;
    border: 1px solid #062D40;
    background: #090e1c9c;
    padding: 50px 40px;
    padding-top: 60px;
    z-index: 1;
}
.ideas_list.seamless_app {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    gap: 20px;
    justify-content: center;
}
.catalyst_or_creator h2 {
    max-width: 664px;
    text-align: center;
    margin: 0 auto;
}
.choose_box_sec {
    padding: 50px 0 0;
    display: flex;
    gap: 30px;
}
.zwc_box_coc {
    border-radius: 8px;
    border: 1px solid #064C71;
    background: radial-gradient(59.41% 44.02% at 50% 116.63%, #053F5B 0%, #080E1C 100%);
    padding: 55px;
    text-align: center;
    width: 50%;
}
.zwc_box_coc h3 {
    font-size: 24px;
    font-family: var(--primaryfont-semibold);
    margin-bottom: 15px;
    position: relative;
}
.zwc_box_coc p {
    max-width: 380px;
    font-size: 16px;
    margin: 0 auto;
}
.zwc_box_coc.zbc_catalyst {
    border: 1px solid #5407C9;
    background: radial-gradient(59.08% 29.76% at 50% 104.12%, #400E79 0%, #080F1D 100%);
}
.zwc_box_coc h3:before {
    background: var(--product-icons) no-repeat;
    background-size: var(--zp-i-bs);
    background-position: var(--zp-creator-bp);
    width: var(--zp-i-w);
    height: var(--zp-i-h);
    margin: 0 auto 25px;
    display: block;
    transform: scale(1.2);
    content: '';
}
.zwc_box_coc.zbc_catalyst h3:before {
    background-position: var(--zp-catalyst-bp);
}
.zwc_footer_cta {
    background: transparent linear-gradient(103deg, #511591 0, #1c5297 51%, #148998 100%) 0 0 no-repeat padding-box;
    padding: 80px 0;
}
.end_ftr {
    text-align: center;
    color: #fff;
}
.end_ftr h2 {
    font-size: 60px;
    margin: 0 auto 25px;
    font-family: var(--primaryfont-semibold);
    max-width: 930px;
    line-height: 1.2;
    letter-spacing: -1px;
}
.end_ftr a {
    padding: 14px 36px;
    font-family: var(--primaryfont-semibold);
    font-size: 18px;
}
.zwc_choose_wrap {
    padding-bottom: 110px;
}
.banner_wrap a {
    padding: 14px 36px;
    font-family: var(--primaryfont-semibold);
    font-size: 18px;
}
.banner_wrap p {
    font-size: 20px;
    max-width: 676px;
    margin: 0 auto 33px;
}
.banner_wrap {
    text-align: center;
}
.banner_wrap h1 {
    font-size: 88px;
    margin: 0 auto 20px;
    position: relative;
    max-width: 792px;
    font-family: var(--secondaryfont-bold);
}
.zwc_build {
    background: linear-gradient(163deg, #5A8FF6 1.23%, #53B999 76.64%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.banner_image_sec {
    text-align: center;
    margin: 100px 0 0;
    position: relative;
}
.zwc_gradient_left_right:before {
    content: '';
    background: linear-gradient(327deg, rgba(21, 14, 51, 1) 26%, rgb(85, 29, 186) 60%, #7700ee 82%);
    width: 260px;
    height: 300px;
    position: absolute;
    left: -52px;
    filter: blur(50px);
    border-radius: 60%;
    top: 60px;
}
.zwc_gradient_left_right:after {
    content: '';
    background: linear-gradient(142deg, #2c1559 33%, rgba(41, 22, 87, 1) 60%, #323a9c 70%, #182575 90%);
    width: 260px;
    height: 480px;
    position: absolute;
    right: -40px;
    filter: blur(50px);
    border-radius: 80%;
    bottom: -20px;
}
.zwc_tab_container_bg_second .zwc_gradient_left_right:before {
    content: '';
    background: linear-gradient(131deg, rgb(39, 106, 178) 26%, rgba(21, 51, 71, 1) 60%, rgba(30, 72, 97, 1) 82%);
    width: 260px;
    height: 300px;
    position: absolute;
    left: -60px;
    filter: blur(50px);
    border-radius: 60%;
    bottom: 10px;
    top: unset;
}

.tab_animation_aprt{
    position: relative;
    max-width: 100%;
    width: 250px;
    overflow: hidden;
}

.glow_box {
    position: absolute;
    width: 130px;
    height: 130px;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    border-radius: 72px;
    box-shadow: 0px 0px 8px 0px #BA1FE6;
    transform: scale(0.7);
}
.zwc_img_contain {
    border-radius: 72px;
    background: linear-gradient(318deg, #1C0E4C 19.78%, #261368 62.65%, #4221B2 83.89%);
    z-index: 1;
    width: 129px;
    height: 129px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.zwc_splash_img {
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
}
.zwc_splash_img img {
    width: 105%;
    animation: scaleUpDown 4s infinite alternate ease-in-out;
}
@keyframes scaleUpDown {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.5);
    }
}
.zwc_splash_img .sp_mid {
    position: absolute;
    transform: scale(0.8);
    left: -30px;
    top: -60px;
    opacity: .5;
    animation: scaleUpDownMid 4s infinite alternate ease-in-out;
    animation-delay: .3s;
}
@keyframes scaleUpDownMid {
    0% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1.1);
    }
}
.zwc_splash_img .sp_small {
    position: absolute;
    transform: scale(0.4);
    left: 34px;
    top: 33px;
    animation: scaleUpDownSmall 4s infinite alternate ease-in-out;
    animation-delay: .5s;
    opacity: .5;
}
@keyframes scaleUpDownSmall {
    0% {
        transform: scale(0.4);
    }
    100% {
        transform: scale(0.9);
    }
}
.glow_box_outer {
    position: absolute;
    padding: 60px;
    width: 134px;
    height: 134px;
    border-radius: 72px;
    box-shadow: 0px 0px 8px 0px #BA1FE6;
    border: 1px solid #5abffe7d;
    animation: zwcbgrotate 4s linear infinite;
    background: linear-gradient(180deg, rgba(104, 176, 244, 1) 19%, rgba(159, 188, 245, 1) 24%, rgba(195, 208, 250, 1) 40%, rgba(213, 179, 246, 1) 56%, rgba(202, 111, 236, 1) 73%);
}
@keyframes zwcbgrotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
#souce_rect, #souce_rect1, #souce_rect2, #souce_rect3{
    stroke-width: 0;
}
.zwc_flip_part {
    position: absolute;
    width: 144px;
    height: 144px;
    background: linear-gradient(318deg, #1C0E4C 19.78%, #261368 62.65%, #4221B2 83.89%);
    top: 0;
    left: 0;
    border-radius: 72px;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    opacity: 0;
    transform: rotateY(0deg);
    transition: transform 0.6s ease-in-out;
}
.zwc_ripple_effect{
    position: absolute;
    display: flex;
    overflow: hidden;
    border-radius: 8px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: scale(0.8);
}
#tab3.active .zwc_ripple_effect{
    animation: zwcConvoScaling 1s cubic-bezier(0.11,0.16,0.43,0.86) forwards;
}
@keyframes zwcConvoScaling {
0%{
    transform: scale(.8);
}
100%{
    transform: scale(1);
}
}
.zwc_ripple_effect:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.ripple_effect_plot {
    position: absolute;
    width: fit-content;
    top: -13px;
    margin: 70px auto 0px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 46px;
}
.ripple_effect_plot span:first-child,
.ripple_effect_plot span:nth-child(2),
.ripple_effect_plot span:nth-child(3){
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 15px;
    border: 100%;
    border: 1px solid #D983F6;
    left: 0px;
    right: 0px;
    top: 19px;
    bottom: unset;
    margin: auto;
    border-radius: 50%;
    animation: radiation 3s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}
.ripple_effect_plot span:nth-child(2), .ripple_effect_plot span:nth-child(3){
    border: 1px solid #ebc6f8; 
}
.ripple_effect_plot span:nth-child(2){
    animation-delay: 0.5s;
}
.ripple_effect_plot span:nth-child(3){
    animation-delay: 1.2s;
}
@keyframes radiation{
    0%{
        transform: scale(0.5);
        opacity: 0;
    }
    50%{
        opacity: .7;
    }
    100%{
        transform: scale(2.3);
        opacity: 0;
    }
}
.infuse_ai_section {
    position: relative;
    max-width: 262px;
    padding-top: 80px;
}
.app_ripple_plot {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 67px;
    text-align: center;
}
.zwc_ai_part {
    position: absolute;
    top: -30px;
    left: -10px;
    right: 0;
    margin: 0 auto;
    max-width: 157px;
    transition: all 1000ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
}
.app_ripple_effect span:first-child, .app_ripple_effect span:nth-child(2) {
    content: '';
    display: block;
    position: absolute;
    width: 111px;
    height: 102px;
    border: 1px solid #058acd;
    left: 0;
    right: 0px;
    top: 55px;
    bottom: unset;
    margin: auto;
    border-radius: 4px;
    animation: zwcSquareRipple 3s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}
.app_ripple_effect span:nth-child(2) {
    border: 1px solid #073e7d;
    animation-delay: 1.1s;
}
@keyframes zwcSquareRipple{
    0%{
        transform: scale(1.2);
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        transform: scale(0.8);
        opacity: 0;
    }
}
.app_ripple_effect {
    position: absolute;
    left: 0px;
    right: 0;
    bottom: 40px;
    margin: 0 auto;
    height: 120px;
}
#tab5.active .zwc_ai_part {
    animation: zwcMoveDown 1s cubic-bezier(0.11, 0.16, 0.43, 0.86) forwards;
}
@keyframes zwcMoveDown {
    from {
        top: -30px;
    }
    to {
        top: 0px;
    }
}
.zwc_ai_part:after {
    content: '';
    background: url(/sites/zweb/images/developer/build_anything/zwc_ai_dodge.svg) no-repeat;
    background-size: 56px;
    width: 56px;
    height: 73px;
    position: absolute;
    opacity: 0;
}
.zwc_app_creation {
    position: relative;
    max-width: 450px;
    margin: 0 auto;
}
.zwc_settings {
    position: absolute;
    left: -11px;
    bottom: 72px;
    animation: zwcRotateAnimation 5s linear infinite;
}
@keyframes zwcRotateAnimation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.zwc_tool {
    position: absolute;
    top: 120px;
}
.zwc_tool {
    position: absolute;
    top: 120px;
    border: 1px solid #082F47;
    line-height: 0;
    border-radius: 100%;
    padding: 4px 6px;
    transform: scale(1.2);
    width: 36px;
}
.zwc_tool:before {
    content: '';
    background: url(/sites/zweb/images/developer/build_anything/circle-icon.svg);
    background-size: 70px;
    position: absolute;
    width: 70px;
    height: 70px;
    top: -16px;
    left: -18px;
    animation: zwcRotateAnimation 5s linear infinite;
}
.zwc_tool img{
    transform-origin: center;
    animation: tiltSpanner 1.2s ease-in-out infinite alternate;
    width: 50px;
    height: 30px;
}
@keyframes tiltSpanner {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-25deg);
    }
    100% {
        transform: rotate(-15deg);
    }
}
.zwc_search {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: scale(1.2);
    border: 1px solid #082F47;
    padding: 8px;
    width: fit-content;
    border-radius: 100%;
}
.zwc_search:before {
    margin: 0 auto;
    right: 0;
    left: -18px;
    top: -19px;
    height: 75px;
    width: 75px;
    background: url(/sites/zweb/images/developer/build_anything/circle-icon.svg);
    background-size: 75px;
    position: absolute;
    content: '';
    animation: zwcRotateAnimation 5s linear infinite;
}
.zwc_search img {
    animation: floatSearch 2s ease-in-out infinite;
}
@keyframes floatSearch {
    0% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(3px, -3px);
    }
    50% {
        transform: translate(-4px, 3px); 
    }
    75% {
        transform: translate(3px, 3px); 
    }
    100% {
        transform: translate(0, 0);
    }
}
#tab2.active .glow_box {
    animation: zwcScaling 1s cubic-bezier(0.11, 0.16, 0.43, 0.86) forwards;
}
@keyframes zwcScaling{
    0% {
        transform: scale(.7);
    }
    100% {
        transform: scale(1.1);
    }
}
.banner_wrap h1 .zwc_arrow_left {
    left: -40px;
    position: absolute;
    opacity: 0;
    animation: zwcMovingLeft 1s cubic-bezier(0.11, 0.16, 0.43, 0.86) forwards;
}
@keyframes zwcMovingLeft{
    0% {
        left: -5px;
        opacity: 0;
    }
    100% {
        left: 35px;
        opacity: 1;
    }
}
.banner_wrap h1 .zwc_arrow_right {
    right: -40px;
    opacity: 0;
    position: absolute;
    animation: zwcMovingRight 1s cubic-bezier(0.11, 0.16, 0.43, 0.86) forwards;
}
@keyframes zwcMovingRight{
    0% {
        right: -50px;
        opacity: 0;
    }
    100% {
        right: -10px;
        opacity: 1;
    }
}
.zwc_arrow_h2_left, .zwc_arrow_h2_right {
    position: relative;
    left: -30px;
    transition: all 1200ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    opacity: 0;
}
.zwc_arrow_h2_right {
    right: -30px;
    left: unset;
}
.middle-animated .zwc_arrow_h2_left{
    opacity: 1;
    left: 6px;
}
.middle-animated .zwc_arrow_h2_right{
    opacity: 1;
    right: -10px;
}
.zwc_transforms_ideas_wrap.zwc_common_cn {
    margin-bottom: 50px;
}
.zwc_tab_container_bg_second .zwc_gradient_left_right:after{
    bottom: 41%;
    background: linear-gradient(131deg, rgb(39, 106, 178) 26%, rgba(21, 51, 71, 1) 60%, rgba(30, 72, 97, 1) 82%);
    height: 270px;
    right: -20px;
}
.zwc_tab_container_bg.zwc_tab_container_bg_second:before {
    content: '';
    position: absolute;
    background: linear-gradient(320deg, #181a3b 20%, #152b4b 50%, #205290 90%);
    width: 103px;
    height: 280px;
    bottom: -13px;
    border-radius: 0px 65% 60% 0px;
    filter: blur(86px);
    right: 0;
    z-index: 1;
    bottom: 39%;
}
#tab3 .zuc_each_box {
    width: 80%;
}
#tab1 .zwc_tab_content_right:after {
    background: #110c23;
    content: '';
    position: absolute;
    top: 9px;
    left: -15px;
    width: 20px;
    height: 20px;
    opacity: 1;
}
.zwc_ai_ml_captions p {
    margin-bottom: 0;
}
.zwc_tab_container:after {
    content: '';
    position: absolute;
    background: linear-gradient(320deg, #291457 20%, #2c165d 50%, #1b1140 90%);
    width: 200px;
    height: 320px;
    top: 3px;
    border-radius: 0px 65% 60% 0px;
    filter: blur(70px);
    left: -1px;
}
.zwc_tab_container_bg_second .zwc_tab_container:after{
    display: none;
}
.zwc_tab_container_bg_second .zwc_tab_content_right:after{
    display: none;
}
.tab-content {
    min-height: 531px;
    max-width: 990px;
    margin: 0 auto;
}
.tab-content_1{
    max-width: 990px;
    margin: 0 auto;  
}
.zwc_tab_container_bg_second .zwc_tab_container:before {
    content: '';
    background: linear-gradient(109deg, #006B9F 15.05%, #1cbc97 82.79%);
    mix-blend-mode: color-dodge;
    position: absolute;
    width: 450px;
    height: 300px;
    filter: blur(100px);
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tab-content_1 {
    min-height: 360px;
  }
#tab5 .zwc_tab_content_right {
    padding-top: 20px;
}
.zwc_gradient_left_right {
    height: 0;
}
.zwc_gradient_bg {
    position: absolute;
    background: linear-gradient(119deg, rgba(133, 53, 255, 1) 9%, #391572 44%);
    top: -1px;
    left: 0;
    width: 100%;
    height: calc(100% + 1px);
    border-radius: 24px;
}
.zwc_tab_container_bg_second .zwc_gradient_bg {
    background: linear-gradient(121deg,#196eab 11%,#092b3d 97%);
}
#tab2 .zwc_tab_content_right, #tab3 .zwc_tab_content_right{
    position: relative;
}
#tab1 .zwc_tab_content_right:before, #tab2 .zwc_tab_content_right:before, #tab3 .zwc_tab_content_right:before {
    content: '';
    position: absolute;
    background: #461a96;
    width: 93%;
    height: 81%;
    left: 10px;
    top: 1px;
    filter: blur(30px);
    opacity: .5;
}
.zwc_aiml_tab_section a {
    color: #fff;
    display: flex;
    align-items: center;
    font-family: var(--primaryfont-semibold);
}
.zwc_aiml_tab_section a svg {
    margin-left: 7px;
}
.zwc_aiml_tab_section a svg {
    margin-left: 5px;
}
.zwc_aiml_tab_section a {
    color: #fff;
    display: flex;
    align-items: center;
    font-family: var(--primaryfont-semibold);
    font-size: 16px;
    width: fit-content;
    
}
.zwc_aiml_tab_section a svg{
    transition: all 400ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
}
.zwc_aiml_tab_section a:hover svg{
    margin-left: 10px;
}
/* .zwc_use_case {
    padding: 30px 0 0;
} */
.path_dash{
    fill: none;
    stroke-miterlimit: 10;
    stroke-width: 2px;
}
.zwc_banner_anime .path_dash {
    animation: 4s ease 1.2s 1 normal backwards running zwcDashArray;
}
@keyframes zwcDashArray {
0% {
    stroke-dasharray: 120px;
    stroke-dashoffset: 120px;
}
100% {
    stroke-dasharray: 100px;
    stroke-dashoffset: 0;
}
}
.zwc_banner_anime .circle_op {
    animation: 2s ease 3.2s 1 normal backwards running zwcCircleAnimate;
}
@keyframes zwcCircleAnimate {
0% {
    stroke-width: 0;
}
100% {
    stroke-width: 2;
}
}
.zwc_banner_anime .stroke_base {
    animation: 2s ease 3.2s 1 normal backwards running zwcOpacityChng;
}
@keyframes zwcOpacityChng {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
    }
    .zwc_banner_anime .path_dash.pd_12, .zwc_banner_anime .path_dash.pd_18, .zwc_banner_anime.zwc_ml_svg .path_dash.pd_15{
    animation: 4s ease 1.2s 1 normal backwards running zwcDashArrayLong;
}
@keyframes zwcDashArrayLong {
    0% {
        stroke-dasharray: 130px;
        stroke-dashoffset: 130px;
    }
    100% {
        stroke-dasharray: 130px;
        stroke-dashoffset: 0;
    }
}
.zwc_banner_anime.zwc_ml_svg .path_dash.pd_7, .zwc_banner_anime.zwc_ml_svg .path_dash.pd_25, .zwc_banner_anime.zwc_ml_svg .path_dash.pd_2{
    animation: 4s ease 1.2s 1 normal backwards running zwcDashArrayVeryLong;
}
@keyframes zwcDashArrayVeryLong {
    0% {
        stroke-dasharray: 180px;
        stroke-dashoffset: 180px;
    }
    100% {
        stroke-dasharray: 180px;
        stroke-dashoffset: 0;
    }
}
.zwc_banner_anime .path_dash.pd_1, .zwc_banner_anime .path_dash.pd_4, .zwc_banner_anime .path_dash.pd_6, .zwc_banner_anime .path_dash.pd_9, .zwc_banner_anime .path_dash.pd_15{
    animation-delay: 2s;
}
.zwc_banner_anime .circle_op.co_2, .zwc_banner_anime .circle_op.co_5{
    animation-delay: 3.8s; 
}
.zwc_banner_anime .circle_op.co_15, .zwc_banner_anime .circle_op.co_8{
    animation-delay: 4.5s;  
}
.banner_svg {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    visibility: hidden;
    transition: opacity 1s ease-in-out, visibility 0s linear 1s;
}
.zwc_banner_anime.banner_svg {
    opacity: 1;
    visibility: visible;
    transition: opacity 1s ease-in-out, visibility 0s linear 0s;
}
.zwc_anime_reverse{
    opacity: 1;
    visibility: visible;
    transition: opacity 1s ease-in-out, visibility 0s linear 0s; 
}
/* .zwc_ai_svg.banner_svg.zwc_banner_reverse svg, 
.zwc_ml_svg.banner_svg.zwc_banner_reverse svg {
  animation: zwcMovingEffectReverse 2s ease-in-out forwards;
}

@keyframes zwcMovingEffectReverse {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, -10px);
  }
} */
.zwc_tab_container_bg.zwc_tab_container_bg_second:after {
    content: '';
    position: absolute;
    background: linear-gradient(320deg, #181a3b 20%, #152b4b 50%, #205290 90%);
    width: 150px;
    height: 320px;
    bottom: -13px;
    border-radius: 0px 65% 60% 0px;
    filter: blur(70px);
    left: -1px;
}
#tab1 .zwc_tab_content_wrap, #tab2 .zwc_tab_content_wrap, #tab3 .zwc_tab_content_wrap {
    min-height: 266px;
}
/* .stroke_path_1, .stroke_path_2, .stroke_path_3, .stroke_path_4{
    stroke-width: 0;
} */
.zwc-build-train-wrap .content-wrap {
    max-width: 1280px;
}
.zwc_use_case {
    padding: 50px 0 0;
}
.glow_box_convo{
    position: absolute;
    width: 143px;
    height: 143px;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    border-radius: 72px;
}
.zwc_ripple_effect > img {
    width: 143px;
    margin: 0 auto;
}
/* .innovation-sec:before {
    content: '';
    background: linear-gradient(0deg, #447eb67d 14%, #457cb696 26%, #447db6 50%);
    position: absolute;
    height: 330px;
    width: 115px;
    right: 25px;
    top: -29px;
    border-bottom-left-radius: 120px;
    border-bottom-right-radius: 120px;
    filter: blur(35px);
    transform: rotate(30deg);
}
.innovation-sec:after {
    content: '';
    background: linear-gradient(0, #3f73a591 14%, #457cb6a3 26%, #4284b3d1 50%);
    position: absolute;
    height: 330px;
    width: 67px;
    right: 166px;
    top: 155px;
    border-radius: 0px;
    filter: blur(34px);
    border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px;
    transform: rotate(30deg);
} */
.zwc_ai_svg, .zwc_ml_svg{
    padding: 50px 0 90px;
}
.banner_svg svg {
    z-index: 1;
    position: relative;
}
.circle_img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
    opacity: 0;
}
/* .banner_image_sec img {
    max-width: 800px;
} */
.zwc_cmn_icon {
    background: url(/sites/zweb/images/developer/build_anything/zwc_ai_ml_sprite.svg);
    background-size: 523px;
    background-position: -117px -76px;
    width: 70px;
    height: 70px;
    position: absolute;
    margin: 0 auto;
    background-repeat: no-repeat;
    transition: all 200ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
}
.zwc_cmn_icon.zci_icon_1 {
    left: 110px;
    transform: scale(1.2);
    top: 60px;
    opacity: 0;
}
.zwc_cmn_icon.zci_icon_2 {
    right: 60px;
    transform: scale(1.2);
    top: -30px;
    background-position: -186px -76px;
    opacity: 0;
}
.banner_svg svg{
    transform: translate(0px, -10px);
    opacity: 0;
}
.zwc_ai_svg.banner_svg.zwc_banner_anime.zwc_anime_reverse svg, .zwc_ml_svg.banner_svg.zwc_banner_anime.zwc_anime_reverse svg{
    animation: zwcMovingEffectReverse 2s ease-in-out forwards;
}
@keyframes zwcMovingEffectReverse {
    0%{
        transform: translate(0px, 0px);
        opacity: 1;
    }
    100%{
        transform: translate(0px, -10px);
        opacity: 0;
    }
}
.zwc_ai_svg.banner_svg.zwc_banner_anime svg, .zwc_ml_svg.banner_svg.zwc_banner_anime svg{
    animation: zwcMovingEffect 2s ease-in-out forwards;
}
@keyframes zwcMovingEffect {
0%{
    transform: translate(0px, -10px);
    opacity: 0;
}
100%{
    transform: translate(0px, 0px);
    opacity: 1;
}
}

.zwc_ai_svg.banner_svg.zwc_banner_anime{
    animation: zwcBgMoving 4s ease-in-out;
}
@keyframes zwcBgMoving {
0%{
    background-position: center 75px;
}
100%{
    background-position: center 95px;
}
}
.zwc_ai_svg.banner_svg.zwc_banner_reverse {
    animation: zwcBgMovingReverse 2s ease-in-out forwards;
}
@keyframes zwcBgMovingReverse {
    0% {
        background-position: center 95px;
    }
    100% {
        background-position: center 75px;
    }
}
.zwc_ai_svg.banner_svg.zwc_banner_anime.zwc_anime_reverse .zci_icon_1{
    animation: zwcFloatEffectHide 4s ease-in-out forwards;
}
@keyframes zwcFloatEffectHide {
    100% {
        opacity: 0;
    }
}
.zwc_banner_anime .zci_icon_1 {
    animation: zwcShowTimeout 1s ease-in-out forwards,  
               zwcFloatEffect 2s ease-in-out infinite alternate 1s, 
               zwcFadeOut 2s ease-in-out forwards 3s; 
}

@keyframes zwcShowTimeout {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        transform: scale(1.2);
        opacity: 1;
    }
}

@keyframes zwcFloatEffect {
    0% {
        top: 60px;
    }
    50% {
        top: 30px;
    }
    100% {
        top: 60px;
    }
}

@keyframes zwcFadeOut {
    0% {
        transform: scale(1.2);
        opacity: 1;  
    }
    50% {
        transform: scale(0.7);
        opacity: .4;   
    }
    100% {
        transform: scale(0.2);
        opacity: 0;   
    }
}
.zwc_banner_anime .zci_icon_2 {
    animation: zwcShowTimeout 1s ease-in-out forwards 1s,  
               zwcFloatEffectRight 2s ease-in-out infinite alternate 2s, 
               zwcFadeOut 2s ease-in-out forwards 3s; 
    /* animation-delay: 2s; */
}
@keyframes zwcFloatEffectRight {
    0% {
        top: -30px;
    }
    50% {
        top: 0px;
    }
    100% {
        top: -30px;
    }
}

.zwc_banner_anime .circle_img{
    animation: zwcBannerCircle 2s ease-in-out forwards;
}

/* zwcBtmCircleFloat 3s ease-in-out infinite alternate 2s */
@keyframes zwcBtmCircleFloat {
    0% {
        bottom: -10px;
    }
    50% {
        bottom: 0px;
    }
    100% {
        bottom: -10px;
    }
}
@keyframes zwcBannerCircle {
    0% {
        bottom: -20px;
        opacity: 0;
    }
    100% {
        bottom: -10px;
        opacity: 1;
    }
}
.zwc_banner_anime.zwc_anime_reverse .circle_img{
    animation: zwcBannerCircleReverse 2s ease-in-out forwards;
}
@keyframes zwcBannerCircleReverse {
    0% {
        bottom: -10px;
        opacity: 1;
    }
    100% {
        bottom: -20px;
        opacity: 0;
    }
}
.zwc_dodge_effect_1, .zwc_dodge_effect_2, .zwc_dodge_effect_3 {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 30%;
    top: 23px;
    z-index: 2;
    transform: scale(0.6);
    transition: all 400ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    animation: zwcScalingStar 6s ease-in-out infinite;
    opacity: 0;
}

@keyframes zwcScalingStar {
    0% { opacity: 0; transform: scale(0.2); }
    10% { opacity: 1; transform: scale(0.6); } /* Smooth fade-in */
    30% { opacity: 1; transform: scale(0.6); }
    40% { opacity: 0; transform: scale(0.2); } /* Smooth fade-out */
    100% { opacity: 0; transform: scale(0.2); }
}

.zwc_dodge_effect_1 {
    animation-delay: 0s;
}

.zwc_dodge_effect_2 {
    animation-delay: 2s;
}

.zwc_dodge_effect_3 {
    animation-delay: 4s;
}

.zwc_dodge_effect_2{animation-delay: 3s;}
.zwc_dodge_effect_3{animation-delay: 5s;}

.zwc_dodge_effect_1:before, .zwc_dodge_effect_2:before, .zwc_dodge_effect_3:before {
    background: #00cdff;
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 100%;
    left: 0;
    right: 0;
    margin: auto;
    filter: blur(10px);
}
.zwc_dodge_effect_1:after, .zwc_dodge_effect_2:after, .zwc_dodge_effect_3:after   {
    background: #0bcdfd;
    content: '';
    width: 6px;
    height:  6px;
    position: absolute;
    border-radius: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    filter: blur(3px);
}
.zwc_dodge_effect_2 {
    right: unset;
    left: 2%;
    top: -70px;
}
.zwc_dodge_effect_3 {
    right: 0%;
    top: -1070px;
}
.zwc_ml_svg .zwc_cmn_icon {
    background-position: 1px -76px;
}
.zwc_ml_svg .zwc_cmn_icon.zci_icon_2{
    background-position: 1px -76px;
}
.zwc_ml_svg .zwc_cmn_icon.zci_icon_2 {
    background-position: -78px -76px;
    width: 57px;
    background-size: 590px;
}
.zwc_ml_svg .zwc_dodge_effect_1:after, .zwc_ml_svg .zwc_dodge_effect_2:after, .zwc_ml_svg .zwc_dodge_effect_3:after {
    background: #9829f4;
}
.zwc_ml_svg .zwc_dodge_effect_1:before, .zwc_ml_svg .zwc_dodge_effect_2:before, .zwc_ml_svg .zwc_dodge_effect_3:before {
    background: #8351ad;
}
.zwc_banner_wrap:before, .zwc_banner_wrap:after {
    content: '';
    height: 320px;
    width: 330px;
    position: absolute;
    background: linear-gradient(91deg, #193d6e 10%, #1a3d6a 22%, #052747 46%);
    filter: blur(85px);
    border-radius: 100%;
    left: -168px;
    top: 33%;
    transition: background 1s ease-in-out;
}
.zwc_banner_wrap:after{
    left: unset;
    right: -168px;
    background: linear-gradient(180deg, #193d6e 10%, #1a3d6a 22%, #052747 46%);
    transition: background 1s ease-in-out;
    top: 20%;
}
.zwc_banner_wrap.zwc_banner_bg_2:before, .zwc_banner_wrap.zwc_banner_bg_2:after {
    background: linear-gradient(91deg, #260c4b 41%, #3e1e69 68%, #450878 86%);
}
#tab1 .zwc_tab_content_right svg {
    max-width: 270px;
    z-index: 1;
    position: relative;
}
#tab1 .zwc_tab_content_right:before {
    width: 230px;
    filter: blur(60px);
}
.zwc_for_mobile{
    display: none;
}
.zwc-build-train-wrap.zwc_common_cn {
    padding: 0;
}


@media only screen and (max-width:1399px){
.zwc_banner_wrap:before, .zwc_banner_wrap:after {
    left: -20%;
}
.zwc_banner_wrap:after {
    right: -20%;
    left: unset;
    top: 30%;
}
}

@media only screen and (max-width:1199px){
/* .zwc_banner_wrap:before, .zwc_banner_wrap:after {
    display: none;
} */
.zwc_gradient_left_right:before, .zwc_gradient_left_right:after{
    display: none;
}
.banner_wrap h1 {
    font-size: 70px;
    max-width: 642px;
}
.zwc_heading2 {
    font-size: 48px;
}
.end_ftr h2 {
    font-size: 52px;
}
.zwc_tab_container {
    padding: 70px 60px;
}
.zwc_tab_content_left {
    width: 50%;
}
.zwc_tab_content_right {
    width: 50%;
}
.zwc_tab_content_wrap {
    gap: 80px;
}
.ideas_list.seamless_app .zwc_each_list {
    padding: 35px;
}
.zwc_aiml_tabs:after {
    width: 155%;
}
.features_fearless_line {
    background: linear-gradient(to right, #101d3a 1%, #0a3a52 45%, #0a3a52 72%, #17233c 94%);
    width: 100%;
}
#tab2 .zwc_tab_content_right:before, #tab3 .zwc_tab_content_right:before {
    width: 295px;
    left: 0;
}
}


@media only screen and (max-width:991px){
.banner_wrap h1 {
    font-size: 54px;
    max-width: 504px;
}
.banner_image_sec {
    margin: 50px 0 0;
}
.zwc_banner_wrap.zwc_common_cn {
    padding: 60px 0 0;
}
.zwc_heading2 {
    font-size: 42px;
    font-family: var(--primaryfont-bold);
}
.end_ftr h2 {
    font-size: 42px;
    max-width: 770px;
}
.zwc_is_inside {
    max-width: 675px;
}
.zwc_ai_ml_tool_wrap h2 {
    max-width: 810px;
}
.zwc_aiml_tabs {
    display: none;
}
.zwc_tab_content_wrap {
    flex-direction: column;
}
.zwc_tab_content_left, .zwc_tab_content_right {
    width: 100%;
    text-align: center;
}
.zwc_tab_content_left p {
    max-width: 557px;
    margin: 0 auto 20px;
}
.zwc_use_case {
    padding-top: 50px;
}
.tab-contents {
    padding: 0px 0 0;
}
.zwc_aiml_tab_section {
    padding: 20px 0 0;
}
.tab-content, .tab-content_1 {
    display: block;
    margin-bottom: 80px;
}
.tab-content {
    min-height: 495px;
  }
.tab-content_1 {
  min-height: 340px;
}
.zwc_tab_content_left h4 {
    font-size: 30px;
}
.tab_animation_aprt {
    margin: 0 auto;
}
.zwc_use_case {
    text-align: center;
}
.zuc_box_sec {
    text-align: left;
    justify-content: center;
}
.tab-content#tab3{
    margin-bottom: 0;
}
.zwc_search {
    left: 0;
}
.zwc_settings {
    left: 50px;
}
.infuse_ai_section {
    margin: 40px auto 0;
}
#tab5.tab-content_1 {
    margin-bottom: 0;
}
.zwc_features_fearless {
    padding: 40px 0 0;
}
.features_fearless_line {
    top: -7px;
}
.glow_box {
    transform: scale(1);
}
.zwc_ai_part {
    top: 0;
}
.zwc_is_inside h2 {
    max-width: 490px;
    margin: 0 auto 30px;
}
#tab1 .zwc_tab_content_right {
    width: 100%;
}
.zuc_each_box p {
    line-height: 1.6;
}
.zwc_each_list {
    width: calc(50% - 20px);
}
@keyframes zwcMovingLeft{
    0% {
        left: -10px;
        opacity: 0;
    }
    100% {
        left: 28px;
        opacity: 1;
    }
}
@keyframes zwcMovingRight{
    0% {
        right: -50px;
        opacity: 0;
    }
    100% {
        right: 0px;
        opacity: 1;
    }
}
.zwc_tab_container:after{
    display: none;
}
.zwc_box_coc {
    padding: 55px 30px;
}
.zwc_each_list h3, .ideas_list.seamless_app h4 {
    font-size: 24px;
    line-height: 1.3;
}
.zwc_tab_container h3 {
    font-size: 40px;
}
.zwc_ai_ml_captions {
    margin: 0 auto 30px;
}
#tab5 .zwc_tab_content_right {
    padding-top: 0;
}
#tab2 .zwc_tab_content_right:before, #tab3 .zwc_tab_content_right:before {
    left: 0;
    right: 0;
    margin: 0 auto;
}
#tab2 .zwc_use_case {
    padding-top: 40px;
}
.zwc_tab_content_wrap {
    gap: 40px;
}
.ideas_list {
    gap: 70px;
}
.zwc_each_list h3:after, .ideas_list.seamless_app h4:after {
    transform: scale(0.8);
}
.zwc_each_list h3:after, .ideas_list.seamless_app h4:after {
    top: -5px;
}
.zwc_aiml_tab_section a {
    justify-content: center;
    margin: 0 auto;
}
.banner_image_sec {
    /* min-height: 340px; */
    transform: scale(0.8);
}
.zwc_common_cn {
    padding: 90px 0 0;
}
.ideas_list:before, .ideas_list:after{
    display: none;
}
.zwc_transforms_ideas_wrap.zwc_common_cn {
    margin-bottom: 0;
}
#tab1 .zwc_tab_content_right:before{
    right: 0;
    margin: 0 auto;
}
.zwc_choose_wrap.zwc_common_cn {
    padding-bottom: 90px;
}
.zwc_banner_wrap:before, .zwc_banner_wrap:after {
    width: 280px;
}
}

@media only screen and (max-width:767px){
.zwc_each_list {
    width: 100%;
    max-width: 390px;
}
.zwc_tab_container_bg_second .zwc_features_fearless h3 {
    z-index: 1;
}
.zwc_tab_content_right {
    max-width: 300px;
    margin: 0 auto;
}
.zwc_settings {
    bottom: 92px;
}
.zwc_tool {
    right: 0;
}
.ideas_list.seamless_app {
    padding: 35px 0 0;
}
.ideas_list:before, .ideas_list:after {
    display: none;
}
zuc_each_box {
    padding: 25px;
    width: 100%;
}
.zuc_box_sec {
    flex-wrap: wrap;
    text-align: center;
}
.banner_wrap h1 {
    font-size: 36px;
    max-width: 330px;
    margin: 0 auto 15px;
}
@keyframes zwcMovingLeft{
    0% {
        left: -10px;
        opacity: 0;
    }
    100% {
        left: 15px;
        opacity: 1;
    }
}
.banner_wrap p {
    font-size: 16px;
    max-width: 556px;
    margin: 0 auto 25px;
}
.zwc_is_inside {
    padding: 60px 30px;
}
.zwc_heading2 {
    font-size: 30px;
    max-width: 470px;
    margin: 0 auto 12px;
}
.zwc_common_cn {
    padding: 70px 0 0;
}
.ideas_list {
    gap: 50px;
}
.zwc_each_list p {
    max-width: 430px;
    margin: 0 auto;
}
.zwc_tab_container h3 {
    font-size: 27px;
}
.zuc_each_box {
    padding: 35px 20px;
    width: 100%;
    max-width: 450px;
}
.zwc_box_coc {
    border-radius: 8px;
    border: 1px solid #064C71;
    background: radial-gradient(59.41% 44.02% at 50% 116.63%, #053F5B 0%, #080E1C 100%);
    padding: 35px 25px;
    width: 100%;
}
.choose_box_sec {
    max-width: 470px;
    margin: 0 auto;
    flex-direction: column;
}
.end_ftr h2 {
    font-size: 30px;
    max-width: 530px;
}
.banner_wrap a {
    padding: 14px 36px 12px;
    font-size: 15px;
}
.zwc_tab_content_right svg {
    max-width: 300px;
}
.zwc_ai_ml_tool_wrap h2 {
    margin: 0 auto 40px;
}
.zwc_tab_container h3 {
    font-size: 27px;
}
.zwc_tab_content_left h4 {
    font-size: 24px;
}
.zwc_is_inside span {
    font-size: 24px;
    line-height: 1.2;
}
.transforms_ideas_captions p {
    font-size: 16px;
}
.zwc_transforms_ideas_wrap.zwc_common_cn {
    margin-bottom: 20px;
}
.zwc_tab_container {
    padding: 40px 30px;
}
.zwc_choose_wrap.zwc_common_cn {
    margin-bottom: 0px;
    padding-bottom: 60px;
}
.ripple_effect_plot {
    width: 194px;
    right: 0;
}
.zwc_ripple_effect {
    max-width: 280px;
}
.zwc_tab_container_bg_second .zwc_tab_container {
    padding: 40px 30px;
}
.zwc_each_list h3, .ideas_list.seamless_app h4 {
    font-size: 20px;
}
#tab1 .zwc_tab_content_right {
    max-width: 370px;
    margin: 0 auto;
}
#tab1 .zwc_tab_content_right svg {
    width: 100%;
}
.zwc_each_list h3:after, .ideas_list.seamless_app h4:after{
    transform: scale(0.8);
}
.zwc_each_list h3, .ideas_list.seamless_app h4 {
    padding-top: 58px;
}
.transforms_ideas_captions {
    margin: 0 auto 55px;
}
.zwc_common_cn {
    padding: 60px 0 0;
}
/* .zwc-build-train-wrap.zwc_common_cn {
    padding: 50px 0 0;
} */
.choose_box_sec {
    padding: 40px 0 0;
}
.zwc_footer_cta {
    padding: 60px 0;
}
.zwc_tab_container_bg_second .zwc_tab_container:before{
    display: none;
}
/* .zwc_tab_container_bg.zwc_tab_container_bg_second {
    margin-top: 10px;
} */
.banner_image_sec {
    max-width: 400px;
    margin: 50px auto 35px;
}
#tab2 .zwc_tab_content_right:before, #tab3 .zwc_tab_content_right:before {
    width: 100%;
}
.middle-animated .zwc_arrow_h2_left {
    left: 1px;
}
.circle_img, .zwc_dodge_effect_1, .zwc_dodge_effect_2, .zwc_dodge_effect_3 {
    display: none;
}
.banner_image_sec {
    transform: scale(1);
    /* min-height: 270px; */
}
.zwc_cmn_icon.zci_icon_1 {
    transform: scale(0.8);
}

@keyframes zwcShowTimeout {
    0% {
        transform: scale(0.6);
        opacity: 0;
    }
    100% {
        transform: scale(0.8);
        opacity: 1;
    }
}

@keyframes zwcFadeOut {
    0% {
        transform: scale(0.8);
        opacity: 1;  
    }
    50% {
        transform: scale(0.5);
        opacity: .4;   
    }
    100% {
        transform: scale(0.2);
        opacity: 0;   
    }
}
.banner_svg svg {
    width: 100%;
}
.zwc_cmn_icon.zci_icon_1 {
    left: 0;
    top: 0px;
}
@keyframes zwcFloatEffect {
    0% {
        top: 0px;
    }
    50% {
        top: 20px;
    }
    100% {
        top: 0px;
    }
}
@keyframes zwcFloatEffectRight {
    0% {
        top: unset;
        bottom: 70px;
    }
    50% {
        top: unset;
        bottom: 90px;
    }
    100% {
        top: unset;
        bottom: 70px;
    }
}
.zwc_cmn_icon.zci_icon_2{
    top: unset;
    bottom: 70px;
    right: -60px;
}
.zwc_ai_svg.banner_svg {
    max-width: 230px;
}
.zwc_each_list h3:after, .ideas_list.seamless_app h4:after {
    top: -10px;
}
#tab3 .zuc_each_box {
    width: 100%;
}
#tab5 .zwc_tab_content_wrap {
    gap: 10px;
}
.zwc_banner_wrap.zwc_common_cn {
    padding: 50px 0 0;
}
.features_fearless_line {
    top: -10px;
}
.zwc_tab_content_left p {
    max-width: 434px;
}
.ideas_list.seamless_app .zwc_each_list {
    padding: 35px 20px;
}
/* .zwc_choose_wrap.zwc_common_cn {
    padding-bottom: 20px;
} */
.zwc_for_web{
    display: none;
}
.zwc_for_mobile{
    display: block;
}
.zwc_ai_part {
    max-width: 137px;
}
.infuse_ai_section {
    max-width: 232px;
}
.zwc_settings {
    left: 0;
}
.zuc_each_box {
    mix-blend-mode: unset;
}
.zuc_each_box h6 {
    line-height: 1.4;
}
.zwc_each_list h3{
    margin-bottom: 5px;
}
.zwc_ai_ml_captions {
    margin: 0 auto 15px;
}
.tab-content, .tab-content_1 {
    margin-bottom: 60px;
}
.tab-content, .tab-content_1 {
    margin-bottom: 50px;
}
#tab4 .zwc_tab_content_right {
    margin-bottom: 40px;
}
.zwc_banner_wrap:before, .zwc_banner_wrap:after {
    left: -30px;
    width: 120px;
    filter: blur(50px);
    height: 200px;
    top: 46%;
}
.zwc_banner_wrap:after {
    right: -30px;
    left: unset;
    top: 50%;
}
}

@media only screen and (max-width:480px){
.banner_wrap h1 {
    font-size: 32px;
}
.cursor {
    display: none;
}
.zwc_tool {
    /* top: 66px; */
    transform: scale(0.9);
    right: 0px;
}
.zwc_search {
    transform: scale(0.8);
}
.zwc_settings {
    /* left: 20px;
    bottom: 52px; */
    transform: scale(0.8);
}
.zwc_tab_container_bg_second .zwc_tab_container {
    padding: 40px 15px;
}
.banner_wrap h1 {
    max-width: 297px;
}
/* .zwc_app_creation {
    max-width: 310px;
} */
.zwc_ai_svg.banner_svg {
    max-width: 180px;
}
.zwc_cmn_icon.zci_icon_1 {
    transform: scale(0.6);
}
@keyframes zwcShowTimeout {
    0% {
        transform: scale(0.6);
        opacity: 0;
    }
    100% {
        transform: scale(0.8);
        opacity: 1;
    }
}
.zwc_ai_svg, .zwc_ml_svg {
    padding: 50px 0 50px;
}
/* .banner_image_sec {
    min-height: 242px;
} */
.zwc_cmn_icon.zci_icon_1 {
    left: -28px;
}
.zwc_cmn_icon.zci_icon_2 {
    right: -70px;
}
.zwc_cmn_icon.zci_icon_1 {
    top: 20px;
}
@keyframes zwcFloatEffect {
    0% {
        top: 20px;
    }
    50% {
        top: 40px;
    }
    100% {
        top: 0px;
    }
}
.zwc_is_inside {
    padding: 40px 30px;
}
.zwc_is_inside h2 {
    margin: 0 auto 22px;
}
.zwc_is_inside span {
    font-size: 22px;
}
.banner_image_sec {
    max-width: 320px;
}
.zwc_banner_wrap:before, .zwc_banner_wrap:after {
    left: -70px;
    height: 140px;
    top: 56%;
}
.zwc_banner_wrap:after {
    right: -60px;
    top: 60%;
}
}