/* common class */

.zw-product-header {
    background: linear-gradient(0deg, #F0F7FF 0%, #F0F7FF 100%), #000E6A;
}

.zwc-section,
.zwc-mobile-app-wrap {
    padding-block: 100px 110px;
}

.zwc-inner-wrap h1 {
    font-size: 72px;
    font-family: var(--zf-primary-semibold);
    line-height: 1.1;
    letter-spacing: -0.64px;
}

.zwc-inner-wrap h2 {
    font-size: 32px;
    font-family: var(--zf-primary-semibold);
    letter-spacing: -0.96px;
    line-height: 1.2;
}

.zwc-inner-wrap h3 {
    font-size: 24px;
    font-family: var(--zf-primary-semibold);
    letter-spacing: -0.24px;
    line-height: 1.3;
}

.zwc-inner-wrap p {
    margin-bottom: 0;
}

.zwc-inner-wrap img {
    line-height: 0;
}

.zwc-inline-blk {
    display: inline-block;
}

.zwc-inner-wrap a {
    color: var(--zwc-link-clr);
}

/* banner section */

.zwc-banner-section.zwc-section {
    padding-bottom: 0;
}

.zwc-banner-section {
    background: linear-gradient(0deg, #F0F7FF 0%, #F0F7FF 100%), #000E6A;
}

.zwc-banner-wrap h1 {
    max-width: 1020px;
    text-align: center;
    margin-inline: auto;
    margin-bottom: 70px;
}

.zwc-banner-bottom-content {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 80px;
    color: #ffffff;
    padding: 70px 90px;
    background: #000154;
    border-radius: 26px 26px 0px 0px;
}

.zwc-banner-bottom-content h2 {
    margin-bottom: 0;
}

.zwc-banner-bottom-content .zwc-right-content p {
    font-size: 18px;
    font-family: var(--zf-primary-medium);
}

/* features section */
.zwc-features-section.zwc-section {
    padding-top: 0px;
}

.zwc-feature-wrap {
    display: grid;
    grid-template-columns: 350px 1fr;
    align-items: start;
    gap: 50px;
}

.zwc-feature-navigation-list {
    display: grid;
    gap: 8px;
    max-width: 350px;
    padding: 20px 15px;
    background: #F7F9FB;
    border-radius: 10px;
    margin-top: 70px;
    position: sticky;
    top: 100px;
}

.zwc-feature-navigation-list li button {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 10px;
    color: #000;
    background: transparent;
    border: 0;
    width: 100%;
    font-size: 16px;
    font-family: var(--zf-primary-regular);
}

.zwc-feature-navigation-list li button:hover {
    background: #d6eaff8f;
}

.zwc-feature-navigation-list li button.active {
    background: #D6EAFF;
}

.zwc-feature-navigation-list li a {
    color: #000;
    font-size: 16px;
    text-decoration: none;
    margin-right: 8px;
}

.zwc-feature-icon {
    display: inline-block;
    max-width: 22px;
    width: 100%;
    height: 22px;
    margin-right: 12px;
    background: url("/sites/zweb/images/mail/adminconsole/console-sprite.png");
    background-size: 1025px auto;
}

.zwc-feature-icon.admin-dash {
    background-position: 0px 1px;
}

.zwc-feature-icon.domain-setup {
    background-position: -22px 0px;
}

.zwc-feature-icon.user-manage {
    background-position: -45px 0px;
}

.zwc-feature-icon.group-manage {
    background-position: -68px 0px;
}

.zwc-feature-icon.span-cntrl {
    background-position: -91px 0px;
}

.zwc-feature-icon.security-manage {
    background-position: -114px 0px;
}

.zwc-feature-icon.email-manage {
    background-position: -137px 0px;
}

.zwc-feature-icon.admin-reports {
    background-position: -94px 32px;
}

.zwc-feature-icon.admin-privilege {
    background-position: -161px 0px;
}

.zwc-feature-icon.migration {
    background-position: -184px 0px;
}

.zwc-arrow-icon {
    display: inline-block;
    width: 12px;
    height: 18px;
    margin-left: auto;
    background: url("/sites/zweb/images/mail/adminconsole/console-sprite.png");
    background-size: 1025px auto;
    background-position: -59px -30px;
}

.zwc-feature-details-wrap {
    display: grid;
    gap: 70px;
    padding: 70px 0px 0px 40px;
    border-left: 1px solid #D9E0EC;
}

.zwc-feature-details:not(:last-child) {
    padding-bottom: 60px;
    border-bottom: 1px solid #D2D2D2;
}

.zwc-feature-heading {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    align-items: center;
    gap: 50px;
    padding: 45px 40px;
    border-radius: 24px;
}

.zwc-feature-heading.zwc-light-bg {
    background: linear-gradient(106deg, rgb(247, 247, 251) 46.14%, #D1DCFF 104.68%);
}

.zwc-feature-heading.zwc-dark-bg {
    color: #ffffff;
    background: linear-gradient(98deg, #000154 -5.1%, #03047D 103.15%);
}

.zwc-feature-heading h2 {
    margin-bottom: 15px;
}

.zwc-feature-heading p {
    font-size: 18px;
    font-family: var(--zf-primary-regular);
}

.zwc-feature-details-list {
    max-width: 740px;
    display: grid;
    gap: 70px 100px;
    grid-template-columns: 1fr 1fr;
    margin: 60px 0px 0px 40px;
}

.zwc-feature-details-list li h3 {
    margin-bottom: 15px;
}

.zwc-feature-details-list li p {
    font-size: 16px;
    font-family: var(--zf-primary-medium);
}

.zwc-feature-details-list li p:nth-of-type(2) {
    margin-top: 15px;
}

.zwc-feature-more-info {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    font-family: var(--zf-primary-medium);
    margin: 40px 0px 0px 40px;
    font-size: 18px;
}

.zwc-feature-arrow-icon {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
}

.zwc-feature-arrow-icon::before,
.zwc-feature-arrow-icon::after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    margin-block: auto;
}

.zwc-feature-arrow-icon::before {
    width: 8px;
    height: 8px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-color: var(--zwc-link-clr);
    transform: rotateZ(-130deg);
    right: 0;
}

.zwc-feature-arrow-icon::after {
    width: 14px;
    height: 2px;
    right: 0;
    background: var(--zwc-link-clr);

}

.zwc-feature-details-icon {
    display: block;
    width: 28px;
    height: 28px;
    margin-bottom: 16px;
    background: url("/sites/zweb/images/mail/adminconsole/console-sprite.png");
    background-size: 1025px auto;
}


.zwc-feature-details-icon.insight-overview {
    background-position: -208px 0px;
}

.zwc-feature-details-icon.important-info {
    background-position: -237px 0px;
}

.zwc-feature-details-icon.domain-details {
    background-position: -266px 1px;
}

.zwc-feature-details-icon.domain-records {
    background-position: -296px 1px;
}

.zwc-feature-details-icon.domain-aliasing {
    background-position: -352px 0px;
}

.zwc-feature-details-icon.catch-address {
    background-position: -384px 0px;
}

.zwc-feature-details-icon.domain-renewal {
    background-position: -324px 0px;
}

.zwc-feature-details-icon.domain-disclaimer {
    background-position: -413px 0px;
}

.zwc-feature-details-icon.import-users {
    background-position: -441px 0px;
}

.zwc-feature-details-icon.user-alias {
    background-position: -470px 0px;
}

.zwc-feature-details-icon.vaction-responders {
    background-position: -501px 0px;
}

.zwc-feature-details-icon.delegate-mailboxes {
    background-position: -529px 0px;
}

.zwc-feature-details-icon.custom-groups {
    background-position: -558px 0px;
}

.zwc-feature-details-icon.email-moderation {
    background-position: -587px 0px;
}

.zwc-feature-details-icon.email-auth {
    background-position: -616px 3px;
}

.zwc-feature-details-icon.spam-pattern {
    background-position: -645px 0px;
}

.zwc-feature-details-icon.allow-block-list {
    background-position: -674px 0px;
}

.zwc-feature-details-icon.email-quarantine {
    background-position: -732px 0px;
}

.zwc-feature-details-icon.rule-configure {
    background-position: -703px 0px;
}

.zwc-feature-details-icon.spam-report {
    background-position: -760px 0px;
}

.zwc-feature-details-icon.threat-protect {
    background-position: -788px 0px;
}

.zwc-feature-details-icon.password-policy {
    background-position: -815px 0px;
}

.zwc-feature-details-icon.suspicious-login {
    background-position: -845px 0px;
}

.zwc-feature-details-icon.smart-alert {
    background-position: -875px 0px;
}

.zwc-feature-details-icon.saml-auth {
    background-position: -903px 0px;
}

.zwc-feature-details-icon.email-retention {
    background-position: -936px 0px;
}

.zwc-feature-details-icon.mobile-manage {
    background-position: -28px 37px;
}

.zwc-feature-details-icon.siem-intergration {
    background-position: -2px 38px;
}

.zwc-feature-details-icon.ediscovery-search {
    background-position: -966px 0px;
}

.zwc-feature-details-icon.data-request {
    background-position: -995px 0px;
}

.zwc-feature-details-icon.custom-url {
    background-position: -508px -32px;
}

.zwc-feature-details-icon.parter-details {
    background-position: -450px -32px;
}

.zwc-feature-details-icon.manage-organize {
    background-position: -478px -32px;
}

.zwc-feature-details-icon.templete-and-communication {
    background-position: -419px -32px;
}

.zwc-feature-details-icon.all-in-one-dash {
    background-position: -118px 34px;
}

.zwc-feature-details-icon.every-need-report {
    background-position: -148px 32px;
}

.zwc-feature-details-icon.fav-reports {
    background-position: -178px 32px;
}

.zwc-feature-details-icon.report-configure {
    background-position: -208px 32px;
}

.zwc-feature-details-icon.email-policy {
    background-position: -238px 34px;
}

.zwc-feature-details-icon.role-privileges {
    background-position: -268px 31px;
}

.zwc-feature-details-icon.lookup-queires {
    background-position: -298px 30px;
}

.zwc-feature-details-icon.integration-extension {
    background-position: -328px 30px;
}

.zwc-feature-details-icon.migrate-info {
    background-position: -358px 30px;
}

.zwc-feature-details-icon.multiple-routing {
    background-position: -387px 30px;
}

/* mobile app section */

.zwc-section.zwc-mobile-app-section {
    padding: 0;
}

.zwc-mobile-app-wrap {
    background: #000000;
    border-radius: 24px;
    color: #ffffff;
    width: 100%;
    text-align: center;
    padding-inline: 40px;
}

.zwc-mobile-app-wrap h2 {
    max-width: 730px;
    margin-inline: auto;
    font-size: 42px;
    margin-bottom: 25px;
}

.zwc-download-links-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.zwc-download-links-wrap .zwc-mobile-links {
    height: 47px;
    width: 143px;
    background-repeat: no-repeat;
    background-size: 954px auto;
    background-position: 0 -42px;
    display: inline-block;
}

.zwc-download-links-wrap.data-loaded .zwc-mobile-links {
    background-image: var(--common-elements);
}

.zwc-download-links-wrap .zwc-google-play {
    width: 158px;
    background-position: -143px -42px;
}

/* faq section */

.zwc-faq-section.zwc-section {
    padding-bottom: 0;
}

.zwc-faq-wrap {
    max-width: 840px;
    margin-inline: auto;
    /* counter-reset: faq-counter; */
}

.zwc-faq-wrap h2 {
    font-size: 48px;
    margin-bottom: 16px;
    text-align: center;
}

.zwc-faq-list li:not(:last-child) {
    border-bottom: 1px solid #B5B5B5;
}

.zwc-faq-list li {
    padding-block: 32px;
    cursor: pointer;
}

.zwc-faq-list li:last-child {
    padding-bottom: 0px;
}

.zwc-faq-section h3 {
    margin-bottom: 0;
}

.zwc-faq-list h3 button {
    display: flex;
    position: relative;
    width: 100%;
    color: #000;
    font-size: 20px;
    font-family: var(--zf-primary-semibold);
    cursor: pointer;
    text-align: left;
    background: transparent;
    border: none;
    padding: 0 30px 0 0;
    margin: 0;
}

.zwc-faq-list li:last-child h3 button,
.zwc-faq-list li:last-child p {
    padding-bottom: 0;
}

.zwc-faq-list li p {
    padding-top: 16px;
}

.zwc-faq-list li h3 button.active {
    color: var(--zwc-link-clr);
}

.zwc-faq-desc:not(.active) {
    display: none;
}

.zwc-faq-accordion-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}

.zwc-faq-accordion-icon:before,
.zwc-faq-accordion-icon:after {
    content: "";
    width: 12px;
    height: 3px;
    display: block;
    background: #000000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.zwc-faq-accordion-icon:after {
    transform: translate(-50%, -50%) rotate(90deg);
    transition: transform .25s linear;
}

.zwc-faq-list h3 button.active .zwc-faq-accordion-icon:after {
    transform: translate(-50%, -50%);
}

.zwc-faq-list h3 button.active .zwc-faq-accordion-icon:after,
.zwc-faq-list h3 button.active .zwc-faq-accordion-icon::before {
     background: var(--zwc-link-clr);
}

/* footer section */

.zwc-footer-wrap {
    text-align: center;
    max-width: 570px;
    margin-inline: auto;
}

.zwc-footer-wrap h2 {
    font-size: 54px;
    margin-bottom: 30px;
}

.zwc-try-out-btn {
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    font-family: var(--zf-primary-medium);
    padding: 12px 16px;
    border-radius: 4px;
    background: #0047FF;
}

.zwc-inner-wrap .zwc-try-out-btn {
    color: #fff;
}
/*
.zwc-bottom-cta-arrow {
    display: inline-block;
    width: 22px;
    height: 18px;
    margin-left: auto;
    background: url(/sites/zweb/images/mail/adminconsole/console-sprite.png);
    background-size: 1025px auto;
    margin-block: auto;
    margin-left: 6px;
    top: 0;
    bottom: 0;
    position: absolute;
    background-position: -70px -30px;
}
*/
  .i18n-ar .zwc-banner-wrap h1 { text-align: center; }
  .i18n-ar .zwc-banner-bottom-content { border-radius: 26px 0 0 26px; }
  .i18n-ar .zwc-feature-navigation-list li a { margin-left: 8px; margin-right: unset; }
  .i18n-ar .zwc-feature-icon { margin-left: 12px; margin-right: unset; }
  .i18n-ar .zwc-arrow-icon {margin-right: auto;margin-left: unset;transform: scale(-1);}
  .i18n-ar .zwc-feature-details-wrap { padding: 70px 40px 0 0; border-right: 1px solid #d9e0ec; border-left: unset; }
  .i18n-ar .zwc-feature-details-list { margin: 60px 40px 0 0; }
  .i18n-ar .zwc-feature-more-info { margin: 40px 40px 0 0; }
  .i18n-ar .zwc-feature-arrow-icon::before {left: 0;right: unset;transform: rotateZ(50deg);}
  .i18n-ar .zwc-feature-arrow-icon::after { left: 0; right: unset; }
  .i18n-ar .zwc-faq-wrap h2 { text-align: center; }
  .i18n-ar .zwc-faq-list h3 button { text-align: right; padding: 0 0 0 30px; }
  .i18n-ar .zwc-faq-accordion-icon { left: 0; right: unset; }
  .i18n-ar .zwc-faq-accordion-icon:before, .i18n-ar .zwc-faq-accordion-icon:after { transform: translate(50%, -50%); right: 50%; left: unset; }
  .i18n-ar .zwc-faq-accordion-icon:after { transform: translate(50%, -50%) rotate(90deg); }
  .i18n-ar .zwc-faq-list h3 button.active .zwc-faq-accordion-icon:after { transform: translate(50%, -50%); }
  .i18n-ar .zwc-try-out-btn { padding: 12px 16px; }
  .i18n-ar .zwc-bottom-cta-arrow { margin-right: 6px; margin-left: unset;  transform: scale(-1);}
  .i18n-ar .zwc-mobile-app-wrap, .i18n-ar .zwc-footer-wrap { text-align: center; }
  .i18n-ar .zwc-mobile-app-wrap *, .i18n-ar .zwc-footer-wrap * { text-align: center; }
  .other-lang .zwc-footer-wrap {
    max-width: 900px;
}
.other-lang:not(.i18n-ar) .zwc-feature-navigation-list li * {
    text-align: left;
}

@media (min-width: 1440px) {
.other-lang .zwc-inner-wrap h1 {
    font-size: 62px;
}
}

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

    .zwc-banner-wrap h1 {
        max-width: 790px;
        margin-bottom: 60px;
    }

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

    .zwc-feature-details-list {
        gap: 70px 80px;
    }
  .i18n-ar .zwc-banner-bottom-content { padding: 60px 70px; }
}

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

    .zwc-section,
    .zwc-mobile-app-wrap {
        padding-block: 80px 90px;
    }

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

    .zwc-inner-wrap h2 {
        font-size: 28px
    }

    .zwc-banner-wrap h1 {
        max-width: 670px;
        margin-bottom: 50px;
    }

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

    .zwc-mobile-app-wrap h2 {
        max-width: 570px;
        font-size: 36px;
    }

    .zwc-faq-wrap h2 {
        font-size: 48px;
    }

    .zwc-footer-wrap h2 {
        font-size: 48px;
        line-height: 1.1;
    }

    .zwc-try-out-btn {
        font-size: 17px;
    }
  .i18n-ar .zwc-banner-bottom-content { padding: 50px 66px; }
}


@media screen and (max-width:1199px) {
    .zwc-feature-wrap {
        grid-template-columns: 320px 1fr;
        gap: 30px;
    }

    .zwc-feature-details-wrap {
        padding: 60px 0px 0px 30px;
    }

    .zwc-feature-heading {
        padding: 40px 30px;
        gap: 30px;
    }

    .zwc-feature-details-list {
        gap: 50px 70px;
        margin-left: 30px;
    }

    .zwc-feature-navigation-list {
        top: 50px;
    }
  .i18n-ar .zwc-feature-details-wrap { padding: 60px 30px 0 0; }
  .i18n-ar .zwc-feature-heading { padding: 40px 30px; }
  .i18n-ar .zwc-feature-details-list { margin-right: 30px; margin-left: unset; }
}

@media screen and (max-width:1024px) {
    .zwc-banner-bottom-content {
        padding: 50px 50px;
    }

    .zwc-feature-wrap {
        grid-template-columns: 1fr;
    }

    .zwc-feature-navigation-list {
        display: none;
    }

    .zwc-feature-details-wrap {
        padding-left: 0;
        border: none;
        max-width: 830px;
        margin-inline: auto;
    }

    .zwc-feature-more-info {
        margin-left: 30px;
    }

    .zwc-mobile-app-wrap h2 {
        max-width: 570px;
        font-size: 36px;
    }

    .zwc-footer-wrap h2 {
        font-size: 48px;
        line-height: 1.1;
    }

    .zwc-faq-wrap h2 {
        font-size: 40px;
    }

    .zwc-try-out-btn {
        font-size: 17px;
    }
  .i18n-ar .zwc-banner-bottom-content { padding: 50px 50px; }
  .i18n-ar .zwc-feature-details-wrap { padding-right: 0; padding-left: unset; }
  .i18n-ar .zwc-feature-more-info { margin-right: 30px; margin-left: unset; }
  .i18n-ar .zwc-feature-details-wrap {border-right: 0}
}

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

    .zwc-section,
    .zwc-mobile-app-wrap {
        padding-block: 80px 90px;
    }

    .zwc-inner-wrap h1 {
        font-size: 40px;
        line-height: 1.2;
    }

    .zwc-faq-wrap h2 {
        font-size: 40px;
        margin-bottom: 24px;
    }

    .zwc-banner-wrap h1 {
        max-width: 560px;
    }

    .zwc-banner-bottom-content {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 55px 40px 60px 40px;
        border-radius: 20px 20px 0px 0px;
        text-align: center;
    }

    .zwc-banner-bottom-content h2 {
        max-width: 540px;
        margin-inline: auto;
    }

    .zwc-banner-bottom-content .zwc-right-content p {
        font-size: 15px;
        max-width: 540px;
        margin-inline: auto;
        font-family: var(--zf-primary-regular);
    }
  .i18n-ar .zwc-banner-bottom-content { padding: 55px 40px 60px 40px; border-radius: 20px 0 0 20px; }
  .i18n-ar .zwc-banner-bottom-content { text-align: center; }
  .i18n-ar .zwc-banner-bottom-content * { text-align: center; }
}

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

    .zwc-banner-section.zwc-section {
        padding-top: 50px;
    }

    .zwc-section,
    .zwc-mobile-app-wrap {
        padding-block: 70px 80px;
    }

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

    .zwc-inner-wrap h2 {
        font-size: 28px;
    }

    .zwc-faq-wrap h2 {
        font-size: 32px;
    }

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

    .zwc-banner-wrap h1 {
        max-width: 530px;
        margin-bottom: 40px;
    }

    .zwc-banner-bottom-content {
        padding: 45px 40px 50px 40px;
        border-radius: 10px 10px 0px 0px;
    }

    .zwc-feature-details-list {
        gap: 50px 40px;
    }

    .zwc-feature-heading {
        grid-template-columns: 1fr;
        text-align: center;
        border-radius: 10px;
        padding: 50px 30px 60px 30px;
    }

    .zwc-feature-heading div:first-child {
        max-width: 400px;
        margin-inline: auto;
    }

    .zwc-feature-details-list,
    .zwc-feature-more-info {
        margin-left: 0;
    }

    .zwc-feature-heading p,
    .zwc-feature-details-list li p {
        font-size: 15px;
        font-family: var(--zf-primary-regular);
    }

    .zwc-feature-image {
        max-width: 210px;
        margin-inline: auto;
    }

    .zwc-mobile-app-wrap {
        border-radius: 10px;
    }

    .zwc-mobile-app-wrap h2 {
        max-width: 470px;
    }

    .zwc-faq-wrap h2 {
        margin-bottom: 16px;
    }

    .zwc-footer-wrap h2 {
        font-size: 40px;
    }

    .zwc-try-out-btn {
        font-size: 15px;
    }
  .i18n-ar .zwc-banner-bottom-content { padding: 45px 40px 50px 40px; border-radius: 10px 0 0 10px; }
  .i18n-ar .zwc-feature-heading { padding: 50px 30px 60px 30px; }
  .i18n-ar .zwc-feature-details-list, .i18n-ar .zwc-feature-more-info { margin-right: 0; margin-left: unset; }
  .i18n-ar .zwc-feature-heading { text-align: center; }
  .i18n-ar .zwc-feature-heading * { text-align: center; }
}

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

    .zwc-section,
    .zwc-mobile-app-wrap {
        padding-block: 60px 70px;
    }

    .zwc-inner-wrap h1 {
        font-size: 32px;
    }

    .zwc-inner-wrap h2 {
        font-size: 26px;
    }

    .zwc-faq-wrap h2 {
        font-size: 32px;
    }

    .zwc-banner-section .content-wrap {
        width: 100%;
    }

    .zwc-banner-section .zwc-banner-wrap h1 {
        width: 95%;
        margin-inline: auto;
    }

    .zwc-banner-bottom-content {
        padding: 45px 30px 50px 30px;
        border-radius: 0px;
    }

    .zwc-feature-details-list {
        grid-template-columns: 1fr;
        text-align: center;
        max-width: 340px;
        margin-inline: auto;
    }

    .zwc-feature-details-icon {
        margin-inline: auto;
    }

    .zwc-feature-heading {
        padding: 40px 30px;
    }

    .zwc-feature-image {
        max-width: 180px;
    }

    .zwc-feature-details:not(:last-child) {
        padding-bottom: 50px;
    }

    .zwc-feature-details-wrap {
        gap: 60px;
    }

    .zwc-feature-more-info {
        justify-content: center;
        font-size: 16px;
    }

    .zwc-mobile-app-section .content-wrap {
        width: 100%;
    }

    .zwc-mobile-app-wrap {
        border-radius: 0;
        padding-inline: 20px;
    }

    .zwc-faq-list li {
        padding-block: 24px;
    }

    .zwc-faq-list li button {
        font-size: 18px;
    }

    .zwc-footer-wrap h2 {
        font-size: 32px;
    }
  .i18n-ar .zwc-banner-bottom-content { padding: 45px 30px 50px 30px; }
  .i18n-ar .zwc-feature-heading { padding: 40px 30px; }
  .i18n-ar .zwc-feature-details-list { text-align: center; }
  .i18n-ar .zwc-feature-details-list * { text-align: center; }
   .other-lang .zwc-try-out-btn {
        font-size: 13px;
        padding: 12px 16px;
    }
.other-lang .zwc-inner-wrap h2 {
        font-size: 20px;
    }

}