/* Common codes start */
:root {
    --sectionPadding: clamp(60px, 8vw, 120px);
    --h1: clamp(34px, 3.8vw, 56px);
    --bnrP: clamp(20px, 1.6vw, 24px);
    --h2: clamp(30px, 3.2vw, 48px);
    --h3: clamp(24px, 2.7vw, 40px);
    --h4: clamp(20px, 1.9vw, 28px);
    --p: clamp(18px, 1.4vw, 20px);
    --pSm: clamp(16px, 1.2vw, 18px);
}

section {
    padding: var(--sectionPadding) 0;
    text-wrap: pretty;
}

.zwc-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.zwc-whole-con h1 {
    font-size: var(--h1);
}

.zwc-whole-con h2 {
    font-size: var(--h2);
    font-family: var(--zf-primary-bold);
}

/* Common codes end */

/* Banner section start */

.zwc-whole-con .zwc-bnr-sec p {
    font-size: var(--p);
    margin: 0;
    line-height: 1.4;
}

.zwc-bnr-left {
max-width: 555px;
    width: 41%;

}

.zwc-bnr-sec {
--sectionPadding: clamp(60px, 8vw, 100px) 0 0;
    overflow: hidden;
}

.zwc-bnr-right {
    position: relative;
    transform: translate(10%);
}

.zwc-blue-txt {
    color: #153EA6;
}

.zwc-whole-con p.zwc-bnr-p2 {
    margin-bottom: 30px;
}

.zwc-zh-btn {
    font-size: 15px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #0047FF;
    background-color: transparent;
    color: #0047FF;
    padding: 8px 30px;
    text-transform: uppercase;
    font-family: var(--zf-primary-semibold);
}



.zwc-bnr-stoke {
    position: absolute;
    top: 14%;
    left: 26%;
    max-width: 320px;
    width: 50%;

}

.bnr-ele {
    display: block;
    background-image: url(/sites/zweb/images/campaigns/dedicated-ip-sprite.svg);
    position: absolute;
    background-size: 900px;
}

.zwc-bnr-circle {
    width: 68px;
    height: 41px;
    top: 42%;
    right: 25%;
    background-position: -103px 0;
}

.zwc-bnr-rate1 {
    width: 95px;
    height: 28px;
    top: 9%;
    left: 28%;
    background-position: -1px -14px;
}

.zwc-bnr-rate2 {
    width: 95px;
    height: 28px;
    top: 50%;
    left: 6%;
    background-position: -1px -14px;

}

.zwc-bnr-rate3 {
    width: 95px;
    height: 28px;
    top: 19%;
    right: 22%;
    background-position: -903px -47px;

}

.zwc-bnr-card-ele {
    width: 68px;
    height: 41px;
    top: 68%;
    left: 13%;
    background-position: 796px -48px;
}

.zwc-bnr-mail {
    width: 55px;
    height: 55px;
    top: 47%;
    left: 24%;
    background-position: 520px -2px;
    background-size: 650px;
}

.zwc-bnr-arrow {
    width: 40px;
    height: 40px;
    top: 50%;
    left: 32%;
    background-position: 471px -8px;
    background-size: 660px;

}

.zwc-bnr-bg {
    display:block;
    max-width: 700px;
    width: 100%;
}



/* Banner section start */

/* Email marketing IP start */

.zwc-email-marketing-ip {
    background-color: #1E4AB9;
    color: #fff;
    text-align: center;
    --sectionPadding: clamp(60px, 6.7vw, 100px);
}

.zwc-mail-mark-ip-innr {
    max-width: 870px;
    margin-inline: auto;

}

.zwc-email-marketing-ip p {
    font-size: var(--p);
}


/* Email marketing IP end */

/* IP address start */
.zwc-ip-address {
    --sectionPadding: clamp(60px, 8vw, 120px) 0 clamp(60px, 6vw, 90px);
}
.zwc-ip-address-left {
    max-width: 503px;
}

.zwc-link {
    color: var(--zwc-link-clr);
    border-bottom:1px solid var(--zwc-link-clr);
}


.zwc-ip-address p {
    font-size: var(--pSm);
}

.zwc-ip-address-con {
    justify-content: space-around;
    gap: clamp(20px, 6.7vw, 100px);
}

.zwc-ip-address-right {
    position: relative;
    max-width: 600px;

}

.zwc-dd-ip-send {
    position: absolute;
    top: -4%;
    left: -24%;
    width: 51%;
}


/* IP address end */

/* Need IP start */

.zwc-need-ip-sec {
    background-color: #FFF5E5; 
    overflow:hidden;
}
.zwc-need-ip-top {
align-items:flex-start;
}

.zwc-need-ip-top h2 {
    max-width: 500px;
}

.zwc-need-ip-top p {
    max-width: 550px;
}


.zwc-need-ip-btm h3 {
    max-width: 540px;
    font-size: var(--bnrP);
    margin-bottom: 40px;
}

.zwc-need-ip-btm h3 span {
    display: block;
}

.zwc-need-ip-btm {
    padding-top: clamp(40px, 6.7vw, 100px);
}

.zwc-slick-wrap ul li {
    max-width: 390px;
    width: 100%;
    border-radius: 14px;
    border: 1.5px solid #ECE6DC;
    background: #FFF;
    padding: 40px 45px;
    height: auto;
}
.zwc-slick-wrap .slick-list {
    overflow: visible;
}
.zwc-slick li p::before {
    content: '';
    display: block;
    width: 48px;
    height: 51px;
    background-image: url(/sites/zweb/images/campaigns/dedicated-ip-sprite.svg);
    background-size: 700px;
    background-position: -247px -5px;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.zwc-slick li:nth-child(2) p::before {
    background-position: -296px -5px;
}

.zwc-slick li:nth-child(3) p::before {
    background-position: -347px -5px;
    width: 50px;
}

.zwc-slick li:nth-child(4) p::before {
    background-position: -402px -5px;
    width: 40px;
}

.zwc-slick li:nth-child(5) p::before {
    background-position: -446px -5px;
}

/* Need IP end */

/* Dedicated IP vs. Shared IP start */
.zwc-dedicated-vs-shared {
    --sectionPadding:clamp(60px, 8vw, 120px) 0 0;
}

.zwc-dedicated-vs-shared h2 {
    font-size: var(--h3);
    text-align: center;
    margin-bottom: clamp(20px, 3.4vw, 50px);
}

.slick-track {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 10px;
}

.zwc-table-wrap {
    max-width: 1160px;
    margin-inline: auto;
    overflow-x: scroll;
   border-radius:20px;
    border-right: 1px solid #a2acc6;
    border-bottom: 1px solid #a2acc6;
}

.zwc-table-wrap th {
    padding: 20px 0;
}

.zwc-table-wrap td {
    padding: 40px 20px;
    padding: clamp(25px, 2.7vw, 40px) clamp(20px, 3vw, 45px);

}

.zwc-table-wrap tr:not(:last-child):not(:first-child) {
    border-bottom: 1px dotted #A2ACC6;
}

.zwc-table-wrap tr:nth-child(1) {
    background-color: #002FA5;
    color: #fff;
    font-size: var(--p);
    font-family: var(--zf-primary-semibold);

}

.zwc-table-wrap table {
    border-radius: 16px;
}

.zwc-table-wrap tr td:nth-child(1) {
    background-color: #F1F5FF;
    font-family: var(--zf-primary-semibold);
    font-size: var(--p);
    width: 26%;
}

.zwc-icon-ele::before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    background-image: url(/sites/zweb/images/campaigns/dedicated-ip-sprite.svg);
    background-size: 800px;
    background-repeat: no-repeat;
    background-position: 0px -90px;
    margin-right: 15px;
}

.zwc-icon2::before {
    background-position: -24px -90px;
}

.zwc-icon3::before {
    background-position: -49px -91px;
}

.zwc-icon4::before {
    background-position: -72px -91px;
}

.zwc-icon5::before {
    background-position: -96px -90px;
    width: 20px;
}

.zwc-icon6::before {
    background-position: -121px -90px;
    width: 20px;
}

.zwc-icon7::before {
    background-position: -146px -91px;
   width:20px;
}
.zwc-table-wrap tr td:nth-child(2) {
    border-right: 1px dotted #a2acc6;
border-left: 1px dotted #a2acc6;
}
.zwc-table-wrap tr td:nth-child(2),
.zwc-table-wrap tr td:nth-child(3) {
    width: 37%;
}

.zwc-need-ip-sec .slick-prev,
.zwc-need-ip-sec .slick-next {
    display: block;
    width: 40px;
    height: 40px;
    border: 1.5px solid #000;
    border-radius: 20px;
    position: absolute;
    top: -20%;
    right: 10%;
    left: unset;
}

.zwc-need-ip-sec .slick-next {
    right: 6%;
}

.zwc-need-ip-sec .slick-prev::before,
.zwc-need-ip-sec .slick-next::before {
    background-color: black;
    width: 14px;
    height: 2px;
    transform: unset;
}


.zwc-need-ip-sec .slick-prev::after,
.zwc-need-ip-sec .slick-next::after {
    width: 8px;
    height: 8px;
    border: 2px solid black;
    background: transparent;
}

.zwc-need-ip-sec .slick-prev::before {
    transform: translate(0, 50%);
}

.zwc-need-ip-sec .slick-prev::before,
.zwc-need-ip-sec .slick-next::before,
.zwc-need-ip-sec .slick-prev::after,
.zwc-need-ip-sec .slick-next::after {
    position: absolute;
    inset:0;
    margin: auto;
}

.zwc-need-ip-sec .slick-prev::after {
    border-width: 2px 0 0 2px;
    transform: rotate(-45deg) translate(-30%, -10%);
}

.zwc-testimonial-content-wrap .slick-arrow {
    position: absolute;
    left: auto;
    top: auto;
    bottom: 0;
    height: 50px;
    width: 50px;
    border: 2px solid #000;
    border-radius: 50%;
    background-color: #fff;
    transition: background-color .4s ease;
    transform: translate(0, 0);
    right: 60px;
}

.zwc-need-ip-sec .slick-next::after {
    border-width: 2px 2px 0px 0px;
    left: 9px;
}

/* Dedicated IP vs. Shared IP end */
/* Using IP start */
.zwc-using-ip h2 {
    font-size: var(--h3);
}

.zwc-using-ip-cnt {
    max-width: 620px;
    text-align: center;
    margin-inline: auto;
}

.zwc-using-ip-con .zwc-flex {
    flex-wrap: wrap;
    align-items: stretch;
    gap: 18px;
    justify-content: center;

}
.zwc-using-ip-cnt p span {
display:block;
}

.zwc-using-ip-con {
    padding-top: clamp(40px, 4vw, 60px);
}

.zwc-using-ip-con ul li {
    max-width: 495px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(218, 222, 236, 0.50);
    padding: clamp(20px, 2.7vw, 40px);
}

.zwc-using-ip-con h3 {
    font-size: var(--h4);

}

.zwc-using-ip-con p {
    font-size: var(--pSm);
}



.zwc-using-ip-con ul li h3::before {
    content: '';
    display: block;
    width: 65px;
    height: 66px;
    background-image: url(/sites/zweb/images/campaigns/dedicated-ip-sprite.svg);
    background-repeat: no-repeat;
    background-size: 800px;
    background-position: -566px 0px;
    margin-bottom: 15px;
}

.zwc-using-ip-con ul li:nth-child(2) h3::before {
    background-position: -632px 0px;
    width: 45px;
}

.zwc-using-ip-con ul li:nth-child(3) h3::before {
    background-position: -679px 0px;
    width: 55px;
}

.zwc-using-ip-con ul li:nth-child(4) h3::before {
    background-position: -736px 0px;
}

/* Using IP end */
/* Pricing start */
.zwc-pricing-sec {
    text-align: center;
    position: relative;
    --sectionPadding:clamp(60px, 8vw, 120px) 0 0 0;

}

.zwc-pricing-sec::after {
    content: '';
    display: block;
    width: 100%;
    height: 100px;
    background-color: #1E4AB9;
    position: absolute;
    bottom: 0px;
    /* transform: translateY(-60px); */
    z-index: -1;
}
.zwc-pricing-sec ul li {
    max-width: 390px;
    width: 100%;
    padding: 40px 80px;
    border-radius: 12px;
    border: 2px solid #EFEFEF;
    background: #FFF;
    box-shadow: 0px 14px 14px 0px rgba(0, 0, 0, 0.12);

}

.zwc-pricing-sec ul {
    align-items: stretch;
    gap: 10px;
    padding-top: clamp(20px, 2.7vw, 40px);
    flex-wrap: wrap;
    justify-content: center;
}

.zwc-pricing-sec h3 {
    font-size: var(--h4);

}

.zwc-pricing-sec p {
    font-size: var(--pSm);
    margin: 0;
}

.zwc-pricing-cnt li h3::before {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    background-image: url(/sites/zweb/images/campaigns/dedicated-ip-sprite.svg);
    background-size: 1100px;
    background-position: -236px -122px;
    margin: 0 auto 15px;


}

/* Pricing end */
/* FAQ section start */
.zwc-faq-wrap button {
    background-color: unset;
    border: unset;
cursor:pointer;
    font-size: 22px;
    font-family: var(--primaryfont-semibold);
    padding: 10px 0;
    text-align: left;
}

.zwc-faq-wrap p {
    font-size: var(--pMini);
}

.zwc-wrap-con {
    max-width: 850px;
    margin-inline: auto;
}

.zwc-faq-sec h2 {
    text-align: center;
}

.zwc-faq-wrap li {
    padding: 25px;
    border-bottom: 1px solid rgb(226, 226, 226);
    position: relative;
}

.zwc-faq-wrap li:last-child {
    border-bottom: none;
}

.zwc-faq-sec .zwc-arrow {
    position: absolute;
    right: 0px;
    top: 23px;
    width: 20px;
    height: 20px;
    transition: 500ms;
}

.zwc-faq-sec li.active .zwc-arrow {
    transform: scaleY(-1);
    transform-origin: center center;
    top: 45px;
}

.zwc-faq-sec .zwc-arrow::before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: 17px;
    right: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid gray;
}

.zwc-faq-sec .zwc-arrow::after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: 16px;
    right: 2px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgb(255, 255, 255);
}

.zwc-faq-sec a {
    color: var(--zwc-link-clr);
}

/* FAQ section end */
/* Footer start */
.zwc-footer-sec h2 {
    margin-bottom: 20px;
}

.zwc-footer-sec {
    background-color: #1E4AB9;
    color: #fff;
    text-align: center;
}

.zwc-footer-sec .zwc-zh-btn {
    color: #fff;
    border: 1px solid #fff;
   margin-left:12px;
}

/* Footer end */
@media screen and (max-width: 1440px) {
    .zwc-slick-wrap .slick-list {
        overflow: hidden;
    }
}
@media screen and (min-width: 1600px) {
.zwc-bnr-right {
    transform: translate(18%) scale(1.2);
  padding-bottom:45px;
}
.zwc-bnr-left {
    margin-left: 60px;
}
.zwc-bnr-rate2 {
    top: 45%;
}
}
@media only screen and (min-width: 1280px) {
    .zwc-whole-con h1 {
        line-height: 68px;
        letter-spacing: -1.28px;
    }

    .cta-btn {
        padding: 13px 30px;
    }

    /* .zwc-whole-con h2 { */
        /* line-height: 40px;
        letter-spacing: -0.84px; */
        /* line-height: 64px;
        letter-spacing: -1.12px; */
    /* } */

    .zwc-whole-con .zwc-ip-address h2 {
        /* line-height: 56px; */
        letter-spacing: -0.96px;
    }

    /* .zwc-using-ip-con h3 {
        line-height: 40px;
        letter-spacing: -0.84px;
    } */

    .zwc-pricing-sec h3 {
        line-height: 28px;
        letter-spacing: -0.3px;
    }

    .zwc-whole-con .zwc-bnr-sec p {
        line-height: 32px;
        letter-spacing: -0.48px;
    }



    .zwc-bnr-sec .content-wrap {
        max-width: 1380px;
    }

    .zwc-bnr-circle {
        animation: scale 1s ease-out .5s forwards;
        animation-delay: 1.5s;
        opacity: 0;
    }

    .zwc-bnr-stoke {
        animation: slideTop 1s ease-out .5s forwards;
        animation-delay: .5s;
        opacity: 0;

    }

   /* .zwc-bnr-rate1 {
        animation: scale 1s ease-out .5s forwards;
        opacity: 0;
        animation-delay: 2.3s;
    }

    .zwc-bnr-rate2 {

        animation: scale 1s ease-out .5s forwards;
        opacity: 0;
        animation-delay: 2s;

    }

    .zwc-bnr-rate3 {

        animation: scale 1s ease-out .5s forwards;
        opacity: 0;
        animation-delay: 2.6s;

    } */

    .zwc-bnr-card-ele {

        animation: scale 1s ease-out .5s forwards;
        animation-delay: 1.5s;
        opacity: 0;
    }

    .zwc-bnr-mail {

        animation: scale 1s ease-out .5s forwards;
        animation-delay: 1s;
        opacity: 0;
    }

    .zwc-bnr-arrow {

        animation: slideLeft 1s ease-out .5s forwards;
        animation-delay: 1s;
        opacity: 0;

    }

  /*  .zwc-bnr-bg {

        animation: slideLeft 1s ease-out .5s forwards;

        opacity: 0;
    } */

    @keyframes slideLeft {
        0% {
            visibility: hidden;
            opacity: 0;
            transform: translateX(30px);
        }

        100% {
            visibility: visible;
            opacity: 1;
            transform: translateX(0px);
        }
    }

    @keyframes slideTop {
        0% {
            visibility: hidden;
            opacity: 0;
            transform: translateY(30px);
        }

        100% {
            visibility: visible;
            opacity: 1;
            transform: translateY(0px);
        }
    }

    @keyframes scale {
        0% {
            visibility: hidden;
            opacity: 0;
            transform: scale(0.5);
        }

        100% {
            visibility: visible;
            opacity: 1;
            transform: scale(1);
        }
    }
.zwc-need-ip-sec .content-wrap {
max-width:1130px;
}

}

@media only screen and (max-width: 1279px) {
    .zwc-bnr-con {
        flex-direction: column;
        text-align: center;
    }

    .zwc-bnr-left {
        width: 100%;

    }

    .zwc-bnr-right span,
    .zwc-bnr-stoke {
        display: none;
    }

    .zwc-bnr-right {
        transform: translateY(40px);
    }

    .zwc-bnr-bg {
        width: 80%;
      margin-inline:auto;
    }

}

@media only screen and (max-width: 1024px) {
    .zwc-using-ip-con {
        text-align: center;
    }

    .zwc-using-ip-con ul li h3::before {
        margin: 0 auto 10px;
    }

    .zwc-need-ip-sec .slick-prev {
        right: 12%;
    }

}

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

    .zwc-ip-address-con,
    .zwc-need-ip-top {
        flex-direction: column;
    }

    .zwc-ip-address-left,
    .zwc-need-ip-top {
        text-align: center;
    }

    .zwc-ip-address-left {
        width: 100%;
    }

    .zwc-ip-address-left {
        max-width: 695px;
    }
}

@media only screen and (max-width: 767px) {
    .zwc-need-ip-sec .slick-prev {
        top: unset;
        bottom: -30%;
        right: 52%;
    }

    .zwc-need-ip-sec .slick-next {
        top: unset;
        bottom: -30%;
        right: 44%;
    }

    .zwc-ip-address-right {
        width: 50%;
    }


    .zwc-need-ip-sec {
        padding-bottom: 100px;
        ;
    }
}

@media only screen and (max-width: 480px) {
    .cta-btn.act-btn {
        margin-right: 0;
        margin-bottom: 20px;
        ;
    }

    .zwc-need-ip-sec .slick-next {
        right: 35%;
    }

    .zwc-bnr-right {
        transform: translateY(20px);
    }
.zwc-table-wrap {
border-radius:12px;
}
.zwc-pricing-sec ul li {
padding:40px 45px;
}
}