.form-control select {
    position: relative;
}

.form-control select::after {
    content: '';
}

.btn-control .submit {
    background: #236db4;
    border: none;
    color: #fff;
}

.btn-control input[type="reset"],
.btn-control input[type="submit"] {
    width: 100px;
    padding: 7px 15px 7px 15px;
    font-size: 16px;
    border-radius: 4px;
    margin-right: 15px;
}

.btn-control .reset {
    background: #efefef;
    color: #000000;
    border: 1px solid #d2d2d2;
}

.form-control input,
.form-control select,
.form-control textarea {
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.form-control {
    display: flex;
    flex-direction: column;
    margin: 13px 0px;
}

.form-control label {
    font-weight: 500;
    color: #333333;
    font-size: 15px;
}

.content-wrap {
    max-width: 1440px !important;
}

.height-wrap {
    max-height: 210px;
    height: 100%;
}

.header-section {
    padding-block: 120px;
    margin-top: -68px;
}

.header-section .table-wrap {
    display: block;
}

.header-section .table-wrap .column {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.w-tag {
    font-size: 17px;
    line-height: 23px;
    letter-spacing: -0.48px;
    display: block;
    font-family: var(--secondaryfont-semibold);
    background: #ffffff00 linear-gradient(270deg, #eef0ff4a 0, #fff2e01a 100%) 0 0 no-repeat padding-box;
    text-align: center;
    border-radius: 25px;
    padding: 8px 18px;
    margin: 0 0 15px;
    width: max-content;
    width: max-content;
    border: 1px solid #ffffff42;
}

.header-section,
#block-panels-mini-product-menu {
    background: linear-gradient(115deg, #7C4B3D -65.58%, #060611 76.33%);
    color: #ffffff;
}

/* testimonial section */
.zwnew-testi-section {
    padding: 60px 0;
}

.ztesti-box {
    background: #FFE9D9;
    box-shadow: 50px 50px 36px #00000003;
    border-radius: 20px;
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding: 30px 40px 10px 40px;
}

.ztesti-box h2 {
    max-width: 1000px;
    margin: 0 auto;
}

.ztesti-box>ul {
    margin: 30px auto 0;
    max-width: 1000px;
}

.ztesti-box>ul li>p {
    font-size: 17px;
}

.ztesti-cust {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 30px 0 0;
}

.ztesti-cust-details h5 {
    font-size: 20px;
    color: #8E37AF;
    margin: 0;
}

.ztesti-cust-details p {
    margin: 0;
    font-size: 16px;
}

.ztesti-cust-pic {
    width: 72px;
    height: 72px;
    border-radius: 100%;
    overflow: hidden;
    background: #fff;
}

.ztesti-cust-pic img {
    display: block;
}

.ztesti-box .slick-dots {
    background: #ffdec7;
    max-width: 70px;
    border-radius: 21px;
    margin: 40px 0 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.ztesti-box .slick-dots li {
    background: #f1cab1;
    border: none;
    width: 8px;
    height: 8px;
    vertical-align: middle;
}

.ztesti-box .slick-dots li.slick-active {
    background: #fff;
    border: none;
    width: 10px;
    height: 10px;
}

.webinar-dates span {
    color: #ffffff;
    padding: 0;
    border-radius: 3px;
    font-size: 19px;
    display: block;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: var(--zf-secondary-medium);
    padding: 2px 0 2px 35px;
    position: relative;
    line-height: normal;
}

.webinar-dates span:before {
    content: '';
    background: url(/sites/zweb/images/analytics/analytics-5-webinar-sprite.png) no-repeat;
    background-size: 140px auto;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-position: -114px -2px;
    position: absolute;
    left: 0;
    top: 0;
    filter: hue-rotate(155deg);
}

.webinar-dates span:first-child {
    margin-right: 5px;
}

h1 {
    margin-bottom: 20px;
    font-size: 48px;
    max-width: 570px;
    font-family: var(--primaryfont-bold);
}

h1+p {
    font-size: 22px;
    margin-bottom: 25px;
}

.webinar-dates {
    margin-bottom: 50px;
}

.banner-content {
    padding: 60px 20px 80px;
    text-align: center;
}

.maincontainer {
    margin: 0 auto;
    max-width: 1280px;
    width: 95%;
    box-sizing: border-box;
}

.highlight {
    color: #3d4abc;
}

.maincontainer p {
    margin: 0 auto 30px;
    max-width: 800px;
}

.maincontainer h1 {
    text-align: center;
    max-width: 650px;
    margin: 0 auto 15px;
    color: #3d4abc;
}

ul.webinar-details li {
    display: inline-block;
    color: #fc6522;
    border-right: 2px solid #ccc;
    padding: 0 10px;
    line-height: 14px;
    font-family: var(--zf-primary-semibold);
    font-size: 22px;
}

ul.webinar-details li:last-child {
    border-right: 0;
}

.webinar-content {
    width: 60%;
    padding: 0 5% 0 20px;
    box-sizing: border-box;
    max-width: 750px;
    margin: 0 auto;
    float: left;
}

.webinar-form {
    float: left;
    width: 40%;
    padding: 0 20px 0 5%;
    box-sizing: border-box;
    position: sticky;
    top: 100px;
}

.webinar-box {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.person-details h4 {
    color: #2e5ed0;
    font-size: 20px;
    margin-top: 10px;
}

.person-details h4 em {
    font-size: 12px;
    text-transform: uppercase;
    font-style: normal;
    display: block;
    margin-bottom: 5px;
    background: #fff;
    padding: 0;
    color: #000;
    width: 100px;
}

.register-btn {
    background: #f0483e;
    color: #fff;
    margin-top: 10px;
    padding: 12px 40px;
    font-size: 18px;
    display: none;
}

.person-details {
    float: none;
    margin: 0 20px 0 20px;
    margin-right: 20px;
    position: relative;
    min-height: 100px;
    box-sizing: border-box;
    width: 25%;
    display: inline-block;
    max-width: 260px;
    vertical-align: top;
    text-align: center;
}

.person-details span {
    display: block;
    font-size: 15px;
    color: #000;
    margin-top: 7px;
    font-family: var(--primaryfont-regular);
}

.webinar-sprite {
    background-image: url(/sites/zweb/images/analytics/modern-bi-and-analytics-platform.jpg);
    background-repeat: no-repeat;
    background-size: 664px auto;
    width: 136px;
    height: 232px;
    border: 1px solid #efefef;
    border-radius: 68px;
}

.webinar-idc {
    background-position: 0 0;
    float: left;
    width: 274px;
}

.webinar-zohocreator {
    background-position: -278px 0;
    float: right;
    width: 245px;
}

.person-img {
    float: left;
    margin-right: 15px;
}

.person-details>span {
    float: none;
    margin-right: auto;
    margin: auto;
}

.shelby-img {
    background-position: -528px 0;
}

.bharath-img {
    background-position: -352px 0;
}

.tejas-img {
    background-position: -176px 0;
}

p {
    margin: 0 0 40px;
}

.bannertop-content {
    width: 100%;
    display: inline-block;
}

ul.tickmark {
    margin: 15px 0 0;
}

ul.tickmark li {
    padding-left: 30px;
    position: relative;
    line-height: 36px;
    margin-bottom: 15px;
}

ul.tickmark li:before {
    content: '';
    background-image: url(/sites/zweb/images/creator/webinar-tick-mark.png);
    background-repeat: no-repeat;
    background-size: 16px auto;
    width: 20px;
    height: 16px;
    display: inline-block;
    margin-right: 0;
    position: absolute;
    left: 0;
    top: 12px;
}

.clear-float:after {
    content: '';
    clear: both;
    display: block;
}

.maincontainer.webinar-wrapper {
    padding-block: 90px;
}

.sign-agree {
    font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
    max-width: 330px;
    margin: 0 auto;
    text-align: center;
}

.sign-agree p {
    font-size: 14px;
}

.form-wrapper {
    padding: 20px 40px;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    min-height: 760px;
}

#webinar {
    max-width: 480px;
    margin: 20px auto 0;
}

#webinar label {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
}

/* fieldset {
margin: 0 0 25px;
overflow: hidden;
padding: 0;
border: 0
}

#webinar input[type="text"],
select,
textarea {
width: 100%;
height: 35px;
line-height: 22px;
font-size: 14px;
padding: 0 5px;
border: 1px solid #e2e2e2;
margin-bottom: 0;
box-sizing: border-box
}

#webinar input[type="submit"] {
padding: 15px 60px;
background: #f0483e;
border: 1px solid #f0483e;
color: #fff;
font-size: 16px;
cursor: pointer;
text-transform: uppercase;
font-weight: 600
}

.webinar-form h4 {
padding: 0 0 20px 0;
margin: 0
}

fieldset:last-child {
text-align: center
} */

p.desc-highlight {
    font-family: "Roboto Slab";
    font-size: 20px;
    border-left: 5px solid #3d4abc;
    padding-left: 23px;
}

.text-cent {
    text-align: center;
}

#successsMsg {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 20px;
    text-align: center;
    display: block;
    margin: 0 0 300px;
}

label.error {
    width: 100%;
    display: block;
    font-size: 14px;
    color: red;
    margin-top: 3px;
}

#webinar label span {
    color: red;
    font-weight: normal;
}

.webinar-content h4 {
    font-size: 22px;
    margin: 0 0 5px 0;
    line-height: 32px;
}

.iframe-pop-sec {
    display: block;
    background: #f5f5f5;
}

.z-small-content-wrap {
    width: 100%;
    max-width: 640px;
    margin: 0 auto 0;
    padding: 40px;
    box-sizing: border-box;
    background: #f5f5f5;
}

.title-sec {
    font-size: 24px;
    text-align: center;
    margin-bottom: 40px;
}

fieldset {
    margin: 0 0 25px;
    overflow: hidden;
    padding: 0;
    border: 0;
}

fieldset .left {
    width: 100%;
    float: none;
    display: block;
}

/* fieldset .left label {
display: inline-block;
font-size: 16px;
font-weight: 600;
max-width: 140px
}

.fieldMandate {
color: red;
margin-left: 3px;
font-size: 13px;
font-weight: normal
}

fieldset .right {
width: 100%;
float: none;
text-align: left;
margin-left: 0;
margin-top: 5px
}

input[type="text"],
select,
textarea {
width: 100%;
height: 40px;
line-height: 22px;
font-size: 14px;
padding: 5px 5px;
border: 1px solid #d9d9d9;
margin-bottom: 0;
box-sizing: border-box;
max-width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}

.zgdprform-zohocrm .zgdprform-countrylist-container select.globalcountrycode {
background: #fff !important;
height: 42px !important
}

.zcapt fieldset {
margin-bottom: 30px
}

.zcaptcha {
padding: 0;
text-align: left;
display: block
}

input[type="submit"] {
background: #f0483e;
border: 1px solid #f0483e;
color: #fff;
cursor: pointer;
font-size: 18px;
padding: 15px 40px;
font-family: var(--zf-primary-bold);
width: 100%;
box-sizing: border-box;
text-transform: uppercase;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}

.rsubmit {
text-align: center
}

.error {
color: #f30;
display: inline-block;
font-size: 14px;
line-height: 20px
}

select.error,
input.error[type="text"],
input.error[type="email"] {
color: #333;
margin-right: 50px
}

label#Email-error,
label#Phone-error,
label#Users-error,
label#captha-field-error {
margin-left: 72px;
float: left
} */

.form-section h3 {
    text-align: center;
    margin-bottom: 40px;
}

.zsubmit {
    text-align: center;
}

.contactSec {
    display: none;
}

.zcircle-tick {
    border: 2px solid #20c53b;
    border-radius: 100%;
    height: 50px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: -30px;
    width: 50px;
}

p.sign_agree {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    margin-top: 0;
    padding-bottom: 15px;
    font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
    margin: 0 auto;
}

.zcircle-tick::after,
.zcircle-tick::before {
    background: #20c53b none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 19px;
    position: absolute;
    top: 28px;
    transform: rotate(45deg);
    width: 7px;
}

.zcircle-tick::before {
    left: 22px;
    top: 25px;
    transform: rotate(-52deg);
    width: 13px;
}

.form-section {
    background: #f5f5f5;
    border: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.form-result {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 20px;
    text-align: center;
}

.zform-submit .contactSec.form-result {
    position: relative;
    max-width: 400px;
    margin: 0 auto;
    margin-top: 160px;
}

.zform-submit .form-result,
.zform-submit #block-panels-mini-product-menu {
    background: transparent;
}

.zform-submit .form-result p {
    font-family: var(--zf-primary-regular), Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #000;
    margin-top: 20px;
}

.feature-heading p span {
    display: block;
}

.sign_agree p,
p.zgdprform-opt-container {
    text-align: center !important;
}

.main-container-wrapper.zform-submit .feature-heading h1,
.main-container-wrapper.zform-submit .feature-heading p {
    display: none;
}

img#imgid {
    border: 1px solid #e5e5e5;
    vertical-align: middle;
    margin-right: 10px;
}

a.reload-img {
    font-size: 16px;
}

.list-wrap {
    padding: 15px 0;
}

h4.partipants {
    margin-top: 60px;
    margin-bottom: 20px;
}

.speakers-section h2 {
    margin-bottom: 35px;
    text-align: center;
    font-family: var(--primaryfont-bold);
}

.person-details:last-child {
    margin-right: 0;
}

.boot-camp-section {
    padding: 100px 0 120px 0;
}

.boot-camp-section h2 {
    text-align: center;
    font-family: var(--primaryfont-bold);
    font-size: 36px;
}

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

.boot-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
}

.bcard {
    width: 19%;
    padding: 50px 30px;
    box-sizing: border-box;
    background: #eaf8ff;
    margin: 0 5px;
}

.boot-list h3 {
    font-size: 22px;
}

.bcard span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/sites/zweb/images/analytics/analytics-5-webinar-sprite.png) no-repeat;
    margin-bottom: 25px;
    background-size: 270px auto;
}

.bcard h4 {
    margin-bottom: 10px;
}

.bcard h4+p {
    margin-bottom: 15px;
    font-size: 15px;
}

.bcard a {
    border-bottom: 1px solid;
    line-height: normal;
    font-size: 14px;
    text-transform: uppercase;
    font-family: var(--primaryfont-semibold);
}

.speakers-section {
    background: #fbfbfb;
    padding: 90px 0 90px 0;
}

.bcard.bcard1 {
    background: #eaf0ff;
}

.bcard.bcard2 {
    background: #f0ffea;
}

.bcard.bcard3 {
    background: #fffbea;
}

.bcard.bcard4 {
    background: #ffeded;
}

.bcard.bcard1 span {
    background-position: 5px -10px;
}

.bcard.bcard2 span {
    background-position: -51px -5px;
}

.bcard.bcard3 span {
    background-position: -108px 0;
    width: 53px;
    height: 55px;
}

.bcard.bcard4 span {
    background-position: -171px -9px;
}

.table-wrap .left h1 {
    margin-top: 0;
    font-size: 41px;
}

.cta-button a {
    padding: 12px 30px;
    border-radius: 5px;
    font-size: 17px;
    background: #e42527;
    color: #fff;
    border: none;
    text-decoration: none;
}

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

    fieldset .left,
    fieldset .right {
        width: 100%;
        float: none;
        text-align: left;
        margin: 0 0 10px 0;
    }

    select.error,
    input.error[type="text"],
    input.error[type="email"] {
        color: #333;
        margin-right: 0;
    }

    .z-small-content-wrap {
        width: 90%;
    }

    .feature-heading p span {
        display: inline-block;
    }

    label.error {
        float: none;
        margin-left: 0;
        width: 100%;
    }

    .features-part {
        width: 90%;
        margin: 0 auto;
    }

    fieldset .left label {
        max-width: none;
    }

    .sign_agree p,
    p.zgdprform-opt-container {
        text-align: left !important;
    }

    .z-small-content-wrap {
        max-width: 470px;
    }

    .error {
        display: block;
        margin-left: 0;
    }

    fieldset {
        margin: 0 0 10px;
    }
}

@media screen and (max-width:1366px) {
    .person-details {
        max-width: 230px;
    }

    .bcard h4 {
        font-size: 20px;
    }
}

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

    .height-wrap {
        max-height: 265px;
    }
}

@media screen and (max-width:1199px) {
    .webinar-content {
        width: 55%;
    }

    h1 {
        font-size: 42px;
    }

    .person-details {
        max-width: 190px;
    }

    .bcard {
        width: 48%;
        margin-bottom: 20px;
    }

    .height-wrap {
        height: unset;
    }
}

@media screen and (max-width:991px) {
    .webinar-content {
        padding: 0 20px;
    }

    .table-wrap .left p {
        width: unset;
    }

    .webinar-content,
    .webinar-form {
        width: 100%;
        display: block;
        float: none;
    }

    .webinar-idc,
    .webinar-zohocreator {
        float: none;
    }

    .banner-content {
        padding: 30px 20px;
    }

    .maincontainer.webinar-wrapper {
        padding: 0;
    }

    .register-btn {
        display: inline-block;
    }

    .header-section {
        padding-bottom: 80px;
        margin-top: -68px;
    }

    .webinar-form {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        padding: 40px 0 0;
    }

    .speakers-section {
        padding: 60px 0;
    }

    .speakers-section h2 {
        text-align: center;
        font-size: 26px;
    }

    .person-details {
        width: 48%;
        text-align: center;
        max-width: 260px;
        margin-bottom: 50px;
    }

    .person-details>span {
        float: none;
        display: block;
        left: 0;
        right: 0;
        margin: auto;
    }

    .person-details:last-child {
        margin-right: 20px;
    }

    .webinar-box {
        padding-bottom: 0;
    }

    .boot-camp-section {
        padding: 60px 0;
    }

    .boot-camp-section h2 {
        font-size: 26px;
    }

    .boot-camp-section h2+p {
        max-width: 640px;
        font-size: 15px;
    }

    .bcard {
        padding: 32px 24px;
    }

    .report-section h2 {
        font-size: 28px;
    }

    .header-section .table-wrap {
        display: block;
    }

    .header-section .table-wrap .column {
        display: block;
        width: 100%;
        text-align: center;
    }

    .w-tag {
        margin-left: auto;
        margin-right: auto;
    }

    h1,
    .table-wrap .left h1 {
        margin: 0 auto 24px;
        font-size: 34px;
        line-height: 1.3;
    }

    h1+p {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .webinar-dates {
        display: inline-block;
        text-align: left;
        margin-bottom: 30px;
    }

    .webinar-dates span {
        font-size: 17px;
    }

    .cta-button a {
        font-size: 16px;
        padding: 12px 24px;
    }

    .header-section .table-wrap .column.right img {
        max-width: 500px;
    }

    .header-section .table-wrap .column.right {
        padding-top: 30px;
    }
}

@media screen and (max-width:767px) {
    .maincontainer.webinar-wrapper {
        padding: 0;
    }

    .webinar-box {
        padding: 30px 16px;
    }

    .webinar-content>h4 {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .webinar-form {
        width: 100%;
        margin: 40px auto 30px;
        padding: 0;
    }

    .webinar-content {
        padding: 0 10px;
    }

    .header-section {
        padding-bottom: 28px;
    }

    h1,
    .table-wrap .left h1 {
        font-size: 28px;
        margin-bottom: 16px;
    }

    h1+p {
        font-size: 16px;
        line-height: 1.5;
    }

    .w-tag {
        font-size: 14px;
        line-height: 20px;
        padding: 6px 14px;
    }

    .webinar-dates {
        margin-bottom: 24px;
    }

    .webinar-dates span {
        font-size: 15px;
        margin-bottom: 10px;
        padding: 2px 0 2px 32px;
    }

    .webinar-dates span:first-child {
        margin-right: 0;
    }

    .cta-button a {
        font-size: 15px;
        padding: 11px 22px;
    }

    .speakers-section {
        padding: 40px 0;
    }

    .speakers-section h2,
    .boot-camp-section h2 {
        font-size: 22px;
    }

    .boot-camp-section {
        padding: 40px 0;
    }

    .boot-camp-section h2+p {
        font-size: 15px;
        margin-bottom: 12px;
        padding: 0 10px;
    }

    .bcard {
        padding: 28px 20px;
        margin: 0 0 12px;
    }

    .bcard h4 {
        font-size: 18px;
    }

    .bcard h4+p {
        font-size: 14px;
    }

    .report-section h2 {
        font-size: 24px;
    }

    .person-details {
        padding: 24px 0 0;
        margin: 0 0 40px;
    }

    .person-details:last-child {
        margin-right: 0;
        margin-bottom: 0;
    }

    .person-details h4 {
        font-size: 18px;
    }

    .header-section .table-wrap .column.right img {
        max-width: 100%;
    }
}

@media screen and (max-width:600px) {
    .webinar-box>h4 {
        margin-bottom: 24px;
    }

    .maincontainer.webinar-wrapper {
        padding: 20px 16px 0;
    }

    ul.tickmark li {
        line-height: 26px;
        margin-bottom: 10px;
    }

    ul.tickmark li:before {
        top: 5px;
    }

    .person-details {
        width: 100%;
        margin: 0 0 36px;
        padding: 20px 0 0;
        max-width: 400px;
        vertical-align: middle;
        display: block;
        height: auto;
    }

    .webinar-sprite {
        border-radius: 100%;
        margin: 0 auto 12px;
    }

    .header-section .table-wrap .column.right img {
        max-width: 100%;
    }

    .bcard {
        width: 100%;
        padding: 24px 16px;
    }

    .boot-list {
        padding-top: 12px;
        gap: 12px;
    }
}

@media screen and (max-width:480px) {
    .form-wrapper {
        padding: 16px;
    }

    .maincontainer.webinar-wrapper {
        padding: 16px 10px 0;
    }

    .header-section {
        padding-bottom: 24px;
    }

    h1,
    .table-wrap .left h1 {
        font-size: 24px;
    }

    h1+p {
        font-size: 15px;
    }

    .webinar-dates span {
        font-size: 14px;
        padding-left: 30px;
    }

    .w-tag {
        font-size: 13px;
        padding: 5px 12px;
    }

    .speakers-section,
    .boot-camp-section {
        padding: 36px 0;
    }

    .speakers-section h2,
    .boot-camp-section h2,
    .report-section h2 {
        font-size: 22px;
    }

    .person-details span {
        font-size: 14px;
    }

    .person-details h4 {
        font-size: 17px;
    }

    .webinar-content h4 {
        font-size: 18px;
    }

    .cta-button a {
        display: inline-block;
        width: auto;
        max-width: 100%;
    }

    .iframe-wrap {
        overflow: hidden;
        overflow-x: auto;
    }
}

@media screen and (max-width:360px) {
    h1,
    .table-wrap .left h1 {
        font-size: 22px;
    }

    .person-details {
        padding: 16px 0 0;
        margin-bottom: 28px;
    }

    .bcard {
        padding: 20px 14px;
    }
}

.watch-video a {
    font-family: var(--zf-primary-semibold);
    color: #000;
    display: inline-block;
    position: relative;
}

.watch-video img {
    width: 150px;
    border-radius: 6px;
    vertical-align: middle;
    margin-right: 20px;
}

.watch-video {
    margin: 30px 0 20px 0;
}

span.zplay-icon {
    width: 30px;
    height: 30px;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    display: block;
    text-indent: -99999px;
    top: -2px;
}

span.zplay-icon+span {
    margin-left: 40px;
    color: #000;
}

span.zplay-icon:after,
span.zplay-icon:before {
    content: "";
    position: absolute;
}

span.zplay-icon:before {
    width: 30px;
    height: 30px;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    border-radius: 50%;
    top: 0;
    left: 0;
    background: #000;
    border: 1px solid #fff;
}

span.zplay-icon:after {
    left: 56%;
    top: 52%;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #fff;
    z-index: 100;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

h1 span {
    background: linear-gradient(176deg, #FFE294 -1.94%, #FFA7BB 97.41%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h1 {
    max-width: 580px;
    margin-bottom: 25px;
    line-height: 1.3;
    margin-top: -10px;
}

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

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

h2,
h3 {
    font-family: var(--primaryfont-bold);
}

.rated-section {
    background: #eceff5;
    margin: 0 50px;
}

.rated-section .content-wrap {
    max-width: 1190px;
}

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

@keyframes rightToLeftMoveAim {
    from {
        transform: translateX(250px);
    }

    to {
        transform: translateX(0);
    }
}

.read-more-link {
    text-align: right;
    display: block;
    max-width: max-content;
    margin-right: 0;
    margin-left: auto;
    position: relative;
    color: #000;
    font-family: var(--zf-secondary-medium);
    padding-right: 35px;
}

.read-more-link:after {
    content: "";
    background: url(/sites/zweb/images/analytics/za-embedded-analytics-sprite.svg) no-repeat;
    right: 0;
    bottom: 0;
    width: 25px;
    height: 25px;
    background-size: 640px auto;
    background-position: -239px -25px;
    position: absolute;
}

.report-section {
    background: #1d1d1d;
    color: #fff;
    width: 100%;
    max-width: 1000px;
    border-radius: 20px;
    margin: 90px auto;
}

.report-section .slick-dots {
    text-align: left;
    padding-top: 30px;
}

.report-section .slick-dots li {
    background: #e0e0e0;
}

.report-section .slick-dots li.slick-active::before {
    background: #8d8d8d !important;
}

.aem-report img{
    margin-bottom: 20px;
}

.report-icon1 {
    width: max-content;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
}

.report-icon2 {
    height: 115px;
    width: 110px;
    display: inline-block;
    background: url(/sites/zweb/images/analytics/dresner.png) no-repeat;
    background-size: 150px auto;
    background-position: -20px -3px;
}

.report-icon3 {
    height: 55px;
    width: 160px;
    display: inline-block;
    background: url(/sites/zweb/images/analytics/za-gartner.png) no-repeat;
    background-size: 150px auto;
    background-position: 4px 7px;
}

.report-section .content-wrap {
    max-width: 780px;
}

.report-section .read-more-link {
    margin-left: 0;
    color: #fff;
    margin-top: 30px;
}

.report-section .read-more-link::after {
    background-position: -611px -85px;
}

.report-section h2 {
    margin-bottom: 25px;
    margin-top: 25px;
    font-size: 33px;
}

.report-section .content-wrap {
    max-width: 780px;
}

.report-section .read-more-link {
    margin-left: 0;
    color: #fff;
    margin-top: 50px;
}

.report-section h2 {
    margin-bottom: 25px;
    margin-top: 25px;
    font-size: 33px;
}

.report-icon1::before {
    content: "";
    width: 225px;
    height: 65px;
    bottom: 30px;
    background: url(/sites/zweb/images/analytics/za-embedded-analytics-sprite.svg) no-repeat;
    background-size: 800px auto;
    background-position: -576px -13px;
    display: block;
}

@keyframes progresswidth {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

.report-section .slick-dots li {
    width: 20px;
    border-radius: 5px;
    background: #e0e0e0;
    height: 8px;
    border: 0;
    position: relative;
}

.report-section .slick-dots li.slick-active {
    width: 35px;
    height: 8px;
    border: 0;
    background: #e0e0e0;
}

.report-section .slick-dots li.slick-active::before {
    animation: progresswidth 6s linear forwards;
    content: "";
    width: 40px;
    left: 0;
    position: absolute;
    background: #000;
    opacity: 1;
    height: 8px;
    border-radius: 5px;
}

@keyframes progressHeight {
    from {
        height: 0;
    }

    to {
        height: 100%;
    }
}

.report-svg {
    background: url(/sites/zweb/images/analytics/za-report-pattern.svg) no-repeat;
    width: 120px;
    height: 120px;
    position: absolute;
}

.report-svg1 {
    display: none;
}

.report-svg2 {
    right: -18px;
    top: 0px;
    opacity: 0.5;
}

@-webkit-keyframes scrollRight {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-585px);
        transform: translateX(-585px);
    }
}

@keyframes scrollRight {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-585px);
        transform: translateX(-585px);
    }
}

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

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

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

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-moz-keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

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

    50% {
        -webkit-transform: translate(0, -16px);
        transform: translate(0, -16px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

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

    50% {
        -webkit-transform: translate(0, -16px);
        transform: translate(0, -16px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

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

    50% {
        -webkit-transform: translate(0, 16px);
        transform: translate(0, 16px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

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

    50% {
        -webkit-transform: translate(0, 16px);
        transform: translate(0, 16px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

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

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

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

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

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

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

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

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

@-webkit-keyframes slideRight {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(20px);
    }

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

@-moz-keyframes slideRight {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateX(20px);
    }

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

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

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

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

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

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

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

@keyframes slideDownNew {
    0% {
        visibility: hidden;
        transform: translateY(10px);
    }

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

@-webkit-keyframes slideDownNew {
    0% {
        visibility: hidden;
        -webkit-transform: translateY(10px);
    }

    100% {
        visibility: visible;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slideDownNew {
    0% {
        visibility: hidden;
        -moz-transform: translateY(10px);
    }

    100% {
        visibility: visible;
        -moz-transform: translateY(0);
    }
}

@media screen and (max-width : 1366px) {
    .rated-section {
        margin: 0;
    }

    .report-svg1 {
        left: -170px;
    }

    .ztesti-box h2 {
        font-size: 32px;
        line-height: 38px;
    }

}

@media screen and (max-width : 1279px) {
    h1 {
        max-width: 100%;
    }

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

    .report-svg2 {
        right: -50px;
    }

    .report-svg1 {
        left: -80px;
        display: none;
    }
}

@media screen and (max-width : 991px) {
    .report-svg2 {
        right: 0;
    }

    .ztesti-box h2 {
        font-size: 26px;
    }

    .ztesti-box {
        padding: 40px 20px;
    }

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

    .report-section h2 {
        font-size: 28px;
    }
}

@media screen and (max-width : 767px) {
    h2{
        font-size: 20px !important;
    }
    .common-section {
        padding: 36px 0;
        margin: 0 16px 32px;
        width: unset;
    }

    .read-more-link {
        margin-left: 0;
    }

    .report-svg2 {
        display: none;
    }

    .ztesti-box {
        padding: 28px 16px 16px;
    }

    .ztesti-box .slick-dots {
        margin: 16px 0 0;
    }

    .report-section h2 {
        font-size: 24px;
    }

    .report-section{
        margin-block: 60px;
    }
}

@media screen and (max-width : 480px) {
    .rated-section {
        margin: 0;
    }

    .common-section {
        padding: 28px 0;
        margin: 0 12px 28px;
    }

    .report-section h2 {
        font-size: 22px;
    }

    .ztesti-box h2 {
        font-size: 22px;
        line-height: 1.35;
    }

    .ztesti-box>ul li>p {
        font-size: 14px;
    }

    .ztesti-cust {
        display: block;
    }

    .ztesti-cust-details {
        margin: 16px 0 0;
    }

    .ztesti-cust-details h5 {
        font-size: 17px;
    }

    .ztesti-cust-details p {
        font-size: 14px;
        line-height: 20px;
    }
}

.zpromotion p a {
    color: #fde700;
}