.zw-product-header {
    position: absolute;
    /* top: 65px; */
    left: 0;
    right: 0;
    z-index: 5;
}

.zwc-template-inner {
    overflow: hidden;
}

.zwc-template-inner h1 {
    font-size: 72px;
    line-height: 1.15;
    letter-spacing: -1px;
}

.zwc-template-inner h2 {
    font-size: 50px;
    line-height: 1.25;
    letter-spacing: -0.4px;
}

.zwc-template-inner h3 {
    font-size: 25px;
    line-height: 1.15;
    margin-bottom: 20px;
}

.zwc-template-inner h4 {
    font-size: 24px;
    font-family: var(--zf-primary-bold);
}

.zwc-template-inner h5 {
    font-size: 22px;
    font-family: var(--zf-primary-bold);
}

.zwc-template-inner p {
    line-height: 1.8;
}

.zwc-template-inner {
    /* background-color: #010213;
    color: #fff; */
}

.zwc-banner-section {
    padding: 175px 0 0;
    position: relative;
    background-color: #010213;
    color: #fff;
    overflow: hidden;
}

.zwc-banner-section::before {
    content: '';
    height: max(65vw, 1000px);
    width: max(80vw, 1000px);
    max-width: 1395px;
    max-height: 1135px;
    background-image: radial-gradient(#1D2381, #15173E, #010213);
    /* background-color: #1D2381; */
    position: absolute;
    bottom: 0;
    left: 50%;
    /* right: 0; */
    margin: auto;
    transform: translate(-50%, 25%);
    border-radius: 50%;
    box-shadow: 0 0 175px 175px #0d0e2c;
}

.zwc-banner-content {
    max-width: 600px;
    padding-bottom: 100px;
}

.zwc-banner-content span {
    color: #3DC980;
    margin-bottom: 10px;
    display: inline-block;
    font-family: var(--zf-primary-semibold);
    font-size: 20px;
    text-transform: uppercase;
}

.zwc-banner-content h1 {
    margin-bottom: 30px;
}

.zwc-banner-content>p {
    margin-bottom: 55px;
    font-size: 18px;
    line-height: 1.85;
    max-width: 550px;
}

.zwc-banner-right {
    /* display: none; */
    display: grid;
    grid-template-columns: max-content max-content;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(230px);
}



.zwc-dashboard-top {
    position: relative;
    height: 150px;
    width: 150px;
    background-image: linear-gradient(to bottom, #0C0D26, #03041C);
    border-radius: 20px;
    border: 1px solid #666DFC;
    /* z-index: 5; */
    box-shadow: 0 0 40px -5px #656DFC76;
    overflow: hidden;
    grid-row: 1;
    grid-column: 1/2;
    z-index: 2;
}

.zwc-custom-cpaas-icon.zwc-should-animate .cpaas-custom-icon-chip {
    opacity: 0;
}

.zwc-custom-cpaas-icon.zwc-should-animate.zwc-start-anim .cpaas-custom-icon-chip {
    opacity: 1;
}

.zwc-custom-cpaas-icon.zwc-should-animate.zwc-start-anim .cpaas-custom-icon-chip *:not(.icon-ring) {
    animation: cpaasIconPathAnim 2s ease-in-out;
}

.zwc-custom-cpaas-icon.zwc-should-animate.zwc-start-anim .icon-ring {
    animation: cpaasIconPathAnim 4s 1.2s ease backwards;
}

@keyframes cpaasIconPathAnim {
    0% {
        stroke-dasharray: 100px;
        stroke-dashoffset: 100px;
    }

    100% {
        stroke-dasharray: 100px;
        stroke-dashoffset: 0px;
    }
}

@keyframes cpaasIconRingAnim {
    0% {
        stroke-dasharray: 20px;
        stroke-dashoffset: 20px;
    }

    100% {
        stroke-dasharray: 20px;
        stroke-dashoffset: 0px;
    }
}

.zwc-gradient-path {
    height: 100%;
    width: 1px;
    background-color: #56587e;
    justify-self: center;
    grid-row: 2/3;
    grid-column: 1/2;
    min-height: 450px;
    position: relative;
}

@keyframes gradientTravel {
    0% {
        top: -150px;
    }

    100% {
        top: 100%;
    }
}

.zwc-gradient-path span {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 150px;
    background-image: radial-gradient(#4DFD9A, transparent 95%);
    opacity: 0;
    /* animation: gradientTravel 1s linear infinite backwards; */
}

.zwc-gradient-path span.zwc-start-anim {
    opacity: 1;
    animation: gradientTravel 1s linear backwards;
}

.zwc-banner-right ul {
    grid-column: 2/3;
    grid-row: 2/3;
    /* transform: translateX(-15%); */
    margin-left: -30px;
    /* margin-top: 30px; */
    padding: 30px 0;
    align-self: center;
}

.zwc-banner-right ul li {
    padding: 12px 0;
    font-size: 19px;
    color: #525B7E;
    font-family: var(--zf-secondary-medium);
    transition: font-size 0.4s ease;
    max-width: 360px;
    position: relative;
    scale: 1;
    transform-origin:left;
    transition: scale 0.3s ease, color 0.3s ease;
}

.zwc-banner-right ul li::before {
    content: '';
    height: 18px;
    width: 18px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: -52px;
    /* transform: translate(-10px, 0); */
    bottom: 0;
    margin: auto;
    background-color: #3DC980;
    border-radius: 100%;
    /* transform-origin:right; */
    transform: scale(0);
    transition: transform 0.5s ease;
    /* transition: width 0.3s ease, height 0.3s ease; */
    box-shadow: 0 0 20px 3px #3DC980;
}

.zwc-banner-right ul li.zwc-list-active {
    color: #3DC980;
    /* font-size: 24px; */
    scale: 1.05;
}

.zwc-banner-right ul li.zwc-list-active::before {
    transform: scale(1);
}


.zwc-banner-card-wrapper {
    text-align: center;
    position: relative;
    /* margin-top: 150px; */
}


.zwc-banner-card-wrapper h2 {
    font-size: 54px;
}

.zwc-banner-card-wrapper::before {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
}

.zwc-banner-card-wrapper>div {
    max-width: 1000px;
    margin: 0 auto;
    background-color: #002610;
    padding: 1px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.zwc-banner-card-wrapper>div>div {
    background-image: linear-gradient(to bottom, #010427, #000648);
    padding: 80px 40px;
    border-radius: 30px;
    position: relative;
    z-index: 3;
}

@keyframes borderSlide {
    0% {
        left: 0;
        top: 50%;
    }

    /* 25% {
        left: 0;
        top: 30%;
    } */

    40% {
        left: 0;
        top: 0;
    }

    50% {
        left: 100%;
        top: 0;
    }

    60% {
        left: 100%;
        top: 100%;
        opacity: 1;
    }

    /* 55% {
        left: 100%;
        top: 30%;
    } */

    65% {
        left: 50%;
        top: 100%;
        opacity: 0
    }

    70% {
        left: 0%;
        top: 100%;
        opacity: 0;
    }

    /* 90% {
        opacity: 1;
    } */

    100% {
        left: 0;
        top: 50%;
        opacity: 1;
    }
}

.zwc-banner-card-border {
    width: 95%;
}

.zwc-banner-card-border::after {
    content: '';
    position: absolute;
    width: 30%;
    height: 30%;
    background-image: radial-gradient(rgb(77 253 154 / 100%), transparent 60%);
    top: 0;
    left: 10%;
    border-radius: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 1;
    animation: borderSlide 5s linear infinite;
}

.zwc-banner-card-content-wrap {
    max-width: 700px;
    margin: 0 auto;
}

.zwc-banner-card-content-wrap>p {
    margin-bottom: 0;
}

.zwc-banner-card-content-wrap>span {
    color: #3DC980;
    font-family: var(--zf-secondary-medium);
    font-size: 22px;
    margin-bottom: 15px;
    display: inline-block;
}

.zwc-banner-card-content-wrap>h2 {
    margin-bottom: 20px;
}

/* .zwc-nav-bar-section .content-wrap {
    transition: height 0.5s ease;
} */

.zwc-nav-bar-section {
    padding: 60px 0 15px;
}

.zwc-nav-bar-section ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 25px 10px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    transition: all 0.5s ease;
}

.zwc-nav-bar-section .content-wrap {
    max-width: none;
    width: 95%;
}

.zwc-nav-bar-section .zwc-nav-list-box {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.zwc-nav-bar-section .zwc-nav-list-box.zwc-top-sticky {
    position: fixed;
    /* top: 66px; */
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.zwc-nav-bar-section .zwc-nav-list-box.zwc-hidden {
    opacity: 0;
    visibility: hidden;
}

.zwc-top-sticky ul {
    /* font-size: 14px; */
    grid-gap: 12px 10px;
    /* max-width: 800px; */
    padding: 12px 0;
    transform: scale(0.88);
}

/* .zwc-nav-bar-section ul.zwc-top-sticky {
    position: fixed;
    top: 66px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    background-color: #fff;
    border-radius: 0 0 30px 30px;
} */

.zwc-nav-bar-section ul li {
    padding: 8px 20px;
    border: 1px solid #000;
    border-radius: 100px;
    transition: background-color 0.3s ease, color 0.3s ease;
    cursor: pointer;
}

.zwc-nav-bar-section ul li:hover {
    background-color: #e1e1e1;
}

@media (pointer: coarse) {
    .zwc-nav-bar-section ul li:hover {
        background-color: rgba(0, 0, 0, 0);
    }
}

.zwc-nav-bar-section ul li.zwc-nav-active {
    color: #fff;
    background-color: #000;
}

.zwc-white-bg-features-section {
    margin-bottom: 70px;
}

.zwc-feature-card-wrapper {
    padding: 45px 0;
}

.zwc-feature-card {
    display: grid;
    grid-template-columns: 1fr minmax(100px, 420px);
    grid-template-columns: minmax(10px, max-content) 1fr;
    justify-content: space-between;
    grid-gap: 50px;
    padding: 0px 100px;
    background-image: linear-gradient(to right, #07073B 35%, #000002);
    color: #fff;
    /* margin: 80px 0; */
    border-radius: 30px;
    align-items: center;
}

.zwc-feature-card-content-box {
    max-width: 420px;
    align-self: start;
    margin-top: 110px;
    padding-bottom: 40px;
}

.zwc-feature-card-content-box>h2 {
    max-width: 400px;
}

.zwc-feature-card-img-box {
    margin-top: 100px;
    max-width: 560px;
    justify-self: end;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    align-self: end;
    line-height: 0;
}

.zwc-feature-card-img-box img {
    opacity: 0;
    border-radius: 15px 15px 0 0;
    transform: translateY(15%);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.zwc-feature-card-img-box.zwe-ob img {
    opacity: 1;
    transform: translateY(0)
}

.zwc-dark-bg-features-section {
    color: #fff;
    background-color: #050619;
    background-image: radial-gradient(circle at 50% -15%, #101565, #050619 2000px);
}

.zwc-dark-bg-features-section .content-wrap {
    max-width: 1160px;

}

.zwc-dark-feature-wrap {
    --gridGapSize: 150px;
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: var(--gridGapSize);
}

.zwc-dark-feature-wrap:first-child {
    padding: 115px 0 65px;
}

.zwc-dark-feature-wrap:last-child {
    padding: 65px 0 120px;
}

.zwc-dark-feature-wrap>div:first-child {
    max-width: 370px;
    position: relative;
    top: -18px;
}



.zwc-dark-feature-wrap>div:first-child::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: calc(0px - calc(var(--gridGapSize) / 2));
    background-image: radial-gradient(#24285A, #080A31);
}

.zwc-dark-feature-wrap>div:first-child h2 {
    color: #3DC980;
}

.zwc-dark-feature-wrap>div:first-child ul {
    display: grid;
    grid-gap: 15px;
}

.zwc-dark-feature-wrap>div:first-child ul>li {
    border: 1px solid #30326F;
    border-radius: 8px;
    padding: 14px 20px;
    max-width: 250px;
    display: grid;
    grid-template-columns: 1fr max-content;
    justify-content: space-between;
    align-items: center;
    transition: color 0.3s ease, background-color 0.3s ease;
    cursor: pointer;
    font-family: var(--zf-secondary-semibold);
}

.zwc-dark-feature-wrap>div:first-child ul>li.zwc-feature-active {
    color: #000;
    background-color: #fff;

}

.zwc-dark-feature-wrap>div:first-child ul>li::after {
    content: '';
    height: 10px;
    width: 10px;
    border-style: solid;
    border-color: #5B5EBE;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    transition: border-color 0.3s ease;
}

.zwc-dark-feature-wrap>div:first-child ul li.zwc-feature-active::after {
    border-color: #000;
}

.zwc-dark-feature-wrap>div:last-child {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: max-content;
}

.zwc-dark-feature-content-box p {
    margin-bottom: 35px;
}

.zwc-dark-feature-wrap>div:last-child>div {
    grid-row: 1/2;
    grid-column: 1/2;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

.zwc-dark-feature-wrap>div:last-child>div.zwc-feature-active {
    opacity: 1;
    visibility: visible;
    z-index: 5;
}

.zwc-dark-feature-content-box>div:last-child img {
    opacity: 0;
    transform: translateY(15%);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.zwc-feature-active.zwc-dark-feature-content-box>div.zwe-ob img {
    opacity: 1;
    transform: translateY(0);
}

.zwc-security-section {
    color: #fff;
    background-color: #050619;
    position: relative;
}

.zwc-security-section::before {
    content: '';
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;

}

.zwc-security-section .content-wrap {
    /* position: static; */
    /* overflow: visible; */
    width: 85%;
}




/* .zwc-security-section .content-wrap::before {
    content: '';
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
} */

.zwc-security-section .content-wrap>span.zwc-shield-icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 200px;
    width: 170px;
    /* background-color: lightblue; */
    transform: translate(-50%, -50%);
    z-index: 3;
    background-image: url('/sites/zweb/images/cpaas/features/shield-icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


.zwc-security-card-border {
    position: relative;
    z-index: 2;
    background-color: #085C37;
    padding: 1px;
    border-radius: 30px;
    overflow: hidden;
}

.zwc-security-card-border::after {
    content: '';
    position: absolute;
    width: 30%;
    height: 30%;
    background-image: radial-gradient(rgb(77 253 154 / 100%), transparent 60%);
    top: 0;
    left: 10%;
    border-radius: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 1;
    animation: borderSlide 5s linear infinite;
}

.zwc-security-card-border>div {
    background-image: radial-gradient(circle at 100% 100%, #000642, #010424);
    border-radius: 30px;
    position: relative;
    z-index: 3;
}

.zwc-security-content-wrap>div p {
    margin-bottom: 0;
}

.zwc-security-content-wrap {
    padding: 115px 50px;
    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 100px;
    /* grid-auto-flow: column; */
}

.zwc-security-content-wrap>div.zwc-security-header-content h2 {
    color: #3dc880;

}

.zwc-security-content-wrap>div h3 {
    position: relative;
}

.zwc-security-content-wrap>div h3::before {
    content: '';
    height: 15px;
    width: 15px;
    position: absolute;
    left: -35px;
    top: 6.5px;
    display: inline-block;
    /* background-image: radial-gradient(); */
    filter: blur(1px);
    box-shadow: 0 0 10px 4px #3dc880;
    background-color: #3dc880;
    border-radius: 100%;
}

.zwc-security-header-content {
    margin-top: -15px;
}

.zwc-more-section {
    padding: 50px 0 0;
}

.zwc-more-section>.content-wrap {
    padding-top: 50px;
    padding-bottom: 120px;
}

.zwc-more-content-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
    margin-top: 40px;
}

.zwc-more-content-box>div {
    border-radius: 20px;
    background-color: #F7F7F7;
    padding: 40px;
    padding-bottom: 30px;
}

.zwc-more-content-box>div>h3 {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: start;
}


/* .zwc-more-content-box>div h3 {} */

.zwc-more-content-box>div h3::before {
    content: '';
    /* display: inline-block; */
    height: 30px;
    width: 30px;
    /* background-color: lightblue; */
    margin-right: 10px;
    position: relative;
    top: -2.5px;
    background-image: url('/sites/zweb/images/cpaas/features/sprite.png');
    background-size: 180px auto;
    background-position: 0 0;
}

.zwc-more-content-box>div:nth-child(1) h3::before {
    background-position: -60px 0;
}

.zwc-more-content-box>div:nth-child(2) h3::before {
    background-position: -210px 0;
}

.zwc-more-content-box>div:nth-child(3) h3::before {
    background-position: -154px 0;
    width: 20px;
}

.zwc-more-content-box>div:nth-child(4) h3::before {
    background-position: -120px 0;
}

.zwc-more-content-box>div:nth-child(5) h3::before {
    background-position: 0px 0;
}

.zwc-more-content-box>div:nth-child(6) h3::before {
    background-position: -89px 0;
}

.zwc-more-content-box>div p {
    margin-bottom: 0;
}

.zwc-integration-section {
    color: #fff;
}

.zwc-integration-section .content-wrap {
    overflow: hidden;
    background-color: #080a27;
    /* min-height: 500px; */
    /* display: grid; */
    border-radius: 30px;
}

.zwc-integration-section .content-wrap::after {
    content: '';
    position: absolute;
    left: 0%;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #080a27 45%, transparent 85%);
}

.zwc-integration-content-box {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: max-content minmax(10px, 350px);
    justify-content: space-between;
    align-items: center;
    padding: 110px 40px;
    max-width: 1120px;
    margin: 0 auto;
    /* background-image: linear-gradient(to right, #080a27 35%, transparent); */
}

.zwc-integration-content-box>div:first-child {
    max-width: 450px;
}

.zwc-integration-content-box h2 {
    max-width: 360px;
}

.zwc-integration-content-box p {
    margin-bottom: 0;
}

.zwc-integration-content-box>div:last-child {
    /* width: 150px;
    height: 150px;
    background-image: linear-gradient(to bottom, #0C0D26, #03041C); */
}

.zwc-integration-content-box .zwc-dashboard-top {
    grid-row: 1/2;
    grid-column: 2/3;
    justify-self: center;
}

.zwc-integration-section .zwc-integration-anim-box {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    /* height: 100%; */
    width: 100%;
    /* grid-row: 1/2;
    grid-column: 1/2; */

}

@keyframes slideRight {
    0% {
        transform: translateX(0);
    }

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

@keyframes slideLeft {
    0% {
        transform: translateX(0);
    }

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

.zwc-integration-icons-row {
    transform: scale(1.35);
}

.zwc-integration-icons-row:not(:last-child) {
    margin-bottom: 40px;
}

.zwc-integration-icons-row,
.zwc-integration-icon-wrap {
    display: grid;
    grid-template-columns: max-content;
    grid-auto-flow: column;
    /* grid-gap: 10px; */
}

.zwc-integration-icons-row1 .zwc-integration-icon-wrap {
    animation: slideRight 16s linear infinite;
    padding-right: 20px;
}

/* .zwc-integration-icons-row1 .zwc-integration-icon-wrap {
    padding-right: 20px;
} */

.zwc-integration-icon-wrap {
    grid-gap: 20px;
}

.zwc-integration-icon {
    /* height: 60px;
    width: 60px; */
    /* background-image: linear-gradient(to bottom, #7A7CB4, #2C2E5A); */
    display: grid;
    align-items: center;
    justify-items: center;
    font-size: 0px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    border-radius: 10px;
    /* overflow: hidden; */
    position: relative;
    padding: 10px;
}

.zwc-integration-icon::before {
    content: '';
    background-color: #d8daff;
    /* box-shadow: 0 0 15px -2px #9da2faa8; */
    /* background-image: linear-gradient(to bottom, #1a1b3c, #141534); */
    /* grid-row: 1/2; */
    /* grid-column: 1/2; */
    position: absolute;
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    border-radius: 10px;
}


.zwc-integration-icon::after {
    /* --zeptoSprite: url('/sites/zweb/images/cpaas/homepage/sprite.png'); */
    content: '';
    height: 40px;
    width: 40px;
    /* background-color: lightblue; */
    /* position: absolute; */
    position: relative;
    grid-row: 1/2;
    grid-column: 1/2;
    /* background-image: var(--zeptoSprite); */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* .zwc-integration-icons-row1>.zwc-integration-icon-wrap>span:nth-child(1)::after {
    background-position: 0 -50px;
}

.zwc-integration-icons-row1>.zwc-integration-icon-wrap>span:nth-child(2)::after {
    background-position: -40px -50px;
}

.zwc-integration-icons-row1>.zwc-integration-icon-wrap>span:nth-child(3)::after {
    background-position: -80px -50px;
}

.zwc-integration-icons-row1>.zwc-integration-icon-wrap>span:nth-child(4)::after {
    background-position: -120px -50px;
}

.zwc-integration-icons-row1>.zwc-integration-icon-wrap>span:nth-child(5)::after {
    background-position: -160px -50px;
}

.zwc-integration-icons-row1>.zwc-integration-icon-wrap>span:nth-child(6)::after {
    background-position: -200px -50px;
}

.zwc-integration-icons-row1>.zwc-integration-icon-wrap>span:nth-child(7)::after {
    background-position: -240px -50px;
}

.zwc-integration-icons-row1>.zwc-integration-icon-wrap>span:nth-child(8)::after {
    background-position: -280px -50px;
} */


/* .zwc-integration-icon-wrap>span:nth-child(1)::after {
    background-position: 0 -50px;
}

.zwc-integration-icon-wrap>span:nth-child(2)::after {
    background-position: -40px -50px;
}

.zwc-integration-icon-wrap>span:nth-child(3)::after {
    background-position: -80px -50px;
}

.zwc-integration-icon-wrap>span:nth-child(4)::after {
    background-position: -120px -50px;
}

.zwc-integration-icon-wrap>span:nth-child(5)::after {
    background-position: -160px -50px;
}

.zwc-integration-icon-wrap>span:nth-child(6)::after {
    background-position: -200px -50px;
}

.zwc-integration-icon-wrap>span:nth-child(7)::after {
    background-position: -240px -50px;
}

.zwc-integration-icon-wrap>span:nth-child(8)::after {
    background-position: -280px -50px;
} */

.zwc-integration-icon-wrap>span.zwc-integration-icon-zapier::after {
    width: 90px;
    background-image: url('/sites/zweb/images/otherbrandlogos/zapier-black.svg');
}

.zwc-integration-icon-wrap>span.zwc-integration-icon-crm::after {
    width: 80px;
    background-image: url('/sites/zweb/images/productlogos/crm.svg');
}

.zwc-integration-icon-wrap>span.zwc-integration-icon-joomla::after {
    width: 110px;
    background-image: url('/sites/zweb/images/otherbrandlogos/joomla.svg');
}

.zwc-integration-icon-wrap>span.zwc-integration-icon-flow::after {
    width: 80px;
    background-image: url('/sites/zweb/images/productlogos/flow.svg');
}

.zwc-integration-icon-wrap>span.zwc-integration-icon-whmcs::after {
    width: 90px;
    background-image: url('/sites/zweb/images/otherbrandlogos/whmcs.svg');
}

.zwc-integration-icon-wrap>span.zwc-integration-icon-wordpress::after {
    width: 60px;
    background-image: url('/sites/zweb/images/otherbrandlogos/wordpress.svg');
}

.zwc-integration-icon-wrap>span.zwc-integration-icon-bubble::after {
    width: 90px;
    background-image: url('/sites/zweb/images/otherbrandlogos/bubble.svg');
}

.zwc-integration-icon-wrap>span.zwc-integration-icon-creator::after {
    width: 100px;
    background-image: url('/sites/zweb/images/productlogos/creator.svg');
}

.zwc-integration-icon-wrap>span.zwc-integration-icon-msautomate::after {
    width: 60px;
    background-image: url('/sites/zweb/images/otherbrandlogos/powerautomate.svg');
}

.zwc-integration-icon-wrap>span.zwc-integration-icon-tabular::after {
    width: 110px;
    background-image: url('/sites/zweb/images/otherbrandlogos/tabular-email.svg');
}

.zwc-integration-icons-row2 {
    justify-content: end;
}

.zwc-integration-icons-row2 .zwc-integration-icon-wrap {
    animation: slideLeft 15s linear infinite;
    padding-left: 20px;
}

.zwc-footer-section {
    color: #fff;
    background-color: #010213;
    margin-top: 120px;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 100px 0 105px;
    margin-inline: auto;
    max-width: 1660px;
    width: 95%;
    border-radius: 30px;
}

.zwc-template-inner .zwc-footer-section {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.zwc-footer-section .content-wrap {
    /* max-width: 1660px; */
    margin: 0 auto;
    /* background-color: #010213; */
    /* background-color: #131539; */
    /* background-color: #194D40; */
    position: relative;
    overflow: hidden;
    width: 100%;
    /* width: 96%; */
}

/* .zwc-footer-section::before {
    content: '';
    height: 150%;
    width: 90%;
    background-image: radial-gradient(#1D2381, #15173E, #010213);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    border-radius: 50%;
    box-shadow: 0 0 10vw 10vw #0d0e2c;
} */

.zwc-footer-section::before {
    content: '';
    height: 100%;
    width: 115%;
    background-image: radial-gradient(ellipse at 50% 0%, #1D2381 0%, #15173E, #010213 80%);
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    margin: auto;
    transform: translateX(-50%);
}

.zwc-footer-section .content-wrap>div {
    /* justify-content: center; */
    max-width: 1100px;
    margin: 0 auto;
    align-items: end;
    grid-gap: 20px;
    padding: 0px 0 0px;
    position: relative;
    width: 90%;
}

.zwc-footer-section h2 {
    margin: 0 auto 30px;
    max-width: 500px;
    /* font-size: 50px; */
}

.zwc-footer-section span {
    font-size: 25px;
    color: #3DC980;
    margin-bottom: 8px;
    display: inline-block;
    font-family: var(--zf-secondary-medium)
}
.i18n-ar .zw-product-header { left: 0; right: 0; }
.i18n-ar .zwc-banner-section::before { transform: translate(50%, 25%); right: 50%; left: unset; }
.i18n-ar .zwc-banner-right { transform: translateX(-230px); right: 40%; left: unset; }
.i18n-ar .zwc-gradient-path span { right: 0; left: unset; }
.i18n-ar .zwc-banner-right ul { margin-right: -30px; margin-left: unset; }
.i18n-ar .zwc-banner-right ul li {transform-origin:right; }
.i18n-ar .zwc-banner-right ul li::before { right: -52px; left: unset; }
.i18n-ar .zwc-banner-card-wrapper::before { right: 0; left: unset; }
.i18n-ar .zwc-nav-bar-section .zwc-nav-list-box.zwc-top-sticky { left: 0; right: 0; }
.i18n-ar .zwc-banner-card-wrapper { text-align: center; }
.i18n-ar .zwc-banner-card-wrapper * { text-align: center; }
.i18n-ar .zwc-feature-card-img-box { border-radius: 15px 0 0 15px; }
.i18n-ar .zwc-feature-card-img-box img { border-radius: 15px 0 0 15px; }
.i18n-ar .zwc-dark-feature-wrap>div:first-child::after { left: calc(0px - calc(var(--gridGapSize) / 2)); right: unset; }
.i18n-ar .zwc-security-section::before { right: 0; left: unset; }
.i18n-ar .zwc-security-section .content-wrap>span.zwc-shield-icon { transform: translate(50%, -50%); right: 0; left: unset; }
.i18n-ar .zwc-security-card-border::after { transform: translate(50%, -50%); right: 10%; left: unset; }
.i18n-ar .zwc-security-content-wrap>div h3::before { right: -35px; left: unset; }
.i18n-ar .zwc-more-content-box>div h3::before { margin-left: 10px; margin-right: unset; }
.i18n-ar .zwc-integration-section .content-wrap::after { right: 0; left: unset; }
.i18n-ar .zwc-integration-section .zwc-integration-anim-box { right: 0; left: unset; }
.i18n-ar .zwc-integration-icons-row1 .zwc-integration-icon-wrap { padding-left: 20px; padding-right: unset; }
.i18n-ar .zwc-integration-icons-row2 .zwc-integration-icon-wrap { padding-right: 20px; padding-left: unset; }
.i18n-ar .zwc-footer-section::before { transform: translateX(50%); left: 0; right: 50%; }
.i18n-ar .zwc-footer-section { text-align: center; }
.i18n-ar .zwc-footer-section * { text-align: center; }
.i18n-ar .zwc-dark-feature-wrap>div:first-child ul>li::after {
    border-width: 1px 0 0 1px;
    transform: rotate(-45deg);
}
.i18n-ar .zwc-integration-section .content-wrap::after {
    background-image: linear-gradient(to left,#080a27 45%,transparent 85%);
}
.i18n-ar .zwc-integration-icons-row1 .zwc-integration-icon-wrap {
    animation: slideRight-ar 16s linear infinite;
}
.i18n-ar .zwc-integration-icons-row2 .zwc-integration-icon-wrap {
    animation: slideLeft-ar 15s linear infinite;
}
@keyframes slideRight-ar {
    0% {
        transform: translateX(0)
    }

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

@keyframes slideLeft-ar {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%);
    }
}
@media only screen and (max-width: 1599px) {
    .zwc-template-inner h1 {
        font-size: 70px;
    }

    .zwc-template-inner h2 {
        font-size: 48px;
    }

    .zwc-template-inner h3 {
        font-size: 25px;
    }

    /* .zwc-template-inner h4 {
        font-size: 24px;
    }

    .zwc-template-inner h5 {
        font-size: 22px;
    } */

    .zwc-banner-right {
        transform: translateX(180px);
    }

    .zwc-banner-card-wrapper h2 {
        font-size: 54px;
    }

    .zwc-dark-bg-features-section {
        background-image: radial-gradient(circle at 50% 0%, #07073B, #050619 85%);
    }

    .zwc-security-section .content-wrap>span.zwc-shield-icon {
        top: 10px;
        transform: scale(0.95) translate(-50%, -50%);
        transform-origin: top left;
    }

    /* .zwc-footer-section h2 {
        font-size: 60px;
    } */

    .zwc-footer-section span {
        font-size: 23px;
    }
.i18n-ar .zwc-banner-right { transform: translateX(-180px); }
.i18n-ar .zwc-security-section .content-wrap>span.zwc-shield-icon { transform: scale(0.95) translate(50%, -50%); }
}

@media only screen and (max-width: 1499px) {
    /* .zwc-footer-section h2 {
        font-size: 58px;
    } */
}

@media only screen and (max-width: 1399px) {
    .zwc-template-inner h1 {
        font-size: 66px;
    }

    .zwc-template-inner h2 {
        font-size: 44px;
    }

    .zwc-template-inner h3 {
        font-size: 23px;
    }

    .zwc-banner-content {
        padding-bottom: 90px;
    }

    .zwc-nav-bar-section {
        padding: 50px 0 5px;
    }

    .zwc-banner-card-wrapper>div>div {
        padding: 70px 40px;
    }

    .zwc-feature-card-wrapper {
        padding: 45px 0;
    }

    .zwc-white-bg-features-section {
        margin-bottom: 60px;
    }

    .zwc-dark-feature-wrap:first-child {
        padding: 105px 0 60px;
    }

    .zwc-dark-feature-wrap:last-child {
        padding: 60px 0 110px;
    }

    .zwc-security-content-wrap {
        padding: 105px 50px;
    }

    .zwc-more-section {
        padding: 45px 0 0;
    }

    .zwc-more-section>.content-wrap {
        padding-top: 45px;
        padding-bottom: 110px;
    }

    .zwc-integration-content-box {
        padding: 100px 40px;
    }

    .zwc-footer-section {
        padding: 95px 0 100px;
        margin-top: 110px;
    }

    .zwc-banner-content {
        max-width: 520px;
    }

    .zwc-banner-card-wrapper h2 {
        font-size: 48px;
    }

    .zwc-banner-card-content-wrap {
        max-width: 650px;
    }

    .zwc-banner-right ul li {
        font-size: 18px;
        max-width: 300px;
    }

    @keyframes gradientTravel {
        0% {
            top: -135px;
        }

        100% {
            top: 100%;
        }
    }

    .zwc-gradient-path {
        min-height: 350px;
    }

    /* .zwc-banner-right ul li.zwc-list-active {
        font-size: 20px;
    } */

    .zwc-banner-right {
        transform: translateX(170px);
    }

    .zwc-banner-section .zwc-dashboard-top {
        height: 135px;
        width: 135px;
    }

    .zwc-gradient-path span {
        height: 135px;
    }

    .zwc-banner-right ul li::before {
        left: -45px;
    }

    .zwc-feature-card {
        padding: 0 75px;
    }

    .zwc-dark-feature-wrap>div:first-child {
        top: -14px;
    }

    .zwc-security-section .content-wrap>span.zwc-shield-icon {
        top: 10px;
        transform: scale(0.85) translate(-50%, -50%);
        transform-origin: top left;
    }

    .zwc-integration-icons-row {
        transform: scale(1.3);
    }

    .zwc-integration-icons-row:not(:last-child) {
        margin-bottom: 40px;
    }

    /* .zwc-footer-section h2 {
        font-size: 55px;
    } */
.i18n-ar .zwc-more-section { padding: 45px 0 0; }
.i18n-ar .zwc-integration-content-box { padding: 100px 40px; }
.i18n-ar .zwc-footer-section { padding: 95px 0 100px; }
.i18n-ar .zwc-banner-right { transform: translateX(-170px); }
.i18n-ar .zwc-banner-right ul li::before { right: -45px; left: unset; }
.i18n-ar .zwc-feature-card { padding: 0 75px; }
.i18n-ar .zwc-security-section .content-wrap>span.zwc-shield-icon { transform: scale(0.85) translate(50%, -50%); }
}

@media only screen and (max-width: 1299px) {
    .zwc-template-inner h1 {
        font-size: 60px;
    }

    .zwc-template-inner h2 {
        font-size: 41px;
    }

    .zwc-security-header-content {
        max-width: 390px;
        margin-top: -10px;
    }

    .zwc-integration-content-box h2 {
        max-width: 280px;
    }

    .zwc-footer-section span {
        font-size: 22px;
    }

    .zwc-feature-card-content-box>h2 {
        max-width: 330px;
    }

    .zwc-footer-section h2 {
        max-width: 400px;
    }
}

@media only screen and (max-width: 1250px) {
    .zwc-security-content-wrap {
        padding: 120px 50px 120px 70px;
    }
.i18n-ar .zwc-security-content-wrap { padding: 120px 70px 120px 50px; }
}

@media only screen and (max-width: 1199px) {
    .zwc-template-inner h1 {
        font-size: 56px;
    }

    .zwc-template-inner h2 {
        font-size: 41px;
    }

    .zwc-template-inner h3 {
        font-size: 23px;
    }

    .zwc-banner-content {
        padding-bottom: 80px;
    }

    .zwc-banner-card-wrapper>div>div {
        padding: 60px 40px;
    }

    .zwc-nav-bar-section {
        padding: 40px 0 0px;
    }

    .zwc-feature-card-wrapper {
        padding: 35px 0;
    }

    .zwc-white-bg-features-section {
        margin-bottom: 55px;
    }

    .zwc-dark-feature-wrap:first-child {
        padding: 95px 0 55px;
    }

    .zwc-dark-feature-wrap:last-child {
        padding: 55px 0 100px;
    }

    .zwc-security-content-wrap {
        padding: 95px 50px 90px;
        padding-left: 65px;
    }

    .zwc-more-section {
        padding: 40px 0 0;
    }

    .zwc-more-section>.content-wrap {
        padding-top: 40px;
        padding-bottom: 95px;
    }

    .zwc-integration-content-box {
        padding: 85px 40px 90px;
    }

    .zwc-footer-section {
        padding: 85px 0 90px;
        margin-top: 95px;
    }

    .zwc-banner-content span {
        font-size: 18px;
    }

    .zwc-banner-content>p {
        margin-bottom: 50px;
        font-size: 17px;
    }

    /* .zwc-banner-content {
        max-width: 460px;
    } */

    .zwc-banner-section {
        padding: 150px 0 0;
    }

    .zwc-banner-right {
        transform: translateX(110px);
    }

    .zwc-banner-section .zwc-dashboard-top {
        height: 125px;
        width: 125px;
    }

    .zwc-gradient-path span {
        height: 125px;
    }

    @keyframes gradientTravel {
        0% {
            top: -125px;
        }

        100% {
            top: 100%;
        }
    }

    .zwc-banner-right ul li::before {
        left: -40px;
    }

    .zwc-nav-bar-section ul {
        grid-gap: 20px 15px;
        max-width: 850px;
    }

    .zwc-top-sticky ul {
        grid-gap: 12px 10px;
        padding: 8px 0;
    }

    .zwc-feature-card {
        padding: 0 60px;
    }

    .zwc-feature-card-content-box {
        margin-top: 90px;
    }

    .zwc-feature-card-img-box {
        max-width: 500px;
    }

    /* .zwc-dark-feature-wrap {
        --gridGapSize: 100px;
    } */

    .zwc-dark-feature-wrap {
        --gridGapSize: 130px;
    }

    .zwc-security-content-wrap {
        grid-gap: 70px 100px;
    }

    .zwc-security-content-wrap>div h3 {
        margin-bottom: 15px;
    }

    .zwc-more-content-box>div h3::before {
        transform: scale(0.9);
    }

    .zwc-more-content-box>div {
        padding: 35px;
    }

    .zwc-more-content-box>div>h3 {
        margin-bottom: 15px;
    }

    .zwc-integration-icons-row {
        transform: scale(1.2);
    }

    .zwc-integration-icons-row:not(:last-child) {
        margin-bottom: 30px;
    }


    /* .zwc-footer-section h2 {
        font-size: 52px;
        max-width: 500px;
    } */
.i18n-ar .zwc-security-content-wrap { padding: 95px 50px 90px; padding-right: 65px; }
.i18n-ar .zwc-more-section { padding: 40px 0 0; }
.i18n-ar .zwc-integration-content-box { padding: 85px 40px 90px; }
.i18n-ar .zwc-footer-section { padding: 85px 0 90px; }
.i18n-ar .zwc-banner-section { padding: 150px 0 0; }
.i18n-ar .zwc-banner-right { transform: translateX(-110px); }
.i18n-ar .zwc-banner-right ul li::before { right: -40px; left: unset; }
.i18n-ar .zwc-top-sticky ul { padding: 8px 0; }
.i18n-ar .zwc-feature-card { padding: 0 60px; }
.i18n-ar .zwc-more-content-box>div { padding: 35px; }
}

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

    .zwc-template-inner h3 {
        font-size: 21px;
    }

    .zwc-dark-feature-wrap {
        --gridGapSize: 70px;
    }

    .zwc-dark-feature-wrap>div:first-child {
        max-width: 340px;
    }

    .zwc-security-content-wrap {
        grid-gap: 60px 100px;
    }
}

@media only screen and (max-width: 1050px) {
    .zwc-banner-right {
        transform: translateX(80px);
    }

    .zwc-feature-card-content-box {
        max-width: 360px;
    }

    .zwc-feature-card-img-box {
        margin-top: 80px;
    }

    .zwc-feature-card-content-box {
        margin-top: 80px;
    }
.i18n-ar .zwc-banner-right { transform: translateX(-80px); }
}

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

    .zwc-template-inner h1 {
        font-size: 48px;
    }

    .zwc-template-inner h2 {
        font-size: 36px;
    }

    .zwc-template-inner h3 {
        font-size: 22px;
    }

    .zwc-banner-content {
        padding-bottom: 90px;
    }

    .zwc-banner-card-wrapper>div>div {
        padding: 60px 40px;
    }

    .zwc-nav-bar-section {
        padding: 40px 0 0px;
    }

    .zwc-white-bg-features-section {
        margin-top: 35px;
    }

    .zwc-feature-card {
        padding: 65px 0 0;
    }

    .zwc-feature-card-wrapper {
        padding: 40px 0;
    }

    .zwc-white-bg-features-section {
        margin-bottom: 40px;
    }

    .zwc-dark-feature-wrap:first-child {
        padding: 85px 0 50px;
    }

    .zwc-dark-feature-wrap:last-child {
        padding: 50px 0 90px;
    }

    .zwc-security-content-wrap {
        padding: 85px 50px 85px 65px;
    }

    .zwc-more-section {
        padding: 70px 0 0;
    }

    .zwc-more-section>.content-wrap {
        padding-top: 0;
        padding-bottom: 80px;
    }

    .zwc-integration-content-box {
        padding: 75px 40px 80px;
    }

    .zwc-footer-section {
        padding: 75px 0 80px;
        margin-top: 85px;
    }

    .zwc-banner-content {
        max-width: 450px;
    }

    .zwc-banner-content span {
        font-size: 17px;
    }

    .zwc-banner-content h1 {
        margin-bottom: 25px;
    }

    .zwc-banner-content>p {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .zwc-banner-right ul li {
        font-size: 16px;
        max-width: 255px;
    }

    /* .zwc-banner-right ul li.zwc-list-active {
        font-size: 17px;
    } */

    .zwc-banner-section .zwc-dashboard-top {
        height: 115px;
        width: 115px;
    }

    .zwc-gradient-path span {
        height: 115px;
    }

    @keyframes gradientTravel {
        0% {
            top: -115px;
        }

        100% {
            top: 100%;
        }
    }

    .zwc-banner-right ul li::before {
        left: -35.5px;
    }

    .zwc-banner-right ul li.zwc-list-active::before {
        transform: scale(0.8);
    }

    .zwc-banner-right {
        transform: translateX(100px);
    }

    .zwc-banner-card-wrapper h2 {
        max-width: 460px;
        margin-inline: auto;
    }

    .zwc-nav-bar-section {
        display: none;
    }

    .zwc-feature-card {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
        /* padding: 60px 0;
        padding-bottom: 0; */
        grid-gap: 45px;
    }

    .zwc-feature-card>div {
        width: 90%;
    }

    .zwc-feature-card-img-box {
        justify-self: center;
    }

    .zwc-feature-card-content-box {
        max-width: 550px;
        margin-top: 0;
        padding-bottom: 0;
    }

    .zwc-feature-card-content-box>h2 {
        max-width: none;
    }

    .zwc-feature-card-content-box>p {
        margin-bottom: 0;
    }

    .zwc-feature-card-img-box {
        margin-top: 0;
        max-width: 460px;
    }

    .zwc-dark-feature-wrap>div:first-child {
        max-width: 310px;
    }

    .zwc-dark-feature-wrap>div:first-child ul>li {
        font-size: 16px;
        padding: 10px 18px;
    }

    .zwc-dark-feature-wrap>div:first-child {
        top: -10px;
    }

    .zwc-security-section .content-wrap>span.zwc-shield-icon {
        transform: scale(0.8) translate(-50%, -50%);
    }

    .zwc-security-content-wrap {
        grid-gap: 60px 80px;
    }

    .zwc-more-content-box {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 30px;
    }

    .zwc-integration-icons-row {
        transform: scale(1.1)
    }

    .zwc-integration-icons-row:not(:last-child) {
        margin-bottom: 20px;
    }

    .zwc-integration-section .zwc-dashboard-top {
        height: 130px;
        width: 130px;
    }

    .zwc-integration-content-box>div:first-child {
        max-width: 400px;
    }

    .zwc-footer-section span {
        font-size: 20px;
    }

    .zwc-footer-section h2 {
        margin: 0 auto 25px;
    }
.i18n-ar .zwc-feature-card { padding: 65px 0 0; }
.i18n-ar .zwc-security-content-wrap { padding: 85px 65px 85px 50px; }
.i18n-ar .zwc-more-section { padding: 70px 0 0; }
.i18n-ar .zwc-integration-content-box { padding: 75px 40px 80px; }
.i18n-ar .zwc-footer-section { padding: 75px 0 80px; }
.i18n-ar .zwc-banner-right ul li::before { right: -35.5px; left: unset; }
.i18n-ar .zwc-banner-right { transform: translateX(-100px); }
.i18n-ar .zwc-dark-feature-wrap>div:first-child ul>li { padding: 10px 18px; }
.i18n-ar .zwc-security-section .content-wrap>span.zwc-shield-icon { transform: scale(0.8) translate(50%, -50%); }
.i18n-ar .zwc-footer-section h2 { margin: 0 auto 25px; }
.i18n-ar .zwc-feature-card { text-align: center; }
.i18n-ar .zwc-feature-card * { text-align: center; }
}

@media only screen and (max-width: 900px) {
    .zwc-banner-right {
        transform: translateX(80px);
    }

    .zwc-dark-feature-wrap>div:first-child {
        max-width: 280px;
    }

    .zwc-security-content-wrap {
        padding: 75px 50px 80px;
    }

    .zwc-security-content-wrap {
        grid-template-columns: 1fr;
        text-align: center;
        justify-items: center;
    }

    .zwc-security-content-wrap>div h3::before {
        display: none;
    }

    .zwc-security-header-content {
        margin-bottom: 10px;
        margin-top: 0;
    }

    .zwc-security-content-wrap>div {
        max-width: 550px;
    }

    .zwc-security-section .content-wrap>span.zwc-shield-icon {
        transform: scale(0.75) translate(-45%, -40%);
    }

    .zwc-more-section h2 {
        text-align: center;
    }
.i18n-ar .zwc-banner-right { transform: translateX(-80px); }
.i18n-ar .zwc-security-content-wrap { padding: 75px 50px 80px; }
.i18n-ar .zwc-security-section .content-wrap>span.zwc-shield-icon { transform: scale(0.75) translate(45%, -40%); }
.i18n-ar .zwc-more-section h2 { text-align: center; }
.i18n-ar .zwc-security-content-wrap { text-align: center; }
.i18n-ar .zwc-security-content-wrap * { text-align: center; }
}

@media only screen and (max-width: 850px) {
    .zwc-template-inner h1 {
        font-size: 46px;
    }

    /* .zwc-template-inner h2 {
        font-size: 40px;
    } */

    .zwc-template-inner h3 {
        font-size: 23px;
    }

    .zwc-banner-content {
        max-width: 380px;
        padding-bottom: 60px;
    }

    .zwc-banner-section .zwc-dashboard-top {
        height: 100px;
        width: 100px;
    }

    .zwc-gradient-path span {
        height: 100px;
    }

    @keyframes gradientTravel {
        0% {
            top: -100px;
        }

        100% {
            top: 100%;
        }
    }

    .zwc-banner-right {
        transform: translateX(65px);
    }

    .zwc-banner-right ul li {
        font-size: 15px;
        max-width: 240px;
        padding: 10px 0;
    }

    /* .zwc-banner-right ul li.zwc-list-active {
        font-size: 16px;
    } */

    .zwc-banner-right ul li::before {
        left: -29px;
    }

    .zwc-banner-right ul li.zwc-list-active::before {
        transform: scale(0.8);
    }

    .zwc-dark-bg-features-section {
        background-image: radial-gradient(circle at 50% 0%, #07073B, #050619 85%);
    }

    .zwc-dark-feature-wrap {
        grid-template-columns: 1fr;
        text-align: center;
        max-width: 550px;
        margin-inline: auto;
    }

    .zwc-dark-feature-wrap:first-child {
        padding: 70px 0 40px;
    }

    .zwc-dark-feature-wrap:last-child {
        padding: 40px 0 85px;
    }

    .zwc-dark-feature-wrap>div:last-child>div:not(:last-child) {
        margin-bottom: 70px;
    }

    .zwc-dark-feature-content-box p {
        margin-bottom: 30px;
    }

    .zwc-dark-feature-wrap {
        --gridGapSize: 60px;
    }

    .zwc-dark-feature-wrap>div:first-child {
        top: 0;
    }

    .zwc-dark-feature-wrap>div:first-child ul {
        display: none;
    }

    .zwc-dark-feature-wrap>div:first-child::after {
        display: none;
    }

    .zwc-dark-feature-wrap>div:first-child p {
        margin-bottom: 0;
    }

    .zwc-dark-feature-wrap>div:last-child>div {
        opacity: 1;
        visibility: visible;
    }

    .zwc-dark-feature-wrap>div:last-child>div {
        grid-row: auto;
        grid-column: auto;
    }



    .zwc-dark-feature-wrap>div:last-child>div>div {
        max-width: 440px;
        margin-inline: auto;
    }

    .zwc-dark-feature-wrap>div:first-child {
        max-width: none;
    }

    .zwc-dark-feature-content-box>div.zwe-ob img {
        opacity: 1;
        transform: translateY(0);
    }

    .zwc-integration-content-box>div:first-child {
        max-width: 350px;
    }

}

@media only screen and (max-width: 850px) {
    .zwc-banner-content h1 {
        /* max-width: 450px; */
        margin: 0 auto 25px;
    }

    .zwc-banner-content>p {
        /* margin-bottom: 35px; */
    }

    .zwc-banner-content {
        max-width: 600px;
        margin-inline: auto;
        text-align: center;
    }

    .zwc-banner-content>p {
        max-width: none;
    }

    .zwc-banner-right {
        display: none;
    }
.i18n-ar .zwc-banner-right { transform: translateX(-65px); }
.i18n-ar .zwc-banner-right ul li { padding: 10px 0; }
.i18n-ar .zwc-banner-right ul li::before { right: -29px; left: unset; }
.i18n-ar .zwc-dark-feature-wrap { text-align: center; }
.i18n-ar .zwc-dark-feature-wrap * { text-align: center; }
.i18n-ar .zwc-banner-content h1 { margin: 0 auto 25px; }
.i18n-ar .zwc-banner-content { text-align: center; }
.i18n-ar .zwc-banner-content * { text-align: center; }
}

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

    .zwc-template-inner h1 {
        font-size: 40px;
    }

    .zwc-template-inner h2 {
        font-size: 32px;
    }

    .zwc-template-inner h3 {
        font-size: 21px;
    }

    .zwc-banner-section {
        padding: 110px 0 0;
    }

    .zwc-banner-card-wrapper>div>div {
        padding: 65px 0;
    }

    .zwc-feature-card {
        padding: 60px 0 0;
    }

    .zwc-feature-card-wrapper {
        padding: 32px 0;
    }

    .zwc-white-bg-features-section {
        margin-bottom: 35px;
    }

    .zwc-dark-feature-wrap:first-child {
        padding: 60px 0 35px;
    }

    .zwc-dark-feature-wrap:last-child {
        padding: 35px 0 75px;
    }

    .zwc-dark-feature-wrap {
        --gridGapSize: 55px;
    }

    .zwc-dark-feature-content-box p {
        margin-bottom: 25px;
    }

    .zwc-security-content-wrap {
        grid-gap: 55px 80px;
        padding: 220px 0px 70px;
    }

    .zwc-more-section {
        padding: 60px 0 0;
    }

    .zwc-more-section>.content-wrap {
        padding-bottom: 70px;
        width: 95%;
    }

    .zwc-integration-content-box {
        padding: 65px 0;
    }

    .zwc-footer-section {
        padding: 65px 0 75px;
        margin-top: 75px;
    }


    .zwc-banner-content h1 {
        max-width: 450px;
    }

    .zwc-banner-content>p {
        margin-bottom: 40px;
    }

    .zwc-banner-content span {
        font-size: 16px;
    }

    .zwc-banner-card-content-wrap {
        max-width: 560px;
        width: 90%;
    }

    /* .zwc-banner-card-wrapper>div>div {
        padding: 80px 0;
    } */

    .zwc-white-bg-features-section .content-wrap {
        width: 95%;
    }

    .zwc-feature-card {
        grid-gap: 45px;
        background-image: linear-gradient(to bottom, #07073B 35%, #000002);
    }

    .zwc-feature-card-img-box {
        max-width: 420px;
    }

    .zwc-security-section .content-wrap {
        width: 95%;
    }

    .zwc-security-content-wrap>div {
        width: 90%;
    }

    .zwc-security-section .content-wrap>span.zwc-shield-icon {
        transform: scale(0.7) translate(0, 0);
        left: 0;
        right: 0;
        margin: auto;
        transform-origin: center;
        top: 30px;
    }

    .zwc-more-content-box {
        grid-gap: 12px;
    }

    .zwc-more-content-box>div {
        padding: 25px;
        padding-bottom: 25px;
    }

    .zwc-more-content-box>div h3::before {
        margin-right: 6px;
        top: -4px;
        transform: scale(0.85);
    }


    .zwc-integration-content-box {
        grid-template-columns: 1fr;
    }

    .zwc-integration-section .zwc-dashboard-top {
        display: none;
    }

    .zwc-integration-content-box>div:first-child {
        max-width: 480px;
        margin-inline: auto;
        text-align: center;
        width: 90%;

    }

    .zwc-integration-content-box h2 {
        max-width: none;
    }

    .zwc-integration-content-box p {
        margin-bottom: 0;
    }

    .zwc-integration-section .content-wrap {
        width: 95%;
    }

    .zwc-integration-section .content-wrap::after {
        background-color: rgba(5, 6, 23, 0.85);
        background-image: linear-gradient(to right, #080a27 65%, transparent);

    }

    .zwc-integration-icons-row:not(:last-child) {
        margin-bottom: 10px;
    }

    .zwc-integration-icons-row {
        transform: scale(1);
    }

    .zwc-footer-section span {
        font-size: 20px;
    }

    .zwc-footer-section h2 {
        max-width: 360px;
    }

    .zwc-banner-card-wrapper>div>div,
    .zwc-banner-card-wrapper>div,
    .zwc-feature-card,
    .zwc-security-card-border,
    .zwc-security-card-border>div,
    .zwc-more-content-box>div,
    .zwc-integration-section .content-wrap,
    .zwc-footer-section {
        border-radius: 20px;
    }

    /* .zwc-footer-section h2 {
        font-size: 36px;
        max-width: 400px;
    } */
.i18n-ar .zwc-banner-section { padding: 110px 0 0; }
.i18n-ar .zwc-feature-card { padding: 60px 0 0; }
.i18n-ar .zwc-security-content-wrap { padding: 220px 0 70px; }
.i18n-ar .zwc-more-section { padding: 60px 0 0; }
.i18n-ar .zwc-integration-content-box { padding: 65px 0; }
.i18n-ar .zwc-footer-section { padding: 65px 0 75px; }
.i18n-ar .zwc-security-section .content-wrap>span.zwc-shield-icon { transform: scale(0.7) translate(0,0); margin: auto; left: 0; right: 0; }
.i18n-ar .zwc-more-content-box>div { padding: 25px; }
.i18n-ar .zwc-more-content-box>div h3::before { margin-left: 6px; margin-right: unset; }
.i18n-ar .zwc-integration-content-box>div:first-child * { text-align: center; }

}

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

    .zwc-template-inner h1 {
        font-size: 38px;
    }

    .zwc-feature-card-img-box {
        max-width: 360px;
    }

    .zwc-dark-feature-wrap>div:last-child>div>div {
        max-width: 400px;
    }



    .zwc-more-section h2 {
        text-align: center;
    }

    .zwc-more-content-box {
        grid-template-columns: 1fr;
        max-width: 480px;
        margin-inline: auto;
        text-align: center;
        margin-top: 25px;
        grid-gap: 15px;
    }

    .zwc-more-content-box>div>h3 {
        width: fit-content;
        margin-inline: auto;
        display: block;
    }

    .zwc-more-content-box>div h3::before {
        display: inline-block;
        top: 6.5px;
    }

    .zwc-footer-section span {
        max-width: 240px;
    }
.i18n-ar .zwc-more-section h2 { text-align: center; }
.i18n-ar .zwc-more-content-box { text-align: center; }
.i18n-ar .zwc-more-content-box * { text-align: center; }

}

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

    .zwc-template-inner h1 {
        font-size: 36px;
    }

    .zwc-template-inner h2 {
        font-size: 30px;
    }

    .zwc-template-inner h3 {
        font-size: 20px;
    }

    .zwc-banner-card-wrapper>div>div {
        padding: 55px 0 50px;
    }

    .zwc-white-bg-features-section {
        margin: 30px 0 35px;
    }

    .zwc-feature-card-wrapper {
        padding: 25px 0;
    }

    .zwc-feature-card {
        padding: 55px 0 0;
    }

    .zwc-dark-feature-wrap:first-child {
        padding: 55px 0 33px;
    }

    .zwc-dark-feature-wrap:last-child {
        padding: 33px 0 70px;
    }

    .zwc-dark-feature-wrap>div:last-child>div:not(:last-child) {
        margin-bottom: 67px;
    }

    .zwc-dark-feature-wrap {
        --gridGapSize: 50px;
    }

    .zwc-security-content-wrap {
        padding: 210px 0px 65px;
    }

    .zwc-more-section {
        padding: 55px 0 0;
    }


    .zwc-security-section .content-wrap>span.zwc-shield-icon {
        top: 20px;
    }

    .zwc-security-content-wrap {
        grid-gap: 50px 80px;
    }

    .zwc-more-content-box {
        margin-top: 20px;
    }

    .zwc-more-section>.content-wrap {
        padding-bottom: 60px;
    }

    .zwc-integration-content-box {
        padding: 55px 0;
    }

    .zwc-footer-section {
        padding: 55px 0 60px;
        margin-top: 60px;
    }


    .zwc-banner-content span {
        font-size: 15px;
    }

    .zwc-feature-card-content-box>h2 {
        max-width: 350px;
        margin-inline: auto;
    }

    .zwc-dark-feature-wrap>div:last-child>div>div {
        max-width: 340px;
    }

    .zwc-security-section .content-wrap>span.zwc-shield-icon {
        transform: scale(0.65);
    }

    .zwc-more-content-box>div {
        padding: 25px 20px;
    }

    .zwc-integration-icons-row:not(:last-child) {
        margin-bottom: 5px;
    }

    .zwc-integration-icons-row {
        transform: scale(0.9);
    }

    .zwc-banner-card-wrapper>div>div,
    .zwc-banner-card-wrapper>div,
    .zwc-feature-card,
    .zwc-security-card-border,
    .zwc-security-card-border>div,
    .zwc-more-content-box>div,
    .zwc-integration-section .content-wrap,
    .zwc-footer-section {
        border-radius: 18px;
    }

    .zwc-footer-section h2 {
        /* font-size: 32px; */
        max-width: 300px;
    }

    .zwc-footer-section span {
        font-size: 18px;
    }
.i18n-ar .zwc-white-bg-features-section { margin: 30px 0 35px; }
.i18n-ar .zwc-feature-card { padding: 55px 0 0; }
.i18n-ar .zwc-security-content-wrap { padding: 210px 0 65px; }
.i18n-ar .zwc-more-section { padding: 55px 0 0; }
.i18n-ar .zwc-integration-content-box { padding: 55px 0; }
.i18n-ar .zwc-footer-section { padding: 55px 0 60px; }
.i18n-ar .zwc-more-content-box>div { padding: 25px 20px; }
}