.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0
}

.zw-product-header{
    background: #fff5e7;
}

p {
    padding: 0;
    margin: 0;
    line-height: 0
}

.disp{
    display: inline-block;
}

.container-sec{
    padding: 130px 0 0px;
}

/* common animate */

.anim-init {
    transition: .7s opacity cubic-bezier(.25, .46, .45, .94), 1s transform cubic-bezier(.25, .46, .45, .94);
  }

  .anim-lst {
    opacity: 0;
  }

  .anim-elem {
    opacity: 0;
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  /* breadcrumb section */

  .breadcrumbs{
    max-width: 1265px;
    margin: 0 auto;
  }

  .zd-bc-links {
    list-style-type: none;
    margin: 0 auto;
    width: 100%;
    padding: 25px 40px 0;
    background: #fff5e7;
    box-sizing: border-box;
}
.zd-bc-links li {
    display: inline-block;
    margin: 0 25px 0 0;
    font: 12px/1.2 var(--zf-primary-semibold);
    color: #000;
    text-transform: uppercase;
    position: relative;
    z-index: 2
}
.zd-bc-link a {
    color: #00000073;
    position: relative;
    display: inline-block
}
.zd-bc-link a:before {
    content: ">";
    position: absolute;
    right: -15px;
    display: inline-block
}
.zd-bc-link a:after {
    content: '';
    display: block;
    position: absolute;
    left: auto;
    right: 0;
    bottom: -4px;
    height: 1px;
    width: 0;
    background: #1e0101;
    transition: all .3s linear
}
.zd-bc-link a:hover {
    color: #000;
    opacity: 1
}
.zd-bc-link a:hover:after {
    width: 100%;
    left: 0;
    right: auto;
    transition: all .2s linear
}

.full-width{
    position: relative;
    width: 100%;
    background: #fff5e7;
    padding: 60px 0 380px;
    margin: -150px auto 0;
    overflow-x: hidden;
}

 .zd-module-sprite{
    background-image: url(/sites/zweb/images/desk/zd-custom-sprite-001.svg);
    display: inline-block;
    background-size: 900px auto;
    background-repeat: no-repeat;
}

.bnr-section .act-btn.cta-btn{
    border-radius: 6px;
    margin: 0 0 140px;

}

.bnr-section{
    position: relative;
    display: flex;
    align-items: center;
    max-width: 1500px;
    margin: 0 auto;
    height: 628px;
}

.bg-tab-cmn-sec{
    background-image: url(/sites/zweb/images/desk/banner-bg-desktop-2x.png);
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    background-position: top 0px center;
}

.bnr-left{
    max-width: 485px;
    width: 100%;
    margin-right: 50px;
    margin-left: 115px;
}

.main-title{
    font: 72px/1.1 var(--zf-primary-extrabold);
    letter-spacing: -1.8px;
    padding: 0 0 20px;
    color: #000000;
}

.bnr-desc{
    font: 16px/1.7 var(--zf-primary-regular);
    padding: 0 0 25px;
    color: #000000;
}

.bnr-right{
    width: calc(100% - 485px);
    position: absolute;
    right: -270px;
    top: 114px;
    /* top: 165px; */
}

.bnr-bg-patch{
    position: absolute;
    top: 165px;
    left: 40px;
    right: 0;
    margin: 0 auto;
}

  
.bnr-doodle-batch{
    position: absolute;
    top: -72px;
    right: 280px;
    margin: 0 auto;
}

.mob-doodle-patch{
    display: none;
}

.tab-img{
    display: none;
}

.mob-img{
    display: none;
}

.outer-layer{
    position: absolute;
    margin: 0 auto;
    max-width: 243px;
    padding: 30px 20px;
    z-index: 9;
    top: -110px;

}

.restart-layer{
    position: absolute;
    left: 0;
    background-position: -478px -158px;
	width: 56px;
	height: 56px;
    top: -92px;
    cursor: pointer;
    animation: rotateLayer 8s linear infinite;
    display: none; 
}

.restart-btn{
    position: absolute;
    background-position: -317px -168px;
    width: 38px;
    height: 38px;
    top: -83px;
    left: 9px;
    margin: 0 auto;
    cursor: pointer;
    display: none;
}



.restart-patch{
    position: absolute;
    left: 75px;
    background-position: -364px -172px;
    width: 56px;
    height: 22px;
    top: -37px;
    display: none;
}

.drag-drop-section{
    position: absolute;
    margin: 0 auto;
    max-width: 230px;
    top: -95px;
    z-index: 9;
    left: 143px;
    display: none;
}

.parent-btn-delay-1{
    z-index: 10;
}

.outer-line{
    background-color: rgb(255, 245, 231);
    border-radius: 40px;
    border: 1px solid rgb(236, 191, 128);
    border-style: dashed;
    display: inline-block;
    width: 200px;
    transition: width 0.2s ease;
}

.drop-caret{
    position: absolute;
    left: 0px;
    right: 0;
    margin: 0 auto;
    background-position: -60px -10px;
    width: 23px;
    height: 15px;
    bottom: -25px;
    display: none;
}

  



.addSmooth{
    transition: width 0.3s ease;
}

.inner-line{
    border-radius: 16px;
    background-color: #efd9ab;
    padding: 11px 15px;
    margin: 10px;
    min-height: 37px;
    box-sizing: border-box;
    /* display: none; */
}



.drag-drop-text{
    font: 13px/1.2 var(--zf-primary-regular);
    color: #776c55;
    text-align: center;
}


/* drag and drop animation section */

.button-bg{
    font: 18px/1.3 var(--zf-primary-regular);
    color: #ffffff;
    border: 1px solid rgb(0, 0, 0);
    background-color: rgb(53, 143, 115);
    padding: 6px 20px;
    border-radius: 50px;
    /* opacity: 0; */
    transform: translate(0px, 0px) rotate(0deg);
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    width: max-content;
    transition: all 1s;
}

.button-bg.dropped{
    position: unset;
    margin: 10px 15px;
    text-align: center;
    width: auto;
}
.dropzone{
    position: absolute;
    top: -40px;
    left: 100px;
    right: 0px;
    margin: 0 auto;
    display: block;
    width: max-content;
    text-align: center;
}


.bridge-gap-sec{
    position: relative;
    max-width: 1350px;
    margin: -398px auto 0;
    background-color: #073c2c;
    border-radius: 50px;
    padding: 130px 0px 0px;
    box-sizing: border-box;
}

.sub-hdr{
    font: 52px/1.2 var(--zf-primary-extrabold);
    color: #70ffcd;
}

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

.box-sec{
    display: flex;
    max-width: 1140px;
    margin: 0 auto;
    padding: 30px 0 0;
}

.box-cmn{
    width: 360px;
    padding: 50px;
    border-radius: 20px;
    background-color: #205042;
    text-align: center;
    box-sizing: border-box;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

  
.box-one{
    margin-right: 25px;
}

.box-two{
    margin-right: 25px;
}


.box-title{
    font: 32px/1.2 var(--zf-primary-semibold);
    color: #fff5e7;
    padding: 20px 0 25px;
}

.box-desc{
    font: 16px/1.6 var(--zf-primary-regular);
    color: #fff5e7;
    padding: 0 0 20px;
}



.zd-sec2-module-sprite{
    background-image: url(/sites/zweb/images/desk/zd-cm-sec2-illus-icons-2x.png);
    display: inline-block;
    background-size: 550px auto;
    background-repeat: no-repeat;
}

.box-icon-1{
    background-position: -10px -11px;
	width: 173px;
	height: 140px;
}

.box-icon-2{
   background-position: -190px -13.5px;
   width: 176px;
   height: 139px;
}

.box-icon-3{
    background-position: -366.5px -13.5px;
	width: 176.5px;
	height: 139px;
}

.design-your-sec{
    padding: 130px 0 0;
    width: 100%;
    text-align: center;
}

.design-your-hdr{
    font: 56px/1.3 var(--zf-primary-extrabold);
    color: #212121;
    letter-spacing: -1.8px;
    padding: 0 0 45px;
}

.design-your-subhdr{
    font: 48px/1.2 var(--zf-primary-bold);
    color: #212121;
    padding: 0 0 10px;
}

.design-your-subsec{
    max-width: 685px;
    margin: 0 auto;
    padding: 0 0 30px;
    box-sizing: border-box;
}

.screen-1-content-section .design-your-subsec{
    padding: 0px;
}

.design-your-subsec-para{
    font: 16px/1.5 var(--zf-primary-regular);
    color: #212121;
}

.screen-sec{
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 0 125px;
}

.screen-sec.screen-2{
    display: flex;
    align-items: center;
}

.screen-sec.screen-3{
    padding: 0 0 175px;
}

.screen-1-img{
    opacity: 0;
}



.bg-cmn-screen{
    border-radius: 28px;
    vertical-align: bottom;
}

.main-screen-section-1{
    position: absolute;
    top: 28px;
    right: 0;
    margin: 0 auto;
    left: 0;
    border-radius: 14px;
    box-shadow: 0 0 22px 0 rgb(0 0 0 / 14%);
}

.main-screen-section-2{
    position: absolute;
    right: 0;
    margin: 0 auto;
    left: 0;
}

.main-screen-section-3{
    position: absolute;
    top: 14px;
    right: 0;
    margin: 0 auto;
    left: 0;
}

.main-screen-section-3-mob{
    display: none;
}

.main-screen-section-4{
    position: absolute;
    top: 22px;
    left: 30px;
    margin: 0 auto;
}

.main-screen-section-5{
    bottom: 121px;
    position: absolute;
    right: 0;
    margin: 0 auto;
    left: 0;
}

.screen-1-top-left-patch{
    position: absolute;
    left: -24px;
    top: -10px;
    background-position: -156px -166px;
    width: 35px;
    height: 51px;
    transform: scale(0);
    transition: all 0.3s;
}



.screen-1-top-right-patch{
    position: absolute;
    right: -69px;
    top: 16px;
    background-position: -202px -167px;
    width: 94px;
    height: 41px;
    transform: scale(0);
    transition: all 1s ease-in;
}

.screen-1-top-left-patch.active , .screen-1-top-right-patch.active ,.screen-2-left-patch.active, .screen-4-left-patch.active,.screen-3-left-patch.active,.screen-3-right-patch.active{
    transform: scale(1);
}

.screen-2-right-patch{
    position: absolute;
    right: -22px;
    top: -28px;
    background-position: -20px -46px;
	width: 88px;
	height: 108px;
    transform: rotate(-2deg) scale(0);
    transition: all 1s ease-in;
}

.screen-2-right-patch.active{
    transform: rotate(-2deg) scale(1);
}

.screen-2-left-patch{
    position: absolute;
    left: 80px;
    bottom: 90px;
    background-position: -27px -166px;
	width: 116px;
	height: 97px;
    transform: scale(0);
    transition: all 1s ease-in;
}

.screen-3-right-patch{
    position: absolute;
    right: -81px;
    top: 180px;
    background-position: -363px -16px;
    width: 155px;
    height: 122px;
    transition: all 1s ease-in;
    transform: scale(0);

}

.screen-3-left-patch{
    position: absolute;
    left: -58px;
    top: -64px;
    background-position: -527px -10px;
    width: 128px;
    height: 126px;
    transition: all 1s ease-in;
    transform: scale(0);

}

.screen-4-right-patch{
    position: absolute;
    right: -14px;
    top: 10px;
    background-position: -124px -12px;
    width: 137px;
    height: 108px;
    transition: all 1s ease-in;
}

.screen-4-right-bottom-patch{
    position: absolute;
    right: 45px;
    top: 250px;
    background-position:  -667px -20px;
	width: 207px;
	height: 206px;
    transition: all 1s ease-in;
}


.screen-4-left-patch{
    position: absolute;
    left: -46px;
    top: 120px;
    background-position: -279px -9px;
    width: 78px;
    height: 80px;
    transition: all 1s ease-in;
    transform: scale(0);

}
.screen-5-right-patch {
    position: absolute;
    right: -40px;
    top: 42%;
    background-position: -325px -223px;
    width: 86px;
    height: 94px;
    transition: all 1s ease-in
}

.screen-5-left-patch {
    position: absolute;
    left: -46px;
    top: 155px;
    background-position: -186px -215px;
    width: 97px;
    height: 101px;
    transition: all 1s ease-in;
}

/* buisness type sec */

.arrow-icon{
    position: absolute;
    right: 0;
    top: 26px;
    width: 20px;
    height: 16px;
    border-radius: 100%;
    text-align: center;
    border: 1px solid #e7e7e7;
    padding: 5px 3px;
    box-shadow: 0 0 4px #ccc;
    box-sizing: content-box;
    background: #ffffff;
    transition: all 0.5s;
    display: none;
}

.arrow-icon::before {
    content: "";
    background-image: url(/sites/zweb/images/desk/salesforce-sprite-image.svg);
    background-position: -303px -107px;
    position: absolute;
    width: 13px;
    height: 7px;
    top: 11px;
    right: 6px;
    box-sizing: content-box;
}

.arrow-icon.active{
    transform: rotate(180deg);
}

.buisness-type-sec{
    width: 100%;
    background: #fff5e7;
    padding: 0px 0 130px;
}

.buisness-type-cnt-sec{
    display: flex;
    max-width: 1300px;
    margin: 0 auto;
    background: #fff5e7;
    padding: 130px 0 0;
    align-items: flex-start;
    box-sizing: border-box;
}

.buisness-lft{
    width: 410px;
    margin-right: 60px;
    /* border-right: 1px solid rgb(220, 220, 220); */
    /* position: sticky;
    top: 0px; */
}

.buisness-hdr{
    font: 72px/1.1 var(--zf-primary-extrabold);
    color: #0b5b42;
    letter-spacing: -1.8px;
    padding: 0px 0 10px;
    /* position: sticky; */
    /* top: 0px; */
    background: #fff5e7;
}

.buisness-desc{
    font: 16px/1.5 var(--zf-primary-regular);
    color: #212121;
    padding: 0 0 45px;
}


.buisness-slider-cta-sec{
    display: flex;
    flex-wrap: wrap;
}

.buisness-slider-cta{
    position: relative;
    font: 18px/1.3 var(--zf-primary-semibold);
    border: 1px solid #d8ae52;
    background-color: rgb(255, 245, 231);
    padding: 10px 30px;
    border-radius: 45px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    color: #212121;
    transition: background-color 1s;
      stroke: #089949;
    stroke-dasharray: 0 890;
    stroke-dashoffset: 77;

}
.buisness-slider-cta svg {
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    display: none;
}


.buisness-slider-cta.active{
    font: 18px/1.3 var(--zf-primary-semibold);
    color: #212121;
    background: rgb(255, 203, 79);
    border: 1px solid rgb(240 216 164);


    /* animation: fillBackground 2s forwards; */
}


.shape2 {
    stroke: #089949;
    height: calc(100% - 2px);
    stroke-dasharray: 0 890;
    stroke-dashoffset: 77
}

.shape2.active {
    width: calc(100% - 2px);
    animation: strokeAnime2 15s linear forwards;

}

@-webkit-keyframes strokeAnime2 {
    0% {
        stroke-dasharray: 0 890;
        stroke-dashoffset: 78;
    }
    100% {
        stroke-dasharray: 890 0;
        stroke-dashoffset: 78;
    }
}



/* @-webkit-keyframes fillBackground {
    0% {
        background-size: 0% 100%;
    }
    100% {
        background-size: 100% 100%;
    }
  } */


.pos-sticky{
    position: sticky;
    top: 130px;
}


.buisness-rgt{
    position: relative;
    width: calc(100% - 410px);
    padding-left: 60px;
    background: #fff5e7;
    border-left: 1px solid rgb(220, 220, 220);
    box-sizing: border-box;

}

/* .buisness-lft::after{
    content: '';
    position: absolute;
    border-left: 1px solid rgb(220, 220, 220);
    top: 0px;
    right: -60px;
    width : 1px;
    height: 850px;
} */

.buisness-rgt-slider-section{
    display: none;
}

.buisness-slider-hdr{
    font: 48px/1.3 var(--zf-primary-bold);
    color: #212121;
    letter-spacing: -0.96px;
    padding: 0px 0;
    /* position: sticky;
    top: 0px; */
    background: #fff5e7;
    z-index: 99999;
    cursor: none;
    pointer-events: none;
}

p.buisness-slider-hdr:after {
    content: '';
    position: absolute;
    left: 0px;
    height: 62px;
    width: 100%;
    top: 57px;
}

.buisness-slider-menu{
    font: 20px/1.3 var(--zf-primary-bold);
    padding: 30px 0 2px;
    width: max-content;
    color: #a6a6a6;
    margin: 0 0 5px;
}


.business-slider-menu-sec{
    display: none;
    justify-content: space-between;
    width: 315px;
    cursor: pointer;
}

.business-slider-menu-sec .buisness-slider-menu:first-child , .business-slider-menu-sec .buisness-slider-menu:last-child{
    padding: 0 0px 5px;
}


.buisness-slider-menu.active{
    color: #358f73;
    border-bottom: 0px solid rgb(53, 143, 115); 
}

.buisness-slider-cnt{
    font: 16px/1.7 var(--zf-primary-regular);
    color: #212121;
    padding: 0 0 15px;
}



.solution-cnt-box-sec{
    display: flex;
    flex-wrap: wrap;
}

.solution-cnt-box{
    position: relative;
    width: 384px;
    padding: 10px 30px 20px 10px;
    background: #ffffff;
    border-radius: 22px;
    margin: 0 10px 10px 0px;
    box-sizing: border-box;
}

.solution-cnt-box.labelnotes{
    padding: 10px 30px 40px 10px;
}



.notes-label {
    font: 14px/1 var(--zf-primary-regular);
    color: #707070;
    position: absolute;
    bottom: 14px;
    left: 25px;
}



.solution-batch{
    font: 15px/1 var(--zf-primary-semibold);
    color: #212121;
    width: max-content;
    background-color: rgb(234, 244, 241);
    border-radius: 30px;
    padding: 10px 15px;
    margin: 0 0 20px;
    text-transform: capitalize;
}

.solution-lst-cvr{
    display: flex;
    max-width: 330px;
    margin-left: 15px;
}

.max-cnt{
    width: 100%;
    max-width: max-content;
}

.solution-list-sec{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.solution-lst-cvr .solution-list-sec:first-child{
    margin-right: 15px;
}



.solution-lst-points{
    font: 16px/1 var(--zf-primary-regular);
    position: relative;
    padding-left: 20px;
    padding-bottom: 15px;
    text-transform: capitalize;
}

.solution-lst-points::before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #000000;
    border-radius: 50%;
    background-color: rgb(207, 207, 207);
    top: 3px;
    left: 0px;
}



#buisness-section-1 .solution-cnt-box-sec .solution-cnt-box:last-child .solution-lst-cvr{
    max-width: 345px;
    justify-content: space-between;
}

.ftr-cvr{
    width: 100%;
    background: #073c2c;
}

.bottom-sec {
    max-width: 1020px;
    margin: 0 auto;
    width: 100%;
    padding: 130px 0;
    text-align: center;
    box-sizing: border-box;
}
.bottom-sec .inner-hdr {
    font: 72px/1.1 var(--zf-primary-extrabold);
    color: #70ffcd;
    padding-bottom: 40px;
}

.btm-ftrs-lst li:after {
    background-image: url(https://www.zohowebstatic.com/sites/zweb/images/desk/zd_sprite.svg);
    display: inline-block;
    content: '';
    position: absolute;
    left: -4px;
    top: 6px;
    background-position: -377px -294px;
    width: 35px;
    height: 26px
  }

  .btm-ftrs-lst {
    display: flex;
    justify-content: center;
    padding: 0 0 55px
  }
  .btm-ftrs-lst li {
    position: relative;
    padding-left: 45px;
    text-align: left;
    margin-right: 30px;
    font-size: 24px;
    color: #ffffff;
  }

  .btns-sec {
    display: flex;
    justify-content: center;
    max-width: 640px;
    margin: 0 auto;
  }

  .btns-sec a {
    min-width: 300px;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 25px 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
  }
  .btns-sec a.cmpr-btn {
    font-size: 18px;
    margin-left: 30px;
    border: 0px solid #000;
    background: #ffffff;
    color: #000;
    text-transform: uppercase;
    font-family: var(--zf-primary-semibold)
  }
  .btns-sec .act-btn.arw_lnk span {
    margin-top: 0
  }

  .btns-sec .cmpr-btn.arw_lnk span {
    background: #000;
    margin: 0 0 0 7px
  }

  .btns-sec .cmpr-btn.arw_lnk span:before, .btns-sec .cmpr-btn span:before {
    border-color: #000
  }

  .disclaimer-section {
    margin: 0 auto;
    text-align: center;
    padding: 100px 0 0;
  }
  .disclaimer {
    font: 12px/2 var(--zf-primary-regular);
    padding-bottom: 20px;
  }

  .tab-mob-banner , .tab-mob-bg{
    display: none;
  }


  /* banner animation */

  .industries-list-img-sec{
    display: none;
  }

  /* .btn-delay-1 , .btn-delay-2,.btn-delay-3,.btn-delay-4,.btn-delay-5,.btn-delay-6,.btn-delay-7,.btn-delay-8{
    opacity: 0;
    margin-bottom: 10px;
    transform: translateX(0px) translateY(0px) rotateZ(0deg);
    -webkit-transform: translateX(0px) translateY(0px) rotateZ(0deg);

  } */

 
  

  .btn-delay-1{
    animation: translateRotate-1 2.5s 2s forwards cubic-bezier(0.4, 0, 1, 1); 

 }


 .cust-anim{
    opacity: 1;
    transform: translateX(-147px) translateY(607px) rotateZ(0deg);
    animation: translateRotatecustom-1 2.5s 0s forwards cubic-bezier(0.4, 0, 1, 1);
 }


   .btn-delay-2{
    animation:  translateRotate-2 2s 0.5s forwards cubic-bezier(0.4, 0, 1, 1);

  }

  .btn-delay-3{
    animation:  translateRotate-3 2s 0.7s forwards cubic-bezier(0.4, 0, 1, 1);
  }
 
  .btn-delay-4{
    animation:  translateRotate-4 2s 1.8s forwards cubic-bezier(0.4, 0, 1, 1); 
  }

  .btn-delay-5{
    animation:  translateRotate-5 2s 1.1s forwards cubic-bezier(0.4, 0, 1, 1);
  }

  .btn-delay-6{
    animation:  translateRotate-6 2s 2s forwards cubic-bezier(0.4, 0, 1, 1);
  }

  .btn-delay-7{
    animation:  translateRotate-7 2s 1.5s forwards cubic-bezier(0.4, 0, 1, 1)
  }

  .btn-delay-8{
    animation:  translateRotate-8 2s 1.4s forwards cubic-bezier(0.4, 0, 1, 1)
  }

  .d-flex{
    display: flex;
  }

  .pos-absolute{
    position: absolute;
  }

  .width-max{
    width: max-content;
  }


  .pos-unset{
    position: unset;
  }
/*
  .btn-delay-8{
    animation: btnAnimate 0.5s 7s forwards; 
  } */

  *, *::before, *::after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body {
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
}

.hero {
    width: 100%;
    min-height: 100vh;
}

.wrapper {
    max-width: 1024px;
    margin: 0 auto;
}

.list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 100px 0;
}

.list__cell {
    flex-basis: calc(25% - 40px);
    min-height: 150px;
    margin: 20px;
    list-style: none;
    box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.2);
    overflow: hidden;
    background-color:#f0f2f5;
}

.list__caption {
    width: calc(25% - 40px);
    margin: 0 20px;
    list-style: none;
    font-weight: bold;
    color: #0747a6;
}

.list__card {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    min-height: 100%;
    cursor: all-scroll;
}

.list__card-header {
    text-transform: lowercase;
    font-weight: bold;
    padding: 12px 20px;
    background-color: #0747a6;
    color: white;
}

.list__card-info {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eff5ff;
    flex-grow: 1;
    padding: 12px 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

.hovered {
    background-color: #d1d8e2;
}

.hide {
    visibility: hidden;
}

.ind-img{
    display: none;
}

.ind-img-1-btn-delay-lazy{
    display: none;
}

.ind-bnr-img{
    position: absolute;
    top: 0;
    border-radius: 32px;

}

  @-webkit-keyframes btnAnimate {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
  }


  @-webkit-keyframes rotateLayer{
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
  }

  @-webkit-keyframes translateRotate-1 {

    0% {

        transform: translateX(0px) translateY(0px) rotateZ(0deg);
        -webkit-transform: translateX(0px) translateY(0px) rotateZ(0deg);

    }

    60% {

        transform: translateX(-196px) translateY(593px) rotateZ(0deg);
        -webkit-transform: translateX(-196px) translateY(593px) rotateZ(0deg);

    }

    100% {

        transform: translateX(-196px) translateY(604px) rotateZ(9deg);
        -webkit-transform: translateX(-196px) translateY(604px) rotateZ(9deg);

     }
  }

  @-webkit-keyframes translateRotatecustom-1 {

    0% {
        transform: translateX(-147px) translateY(607px) rotateZ(-10deg);
    }

    100% {
        transform: translateX(96px) translateY(139px) rotateZ(0deg);
     }
  }

  @-webkit-keyframes translateRotate-2 {


    0% {
        transform: translateX(0px) translateY(0px) rotateZ(0deg);
    }
    50% {
        transform: translateX(-300px) translateY(673px) rotateZ(-5deg);
    }
    70% {
        transform: translateX(-300px) translateY(668px) rotateZ(-8deg);
    }
    100% {
        transform: translateX(-300px) translateY(673px) rotateZ(0deg);
    }

  }

  @-webkit-keyframes translateRotate-3 {
    0% {
        transform: translateX(0px) translateY(0px) rotateZ(0deg);
    }
    20% {
        transform: translateX(0px) translateY(660px) rotateZ(-7deg);
    }
    30% {
        transform: translateX(0px) translateY(667px) rotateZ(-6deg);
    }
    40% {
        transform: translateX(0px) translateY(673px) rotateZ(-3deg);
    }

    70% {
        transform: translateX(0px) translateY(670px) rotateZ(-3deg);
    }

    100% {
        transform: translateX(0px) translateY(673px) rotateZ(0deg);
    }
}

@-webkit-keyframes translateRotate-4 {
    0% {
        transform: translateX(0px) translateY(0px) rotateZ(0deg);
    }
    60% {
        transform: translateX(18px) translateY(596px) rotateZ(7deg);
    }

    100% {
        transform: translateX(0px) translateY(619px) rotateZ(-21deg);

    }
}

@-webkit-keyframes translateRotate-5 {
    0% {
        transform: translateX(0px) translateY(0px) rotateZ(0deg);
    }

    70% {
        transform: translateX(-234px) translateY(635px) rotateZ(0deg);
    }

    100% {
        transform: translateX(-234px) translateY(646px) rotateZ(35deg);    
    }
    
}


@-webkit-keyframes translateRotate-6 {
    0% {
        transform: translateX(0px) translateY(0px) rotateZ(0deg);
    }

    60% {
        transform: translateX(-130px) translateY(633px) rotateZ(-10deg);

    }

    100% {
        transform: translateX(-130px) translateY(658px) rotateZ(19deg);
    }
        
}

@-webkit-keyframes translateRotate-7 {
    0% {
        transform: translateX(0px) translateY(0px) rotateZ(0deg);
    }

    70% {
        transform: translateX(-328px) translateY(634px) rotateZ(5deg);
    }

    100% {
        transform: translateX(-328px) translateY(636px) rotateZ(0deg);
    }
        
}
 

@-webkit-keyframes translateRotate-8 {
    0% {
        transform: translateX(0px) translateY(0px) rotateZ(0deg);
    }

    60% {
        transform: translateX(98px) translateY(640px) rotateZ(0deg);    
    }

    100% {
        transform: translateX(98px) translateY(656px) rotateZ(20deg);    
    }
        
} 
 /* other lang css start */


 .i18n-ar .bnr-right {
    left: -270px;
    right: unset;
}
.i18n-ar .bnr-left {
    margin-left: 50px;
    margin-right: 115px;
}
.i18n-ar .drag-drop-section {
    right: 143px;
    left: unset;
}
.i18n-ar .zd-bc-link a:before {
    left: -15px;
    right: unset;
}
.i18n-ar .bridge-gap-sec h2,.i18n-ar .tab-mob-box p,.i18n-ar .design-your-sec  h3,.i18n-ar .design-your-subsec p,.i18n-ar .ftr-cvr h3 {
    text-align: center;
}
.i18n-ar .zd-sec2-module-sprite {
    margin: 0 auto;
    display: block;
}
.i18n-ar .buisness-rgt {
    padding-right: 60px;
    padding-left: unset;
    border-right: 1px solid rgb(220, 220, 220);
    border-left: unset;
}
.i18n-ar .solution-lst-points {
    padding-right: 20px;
    padding-left: unset;
}
.i18n-ar .solution-lst-points::before {
    right: 0px;
    left: unset;
}
.i18n-ar .box-one {
    margin-left: 25px;
    margin-right: unset;
}
.i18n-ar .btns-sec a.cmpr-btn {
    margin-right: 30px;
    margin-left: unset;
}
.i18n-ar .btm-ftrs-lst li {
    padding-right: 45px;
    padding-left: unset;
    text-align: right;
    margin-left: 30px;
    margin-right: unset;
}
.i18n-ar .btm-ftrs-lst li:after {
    right: -4px;
    left: unset;
}
.i18n-ar .arrow-icon {
    left: 0px;
    right: unset;
}
.i18n-ar .arrow-icon::before {
    left: 6px;
    right: unset;
}
.other-lang:not(.i18n-ar) .btn-delay-5 {
    animation: translateRotate-5-otherlang 2s 1.1s forwards cubic-bezier(0.4, 0, 1, 1);
}
@-webkit-keyframes translateRotate-5-otherlang {
    0% {
        transform: translateX(0px) translateY(0px) rotateZ(0deg);
    }

    70% {
        transform: translateX(-234px) translateY(635px) rotateZ(0deg);
    }

    100% {
        transform: translateX(-494px) translateY(675px) rotateZ(360deg);   
    }
    
}
.other-lang:not(.i18n-ar) .btn-delay-6 {
    animation: translateRotate-6-otherlang 2s 2s forwards cubic-bezier(0.4, 0, 1, 1);
}
 @-webkit-keyframes translateRotate-6-otherlang {
    0% {
        transform: translateX(0px) translateY(0px) rotateZ(0deg);
    }

    60% {
        transform: translateX(-130px) translateY(633px) rotateZ(-10deg);

    }

    100% {
        transform: translateX(-150px) translateY(674px) rotateZ(0deg);
    }
        
}
.other-lang:not(.i18n-ar) .btn-delay-4 {
    animation: translateRotate-4-otherlang 2s 1.8s forwards cubic-bezier(0.4, 0, 1, 1);
}
@-webkit-keyframes translateRotate-4-otherlang {
    0% {
        transform: translateX(0px) translateY(0px) rotateZ(0deg);
    }
    60% {
        transform: translateX(18px) translateY(596px) rotateZ(7deg);
    }

    100% {
        transform: translateX(0px) translateY(639px) rotateZ(-1deg);
    }
}
.other-lang:not(.i18n-ar) .btn-delay-8 {
    animation: translateRotate-8-otherlang 2s 1.4s forwards cubic-bezier(0.4, 0, 1, 1);
}
@-webkit-keyframes translateRotate-8-otherlang {
    0% {
        transform: translateX(0px) translateY(0px) rotateZ(0deg);
    }

    60% {
        transform: translateX(98px) translateY(640px) rotateZ(0deg);    
    }

    100% {
        transform: translateX(217px) translateY(674px) rotateZ(0deg);
    }
        
} 
.i18n-vi .btn-delay-6 {
    animation: translateRotate-6-vi 2s 2s forwards cubic-bezier(0.4, 0, 1, 1);
}
@-webkit-keyframes translateRotate-6-vi {
    0% {
        transform: translateX(0px) translateY(0px) rotateZ(0deg);
    }

    60% {
        transform: translateX(-130px) translateY(633px) rotateZ(-10deg);

    }

    100% {
        transform: translateX(-300px) translateY(641px) rotateZ(19deg);
    }
        
}

.i18n-ar .btn-delay-5 {
    animation: translateRotate-5-arabic 2s 1.1s forwards cubic-bezier(0.4, 0, 1, 1);
}
 @-webkit-keyframes translateRotate-5-arabic {
    0% {
        transform: translateX(0px) translateY(0px) rotateZ(0deg);
    }
    70% {
        transform: translateX(-234px) translateY(635px) rotateZ(0deg);
    }
    100% {
        transform: translateX(-209px) translateY(676px) rotateZ(0deg);
    }
        
}

.i18n-ar .btn-delay-6 {
    animation: translateRotate-6-ar 2s 2s forwards cubic-bezier(0.4, 0, 1, 1);
}
@-webkit-keyframes translateRotate-6-ar {
    0% {
        transform: translateX(0px) translateY(0px) rotateZ(0deg);
    }
    
    60% {
        transform: translateX(-130px) translateY(633px) rotateZ(-10deg);
    }
    100% {
        transform: translateX(-130px) translateY(668px) rotateZ(19deg);
    }
        
}
.i18n-ar .btn-delay-4 {
    animation: translateRotate-4-ar 2s 1.8s forwards cubic-bezier(0.4, 0, 1, 1);
}
@-webkit-keyframes translateRotate-4-ar {
    0% {
        transform: translateX(0px) translateY(0px) rotateZ(0deg);
    }
    60% {
        transform: translateX(18px) translateY(596px) rotateZ(7deg);
    }
    
    100% {
        transform: translateX(-30px) translateY(629px) rotateZ(-21deg);
    }
}

.i18n-ar .box-two {
    margin-left: 25px;
    margin-right: unset;
}
  /* other lang css end */


@media only screen and (max-width: 1440px) {
    .bnr-doodle-batch{
        display: none;
    }

}

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

    

    .bnr-left{
        margin-left: 20px;
        margin-right: 0px;
    }

    .bnr-right{
        width: calc(100% - 420px);
        right: -200px;
    }
.i18n-ar .bnr-left{
    margin-right: 20px;
    margin-left: 0px;
}
}

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

   
    /* banner section */
    .bnr-left{
        margin-left: 40px;

    }


    /* buisness section */
    .buisness-type-cnt-sec{
        max-width: 1200px;
    }

    .buisness-hdr{
        font: 63px/1.1 var(--zf-primary-extrabold);
    }

    .buisness-lft {
        width: 348px;
        margin-right: 10px;
    }

    .buisness-rgt {
        width: calc(100% - 348px);
        padding-left: 30px;
    }    

    .solution-cnt-box{
        width: max-content;
    }
.i18n-ar .bnr-left{
    margin-right: 40px;
    margin-left: unset;

}
}

@media only screen and (max-width: 1240px) {
    .buisness-type-cnt-sec {
        max-width: 1110px;
    }

    .buisness-hdr {
        font: 57px/1.1 var(--zf-primary-extrabold);
    }
}

@media only screen and (max-width: 1180px) {
    .industries-list-img-sec{
        display: none;
    }

    /* tab banner */

    .dropzone , .bg-tab-cmn{
        display: none;
    }

    .bnr-section .act-btn.cta-btn{
        margin: 0 0 0px;
    }
    

    .bnr-section{
        max-width: 630px;
        height: unset;
        background-image: none;
        padding: 0px 0 30px;
    }

    .bnr-left{
        max-width: unset;
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    .bnr-right{
        display: none;
    }

    .tab-mob-hide{
        display: none;
    }

    .drag-drop-section{
        display: none;
    }

    .full-width {
        padding: 0px 0;
    }

    .tab-mob-banner , .tab-mob-bg{
        display: block;
        text-align: center;
    }

    .bg-tab-cmn-sec{
        padding: 50px 0 0px;
        background-image: url('/sites/zweb/images/desk/zd-cm-banner-tab-bg-1x.webp');
        background-position: top 70px center;
        background-repeat: no-repeat;
        height: auto;
    }

    .tab-img{
        display: block;
        margin: 0 auto;
    }

    .mob-img{
        display: none;
    }

    /* tab bridge gap */

    .bridge-gap-sec{
        padding: 90px 0px 0px;
        border-radius: 0px;
        margin: 0;
    }

    .box-sec {
        max-width: 735px;
        display: block;
        padding: 20px 0 0;
        position: relative;
        z-index: 2;
    }

    .box-one , .box-two{
        margin: 0;
    }

    .box-cmn{
        display: flex;
        width: 100%;
        padding: 30px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        align-items: center;
        margin: 0 0 15px;
    }

    .zd-sec2-module-sprite{
        margin-right: 45px;
    }

    .box-icon-1{
        background-position: -10px -162px;
        width: 122px;
        height: 99px;
    }

    .box-icon-2{
        background-position:  -142px -163px;
        width: 122px;
        height: 97px;
    }

    .box-icon-3{
        background-position: -274px -163px;
        width: 123px;
        height: 97px;
    }

    .tab-mob-box{
        width: 510px;
        text-align: left;
    }

    .box-title {
        font: 24px/1.2 var(--zf-primary-semibold);
        padding: 0 0 10px;
    }

    .box-desc{
        padding: 0;
        font: 16px/1.5 var(--zf-primary-regular);
    }

    /* design your sec */

    .design-your-sec{
        position: relative;
        margin: -87px auto 0;
        z-index: 1;
        background: #fff;    
        padding: 160px 0 0;
    }

    

    /* tab buisness */


    .business-slider-menu-sec{
        display: flex;
        justify-content: left;
        width: 405px;        
        align-items: center;
    }

    .buisness-slider-menu:last-child:before{    
        display : none;
    }

    .buisness-sub-slider .buisness-slider-menu{
        display: none;
    }

    .buisness-type-cnt-sec{
        display: block;
        padding: 0;
    }

    .buisness-lft{
        width: 100%;
        position: unset;
        max-width: 735px;
        margin: 0 auto;
    }

    .buisness-lft::after{
        display: none;
    }

    .buisness-hdr{
        font: 42px/1.1 var(--zf-primary-extrabold);
        padding: 0 0 15px;
    }


    .buisness-slider-menu{
        position: relative;
        margin: 0 0 15px;
        padding: 0 20px 5px;
        border-bottom: 1px solid #c2c2c2;
    }


    .buisness-slider-menu.active{
        border-bottom: 1px solid rgb(53, 143, 115); 
    }

    .buisness-slider-menu:before {
        content: '';
        position: absolute;
        height: 18px;
        width: 1px;
        background: #c2c2c2;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        right: 0;
        display: none;
    }

    .buisness-type-sec{
        padding: 90px 0 100px;
    }

    .buisness-slider-cta-sec{
        display: none;
    }

    .buisness-desc{
        padding: 0 0 15px;
    }

    .buisness-rgt{
        max-width: 735px;
        margin: 0 auto;
        width: 100%;
        padding-left: 0px;
        border-left: 0px solid rgb(220, 220, 220);
    }

    .buisness-slider-hdr.active {
        border-bottom: 0px solid rgb(216, 174, 82);
    }

    .buisness-slider-hdr{
        font: 32px/1.3 var(--zf-primary-bold);
        padding: 20px 0;
        border-bottom: 1px solid rgb(216, 174, 82);
        position: unset;
        cursor: pointer;
        pointer-events: unset;
    
    }

    p.buisness-slider-hdr:after{
        display: none;
    }


    .arrow-icon{
        display: block;
        
    }

    .buisness-section-mob.active {
        border-bottom: 1px solid rgb(216, 174, 82);
        padding: 15px 0 10px;
    }


    .buisness-rgt-slider-section{
        position: relative;
        display: block;
    }

    .buisness-section-mob{
        display: none;
    }

    /* tab footer */


    .bottom-sec .inner-hdr{
        font: 42px/1.1 var(--zf-primary-extrabold);
    }

    .btm-ftrs-lst li {
        font-size: 18px;
    }

    .btns-sec a {
        font-size: 15px;
    }

    .btns-sec a.cmpr-btn {
        font-size: 15px;
    }
      
    .btm-ftrs-lst li:after {
        top: 0px;
        left: -6px;
    }

    .bottom-sec{
        padding: 90px 0;
    }
     .i18n-ar .bnr-left{
    margin: 0 auto;
   }
   .i18n-ar .bnr-left h1,.i18n-ar .bnr-left p,.i18n-ar .bnr-left {
    text-align: center;
   }
   .i18n-ar .tab-mob-box p {
    text-align: right;
   }
   .i18n-ar .business-slider-menu-sec {
    justify-content: right;
   }
   .i18n-ar .box-one, .i18n-ar .box-two {
    margin: 0;
}
}

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

    /* design your sec */

    /* .screen-sec{
        max-width: 740px;
    } */

    .design-your-sec{
        overflow-x: hidden;
    }

    .design-your-hdr {
        font: 42px/1.3 var(--zf-primary-extrabold);
        padding: 0 0 25px;
    }
    
    .design-your-subhdr {
        font: 32px/1.2 var(--zf-primary-bold);
        padding: 0 0 5px;
    }
    
    .design-your-subsec {    
        max-width: 655px;
        padding: 0 0 40px;
    }
    
    .design-your-subsec-para{
        font: 16px/1.5 var(--zf-primary-regular);
    }
    
    .screen-sec{
        padding: 0 0 90px;
    }
    
    

    .screen-sec.screen-2{
        padding: 0 0 100px;
    }

    .screen-sec.screen-3{
        padding: 0 0 150px;
    }

    .screen-sec.screen-4{
        padding: 0 0 100px;
    }
    
   

    .screen-2-left-patch {
        left: 25px;
        bottom: 69px;
    
    }

    .screen-4-right-bottom-patch {
        right: 0px;
        top: 185px;
        transform: scale(0.7);
    }

    /* .main-screen-section-1 , .main-screen-section-2 , .main-screen-section-3{
        width: calc(100% - 30px);
    }

    .main-screen-section-1{
        top: 16px;
    }

    .main-screen-section-4{
        height: calc(100% - 100px);
        top: 0px;
        left: -20px;
        margin: 0 auto;
    } */
 /*

    .main-screen-section-1{
        top: 22px;
    }

    .main-screen-section-3 {
        top: 10px;

    } */

  

    

    
}


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

    /* design your sec */

    .patches{
        display: none;
    }

    .screen-sec {
        max-width: unset;
        width: 100%;
    }

    .bg-cmn-screen{
        border-radius: 0px;
    }


    .main-screen-section-1{
        width: calc(100% - 30px);
        top: 17px;
    }

    .main-screen-section-4 {
        height: calc(100% - 66px);
        top: 11px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
.main-screen-section-5 {
    height: calc(100% - 11px);
}
    .screen-sec.screen-5{
        padding: 0;
    }

    .main-screen-section-3{
        display: none;
    }

    .screen-sec.screen-3{
        padding: 0 0 100px;
    }

    .main-screen-section-3-mob {
        position: absolute;
        display: block;
        height: calc(100% - 161px);
        top: 60px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    

    /* .main-screen-section-3{
        top: unset;
        width: calc(100% - 13px);
    } */

}
@media (min-width: 767px) {
    .other-lang .main-title {
        font-size: 60px;
    }
}
@media only screen and (max-width: 767px) {

    /* breadcrumbs */

    .zd-bc-links {
        display: none;
    }
    /* banner mobile */

    .bg-tab-cmn-sec{
        background-image: none;
    }

    .bg-tab-cmn{
        background-image: none;
    }

    .main-title {
        font: 44px/1.1 var(--zf-primary-extrabold);
        padding: 0 0 10px;
    }
    
    .bnr-section {
        max-width: 100%;
        padding: 0px 20px 15px;
    }

    .bnr-desc{
        padding: 0;
    }

    .tab-mob-banner{
        position: relative;
    }

    .mob-doodle{
        display: block;
    }

    .mob-doodle-patch{
        position: absolute;
        right: 15px;
        top: 3px;
        display: none;
    }

    .tab-img{
        display: none;
    }

    .mob-img{
        display: block;
    }

    /* bridge gap sec */

    .bridge-gap-sec{
        width: 100%;
        max-width: unset;
        padding: 45px 25px 0px;
    }

    .sub-hdr{
        font: 32px/1.2 var(--zf-primary-extrabold);
    }

    .box-sec {
        width: 100%;
        max-width: unset;
        padding: 15px 0 0;

    }

    .box-icon-1{
        background-position: -10px -273px;
        width: 88px;
        height: 71px;
    }

    .box-icon-2{
        background-position: -107px -273px;
        width: 90px;
        height: 71px;
    }

    .box-icon-3{
        background-position: -206px -273px;
        width: 90px;
        height: 71px;
    }

    .zd-sec2-module-sprite {
        margin-right: 15px;
    }

    .tab-mob-box{
        width: calc(100% - 100px);
    }

    .box-title {
        font: 22px/1.2 var(--zf-primary-bold);
    }
    .box-cmn {
        padding: 20px 15px 25px;
        margin: 0 0 10px;
    }

    /* design your sec */


    

    .design-your-sec{
        margin: -100px auto 0;
        padding: 140px 0px 0;
        overflow-x: revert;
    }

    .design-your-hdr {
        font: 32px/1.3 var(--zf-primary-extrabold);
        padding: 0 0 20px;
    }

    .design-your-subhdr {
        font: 22px/1.2 var(--zf-primary-bold);
        padding: 0 0 10px;
    }

    .design-your-subsec {
        width: 100%;
        max-width: unset;
        padding: 0 20px 25px;
    }

   
    .screen-1-content-section .design-your-subsec{
        padding: 0px 25px;
    }

    .screen-sec {
        max-width: unset;
        width: 100%;
        padding: 0 0 55px;
    }

    .bg-cmn-screen{
        border-radius: 0px;
    }


    .screen-sec.screen-2{
        padding: 0 0 55px;
    }



    .screen-sec.screen-3,.screen-sec.screen-4{
        padding: 0 0 55px;
    }

   

    .main-screen-section-1{
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    
    }


    .main-screen-section-3-mob{
        position: absolute;
        display: block;
        height: calc(100% - 66px);
        top: 11px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

  

    /* buisness type sec */

    .buisness-type-sec {
        padding: 55px 0 60px;
    }

    .buisness-hdr {
        font: 32px/1.1 var(--zf-primary-extrabold);
        padding: 0 0 10px;
    }

    .buisness-lft{
        max-width: unset;
        width: 100%;

    }


    .buisness-rgt{
        max-width: unset;
        width: 100%;
    }

    .buisness-type-cnt-sec {
        padding: 0px 25px;
    }

    .solution-cnt-box-sec{
        justify-content: center;
    }

    .solution-cnt-box{
        width: 100%;
        margin: 0 0px 10px;
    }

    .buisness-slider-menu{
        font: 18px/1.3 var(--zf-primary-bold);
    }

  
    .buisness-slider-hdr {
        font: 24px/1.3 var(--zf-primary-semibold);
        padding: 15px 0;
    }

    .business-slider-menu-sec{
        width: 100%;
    }

    .arrow-icon{
        top: 17px;
        transform: scale(0.8);
    }

    /* ftr section */

    .bottom-sec {
        padding: 55px 25px;
    }

    .bottom-sec .inner-hdr {
        font: 32px/1.1 var(--zf-primary-extrabold);
        padding-bottom: 30px;
    }

    .btm-ftrs-lst {
        padding: 0 0 30px;
        flex-direction: column;
        align-items: center;
    }

    .btm-ftrs-lst li {
        font-size: 16px;
        margin-right: 0px;
        padding-bottom: 20px;
        padding-left: 25px;

    }

    .btm-ftrs-lst li:last-child{
        padding-bottom: 0px;
    }

    .btm-ftrs-lst li:after {
        top: -2px;
        left: -6px;
        transform: scale(0.5);
    }

    .btns-sec a.cmpr-btn{
        min-width: unset;
        margin: 0 auto;
    }
    .other-lang .box-title {
        font-size: 19px;
        word-break: break-all;
    }

}

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

    .other-lang .sub-hdr {
        font-size: 30px;
}  
}
@media only screen and (max-width: 420px) {

    /* buisness type sec */

    .buisness-slider-menu{
        padding: 0 15px 5px;
    }
}


@media only screen and (max-width: 420px) {
    .buisness-slider-menu{
        font: 18px/1.3 var(--zf-primary-bold);
    }
}
@media only screen and (max-width: 420px) {
    .buisness-slider-hdr {
        font: 22px/1.3 var(--zf-primary-semibold);
        padding: 15px 0;
    }
}