:root {
	--zwc-h1: clamp(40px, 4.6296vw, 80px);
	--padding-top-bot: clamp(80px, 7.5vw, 120px) 0;
    --sp-com-sprite: url(/sites/zweb/images/spark/zspark-elements-sprite.svg);
}
*{
	text-wrap:pretty;
}
div#zw-product-header {
    z-index: 1;
    position: relative;
}
section.zwc-body-wrapper {
    overflow: hidden;
    margin-top: -70px;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.zwc-body-wrapper p {
    text-wrap: pretty;
}
h2 .zwc-highlight {
    color: #007f3b;
}
img {
    display: block;
}
.zwc-body-wrapper section[class^="zwc-"]:not(.zwc-banner-wrap){
    padding: var(--padding-top-bot);
}
/****** Banner ******/
.zwc-banner-wrap span.zwc-banner-tag span {
    color: #027f3c;
}
.zwc-banner-wrap span.zwc-banner-tag{
    font-size: 18px;
    border-radius: var(--Radius-radius_round, 1000px);
    border: 1px solid #027f3c;
    background: #fff;
    display: block;
    margin: 0 auto 15px;
    max-width: max-content;
    padding: 10px 35px;
    letter-spacing: -0.5px;
}
.zwc-banner-wrap .zwc-item p {
    text-align: center;
    letter-spacing: -0.4px;
    font-family: var(--zf-primary-medium);
    font-size: clamp(17px,1.8vw,20px);
    max-width: 660px;
    margin: 20px auto 30px;
}
.zwc-banner-wrap h1 .zwc-highlight {
	color: #007f3b;
}
.zwc-banner-wrap h1 {
	font-family: var(--primaryfont-bold);
	font-size: var(--zwc-h1);
	line-height: 1.1;
	letter-spacing: -1.6px;
	color: #0f0f0f;
	text-wrap: balance;
}	
a.act-btn {
    padding: 14px 40px;
    border-radius: 4px;
    position: relative;
    transition: all .5s ease;
}
a.act-btn.zwc-btn-primary {
	background-color: var(--primary-btn-color);
	color: #fff;
}
a.act-btn.zwc-btn-outline {
    border: 1px solid #000;
    color: #000;
}
a.act-btn:before {
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    right: 20px;
    top: 2px;
    background: transparent;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    border-radius: 0;
    transform: rotate(45deg);
    transform-origin: top;
    bottom: 0;
    margin: auto;
    transition: all .5s ease;
}
a.act-btn.zwc-btn-arrow {
    padding: 14px 55px 14px 25px;
    text-align: left;
}
.act-btn:hover:before {
    right: 15px;
}
a.act-btn.zwc-btn-outline:before {
    border-color: #000;
}
.zwc-banner-wrap .zwc-item {
    padding: 110px 0 500px;
}
.zwc-banner-wrap .zwc-container {
    text-align: center;
    margin: 0 auto;
    max-width: 850px;
}
.zwc-banner-wrap ul.slick-dots {
    max-width: 170px;
    border-radius: 35px;
    background: #FFFADD;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 38%;
}

.slick-dots li.slick-active {
    width: 40px;
    height: 5px;
    border-color: #676767;
    background: #676767;
}

.slick-dots li {
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background: #676767;
    border-color: #676767;
}
.zwc-item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.zwc-banner-training{
    background-image: url(/sites/zweb/images/spark/home/zs-home-customer-training-banner.jpg);
}
.zs-banner-partner{
    background-image: url(/sites/zweb/images/spark/home/zs-home-partner-training-banner.jpg);
}
.zs-banner-education{
    background-image: url(/sites/zweb/images/spark/home/zs-home-education-path-banner.jpg);
}
.zs-banner-certification{
    background-image: url(/sites/zweb/images/spark/home/zs-home-get-certified-banner.jpg);
}

/****** Self learning *****/
.zwc-self-learning-wrap {
    position: relative;
}
.zwc-self-learning-content {
    text-align: center;
    max-width: 600px;
    margin: 0 auto
}

.zwc-self-learning-wrap:after {
    background: #fff;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 40%;
    position: absolute;
    z-index: 1
}

.zwc-self-learning-wrap .content-wrap {
    background-color: #132E26;
    color: #fff;
    position: relative;
    padding: 80px 15px;
    border-radius: 30px;
    max-width: 1150px;
    overflow: hidden;
    margin-top: -180px;
    z-index: 10;
}

.zwc-whatsnew-content {
    max-width: 180px;
    margin: auto;
    position: relative
}
.zwc-whatsnew-content:after,.zwc-whatsnew-content:before {
    content: "";
    background: var(--sp-com-sprite) no-repeat;
    background-position: -69px 0;
    background-size: 450px auto;
    width: 18px;
    height: 28px;
    position: absolute;
    right: 9px;
    top: -15px;
    animation: blink 1s infinite ease-in-out;
}
.zwc-whatsnew-content:before {
    background-size: 250px auto;
    background-position: -38px 0;
    top: -5px;
    right: 2px;
    height: 12px;
    width: 11px;
    animation: blink 1s infinite .5s ease-in-out
}
@keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}
@keyframes rotateRev {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}
@keyframes blink {
    0%,100% {
        opacity: .4;
        transform: scale(.8)
    }

    50% {
        opacity: .7;
        transform: scale(1)
    }
}
.zwc-self-learning-content span.zwc-new {
    padding: 6px 25px;
    display: inline-block;
    font-family: var(--zf-primary-semibold);
    border-radius: 30px;
    border: 1.5px solid #FFF;
    margin-bottom: 20px;
    font-size: 15px;
}
.zwc-self-learning-content h2 span {
    display: block;
    font-size: 36px
}
.zwc-self-learning-wrap .content-wrap:before,
.zwc-self-learning-wrap .content-wrap:after {
    content: "";
    background: url(/sites/zweb/images/spark/home/zs-floral.png) no-repeat;
    background-position: 0 0;
    background-size: 250px auto;
    width: 245px;
    height: 240px;
    position: absolute;
    left: -60px;
    top: -60px;
    animation: rotate 20s linear infinite;
    transform-origin: center;
    opacity: 0.6;
}

.zwc-self-learning-wrap .content-wrap:after {
    left: auto;
    top: auto;
    bottom: -60px;
    right: -60px;
    transform: scale(-1,-1);
}
.zwc-self-learning-wrap h2 {
    font-size: clamp(26px,5vw,48px);
}
.zwc-self-learning-wrap p {
    margin: 20px 0 30px;
}
/**** menu ****/

ul.zwc-tab-menu {
    display: inline-flex;
    justify-content: center;
    background: #F6F6F6;
    border: 1px solid #EBE8E8;
    border-radius: 80px;
    margin: 0 auto 20px;
}
/* Tab Content States */
ul.zwc-tab-menu li.zwc-active {
    background: #0047FF;
    color: #fff;
    font-family: var(--zf-primary-medium);
}
.zwc-event-main,
.zwc-mode-content{
	display: none;
}
.zwc-mode-content.zwc-active,
.zwc-event-main.zwc-active {
	display: block;
}
ul.zwc-tab-menu li {
    padding: 12px 30px;
    border-radius: 70px;
    cursor: pointer;
}

/***** Upcoming Events *****/
.zwc-body-wrapper h2 {
    font-family: var(--primaryfont-bold);
    font-size: clamp(38px, 5vw, 50px);
    line-height: 1.1;
    letter-spacing: -1.12px;
}
.zwc-upcoming-events-wrap {
    padding: 120px 0;
}
.zwc-event-main {
    --card-col-1:30%;
    --card-col-2:70%;
    --card-gap: 30px;
}
.zwc-trainer-details {
    background: url(/sites/zweb/images/spark/home/zs-trainer-bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    flex: 0 0 calc(var(--card-col-1) - var(--card-gap));
    max-width: calc(var(--card-col-1) - var(--card-gap));
}

.zwc-trainer-details img {
    max-width: 190px;
    display: block;
    position: relative;
    bottom: -30px;
    left: -44px;
}

.zwc-trainer-name {
    position: absolute;
    top: 55px;
    right: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    min-height: 40px;
    width: 100px;
}

.zwc-badge-item {
    background-color: #E5F3FE;
    padding: 6px 20px;
    border-radius: 37px;
    color: #2767C8;
    text-transform: uppercase;
    font-family: var(--zf-primary-bold);
    font-size: 13px;
    letter-spacing: -0.2px;
}

.zwc-event-badges {
    /* position: absolute; */
    bottom: 14px;
    right: 13px;
    display: flex;
    gap: 6px;
}

.zwc-event-card {
    border-radius: 20px;
    border: 1px solid #DCDCDC;
    background: #FFF;
    box-shadow: -5px 4px 34px 0 rgba(187, 168, 168, 0.20);
    padding: 16px 44px 16px 16px;
    display: flex;
    align-items: center;
    gap: var(--card-gap);
    max-width: 1210px;
    margin: 0 auto 40px;
    flex-wrap: wrap;
}
.zwc-trainer-name:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 0;
    background: linear-gradient(179deg, #9216b6, #0047FF);
    width: 5px;
    height: 45px;
}
.zwc-trainer-name p {
    margin: 0;
    font-size: 20px;
    font-family: var(--zf-primary-semibold);
    overflow-wrap: break-word;
    line-height: 1.2;
}
.zwc-event-content img.zwc-prd-logo {
    width: auto;
    display: block;
    height: 40px;
    object-fit: contain;
    object-position: left;
    margin-bottom: 20px;
}
.zwc-event-content {
    flex: 0 0 calc(var(--card-col-2) - var(--card-gap));
    max-width: calc(var(--card-col-2) - var(--card-gap));
    display: flex;
    flex-wrap: wrap;
}
.zwc-event-info h3 {
    font-family: var(--zf-primary-bold);
    font-size: 24px;
}
li.zwc-detail-item {
    color: #535353;
    letter-spacing: -.3px;
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    padding-right: 11px;
}
li.zwc-detail-item:before {
    content:"";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 2px;
    background: var(--sp-com-sprite) no-repeat;
    background-size: 720px auto;
    background-position: 0px -2px;
}
li.zwc-detail-item:not(:last-child) {
    margin-bottom: 3px;
    border-right: 1px solid #E6E6E6;
    margin-right: 12px;
}
li.zwc-event-time::before {
    background-position: -19px -2px;
}
li.zwc-event-timezone:before {
    background-position: -44px 0;
}
.zwc-badge-item:nth-child(2) {
    background: #F0EAFF;
    color: #5F3AD1;
}
ul.zwc-event-details {
    display: flex;
    margin-bottom: 18px;
}
.zwc-event-info {
    flex: 0 0 65%;
    max-width: 65%;
    border-right: 1px solid #e2e2e2;
}
.zwc-event-actions {
    flex: 0 0 35%;
    max-width: 35%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
}
.zwc-btn-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 20px;
}
a.act-btn.zwc-btn-blue {
    background: #0A55EB;
    padding: 14px 65px 14px 45px;
    display: table;
    margin: auto;
}
#zwc-upcoming-classroom .zwc-trainer-details {
    background: 0;
    border-radius: 10px;
}
#zwc-upcoming-classroom .zwc-trainer-details img {
    bottom: -10px;
    left: -50px;
    max-width: 130%;
    border-radius: 10px;
    width: 130%;
}
#zwc-upcoming-classroom .zwc-trainer-name {
    color: #000;
    right: 30px
}
#zwc-upcoming-classroom .zwc-trainer-name p {
    font-size: 20px;
    width: auto
}
/***** Benefits Section ****/
section.zwc-benefits-wrap {
    background: #FFFBEC;
}
.zwc-benefits-card {
    display: flex;
    border-radius: 20px;
    background: #132E26;
    color: #fff;
    padding: 70px;
}
.zwc-benefits-img img {
    border-radius: 24px;
}
.zwc-title-wrap {
    max-width: 700px;
    text-align: center;
    margin: 0 auto 50px;
}
ul.zwc-benefit-tabs {
    display: inline-flex;
    border-bottom: 1px solid #3e5952;
}
ul.zwc-benefit-tabs li.zwc-tab-item.zwc-active {
    border-bottom: 2px solid #fff;
}
ul.zwc-benefit-tabs li {
    padding: 30px 0;
    margin: 0 1px;
    cursor: pointer;
    font-size: clamp(14px, 6vw, 17px);
}
ul.zwc-benefit-tabs li:not(:last-child) {
    margin-right: 30px;
}
.zwc-benefits-content h3 {
    font-size: clamp(30px, 5.2407vw, 36px);
}
.zwc-benefits-content {
    display: grid;
}
.zwc-benefits-img {
    max-width: 360px;
    margin: 0 0 0 auto;
}
.zwc-benefit-item,
.zwc-benefits-img {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    grid-area: 1 / 1 / 1 / 1;
}
.zwc-benefits-img.zwc-active,
.zwc-benefit-item.zwc-active {
    opacity: 1;
    visibility: visible;
}
.zwc-benefits-main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 0 0 60%;
    max-width: 60%;
}

.zwc-benefit-item p {
    max-width: 500px;
}
.zwc-benefits-right {
    flex: 0 0 40%;
    max-width: 40%;
    display: grid;
}

/***** Training Mode ****/
section.zwc-training-mode-wrap {
    --card-gap: 15px;
    --card-col-wid: 25%;
}
.zwc-mode-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}
.zwc-mode-content {
    border-radius: 8px;
    border: 1px solid var(--border-colour, #DCDCDC);
    background: #FFF;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.05);
    flex: 0 0 calc(var(--card-col-wid) - var(--card-gap));
    max-width: calc(var(--card-col-wid) - var(--card-gap));
    padding: 15px 15px;
}
.zwc-card-content h3 {
    font-size: clamp(22px, 4vw, 22px);
}
.zwc-card-content {
    padding: 20px 0 10px;
}
.zwc-card-link {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-transform: uppercase;
    font-family: var(--zf-primary-semibold);
    font-size: 14px;
    position: relative;
    padding-right: 24px;
    color: var(--zwc-link-clr);
    text-decoration: none;
    background: none;
    border: 0;
    cursor: pointer;
}
.zwc-card-link:after {
    content: "";
    width: 16px;
    height: 17px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: var(--sp-com-sprite) no-repeat;
    background-size: 630px auto;
    background-position: -56px -4px;
}
.zwc-event-card.zwc-event-coming-soon{
    background: url(/sites/zweb/images/spark/home/zs-home-customer-training-banner.jpg);
    border: 0;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    padding: 80px 0;
    max-width: 1000px;
    display: block;
}
.zwc-event-coming-soon p {
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    font-family: var(--zf-primary-semibold);
}
p.zwc-coming-soon-text {
    color: #027f3c;
    font-family: var(--zf-primary-semibold);
}
div#partner .zwc-event-coming-soon {
    display: block;
}
/***** Certification *****/
section.zwc-certification-wrap {
    background: url(/sites/zweb/images/spark/home/zs-home-get-certified-banner.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.zwc-certification-content {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}
.zwc-certification-image ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 80px;
    margin-left: 0;
    gap: 30px;
}
.zwc-certification-image img {
    width: 115px;
    margin: auto;
    display: block;
    position: relative;
    z-index: 1;
}
.zwc-certification-image ul li {
    width: 250px;
    height: 210px;
}
.zwc-certification-image ul li {
    position: relative;
    display: flex;
    align-items: center;
    overflow: visible;
    background: rgb(255, 241, 190, 0.93);
    padding: 40px 0;
    border-radius: 40px 0 40px 0;
}
/************** Popup and CRM Form ******/
.register-popup {
    max-width: 520px;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -630px;
    z-index: 10001;
    background: #fff;
    padding: 0 35px 0;
    display: block;
    transition: .5s right;
    -webkit-transition: .5s right;
    overflow: auto;
}

.register-popup.active {
    right: 0;
    padding: 0 25px 0;
}
div#crmWebToEntityForm {
    padding: 0 10px;
}
body {
    position: relative
}
body.overlay-bg {
    overflow: hidden
}
.overlay-bg:before {
    opacity: 1;
    z-index: 10000
}
body:before {
    content: '';
    position: absolute;
    left: 0;
    top: -115px;
    width: 100%;
    height: calc(100% + 115px);
    background: rgba(0,0,0,0.6);
    opacity: 0;
    transition: .5s all;
    -webkit-transition: .5s all;
    z-index: -1
}
.crm-form-wrap {
    max-width: 100%;
    height: 85vh;
    padding-right: 20px;
    margin-top: 70px;
    overflow: auto
}
.zs-popup-close {
    cursor: pointer;
    height: 35px;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 30px
}
.zs-popup-close::before,.zs-popup-close::after {
    width: 3px;
    height: 20px;
    background: #000;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: rotate(45deg);
    margin: auto;
}
.zs-popup-close::after {
    transform: rotate(-45deg)
}
.formtxtboxman {
    border: 1px solid #e4e4e4;
    width: 100%;
    height: 40px;
    line-height: 35px;
    font-size: 14px;
    padding: 0 15px
}
.formfiled-label {
    margin-bottom: 5px;
    font-size: 13px;
    color: #575757
}
.formfield-container {
    margin-bottom: 15px;
    position: relative
}

.formfield-container select.globalcountrycode,.formfield-container select.globalstatecode {
    border-color: #e4e4e4
}

div.zgdprform-state-container {
    margin-top: 20px
}
.formfiled-element.captcha {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}
input.submitbutton,.resetbutton {
    background: #f0483e;
    border: 1px solid #f0483e;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 13px 40px;
    text-transform: uppercase;
    border-radius: 3px
}
.resetbutton {
    background: transparent;
    color: #f0483e;
    margin-left: 6px
}
label.error {
    color: red;
    font-size: 13px;
    margin-top: 10px
}

p.thank-msg {
    display: none;
    padding: 10px 25px;
    background: #40bd60;
    color: #fff;
    border-radius: 2px;
    font-size: 16px;
    font-family: var(--primaryfont-semibold);
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    margin: 0 auto;
    z-index: 999999;
    position: fixed;
    top: 85px;
    left: 0;
    right: 0;
    animation: bouncein .8s forwards
}

@keyframes bouncein {
    0%,20%,40%,60%,80%,100% {
        -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    0% {
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)";
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)";
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

/* Testimonial Section styles starts */
.zwc-tesimonials-wrap .content-wrap{
    max-width: 1440px;
}
.zwc-tesimonials-wrap{
    background: #FFFBEC;
}
.zwc-tesimonials-wrap .zwc-testi-slider{
    border-radius: 300px 300px 0 300px;
    border: 1px solid var(--border-colour, #DCDCDC);
    background: #FFF;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.05);
    padding: 0 100px;
    max-width: 1200px;
    margin: 0 auto;
}
.zwc-tesimonials-wrap .zwc-testi-slider h2{
    margin: auto;
    margin-bottom: 57px;
    max-width: 750px;
    text-align: center;
}
.zwc-testi-img:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 11px;
    width: 100%;
    height: 100%;
    border: 2px solid #C30000;
    border-radius: 100%;
    transform: scale(1.05);
}
.zwc-tesimonials-wrap .zwc-col-2 {
    flex: 0 0 40%;
    max-width: 40%;
}
.zwc-tesimonials-wrap .slick-slider .slick-track {
    display: flex;
    align-items: center;
    justify-content: center;
}
.zwc-tesimonials-wrap .zwc-item{
    padding: 100px 0;
}
.zwc-tesimonials-wrap .zwc-rows{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}
.zwc-tesimonials-wrap .zwc-col-1{
   flex: 0 0 60%;
   max-width: 60%;
}
.zwc-tesimonials-wrap .zwc-testi-img-content{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    position: relative;
    height: 325px;
 }

 .zwc-testi-img-content a{
    position: absolute;
    display: block;
    color: #fff;
    background-color: #000;
    padding: 10px 28px 10px 50px;
    border-radius: 30px;
    bottom: 20px;
    right: 0;
    left: 0;
    margin: auto;
    width: max-content;
    font-family: var(--zf-splfontserif-regular);
    z-index: 1;
 }
 .zwc-tesimonials-wrap span.play-icon{
    background-color: #EF444A;
    border-radius: 50%;
    padding: 0;
    width: 28px;
    height: 28px;
    left: 15px;
    bottom: 0;
    top: 0;
    margin: auto;
    display: inline-block;
    position: absolute;
 }
 .zwc-tesimonials-wrap span.play-icon:after{
    content: "";
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #fff;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    position: absolute;
}
.zwc-testi-img-content {
    position: relative;
    margin: 0 auto;
    max-width: 250px;
}
.zwc-testi-img-content img{
    border-radius: 100%;
    width: 100%;
    z-index: 1;
    position: relative;
}
.zwc-tesimonials-wrap .zwc-item h2{
    margin-bottom: 22px;
}
.zwc-tesimonials-wrap p{
    font-family: var(--zf-primary-medium);
    font-size: 20px;
    margin-bottom: 22px;
}
.zwc-tesimonials-wrap p.zwc-customer-name{
    font-size:19px;
}
.zwc-tesimonials-wrap .slick-next:before,
.zwc-tesimonials-wrap .slick-prev:before {
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    width: 9px;
    height: 9px;
    background: no-repeat;
    transform: rotate(45deg) translate(-50%,-50%);
    top: 56%;
    right: 33%;
    transition: none
}
.zwc-tesimonials-wrap .slick-next:after,
.zwc-tesimonials-wrap .slick-prev:after {
    background: #000;
    transform: rotate(90deg) translate(-50%,-50%);
    left: 27%;
    top: 37%;
    right: auto;
    height: 13px;
    width: 2px;
    transition: none
}
.zwc-tesimonials-wrap .slick-prev:after,
.zwc-tesimonials-wrap .slick-prev:hover:after {
    left: 24%;
    background: #000;
}
.zwc-tesimonials-wrap .slick-prev:before {
    left: 40%;
    border-color: #000;
}
.zwc-tesimonials-wrap .slick-prev,
.zwc-tesimonials-wrap .slick-next {
    width: 40px;
    height: 40px;
    border-radius: 0;
    position: absolute;
    left: auto;
    top: auto;
    bottom: 40px;
    right: 88px;
    transform: rotate(-180deg) translate(0, 0);
    border: 1px solid #000;
}
.zwc-tesimonials-wrap .slick-next{
    right: 40px;
    transform: rotate(0deg) translate(0, 0);
}
.zwc-tesimonials-wrap button.slick-next.slick-disabled,
.zwc-tesimonials-wrap button.slick-prev.slick-disabled {
    border: 1px solid #EF444A;
    background: #EF444A;
    opacity: 1;
    pointer-events: none;
}

.zwc-tesimonials-wrap button.slick-prev.slick-disabled::before,
.zwc-tesimonials-wrap button.slick-next.slick-disabled::before {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}

.zwc-tesimonials-wrap  button.slick-prev.slick-disabled::after,
.zwc-tesimonials-wrap button.slick-next.slick-disabled::after {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}
.zwc-tesimonials-wrap .slick-prev:hover,
.zwc-tesimonials-wrap .slick-next:hover {
    background: #000;
}
.zwc-tesimonials-wrap .slick-prev:hover:before,
.zwc-tesimonials-wrap .slick-next:hover:before{
    border-color: #fff;
}
.zwc-tesimonials-wrap .slick-prev:hover:after,
.zwc-tesimonials-wrap .slick-next:hover:after{
    background: #fff;
}
.zwc-testi-img {
    position: relative;
}
.zwc-testi-wrapper h2 {
    max-width: 800px;
    text-align: center;
    margin: 0 auto 70px;
}
p.zwc-customer-name span {
    display: block;
    font-family: (var(--zf-primary-regular));
    font-size: 16px;
    color: #626262;
}

/*********** FAQ **************/

.zwc-faq-wrap {
    padding: 90px 0;
    background: #1A1A1A;
    color: #fff;
    --con-padding: 30px 80px 30px 50px;
}
.zwc-faq-wrap h2{
     text-align:center;
     margin-bottom: 80px;
}
.zwc-faq-content {
    margin-bottom: 30px;
    background: #2c2c2c;
}
.zwc-faq-main {
    margin: 50px auto 0;
    max-width: 850px;
}
.zwc-faq-content h3 {
    position: relative;
    font-size: 21px;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    margin: 0;
    transition: all .5s ease;
    border-radius: 5px;
    padding: var(--con-padding);
}
.zwc-faq-wrap .zwc-faq-details {
    display: none;
    padding: 0px 90px 50px 50px;
    margin-top: -12px;
}
.zwc-faq-wrap .zwc-faq-details p {
    font-size: 17px;
    margin: 0;
    line-height: 1.7;
}
.zwc-faq-content .zwc-faq-arrow::after,
.zwc-faq-content .zwc-faq-arrow::before {
    content: '';
    position: absolute;
    display: block;
    width: 12px;
    height: 2px;
    background: #ffffff;
    border-radius: 2px;
    transition: all .5s;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.zwc-faq-content .zwc-faq-arrow::after {
    transform: rotate(90deg);
}
.zwc-faq-content h3.active span.zwc-faq-arrow:after {
    transform: rotate(0deg);
}
.zwc-faq-content h3 span.zwc-faq-arrow {
    position: absolute;
    right: 28px;
    top: 0;
    bottom: 0;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    transition: all .5s ease;
    background: #000;
    margin: auto;
}
.zwc-faq-content.active span.zwc-faq-arrow {
    background: #616060;
}
div#partner-training h4 {
    margin-top: 50px;
}
div#partner-training .iframe {
    margin-top: 40px;
    max-width: 100%;
    height: 85vh;
}
div#partner-training iframe {
    height: 100%;
}
@media screen and (max-width:1440px){
	.zwc-banner-wrap .zwc-item {
	    padding: 90px 0 370px;
	}
	.zwc-banner-wrap ul.slick-dots {
	    bottom: 300px;
	}
	.zwc-self-learning-wrap .content-wrap {
	    margin-top: -160px;
	    max-width: 950px;
	}
	ul.zwc-benefit-tabs li:not(:last-child) {
	    margin-right: 12px;
	}
	.zwc-certification-image ul li {
	    width: 220px;
	}
}
@media screen and (max-width:1199px) {
	section.zwc-training-mode-wrap {
	    --card-gap: 15px;
	    --card-col-wid: 50%;
	}
	.zwc-mode-details img {
	    width: 100%;
	}
	.zwc-benefits-img {
	    max-width: 290px;
	}
    .zwc-tesimonials-wrap .zwc-item .zwc-testi-image a {
        bottom: 17%;
        font-size: 12px;
        right: 3%;
    }
    .zwc-tesimonials-wrap .zwc-testi-img-content a {
        bottom: 20%;
        right: 0%;
    }
	.zwc-testi-wrapper h2 {
	    max-width: 660px;
	    margin-bottom: 10px;
	}
	.zwc-tesimonials-wrap .zwc-testi-slider {
	    background: no-repeat;
	    box-shadow: none;
	    border: none;
	    padding: 0 30px;
	}
	.zwc-tesimonials-wrap .zwc-item {
	    padding: 40px 0;
	}
	.zwc-tesimonials-wrap .slick-prev, .zwc-tesimonials-wrap .slick-next {
	    bottom: 0px;
	}
	.zwc-event-main {
	    --card-col-1:40%;
	    --card-col-2:60%;
	    --card-gap:20px;
	}
	.zwc-event-card {
	    align-items: flex-start;
	    padding: 25px 0 25px 25px;
	}
	.zwc-trainer-name {
	    top: 30px;
	    right: 0;
	}
	.zwc-trainer-name p {
	    padding-right: 20px;
	    font-size: 20px;
	}
	.zwc-event-info {
	    border: 0;
	}
	.zwc-mode-cards {
	    max-width: 800px;
	    margin: 0 auto;
	}
	.zwc-certification-image ul {
	    max-width: 600px;
	    margin: 50px auto 0;
	}
}
@media screen and (max-width:1023px) {
.zwc-banner-wrap .zwc-item p {
    max-width: 500px;
}
	.zwc-banner-wrap .zwc-item {
	    padding: 90px 15px 210px;
	}
	.zwc-self-learning-wrap .content-wrap {
	    margin: 0 auto;
	    width: 100%;
	    border-radius: 0;
	}
	.zwc-banner-wrap ul.slick-dots {
	    position: absolute;
	    bottom: 40px;
	}
	.zwc-event-info,.zwc-event-actions {
	    flex: 0 0 100%;
	    max-width: 100%;
	    flex-direction: row;
	}
	.zwc-trainer-details img {
	    max-width: 220px;
	    bottom: -30px;
	    left: -14px;
	}
	.zwc-event-main {
		--card-col-1: 100%;
		--card-col-2: 100%;
		--card-gap:20px;
		max-width: 500px;
		margin: 0 auto;
	}
	.zwc-trainer-name p {
	    font-size: 25px;
	}
	.zwc-trainer-name {
	    top: 60px;
	    right: 40px;
	    width: 190px;
	}
	.zwc-event-info {
	    margin-top: 20px;
	}
	.zwc-event-coming-soon p {
	    font-size: 24px;
	}
	#zwc-upcoming-classroom .zwc-trainer-name {
	    right: 0;
	}
	.zwc-btn-wrap {
	    flex-direction: row;
	    margin-top: 30px;
	}
	.zwc-benefit-item, .zwc-benefits-img {
	    opacity: 1;
	    visibility: visible;
	    grid-area: auto;
	    margin: auto;
	    text-align: center;
	}
    ul.zwc-benefit-tabs{
        display: none;
    }
	.zwc-benefits-main {
	    max-width: 100%;
	    flex: 0 0 100%;
	}
	.zwc-benefits-img img {
	    margin: 30px auto 0;
	}
	.zwc-benefit-item:not(:last-child) {
	    padding-bottom: 80px;
	}
    .zwc-tesimonials-wrap .slick-next {
        left:0;
        right: -53px;
        margin: auto;
        bottom: -30%
    }
    .zwc-tesimonials-wrap .slick-prev {
        left:-53px; 
        right:0;
        margin:auto;
        bottom:-30%;
    }
    .zwc-tesimonials-wrap .zwc-item .zwc-rows{
        flex-direction: column;
    }
    .zwc-tesimonials-wrap .zwc-item .zwc-testi-image{
        justify-content: center;
        top: 0;
    }
    .zwc-tesimonials-wrap .zwc-item .zwc-testi-image img{
        width: 47%;
        margin-top: 49px;
    }
    .zwc-tesimonials-wrap .zwc-item .zwc-testi-image a {
        bottom: 0;
        right: 0;
        left: 0;
        font-size: 17px;
    }
    .zwc-tesimonials-wrap .slick-next, .zwc-tesimonials-wrap .slick-prev {
        bottom: -10px;
    }
    .zwc-tesimonials-wrap .zwc-testi-slider h2 {
        font-size: 31px;
        margin-bottom: 33px;
    }
    
	.zwc-tesimonials-wrap .zwc-col-1,.zwc-tesimonials-wrap .zwc-col-2 {
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.zwc-tesimonials-wrap .slick-slider .slick-track {
	    display: block;
	}
	.zwc-tesimonials-wrap .zwc-col-1 {
	    order: 2;
	}
	.zwc-tesimonials-wrap .zwc-testi-slider {
	    padding: 0 15px;
	}
    .zwc-tesimonials-wrap p{
        text-align: center;
        width:100%;
        font-size: 18px;
    }
	.zwc-testi-img {
	    max-width: 200px;
	}
    .zwc-faq-wrap {
        padding: 60px 0;
    }
    .zwc-faq-content h3 {
        /* font-size: 20px; */
    }
}

@media screen and (max-width:767px) {
	@keyframes rotate {
	    from {
	        transform: rotate(0);
	    }
	    to {
	        transform: rotate(360deg) scale(.5);
	    }
	}
	@keyframes rotateRev {
	    from {
	        transform: rotate(0);
	    }
	    to {
	        transform: rotate(-360deg) scale(.5);
	    }
	}
	.zwc-self-learning-wrap .content-wrap:before, .zwc-self-learning-wrap .content-wrap:after {
	    left: -110px;
	}
	.zwc-self-learning-wrap .content-wrap:after {
	    left: auto;
	    right: -120px;
	}

	section.zwc-training-mode-wrap {
	    --card-gap: 15px;
	    --card-col-wid: 100%;
	}
	.zwc-trainer-details img {
	    max-width: max-content;
	    width: 60%;
	    left: 0;
	    right: 0;
	    margin: 40px auto 0;
	}
	.zwc-trainer-name {
	    top: 0;
	    width: max-content;
	    left: -15px;
	    background: #000;
	    padding: 12px 30px 12px 43px;
	    border-radius: 70px;
	    display: inline-flex;
	}
	.zwc-trainer-name p {
	    font-size: 18px;
	    width: auto;
	    padding: 0;
	}
	.zwc-trainer-name:before {
	    top: 0;
	    left: 15px;
	    bottom: 0;
	    height: auto;
	}
	ul.zwc-event-details {
	    flex-direction: column;
	    gap: 5px;
	}
	.zwc-event-main {
	    max-width: 400px;
	}
	#zwc-upcoming-classroom .zwc-trainer-name {
	    background: none;
	    left: auto;
	    right: 0;
	}
	#zwc-upcoming-classroom .zwc-trainer-details img {
	    left: 0;
	    max-width: 120%;
	    width: 120%;
	}
	#zwc-upcoming-classroom .zwc-trainer-name {
	    right: -20px;
	    max-width: 170px;
	    top: 20px;
	}
	#zwc-upcoming-classroom .zwc-trainer-name p {
	    font-size: 22px;
	}
	#zwc-upcoming-classroom .zwc-trainer-details {
	    max-width: 100%;
	}
	.zwc-trainer-details {
	    max-width: 100%;
	}
	.zwc-event-info h3 {
	    font-size: 21px;
	}
	.zwc-event-card {
	    padding: 15px;
	    max-width: 100%;
	    display: block;
	}
	li.zwc-detail-item:not(:last-child) {
	    border: 0;
	}
	.zwc-benefits-card {
	    padding: 60px 40px;
	}
    .zwc-tesimonials-wrap .zwc-item .zwc-testi-image span{
        display: none;
    }
    .zwc-tesimonials-wrap span.play-icon {
        display: block;
    }
    .zwc-tesimonials-wrap .zwc-item .zwc-testi-image img {
        width: 66%;
    }
    .zwc-faq-content h3 {
        font-size: 18px;
    }  
	.register-popup {
	    max-width: 400px;
	}
	.crm-form-wrap {
	    padding-right: 10px;
	}
	.zwc-faq-wrap {
	    --con-padding: 30px 50px 30px 30px;
	}
	.zwc-faq-content h3 span.zwc-faq-arrow {
	    width: 25px;
	    height: 25px;
	    right: 15px;
	}
	.zwc-faq-wrap .zwc-faq-details {
	    padding: 0px 30px 50px 30px;
	}
}