.zw-product-header {
    /* background-color: #010213; */
    /* background-image: linear-gradient(to right,#010213 -20% , #15173E, #010213 36%); */
    position: absolute;
    /* top: 65px; */
    left: 0;
    right: 0;
    z-index: 5;
}

.zw-template-inner {
    position:relative;
}

.zw-template-zm_competitor_comparison_page .zwc_t_breadcrumb {
    position: absolute;
    top: 68px;
    left: 0;
    right: 0;
}

.zw-template-zm_competitor_comparison_page .zwc_t_breadcrumb ul li, .zw-template-zm_competitor_comparison_page .zwc_t_breadcrumb ul li a:before {
    color:#fff;
}

.zw-template-zm_competitor_comparison_page .zwc_t_breadcrumb ul li a{
    color: #ffffff96;
}

.zw-template-zm_competitor_comparison_page .zwc_t_breadcrumb ul li a:after {
    background: #fff;
}

.icon-postmark::before{
    content: ' ';
    display: inline-block;
    background: url(/sites/zweb/images/otherbrandlogos/postmark-white.svg) no-repeat; 
    background-size: 100% auto;
    width: 140px;
    height: 30px;
}
.icon-messagebird::before{
    content: ' ';
    display: inline-block;
    background: url(/sites/zweb/images/otherbrandlogos/messagebird-white.svg) no-repeat;  
    background-size: 100% auto;
    width: 135px;
    height: 21px;
}
.icon-mailchimp::before{
    content: ' ';
    display: inline-block;
    background: url(/sites/zweb/images/otherbrandlogos/intuit-mailchimp-white.svg) no-repeat; 
    background-size: 100% auto;
    width: 120px;
    height: 36px;
}
.icon-netcore::before{
    content: ' ';
    display: inline-block;
    background: url(/sites/zweb/images/otherbrandlogos/netcore-white.png) no-repeat;
    background-size: 100% auto;
    height: 27px;
    width: 135px;
}
.icon-amazon-ses::before{
    content: ' ';
    display: inline-block;
    background: url(/sites/zweb/images/otherbrandlogos/aws.svg) no-repeat;   
    background-size: 100% auto;
    height: 36px;
    width: 59px;
}
.icon-sendgrid::before{
    content: ' ';
    display: inline-block;
    background: url(/sites/zweb/images/otherbrandlogos/twilio-sendgrid-_white.svg) no-repeat;   
    background-size: 100% auto;
    height: 35px;
    width: 125px;
}
.zwc-product-logo-secondary::before{
    position: absolute;
    inset: 0;
    margin: auto;
}

.price-compare-right .icon-postmark::before,.price-compare-right .icon-mailchimp::before,
.price-compare-right .icon-messagebird::before,.price-compare-right .icon-sendgrid::before{
    width: 120px;
}

.price-compare-right .icon-postmark::before{
    height: 26px;
}
.price-compare-right .icon-mailchimp::before{
    height: 36px;
}

.price-compare-right .icon-messagebird::before{
    height: 18px;
}

.price-compare-right .icon-sendgrid::before{
    height: 34px;
}
.compare-box-logo-head .icon-messagebird::before,.compare-box-logo-head .icon-mailchimp::before,
.compare-box-logo-head .icon-netcore::before,.compare-box-logo-head .icon-sendgrid::before{
    width: 140px;
}
.compare-box-logo-head .icon-messagebird::before{
    height: 22px;
}
.compare-box-logo-head .icon-mailchimp::before{
    height: 42px;
}
.compare-box-logo-head .icon-netcore::before{
}
.compare-box-logo-head .icon-sendgrid::before{
    height: 40px;
}

.compare-box-logo-head .icon-amazon-ses::before{
    width: 75px;
    height: 45px;
}

.zwc-product-logo-secondary.icon-messagebird::before{
   transform: translateY(2px);
}

/* ----------------- Banner Section style starts here ---------------- */
.zwc-inner-wrap h1 {
    font-size: 62px;
    line-height: 1.2;
}

.zwc-inner-wrap h2 {
    font-size: 50px;
    /* line-height: 1.1; */
    line-height: 1.2;
    margin-bottom: 50px;
}

.zwc-inner-wrap h3 {
    font-size: 32px;
    line-height: 1.1;
}

.zwc-inner-wrap h4 {
    font-size: 25px;
}

.zwc-inner-wrap p {
    line-height: 1.8;
}



/* ------------ Padding ---------- */
.zct-section .content-wrap {
    padding: 100px 0 115px;
    /* padding: 90px 0 115px; */
}
.zwc-banner.has-pricing-note .content-wrap{
    padding-bottom: 105px;
}
.zwc-banner .content-wrap {
    padding-bottom: 110px;
}
.zct-section.zwc-banner .content-wrap {
    padding-top: 50px;
}
.zwc-inner-wrap .zwc-banner{
    /* padding-top: 175px; */
    padding-top: 145px;
}

.zwc_t_breadcrumb + .zwc-inner-wrap .zwc-banner {
    padding-top: 170px;
}

.zwc-info-sec .content-wrap {
    padding-top: 115px;
}

.zwc-get-started .content-wrap {
    padding-top: 105px;
}

.zwc-testimonial .content-wrap {
    padding-bottom: 105px;
}

.zwc-bottom-ban .content-wrap {}

.zwc-testimonial {
    background-color: #010213;
    padding-bottom: 120px;
    /* padding-bottom: 130px; */
}
.zwc-features>.content-wrap{
    padding-top: 90px;
}
/* ------------ Padding ---------- */
.pricing-description p:last-of-type{
    margin-bottom: 0;
}
.pricing-description p:first-child{
    margin-top: 30px;
}
.pricing-description{
    /* margin-top: 30px; */
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    /* text-align: center; */
}
.pricing-description p{
    font-size: 15px;
}
.zwc-banner-con h1 {
    margin-bottom: 30px;
}

.has-bar-chat .zwc-banner-con {
    display: grid;
    grid-template-columns: 55% 40%;
    gap: 0 50px;
    padding: 0 20px;
}

.zwc-banner:not(.has-bar-chat) .zwc-banner-con {
    text-align: center;
    /* max-width: 700px; */
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}
.zwc-banner:not(.has-bar-chat) .zwc-ban-right{
   display: none;
}
.zwc-banner {
    position: relative;
    color: white;
    background-color: #010213;
    overflow: hidden;
}

.zwc-banner::before {
    content: " ";
    height: 100%;
    width: 100%;
    position: absolute;
    /* top: -15%;
    left: -28%; */
    top: -31%;
    left: -31%;
    /* border-radius: 50%; */
    /* background-image: radial-gradient(ellipse at 5% 30%,#15173E ,#010213 70%); */
    background-image: radial-gradient(#15173E, #010213 75%);
    transform: rotate(45deg);
    /* background: #15173E;
    box-shadow: 10px 10px 10px 10px #15173E; */
}


.has-bar-chat .price-compare-right {
    /* display: grid; */
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    height: 50%;
    position: relative;
}
.has-bar-chat .zwc-ban-left>p {
    padding-right: 140px;
    padding-left: 0;
    /* margin-bottom: 40px; */
}
.zwc-ban-left>p{
    padding: 0 70px;
    margin-bottom: 50px;
}
.zwc-banner:not(.has-bar-chat) .price-compare-right {
    display: none;
}

.getst-lst-arrow-ban {
    /* opacity: 0;
    visibility: hidden; */
    /* transition: opacity 1s ease, visibility .7s ease; */
    /* width: 50px; */
    width: 80px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* position: absolute; */
    top: 0;
    left: 0;
    overflow: hidden;
    /* margin: 0 20px; */
}

.getst-lst-arrow-ban .arrow {
    /* bottom: 12px; */
    /* right: 20px; */
}

.arrowSliding-ban {
    position: absolute;
    /* left: 30px; */
    animation: bannerArrowAnimation 3s linear infinite;
    opacity: 0;
    /* border: 1px solid white; */
}

.arrowSliding-ban.delay1 {
    /* left: 20px; */
}

.arrowSliding-ban.delay2 {
    /* left: 10px; */
}

.arrowSliding-ban.delay1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    /* border: 1px solid yellow; */
}

.arrowSliding-ban.delay2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    /* border: 1px solid red; */
}

.arrowSliding-ban.delay3 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    /* border: 1px solid red; */
}

.arrowSliding-ban.delay4 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    /* border: 1px solid red; */
}

@keyframes bannerArrowAnimation {
    0% {
        opacity: .1;
        -webkit-transform: translateX(-25px) scale(0.5);
        transform: translateX(-25px) scale(0.5);
        z-index: 1;
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
        z-index: 2;
    }

    100% {
        opacity: .4;
        -webkit-transform: translateX(20px) scale(.5);
        transform: translateX(20px) scale(.5);
        z-index: 1;
    }
}

.getst-lst-arrow-ban .arrow::before,
.getst-lst-arrow-ban .arrow::after,
.arrowSliding-ban .arrow {
    width: 20px;
    height: 20px;
    /* overflow: visible; */
}

.ban-left-icons {
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: repeat(3, max-content);
    /* gap: 40px; */
    position: relative;
    text-align: left;
}

.zwc-product-logo-secondary {
    /* padding: 15px 20px; */
}

.zwc-product-logo-secondary>img {
    /* min-height: 30px;
    max-height: 35px;
    object-fit: contain; */
}

.zwc-product-logo-primary {
    /* width: 170px; */
}

.zwc-product-logo-primary,
.zwc-product-logo-secondary {
    background-image: linear-gradient(1deg, #0C0D26, #03041C);
    border: 1px solid #56587E;
    border-radius: 10px;
    height: 100%;
    box-shadow: 0px 3px 35px #656DFC76;
    position: relative;
}

.getst-lst-arrow-ban .arrow {
    border-radius: 3px;
}

.getst-lst-arrow-ban .arrow::before {
    border-radius: 3px 3px 3px 55%;
    transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-40.3%) skewX(29deg) scaleY(0.866) translateX(-19%);
}

.getst-lst-arrow-ban .arrow::after {
    border-radius: 3px 3px 55% 3px;
    transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-40.3%) skewX(-28deg) scaleY(0.866) translateX(22%);
}

.zwc-banner:not(.has-bar-chat) .ban-left-icons {
    align-items: center;
    justify-content: center;
}


.zwc-product-logo-primary::before {
    content: " ";
    display: inline-block;
    position: absolute;
    inset: 0;
    margin: auto;
    background: var(--zp-zeptomail-dark) no-repeat;
    /* background: url(/sites/zweb/images/productlogos/zeptomail-dark.svg) no-repeat; */
    width: 170px;
    height: 44px;
    transform: scale(.8) translateY(-1px);
}


.zwc-product-logo {
    line-height: 0;
    min-width: 180px;
    min-height: 65px;
}

.price-compare-right {
    /* display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-items: center;
    height: 70%;
    align-self: end;
    position: relative;
    grid-row: 1/3;
    grid-column: 2/3; */
}

.price-compare-right .prod-bar {
    height: 0;
    position: absolute;
    bottom: 60px;
    transition: height .7s ease;
}

.price-compare-right .our-prod-bar {
    left: 23%;
}

.price-compare-right .out-prod-bar {
    right: 23%;
}

.price-compare-right .product-logo-primary {
    bottom: -72px;
    /* display: flex; */
    gap: 8px;
    align-items: center;
    justify-content: center;
}

.price-compare-right .product-logo {
    position: absolute;
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 0;
}

.price-tip {
    position: absolute;
    background-color: #0C0D26;
    border-radius: 10px;
    top: -95px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 21px;
    color: #4AFD98;
    padding: 6px 10px;
    font-family: var(--zf-primary-bold);
    border: 1px solid #56587E;
    text-align: center;
    /* width: 87px; */
    /* max-width: 97%; */
}

.prod-bar .bar-wrapper {
    height: 100%;
    font-size: 0;
}

.price-compare-right .product-logo-secondary {
    max-height: 50px;
    max-width: 120px;
    bottom: -60px;
}

.price-compare-right .product-logo span {
    display: inline-block;
}

.price-compare-right .product-logo span {
    display: inline-block;
    background: var(--zp-zeptomail-dark) no-repeat;
    /* background: url(/sites/zweb/images/productlogos/zeptomail-dark.svg) no-repeat; */
    width: 170px;
    height: 44px;
    transform: scale(.8) translateY(0px);
}

.price-compare-right .product-logo p {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 0;
}

.price-compare-right .product-logo-primary p {
    font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
}

.price-tip::before {
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    background-color: #0C0D26;
    bottom: -6px;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotateZ(45deg);
    z-index: -1;
    border-right: 1px solid #56587E;
    border-bottom: 1px solid #56587E;
}

.our-prod-bar .bar-wrapper .top {
    background-color: #4DFD9A;
}

.bar-wrapper .top {
    position: absolute;
    top: 0;
    left: -1px;
    right: 0;
    margin: auto;
    height: 55px;
    width: 55px;
    z-index: 3;
    transform: rotateX(54.5deg) rotateZ(45deg) translateZ(47px);
}

.our-prod-bar .bar-wrapper .left {
    background: linear-gradient(#4DFD9A, #15173E);
}

.our-prod-bar .bar-wrapper .right {
    background-image: linear-gradient(#4DFD9A, #15173E);
}

.our-prod-bar .bar-wrapper .left::before {
    background-image: linear-gradient(#4DFD9A, #15173E);
}

.bar-wrapper .left::before {
    content: "";
    position: absolute;
    height: calc(100% - 1px);
    width: 100%;
    top: 0;
    left: 1px;
}

.price-compare-right .product-logo-secondary img {
    /* object-fit: contain;
    max-height: 35px;
    max-width: 120px; */
}
.out-product>img{
   /* max-height: 45px;
   object-fit: contain; */
}
.out-prod-bar .bar-wrapper .top {
    background-color: #4DFD9A;
    /* border: .5px solid #9597ae; */
}

/* .bar-wrapper .left, .bar-wrapper .right,.bar-wrapper .top{
    border: 1px solid #9597ae;
}
.bar-wrapper .left, .bar-wrapper .right{
    border-bottom: none;
}
.bar-wrapper .top{
    border-top: none;
    border-right: none;
} */

.bar-wrapper .left {
    transform: skewY(30deg);
}

.out-prod-bar .bar-wrapper .left {
    background-image: linear-gradient(#4DFD9A, #15173E);
}

.out-prod-bar .bar-wrapper .right {
    background-image: linear-gradient(#4DFD9A, #15173E);
}

.bar-wrapper .right {
    transform: skewY(-30deg);
}

.bar-wrapper .left,
.bar-wrapper .right {
    display: inline-block;
    height: 100%;
    width: 39px;
}

.price-range-bar input[type="range"] {
    appearance: none;
    -webkit-appearance: none;
    height: 4px;
    width: calc(100% + 24px);
    background-color: transparent;
    position: relative;
    background-image: linear-gradient(to right, #0A0B26, #1D237F);
    transform: translateX(-12.5px);
}

.price-range-bar input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #000110;
    border: 1px solid #666DFC;
    cursor: pointer;
    box-shadow: 0px 3px 9px #656DFC76;
}
.price-range-bar input[type="range"]::-moz-range-thumb {
    background-color: #000110;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: 1px solid #666DFC;
    cursor: pointer;
    box-sizing: border-box;
    box-shadow: 0 0 15px 1px rgb(102 109 252 / 55%);
    z-index: 2;
}

.price-range-bar {
    position: relative;
    max-width: 330px;
    justify-self: center;
    width: 100%;
    margin-top: 75px;
}

.price-range-bar>span {
    content: '';
    position: absolute;
    padding: 5px 10px;
    background-color: #161638;
    border-radius: 5px;
    top: -45px;
    /* left: 12px; */
    color: #656DFC;
    font-size: 15px;
    font-family: var(--zf-primary-bold);
    transform: translateX(-50%);
    white-space: nowrap;
}

.price-range-bar>span::before {
    content: '';
    background-color: #161638;
    height: 10px;
    width: 10px;
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    margin: auto;
}

.zwc-ban-right {
    display: grid;
    align-items: end;
    grid-template-rows: 3fr 1fr .5fr;
}

.pricing-con-note>p {
    margin-bottom: 0;
    font-size: 15px;
    padding: 5px 19px;
}

.pricing-con-note {
    justify-self: center;
    background-image: linear-gradient(90deg, #030418, #121441, #11133D, #04051A);
    margin-top: 30px;
}

.zwc-ban-left {
    /* padding-left: 20px; */
}

/* ----------------- Banner Section style ends here ---------------- */



/* ----------------- Info Section style starts here ---------------- */
.zwc-info-con {
    /* background-image: linear-gradient(to bottom left, #E9ECF7, #F5F6F9);
    padding: 70px 60px;
    border: 1px solid #BCC9E5;
    border-radius: 30px;
    display: grid;
    grid-template-columns: 360px 1fr;
    align-items: self-start;
    justify-content: center;
    margin: 0 80px;
    gap: 100px; */
    background-image: linear-gradient(to bottom left, #E9ECF7, #F5F6F9);
    padding: 70px 60px;
    border: 1px solid #BCC9E5;
    border-radius: 30px;
    display: grid;
    grid-template-columns: 370px 1fr;
    align-items: self-start;
    justify-content: center;
    margin: 0 80px;
    gap: 60px;
}
.zwc-info-con>h2{
    margin-bottom: 0;
    font-size: 40px;
}
.zwc-info-para>p {
    margin-bottom: 30px;
}

.zwc-info-para>p:last-child {
    margin-bottom: 0;
}

.zwc-info-para a {
    text-decoration: underline;
    color: var(--zwc-link-clr);
}

.zwc-info-para>p+p {
    /* margin-bottom: 0; */
}

.zwc-info-con>h2 {
    /* margin-right: 130px; */
}

.zwc-info-con>h2>span,
.zwc-info-para>p>span {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.zwc-info-con>h2>span::before,
.zwc-info-para>p>span::before {
    content: ' ';
    display: inline-block;
    position: absolute;
    height: 100%;
    background-color: rgb(234, 214, 97);
    z-index: -1;
    border-radius: 5px;
    top: 0;
}

.zwc-info-con>h2>span::before {
    width: 105%;
    left: -5px;
}

.zwc-info-para>p>span::before {
    width: 102%;
    left: -2px;
}

/* ----------------- Info Section style ends here ---------------- */







/* ----------------- Comparison Section style starts here ---------------- */
.zwc-comparison-sec>.content-wrap {
    /* padding-top: 0; */
}

.zwc-comparison-sec {
    /* border-radius: 30px; */
    background-color: #15173E;
    position: relative;
    color: white;
    z-index: 2;
    overflow: hidden;
}

.zwc-comparison-sec::before {
    content: '';
    min-height: 2000px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: radial-gradient(ellipse at 13% -30%, #1D2382 0%, #15173E 37%, #194D40 59%, #194D40);
    opacity: 0.7;
}

.zwc-comparison-con>h2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    /* max-width: 440px; */
}



/* ---------- Comparison table style starts here ---------- */
.compare-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 5px;
    /* background-color: #1A1F67; */
    width: fit-content;
    padding: 0 6px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
}

.compare-tab {
    flex-wrap: wrap;
}

/* .compare-tab .comparison-title{ */

/* } */
.compare-tab .active-tab {
    width: 108px;
    position: absolute;
    background-color: #4DFD9A;
    border-radius: 10px;
    top: 0;
    left: 7px;
    bottom: 0;
    height: 75%;
    margin: auto;
    transition: transform 0.5s ease, left 0.5s ease, width 0.5s ease;
    z-index: 1;
}


.compare-tab .comparison-title {
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    cursor: pointer;
    padding: 5px 20px;
    z-index: 2;
    font-family: var(--zf-primary-bold);
    /* transition: color .5s ease; */
    font-size: 14px;
    background-color: #1A1F67;
    border-radius: 10px;
}

.compare-tab .active-tab {
    /* display: none; */
    opacity: 0;
    visibility: hidden;
}

.comparison-title.active {
    color: #000;
    background-color: #4DFD9A;
}

.compare-box li .toolip-box {
    background: #1975d2;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    min-height: 25px;
    width: 94%;
    padding: 15px 19px;
    position: absolute;
    text-align: left;
    left: 10px;
    /* bottom: 80%; */
    border: 0;
    /* transition: .5s ease; */
    display: none;
    z-index: 2;
    bottom: auto;
    transform: translateY(calc(-100% - 8px));
}

.tooltip-box-arrow {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #1975d2;
    bottom: -7px;
    color: white;
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
.tooltip-icon{
    -webkit-tap-highlight-color: transparent;
    position: relative;
    cursor: pointer;
    z-index: 1;
    display: inline-block;
}
.compare-box li .toolip-text .tooltip-icon::after {
    content: "i";
    width: 15px;
    height: 15px;
    border: 1px solid #9d9d9d;
    border-radius: 100%;
    font-size: 13px;
    line-height: 13px;
    text-align: center;
    color: #5a5a5a;
    font-family: var(--zf-primary-semibold);
    vertical-align: text-top;
    margin-top: 4px;
    display:inline-block;
}
.toolip-text{
    /* display: flex; */
}
.compare-box>div {
    vertical-align: top;
    display: table-cell;
}


.compare-body-inner .tick {
    display: inline-block;
    width: 20px;
    height: 12px;
    border-radius: 50px;
    position: relative;
    margin-top: 3px;
    top: 7px;
}

.compare-body-inner .tick:before {
    content: '';
    display: block;
    width: 6px;
    height: 11px;
    border: solid #01a768;
    border-width: 0 2px 2px 0;
    transform: rotate(38deg);
    position: absolute;
    left: 8px;
    top: 0px;
}

.compare-body-inner .tick-red:before {
    content: '';
    font-size: 20px;
    display: block;
    width: 13px;
    height: 2px;
    background: #e25050;
    border: 0;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.compare-body-inner .tick-red:after {
    content: '';
    font-size: 20px;
    display: block;
    width: 13px;
    height: 2px;
    background: #e25050;
    border: 0;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.compare-head {
    /* width: 160px; */
    /* position: absolute;
    top: 0;
    left: 0; */
    z-index: 1;
    background-color: #030417;
    border-right: 2px solid #191b31;
    /* border-right: 2px solid #212339; */
}

.compare-body {
    /* overflow-x: scroll; */
    width: 100%;
    /* width: 67%; */
    background-color: #030417;
}

.compare-body-inner {
    display: block;
    /* margin: 0 0 0 160px; */
    width: 100%;
    text-align: center;
}

.compare-body-inner>div {
    float: left;
    width: 50%;
}

.compare-body-inner ul {
    display: table;
    width: 100%;
}

.fe-info {
    display: block;
    font-size: 14px;
    margin: 7px 50px 0 50px;
}

.compare-box  {
    position: relative;
    display: block;
    margin: 20px auto 0;
    max-width: 1000px;
    border: 2px solid #212339;
    /* border-radius: 15px; */
    overflow: hidden;
    border-top: 0;
}
.compare-box{
    margin-top: 0;
    /* border-radius: 15px 0 0 15px; */
}
.compare-box-logo-head>ul{
    border-radius: 15px 15px 0 0 ;
    border-bottom: 0;
}



/* Header Fixed Styles */
.compare-box-logo-head.fixed-top{
    background-color: #030417;
}
.compare-box-logo-head>ul{
    display: flex;
    background-color: #030417;
}
.compare-box-logo-head .table-head {
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    align-items: center;
}
.compare-box-logo-head  li:first-child {
    padding-left: 50px;
    padding-right: 15px;
}
.compare-box-logo-head  ul li:first-child {
    display: flex;
    align-items: center;
    border-right: 2px solid #191b31;
    /* border-right: 2px solid #212339; */
}
.compare-box-logo-head .our-product {
    background-color: #1921A21A;
    border-right: 2px solid #191b31;
    /* border-right: 2px solid #212339; */
}
.compare-box-logo-head h4{
    margin-bottom: 0;
}
.compare-box-logo-head .our-product span {
    font-size: 0;
    display: inline-block;
    background: var(--zp-zeptomail-dark) no-repeat;
    /* background: url(/sites/zweb/images/productlogos/zeptomail-dark.svg) no-repeat; */
    width: 170px;
    height: 44px;
}
.compare-box-logo-head .our-product{
    /* display: grid; */
    justify-content: center;
    /* align-items: center; */
}

.compare-box-logo-head li {
    font-family: var(--zf-primary-semibold);
    font-size: 16px;
}
.compare-box-logo-head .out-product::before {
    /* width: 140px; */
    /* height: 30px; */
    /* max-height: 45px; */
}
.compare-box-logo-head .table-head.out-product {
    justify-content: center;
}
.compare-box-logo-head>ul {
    /* border: 2px solid #191b31; */
    border: 2px solid #212339;
    border-bottom: 2px solid #191b31;
    /* border-bottom: 0; */
}
.compare-box-logo-head{
    position: relative;
    display: block;
    /* margin: 20px auto 0; */
    margin: 0px auto 0;
    max-width: 1000px;
    /* border: 2px solid #212339; */
    /* border-radius: 15px; */
    overflow: hidden;
}
.compare-box-logo-head.fixed-top>ul{
    /* top: 65px; */
    z-index: 3;
    position: fixed;
    margin: 0 auto;
    transition: opacity .1s linear;
    border-radius: 0;
    /* border-bottom: 2px solid #191b31; */
}
.header-alt{
    background-color: #030417;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* Header Fixed Styles */




.compare-body::-webkit-scrollbar {
    height: 3px;
}

.compare-body::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 5px red; */
    border-radius: 10px;
}

/* Handle */

.compare-body::-webkit-scrollbar-thumb:horizontal {
    background: #777;
}

.default ul li.table-head:first-child span {
    font-size: 0;
    display: inline-block;
    background: var(--zp-zeptomail-dark) no-repeat;
    /* background: url(/sites/zweb/images/productlogos/zeptomail-dark.svg) no-repeat; */
    width: 170px;
    height: 44px;
}

.compare-box .table-head {
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    align-items: center;
    /* padding: 0; */
}
.compare-box .table-head.out-product{
    justify-content: center;
}
.compare-body-inner .default {
    background-color: #1921A21A;
    border-right: 2px solid #191b31;
    /* border-right: 2px solid #212339; */
}


.default ul li.table-head:first-child {
    display: grid;
    justify-content: center;
    align-items: center;
}

.other ul li.out-product span {
    /* background-image: url(/sites/zweb/images/zeptomail/comparison/comparison-sprite.png); */
    /* background-size: 450px auto;
    background-position: 0 -8px;
    width: 136px;
    height: 29px;
    position: relative;
    top: 10px; */
}

.other ul li:first-child span {
    /* background-repeat: no-repeat;
    display: inline-block; */
}

.compare-box li {
    font-size: 16px;
    padding: 23px 0;
    position: relative;
}

.compare-body-inner li {
    font-family: var(--zf-primary-semibold);
    font-size: 16px;
}

.compare-box li{
    border-bottom: 2px solid #191b31;
    /* border-top: 2px solid #212339; */
}

.compare-head li {
    padding-left: 50px;
    padding-right: 15px;
}

.compare-head h4 {
    margin-bottom: 0;
}

.on-tooltip.active .toolip-box {
    display: block;
}
.compare-body{
    /* border-radius: 13px; */
}
.compare-head{
    /* border-radius: 13px 0 0 13px; */
}
.compare-body{
    /* border-radius: 0 20px 20px 0; */
}
/* ---------- Comparison table style ends here ---------------- */

/* ----------------- Comparison Section style ends here ---------------- */




/* ----------------- Slider Section style starts here ---------------- */
.zwc-features-con>h2 {
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.slider-head>ul>li {
    font-family: var(--primaryfont-bold);
    background-color: #F7F7F6;
    border-radius: 5px;
    width: fit-content;
    padding: 15px 20px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: space-between;
    align-items: center;
    transition: color .3s ease,background-color .3s ease;
    gap: 15px;
}

.slider-head>ul>li:not(:last-child) {
    margin: 0 0 15px;
}

.zwc-feat-slider {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.zwc-feat-slider .slider-body {
    display: grid;
    grid-template-columns: 38% 50%;
    gap: 100px;
    justify-content: center;
    align-items: center;
}

.slider-head {
    position: relative;
    align-self: self-start;
}

.slider-head::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: #707070;
    position: absolute;
    top: 0;
    right: 0;
}

.slider-con .slider-para {
    margin-bottom: 0;
    align-self: self-start;
}

.slider-con>h3 {
    margin-bottom: 15px;
    /* margin-top: 15px; */
    /* max-width: 320px; */
    font-size: 32px;
}

.slider-wrap {
    display: grid;
}

.slider-con {
    grid-area: 1/1/2/2;
    opacity: 0;
    visibility: hidden;
    align-self: center;
    transition: opacity .3s ease, visibility .3s ease;
}

.slider-con.active-slider {
    opacity: 1;
    visibility: visible;
}
.slider-head>ul>li::after{
    content: '';
    height: 10px;
    width: 10px;
    border-style: solid;
    border-color: black;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    transition: border-color .3s ease;
}
.slider-head>ul>li.active-slider::after {
    border-color: #fff;
}
.slider-head li.active-slider::before {
    /* content: '';
    display: inline-block;
    position: absolute;
    width: 0;
    height: 100%;
    background-color: #79F2AC;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 5px;
    animation: slider-width 6s linear .2s alternate both; */
}

.slider-head li.active-slider{
    /* background-color: #79F2AC; */
    color: #fff;
    background-color: #151A60;
}
.slider-head>ul>li.active-slider:hover::before {
    animation-play-state: paused;
}

.slider-head li.active-slider.mouse-entered::before {
    animation-play-state: paused;
}

.slider-con>.slider-para>p:first-child {
    margin-bottom: 20px;
}

.slider-con>.slider-para>p:last-child {
    margin-bottom: 0;
}

@keyframes slider-width {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.slider-img {
    /* line-height: 0;
    max-width: 60px;
    display: none; */
}
.slider-con h3::before{
    content: " ";
    display: block;
    /* width: 55px; */
    width: 57px;
    height: 56px;
    margin-bottom: 15px;
    background: url(/sites/zweb/images/zeptomail/competitor-comparison/comparison-page-icons.png) no-repeat;
    background-size: 400px auto;
    background-position: 0 0;
}
.slider-con h3.zfeat-transactional-deliver::before{
    background-position: 1px -1px;
}
.slider-con h3.zfeat-fast-delivery::before{
    /* background-position: -63px -1px; */
    background-position: -56px 0px;
}
.slider-con h3.zfeat-flex-pricing::before{
    /* background-position: -125px -1px; */
    background-position: -113px 0px;
}
.slider-con h3.zfeat-fast-troubleshoot::before{
    /* background-position: -187px -1px; */
    background-position: -169px 0px;
}
.slider-con h3.zfeat-customer-support::before{
    /* background-position: -249px -1px; */
    background-position: -225px 0px;
}
.slider-con h3.zfeat-attachment-storage::before{
    /* background-position: -373px -1px; */
    background-position: -343px 0px;
}
.slider-con h3.zfeat-custom-domain::before{
    /* background-position: -311px -1px; */
    background-position: -286px 0px;
}
.slider-con h3.zfeat-email-segments::before{
    /* background-position: -1px -62px; */
    background-position: -55px -56px;
}
.slider-con h3.zfeat-built-in-templates::before{
    /* background-position: -435px -1px; */
    background-position: 1px -56px;
}
.slider-con h3.zfeat-user-controls::before{
    /* background-position: -63px -63px; */
    background-position: -112px -56px;
    height: 57px;
}
/* ----------------- Slider Section style ends here ---------------- */




/* ----------------- Get Started Section style starts here ---------------- */
.getst-lst-con>h3 {
    font-family: var(--zf-primary-medium);
    font-size: 28px;
    line-height: 1.3;
}

.zwc-get-started {
    /* background-color: #010213; */
    background-image: radial-gradient(#15173E, #010213 60%);
    color: #fff;
}

.zwc-get-started-con {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.zwc-get-started-con>h2 {
    max-width: 550px;
}

.getst-lst-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 45px;
}

.get-started-lst {
    background-color: #010315;
    border: 1px solid #56587A;
    /* margin: 0 25px; */
    padding: 70px 25px 50px;
    border-radius: 30px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.get-started-lst:first-of-type {
    margin-left: 0;
}

.get-started-lst:last-of-type {
    margin-right: 0;
}
.get-started-lst:last-of-type .getst-lst-arrow{
    display: none;
}
.getst-lst-img {
    width: fit-content;
    border: 1px solid #666DFC;
    border-radius: 20px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 55px;
    position: relative;
    display: grid;
    justify-items: center;
    align-items: center;
    filter: drop-shadow(0 3px 45px #656DFC76);
}

.get-started-lst .getst-lst-img::before {
    content: '';
    position: absolute;
    border: 1px solid #666DFC;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    filter: drop-shadow(0 3px 45px #656DFC76);
    animation: glowFadeOut 2.5s ease-in-out infinite;
}

.get-started-lst .getst-lst-img::after {
    content: '';
    position: absolute;
    border: 1px solid #666DFC;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    filter: drop-shadow(0 3px 45px #656DFC76);
    animation: glowFadeOut 2.5s ease-in-out 0.9s infinite;
}

.get-started-lst .getst-lst-img>span::before {
    content: '';
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 1px solid #666DFC;
    position: absolute;
    left: -1px;
    top: -1px;
    border-radius: 20px;
    opacity: 1;
    animation: glowFadeOut 2.5s ease-in-out 1.8s infinite;
}

.get-started-lst .getst-lst-img>span {
    background-image: linear-gradient(to bottom, #0C0D26, #03041C);
    padding: 20px 30px;
    width: 90px;
    height: 90px;
    position: relative;
    z-index: 2;
    border-radius: 20px;
    font-size: 50px;
    line-height: 1;
    font-family: var(--zf-primary-extrabold);
    color: #4DFD9A;
    text-shadow: -2px -2px 10px rgb(77 253 154 / 30%), 2px 2px 10px rgb(77 253 154 / 30%);
}

.getst-lst-con span {
    color: #4CFD9A;
}

@keyframes glowFadeOut {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.getst-lst-arrow {
    /* opacity: 0;
    visibility: hidden; */
    transition: opacity 1s ease, visibility .7s ease;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 101%;
    overflow: hidden;
}

.arrowSliding {
    position: absolute;
    top: 30px;
    z-index: 1;
    animation: arrowAnimation 3s linear infinite;
    opacity: 0;
    -webkit-transition: -webkit-transform .3s linear;
    transition: -webkit-transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.delay1 {
    /* left: 16px; */
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    /* border: 1px solid yellow; */
}

.delay2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    /* border: 1px solid red; */
}

.arrow {
    height: 30px;
    width: 30px;
    position: relative;
    overflow: hidden;
    transform: translateY(0%) rotate(120deg) skewY(30deg) scaleX(0.866);
    pointer-events: none;
    border-radius: 4px;
    /* border: 1px solid; */
}

.arrow::before,
.arrow::after {
    content: "";
    position: absolute;
    background: #4DFD9A;
    pointer-events: auto;
    width: 30px;
    height: 30px;
}

.arrowSliding.delay1 .arrow::before,
.arrowSliding.delay1 .arrow::after {
    background: #4CFD9A;
}

.arrow::before {
    /* border-radius: 2px 2px 2px 55%;
    transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-85.3%) skewX(29deg) scaleY(0.866) translateX(-49%); */
    border-radius: 4px 4px 4px 55%;
    transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-86.3%) skewX(29deg) scaleY(0.866) translateX(-48%);
    /* background-color: red !important; */
}

.arrow::after {
    /* border-radius: 2px 2px 55% 2px;
    transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-85.3%) skewX(-28deg) scaleY(0.866) translateX(-2%); */
    border-radius: 4px 4px 55% 4px;
    transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-86.3%) skewX(-28deg) scaleY(0.866) translateX(-1%);
}

.middle-animated .getst-lst-arrow {
    /* opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s; */
}

@keyframes arrowAnimation {
    0% {
        opacity: .1;
        -webkit-transform: translateX(-20px) scale(0.6);
        transform: translateX(-20px) scale(0.6);
        z-index: 1;
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(0) scale(.8);
        transform: translateX(0) scale(.8);
        z-index: 2;
    }


    100% {
        opacity: .3;
        -webkit-transform: translateX(20px) scale(.6);
        transform: translateX(20px) scale(.6);
        z-index: 1;
    }

}

.getst-lst-desc {
    /* padding: 50px 40px; */
    text-align: center;
    border-radius: 30px;
    width: 100%;
    height: 100%;
    margin: 50px 0 0;
    position: relative;
}

.getst-lst-desc::before {
    /* content: "";
    position: absolute;
    background-image: radial-gradient(closest-corner at 20% 50%, #1D2381 5%, #15173E 120%, #194D40 160%, #194D40);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 30px; */
}

.getst-lst-desc>p {
    /* margin-bottom: 0; */
    position: relative;
    max-width: 650px;
    margin: 0 auto;
    font-size: 20px;
}

.getst-lst-con>h3 {
    margin-bottom: 0;
}


/* ----------------- Get Started Section style ends here ---------------- */

/* ----------------- Testimonial Section style starts here ---------------- */


.zwc-testimonial-author {
    color: #49FD98;
    font-family: var(--zf-primary-bold);
    font-size: 22px;
    margin-bottom: 5px;
}

.zwc-testimonial-author-designation span {
    display: block;
}

.zwc-testimonial-con p {
    font-family: var(--zf-secondary-medium);
    font-size: 29px;
    margin: 0;
    line-height: 1.6;
}

.zwc-testimonial-con>p:first-child {
    margin-bottom: 30px;
}

.zwc-testimonial-con>p:last-child {
    margin-bottom: 0;
}

.zwc-testimonial-details {
    margin-top: 40px;
}

.zwc-testimonial>.content-wrap {
    background-image: linear-gradient(182deg, #1C2175, #0B0E38 25%, #010213);
    border: 1px solid #56587A;
    border-radius: 30px;
    color: #fff;
}

.zwc-testimonial-author-designation {
    margin-bottom: 0;
}

.zwc-testimonial-wrap>div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    grid-template-rows: max-content max-content;
    grid-gap: 0 40px;
    align-items: start;
    margin: 0 20px;
}

.zwc-testimonial-sec {
    max-width: 1000px;
    /* max-width: 1120px; */
    margin-left: auto;
    margin-right: auto;
}

.zwc-testimonial-sec .slick-dots li::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: 100%;
    transform: translate(-50%, -50%);
    border: 1px solid #fff;
    border-radius: 100%;
    opacity: 0;
    transition: height 0.3s linear, width 0.3s linear;
}

.zwc-testimonial-sec .slick-dots li.slick-active::before {
    height: calc(100% + 14px);
    width: calc(100% + 14px);
    opacity: 1;
}

.zwc-testimonial-sec.slick-initialized {
    margin-bottom: 0;
}

.zwc-testimonial-sec .slick-dots {
    /* width: fit-content; */
}

.zwc-testimonial-sec .slick-dots li {
    border: none;
    margin: 0 8px;
    transition: none;
    width: 12px;
    height: 12px;
    position: relative;
}

.zwc-right-sec {
    align-self: center;
    justify-self: self-end;
}

.zwc-right-sec-con {
    /* padding: 100px 50px;
    background-color: #010213;
    border: 1px solid #36385A;
    border-radius: 30px; */
    /* width: 240px;
    height: 220px;
    background-color: #010213;
    border: 1px solid #36385A; */
    /* border-radius: 30px;
    line-height: 0; */
    /* display: flex;
    align-items: center;
    justify-content: center; */
    background: white;
    /* max-width: 240px; */
    /* padding: 85px 60px; */
    /* width: 240%; */

    border-radius: 30px;
    line-height: 0;
    background: white;
    min-height: 230px;
    max-width: 250px;
    min-width: 240px;
    max-height: 240px;
    display: grid;
    align-items: center;
    justify-content: center;
}

.zwc-right-sec-con>img {
    /* max-width: 130px; */
    max-width: 170px;
    max-height: 70px;
    object-fit: contain;
}

.slick-initialized .zwc-left-sec {
    margin-bottom: 40px;
}

/* -----------------  Testimonial Section style ends here ---------------- */

/* -----------------  Bottom Section style starts here ---------------- */

.zwc-bottom-head{
    display: grid;
    /* grid-template-columns: max-content 1fr; */
    /* max-width: 990px; */
    margin: 0 auto;
    /* align-items: end; */
    grid-gap: 40px;
    position: relative;
    width: 90%;
    text-align: center;
    /* transform: translateX(8%); */
}
.bottom-cta-btn{
    /* justify-self: center; */
}
.zwc-bottom-con {
    /* text-align: center; */
}

.zwc-bottom-head>h2 {
/* max-width: 560px; */
    /* in span */
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}
.zwc-bottom-con .zwc-bottom-head>h2 {
    margin-bottom: 0;
}
.zwc-bottom-head .title-hightlgt {
    color: #4CFD9A;
}

.zwc-bottom-head>h2>span {
    display: block;
    font-size: 40px;
    margin-bottom: 20px;
}

.zwc-bottom-head>h3 {
    margin: 0 auto 20px;
    max-width: 640px;
}

.zwc-bottom-ban {
    /* background-image: linear-gradient(106deg, #141859, #0A0D38, #194D40); */
    background-color: #010213;
    color: #fff;
}
.zwc-bottom-ban .content-wrap{
    max-width: 1660px;
    margin: 0 auto;
    /* background-color: #131539; */
    border-radius: 30px;
    /* background-color: #194D40; */
    position: relative;
    overflow: hidden;
    width: 96%;
}
.zwc-bottom-ban .content-wrap::before {
    /* content: '';
    height: 150%;
    width: 90%;
    background-image: radial-gradient(#1D2381, #15173E, #010213);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    border-radius: 50%;
    box-shadow: 0 0 10vw 10vw #0d0e2c; */

    content: '';
    height: 100%;
    width: 115%;
    background-image: radial-gradient(ellipse at 50% 0%, #1D2381 0%, #15173E, #010213 80%);
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    margin: auto;
    transform: translateX(-50%);
}
.zwc-bottom-ban{
    /* padding-bottom: 125px; */
}
/* -----------------  Bottom Section style ends here ---------------- */


.i18n-ar .compare-box li .toolip-text .tooltip-icon::after {
    margin-right: 10px;
}
.i18n-ar span.note-line {
    text-align: left;
}
.i18n-ar .bar-wrapper .left {
    transform: skewY(-30deg);
}
.i18n-ar .bar-wrapper .right {
    transform: skewY(30deg);
}

.i18n-ar .arrow::before, .i18n-ar .arrow::after {
    transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-40.3%) skewX(-28deg) scaleY(0.866) translateX(22%);
}


/* ---------------- Media Query starts here -------------------  */
@media only screen and (min-width: 601px) {
    .compare-body-inner .tick {
        margin-top: 0;
    }

    .compare-head {
        width: 360px;
        position: static;
    }

    .compare-body {
        width: 67%;
        padding: 0;
    }

    .compare-body-inner {
        margin: 0;
    }

    .compare-box li {
        font-size: 18px;
    }

    .compare-tab .comparison-title {
        font-size: 15px;
    }

    .compare-tab {
        background-color: #1A1F67;
    }

    .compare-tab .comparison-title {
        background-color: transparent;
        padding: 15px 20px;
    }

    .compare-tab .active-tab {
        opacity: 1;
        visibility: visible;
    }

    .compare-tab {
        flex-wrap: nowrap;
    }

    .compare-tab .comparison-title {
        transition: color .5s ease;
    }

    .compare-box>div {
        /* display: table-cell; */
    }
    .compare-head {
        /* border-radius: 20px 0 0 20px; */
    }
    .compare-body{
        /* border-radius:0 20px 20px 0; */
    }
    .compare-box{
        /* border-radius: 22px; */
    }


    /* Header Fixed Styles */
    .compare-box{
        margin-top: 0;
        border-radius: 0 0 22px 22px;
    }
    .compare-box-logo-head>ul{
        border-radius: 22px 22px 0 0;
        /* border-bottom: 0; */
    }
    .compare-head {
        border-radius: 0;
    }
    .compare-body {
        border-radius: 0;
    }
    .compare-box-logo-head li {
        font-size: 18px;
    }

    /* Header Fixed Styles */
}

@media only screen and (max-width:1420px) {
    .zwc-info-con>h2 {
        /* margin-right: 30px; */
    }

}
@media only screen and (max-width:600px) {
    .compare-box-logo-head,.compare-box{
        width: 670px;
    }
    .table-wrap{
        overflow: scroll;
        background-color: #030417;
        border-radius: 15px;
        border: 2px solid #212339;
    }
    
    .compare-box-logo-head>ul{
        border-width: 0 0 2px;
    }
    .compare-box{
        border: 0;
        display: flex;
    }
    .compare-head{
        width: 160px;
    }
    .compare-body{
        width: 76%;
    }
    /* .compare-box-logo-head{
        display: flex;
    } */
}

@media only screen and (max-width:1399px) {
    .zw-product-header {
        /* background-image: linear-gradient(to right, #15173E, #010213 35%); */
    /* background-image: linear-gradient(to right,#010213 -20% , #15173E 8%, #010213 46%); */
    }

    .zwc-inner-wrap h1 {
        font-size: 58px;
    }

    .zwc-inner-wrap h2 {
        font-size: 48px;
    }
    .zwc-info-con>h2{
        font-size: 38px;
    }
    .zwc-inner-wrap h3 {
        font-size: 31px;
    }

   .get-started-lst  .getst-lst-con>h3 {
        font-size: 28px;
    }

    .zwc-bottom-head>h2>span {
        font-size: 39px;
    }

    .has-bar-chat .zwc-banner-con {
        grid-template-columns: 57% 40%;
        gap: 0 30px;
    }

    .zwc-get-started-con>h2 {
        max-width: 540px;
    }

    .zwc-bottom-head>h2 {
        max-width: 880px;
    }

    .getst-lst-desc>p {
        font-size: inherit;
    }

    .zwc-testimonial-con p {
        font-size: 28px;
    }

    .zwc-info-con {
        margin: 0 65px;
    }

    .zwc-info-con>h2 {
        /* margin-right: 15px; */
    }

    .zwc-feat-slider .slider-body {
        display: grid;
        /* grid-template-columns: 36% 50%; */
    }
    .zwc-bottom-head {
        grid-gap: 30px;
    }
}

@media only screen and (max-width:1299px) {
    .zwc-info-con {
        /* margin: 0 30px; */
    }

    .has-bar-chat .zwc-ban-left>p {
        padding-right: 50px;
    }

    .zwc-inner-wrap h1 {
        font-size: 53px;
    }

    .zwc-inner-wrap h2 {
        font-size: 43px;
        /* margin-bottom: 40px; */
    }
    .zwc-info-con>h2{
        font-size: 38px;
    }
    .zwc-inner-wrap h3 {
        font-size: 30px;
    }

    .zwc-info-con>h2 {
        /* margin-right: 50px; */
    }

    .zwc-info-con {
        gap: 50px;
    }

    .zwc-feat-slider .slider-body {
        /* display: grid;
        grid-template-columns: 36% 50%; */
    }
    .zwc-left-sec>h2{
        margin-right: 80px;
    }
    .zwc-get-started-con>h2 {
        max-width: 480px;
    }
    .zwc-bottom-head {
        /* grid-gap: 60px; */
    }
    .zwc-bottom-head h2 {
        max-width: 790px;
    }
}

@media only screen and (max-width:1199px) {
    .zwc-inner-wrap h1 {
        font-size: 50px;
        /* line-height: 1; */
    }

    .zwc-inner-wrap h2 {
        font-size: 40px;
        margin-bottom: 40px;
    }
    .zwc-info-con>h2{
        font-size: 35px;
    }
    .zwc-inner-wrap h3 {
        font-size: 30px;
    }
    .get-started-lst .getst-lst-con>h3 {
        font-size: 26px;
    }
    /* ------------ Padding ---------- */
    .zct-section .content-wrap {
        padding: 90px 0 105px;
    }
    .zwc-banner.has-pricing-note .content-wrap{
        padding-bottom: 95px;
    }
    .zwc-banner .content-wrap {
        padding-bottom: 105px;
    }

    .zwc-info-sec .content-wrap {
        padding-top: 105px;
    }

    .zwc-get-started .content-wrap {
        padding-top: 95px;
    }

    .zwc-testimonial .content-wrap {
        padding-bottom: 95px;
    }

    .zwc-bottom-ban .content-wrap {}

    .zwc-testimonial {
        padding-bottom: 110px;
    }
    .zwc-features>.content-wrap {
        padding-top: 85px;
    }
    .zwc-inner-wrap .zwc-banner {
        padding-top: 135px;
    }
    
    .zwc_t_breadcrumb + .zwc-inner-wrap .zwc-banner {
        padding-top: 160px;
    }
    
    .zwc-bottom-ban {
        /* padding-bottom: 115px; */
    }
    /* ------------ Padding ---------- */
    .price-range-bar {
        /* margin-top: 70px; */
    }
    .zwc-info-con>h2{
        margin-bottom: 0;
    }
    .zwc-info-con>h2 {
        /* margin-right: 30px; */
    }
    .zwc-info-con {
        grid-template-columns: 320px 1fr;
    }
    .zwc-info-con {
        gap: 35px;
        padding: 60px 50px;
    }

    .zwc-bottom-head>h2 {
        max-width: 740px;
    }

    .compare-box,
    .zwc-feat-slider,
    .zwc-testimonial-sec,
    .zwc-get-started-con {
        max-width: 930px;
    }

    .zwc-feat-slider .slider-body {
        gap: 70px;
    }

    .getst-lst-con {
        /* padding: 20px; */
    }

    .get-started-lst {
        padding: 50px 30px 35px;
    }

    .zwc-features-con>h2 {
        max-width: 500px;
    }

    .zwc-testimonial-con p {
        font-size: 24px;
    }

    .zwc-bottom-head>h2>span {
        font-size: 37px;
        margin-bottom: 15px;
    }

    .compare-tab {
        margin-bottom: 50px;
    }

    .price-compare-right .our-prod-bar {
        left: 18%;
    }

    .price-compare-right .out-prod-bar {
        right: 18%;
    }

    .zw-product-header {
        /* background-image: linear-gradient(to right, #15173E, #010213 40%); */
    /* background-image: linear-gradient(to right,#010213 -20% , #15173E 8%, #010213 43%); */
    }

    .slider-head>ul>li.active-slider:hover::before {
        /* animation-play-state:running; */
    }
    .zwc-testimonial-wrap>div {
        grid-gap: 0 80px;
    }   
    .zwc-get-started-con>h2 {
        max-width: 450px;
    }
    .zwc-bottom-head {
        grid-template-columns: 1fr;
        justify-items: center;
        /* grid-gap: 25px; */
        transform: translate(0);
        text-align: center;
    }
    .zwc-bottom-head h2 {
        max-width: 700px;
        text-align: center;
        margin: 0 auto;
    }

    /* Header Fixed Styles */
    .compare-box-logo-head,.header-alt{
        max-width: 930px;
    }
    /* Header Fixed Styles */
   
}


@media only screen and (max-width:1024px) {
    .has-bar-chat .zwc-banner-con {
        gap: 0 30px;
    }

    .zwc-info-con>h2 {
        /* margin-right: 30px; */
    }

    .zwc-feat-slider .slider-body {
        /* grid-template-columns: 38% 50%; */
    }

    .zw-product-header {
        /* background-image: linear-gradient(to right, #15173E, #010213 45%); */
    /* background-image: linear-gradient(to right,#010213 -20% , #15173E 8%, #010213 52%); */

    }
    /* .zwc-info-con {
        grid-template-columns: 320px 1fr;
    } */
    .zwc-info-con {
        margin: 0 35px;
    }
  
}
@media only screen and (min-width: 992px) and (max-width: 1030px) {
    .price-range-bar .num-of-mails {
        display: block;
    }
    .price-range-bar>span {
        top: -65px;
        text-align: center;
    }
}
@media only screen and (max-width:991px) {
    .zwc-inner-wrap h1 {
        font-size: 45px;
        max-width: 640px;
        margin-left: auto;
        margin-right: auto;
    }

    .zwc-inner-wrap h2 {
        font-size: 35px;
        text-align: center;
        margin-bottom: 25px;
    }
    .zwc-info-con>h2 {
        /* font-size: 30px; */
    }
    .zwc-inner-wrap h3 {
        font-size: 27px;
    }

    .zwc-bottom-head>h2>span {
        font-size: 30px;
    }

    /* ------------ Padding ---------- */
    .zct-section .content-wrap {
        padding: 80px 0 95px;
    }

    .zwc-testimonial {
        padding-bottom: 100px;
    }
    .zwc-banner.has-pricing-note .content-wrap{
        padding-bottom: 85px;
    }
    .zwc-banner .content-wrap {
        /* padding-top: 80px; */
        padding-bottom: 95px;
    }
    .zct-section.zwc-banner .content-wrap {
        padding-top: 40px;
    }
    .zwc-inner-wrap .zwc-banner{
        padding-top: 95px;
    }
    
    .zwc_t_breadcrumb + .zwc-inner-wrap .zwc-banner {
        padding-top: 140px;
    }
    
    .zwc-get-started .content-wrap {
        padding-top: 85px;
    }

    .zwc-info-sec .content-wrap {
        padding-top: 95px;
    }
    .zwc-features>.content-wrap {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .zwc-testimonial .content-wrap {
        padding-bottom: 85px;
    }
    .zwc-bottom-ban {
        /* padding-bottom: 105px; */
    }
    /* ------------ Padding ---------- */
    .zwc-comparison-con>h2{
        margin-bottom: 40px;
    }
    .has-bar-chat .zwc-banner-con:not(.ban-left-icons) {
        grid-template-columns: none;
        text-align: center;
    }

    .ban-left-icons {
        justify-content: center;
    }

    .zwc-ban-left>p {
        padding: 0;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .has-bar-chat  .zwc-ban-left>p {
        padding-right: 0;
    }

    .has-bar-chat .zwc-banner-con {
        padding: 0;
    }

    .zwc-ban-right {
        margin-top: 100px;
    }

    .price-compare-right .our-prod-bar {
        left: 33%;
    }

    .price-compare-right .out-prod-bar {
        right: 33%;
    }

    .zwc-info-con {
        grid-template-columns: none;
    }

    .zwc-feat-slider .slider-body {
        grid-template-columns: none;
        text-align: center;
    }

    .slider-head {
        display: none;
    }

    .zwc-feat-slider,
    .getst-lst-desc {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .slider-con {
        grid-area: auto;
        opacity: 1;
        visibility: visible;
    }

    .getst-lst-wrap {
        grid-template-columns: none;
        max-width: 500px;
        /* margin: 0 auto; */
        margin-left: auto;
        margin-right: auto;
    }

    .get-started-lst {
        margin: 0;
    }

    .getst-lst-arrow {
        display: none;
    }

    .get-started-lst:not(:last-of-type),
    .slider-con:not(:last-of-type) {
        margin-bottom: 50px;
    }

    .zwc-get-started-con>h2 {
        max-width: 390px;
        margin-left: auto;
        margin-right: auto;
    }

    .getst-lst-desc {
        /* padding: 40px 30px; */
    }

    .zwc-testimonial-wrap>div {
        grid-template-columns: auto;
        text-align: center;
        gap: 50px;
    }

    .zwc-right-sec {
        justify-self: center;
    }

    .zwc-testimonial-author-designation>span {
        display: inline-block;
        position: relative;
        margin-left: 10px;
        padding-left: 10px;
    }

    .zwc-testimonial-author-designation span {
        position: relative;
    }

    .zwc-testimonial-author-designation>span::before {
        content: '';
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #fff;
        width: 1px;
    }

    .zwc-testimonial-details {
        margin-top: 20px;
    }

    .zwc-info-con>h2 {
        margin-right: 0;
        max-width: 390px;
        margin-left: auto;
        margin-right: auto;
    }

    .compare-head li {
        padding-left: 30px;
    }

    .zwc-info-con {
        /* margin: 0; */
        margin: 0 50px;
    }

    .fe-info {
        margin: 7px 10px 0 10px;
    }

    .default ul li.table-head:first-child span,
    .other ul li.table-head:first-child {
        transform: scale(.9);
    }

    .zwc-testimonial-con p {
        font-size: 20px;
    }

    .zwc-info-para {
        text-align: center;
    }

    .has-bar-chat .price-compare-right {
        width: 100%;
        /* max-width: 600px; */
        height: 220px;
        justify-self: center;
        grid-row: auto;
        grid-column: auto;
    }

    .slick-initialized .zwc-left-sec {
        margin-bottom: 0;
    }

    .zwc-testimonial-sec .slick-dots {
        margin-top: 30px;
    }

    .getst-lst-wrap {
        gap: 0;
    }

    .zwc-testimonial-con>p {
        margin: 0 40px;
    }

    .zw-product-header {
        /* background-image: linear-gradient(to right, #15173E, #010213 60%); */
    /* background-image: linear-gradient(to right,#010213 -20% , #15173E 8%, #010213 67%); */
    }

    .slider-con>h3 {
        max-width: 100%;
    }
    .zwc-info-con{
        gap: 0;
    }
    .zwc-left-sec>h2{
        margin-right: 0;
    }
    .getst-lst-img {
        margin-bottom: 45px;
    }
    .get-started-lst {
        padding: 45px 90px 35px;
    }
    .get-started-lst .getst-lst-con>h3 {
        font-size: 23px;
    }
    .slider-img{
        /* margin-left: auto;
        margin-right: auto; */
    }
    .zwc-info-con>h2{
        /* margin-bottom: 30px; */
    }
    .zwc-banner::before {
        /* top: -18%;
        left: -33%; */
    }
    .zwc-banner::before {
        top: -40%;
    }
    /* .zwc-bottom-head {
        grid-template-columns: 1fr;
        justify-items: center;
        grid-gap: 25px;
        transform: translate(0);
    } */
    .zwc-footer-section h2 {
        max-width: 640px;
    }
    .zwc-bottom-ban{
        /* padding-bottom: 0; */
    }
    .zwc-bottom-head h2 {
        max-width: 640px;
    }
    .zwc-banner-con h1 {
        margin-bottom: 25px;
    }
    .zwc-ban-left>p {
        margin-bottom: 45px;
    }
    .zwc-bottom-head {
        grid-gap: 25px;
    }

    /* Header Fixed Styles */
    .compare-box-logo-head li:first-child{
        padding-left: 30px;
    }
    .compare-box-logo-head .out-product::before,.compare-box-logo-head .our-product span{
        transform: scale(.9);
    }
    /* Header Fixed Styles */
    .slider-con h3::before{
        margin-left: auto;
        margin-right: auto;
    }
    
    .i18n-ar .zwc-ban-left .arrow {
        text-align: right;
    }
}

@media only screen and (max-width:767px) {
    .zw-product-header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 5;
    }
    .zwc-inner-wrap h1 {
        font-size: 40px;
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
    }

    .zwc-inner-wrap h2 {
        font-size: 32px;
        text-align: center;
        /* margin-bottom: 30px; */
    }

    .compare-tab {
        margin-bottom: 35px;
    }

    .zwc-inner-wrap h3 {
        font-size: 22px;
    }

    .zwc-bottom-head>h2>span {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .zwc-testimonial-con p {
        font-size: 19px;
    }

    .zwc-inner-wrap h4 {
        font-size: 20px;
    }
    .get-started-lst .getst-lst-con>h3 {
        font-size: 20px;
    }
    .get-started-lst {
        padding: 45px 30px 35px;
    }
    
    /* ------------ Padding ---------- */
    .zct-section .content-wrap {
        padding: 65px 0 75px;
    }

    .zwc-testimonial {
        padding-bottom: 80px;
        /* padding-bottom: 75px; */
    }
    .zwc-banner.has-pricing-note .content-wrap{
        padding-bottom: 65px;
    }
    .zwc-banner .content-wrap {
        /* padding-top: 70px; */
        padding-bottom: 75px;
    }
    .zwc-inner-wrap .zwc-banner, .zwc_t_breadcrumb+.zwc-inner-wrap .zwc-banner{
        padding-top: 90px;
    }
    .zwc-get-started .content-wrap {
        padding-top: 60px;
    }

    .zwc-info-sec .content-wrap {
        padding-top: 75px;
    }

    .zwc-features .content-wrap {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .zwc-testimonial .content-wrap {
        padding-bottom: 75px;
    }
    .zwc-bottom-ban {
        padding-bottom: 0px;
    }
    /* ------------ Padding ---------- */
    .zwc-comparison-con>h2{
        margin-bottom: 30px;
    }
    .zwc-right-sec-con {
    }
    .zwc-right-sec-con>img{
    /* max-width: 100px; */
    max-width: 125px;
    max-height: 55px;
}
.zwc-right-sec-con {
    /* padding: 80px 55px; */
    /* min-width: 210px;
    min-height: 200px;
    max-width: 220px;
    max-height: 210px; */

    min-width: 180px;
    min-height: 170px;
    max-width: 200px;
    max-height: 190px;

}
    .price-compare-right .out-prod-bar {
        right: 23%;
    }

    .price-compare-right .our-prod-bar {
        left: 23%;
    }

    .zwc-features-con>h2 {
        max-width: 100%;
    }

    .zwc-product-logo-primary,
    .zwc-product-logo-secondary {
        transform: scale(.9);
    }

    .zwc-info-con {
        padding: 50px 40px;
    }

    .compare-head li {
        padding-left: 20px;
    }

    .get-started-lst:not(:last-of-type),
    .slider-con:not(:last-of-type) {
        margin-bottom: 45px;
    }

    .getst-lst-img {
        transform: scale(.9);
    }

    .zwc-info-con,
    .get-started-lst,
    .getst-lst-img,
    .getst-lst-desc,
    .zwc-testimonial>.content-wrap,
    .get-started-lst .getst-lst-img>span::before,
    .get-started-lst .getst-lst-img::before,
    .get-started-lst .getst-lst-img::after,
    .get-started-lst .getst-lst-img>span,
    .getst-lst-desc::before,
    .zwc-right-sec-con,
    /* .zwc-right-sec-con>img, */
    .zwc-bottom-ban .content-wrap{
        border-radius: 15px;
    }

    .compare-body {
        /* border-radius:0 13px 13px 0; */
    }
    .compare-head {
        /* border-radius: 13px 0 0 13px; */
    }
    .has-bar-chat .price-compare-right {
        /* height: 240px; */
    }

    .zwc-testimonial-con>p {
        margin: 0 0;
    }

    .getst-lst-desc {
        margin: 40px auto 0;
    }

    .getst-lst-desc {
        /* padding: 30px; */
    }

    .zwc-testimonial-author {
        font-size: 20px;
    }

    .zwc-bottom-head>h2 {
        max-width: 590px;
        margin-bottom: 0;
    }

    .slider-img {
        /* transform: scale(.9) translateY(-7px); */
    }
    .slider-con>h3 {
        /* margin-top: 5px; */
    }
    .slider-con h3::before{
        margin-bottom: 5px;
        transform: scale(.9) translateY(-7px);
    }
    .compare-tab {
        grid-gap: 15px 5px;
    }

    .zw-product-header {
        /* background-image: linear-gradient(to right, #15173E, #010213 65%); */
    /* background-image:linear-gradient(to right,#010213 -50% , #15173E 6%, #010213 57%); */
    }
    .zwc-banner::before {
        /* transform: rotate(190deg);
        left: -45%;
        top: -50%; */
    }
    .zwc-banner::before {
        top: -40%;
    }
    .zwc-info-con {
        margin: 0;
    }
    .getst-lst-desc>p {
        font-size: 15px;
    }
    .zwc-info-con>h2{
        /* margin-bottom: 20px; */
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .zwc-features-con>h2 {
        max-width: 460px;
    }
    .zwc-get-started-con>h2 {
        max-width: 310px;
    }
    .has-bar-chat .price-compare-right{
        max-width: 550px;
    }
    .zwc-banner::before {
        /* top: -28%;
        left: -28%; */
    }
    .zwc-left-sec>h2 {
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
    }
    .compare-box li .toolip-box{
        width: 90%;
    }
   /* Header Fixed Styles */
   .compare-box-logo-head li:first-child{
    padding-left: 20px;
   }
   /* Header Fixed Styles */
}

@media only screen and (max-width:480px) {
    .zwc-inner-wrap h1 {
        font-size: 34px;
    }

    .zwc-inner-wrap h2 {
        font-size: 32px;
    }
    .zwc-inner-wrap h3 {
        font-size: 20px;
    }
    .zwc-ban-left>p {
        margin-bottom: 40px;
    }
    .zwc-inner-wrap  .zwc-banner{
        /* padding-top: 90px; */
    }
    .ban-left-icons {
        grid-template-columns: auto;
        grid-template-rows: repeat(3,1fr);
    }

    .getst-lst-arrow-ban {
        height: 60px;
        transform: rotate(90deg) translateX(-3px);
        align-self: center;
        justify-self: center;
    }

    .zwc-product-logo {
        /* height: 55px; */
        justify-self: center;
        /* display: grid;
        justify-items: center; */
    }

    .price-range-bar .num-of-mails {
        display: block;
    }

    .price-range-bar>span {
        top: -65px;
    }

    .price-range-bar {
        max-width: 230px;
    }

    .price-compare-right .product-logo {
        transform: scale(.8) translateX(-50%);
    }

    .price-compare-right .our-prod-bar {
        left: 10%;
    }

    .price-compare-right .out-prod-bar {
        right: 11%;
    }
    .has-bar-chat .price-compare-right {
        max-width: 300px;
    }
    .price-compare-right .product-logo-secondary{
        left: 36%;
    }
    .getst-lst-desc {
        /* padding: 40px 20px; */
    }

    .price-range-bar {
        margin-top: 90px;
    }

    .zwc-testimonial-wrap>div {
        margin: 0 15px;
    }

    .default ul li.table-head:first-child span,
    .other ul li.table-head:first-child {
        transform: scale(1);
    }

    .default ul li.table-head:first-child span {
        width: 125px;
        height: 33px;
        /* top: -6px; */
    }

    .other ul li.table-head:first-child>img {
        width: 110px;
    }
    .other ul li.table-head:first-child>img {
        /* width: 60px; */
    }
    .has-bar-chat .price-compare-right {
        /* height: 220px; */
    }

    .zwc-ban-right {
        margin-top: 70px;
    }

    .zw-product-header {
        /* background-image: linear-gradient(to right, #15173E, #010213 70%); */
    /* background-image:linear-gradient(to right,#010213 -50% , #15173E 6%, #010213 57%); */
    }

    .getst-lst-desc {
        /* padding: 20px; */
    }
    .zwc-info-con {
        padding: 50px 20px;
    }
    .bar-wrapper .top{
        width: 45px;
        height: 45px;
        top: 7px;
    }
    .bar-wrapper .left, .bar-wrapper .right{
        width: 32px;
    }
    .price-tip{
        font-size: 18px;
        top: -85px;
    }
    .zwc-banner::before {
        top: -44%;
        /* left: -33%; */
    }
    .getst-lst-desc {
        margin: 30px auto 0;
    }
    .price-compare-right .product-logo-primary{
        transform: translateX(-50%) scale(.8);
    }
    .zwc-testimonial-author-designation span{
        display: block;
        margin-left: 0;
        padding-left: 0;
    }
    .zwc-testimonial-author-designation>span::before{
        display: none;
    }
    .compare-box-logo-head .out-product::before, .compare-box-logo-head .our-product span {
        transform: scale(1);
    }
    .compare-box-logo-head .our-product span{
        width: 125px;
        height: 33px;
    }
    .compare-box-logo-head .out-product::before{
       width: 110px;
       /* height: 23px; */
       background-position: center;
    }
    .compare-box-logo-head .icon-amazon-ses::before{
        width: 65px;
    }
    .compare-body {
        width: 70%;
    }
    .compare-box-logo-head, .compare-box {
        width: 480px;
    }
    
    
    .i18n-ar .getst-lst-arrow-ban .arrow {
        transform: translateY(0) rotate(120deg) skewY(30deg) scaleX(0.866);
    }

    .i18n-ar .getst-lst-arrow-ban .arrowSliding-ban {
        animation: bannerArrowAnimation-ar-rev 3s linear infinite;
    }

    .i18n-ar .getst-lst-arrow-ban .arrowSliding-ban.delay1 {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .i18n-ar .getst-lst-arrow-ban .arrowSliding-ban.delay2 {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }

    @keyframes bannerArrowAnimation-ar-rev {
        0% {
            opacity: .1;
            -webkit-transform: translateX(-25px) scale(0.5);
            transform: translateX(-25px) scale(0.5);
            z-index: 1
        }

        60% {
            opacity: 1;
            -webkit-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1);
            z-index: 2
        }

        100% {
            opacity: .4;
            -webkit-transform: translateX(20px) scale(.5);
            transform: translateX(20px) scale(.5);
            z-index: 1
        }
    }
}

@media only screen and (max-width: 360px) {
    .compare-head {
        width: 145px;
    }

    .compare-body-inner {
        /* margin: 0 0 0 145px; */
    }
}

@media only screen and (max-width: 400px) {
    /* .compare-body-inner {
        margin: 0 0 0 145px;
    }     */
}
@media only screen and (max-width: 1060px){
/* .price-range-bar .num-of-mails {
    display: block;
}
.price-range-bar>span {
    top: -65px;
    text-align: center;
} */
}
/* ---------------- Media Query ends here ----------------*/


/* --------------- Star in table ------------- */
.compare-body-inner .tick sup {
    position: relative;
    top: -10px;
    right: -10px;
}
.note-line {
    max-width: 940px;
    margin: 0 auto;
    display: block;
    font-size: 14px;
    text-align: right;
    margin-top: 20px;
}
/* --------------- Star in table ------------- */

/* --------------- AR styles Updated ------------- */
.i18n-ar .has-bar-chat .zwc-ban-left>p {
    padding-left: 140px;
    padding-right: 0;
}
.i18n-ar .compare-body *,.i18n-ar .getst-lst-desc p{
    text-align: center;
}

.i18n-ar .compare-box li .toolip-box {text-align: right;right: 10px;left: unset;}

.i18n-ar .slider-head::after {
    left: 0;
    right: unset;
}
.i18n-ar .slider-head>ul>li::after {
    transform: rotate(225deg);
}
.i18n-ar .zwc-testimonial {
    display: none;
}
.i18n-ar .zwc-bottom-head *{
    text-align: center;
}
.i18n-ar .price-range-bar {
    direction: ltr;
}

.i18n-ar .arrowSliding {
    right: 0;
    left: unset;
}
.i18n-ar .getst-lst-arrow {
    right: 101%;
    left: unset;
}
.i18n-ar .arrow {
    transform: translateY(0) rotate(660deg) skewY(30deg) scaleX(0.866);
}
.i18n-ar .arrowSliding {
    animation: arrowAnimation-ar 3s linear infinite;
}
.i18n-ar .compare-body-inner>div {
    float: right;
}
.i18n-ar .arrowSliding-ban {
    animation: bannerArrowAnimation-ar 3s linear infinite;
}
.i18n-ar .arrowSliding-ban.delay1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}
.i18n-ar .arrowSliding-ban.delay2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.i18n-ar .delay1 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.i18n-ar .compare-body-inner .default {
    border-left: 2px solid #191b31;
    border-right: unset;
}
.i18n-ar .compare-head {
    border-left: 2px solid #191b31;
    border-right: unset;
}
.i18n-ar .getst-lst-con>h3 {
    text-align: center;
}
@keyframes arrowAnimation-ar {
    0% {
        opacity: .1;
        -webkit-transform: translateX(-20px) scale(0.6);
        transform: translateX(20px) scale(0.6);
        z-index: 1
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(0) scale(.8);
        transform: translateX(0) scale(.8);
        z-index: 2
    }

    100% {
        opacity: .3;
        -webkit-transform: translateX(20px) scale(.6);
        transform: translateX(-20px) scale(.6);
        z-index: 1
    }
}

@keyframes bannerArrowAnimation-ar {
    0% {
        opacity: .1;
        -webkit-transform: translateX(-25px) scale(0.5);
        transform: translateX(25px) scale(0.5);
        z-index: 1
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
        z-index: 2
    }

    100% {
        opacity: .4;
        -webkit-transform: translateX(20px) scale(.5);
        transform: translateX(-20px) scale(.5);
        z-index: 1
    }
}

@media only screen and (max-width: 991px) {
    .i18n-ar .zwc-banner-cta {
        text-align: center;
    
    }
    .i18n-ar .has-bar-chat .zwc-ban-left>p {
        padding-left: 0px; 
    }

    .i18n-ar .zwc-ban-left *, .i18n-ar .zwc-info-con *, .i18n-ar .zct-section.zwc-features *, .i18n-ar .zct-section.zwc-get-started *{
        text-align: center;
    }

}
/* --------------- AR styles Updated ------------- */

