.main-container,
.zbanner {
background: #fed 600;
}
.zw-product-header{
background: #fed600;
}

video {
-webkit-mask-image: -webkit-radial-gradient(white, black);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}

.zsection h3,
.zsection .content-wrap > h3 {
font-size: 36px;
line-height: 1.2;
margin-bottom: 20px;
}

.zrow-inner {
display: flex;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}

.zrow-inner.zright-img > div:nth-child(1) {
flex: 0 0 50%;
-ms-flex: 0 0 50%;
max-width: 50%;
box-sizing: border-box;
}

.zrow-inner.zright-img > div:nth-child(2) {
flex: 0 0 50%;
-ms-flex: 0 0 50%;
max-width: 50%;
box-sizing: border-box;
}

.zrow-inner.zleft-img > div:nth-child(1) {
flex: 0 0 50%;
-ms-flex: 0 0 50%;
max-width: 50%;
box-sizing: border-box;
}

.zrow-inner.zleft-img > div:nth-child(2) {
flex: 0 0 50%;
-ms-flex: 0 0 50%;
max-width: 50%;
box-sizing: border-box;
}

.zrow-inner.zleft-img > div:nth-child(2) {
padding-left: 155px;
}

.zrow-inner.zright-img > div:nth-child(1) {
padding-right: 161px;
}

.zrow-inner.zleft-img > div:nth-child(2) {
order: 2;
}

.zmainrow-wrap .zsection h3 {
font-family: var(--zf-secondary-regular);
}

.zrow-inner.zcenter {
align-items: center;
-ms-flex-align: center;
}

.zimg-part > img:nth-child(2) {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translate3d(0px, 40px, 0);
transform: translate3d(0px, 40px, 0);
-webkit-transition: all 1200ms ease;
transition: all 1200ms ease;
}

.zimg-part > img:nth-child(2).in-view {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px, 0px, 0);
}

.zfiles .zimg-part > img:nth-child(2) {
opacity: 0;
-webkit-transition: all 1200ms ease;
transition: all 1200ms ease;
transform: translateX(-40px);
}

.zfiles .zimg-part > img:nth-child(2).in-view {
opacity: 1;
transform: translateX(0px);
}

.zflexible .zimg-part {
position: relative;
}

.zflexible .zimg-part:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
background: #fff;
transition: 2.6s all ease-in-out;
-webkit-transition: 2.6s all ease-in-out;
}

.zflexible .animated .zimg-part:before {
top: 100%;
}

.zmain-section > .zsection:nth-child(2) .content-wrap,
.zmain-section > .zsection:nth-child(4) .content-wrap {
padding-top: 20px;
}

.zmain-section > .zsection:nth-child(2) .content-wrap {
padding-bottom: 170px;
}

.zsection .zimg-part {
position: relative;
}

.zsection .zimg-part img:nth-child(2) {
position: absolute;
top: 0;
}

.zuni .zimg-part,
.zconference .zimg-part {
max-width: 530px;
}

.zemail,
.zfiles {
background-color: #151515;
color: #999999;
}

.zemail h3,
.zfiles h3 {
color: #fff;
}

.zcommunicate {
max-width: 490px;
text-align: center;
margin: 0 auto 90px;
}

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

.zsection.zfiles .zimg-part {
max-width: 410px;
margin: 100px auto 0;
}

.zsection.zemail .zimg-part img:nth-child(2) {
left: -60px;
right: 0;
margin: auto;
display: block;
max-width: 356px;
top: auto;
bottom: -40px;
}

.zsection.zconference .zimg-part img:nth-child(2) {
left: -60px;
right: 0;
display: block;
max-width: 317px;
top: auto;
bottom: -50px;
}

.zsection.zfiles .zimg-part img:nth-child(2) {
left: auto;
right: -10px;
margin: auto;
display: block;
max-width: 350px;
top: -75px;
}

.zsection.zremote .content-wrap {
padding-top: 0;
padding-bottom: 110px;
}

.zremote .zrow-inner {
display: block;
}

.zremote .zinner {
text-align: center;
}

.zremote .zinner h3 {
margin-bottom: 20px;
}

.zremote .zinner p {
max-width: 600px;
margin: 0 auto 20px;
}

.zsection.zstart {
background-color: #fed600;
text-align: center;
}

.zsection.zstart .content-wrap {
padding: 90px 0;
}

.zsection.zstart h3 {
max-width: 100%;
margin: 0 auto 36px;
}

.footer-wrapper {
margin-top: 0;
}

h1 span {
display: block;
}

.zbanner .content-wrap {
padding-top: 20px;
padding-bottom: 100px;
/* max-width: 100%;
    width: 100%; */
}

.zbanner .zinner {
max-width: 100%;
}

.zbanner .zinner > div {
max-width: 49.8%;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
}

.zbanner .zinner > div:nth-child(1) {
/* padding-left: 15%; */
/* padding-top: 100px; */
padding-right: 80px;
}

/* slick animation */
.slick-initialized .slick-slide {
outline: 0;
}

.zslide-text {
overflow: hidden;
}

.zslide-text h2 {
margin-bottom: 50px;
}

.zslide-text .hero {
position: relative;
}

.hero .zslide img {
width: 100%;
/* height: 600px; */
object-fit: cover;
object-position: top center;
}

.hero .zslide .header-content {
display: none;
}

.slide-content {
padding: 10px 20px 10px 0;
}

/** Text Animation **/

@-webkit-keyframes fadeInUpSD {
0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}

@keyframes fadeInUpSD {
0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
}

.fadeInUpSD {
-webkit-animation-name: fadeInUpSD;
animation-name: fadeInUpSD;
}

.slick-active .slide-content {
animation-name: fadeInUpSD;
animation-duration: 1s;
opacity: 1;
width: 100%;
padding: 10px 20px 30px 0;
}

/* Text Animation End **/

.slick-dots {
position: absolute;
bottom: 10px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}

.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}

.slick-active button {
background: #d60e96;
}

.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
border-radius: 50%;
border: 0;
outline: none;
}

.slick-dots li button::before {
font-size: 18px;
color: #fff;
opacity: 1;
}
h1 span:before {
    left: -12%;
}
/* Media Queries */

@media (max-width: 768px) {
.zslide-text .hero .zslide a {
    padding-top: 0.8rem;
}

.zslide-text .hero .zslide a span {
    font-size: 20px;
    margin-top: 0.5rem;
}
}

/* slick animation */

@media only screen and (max-width: 1440px) {
h1 {
    font-size: 46px;
}

.zsection h3,
.zsection .content-wrap > h3 {
    font-size: 32px;
}

.zbanner .content-wrap {
    padding: 10px 0;
}

.zbanner .zinner > div:nth-child(1) {
    padding-right: 60px;
    margin-top: -50px;
}
}

@media only screen and (max-width: 1400px) {
/* .zbanner .zinner>div:nth-child(1) {
        padding-left: 10%;
    } */
}

@media only screen and (max-width: 1280px) {
.zbanner .zinner > div:nth-child(1) {
    padding-top: 0;
}

.zbanner .zinner > div {
    vertical-align: middle;
}

.zbanner .content-wrap {
    padding: 60px 0 90px 0;
}
}

@media only screen and (max-width: 1040px) {
.zrow-inner.zright-img > div:nth-child(1) {
    padding-right: 111px;
}

.zrow-inner.zleft-img > div:nth-child(2) {
    padding-left: 111px;
}

h1 {
    font-size: 36px;
}

.zbanner .zinner > div:nth-child(1) {
    margin-top: 0;
}

.hero .zslide img {
    height: auto;
}
}

@media only screen and (max-width: 991px) {
.zrow-inner.zleft-img > div:nth-child(2) {
    padding-left: 50px;
}

.zrow-inner.zright-img > div:nth-child(1) {
    padding-right: 50px;
}

.zsection.zconference .zimg-part img:nth-child(2) {
    left: -20px;
}

.zsection.zbanner .content-wrap {
    overflow: hidden;
}

.zsection.zfiles .zimg-part {
    max-width: 320px;
    margin-top: 100px;
}

.zsection.zfiles .zimg-part img:nth-child(2) {
    right: -0px;
    max-width: 70%;
    top: -75px;
}

.hero .zslide img {
    height: auto;
}

.zbanner .zinner > div {
    display: block;
    width: 100%;
    max-width: 100%;
}

.zbanner .zinner {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.zbanner .zinner > div:nth-child(1) {
    margin-bottom: 40px;
    padding: 0;
}

h1 span:before {
    top: -3px;
    left: 24%;
    transform: translate(-50px, -0px);
}
}

@media only screen and (max-width: 767px) {
h1 {
    font-size: 34px;
}

.zsection .content-wrap {
    padding: 80px 0;
}

.zsection.zremote .content-wrap {
    padding-bottom: 80px;
}

.zsection.zemail .zimg-part img:nth-child(2) {
    max-width: 286px;
}

.zsection.zbanner .content-wrap {
    padding-bottom: 40px;
    width: 90%;
    padding-top: 20px;
}

.zsection.zstart .content-wrap {
    padding: 60px 0;
}

.zmain-section > .zsection:nth-child(2) .content-wrap,
.zmain-section > .zsection:nth-child(4) .content-wrap {
    padding-top: 50px;
}

.zmain-section > .zsection:nth-child(2) .content-wrap {
    padding-bottom: 120px;
    padding-top: 0;
}

.zcommunicate {
    margin: 0 auto 50px;
}

.zrow-inner {
    max-width: 600px;
    margin: 0 auto;
}

.zrow-inner.zright-img > div:nth-child(1),
.zrow-inner.zright-img > div:nth-child(2),
.zrow-inner.zleft-img > div:nth-child(1),
.zrow-inner.zleft-img > div:nth-child(2) {
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.zrow-inner.zright-img > div:nth-child(1) {
    padding-right: 0;
}

.zrow-inner.zleft-img > div:nth-child(2) {
    padding-left: 0;
}

.zrow-inner.zleft-img > div:nth-child(1) {
    order: 2;
}

.zrow-inner.zleft-img > div:nth-child(2) {
    order: 1;
}

.zflexible .top-animated .zimg-part:before {
    top: 100%;
}

.zmain-section > .zsection:nth-child(1) .content-wrap {
    padding-top: 60px;
}
}

.other-lang h1 {
font-size: 42px;
}

.other-lang h1 span {
display: inline-block;
}

.lang-rtl .zsection.zstart .content-wrap,
.lang-rtl .zsection.zstart .content-wrap h3 {
text-align: center;
}

.lang-rtl .zbanner .zinner > div:nth-child(1) {
padding-right: 0;
padding-left: 57px;
}

.lang-rtl .zsection.zconference .zimg-part img:nth-child(2) {
right: auto;
left: 0;
}

.lang-rtl .zremote .zinner {
max-width: 600px;
margin: 0 auto;
text-align: center;
}

.lang-rtl .zrow-inner.zright-img > div:nth-child(1) {
padding-left: 110px;
padding-right: 0;
}

.lang-rtl .zrow-inner.zleft-img > div:nth-child(2) {
padding-right: 100px;
padding-left: 0;
}

.lang-rtl .zbuild .zimg-part > img:nth-child(2) {
left: auto;
right: -40px;
}

.lang-rtl .zremote .zinner p {
text-align: center;
}



.lang-rtl .zremote .zinner h3 {
text-align: center;
}

.lang-rtl .zcommunicate h3,
.lang-rtl .zcommunicate p {
text-align: center;
}

@media only screen and (max-width: 1040px) {
.lang-rtl .zicon-four {
    bottom: -70px;
}

.lang-rtl .zrow-inner.zright-img > div:nth-child(1) {
    padding-left: 60px;
    padding-right: 0;
}

.lang-rtl .zrow-inner.zleft-img > div:nth-child(2) {
    padding-right: 60px;
    padding-left: 0;
}
}

@media only screen and (max-width: 991px) {
.lang-rtl .zbanner .zinner > div:nth-child(1),
.lang-rtl .zbanner .zinner > div:nth-child(1) span {
    padding: 0;
    text-align: center;
}
.lang-rtl .zsection.zfiles .zimg-part img:nth-child(2){
        right:-44px;
        top: -55px;
    max-width: 310px;
    }


.lang-rtl .zsection.zconference .zimg-part img:nth-child(2) {
    left: -20px;
}
}

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

    /* .lang-rtl .zsection.zfiles .zimg-part img:nth-child(2) {
        right: -44px;
        top: -104px;
    } */
    /* .other-lang .zsection.zfiles .zimg-part img:nth-child(2) {
        top: -113px;
        right: -53px;
    } */
.other-lang h1 {
    font-size: 28px;
}
.lang-rtl h1{ font-size: 34px;}
.lang-rtl .zrow-inner.zleft-img > div:nth-child(2) {
    padding-right: 0;
}

.lang-rtl .zrow-inner.zright-img > div:nth-child(1) {
    padding-left: 0;
}

.lang-rtl .zsection h3,
.lang-rtl .zsection .content-wrap > h3,
.lang-rtl .zsection p,
.lang-rtl .zsection .content-wrap > p {
    text-align: center;
}

.other-lang a.act-btn.cta-btn {
    padding: 15px 15px;
    font-size: 14px;
}
}

/* fr-ca css start */
@media (max-width: 480px) {
    .i18n-fr-ca .zsection.zemail .zimg-part img:nth-child(2) {
        left: -20px;
        max-width: 256px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
    .lang-rtl .zsection.zfiles .zimg-part img:nth-child(2) {
        right: 0;
        max-width: 70%;
        }
   
}

@media only screen and (min-width: 320px) and (max-width: 767px){
    .lang-rtl .zsection.zfiles .zimg-part img:nth-child(2) {
        right: 0px;
        max-width: 70%;
    }
    h1 span:before{
        display:none;
    }
}



/* fr-ca css end */