.zsection {
    padding: 60px 0;
    position: relative;
}

.zcenter {
    text-align: center;
}

.content-sec-wrap {
    max-width: 980px;
    margin: 0 auto;
}

.act-btn.cta-btn {
    visibility: inherit;
    opacity: 1;
    margin-top: 10px;
    padding: 15px 40px;
}

p {
    font-size: 18px;
}

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

#block-panels-mini-product-menu {
    background: url(/sites/zweb/images/campaigns/sendgrid-alternative/pattern-repeat.png) repeat center;
    color: #fff;
}

#block-panels-mini-product-menu span.caret {
    background-position: -168px 0;
}

#block-panels-mini-product-menu .menu-icon-help-header .product-title a {
    color: #fff !important;
}

#block-panels-mini-product-menu .product-nav-links .menu>li>a {
    color: #fff;
}

.hero-wrap {
    background: url(/sites/zweb/images/campaigns/sendgrid-alternative/pattern-repeat.png) repeat 0px -2px;
    color: #fff;
}

.hero-content {
    max-width: 711px;
    margin: 0 auto;
}

.hero-content h1.headtitle {
    max-width: 580px;
    margin: 0 auto;
    margin-bottom: 25px;
}

.hero-content h1.headtitle span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #FFCA39, #FFCA39 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: 100%;
    transition: 1.5s ease;
}

.middle-animated .hero-content h1.headtitle span {
    transition: all 1.5s cubic-bezier(0, 0, .23, 1);
    background-position: 0 0;
}

/* Camparison Table*/
.features-table {
    position: relative;
    max-width: 980px;
    margin: 75px auto;
    margin-bottom: 0px;
}

.features-table ul li {
    display: flex;
    flex-direction: row;
    position: relative;
}

.features-table ul li.fea-head p,
.features-table ul li.fea-lists p {
    width: 31%;
    text-align: center;
    margin: 0px;
}

.features-table ul li.fea-lists p:nth-child(1) {
    padding: 27px 10px;
}

.features-table ul li.fea-head p:nth-child(1) {
    padding: 35px 10px;
}

.features-table ul li.fea-head p.fea-data {
    text-align: center;
}

.features-table ul li p.fea-data {
    background: #FFF;
    /* box-shadow: 0px 6px 30px #0000000F; */
    position: relative;
    line-height: 1.5;
    font-size: 17px;
}

.features-table ul li p.fea-data:nth-child(3) {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F7F7FA;
}

.features-table li.fea-head p.fea-data {
    border-radius: 8px 8px 0 0;
}

.features-table ul li p.fea-data:nth-child(1) {
    text-align: left;
}

.features-table ul li.fea-head p.fea-data:nth-child(1) span {
    font-size: 24px;
    font-family: var(--primaryfont-bold);
}

.features-table ul li p.fea-data:nth-child(1) span {
    position: relative;
    left: 10%;
}

.features-table ul li p.fea-data::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    width: 99.5%;
    border-bottom: 1px solid rgba(226, 226, 226, 1);
}

.features-table ul li p.zh-data {
    background: #1B1B2F;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
}

.features-table ul li.fea-head p.zh-data {
    border-radius: 8px 8px 0 0;
}

.features-table ul li p.zh-data::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid rgba(56, 56, 56, 1);
}

.features-table ul li.fea-lists p.zh-data::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    width: 100%;
    /* border-bottom: 1px solid rgba(56, 56, 56, 1); */
}

.features-table ul li.fea-lists p.zh-data.last-data::after {
    border-bottom: none;
}

.features-table ul li.fea-head p.zh-data span,
.features-table ul li.fea-lists p.zh-data span {
    color: #fff;
}

.features-table ul li.fea-lists p.zh-data span.span-txt {
    font-size: 16px;
    position: absolute;
    width: 200px;
    left: 50%;
    transform: translate(-50%, 0);
    right: inherit;
}

.features-table ul li.fea-lists p.fea-data:nth-child(3) span {
    font-size: 16px;
}

.features-table li.fea-lists p span.yes,
.features-table li.fea-lists p span.no {
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-indent: -9999em;
    padding: 0;
    color: transparent;
}

.features-table li.fea-lists p span.yes:before,
.features-table li.fea-lists p span.yes:after {
    background: #2AD33D;
    content: "";
    height: 2px;
    left: 5px;
    position: absolute;
    top: 14px;
    transform: rotate(45deg);
    width: 7px;
}

.features-table li.fea-lists p span.yes:before {
    left: 8px;
    top: 11px;
    transform: rotate(-42deg);
    width: 16px;
}

.features-table li.fea-lists p span.no:before,
.features-table li.fea-lists p span.no:after {
    background: #FF5A5A none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 4px;
    position: absolute;
    top: 10px;
    transform: rotate(49deg);
    width: 15px;
}

.features-table li.fea-lists p span.no:before {
    left: 4px;
    top: 10px;
    transform: rotate(-49deg);
    width: 15px;
}


.features-table li.fea-lists:last-child p.fea-data::after {
    border: none;
}

/* Camparison Table*/
/* Price Table*/
.zsection.price-chart-wrap {
    background: #fff;
    padding-top: 0px;
}

.price-chart-wrap .heading-txt h2 {
    color: #fff
}

.price-chart-wrap .com-txt {
    color: #fff;
    text-align: center;
}

.com-txt span {
    color: #FFB91A;
}

.price-comparision {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 0 45px;
    max-width: 980px;
    margin: 60px auto 45px;
}

.price-comparision ul {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 8px 20px #00000014;
    border-radius: 10px;
}

.price-comparision li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.price-comparision li p {
    display: table-cell;
    width: 33.34%;
    padding: 30px 10px;
    text-align: left;
    margin-bottom: 0;
}

.price-comparision li p:nth-child(1) {
    text-align: left;
}

.price-comparision li p:nth-child(2) {
    background: #11266A;
    width: 32.6%;
    color: #fff;
}

.price-comparision li.chart-head p {
    color: #000;
    font-family: var(--zf-secondary-bold);
    padding-bottom: 10px;
    font-size: 22px;
    border-bottom: 1px solid;
    border-bottom-color: rgb(0, 0, 0, .2);
    display: -webkit-box;
    padding-bottom: 20px;
}

.price-comparision li.chart-head p.zh-data {
    border-bottom: none;
}

.price-comparision li.chart-head p:nth-child(2) span {
    color: #FFD833;
    border-bottom: 1px solid;
    border-bottom-color: rgb(255, 255, 255, .5);
    display: -webkit-box;
    padding-bottom: 20px;
    position: relative;
    top: 15px;
    width: 200px;
}

.price-comparision li.chart-data:last-child {
    border: none;
}

.price-comparision li.chart-data p {
    text-align: left;
    max-width: 205px;
    margin: 0 auto;
}

.price-comparision li.chart-data p.fea-txt {
    padding: 15px 10px;
    position: relative;
    left: -5px;
}

.price-comparision li.chart-data p.fea-txt span {
    max-width: 225px;
    left: 0;
    display: inline-block;
    font-size: 17px;
}

.price-comparision li.chart-data p span {
    position: relative;
    max-width: 186px;
    margin: 0 auto;
    font-size: 17px;
}

.price-comparision li.chart-data span#zplan-subscription-500,
span.zcurrency-symbol-common,
span.z-price-text-common {
    left: 0px !important;
}

.price-comparision li.chart-data.relative-data p:nth-child(3) {
    position: relative;
}

.price-comparision li.chart-data p span.addon-txt {
    position: absolute;
    left: 28%;
    max-width: 255px;
    margin-left: 28px;
    bottom: 15px;
}

.price-comparision li.chart-data p span.yes,
.price-comparision li.chart-data p span.no {
    height: 20px;
    width: 20px;
    position: relative;
    left: 24%;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-indent: -9999em;
    padding: 0;
    color: transparent;
}

.price-comparision li.chart-data p span.yes:before,
.price-comparision li.chart-data p span.yes:after {
    background: #2AD33D;
    content: "";
    height: 2px;
    left: 5px;
    position: absolute;
    top: 14px;
    transform: rotate(45deg);
    width: 7px;
}

.price-comparision li.chart-data p span.yes:before {
    left: 8px;
    top: 11px;
    transform: rotate(-42deg);
    width: 16px;
}

.price-comparision li.chart-data p span.no:before,
.price-comparision li.chart-data p span.no:after {
    background: #FF5A5A none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 4px;
    position: absolute;
    top: 10px;
    transform: rotate(49deg);
    width: 15px;
}

.price-comparision li.chart-data p span.no:before {
    left: 4px;
    top: 10px;
    transform: rotate(-49deg);
    width: 15px;
}


/* Price Table */

/* Apart Wrap */
.apart-wrap {
    background: #1C191D;
    color: #fff;
}

.apart-content h2 {
    max-width: 550px;
    text-align: left;
}

/* Column Wrap */
.zcol-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: max-content;
}

.zcol {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex: 0 47%;
    padding: 0 15px;
}

/* Column Wrap */

.apart-fea {
    box-shadow: 0px 12px 20px #00000029;
    border: 1px solid #443F46;
    border-radius: 10px;
    padding: 65px 60px;
    margin-bottom: 40px;
}

.apart-fea h3 {
    color: #FFC453;
    font-size: 22px;
    font-family: var(--zf-secondary-bold);
}

.apart-fea span {
    width: 55px;
    height: 55px;
    border-radius: 12px;
    margin-bottom: 35px;
    display: block;
}

.apart-fea span.apart-icon1 {
    background: url(/sites/zweb/images/campaigns/sendgrid-alternative/icon-sprite.svg) repeat 0px -8px;
}

.apart-fea span.apart-icon2 {
    background: url(/sites/zweb/images/campaigns/sendgrid-alternative/icon-sprite.svg) repeat -75px -8px;
}

.apart-fea span.apart-icon3 {
    background: url(/sites/zweb/images/campaigns/sendgrid-alternative/icon-sprite.svg) repeat -149px -10px;
}

.apart-fea span.apart-icon4 {
    background: url(/sites/zweb/images/campaigns/sendgrid-alternative/icon-sprite.svg) repeat -220px -8px;
}

.apart-fea span.apart-icon5 {
    background: url(/sites/zweb/images/campaigns/sendgrid-alternative/icon-sprite.svg) repeat -293px -10px;
}

.apart-fea span.apart-icon6 {
    background: url(/sites/zweb/images/campaigns/sendgrid-alternative/icon-sprite.svg) repeat -369px -8px;
}

.apart-fea span.apart-icon7 {
    background: url(/sites/zweb/images/campaigns/sendgrid-alternative/icon-sprite.svg) repeat -440px -10px;
}

.apart-fea span.apart-icon8 {
    background: url(/sites/zweb/images/campaigns/sendgrid-alternative/icon-sprite.svg) repeat -516px -10px;
}

.apart-fea a {
    color: #4f89f5;
    font-family: var(--primaryfont-semibold);
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

span.arrow-right {
    display: block;
    margin: 0;
    border-radius: 0;
    width: 7px;
    height: 7px;
    border-top: 2px solid #4f89f5;
    border-left: 2px solid #4f89f5;
    transform: rotate(135deg);
    position: relative;
    right: -12px;
    -webkit-transition: all 500ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    -o-transition: all 500ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    transition: all 500ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
}

span.arrow-right::after {
    content: "";
    display: block;
    width: 2px;
    height: 15px;
    background-color: #4f89f5;
    transform: rotate(-45deg) translate(4.5px, 0);
    left: 0;
    top: 0;
}

.apart-fea a:hover span.arrow-right {
    right: -16px;
    -webkit-transition: all 500ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    -o-transition: all 500ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
    transition: all 500ms cubic-bezier(0.11, 0.16, 0.43, 0.86);
}

/* Apart Wrap */
/* Benefits */
.benefits-wrap {
    background: #FFFAF2;
    color: #000;
}

.benefits-wrap h2 {
    text-align: center;
}

.benefits-wrap .content-sec-wrap {
    padding-top: 60px;
}

.benefits-wrap .zcol-wrap .zcol {
    flex: 0 46%;
}

.benefits-content {
    background: #fff;
    box-shadow: 0px 8px 16px #0000000F;
    border-radius: 10px;
    padding: 70px 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

.benefits-content span {
    width: 55px;
    height: 55px;
    margin-bottom: 35px;
    display: block;
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
    opacity: 1;
    transition: all .5s linear;
}

.benefits-content span.benefits-icon1 {
    background: url(/sites/zweb/images/campaigns/sendgrid-alternative/icon-sprite.svg) repeat -583px -8px;
    width: 64px;
}

.middle-animated span.benefits-icon1 {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition-delay: 250ms;
}

.benefits-content span.benefits-icon2 {
    background: url(/sites/zweb/images/campaigns/sendgrid-alternative/icon-sprite.svg) repeat -660px -8px;
}

.middle-animated span.benefits-icon2 {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition-delay: 250ms;
}

.benefits-content h3 {
    color: #000;
    font-size: 22px;
    font-family: var(--zf-secondary-bold);
    text-align: left;
}

/* Benefits */
/* Testimonial */
.testimonial-wrap {
    padding: 60px 0 0;
}

.slider-wrap {
    text-align: center;
    padding: 50px 0 20px;
    max-width: 800px;
    margin: 0 auto;
}
.slider-wrap .slick-list{
margin:0 60px;
}

.slider-wrap .author-image+p {
    font-family: var(--zf-secondary-regular);
    font-size: 22px;
    line-height: 1.5;
}

.slider-wrap .content-wrap {
    max-width: 900px;
}

.author-image {
    width: 65px;
    height: 65px;
    margin: 0 auto;
    display: block;
    background: url(/sites/zweb/images/campaigns/sendgrid-alternative/icon-sprite.svg) repeat -727px 0px;
    margin-bottom: 35px;
}

.author-info h6,.author-info h2 {
    color: #8C45FF;
    font-size: 18px;
    font-family: var(--zf-secondary-semibold);
    margin-bottom: 0;
}

.author-info {
    margin-top: 30px;
}

.author-info p {
    margin-bottom: 0;
    font-size: 15px;
    color: #000;
    opacity: .6;
    font-family: var(--zf-secondary-regular);
}

/* Testimonial */

.zwitch-now {
    background: #fff;
    color: #000;
    text-align: center;
    padding: 60px 0 100px;
}

.barchart-wrap {
    position: relative;
    height: 220px;
    margin: 0px auto 105px;
    max-width: 350px;
}

.bar-wrap {
    width: 50%;
    display: block;
    float: left;
    height: 100%;
    position: relative;
}

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

.bar {
    position: absolute;
    bottom: 0px;
    height: 25%;
    background: #728089;
    width: 40%;
    left: 35%;
    transition: height 0.5s ease;
    border-top: 4px solid rgb(255 255 255 / 50%);
}

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

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

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;
}

span.plan-pricing {
    position: relative;
}

.bar span.price {
    bottom: auto;
    top: -30px;
    font-size: 16px;
}

.bar span {
    position: absolute;
    bottom: -60px;
    width: 100%;
    text-align: center;
    left: 0px;
    color: #ff5757;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
    width: 200%;
    left: 50%;
    transform: translate(-50%, 0);
}

.bar.zendesk-bar {
    background: #3D85CE;
}

#slider {
    background-color: #FF9D00;
    height: 4px;
    border: none;
    position: relative;
    max-width: 470px;
    margin: 0 auto;
    border-radius: 30px;
}

#slider span {
    position: absolute;
    z-index: 2;
    width: 25px;
    height: 25px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    margin-left: -6px;
    top: -15px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.53);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.53);
    -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.53);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #FF9D00;
}

/* Price Comparison */
.slider-value {
    font-family: var(--zf-primary-bold);
    font-size: 26px;
    padding-left: 10px;
    line-height: 1;
}

.price-comparison-view {
    padding: 60px 0 70px;
}

.price-comparison-view p {
    text-align: center;
    font-size: 20px;
    font-family: var(--zf-primary-medium);
    display: flex;
    justify-content: center;
    align-items: center;
}

.note-txt {
    background: #FFF9F0;
    box-shadow: 0px 3px 6px #00000014;
    border: 1px solid #FFB648;
    border-radius: 78px;
    padding: 25px 0;
    text-align: left;
    max-width: 790px;
    margin: 0 auto;
}

.note-txt p {
    max-width: 704px;
    margin: 0 auto;
    font-size: 15px;
}

.note-txt p strong {
    font-family: var(--zf-primary-bold);
}

/* Price Comparison */

/* Transition */
.transY1,
.transY2,
.transY3,
.transY4,
.transY5,
.transY6,
.transY7,
.transY8,
.transY9 {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -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)
}

.middle-animated .transY1,
.middle-animated .transY2 {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}


.top-animated .transY3,
.top-animated .transY4,
.top-animated .transY5,
.top-animated .transY6,
.top-animated .transY7,
.top-animated .transY8,
.top-animated .transY9 {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

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

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

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

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

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

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

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

.transY8 {
    -webkit-transition-delay: 1650ms;
    transition-delay: 1650ms
}

.transY9 {
    -webkit-transition-delay: 1850ms;
    transition-delay: 1850ms
}

/* Transition */

/* bottom-txt-wrap */

.bottom-txt-wrap {
    text-align: center;
    margin-bottom: 60px;
    border-top: 1px solid #e2e2e2;
    padding-top: 50px;
}
.bottom-txt-wrap a {
color:var(--zwc-link-clr);
}
.bottom-txt-wrap .content-wrap {
    max-width: 850px;
}

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

/* bottom-txt-wrap end*/

@media (min-width:991px) {
    .zsection {
        padding: 120px 0;
    }

    h1.headtitle {
        font-size: 54px;
    }

    h2.headtitle {
        font-size: 42px;
    }

    h3.headtitle {
        font-size: 36px;
    }

    .apart-content h2.headtitle {
        font-size: 48px;
        margin-bottom: 80px;
    }

    /* Table*/
    .features-table ul li.fea-head {
        transition: ease all 0.5s;
    }

    .features-table ul li.fea-head.fixed {
        position: sticky;
        max-width: 980px;
        width: 100%;
        z-index: 9;
        top: 52px;
    }

    .features-table ul li.fea-head.fixed p {
        -webkit-box-shadow: 0 8px 6px -6px #0000000F;
        -moz-box-shadow: 0 8px 6px -6px #0000000F;
        box-shadow: 0 8px 6px -6px #0000000F;
    }

    .features-table ul li.fea-head p.fea-data:nth-child(1) span {
        font-size: 20px;
        font-family: var(--primaryfont-semibold);
    }

    .features-table li.fea-head.fixed p.fea-data,
    .features-table li.fea-head.fixed p.zh-data {
        border-radius: 0;
    }

    .features-table ul li.fea-head.fixed p.fea-data::after,
    .features-table ul li.fea-head.fixed p.zh-data::after,
    .features-table li.fea-head.fixed p.zh-data::before {
        display: none;
    }

    .features-table ul li p.zh-data.last-data {
        border-radius: 0 0 8px 8px;
    }

    .features-table li.fea-lists:last-child p.fea-data {
        border-radius: 0 0 8px 8px;
    }

    /* Table*/
    .price-comparision {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
        -webkit-transition: all 1.5s;
        -o-transition: all 1.5s;
        transition: all 1.5s;
        opacity: 0;
    }

    .middle-animated .price-comparision {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: all 1.5s;
        -o-transition: all 1.5s;
        transition: all 1.5s;
        opacity: 1;
    }

    .price-comparision li:nth-child(3) p.sb-data {
        padding: 0px 10px;
    }

    .price-comparision li.chart-head p {
        padding-top: 30px;
        max-width: 205px;
        margin: 0 auto;
        padding-left: 0;
    }

    .price-comparision li.chart-head p.zh-data,
    .price-comparision li.chart-data p.zh-data {
        position: relative;
        padding: 30px 63px;
        margin: 0;
        box-sizing: content-box;
    }

    .price-comparision li.chart-head p.zh-data::before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-49.79%, 0);
        top: -32px;
        width: 99.5%;
        height: 30px;
        background: #11256a;
        border-radius: 8px 8px 0 0;
        border: 1px solid #11256a;
        box-sizing: content-box;
    }

    .price-comparision li.chart-data p.zh-data.last-data::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-49.89%, 0);
        bottom: -25px;
        width: 100%;
        height: 25px;
        background: #11256a;
        border-radius: 0 0 8px 8px;
    }

    .apart-content .zcol-wrap .zcol:last-child {
        position: relative;
        align-items: flex-end;
        top: 35px;
    }

    .apart-content .zcol-wrap .zcol:first-child {
        padding-left: 0;
        align-items: flex-start;
    }

    .top-adj {
        position: relative;
        top: -30px;
    }

    .top-adj-pro {
        position: relative;
        top: -85px;
    }

    section.zsection.price-comparison {
        padding-top: 0;
    }
}

@media (max-width: 1140px) {
    .features-table ul li.fea-head.fixed {
        top: 0px;
    }
}

@media (max-width:991px) {
    .features-table {
        margin: 50px auto 0;
        position: relative;
        background: #fff;
        border-radius: 10px;
        padding: 10px 0;
    }

    .features-table ul {
        box-shadow: 0px 8px 20px #00000014;
        border-radius: 10px;
        padding: 20px 0;
    }

    .features-table ul li {
        border-bottom: none;
    }

    .features-table ul li:last-child {
        border-bottom: none;
    }

    .features-table ul li.fea-head p,
    .features-table ul li.fea-lists p {
        margin: 0;
        box-shadow: none;
    }

    .features-table ul li p.zh-data::after,
    .features-table ul li p.fea-data::after {
        display: none;
    }

    .features-table ul li.fea-head,
    .features-table li.fea-lists p.zh-data.last-data::after,
    .price-comparision li.chart-head {
        display: none;
    }

    .price-comparision ul {
        border: none;
        border-radius: 10px;
        box-shadow: 0px 8px 20px #00000014;
    }

    .features-table ul li,
    .price-comparision li {
        flex-direction: column;
    }

    .price-comparision li {
        border-bottom: 1px solid #efefef;
    }

    .features-table ul li p,
    .features-table ul li.fea-head p:nth-child(1),
    .features-table ul li.fea-lists p:nth-child(1) {
        padding: 25px 0;
    }

    .price-comparision li p {
        width: 100%;
        padding: 20px 10px 30px;
    }

    .features-table ul li.fea-lists p {
        width: 100%;
        padding: 40px 10px;
        max-width: 80%;
        margin: 0 auto;
    }

    .features-table ul li p.zh-data {
        max-width: 80%;
        margin: 0 auto;
    }

    .features-table ul li p.fea-data:nth-child(1) span,
    .features-table li.fea-lists p span.yes,
    .features-table li.fea-lists p span.no,
    .features-table ul li.fea-lists p.zh-data span.span-txt,
    .features-table ul li.fea-lists p.fea-data:nth-child(3) span {
        position: relative;
        left: inherit;
        transform: inherit;
    }

    .features-table ul li p.fea-data:nth-child(1) {
        text-align: center;
    }

    .features-table li.fea-lists.first-data p.fea-data:nth-child(1) {
        border-radius: 8px 8px 0 0;
    }

    .features-table ul li.fea-lists p.zh-data span,
    .features-table ul li.fea-lists p.fea-data:nth-child(3) span {
        top: 10px;
    }

    .features-table ul li.fea-lists p.zh-data span {
        color: #000;
    }

    .features-table li.fea-lists p.zh-data::before {
        content: "Zoho Campaigns";
        position: absolute;
        top: 25px;
        display: block;
        margin-bottom: 10px;
        font-size: 16px;
        color: #fff;
        font-family: var(--zf-secondary-semibold);
    }

    .features-table li.fea-lists p.sb-data::before {
        content: "SendGrid";
        position: absolute;
        top: 25px;
        display: block;
        margin-bottom: 10px;
        font-size: 16px;
        color: #0091ff;
        font-family: var(--zf-secondary-semibold);
    }

    .features-table ul li p.zh-data {
        background: #1B1B2F;
    }

    .price-comparision {
        padding: 0;
        margin-bottom: 0;
    }

    .zsection.price-chart-wrap {
        padding-bottom: 0;
    }

    .price-comparision li.chart-data p {
        text-align: center;
    }

    .price-comparision li.chart-data p.fea-txt span {
        max-width: 225px;
        left: 0;
    }

    .price-comparision li.chart-data p span {
        position: relative;
    }

    .price-comparision li.chart-data p.fea-txt span:before {
        display: none;
    }

    .price-comparision li.chart-data p:nth-child(2) span.zh-data:before,
    .price-comparision li.chart-data p.zh-data:before {
        content: "Zoho Campaigns";
        position: relative;
        top: 10px;
        display: block;
        margin-bottom: 15px;
        font-size: 16px;
        color: #FFD833;
        font-family: var(--zf-secondary-semibold);
    }

    .price-comparision li.chart-data p:nth-child(3) span.sb-data:before,
    .price-comparision li.chart-data p.sb-data:before {
        content: "SendGrid";
        position: relative;
        top: 10px;
        display: block;
        margin-bottom: 15px;
        font-size: 16px;
        color: #0091ff;
        font-family: var(--zf-secondary-semibold);
    }

    .price-comparision li.chart-data p span.addon-txt {
        position: relative;
        left: inherit;
        max-width: 100%;
        margin-top: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-left: 0;
    }

    .price-comparision li.chart-data p {
        text-align: center;
    }

    .price-comparision li.chart-data p span {
        left: inherit;
    }

    .price-comparision li p:nth-child(2) {
        width: 100%;
        max-width: 80%;
    }

    .price-comparision li.chart-data p span.yes,
    .price-comparision li.chart-data p span.no {
        left: inherit;
    }

    .apart-content .zcol {
        flex: 0 46%;
    }

    .apart-fea {
        padding: 65px 30px;
        min-height: 430px;
    }

    .apart-content h2.headtitle {
        margin: 0 auto;
        text-align: center;
        margin-bottom: 40px;
    }

    .benefits-content {
        padding: 90px 40px;
    }

    .bar {
        width: 50%;
        left: 30%;
    }

    .bar span {
        width: fit-content;
    }

    .features-table ul li.fea-lists p.zh-data span.span-txt {
        color: #fff;
    }

    .note-txt {
        padding: 26px 50px;
    }

}

@media(max-width:848px) {
    .apart-content .zcol {
        flex: 0 100%;
    }

    .apart-fea {
        padding: 65px 30px;
        min-height: auto;
    }
}

@media(max-width:767px) {

    /* Column Wrap */
    .zcol {
        flex: 0 100%;
        padding: 0;
    }

    .apart-fea {
        padding: 35px 30px;
    }

    .apart-fea.top-adj.btm-none {
        margin-bottom: 0px;
    }

    .benefits-wrap .zcol-wrap .zcol {
        flex: 0 100%;
    }

    .benefits-content {
        padding: 40px 20px;
        margin-bottom: 40px;
    }

    .benefits-content.btm-0 {
        margin-bottom: 0px;
    }

    .testimonial-wrap {
        padding: 10px 0 0
    }

    .zwitch-now {
        padding: 0 0 60px
    }

    .slider-value {
        font-size: 24px;
    }

    #slider {
        max-width: 260px;
    }

    .note-txt {
        border-radius: 20px;
        padding: 26px 30px;
    }

    .price-comparison-view p {
        flex-direction: column;
    }

    .benefits-wrap .content-sec-wrap {
        padding-top: 40px;
    }

    .benefits-content span {
        margin-bottom: 20px;
    }
}