.common-section {
    padding: 120px 0;
}

.zprice-bold {
    font-family: var(--zf-secondary-semibold);
}

.zmonth {
    display: inline-block;
    font-size: 14px;
    margin-left: 3px;
}

.zh-logo {
    background-image: var(--zoho-logo-web);
    width: 150px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 150px auto;
    font-size: 0;
    margin-bottom: 15px;
    display: inline-block;
}

.req-btn {
    border: 1px solid #000;
    color: #fff;
    margin-left: 10px;
    background: #000;
}

.switch-section .req-btn {
    margin-left: 0;
    background: #f0483e;
    border: 1px solid #f0483e;
}

h2 {
    font-family: var(--zf-secondary-extrabold);
}

.i18n-en h1 {
    font-size: 60px;
}

h1 {
    max-width: 660px;
    margin: 0 auto;
    margin-bottom: 15px;
    letter-spacing: -0.6px;
    font-family: var(--zf-secondary-extrabold);
}

.i18n-en h2 {
    font-size: 46px;
}

.common-section .content-wrap {
    max-width: 1170px;
}

.zw-product-header {
    background: #f9edda;
}

.cmc-icon {
    background: url(/sites/zweb/images/campaigns/cma-sprite.svg) no-repeat;
}

h3 {
    font-family: var(--zf-secondary-extrabold);
    font-size: 34px;
}


/* header-section */

.header-section {
    background: #f9edda;
    color: #000;
    padding: 70px 0 120px 0px;
    text-align: center;
}
.header-section h2 {
    font-size: 23px;
    font-family: var(--zf-secondary-semibold);
}
.header-list li {
    display: inline-block;
    font-family: var(--zf-secondary-semibold);
    font-size: 21px;
    padding: 0 20px 0 35px;
    position: relative;
}

.header-list {
    padding: 20px 0 35px 0;
}

.header-list li:before {
    content: '';
    width: 27px;
    height: 27px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/sites/zweb/images/campaigns/cma-sprite.svg) no-repeat;
    background-size: 650px auto;
    bottom: 0;
    margin: auto;
}

.header-list li:nth-child(1):before {
    background-position: -1px -31px;
}

.header-list li:nth-child(2):before {
    background-size: 510px auto;
    background-position: -21px -23px;
}

.header-list li:nth-child(3):before {
    background-size: 510px auto;
    background-position: -47px -21px;
}

.header-section p {
    max-width: 790px;
    margin: 0 auto;
    margin-bottom: 25px;
}


/* header-section end*/


/* one-section */

.one-section .content-wrap {
    background: #121212;
    color: #fff;
    border-radius: 10px;
    padding: 80px 80px;
    position: relative;
    z-index: 1;
    transform: translateY(70px);
    max-width: 1040px;
}

.zwe-ot.one-section .content-wrap {
    transform: translateY(0);
    transition: .5s .15s ease;
}

.one-section {
    text-align: center;
    position: relative;
}

.one-section h2+p {
    max-width: 720px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.i18n-en .one-section h2 {
    font-size: 44px;
}

.one-section ul {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    margin: 0 auto;
    margin-top: 60px;
    justify-content: flex-end;
}

.one-section ul li {
    width: 46%;
    padding: 0 30px 0 40px;
    font-size: 16px;
    margin-bottom: 30px;
    position: relative;
}

.one-section ul li .yes {
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 2px;
}

.one-section ul li .yes:before,
.one-section ul li .yes:after {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 5px;
    position: absolute;
    top: 12px;
    transform: rotate(45deg);
    width: 7px;
}

.one-section ul li .yes:before {
    left: 7px;
    top: 10px;
    transform: rotate(-52deg);
    width: 11px;
}


/* one-section end*/


/* hello-section */

.hello-section {
    background: #F8F8F8;
    overflow-y: hidden;
}

.common-section.hello-section {
    padding-top: 0;
    padding-bottom: 100px;
}

.hello-section h2 {
    max-width: 800px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 20px;
}

.i18n-en .hello-section h2 {
    font-size: 42px;
    line-height: 50px;
}

.hello-inner-span {
    color: #6F6F6F;
}

.cmc-hello {
    width: 40px;
    height: 40px;
    background: url(/sites/zweb/images/campaigns/cma-hand.png) no-repeat;
    display: inline-block;
    background-size: 40px auto;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.hello-section .table-wrap {
    display: flex;
    margin-top: 100px;
}

.hello-section .table-wrap .column.left {
    padding-right: 5%;
    position: relative;
    width: 45%;
}

.hello-section .table-wrap .column.right {
    padding-left: 5%;
    width: 55%;
}

.hello-section .table-wrap .column {
    width: 50%;
}

.cma-say-hello {
    position: relative;
    top: 120px;
}

.hello-section {
    position: relative
}

.hello-section .table-wrap p {
    line-height: 36px;
    margin-bottom: 25px;
}

.hello-section .content-wrap {
    max-width: 1040px;
}

.hellp-wrap {
    position: relative;
}

.hellp-wrap:before {
    content: '';
    position: absolute;
    right: 310px;
    bottom: -125px;
    background: #f9edda;
    width: 500%;
    height: 95%;
    top: auto;
}

.hello-section .table-wrap p:last-child {
    margin-bottom: 0;
}


/* hello-section end*/


/* longterm-section */

.longterm-section {
    text-align: center;
}

.longterm-section h2 {
    max-width: 620px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.longterm-section p {
    max-width: 610px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.longterm-section .cmc-icon {
    position: absolute;
    background-size: 450px auto;
}

.longterm-section .content-wrap {
    max-width: 820px;
}

.longterm-section .cmc-free1 {
    bottom: 50px;
}


/* longterm-section */


/* progress-section */

.barchart-wrap {
    position: relative;
    max-width: 740px;
    margin: 60px auto 0px;
    background: #F7F9FC;
    padding: 80px 70px 50px;
    border-radius: 20px;
    box-sizing: border-box;
}

.bar-wrap {
    display: block;
}

.bar-wrap:last-child {
    left: 40px;
}

.bar.zoho-bar {
    background: #d52e3e;
}

.progress-section p.bar-subs {
    margin: 20px auto;
    font-size: 14px;
    font-weight: 600;
    color: #787d93;
}

.progress-section span.ui-slider-handle.ui-corner-all.ui-state-default:focus {
    outline: none;
}

.progress-section span.plan-pricing:after {
    border-color: transparent transparent transparent #00aeef;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    content: "";
    height: 0;
    right: -12px;
    position: absolute;
    top: 7px;
    width: 0;
}

.progress-section span.plan-pricing {
    position: relative;
}

.progress-section .bar .price {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    font-family: var(--zf-primary-semibold);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 6px #0000000F;
    border-radius: 40px;
    height: 8px;
    display: block;
    position: relative;
    margin-bottom: 5px;
}

.progress-section .others-bar {
    background: #2b5e8c;
}

#slider {
    height: 10px;
    border: none;
    position: relative;
    max-width: 350px;
    margin: 0 auto;
    background: transparent linear-gradient(270deg, #71B2FF 0%, #4B7CFF 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
}

#slider span {
    position: absolute;
    z-index: 2;
    width: 35px;
    height: 35px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    margin-left: -6px;
    top: -12px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #5D96FF;
    box-shadow: 0px 4px 6px #0000000f;
}

.comparison-part {
    text-align: center;
    display: block;
    position: relative;
}

.z-align-center {
    text-align: center;
    padding-top: 20px;
}

.progress-section h2 {
    max-width: 750px;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
}

.z-small-content-wrap .sldier-line {
    font-family: var(--zf-secondary-bold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.z-small-content-wrap .sldier-line .slider-value {
    color: #1C47BE;
    font-size: 24px;
    margin-left: 10px;
}

.price-amount {
    position: absolute;
    right: 0;
    top: -30px;
    text-transform: capitalize;
    font-size: 16px;
}

.zdesk-text {
    display: block;
    text-align: left;
    font-size: 14px;
    font-family: var(--zf-secondary-semibold);
}

.bar-wrap:first-child {
    margin-bottom: 60px;
}

.progress-section .bar .price .zoho-bar {
    background: #C43D44;
    height: 100%;
    display: block;
    border-radius: 40px;
    position: relative;
}

.progress-section .bar .price .others-bar {
    background: #F4CD2F;
    height: 100%;
    display: block;
    border-radius: 40px;
    position: relative;
}

.bar-savings {
    margin-top: 45px;
}

.bar-savings p {
    font-size: 16px;
    font-family: var(--zf-secondary-semibold);
    margin-bottom: 5px;
}

.bar-saving-count {
    color: #43B160;
    font-family: var(--zf-secondary-extrabold);
    font-size: 50px;
}


/* hello-section end*/


/* journey-section */

.journey-section {
    background: #000064;
    color: #fff;
}

.journey-section .content-wrap {
    max-width: 880px;
}

.journey-section h3 {
    font-size: 38px;
    font-family: var(--zf-secondary-extrabold);
    line-height: 48px;
    margin-bottom: 25px;
}

.journey-section h3+p {
    line-height: 34px;
}

.journey-section h4 {
    color: #F4CD2F;
    padding-top: 15px;
}

.jo-menber {
    display: flex;
    align-items: center;
    margin-top: 35px;
}

.jo-image {
    width: 60px;
    height: 60px;
    background: url(/sites/zweb/images/campaigns/cma-customer-lemer.jpg) no-repeat;
    background-size: 60px auto;
    border-radius: 100%;
    border: 2px solid #FFCD6C;
    margin-right: 15px;
}

.jo-details p {
    font-size: 12px;
    margin-bottom: 0;
}

.jo-name {
    font-size: 16px;
}

.cmc-quote {
    width: 60px;
    height: 60px;
    position: absolute;
    right: -20px;
    top: -80px;
    background-size: 500px auto;
    background-position: -276px -5px;
}

.common-section.journey-section {
    padding-top: 150px;
}


/* journey-section */


/* same-section */

.same-section .table-wrap {
    display: flex;
    align-items: center;
}

.guide-section .table-wrap {
    margin-top: 100px;
}

.same-section .img-wrap {
    max-width: 500px;
    margin: 0 auto;
    position: relative;
}

.same-section .column {
    width: 50%;
}

.same-section h2 {
    text-align: center;
    max-width: 940px;
    letter-spacing: -0.84px;
    line-height: 54px;
    margin: 0 auto;
    margin-bottom: 25px;
}

.guide-section .column.left {
    padding-right: 5%;
}

.same-section .column p {
    line-height: 32px;
}

.cma-welcome-onboard {
    position: absolute;
    max-width: 380px;
    margin: 0 auto;
    display: block;
    left: 0;
    right: 0;
    top: 90px;
    border-radius: 10px;
}

.same-sec-boc {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 12px #0000001A;
    border: 1px solid #FFC645;
    border-radius: 6px;
    padding: 10px 25px;
    font-size: 14px;
    font-family: var(--zf-secondary-semibold);
    position: absolute;
    max-width: max-content;
    bottom: 0px;
    right: 20px;
}

.same-sec-onboard {
    min-width: 180px;
}

.common-section.support-section {
    padding-top: 70px;
}

.cma-cxclusive-support {
    position: absolute;
    max-width: 380px;
    margin: 0 auto;
    display: block;
    left: 0;
    right: 0;
    top: 90px;
    border-radius: 10px;
}

.support-section .column.right {
    padding-left: 5%;
}


/* same-section */


/* free-section */

.free-section {
    text-align: center;
}

.common-section.free-section {
    padding-top: 80px;
}

.free-section .cmc-icon.cmc-support {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: 500px auto;
    background-position: -74px -18px;
    margin-bottom: 25px;
    position: initial;
}

.free-section p {
    max-width: 720px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.free-section .cmc-icon {
    position: absolute;
    background-size: 450px auto;
}

.cmc-free1 {
    width: 16px;
    height: 16px;
    left: -50px;
    bottom: 20px;
    margin: auto;
    background-position: -178px -22px;
    animation: zodd 5s linear 1s infinite;
}

.cmc-free2 {
    width: 25px;
    height: 25px;
    left: -20px;
    bottom: -30px;
    margin: auto;
    background-position: -114px -19px;
    animation: zeven 5s linear 1s infinite;
}

.cmc-free3 {
    width: 16px;
    height: 16px;
    right: -20px;
    top: 110px;
    margin: auto;
    background-position: -178px -22px;
    animation: zodd 5s linear 1s infinite;
}

.cmc-free4 {
    width: 25px;
    height: 25px;
    right: 0px;
    top: 60px;
    margin: auto;
    background-position: -138px -19px;
    animation: zeven 5s linear 1s infinite;
}

.free-section .content-wrap {
    max-width: 840px;
}


/* free-section */


/* switch-section */

.switch-section {
    background: #f9edda;
}

.switch-section .table-wrap {
    display: flex;
    align-items: center;
}

.switch-section .table-wrap .colum {
    width: 50%;
}

.switch-section .table-wrap .colum p {
    line-height: 34px;
    max-width: 490px;
}

h2 {
    letter-spacing: -0.84px;
}

.switch-section .table-wrap .colum.left {
    padding-right: 5%;
}

.switch-section .table-wrap .colum.right {
    padding-left: 5%;
}

.switches {
    transform: translateY(70px);
}

.zwe-ob.in-boxs-each {
    transform: translateY(0px);
}


/* switch-section end*/


/* feature-section */

.feature-section .content-wrap {
    max-width: 1040px;
}

.feature-section h2 {
    text-align: center;
}

.feature-section h2+p {
    max-width: 720px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

.zoho-logo {
    padding: 0;
    position: relative;
    width: 140px;
    height: 37px;
    background: url(/sites/zweb/images/productlogos/campaigns.svg) no-repeat;
    display: inline-block;
    left: 0;
    background-size: 140px auto;
    background-repeat: no-repeat;
}

.social-logo {
    font-size: 22px;
    display: inline-block;
    vertical-align: top;
    font-family: var(--zf-primary-semibold);
    margin-left: 7px;
    line-height: 1.1;
    position: relative;
    top: 4px;
}

.sb-comparison-inner table {
    width: 100%;
    box-sizing: border-box;
}

.sb-comparison-inner table tr th:not(:last-child),
.sb-comparison-inner table tr td:not(:last-child) {
    border-right: 1px solid #ededed;
    width: 33%;
}
.sb-comparison-inner table tr th:not(:last-child){
    border-right: 1px solid #D5D5D5;
}

.sb-comparison-inner tbody tr td p {
    margin-bottom: 0;
    font-size: 15px;
}
.sb-comparison-inner table tbody tr td {
    font-size: 15px;
}
.sb-comparison {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #000000;
    border-radius: 20px;
    padding: 60px;
    margin-top: 60px;
}

.sb-buffer-logo {
    background: url(/sites/zweb/images/otherbrandlogos/brevo.svg) no-repeat;
    width: 85px;
    height: 30px;
    display: block;
    background-size: 80px auto;
    margin: auto;
    background-position: 2px 3px;
}

.sb-comparison-inner table tbody tr {
    border-top-left-radius: 10px;
}

.sb-comparison .zfaq-wrap:not(:last-child) {
    margin-bottom: 35px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e8e7e7;
}

.zfaq-wrap button {
    font-size: 26px;
    font-family: var(--zf-secondary-medium);
    margin-bottom: 0;
    cursor: pointer;
}

.zfaq-wrap button .arrow {
    width: 33px;
    height: 33px;
    float: right;
    border: 1px solid #000;
    border-radius: 100%;
    position: relative;
    text-align: center;
}

.pricing-faq ul li.zactive h3,
.pricing-faq ul li.zactive h3 .arrow {
    opacity: 1;
}

.sb-comparison-inner thead {
    background: #f9edda;
    border-bottom: 1px solid #D5D5D5;
}

.arrow::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: 14px;
    right: 8px;
    border-top: 8px solid #000000;
}

.arrow::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    top: 14px;
    right: 10px;
}

li.zactive h3 .arrow {
    transform: scaleY(-1);
    transform-origin: center;
}

.sb-comparison-table {
    margin-top: 25px;
}

.pricing-faq ul li.zactive {
    border-bottom: transparent;
    margin-bottom: 35px;
    background: #fffaf3;
    border-radius: 20px;
    padding: 40px;
}

.sb-comparison .zfaq-wrap {
    padding: 0 40px 0 40px;
}

.sb-comparison-table tbody tr {
    background: #ffffff;
}

.sb-comparison-inner table td,
.sb-comparison-inner table tr th {
    padding: 20px 40px;
    vertical-align: middle;
    border: 1px solid #ededed;
}

.sb-comparison-inner table tr th:first-child {
    min-width: 280px;
    font-family: var(--zf-secondary-semibold);
}

.sb-comparison-inner table tr th:nth-child(2),
.sb-comparison-inner table tr th:nth-child(3),
.sb-comparison-inner table tr td:nth-child(2),
.sb-comparison-inner table tr td:nth-child(3) {
    text-align: center;
}

.faq-content {
    width: 100%;
    box-sizing: border-box;
    display: none;
}

.sb-comparison-table .yes,
.sb-comparison-table .no {
    margin: 0;
    font-weight: 600;
    position: relative;
}

.sb-comparison-table .yes:after,
.sb-comparison-table .yes:before {
    background: #00933c none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 4px;
    position: absolute;
    top: 13px;
    transform: rotate(45deg);
    width: 7px;
}

.sb-comparison-table .yes:before {
    left: 6px;
    top: 10px;
    transform: rotate(-52deg);
    width: 15px;
}

.sb-comparison-table .yes,
.sb-comparison-table .no {
    height: 22px;
    width: 22px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-indent: -9999px;
    white-space: nowrap;
    display: block;
}

.info-text {
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 10px;
}

.sb-comparison-inner table tbody td:first-child span {
    font-family: var(--zf-secondary-semibold);
    margin-bottom: 5px;
    display: block;
}

.sb-comparison-inner table tbody td:first-child span+p {
    font-size: 16px;
    margin-bottom: 0px;
}

.sb-comparison-table .no:after,
.sb-comparison-table .no:before {
    background: #ff3231 none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 4px;
    position: absolute;
    top: 10px;
    transform: rotate(44deg);
    width: 15px;
}

.sb-comparison-table .no:before {
    left: 4px;
    top: 10px;
    transform: rotate(312deg);
    width: 15px;
}

.sb-comparison-inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


/* feature-section end */


/* recognize-section */

.recognize-section {
    text-align: center;
}

.recognize-block {
    display: flex;
    width: 100%;
    margin-top: 40px;
}

.recognize-each {
    background: #F8F8F8;
    width: 50%;
    padding: 50px 40px;
    box-sizing: border-box;
    border-radius: 18px;
}

.recognize-logos {
    margin-right: 10px;
}

.privacy-block {
    margin-left: 10px;
}

.recognize-each h4,.recognize-each h3 {
    font-size: 22px;
    letter-spacing: -0.48px;
    margin-bottom: 30px;
    font-family: var(--zf-secondary-medium);
}

.recognize-section .content-wrap {
    max-width: 980px;
}

.common-section.recognize-section {
    padding-top: 10px;
    padding-bottom: 20px;
}

.rec-logo-wrap {
    text-align: center;
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.rec-logo {
    background: url(/sites/zweb/images/campaigns/campaigns-home-new-sprite.png) no-repeat;
    width: 85px;
    height: 85px;
    display: inline-block;
    margin: 10px;
    background-size: 680px auto;
}

.rec-logo1 {
    background-position: 1px -250px;
    height: 85px;
}

.rec-logo2 {
    background-position: -82px -252px;
}

.rec-logo3 {
    background-position: -170px -251px;
}

.rec-logo4 {
    background-size: 700px auto;
    background-position: -266px -259px;
}

.rec-logo5 {
    background-size: 700px auto;
    background-position: -345px -261px;
}

.rec-logo6 {
    background-size: 700px auto;
    background-position: -424px -262px;
}

.pry-logo {
    background: url(/sites/zweb/images/commonroot/compliance-badges.png) no-repeat;
    display: inline-block;
    margin: 10px;
}

.pry-logo1 {
    width: 75px;
    height: 75px;
    background-size: 720px auto;
    background-position: -498px 2px;
}

.pry-logo2 {
    height: 75px;
    width: 110px;
    background-size: 800px auto;
    background-position: -620px -80px;
}

.pry-logo3 {
    height: 65px;
    width: 185px;
    background: url(/sites/zweb/images/campaigns/camp-cer-logo.png) no-repeat;
    background-size: 950px auto;
    background-position: -388px -17px;
}

.pry-logo4 {
    width: 125px;
    height: 70px;
    background-size: 900px auto;
    background-position: 0 2px;
}

.privacy-logos {
    text-align: center;
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}


/* recognize-section end*/


/* app-section*/

.common-section.app-section {
    padding-top: 0;
}

.app-section .table-wrap {
    display: flex;
    align-items: center;
    padding: 20px 100px 20px 100px;
}

.app-section .content-wrap {
    background: #f9edda;
    max-width: 980px;
    border-radius: 18px;
    overflow-y: hidden;
}

.app-section h3 {
    font-size: 24px;
    font-family: var(--zf-secondary-bold);
}

.app-section .table-wrap .column.left {
    padding-right: 5%;
    width: 55%;
}

.cma-mobile-screens {
    position: relative;
    top: 35px;
    max-width: 110%;
}

.app-section .table-wrap .column.right {
    width: 44%;
}

.app-section .table-wrap .column {
    width: 50%;
}


/* app-section end*/


/* testimonial-section */

.common-section.testimonial-section {
    padding-top: 10px;
}

.testimonial-section h2 {
    text-align: center;
    max-width: 520px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.cmc-slider-main {
    margin-top: 40px;
    border-radius: 10px;
    background: #000064;
    color: #fff;
    padding: 80px 100px 60px 100px;
    position: relative;
text-align:center;
}

.testimonial-section .content-wrap {
    max-width: 1040px;
}

.cmc-slider-inner>p {
    font-size: 34px;
    font-family: var(--zf-secondary-light);
    line-height: 54px;
}

.cmc-slider-inner>p span {
    color: #F4CD2F;
}

.cmc-cus-info {
    margin-top: 60px;
}

.cmc-cus-info h4,.cmc-cus-info h3 {
    font-size: 22px;
    margin-bottom: 0;
}

.cmc-cus-info p {
    font-size: 14px;
}

.cmc-slider-main:after {
    background: url(/sites/zweb/images/campaigns/cma-sprite.svg) no-repeat;
    content: '';
    width: 60px;
    height: 60px;
    position: absolute;
    right: 40px;
    top: -30px;
    background-size: 500px auto;
    background-position: -276px -5px;
}

.cmc-slider-main .slick-next {
    right: -180px;
}

.cmc-slider-main .slick-prev {
    left: -180px;
}

.cmc-slider-main .slick-next:after,
.cmc-slider-main .slick-next:before,
.cmc-slider-main .slick-prev:after,
.cmc-slider-main .slick-prev:before {
    background: #000064;
}



/* testimonial-section end*/


/* bottom-cta-section */

.bottom-cta-section {
    text-align: center;
}

.bottom-txt-wrap {
    text-align: center;
    margin-bottom: 60px;
    border-top: 1px solid #e2e2e2;
    padding-top: 50px;
}

.bottom-txt-wrap .content-wrap {
    max-width: 850px;
}

.small-txt {
    font-size: 14px;
}


/* bottom-cta-section end*/


/* in-boxs */

.in-boxs-each h4, .in-boxs-each h3{
    font-size: 24px;
    font-family: var(--secondaryfont-bold);
}

.in-boxs-each .zmc-icon {
    background: url(/sites/zweb/images/campaigns/zc-brevo-sprite.svg) no-repeat;
    width: 50px;
    height: 50px;
    background-size: 400px auto;
    display: inline-block;
    background-repeat: no-repeat;
    margin-bottom: 15px;
}

.in-boxs-each .zmc-icon1 {
    background-position: 0 -4px;
}

.in-boxs-each .zmc-icon2 {
    background-position: -51px -4px;
    width: 47px;
}

.in-boxs-each .zmc-icon3 {
    background-size: 330px auto;
    background-position: -81px -1px;
}

.in-boxs-each .zmc-icon4 {
    background-size: 270px auto;
    background-position: -107px 5px;
}

.in-boxs-each .zmc-icon5 {
    background-size: 360px auto;
    background-position: -209px 0;
}

.in-boxs-each .zmc-icon6 {
    background-size: 361px auto;
    background-position: -258px 0;
}

.in-boxs-each .zmc-icon7 {
    background-size: 302px auto;
    background-position: -258px 3px;
}

.in-boxs-each .zmc-icon8 {
    background-position: -340px 0px;
}

.zmc-boxs-section .in-boxs {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
    justify-content: center;
}

.in-boxs-each {
    width: 48%;
    padding: 60px 40px 60px 40px;
    background: #fff;
    margin: 10px;
    border-radius: 10px;
}

.zmc-boxs-section {
    background: #f8f8f8;
}

.zmc-boxs-section .content-wrap {
    max-width: 1040px;
}

.in-boxs-each p {
    line-height: 30px;
}

.zmc-boxs-section h2 {
    text-align: center;
}

.in-boxs-each {
    transform: translateY(70px);
}

.zwe-ob.in-boxs-each {
    transform: translateY(0px);
}

.zwe-ob.in-boxs-each1,
.zwe-ob.in-boxs-each2 {
    transition: .5s ease;
}

.zwe-ob.in-boxs-each3,
.zwe-ob.in-boxs-each4 {
    transform: translateY(0);
    transition: .5s .15s ease;
}

.zwe-ob.in-boxs-each5,
.zwe-ob.in-boxs-each6 {
    transform: translateY(0);
    transition: .5s .10s ease;
}

.zwe-ob.in-boxs-each7,
.zwe-ob.in-boxs-each8 {
    transform: translateY(0);
    transition: .5s .5s ease;
}


/* in-boxs end*/


/* switch-section */

.switch-section {
    clear: both;
}

.switch-section h2 {
    text-align: left;
    max-width: 740px;
}

.switch-section .content-wrap {
    max-width: 850px;
}

.switches {
    margin: 0 auto;
    box-sizing: border-box;
    padding: 60px 60px;
    position: relative;
    margin-bottom: 30px;
    counter-reset: my-sec-counter;
    border: 1px dashed #989898;
    border-radius: 16px;
    background: #fff;
}

.switch-area {
    margin-top: 50px;
}

.switches h3 {
    font-size: 22px;
    font-family: var(--zf-primary-bold)
}

.switches p {
    margin-bottom: 0
}

.switches>div {
    display: table-cell
}

.switches>div {
    display: table-cell;
    vertical-align: top
}

.switches .left span {
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-right: 50px;
    text-align: center;
    line-height: 60px;
    position: relative;
    font-size: 30px;
    font-family: var(--zf-primary-bold);
    color: #fff;
    background: url(/sites/zweb/images/campaigns/zc-alternative-bundle-sprite.svg) no-repeat;
    background-size: 800px auto;
    font-size: 0
}

.switches:nth-child(1) .left span {
    background-position: -550px -3px
}

.switches:nth-child(2) .left span {
    background-position: -615px -8px
}

.switches:nth-child(3) .left span {
    background-position: -676px -8px
}

.switches:nth-child(4) .left span {
    background-position: -741px -10px
}

.switches:last-child {
    margin-bottom: 0px;
}

.switches {
    transform: translateY(70px);
    transition: .5s .10s ease;
}

.zwe-ob.switches {
    transform: translateY(0px);
}


/* switch-section end*/


/* animation code */

.transY1,
.transY2,
.transY3,
.transY4,
.transY5,
.transY6,
.transY7 {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s cubic-bezier(0.11, 0.16, 0.43, 0.86);
    transition: all 1s cubic-bezier(0.11, 0.16, 0.43, 0.86)
}

.bottom-animated .transY1,
.bottom-animated .transY2,
.bottom-animated .transY3,
.bottom-animated .transY4,
.bottom-animated .transY5,
.bottom-animated .transY6,
.bottom-animated .transY7 {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.transY1 {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.transY2 {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms
}

.transY3 {
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms
}

.transY4 {
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms
}

.transY5 {
    -webkit-transition-delay: 10000ms;
    transition-delay: 10000ms
}

.transY6 {
    -webkit-transition-delay: 12000ms;
    transition-delay: 12000ms
}

.transY7 {
    -webkit-transition-delay: 14000ms;
    transition-delay: 14000ms
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/*Right*/

@keyframes slideRight {
    0% {
        visibility: hidden;
        opacity: 0;
        transform: translateX(30px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes slideRight {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(30px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes slideRight {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateX(30px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateX(0);
    }
}


/*slideUp*/

@keyframes slideUp {
    0% {
        visibility: hidden;
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes slideUp {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slideUp {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateY(0);
    }
}


/*slideDown*/

@keyframes slideDown {
    0% {
        visibility: hidden;
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes slideDown {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slideDown {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateY(20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateY(0);
    }
}


/*slideleft*/

@keyframes slideLeft {
    0% {
        visibility: hidden;
        opacity: 0;
        transform: translateX(-20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes slideLeft {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes slideLeft {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-webkit-keyframes zeven {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, -14px);
        transform: translate(0, -14px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes zeven {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, -14px);
        transform: translate(0, -14px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes zodd {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 14px);
        transform: translate(0, 14px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes zodd {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 14px);
        transform: translate(0, 14px);
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.cma-say-hello,
.cmc-quote,
.cma-welcome-onboard,
.same-sec-onboard,
.cma-cxclusive-support,
.same-sec-support,
.cma-mobile-screens {
    opacity: 0;
}

.zwe-om .cma-say-hello {
    animation: slideLeft 1s ease-out 0.3s forwards;
}

.zwe-om .cmc-quote {
    animation: slideLeft 1s ease-out 0.5s forwards;
}

.zwe-om .cma-welcome-onboard {
    animation: slideDown 1s ease-out 0.3s forwards;
}

.zwe-om .same-sec-onboard {
    animation: slideLeft 1s ease-out 0.7s forwards;
}

.zwe-om .cma-cxclusive-support {
    animation: slideDown 1s ease-out 0.3s forwards;
}

.zwe-om .same-sec-support {
    animation: slideLeft 1s ease-out 0.7s forwards;
}

.zwe-om .cma-mobile-screens {
    animation: slideDown 1s ease-out 0.3s forwards;
}


/* animation code end*/


/* responsive */

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

@media screen and (max-width: 1279px) {
.in-boxs-each{
width: 46%;
}
.zmc-boxs-section .in-boxs {
    justify-content: center;
}
    .i18n-en h1 {
        font-size: 56px;
    }
    .i18n-en h2 {
        font-size: 40px;
    }
    .header-section {
        padding: 50px 0 80px 0px;
    }
    .hello-section h2 {
        max-width: 680px;
    }
    .cma-say-hello {
        top: 130px;
    }
    .hellp-wrap:before {
        bottom: -150px;
    }
    .cmc-quote {
        right: 0;
    }
    .common-section {
        padding: 90px 0;
    }
    .switch-section .content-wrap {
        max-width: 940px;
    }
    .testimonial-section h2 {
        max-width: 640px;
    }
    .one-section ul li {
        width: 100%;
    }
    .one-section ul {
        max-width: 480px;
        margin: 0 auto;
        margin-top: 60px;
    }
    .i18n-en .one-section h2 {
        font-size: 36px;
    }
    .i18n-en .hello-section h2 {
        font-size: 38px;
        line-height: 50px;
    }
    .longterm-section .cmc-icon {
        display: none;
    }
}

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

@media screen and (max-width: 991px) {
    .i18n-en h1 {
        font-size: 50px;
    }
    .header-list li {
        margin-bottom: 20px;
    }
    .header-list {
        padding: 25px 0 10px 0;
    }
    .one-section .content-wrap {
        padding: 70px;
    }
    .i18n-en h2 {
        font-size: 36px;
    }
    .hello-section h2 {
        max-width: 680px;
    }
    .hello-section .table-wrap {
        text-align: center;
    }
    .hello-section h2 {
        text-align: center;
    }
    .hello-section .table-wrap p {
        max-width: 640px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .hello-section .table-wrap p:last-child {
        margin-bottom: 20px;
    }
    .hello-section .table-wrap .column.left,
    .hello-section .table-wrap .column.right {
        width: 100%;
        padding: 0;
    }
    .hello-section .table-wrap {
        flex-direction: column-reverse;
    }
    .hello-section .table-wrap p {
        line-height: 30px;
    }
    .cma-say-hello {
        top: 130px;
    }
    .hellp-wrap:before {
        bottom: -140px;
        right: 280px;
    }
    .hello-section .table-wrap p {
        line-height: 32px;
    }
    .longterm-section h2 {
        max-width: 620px;
    }
    .progress-section h2 {
        max-width: 540px;
    }
    .barchart-wrap {
        max-width: 640px;
        padding: 100px 70px 60px;
    }
    .cmc-quote {
        right: 49px;
    }
    .common-section.journey-section {
        padding-top: 120px;
    }
    .common-section {
        padding: 80px 0;
    }
    .same-section .column {
        width: 100%;
        text-align: center;
    }
    .same-section .table-wrap {
        flex-wrap: wrap;
        max-width: 640px;
        margin: 0 auto;
    }
    .left-image .table-wrap {
        flex-direction: column-reverse;
    }
    .guide-section .column.left,
    .guide-section .column.right {
        padding: 0;
        text-align: center;
    }
    .support-section .column.right,
    .support-section .column.left {
        padding: 0;
    }
    .same-section .img-wrap {
        margin-top: 30px;
    }
    .free-section .cmc-icon {
        display: none;
    }
    .free-section p {
        max-width: 610px;
    }
    .switch-section .table-wrap {
        display: block;
    }
    .switch-section .table-wrap .colum.left,
    .switch-section .table-wrap .colum.right {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .switch-section .table-wrap .colum p {
        max-width: 600px;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .feature-section h2+p {
        max-width: 640px;
    }
    .sb-comparison-inner {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .sb-comparison-inner table {
        width: 100%;
        box-sizing: border-box;
    }
    .sb-comparison-inner table tr th:nth-child(2) {
        min-width: 320px;
    }
    .recognize-each {
        width: 100%;
    }
    .recognize-block {
        flex-wrap: wrap;
    }
    .privacy-block {
        margin-left: 0;
    }
    .recognize-logos {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .rec-logo-wrap,
    .privacy-logos {
        max-width: 520px;
        margin: 0 auto;
    }
    .rec-logo {
        margin-bottom: 30px;
    }
    .app-section .table-wrap {
        display: block;
        padding: 80px 50px 0px 50px;
    }
    .app-section .table-wrap .column.left,
    .app-section .table-wrap .column.right {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .cma-mobile-screens {
        top: 10px;
    }
    .app-section .table-wrap .column.right {
        margin-top: 40px;
    }
    .app-section .table-wrap .img-wrap {
        max-width: 540px;
        margin: 0 auto;
    }
    .app-section h3+p {
        max-width: 580px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .cma-mobile-screens {
        max-width: 100%;
    }
    .cmc-slider-main {
        padding: 70px 80px 60px 80px;
    }
    .hellp-wrap:before {
        display: none;
    }
    .cma-say-hello {
        top: 10px;
        max-width: 280px;
        margin: 0 auto;
        display: block;
    }
    .common-section.hello-section {
        padding-bottom: 0;
    }
    .hellp-wrap {
        margin-top: 40px;
    }
    .journey-section .content-wrap {
        max-width: 640px;
    }
    h3 {
        font-size: 30px;
        line-height: 36px;
    }
    .guide-section .table-wrap {
        margin-top: 55px;
    }
    .common-section.zmc-boxs-section {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .zh-logo {
        display: none;
    }
    .i18n-en .one-section h2 {
        font-size: 26px;
    }
    .one-section ul li {
        padding: 0 0px 0 40px;
    }
    .zw-product-header {
        display: block;
    }
    .i18n-en h1 {
        font-size: 38px;
    }
    .header-section {
        padding: 40px 0 60px 0px;
    }
    .header-list li {
        font-size: 19px;
        margin-bottom: 15px;
    }
    h1 {
        max-width: 500px;
    }
    .one-section .content-wrap {
        padding: 50px 30px;
    }
    .one-section ul li {
        font-size: 16px;
    }
    .i18n-en h2 {
        font-size: 30px;
    }
    .cmc-hello {
        top: 0px;
        margin-right: 10px;
    }
    .hello-section h2 br {
        display: none;
    }
    .cmc-quote,
    .cmc-slider-main:after {
        display: none;
    }
    .common-section {
        padding: 70px 0;
    }
    #slider {
        max-width: 270px;
    }
    .z-small-content-wrap .sldier-line {
        font-size: 17px;
    }
    .barchart-wrap {
        padding: 100px 40px 60px;
    }
    .bar-saving-count {
        font-size: 30px;
    }
    .common-section.journey-section {
        padding-top: 70px;
    }
    .journey-section h3 {
        font-size: 28px;
        line-height: 40px;
    }
    .i18n-en .same-section h2 {
        font-size: 32px;
        line-height: 38px;
    }
    .same-section .img-wrap {
        max-width: 340px;
    }
    .cma-welcome-onboard,
    .cma-cxclusive-support {
        max-width: 260px;
        top: 60px;
    }
    .same-sec-boc {
        font-size: 12px;
    }
    .same-sec-onboard {
        min-width: 160px;
    }
    .same-section .column p {
        line-height: 30px;
    }
    .common-section.support-section {
        padding-top: 50px;
    }
    .common-section.free-section {
        padding-top: 50px;
    }
    .i18n-en .free-section h2 {
        font-size: 32px;
    }
    .i18n-en .switch-section h2 {
        font-size: 32px;
    }
    .switch-section .table-wrap .colum p {
        line-height: 30px;
    }
    .sb-comparison {
        padding: 60px 15px 40px 15px;
    }
    .zfaq-wrap button {
        font-size: 18px;
    }
    .recognize-each {
        padding: 50px 15px;
    }
    .app-section .table-wrap {
        padding: 50px 15px 0px 15px;
    }
    .app-section .table-wrap .column.right {
        margin-top: 20px;
    }
    .app-section h3 {
        max-width: 280px;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .cmc-slider-main {
        padding: 50px 25px 30px 25px;
    }
    .cmc-slider-inner>p {
        font-size: 22px;
        line-height: 34px;
    }
    .cmc-cus-info h4,.cmc-cus-info h3 {
        font-size: 17px;
    }
    .cmc-cus-info {
        margin-top: 40px;
    }
    .header-section .act-btn {
        margin-bottom: 15px;
    }
    .i18n-en .hello-section h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .hello-section .table-wrap {
        margin-top: 80px;
    }
    h3 {
        font-size: 24px;
        line-height: 28px;
    }
    .in-boxs-each {
        width: 100%;
        margin-bottom: 60px;
    }
    .switches .left span {
        margin-bottom: 25px
    }
    .switches {
        padding: 40px 25px;
        margin-bottom: 50px
    }
    .switch-area .switches:last-child {
        margin-bottom: 20px
    }
    .switches>div {
        display: block
    }
    .switch-area {
        margin-top: 40px
    }
    .in-boxs-each {
        padding: 60px 25px 60px 25px;
    }
}

@media screen and (max-width: 640px) {
    .pricing-faq ul li.zactive {
        padding: 25px;
    }
    .sb-comparison .zfaq-wrap {
        padding: 0 25px 0 25px;
    }
    .zfaq-wrap button {
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .price-amount {
        left: 0;
        top: -25px;
        font-size: 14px;
    }
    .one-section ul li {
        font-size: 15px;
    }
}

@media screen and (max-width: 365px) {}
/* WCAG faq dropdown codes starts */
.zfaq-section {
    margin: 0 auto;
    text-align: center;
    padding: 0 80px 80px;
    border-radius: 7px
}

.faq-section .content-wrap {
    padding: 40px 0 40px
}
h2{
    text-align: center;
}

.faq-section,.faq-section * {
    box-sizing: border-box
}

.zfaq-section div {
    width: 970px;
    padding: 0 20px;
    margin: 0 auto;
    max-width: 100%
}

.sb-comparison .zfaq-wrap:first-child {
    border-top: 0
}

.sb-comparison .zfaq-wrap {
    position: relative;
    padding: 0;
    border-top: 1px solid #fff;
    margin-bottom: 5px;
}

.faq-heading {
    position: relative;
    padding:  0px 0 15px
}
.faq-wrap1{
margin-top : 50px;
}

.sb-comparison button {
    padding-top: 0
}

.sb-comparison button:not(.faq-heading) {
    color: #000;
    cursor: pointer;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: text-top;
    width: 100%;
    padding: 20px 35px 20px 25px;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    font-family: var(--zf-secondary-semibold);
    text-align: left;
    margin-top: 0;
    background-color: #fff;
    border: none;
}

.sb-comparison .zfaq-wrap p {
    display: none;
    padding: 0;
    text-align: left
}

.sb-comparison .zfaq-wrap .faq-arrow {
    position: absolute;
    right: 22px;
    top: 34px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    font-size: 16px;
    left: auto
}

.sb-comparison .zfaq-wrap .faq-arrow:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(135deg);
    -ms-transform: rotate(45deg);
    z-index: 99;
}

.zfaq-wrap.active .faq-arrow:before {
    transform: rotate(315deg);
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    top: 1px;
    -ms-transform: rotate(135deg)
}

.zfaq-wrap.active {
    border-bottom: transparent;
    margin-bottom: 35px;
    background: #fffaf3;
    border-radius: 20px;
    padding: 40px;
}
.zfaq-wrap.active button{
    background-color: transparent;
}
.zfaq-wrap p {
    font-size: 18px
}

.sb-comparison .zfaq-wrap .arrow{
    position: absolute;
    right: 22px;
    top: 34px;
    width: 8px;
    height: 8px;
    cursor: pointer;
    font-size: 16px;
}

@media only screen and (max-width: 767px) {
    .zfaq-section {
        padding:0 30px 60px
    }

    .sb-comparison button:not(.faq-heading) {
        line-height: 1.4
    }

    .zfaq-wrap p {
        font-size: 16px
    }
}  
/* WCAG faq dropdown codes ends */      
    .bottom-txt-wrap {
    text-align: center;
    margin-bottom: 60px;
    border-top: 1px solid #e2e2e2;
    padding-top: 50px
}

.bottom-txt-wrap .content-wrap {
    max-width: 850px
}

.small-txt {
    font-size: 14px
}

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