:root {
    --zwc-arrow-vertical-val: 17px;
    --zwc-arrow-horizontal-val: 22px;
    --zwc-features-sprite: url(/sites/zweb/images/calendar/features/features-sprite.png);
    --zwc-features-sprite-width: 732px auto;
}

/* common styles startes */
.zwc-inner-wrap .content-wrap {
    max-width: 1320px;
}

/* .zwc-org-type-wrap, */
.zwc-banner-sec{
    max-width: 1730px;
    margin: 0 auto;
    position: relative;
}

.zwc-inner-wrap button {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

/* padding */
.zwc-inner-wrap section {
    padding: 120px 0;
}

.zwc-inner-wrap div.zwc-who-for-wrap {
    padding: 40px 0 0 0;
}

.zwc-inner-wrap section.zwc-manage-events-sec{
    padding-top: 0;
}
.zwc-inner-wrap section.zwc-multi-device-sec,
.zwc-inner-wrap section.zwc-banner-sec {
    padding-bottom: 0;
}
.zwc-inner-wrap section.zwc-banner-sec{
    padding-top: 96px;
}
.zwc-inner-wrap .zwc-schedule-features-sec{
    padding-top: 85px;
}
.zwc-banner-con {
    padding-bottom: 144px;
}
.zwc-sfeatures-inner{
    padding-bottom: 24px;
}
.zwc-manage-events-inner{
    padding-bottom: 24px;
}
.zwc-features-wrap-inner{
    padding: 8px 0 24px;
}
.zwc-for-team .zwc-features-wrap-inner{
    padding-top: 24px;
}
.zwc-multi-device-inner{
    padding-top: 24px;
}
.zwc-bottom-con {
    padding: 24px 0 12%;
}
.zwc-faq-con-wrap{
    padding: 16px 0;
}
/* padding */

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

.zwc-inner-wrap p {
    margin-bottom: 0;
    font-size: 16px;
    font-family: var(--zf-primary-medium);
    letter-spacing: -0.32px;
    line-height: 1.5;
}

.zwc-banner-para p,
.zwc-multi-device-con p,
.zwc-bottom-para p {
    font-size: 20px;
    line-height: 1.4;
}

.zwc-inner-wrap h1 {
    font-size: 80px;
    font-family: var(--zf-primary-semibold);
    line-height: 1.1;
    letter-spacing: -1.6px;
    max-width: 750px;
    margin-bottom: 24px;
}

.zwc-inner-wrap h2 {
    font-size: 64px;
    font-family: var(--zf-primary-semibold);
    line-height: 1.13;
    letter-spacing: -1.28px;
    margin-bottom: 32px;
}

.zwc-inner-wrap h3 {
    /* font-size: 24px;
    margin-bottom: 16px;
    line-height: 1.2;
    font-family: var(--zf-primary-semibold); */
}

.zwc-inner-wrap h4 {
    /* font-size: 20px; */
}

.zwc-inner-wrap .zwc-block-element {
    display: inline-block;
}

.zwc-learn-more {
    color: var(--zwc-link-clr);
    font-size: 16px;
    font-family: var(--zf-primary-semibold);
    margin-top: 16px;
    padding-right: 40px;
}

.zwc-inner-wrap .zwc-learn-more::after,
.zwc-inner-wrap .zwc-learn-more::before {
    right: 20px;
}

.zwc-link-arrow {
    position: relative;
}

.zwc-link-arrow::after,
.zwc-link-arrow::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 20px;
    bottom: 0px;
    margin: auto 0 auto auto;
    transition: all ease .3s;
}

.zwc-link-arrow::before {
    background-color: #fff;
    width: 15px;
    height: 2px;
    transform: translate(1px, 50%);
}

.zwc-link-arrow::after {
    width: 8px;
    height: 8px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-image: initial;
    border-width: 2px 2px 0px 0px;
    transform: rotate(45deg) translate(30%, -10%);
}

.zwc-inner-wrap .zwc-link-arrow:hover::after,
.zwc-inner-wrap .zwc-link-arrow:hover::before {
    right: 15px;
}


@keyframes slide-from-bottom {
    0% {
        opacity: .1;
        -webkit-transform: translateX(60px);
        transform: translateX(60px);
        z-index: 1
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        z-index: 1
    }
}

.zwc-learn-more {
    display: inline-block;
}

.zwc-inner-wrap .zwc-access-btn {
    background-color: var(--zwc-link-clr);
    border: 2px solid var(--zwc-link-clr);
    border-radius: 4px;
    color: #fff;
    padding: 16px 48px 16px 24px;
    transition: all ease .3s;
}

.zwc-inner-wrap .zwc-access-btn:hover {
    background: #003acc;
    border: 2px solid var(--zwc-link-clr);
}

.zwc-inner-wrap h1 .zwc-highlgt-text,
.zwc-inner-wrap h2 .zwc-highlgt-text {
    color: #00AC47;
}

/* common styles ends */

/* Banner styles starts */

.zwc-banner-bg-illus {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 1730px;
    max-height: 1120px;
    line-height: 0;
    margin: 0 auto;
}

.zwc-banner-con {
    align-self: flex-start;
    max-width: 700px;
}

.zwc-banner-sec {
    max-width: 1730px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.zwc-banner-inner {
    display: grid;
    grid-template-columns: 700px 1fr;
    gap: 40px;
    position: relative;
    z-index: 1;
}

.zwc-banner-illus {
    align-self: end;
    justify-self: end;
}
.zwc-banner-cta {
    margin-top: 40px;
}

.zwc-banner-para {
    max-width: 600px;
    margin-bottom: 96px;
}

.zwc-feature-highlgt {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    max-width: 700px;
}

.zwc-feature-highlgt li {
    border-radius: 160px;
    background: #FFF;
    color: #000;
    font-size: 16px;
    font-family: var(--zf-primary-medium);
    padding: 12px 16px;
    display: flex;
    gap: 8px;
    line-height: 1.3;
}

.zwc-feature-highlgt li::before {
    content: '';
    width: 20px;
    height: 20px;
    background: var(--zwc-features-sprite) no-repeat;
    background-size: 590px auto;
    background-position: 0px -7px;
}

.zwc-banner-img img{
    max-width: 1234px;
}
.zwc-banner-img {
    line-height: 0;
}


/* Banner styles ends */

/* Organisation type styles starts*/
.zwc-org-type-wrap {
    padding: 20px;
    text-align: center;
}

.zwc-org-type-btn {
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    border-radius: 8px;
    background: #F1F1F1;
    padding: 4px;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}

.zwc-org-type-btn button {
    border: none;
    border-radius: 8px;
    background-color: transparent;
    font-size: 16px;
    font-family: var(--zf-primary-medium);
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    z-index: 1;
    transition: color .5s ease;
}

.zwc-org-type-btn button::before {
    content: '';
    width: 24px;
    height: 24px;
    /* border: 1px solid black; */
    transition: border .5s ease;
    background: var(--zwc-features-sprite) no-repeat;
    background-size: var(--zwc-features-sprite-width);
}

.zwc-org-type-btn button:first-of-type::before {
    background-position: -301px -9px;
}

.zwc-org-type-btn button:last-of-type::before {
    background-position: -276px -9px;
}

.zwc-org-type-btn button.is-active {
    color: #fff;
    background-color: #000;
    transition: background-color .1s ease .6s;
}

.zwc-org-type-btn button.is-active::before {
    filter: invert(1);
}

.zwc-who-for-wrap {
    position: relative;
}

.zwc-who-for-wrap .zwc-who-for-con {
    /* display: grid; */
}

.zwc-who-for-con>div {
    /* grid-area: 1/1/2/2; 
    opacity: 0;
    visibility: hidden;
    height: 0;*/
    display:none;
}

.zwc-who-for-con>div.is-active {
   /*  opacity: 1;
    visibility: visible;
    height: 100%;
      display: grid; 
    z-index: 1;*/
    display:block;
}

.zwc-org-type-wrap {
    position: sticky;
    z-index: 2;
    background-color: white;
    transition: top .8s linear;
    /* top: 66px; */
}

.zwc-active-bg {
    position: absolute;
    left: 4px;
    top: 0;
    width: 135px;
    height: calc(100% - 8px);
    margin: 4px 0;
    background-color: #000;
    border-radius: 8px;
    transition: width .3s ease, left .3s ease, transform .3s ease;
}

/* Organisation type styles ends*/

/* Schedule features styles starts */
.zwc-sfeatures-inner h3,
.zwc-sfeatures-inner h3>button {
    font-size: 20px;
    font-family: var(--zf-primary-semibold);
}

.zwc-sfeatures-con {
    text-align: left;
    /* display: flex;
    justify-content: space-between;
    align-items: end; */
    /* margin-bottom: 96px; */
    margin-bottom: 80px;
}

.zwc-sfeatures-con>h2 {
    margin-bottom: 0;
    max-width: 500px;
}

.zwc-sfeatures-con>p {
    /* max-width: 620px; */
}

.zwc-sfeatures-list-wrap {
    max-width: 530px;
}

.zwc-sfeatures-img-wrap {
    display: grid;
    justify-self: end;
    background: url(/sites/zweb/images/calendar/features/schedule-features-forest.jpg) no-repeat;
    /* background-size: 100% auto; */
    background-size: cover;
    background-position: bottom;
    width: 100%;
    max-width: 620px;
    height: 100%;
    max-height: 560px;
    overflow: hidden;
    border-radius: 8px;
}

.zwc-sfeatures-list {
    border-radius: 8px;
    border: 1px solid transparent;
    background: #F9F9F9;
    cursor: pointer;
    /* padding-bottom: 8px; */
}

.zwc-sfeatures-list p {
    /* padding: 0 20px 24px 67px; */
}

.zwc-sfeatures-list p:not(:last-of-type) {
    /* padding-top: 0; */
    margin-bottom: 15px;
}

.zwc-sfeatures-list .zwc-sfeatures-desc {
    cursor: auto;
    padding: 0 20px 24px 67px;
    cursor: pointer;
}

.zwc-sfeatures-list h3 {
    margin-bottom: 0px;
    color: #595959;
    padding: 20px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.zwc-sfeatures-list h3::before {
    content: '';
    align-self: flex-start;
    max-width: 36px;
    width: 100%;
    height: 36px;
    background: var(--zwc-features-sprite) no-repeat;
    background-size: var(--zwc-features-sprite-width);
}


.zwc-sfeatures-list.is-active h3::before {
    filter: grayscale(0) contrast(1);
}

.zwc-sfeatures-list h3::before {
    filter: grayscale(1) contrast(0.6);
}

.zwc-busy-sharing h3::before {
    background-position: -27px -3px;
}

.zwc-secondary-time h3::before {
    background-position: -70px -3px;
}

.zwc-color-coding h3::before {
    background-position: -111px -3px;
}

.zwc-team-calendars h3::before {
    background-position: -152px -3px;
}

.zwc-time-proposal h3::before {
    background-position: -194px -3px;
}

.zwc-auto-suggest h3::before {
    background-position: -237px -3px;
}

.zwc-sfeatures-list-con {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    justify-content: space-between;
}

.zwc-sfeatures-list.is-active {
    border: 1px solid #6691FF;
    background: #EFF4FF;
}

.zwc-sfeatures-list.is-active h3 {
    color: #000;
}


.zwc-sfeatures-list-img {
    justify-self: center;
    grid-area: 1/1/2/2;
    line-height: 0;
    width: fit-content;
    /* max-height: 530px; */
    opacity: 0;
    visibility: hidden;
    transform: translateY(60px);
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}

.zwc-sec-time-zone-img,
.zwc-color-coding-img {
    padding: 56px 0 0 56px;
    align-self: self-end;
    justify-self: self-end;
}

.zwc-sec-time-zone-img img {
    border-radius: 10px 0 0 0;
}

.zwc-busy-sharing-img {
    padding: 56px;
    align-self: center;
    justify-self: center;
}

.zwc-busy-sharing-img img {
    border-radius: 10px;
}

.zwc-color-coding-img {
    /* padding: 56px;
    align-self: center;
    justify-self: center; */
}

.zwc-team-calendars-img {
    padding: 56px 0 0 56px;
    align-self: self-end;
    justify-self: self-end;
    border-radius: 10px 0 0 0;
}

.zwc-time-proposal-img,
.zwc-auto-suggest-img {
    padding: 56px;
    align-self: center;
    justify-self: center;
}

.zwc-time-proposal-img img,
.zwc-auto-suggest-img img {
    border-radius: 10px;
}




.zwc-sfeatures-list:not(:last-of-type) {
    margin-bottom: 20px;
}

.zwc-sfeatures-list:not(:first-of-type) .zwc-sfeatures-desc {
    /* display: none; */
}

/* Schedule features styles ends */


/* Manage events styles starts */
.zwc-manage-events-inner h3 {
    font-size: 24px;
    font-family: var(--zf-primary-semibold);
}

.zwc-manage-events-sec {
    overflow: hidden;
}

.zwc-manage-events-list {
    height: inherit;
}

.zwc-manage-events-list>div {
    border-radius: 20px;
    background: #F4F4F4;
    margin: 0 15px;
    display: grid;
    grid-template-rows: 280px max-content;
    gap: 16px;
    /* grid-auto-flow: row; */
    /* grid-template-rows: 50% max-content; */
    /* grid-template-rows: 1fr 1fr; */
    /* display: flex;
    flex-direction: column;
    gap: 16px; */
    height: 100%;
}

.zwc-manage-events-list>div .zwc-manage-events-desc {
    padding: 0 40px 35px;
}

.zwc-manage-events-list:first-of-type>div {
    margin-left: 0;
}

.zwc-manage-events-list:last-of-type>div {
    margin-right: 0;
}

.zwc-manage-events-list-wrap .slick-track {
    display: flex;
}

.zwc-manage-events-list-wrap .slick-list {
    overflow: visible;
}

.zwc-manage-events-img {
    line-height: 0;
    padding: 24px 20px 0;
    /* max-height: 280px; */
    /* height: 50%;
    max-height: 280px; */
    /* margin: auto 0; */
}
.zwc-manage-events-img img {
    max-height: 280px;
    object-fit: contain;
}
.zwc-for-team .zwc-manage-events-list:nth-child(1) .zwc-manage-events-img,
.zwc-for-team .zwc-manage-events-list:nth-child(2) .zwc-manage-events-img,
.zwc-for-you .zwc-manage-events-list:nth-child(1) .zwc-manage-events-img,
.zwc-for-you .zwc-manage-events-list:nth-child(2) .zwc-manage-events-img,
.zwc-for-you .zwc-manage-events-list:nth-child(7) .zwc-manage-events-img,
.zwc-for-you .zwc-manage-events-list:nth-child(6) .zwc-manage-events-img,
.zwc-for-you .zwc-manage-events-list:nth-child(5) .zwc-manage-events-img {
    padding-top: 0;
}

.zwc-for-team .zwc-manage-events-list:nth-child(2) .zwc-manage-events-img,
.zwc-for-you .zwc-manage-events-list:nth-child(2) .zwc-manage-events-img,
.zwc-for-you .zwc-manage-events-list:nth-child(5) .zwc-manage-events-img,
.zwc-for-you .zwc-manage-events-list:nth-child(1) .zwc-manage-events-img,
.zwc-for-team .zwc-manage-events-list:nth-child(1) .zwc-manage-events-img,
.zwc-for-team .zwc-manage-events-list:nth-child(4) .zwc-manage-events-img,
.zwc-for-team .zwc-manage-events-list:nth-child(5) .zwc-manage-events-img,
.zwc-for-team .zwc-manage-events-list:nth-child(3) .zwc-manage-events-img {
    justify-self: center;
}

.zwc-for-team .zwc-manage-events-list:nth-child(6) .zwc-manage-events-img,
.zwc-for-you .zwc-manage-events-list:nth-child(7) .zwc-manage-events-img,
.zwc-for-you .zwc-manage-events-list:nth-child(3) .zwc-manage-events-img {
    padding-right: 0;
    justify-self: end;
}

.zwc-for-you .zwc-manage-events-list:nth-child(6) .zwc-manage-events-img,
.zwc-for-you .zwc-manage-events-list:nth-child(8) .zwc-manage-events-img,
.zwc-for-you .zwc-manage-events-list:nth-child(4) .zwc-manage-events-img {
    justify-self: center;
    align-self: center;
}

/* .zwc-for-team .zwc-manage-events-list:nth-child(1) .zwc-manage-events-img,
.zwc-for-team .zwc-manage-events-list:nth-child(4) .zwc-manage-events-img,
.zwc-for-team .zwc-manage-events-list:nth-child(5) .zwc-manage-events-img,
.zwc-for-team .zwc-manage-events-list:nth-child(3) .zwc-manage-events-img{
    justify-self: center;
} */
.zwc-for-team .zwc-manage-events-list:nth-child(1) .zwc-manage-events-img {
    align-self: start;
}



.zwc-manage-events-title h2 {
    max-width: 700px;
    margin-bottom: 0;
}

.zwc-manage-events-list-wrap {
    padding-top: 64px;
}

.zwc-manage-events-desc p:not(:last-of-type) {
    margin-bottom: 15px;
}



.zwc-manage-events-list-wrap:not(.slick-initialized) {
    display: flex;
    gap: 30px;
}

.zwc-manage-events-list-wrap:not(.slick-initialized) .zwc-manage-events-list {
    flex: 1 0 34%;
    margin: 0;
}


/* slick arrow styles */
.zwc-manage-events-title {
    position: relative;
}

.zwc-manage-events-sec .slick-arrow::before,
.zwc-manage-events-sec .slick-arrow::after {
    height: 10px;
}

.zwc-manage-events-sec .slick-arrow {
    position: absolute;
    left: auto;
    top: auto;
    bottom: 100%;
    height: 50px;
    width: 50px;
    background-color: #000;
    border-radius: 50%;
    transition: background-color .4s ease;
    transform: translate(0, 0);
}

.zwc-manage-events-sec .slick-prev {
    right: 120px;
}

.zwc-manage-events-sec .slick-next {
    right: 60px;
}

.zwc-manage-events-sec .slick-next::before {
    top: var(--zwc-arrow-vertical-val);
    right: var(--zwc-arrow-horizontal-val);
}

.zwc-manage-events-sec .slick-next::after {
    bottom: var(--zwc-arrow-vertical-val);
    right: var(--zwc-arrow-horizontal-val);
}

.zwc-manage-events-sec .slick-prev::before {
    top: var(--zwc-arrow-vertical-val);
    left: var(--zwc-arrow-horizontal-val);
}

.zwc-manage-events-sec .slick-prev::after {
    bottom: var(--zwc-arrow-vertical-val);
    left: var(--zwc-arrow-horizontal-val);
}

.zwc-manage-events-sec .slick-next.slick-disabled,
.zwc-manage-events-sec .slick-prev.slick-disabled {
    opacity: .3;
}

.slick-next:hover:after,
.slick-next:hover:before,
.slick-prev:hover:after,
.slick-prev:hover:before {
    background: #c7d0df;
}

/* slick arrow styles */

/* Manage events styles ends */

/* Features styles */
.zwc-features-wrap-inner h3 {
    font-size: 24px;
    font-family: var(--zf-primary-semibold);
    letter-spacing: -0.48px;
}

.zwc-msexchange-inner h3 {
    color: #04D111;
    font-size: 20px;
}

.zwc-features-wrap-sec .content-wrap {
    max-width: 1536px;
}

.zwc-features-con {
    /* padding-bottom: 120px; */
}

.zwc-features-con {
    max-width: 1320px;
    margin-inline: auto;
}

.zwc-features-wrap-sec {
    background: #000;
    color: #fff;
}

.zwc-features-lst {
    border-radius: 8px;
    background: #1A1A1A;
    padding: 48px;
    /* padding: 48px 40px 48px 48px; */
}

.zwc-features-list-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.zwc-features-title h2 {
    max-width: 750px;
    margin-bottom: 80px;
}

.zwc-features-lst h3 {}

.zwc-features-lst h3::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    margin-bottom: 32px;
    background: var(--zwc-features-sprite) no-repeat;
    background-size: var(--zwc-features-sprite-width);
    /* filter: grayscale(1) contrast(10); */
}

.zwc-features-lst:hover h3::before {
    /* filter: grayscale(0) contrast(1); */
}

.zwc-import-calendars h3::before {
    background-position: -331px -6px;
}

.zwc-export-calendars h3::before {
    background-position: -375px -6px;
}

.zwc-embed-calendars h3::before {
    background-position: -415px -6px;
}

.zwc-share-calendars h3::before {
    background-position: -458px -6px;
}

.zwc-sync-calendars h3::before {
    background-position: -499px -6px;
}

.zwc-third-party-calendars h3::before {
    background-position: -539px -6px;
    width: 35px;
}

.zwc-msexchange-inner {
    position: relative;
    z-index: 1;
    border-radius: 8px;
    background: #1A1A1A;
    padding: 88px;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 40% 53%;
    gap: 56px;
    justify-content: space-evenly;
}

.zwc-msexchange-con h2 > span{
    display: inline-block;
}
.zwc-msexchange-con h2 {
    max-width: 450px;
}

.zwc-msexchange-con {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.zwc-msexchange-illus {
    background: url(/sites/zweb/images/calendar/features/ms-exchange-bg.jpg) no-repeat;
    background-size: 720px 100%;
    background-position: center;
    max-width: 720px;
    max-height: 624px;
    overflow: hidden;
    border-radius: 8px;
    padding: 56px 0 0 56px;
    justify-self: end;
    align-self: end;
    line-height: 0;
    /* display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(5, 1fr); */
}

.zwc-msexchange-illus img {
    transform: translateY(2px);
}

.zwc-msexchange-feat-wrap {
    /* position: relative; */
}

.zwc-msexchange-desc .zwc-highlgt-text {
    font-family: var(--primaryfont-bold);
}

.zwc-msexchange-desc h3::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px;
    margin-right: 10px;
    background: var(--zwc-features-sprite) no-repeat;
    background-size: var(--zwc-features-sprite-width);
    background-position: -581px -9px;
}

/* .zwc-msexchange-illus>div{
    line-height: 0;
    width: fit-content;
    align-self: start;
}
.zwc-msexchange-img-sec{
    background-color: white;
    grid-area: 1 / 1 / 5 / 3;
}
.zwc-msexchange-img-prime{
    z-index: 1;
    background-color: black;
    grid-area: 2 / 2 / 6 / 4;
} */
/* Features styles ends */

/* Multiple devices style starts */
.zwc-multi-device-inner {
    display: grid;
    /* grid-template-columns: 58% 43%; */
    grid-template-columns: 51% 43%;
    gap: 80px;
}

.zwc-device-illus-inner {
    background: url(/sites/zweb/images/calendar/features/devices-illus-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    /* max-width: 560px; */
    max-height: 550px;
    overflow: hidden;
    border-radius: 8px;
    display: grid;
}

.zwc-device-img {
    align-self: center;
    justify-self: center;
    grid-area: 1/1/2/2;
    line-height: 0;
    max-width: 100%;
    overflow: hidden;
    padding: 48px 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}

.zwc-device-img.is-active {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
    z-index: 1;
    transition: opacity .6s ease, visibility .6s ease, transform 1s ease;
}

.zwc-device-mobile {
    padding: 40px 20px;
    align-self: center;
    justify-self: center;
    transform: translateY(60px);
}

.zwc-device-tab,
.zwc-device-desktop {
    /* align-self: center; */
    justify-self: self-end;
    transform: translateX(60px);
    padding-right: 0;
}
.zwc-device-tab{
    align-self: center;
    /* justify-self: self-end; */
}
.zwc-device-img.zwc-device-desktop{
    padding-bottom: 0;
    align-self: end;
}
.zwc-device-tab>img,
.zwc-device-desktop>img {
    /* transform: translateX(60px); */
    /* transform: translateX(3%); */
    max-width: 650px;
    position: relative;
    left: 60px;
}

.zwc-multi-device-con p {
    max-width: 400px;
}

.zwc-app-box {
    padding-top: 80px;
    display: flex;
    gap: 10px;
}

.zwc-appstr,
.zwc-playstr {
    /* display: inline-block; */
    background: var(--common-elements) no-repeat;
    /* background: url(/sites/zweb/images/commonroot/common-elements.svg) no-repeat; */
    background-size: 900px auto;
    height: 45px;
    /* margin: 0 5px; */
}

.zwc-appstr {
    background-position: 0 -39px;
    width: 133px;
}

.zwc-playstr {
    width: 148px;
    background-position: -135px -39px;
}

/* .zwc-app-box>a:first-child {
    margin-left: 0;
}

.zwc-app-box>a:last-child {
    margin-right: 0;
} */

.zwc-device-btn-wrap {
    margin-top: 24px;
    /* display: inline-block; */
    width: fit-content;
    display: flex;
    gap: 10px;
}

.zwc-device-btn-wrap button {
    width: 48px;
    height: 48px;
    border-radius: 6px;
    background: #EBEBEB;
    border: none;
    /* padding: 6px; */
    cursor: pointer;
    transition: background ease .8s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zwc-device-btn-wrap button.is-active {
    background: #0047FF;
}

.zwc-device-btn-wrap button:not(.is-active):hover {
    background: #CEDCFF;
}

.zwc-device-btn-wrap button::before {
    content: '' / '';
    width: 42px;
    height: 41px;
    background: var(--zwc-features-sprite) no-repeat;
    background-size: var(--zwc-features-sprite-width);
    transform: scale(.7);
}

.zwc-device-btn-wrap button.is-active::before {
    filter: invert(1);
}

.zwc-device-btn-wrap button.zwc-mobile-btn::before {
    background-position: -606px -1px;
}

.zwc-device-btn-wrap button.zwc-tab-btn::before {
    background-position: -690px -1px;
}

.zwc-device-btn-wrap button.zwc-desktop-btn::before {
    background-position: -648px -1px;
}

/* Multiple devices style ends */

/* Bottom section styles starts */
.zwc-bottom-con h2 {
    max-width: 600px;
    margin-bottom: 0;
}

.zwc-bottom-con {
    position: relative;
    z-index: 1;
    /* padding: 0 0 160px; */
    /* padding: 40px 0 12%; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 48px;
}

.zwc-bottom-para p {
    /* font-size: 20px; */
    max-width: 550px;
    margin-bottom: 35px;
}

.zwc-bottom-para .zwc-link-arrow {
    text-wrap: balance;
}

.zwc-bottom-sec {
    position: relative;
}

.zwc-bottom-sec::after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: 1730px;
    max-height: 665px;
    margin: 0 auto;
    background: url(/sites/zweb/images/calendar/features/bottom-bg.jpg) no-repeat;
    /* background-size: contain; */
    background-size: 100% auto;
    background-position: bottom;
}


/* Bottom section styles ends */
/* FAQ section styles starts */
.zwc-faq-con-wrap h3,
.zwc-faq-con-wrap h3>button {
    font-size: 20px;
    font-family: var(--zf-primary-semibold);
    line-height: 1.3;
}

.zwc-faq-con-wrap {
    margin: 0 auto;
    counter-reset: faq-count;
    display: flex;
    gap: 40px;
    align-items: flex-start;
    justify-content: space-between;
}

.zwc-faq-wrap {
    max-width: 700px;
    width: 100%;
}

.zwc-faq-con-wrap>h3 {
    margin-bottom: 56px;
}

.zwc-faq-wrap>li h3 {
    margin: 0;
    position: relative;
    /* padding-right: 25px; */
    cursor: pointer;
}

.zwc-faq-desc {
    /* padding-top: 20px; */
    padding: 0 56px 24px 24px;
    max-width: 850px;
    cursor: auto;
}

.zwc-faq-wrap>li:not(:first-child) .zwc-faq-desc {
    display: none;
}

.zwc-faq-desc>p {
    font-family: var(--zf-primary-regular);
}

.zwc-faq-wrap>li {
    cursor: pointer;
    background-color: #f5f5f5;
}
.zwc-faq-wrap>li:not(:last-of-type){
    margin-bottom: 20px;
}
.zwc-faq-wrap>li h3>button {
    padding: 24px 56px 24px 24px;
    /* padding: 24px 32px 24px 24px; */
    width: 100%;
    text-align: left;
    /* display: flex;
    gap: 4px; */
}

.zwc-faq-wrap>li h3>button::before {
    counter-increment: faq-count;
    content: counter(faq-count)'. ' / '';
    /* margin-right: 4px; */
}

.zwc-faq-wrap>li h3>button::after {
    /* content: '+' / '';
    margin-left: auto;
    font-size: 25px;
    line-height: 1;
    margin-left: auto; */
    content: "";
    font-size: 18px;
    font-family: var(--zf-primary-semibold);
    /* clip-path: polygon(0 44%, 44% 44%, 44% 0, 56% 0, 56% 44%, 100% 44%, 100% 56%, 56% 56%, 56% 100%, 44% 100%, 44% 56%, 0 56%); */
    clip-path: polygon(0 40%, 40% 40%, 40% 0, 56% 0, 56% 40%, 100% 40%, 100% 56%, 56% 56%, 56% 100%, 40% 100%, 40% 56%, 0 56%);
    background-color: #000;
    height: 14px;
    width: 100%;
    max-width: 14px;
    margin: 0px 0 0 auto;
    position: absolute;
    right: 30px;
    top: 31px;
}


.zwc-faq-wrap>li.is-active h3,
.zwc-faq-wrap>li.is-active h3>button {
    color: #003ACC;
}

.zwc-faq-wrap>li.is-active h3>button::after {
    /* content: '-';
    font-size: 22px; */
    content: "";
    clip-path: polygon(0 40%, 100% 40%, 100% 56%, 0 56%);
    background-color: #003acc;
    width: 12px;
}

/* FAQ section styles ends */
  .lang-rtl .zwc-inner-wrap div.zwc-who-for-wrap { padding: 40px 0 0 0; }
  .lang-rtl .zwc-learn-more { padding-left: 40px; padding-right: unset; }
  .lang-rtl .zwc-inner-wrap .zwc-learn-more::after, .lang-rtl .zwc-inner-wrap .zwc-learn-more::before { left: 20px; right: unset; }
  .lang-rtl .zwc-link-arrow::after, .lang-rtl .zwc-link-arrow::before { margin: auto auto auto 0; left: 20px; right: 0; }
  .lang-rtl .zwc-link-arrow::before { transform: translate(-1px, 50%); }
  .lang-rtl .zwc-link-arrow::after {transform: rotate(-45deg) translate(-30%, -10%);border-width: 2px 0 0 2px;}
  .lang-rtl .zwc-inner-wrap .zwc-link-arrow:hover::after, .lang-rtl .zwc-inner-wrap .zwc-link-arrow:hover::before { left: 15px; right: unset; }
  .lang-rtl .zwc-inner-wrap .zwc-access-btn { padding: 16px 24px 16px 48px; }
  .lang-rtl .zwc-banner-bg-illus { left: 0; right: 0; }
  .lang-rtl .zwc-sfeatures-con { text-align: right; }
  .lang-rtl .zwc-sfeatures-list .zwc-sfeatures-desc { padding: 0 67px 24px 20px; }
  .lang-rtl .zwc-sec-time-zone-img, .lang-rtl .zwc-color-coding-img { padding: 56px 56px 0 0; }
  .lang-rtl .zwc-sec-time-zone-img img { border-radius: 10px 0 0 0; }
  .lang-rtl .zwc-team-calendars-img { padding: 56px 56px 0 0; border-radius: 10px 0 0 0; }
  .lang-rtl .zwc-manage-events-list:first-of-type>div { margin-right: 0; margin-left: unset; }
  .lang-rtl .zwc-manage-events-list:last-of-type>div { margin-left: 0; margin-right: unset; }
  .lang-rtl .zwc-for-team .zwc-manage-events-list:nth-child(6) .zwc-manage-events-img, .lang-rtl .zwc-for-you .zwc-manage-events-list:nth-child(7) .zwc-manage-events-img, .lang-rtl .zwc-for-you .zwc-manage-events-list:nth-child(3) .zwc-manage-events-img { padding-left: 0; padding-right: unset; }
  .lang-rtl .zwc-manage-events-sec .slick-arrow { transform: translate(0,0); right: auto; left: unset; }
  .lang-rtl .zwc-manage-events-sec .slick-prev {left: 120px;right: unset;transform: scale(-1);}
  .lang-rtl .zwc-manage-events-sec .slick-next {left: 60px;right: unset;transform: scale(-1);}
  .lang-rtl .zwc-manage-events-sec .slick-next::before { left: var(--zwc-arrow-horizontal-val);  }
  .lang-rtl .zwc-manage-events-sec .slick-next::after { left: var(--zwc-arrow-horizontal-val); }
  .lang-rtl .zwc-msexchange-illus { padding: 56px 56px 0 0; }
  .lang-rtl .zwc-msexchange-desc h3::before { margin-left: 10px; margin-right: unset; }
  .lang-rtl .zwc-device-tab, .lang-rtl .zwc-device-desktop { transform: translateX(60px); padding-left: 0; padding-right: unset; }
  .lang-rtl .zwc-bottom-sec::after { left: 0; right: 0; }
  .lang-rtl .zwc-faq-desc { padding: 0 24px 24px 56px; }
  .lang-rtl .zwc-faq-wrap>li h3>button { padding: 24px 24px 24px 56px; text-align: right; }
  .lang-rtl .zwc-faq-wrap>li h3>button::after { margin: 0 auto 0 0; left: 30px; right: unset; }
  .lang-rtl .zwc-org-type-wrap, .lang-rtl .zwc-org-type-btn { text-align: center; }
  .lang-rtl .zwc-org-type-wrap *, .lang-rtl .zwc-org-type-btn * { text-align: center; }
.lang-rtl .slick-track {direction: ltr !important;}
.i18n-ar .slick-slider .slick-list, .i18n-ar .slick-slider .slick-dots {
    direction: rtl !important;
    text-align: center;
}
.lang-rtl .zwc-active-bg {
    width: 105px;
}

.other-lang ul.zwc-feature-highlgt li,.other-lang .zwc-sfeatures-list-wrap .zwc-sfeatures-list h3 {
    text-align: left;
}
.other-lang.lang-rtl ul.zwc-feature-highlgt li,.other-lang.lang-rtl .zwc-sfeatures-list-wrap .zwc-sfeatures-list h3 {
    text-align: right;
}
.other-lang .zwc-feature-highlgt li::before {
    width: 24px;
}
    .lang-rtl .zwc-org-type-wrap *, .lang-rtl .zwc-org-type-btn * {
    flex-direction: row-reverse;
}
.lang-rtl .zwc-device-tab>img, .lang-rtl  .zwc-device-desktop>img {
    max-width: 600px;
}
.lang-rtl .zwc-banner-inner {
    direction: ltr;
}
.lang-rtl .zwc-banner-con {
    padding-right: 60px;
}
.lang-rtl .zwc-inner-wrap section.zwc-multi-device-sec,.lang-rtl .zwc-inner-wrap section.zwc-banner-sec {
    padding-bottom: 0
}
/* media Query */

@media only screen and (max-width: 1550px) {
    /* .zwc-banner-con {
        text-align: center;
        margin: 0 auto;
        max-width: 100%;
        padding-bottom: 88px;
    }

    .zwc-banner-para {
        margin: 0 auto 72px;
    }

    .zwc-inner-wrap h1 {
        max-width: 1050px;
        margin-left: auto;
        margin-right: auto;
    }

    .zwc-feature-highlgt {
        max-width: 100%;
        justify-content: center;
    }

    .zwc-feature-highlgt li {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .zwc-banner-illus {
        max-width: 1234px;
        margin: 0 auto;
    } */

}

@media only screen and (max-width: 1460px) {
    .zwc-inner-wrap h1 {
        font-size: 72px;
    }
}
@media only screen and (max-width: 1440px) {
    .zwc-inner-wrap h1 {
        font-size: 64px;
        /* max-width: 700px; */
    }
    .zwc-inner-wrap h2 {
        font-size: 56px;
    }

    .zwc-faq-wrap {
        max-width: 600px;
    }
    .zwc-banner-inner {
        grid-template-columns: 550px 1fr;
    }
}


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

    /* padding */
    .zwc-inner-wrap section {
        padding: 105px 0;
    }
    .zwc-inner-wrap section.zwc-banner-sec {
        padding-top: 88px;
    }
    .zwc-inner-wrap .zwc-schedule-features-sec{
        /* padding-top: 100px; */
    }
    /* padding */
    .zwc-inner-wrap h1 {
        font-size: 64px;
        max-width: 850px;
        margin-left: auto;
        margin-right: auto;
    }

    .zwc-inner-wrap h2 {
        font-size: 56px;
    }
    .zwc-msexchange-con h2 {
        font-size: 55px;
    }

    .zwc-inner-wrap h3 {
        /* font-size: 32px; */
    }

    .zwc-faq-con-wrap>h3 {
        /* font-size: 56px; */
    }

    .zwc-banner-para p,
    .zwc-multi-device-con p,
    .zwc-bottom-para p {
        font-size: 18px;
    }

    .zwc-banner-para {
        max-width: 550px;
        margin: 0 auto 72px;
    }
    .zwc-banner-inner{
        grid-template-columns: auto;
        gap: 0;
    }
    .zwc-banner-img img {
        max-width: 100%;
    }
    .zwc-banner-con {
        text-align: center;
        margin: 0 auto;
        max-width: 100%;
        padding-bottom: 88px;
    }


    .zwc-feature-highlgt {
        max-width: 100%;
        justify-content: center;
    }

    .zwc-feature-highlgt li {
        box-shadow: rgba(0 0 0 / 15%) 1px 4px 5px 0px;
    }

    .zwc-banner-illus {
        max-width: 1234px;
        margin: 0 auto;
    }

    .zwc-sfeatures-con>p {
        /* max-width: 550px; */
    }
    .zwc-sfeatures-con {
        margin-bottom: 88px;
    }
    .zwc-features-lst {
        padding: 40px;
    }
    .zwc-manage-events-list>div{
        grid-template-rows: 240px 1fr;
    }
    .zwc-manage-events-img img{
        max-height: 240px;
    }
    .zwc-bottom-con h2 {
        max-width: 600px;
    }

    .zwc-feature-highlgt {
        max-width: 700px;
        margin: 0 auto;
    }

    .zwc-manage-events-title h2 {
        max-width: 620px;
    }
    .zwc-msexchange-inner {
        padding: 88px 56px;
    }
  .lang-rtl .zwc-inner-wrap section { padding: 105px 0; }
  .lang-rtl .zwc-inner-wrap h1 { margin-left: auto; margin-right: auto; }
  .lang-rtl .zwc-banner-para { margin: 0 auto 72px; }
  .lang-rtl .zwc-banner-con { margin: 0 auto; }
  .lang-rtl .zwc-banner-illus { margin: 0 auto; }
  .lang-rtl .zwc-features-lst { padding: 40px; }
  .lang-rtl .zwc-feature-highlgt { margin: 0 auto; }
  .lang-rtl .zwc-msexchange-inner { padding: 88px 56px; }
  .lang-rtl .zwc-banner-con { text-align: center; }
  .lang-rtl .zwc-banner-con * { text-align: center; }
.lang-rtl .zwc-banner-con {
    padding-right: 0px;
}



}


@media only screen and (max-width: 1199px) {
    .zwc-sfeatures-con>p {
        /* max-width: 460px; */
    }

    .zwc-manage-events-title h2 {
        /* max-width: 660px; */
    }

    .zwc-multi-device-inner {
        gap: 40px;
    }

    .zwc-bottom-con h2 {
        max-width: 500px;
    }
}

@media only screen and (min-width: 1025px) {
    .zwc-sfeatures-list-img.is-active {
        opacity: 1;
        visibility: visible;
        transform: translate(0px, 0px);
        z-index: 1;
        transition: opacity .6s ease, visibility .6s ease, transform 1s ease;
    }
  .lang-rtl .zwc-sfeatures-list-img.is-active { transform: translate(0,0); }
}


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

    .zwc-inner-wrap h1 {
        font-size: 56px;
        max-width: 800px;
    }

    .zwc-inner-wrap h2 {
        font-size: 48px;
        /* margin-bottom: 24px; */
    }

    .zwc-sfeatures-con h2,
    .zwc-multi-device-con h2,
    .zwc-bottom-con h2,
    .zwc-faq-con-wrap {
        margin-bottom: 24px;
    }

    .zwc-inner-wrap p {
        font-size: 17px;
    }

    /* Padding */
    .zwc-inner-wrap section {
        padding: 80px 0;
    }
    .zwc-inner-wrap section.zwc-banner-sec {
        padding-top: 72px;
    }
    .zwc-sfeatures-inner {
        padding-bottom: 16px;
    }
    .zwc-manage-events-inner {
        padding-bottom: 16px;
    }
    .zwc-multi-device-inner {
        padding-top: 16px;
    }
    .zwc-features-wrap-inner{
        padding-top: 16px;
        padding-bottom: 32px;
    }
    .zwc-bottom-con {
        padding: 24px 0 8%;
    }
    .zwc-faq-con-wrap{
        padding-bottom: 24px;
    }
    .zwc-inner-wrap .zwc-schedule-features-sec{
        padding-top: 80px;
    }
    /* Padding */
    .zwc-banner-para {
        max-width: 450px;
    }
    .zwc-banner-illus{
        max-width: 800px;
    }
    .zwc-sfeatures-con {
        /* flex-direction: column; */
        text-align: center;
        /* align-items: center; */
        margin-bottom: 48px;
    }

    .zwc-sfeatures-img-wrap {
        display: none;
    }

    .zwc-sfeatures-list-con {
        grid-template-columns: 1fr;
    }

    .zwc-sfeatures-list-wrap {
        margin: 0 auto;
    }

    .zwc-sfeatures-list-wrap {
        max-width: 600px;
    }

    .zwc-sfeatures-list-img {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        display: grid;
        align-items: center;
        background-image: url(/sites/zweb/images/calendar/features/schedule-features-forest.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding: 40px;
        border-radius: 8px;
    }
    
    .zwc-sec-time-zone-img {
        background-image: url(/sites/zweb/images/calendar/features/schedule-features-fields.jpg);
    }
    .zwc-color-coding-img {
        background-image: url(/sites/zweb/images/calendar/features/schedule-features-hills.jpg);
    }
    .zwc-team-calendars-img {
        background-image: url(/sites/zweb/images/calendar/features/schedule-features-mountains.jpg);
    }
    .zwc-time-proposal-img {
        background-image: url(/sites/zweb/images/calendar/features/schedule-features-sea.jpg);
    }
    .zwc-auto-suggest-img {
        background-image: url(/sites/zweb/images/calendar/features/schedule-features-pine-forest.jpg);
    }
    .zwc-sec-time-zone-img,
    .zwc-color-coding-img,
    .zwc-team-calendars-img {
        padding: 40px 0 0 40px;
    }

    .zwc-sfeatures-con h2 {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .zwc-sfeatures-con>p {
        /* max-width: 500px; */
    }

    .zwc-sfeatures-list {
        text-align: center;
        /* padding: 20px; */
        /* padding: 32px 20px 48px; */
        padding: 32px 40px 48px;
    }

    .zwc-sfeatures-list-wrap div.zwc-sfeatures-list {
        border: 1px solid transparent;
        background: #F9F9F9;
        pointer-events: none;
    }

    .zwc-sfeatures-list-wrap .zwc-sfeatures-list h3 {
        color: #000;
    }

    .zwc-sfeatures-list p {
        text-align: left;
        max-width: 600px;
    }

    .zwc-sfeatures-list .zwc-sfeatures-desc {
        /* padding: 12px 20px 32px 47px; */
        padding: 12px 20px 32px 8px;
    }

    .zwc-sfeatures-list p:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .zwc-sfeatures-list h3 {
        padding: 0;
    }

    .zwc-sfeatures-list h3::before {
        filter: grayscale(0) contrast(1);
    }

    .zwc-features-list-wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
    .zwc-manage-events-list>div {
        grid-template-rows: 250px max-content;
    }
    .zwc-msexchange-inner {
        grid-auto-flow: row;
        grid-template-columns: auto;
        padding: 72px;
    }

    .zwc-msexchange-con {
        text-align: center;
    }

    .zwc-msexchange-desc {
        max-width: 490px;
        margin-left: auto;
        margin-right: auto;
    }

    .zwc-msexchange-illus {
        max-width: 500px;
        justify-self: center;
        align-self: center;
    }

    .zwc-multi-device-inner {
        grid-template-columns: auto;
        text-align: center;
        max-width: 650px;
        margin: 0 auto;
        gap: 60px;
    }

    .zwc-msexchange-con h2 {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }

    .zwc-multi-device-con p {
        margin: 0 auto;
    }

    .zwc-app-box {
        padding-top: 40px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .zwc-device-illus-inner {
        margin: 0 auto;
    }

    .zwc-device-btn-wrap {
        margin-left: auto;
        margin-right: auto;
    }

    .zwc-manage-events-list-wrap {
        padding-top: 48px;
        padding-bottom: 88px;
        position: relative;
    }

    .zwc-manage-events-title h2 {
        margin-left: auto;
        margin-right: auto;
    }

    .zwc-manage-events-sec .slick-next,
    .zwc-manage-events-sec .slick-prev {
        right: 0;
        left: 0;
        bottom: -20px;
        margin: auto;
    }

    .zwc-manage-events-sec .slick-prev {
        transform: translate(-62%, -50%);
    }

    .zwc-manage-events-sec .slick-next {
        transform: translate(62%, -50%);
    }

    .zwc-manage-events-title {
        text-align: center;
    }

    .zwc-features-title h2 {
        max-width: 550px;
        margin-bottom: 48px;
    }

    .zwc-bottom-con {
        flex-direction: column;
        gap: 0;
        text-align: center;
    }

    .zwc-bottom-con h2 {
        max-width: 600px;
    }

    .zwc-bottom-para p {
        max-width: 450px;
    }

    .zwc-faq-con-wrap>h3 {
        margin-bottom: 48px;
    }

    .zwc-learn-more {
        margin-top: 12px;
    }

    .zwc-faq-wrap {
        max-width: 100%;
    }

    .zwc-faq-con-wrap {
        flex-direction: column;
        gap: 0;
        max-width: 900px;
        margin: 0 auto;
    }
  .lang-rtl .zwc-inner-wrap section { padding: 80px 0; }
  .lang-rtl .zwc-bottom-con { padding: 24px 0 8%; }
  .lang-rtl .zwc-sfeatures-list-wrap { margin: 0 auto; }
  .lang-rtl .zwc-sfeatures-list-img { padding: 40px; margin-left: auto; margin-right: auto; }
  .lang-rtl .zwc-sec-time-zone-img, .lang-rtl .zwc-color-coding-img, .lang-rtl .zwc-team-calendars-img { padding: 40px 40px 0 0; }
  .lang-rtl .zwc-sfeatures-con h2 { margin-left: auto; margin-right: auto; }
  .lang-rtl .zwc-sfeatures-list { padding: 32px 40px 48px; }
  .lang-rtl .zwc-sfeatures-list p { text-align: right; }
  .lang-rtl .zwc-sfeatures-list .zwc-sfeatures-desc { padding: 12px 8px 32px 20px; }
  .lang-rtl .zwc-sfeatures-list h3 { padding: 0; }
  .lang-rtl .zwc-msexchange-inner { padding: 72px; }
  .lang-rtl .zwc-msexchange-desc { margin-left: auto; margin-right: auto; }
  .lang-rtl .zwc-multi-device-inner { margin: 0 auto; }
  .lang-rtl .zwc-msexchange-con h2 { margin-left: auto; margin-right: auto; }
  .lang-rtl .zwc-multi-device-con p { margin: 0 auto; }
  .lang-rtl .zwc-device-illus-inner { margin: 0 auto; }
  .lang-rtl .zwc-device-btn-wrap { margin-left: auto; margin-right: auto; }
  .lang-rtl .zwc-manage-events-title h2 { margin-left: auto; margin-right: auto; }
  .lang-rtl .zwc-manage-events-sec .slick-next, .lang-rtl .zwc-manage-events-sec .slick-prev { margin: auto; left: 0; right: 0; }
  .lang-rtl .zwc-manage-events-sec .slick-prev { transform: translate(62%, -50%); scale(-1) }
  .lang-rtl .zwc-manage-events-sec .slick-next { transform: translate(-62%,-50%) scale(-1) }
  .lang-rtl .zwc-faq-con-wrap { margin: 0 auto; }
  .lang-rtl .zwc-sfeatures-con, .lang-rtl .zwc-sfeatures-list, .lang-rtl .zwc-msexchange-con, .lang-rtl .zwc-multi-device-inner, .lang-rtl .zwc-manage-events-title, .lang-rtl .zwc-bottom-con { text-align: center; }
  .lang-rtl .zwc-sfeatures-con *, .lang-rtl .zwc-sfeatures-list *, .lang-rtl .zwc-msexchange-con *, .lang-rtl .zwc-multi-device-inner *, .lang-rtl .zwc-manage-events-title *, .lang-rtl .zwc-bottom-con * { text-align: center; }
 .lang-rtl .zwc-manage-events-sec .slick-prev {
        transform: translate(62%, -50%) scale(-1);
    }
}

@media only screen and (max-width: 767px) {
    .zwc-learn-more {
        font-size: 15px;
    }

    .zwc-inner-wrap .zwc-access-btn {
        padding-top: 12px;
        padding-bottom: 12px;
    }

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

    .zwc-inner-wrap h2 {
        font-size: 40px;
        letter-spacing: 0;
        /* margin-bottom: 16px; */
    }

    .zwc-sfeatures-con h2,
    .zwc-multi-device-con h2,
    .zwc-bottom-con h2,
    .zwc-msexchange-con h2 {
        margin-bottom: 16px;
    }
    /* .zwc-manage-events-list>div */
    .zwc-inner-wrap p {
        font-size: 15px;
    }

    .zwc-feature-highlgt li {
        font-size: 14px;
    }

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

    /* Padding */
    .zwc-inner-wrap section {
        padding: 70px 0;
    }
    .zwc-inner-wrap section.zwc-banner-sec {
        padding-top: 64px;
    }
    .zwc-inner-wrap .zwc-schedule-features-sec{
        padding-top: 64px;
    }
    /* Padding */
    .zwc-banner-cta {
        margin-top: 32px;
    }

    .zwc-banner-para {
        margin-bottom: 64px;
    }

    .zwc-banner-con {
        padding-bottom: 72px;
    }
    .zwc-sfeatures-con h2 {
        max-width: 400px;
    }
    .zwc-sfeatures-list-wrap {
        max-width: 510px;
    }
    .zwc-feature-highlgt li::before {
        position: relative;
        bottom: 2px;
    }

    .zwc-org-type-btn button {
        padding: 12px 18px;
    }

    .zwc-active-bg {
        width: 124px;
    }

    .zwc-sfeatures-list .zwc-sfeatures-desc {
        padding-top: 8px;
    }

    .zwc-sfeatures-con {
        margin-bottom: 40px;
    }

    .zwc-manage-events-list-wrap {
        padding-top: 40px;
    }

    .zwc-manage-events-title h2 {
        max-width: 500px;
    }

    .zwc-features-list-wrap {
        grid-template-columns: auto;
        gap: 20px;
        max-width: 500px;
        margin: 0 auto;
    }

    .zwc-features-title h2 {
        text-align: center;
        margin: 0 auto 40px;
    }

    .zwc-features-lst {
        /* padding: 40px 32px; */
        text-align: center;
    }

    .zwc-features-lst h3::before {
        margin: 0 auto 16px;
    }

    .zwc-msexchange-con h2 {
        /* margin-bottom: 24px; */
    }

    .zwc-msexchange-inner {
        gap: 40px;
    }

    .zwc-msexchange-inner {
        padding: 48px 40px;
    }

    .zwc-msexchange-con h2 {
        max-width: 300px;
    }

    .zwc-app-box {
        padding-top: 32px;
    }

    .zwc-multi-device-inner {
        gap: 56px;
    }

    .zwc-msexchange-illus {
        padding: 40px 0 0 40px;
    }

    .zwc-feature-highlgt {
        gap: 16px;
    }
    .zwc-manage-events-list>div {
        grid-template-rows: 220px max-content;
        border-radius: 8px;
    }
    .zwc-manage-events-img img{
        max-height: 220px;
    }
    .zwc-manage-events-img{
        /* max-height: 200px; */
    }
    .zwc-features-lst {
        padding: 40px 32px;
    }

    .zwc-manage-events-img {
        /* padding: 16px 12px 0; */
    }

    .zwc-manage-events-list>div .zwc-manage-events-desc {
        /* padding: 0 24px 24px; */
    }

    .zwc-device-img img {
        object-fit: contain;
        /* max-height: 300px; */
        max-width: 100%;
    }
    .zwc-device-mobile img{
        max-height: 300px;
    }
    .zwc-device-tab img, .zwc-device-desktop img{
        /* max-height: 330px; */
        max-height: 300px;
    }
    .zwc-device-illus-inner{
        max-width: 480px;
    }
    .zwc-bottom-con {
        text-align: center;
    }

    .zwc-bottom-con h2 {
        max-width: 500px;
    }

    .zwc-bottom-para p,
    .zwc-bottom-con h2 {
        margin-left: auto;
        margin-right: auto;
    }

    .zwc-bottom-para p {
        margin-bottom: 24px;
    }

    .zwc-faq-wrap>li h3>button {
        /* padding: 16px 24px 16px 16px; */
        padding: 16px 48px 16px 16px;
    }
    .zwc-faq-wrap>li h3>button::after{
        top: 20px;
        right: 25px;
        width: 12px;
        height: 12px;
    }
    .zwc-faq-desc {
        padding: 0 24px 16px 16px;
    }

    .zwc-faq-con-wrap h3,
    .zwc-faq-con-wrap h3>button {
        font-size: 18px;
    }
  .lang-rtl .zwc-inner-wrap section { padding: 70px 0; }
  .lang-rtl .zwc-org-type-btn button { padding: 12px 18px; }
  .lang-rtl .zwc-features-list-wrap { margin: 0 auto; }
  .lang-rtl .zwc-features-title h2 { text-align: center; margin: 0 auto 40px; }
  .lang-rtl .zwc-features-lst h3::before { margin: 0 auto 16px; }
  .lang-rtl .zwc-msexchange-inner { padding: 48px 40px; }
  .lang-rtl .zwc-msexchange-illus { padding: 40px 40px 0 0; }
  .lang-rtl .zwc-features-lst { padding: 40px 32px; }
  .lang-rtl .zwc-bottom-para p, .lang-rtl .zwc-bottom-con h2 { margin-left: auto; margin-right: auto; }
  .lang-rtl .zwc-faq-wrap>li h3>button { padding: 16px 16px 16px 48px; }
  .lang-rtl .zwc-faq-wrap>li h3>button::after { left: 25px; right: unset; }
  .lang-rtl .zwc-faq-desc { padding: 0 16px 16px 24px; }
  .lang-rtl .zwc-features-lst, .lang-rtl .zwc-bottom-con { text-align: center; }
  .lang-rtl .zwc-features-lst *, .lang-rtl .zwc-bottom-con * { text-align: center; }
}


@media only screen and (max-width: 580px) {
    .zwc-feature-highlgt {
        max-width: 250px;
    }
    .zwc-feature-highlgt li {
        width: 100%;
    }
}
@media only screen and (max-width: 480px) {
    .zwc-inner-wrap .zwc-access-btn {
        padding: 12px 20px;
        font-size: 14px;
    }

    .zwc-inner-wrap h1 {
        font-size: 40px;
        max-width: 600px;
        margin-bottom: 16px;
    }

    .zwc-inner-wrap h2 {
        font-size: 32px;
        /* margin-bottom: 16px; */
    }

    .zwc-sfeatures-inner h3,
    .zwc-sfeatures-inner h3>button {
        font-size: 18px;
    }

    .zwc-manage-events-inner h3,
    .zwc-msexchange-inner h3 {
        font-size: 18px;
    }

    /* Padding */
    .zwc-inner-wrap section {
        padding: 60px 0;
    }
    .zwc-inner-wrap section.zwc-banner-sec {
        padding-top: 56px;
    }
    .zwc-bottom-con{
        padding-top: 16px;
    }
    .zwc-inner-wrap .zwc-schedule-features-sec{
        /* padding-top: 56px; */
    }
    /* Padding */
    .zwc-banner-para {
        margin-bottom: 48px;
    }

    .zwc-banner-con {
        padding-bottom: 48px;
    }

    .zwc-banner-cta {
        margin-top: 24px;
    }

    .zwc-sfeatures-list-img {
        padding: 20px;
    }
    .zwc-sfeatures-con {
        margin-bottom: 32px;
    }
    .zwc-msexchange-con h2 {
        max-width: 250px;
    }
    .zwc-sec-time-zone-img,
    .zwc-color-coding-img,
    .zwc-team-calendars-img {
        padding: 20px 0 0 20px;
    }

    .zwc-sfeatures-list .zwc-sfeatures-desc {
        padding-right: 0;
        /* padding-left: 6px; */
        padding-left: 44px;
    }

    .zwc-sfeatures-list {
        /* padding: 16px; */
        padding: 28px 16px 32px;
    }

    .zwc-sfeatures-list h3::before {
        transform: scale(.9);
    }

    .zwc-sfeatures-list h3 {
        gap: 7px;
    }
    .zwc-sfeatures-con h2 {
        max-width: 300px;
    }
    .zwc-sfeatures-list .zwc-sfeatures-desc {
        padding: 12px 20px 16px 8px;
    }
    .zwc-manage-events-list-wrap .zwc-manage-events-list>div {
        /* padding-left: 20px; */
        /* gap: 25px; */
        margin: 0 12px;
    }
    .zwc-manage-events-list-wrap .slick-list {
        overflow: hidden;
    }
    .zwc-manage-events-list-wrap {
        padding-top: 32px;
    }
    .zwc-manage-events-list>div .zwc-manage-events-desc {
        padding: 0 24px 24px;
    }

    .zwc-features-lst {
        padding: 32px 24px;
    }

    .zwc-features-title h2 {
        margin-bottom: 32px;
    }
    .zwc-feature-highlgt {
        /* max-width: 250px; */
    }
    .zwc-feature-highlgt li{
        /* width: 100%; */
        /* justify-content: center; */
    }
    .zwc-msexchange-inner {
        padding: 48px 24px;
    }

    .zwc-app-box {
        padding-top: 24px;
    }

    .zwc-device-img img {
        /* max-height: 220px; */
    }
    .zwc-device-mobile img {
        max-height: 220px;
    }
    .zwc-device-tab>img, .zwc-device-desktop>img {
        /* transform: translateX(30px); */
    }
    .zwc-device-img {
        padding: 24px 0 24px 20px;
    }

    .zwc-device-mobile {
        padding: 20px 20px;
    }

    .zwc-multi-device-inner {
        gap: 48px;
    }

    .zwc-faq-wrap>li h3::after {
        font-size: 22px;
    }

    .zwc-link-arrow.zwc-access-btn::after,
    .zwc-link-arrow.zwc-access-btn::before {
        display: none;
    }

    .zwc-faq-con-wrap>h3 {
        margin-bottom: 32px;
    }

    .zwc-learn-more {
        margin-top: 8px;
    }
    .zwc-org-type-wrap {
        padding: 10px;
    }
  .lang-rtl .zwc-inner-wrap .zwc-access-btn { padding: 12px 20px; }
  .lang-rtl .zwc-inner-wrap section { padding: 60px 0; }
  .lang-rtl .zwc-sfeatures-list-img { padding: 20px; }
  .lang-rtl .zwc-sec-time-zone-img, .lang-rtl .zwc-color-coding-img, .lang-rtl .zwc-team-calendars-img { padding: 20px 20px 0 0; }
  .lang-rtl .zwc-sfeatures-list .zwc-sfeatures-desc { padding-left: 0; padding-right: 44px; }
  .lang-rtl .zwc-sfeatures-list { padding: 28px 16px 32px; }
  .lang-rtl .zwc-sfeatures-list .zwc-sfeatures-desc { padding: 12px 8px 16px 20px; }
  .lang-rtl .zwc-manage-events-list-wrap .zwc-manage-events-list>div { margin: 0 12px; }
  .lang-rtl .zwc-manage-events-list>div .zwc-manage-events-desc { padding: 0 24px 24px; }
  .lang-rtl .zwc-features-lst { padding: 32px 24px; }
  .lang-rtl .zwc-msexchange-inner { padding: 48px 24px; }
  .lang-rtl .zwc-device-img { padding: 24px 20px 24px 0; }
  .lang-rtl .zwc-device-mobile { padding: 20px 20px; }
  .lang-rtl .zwc-org-type-wrap { padding: 10px; }
  .other-lang .zwc-inner-wrap h2 {
        font-size: 28px;
    }
 .zwc-manage-events-inner h3, .zwc-msexchange-inner h3 {
        font-size: 16px;
    }
.lang-rtl .zwc-active-bg {
    width: unset;
}
.other-lang .zwc-feature-highlgt li::before {
    width: 24px;
    padding-right: 20px;
}
}

@media only screen and (max-width: 360px) {
    .zwc-inner-wrap .zwc-access-btn {
        padding: 12px 10px;
    }

    .zwc-manage-events-list-wrap .slick-list {
        overflow: hidden;
    }

    .zwc-manage-events-list {
        margin: 0 5px;
    }

    .zwc-manage-events-list:first-of-type {
        margin-left: 5px;
    }

    .zwc-manage-events-list:last-of-type {
        margin-right: 5px;
    }
  .lang-rtl .zwc-inner-wrap .zwc-access-btn { padding: 12px 10px; }
  .lang-rtl .zwc-manage-events-list { margin: 0 5px; }
  .lang-rtl .zwc-manage-events-list:first-of-type { margin-right: 5px; margin-left: unset; }
  .lang-rtl .zwc-manage-events-list:last-of-type { margin-left: 5px; margin-right: unset; }
}

@media only screen and (min-width: 1730px) {
    .zwc-manage-events-inner {
        overflow: hidden;
    }

    .zwc-banner-bg-illus {
        border-radius: 0 0 8px 8px;
        overflow: hidden;
    }

    .zwc-banner-bg-illus img,
    .zwc-bottom-sec::after {
        border-radius: 0 0 8px 8px;
    }
  .lang-rtl .zwc-banner-bg-illus { border-radius: 0 8px 8px 0; }
  .lang-rtl .zwc-banner-bg-illus img, .lang-rtl .zwc-bottom-sec::after { border-radius: 0 8px 8px 0; }
}

/* media Query */