.desk-system-wrap *{
    box-sizing: border-box;
}
section#sign-form-customized span.close-btn {
    position: absolute;
    width: 12px;
    height: 12px;
    padding: 15px;
    line-height: 1;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    left: 20px;
    top: 20px;
    cursor: pointer;
    background-image: url(/sites/zweb/images/desk/images/sprite.png);
    background-repeat: no-repeat;
    background-position: -772px -44px;
    text-indent: -9999px;
    background-size: 950px auto;
}
.desk-system-wrap h1{
    font-size: 70px;
    font-family: var(--primaryfont-bold);
    line-height: 1;
}
.desk-system-wrap h2{
    font-size: 46px;
}
.desk-system-wrap h3{
    font-size: 46px;
}
.desk-system-wrap h4{
    font-size: 28px;
}
.desk-system-wrap h5{
    font-size: 22px;
}
.desk-system-wrap h2,.desk-system-wrap h3,.desk-system-wrap h4{
    font-family: var(--primaryfont-bold);
}
.dsp-flx{
    display: flex;
}
.flx-wrap{
    flex-wrap: wrap;
}
.justify-center{
    justify-content: center;
}
.align-center{
    align-items: center;
}
.justify-space{
    justify-content: space-between;
}
/*banner-section*/
.banner-section{
    padding: 150px 0px;
}
.banner-section-wrap{
    max-width: 1200px;
    margin:0 auto;
}
.banner-cont{
    width: 42%;
}
.banner-image{
    width: 58%;
}
/*why-need-desk*/
.need-desk{
    padding:130px 0px 180px;
    background-color: #141415;
    color: #FFFFFF;
}
.need-desk-wrap{
    max-width: 1170px;
    margin:0 auto;
}
.downfall{
    max-width: 710px;
    margin: 0 auto;
    text-align: center;
}
.watch-btn{
    position: relative;
    display: inline-block;
    font-family: var(--zf-primary-semibold),Arial,Helvetica,sans-serif;
    padding: 8px 30px;
    margin: 0;
    color: #333;
    border: 1px solid transparent;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 1;
    font-size: 15px;
    background: #fff;
}
.play-btn{
    display: inline-block;
    background: url(/sites/zweb/images/desk/images/ticket-system.svg);
    background-position: -305px -23px;
    width: 22px;
    height: 23px;
    margin-left: 10px;
}
.mail-ticket{
    background: #1C1C1C;
    padding:100px 130px 80px 100px;
    border-radius: 5px;
    margin-top: 120px;
}
.mail-cont{
    width: 50%;
}
.mail-image{
    width: 40%;
}
.mail-image svg,.convert-image svg,.banner-svg svg,.sorting-image-wrap svg{
    width: 100%;
    height: auto;
}
/*email-support*/
.email-support{
    padding:120px 0px;
    background: #EDEEF0;
}
.email-support-wrap{
    max-width: 1170px;
    margin:0 auto;
}
.email-support-title{
    max-width: 740px;
    padding-left: 70px;
}
.tickets{
    margin-top: 60px;
}
.tickets-wrap>div{
    background: #FFFFFF;
    border-radius: 10px;
    width: 49%;
    padding:90px 70px 0px;
    overflow: hidden;
}
.assignment{
    margin-top: 25px;
    padding: 90px 70px 70px;
    border-radius: 10px;
    background: #FFFFFF;
}
.assignment-title{
    max-width: 620px;
}
.assingment-wrap{
    margin:60px auto 0 0;
}
.assingment-wrap>div{
    width: 44%;
}
.convert,.sorting{
    flex-direction: column;
    justify-content: space-between;
}
/*round-robin*/
.criteria-image{
    margin: 10px 0px 20px;
}
/*card-soring*/
.sorting-image-wrap{
    text-align: center;
    margin-top: 70px;
    position: relative;
    bottom: -20px;
}
.sorting-image-wrap svg{
    max-width: 80%;
}
/*shortcut*/
.shortcut{
    margin-top: 140px;
}
.shortcut .email-support-title{
    max-width: 870px;
}
.shortcut-toggle{
    border-radius: 10px;
    margin-top: 80px;
}
.shortcut-left{
    width: 35%;
    padding: 160px 70px 70px;
    background: #F8F8F8;
    border-radius: 10px 0px 0px 10px;
}
.shortcut-left li{
    font-size: 18px;
    padding:20px 0px 20px 20px;
    cursor: pointer;
    position: relative;
    opacity: 0.7;
}
.shortcut-left li.active{
    opacity: 1;
    font-family: var(--zf-secondary-medium);
}
.shortcut-left li:after {
    content: "";
    width: 100%;
    background: #ddd;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    opacity: 1;
}
.shortcut-left li.active:after{
    opacity: 0.4;
}
.shortcut-left li:before {
    width: 0%;
    content: "";
    display: block;
    height: 3px;
    background: #353448;
    border-radius: 5px;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 1;
}
.shortcut-left li.active:before {
    width: 100%;
    -webkit-transition: width 8s linear;
    -o-transition: width 8s linear;
    transition: width 8s linear;
}
.shortcut-right{
    width: 65%;
    padding:120px 140px;
    background: #FFFFFF;
    border-radius: 0px 10px 10px 0px;
    position: relative;
}
.shortcut-right .image-wrap{
    margin-top:50px;
}
.shortcut-right li{
    display: none;
    visibility: hidden;
    transition: all 1s ease;
    transform:translateY(60px);
}
.shortcut-right li.active{
    display: block;
    visibility: visible;
    transform:translateY(0px);
}
.shortcut-right li.active .image-wrap{
    animation: slideup 1s;
}
.shortcut-left li span,.mob-view-list{
    background:url(/sites/zweb/images/desk/images/ticket-system.svg);
    display: inline-block;
    width: 21px;
    height:21px;
    margin-right: 25px;
}
.mob-view-list{
    margin-right: 0;
    margin-bottom: 10px;
    display: none;
}
.shortcut-left li span.uparrow,.mob-view-list.save-icon{ 
    background-position: -90px -23px;
}
.shortcut-left li span.plus,.mob-view-list.context-icon{
    background-position: -111px -23px;
    width: 19px;
}
.shortcut-left li span.setter,.mob-view-list.auto-icon{
    background-position: -130px -22px;
}
.shortcut-left li span.users,.mob-view-list.easy-icon{
    background-position: -151px -22px;
    width: 23px;
}
.shortcut-left li span.gomobile,.mob-view-list.mobile-icon{
    background-position: -175px -22.5px;
}
.customers .shortcut-left li span.gomobile,.mob-view-list.pocket-icon {
    background-position: -282px -22.5px;
}
.customers .shortcut-left li span,.customers .mob-view-list{
    filter: invert(1);
}
.customers .shortcut-left li span.uparrow,.mob-view-list.quanti-icon{
    background-position: -197px -21px;
}
.customers .shortcut-left li span.plus,.mob-view-list.measure-icon{
    background-position: -219px -23px;
    width: 21px;
}
.customers .shortcut-left li span.setter,.mob-view-list.set-icon{
    background-position:-240px -22px;
}
.customers .shortcut-left li span.users,.mob-view-list.rule-icon{
    background-position: -261px -23px;
    width: 21px;
}
@keyframes slideup{
    from{
        transform:translateY(30px);
    }
    to{
        transform:translateY(0px);
    }
}
.go-mobile img{
    max-width: 400px;
}
.shortcuts .shortcut-toggle{
    min-height: 975px;
}
.customers .shortcut-toggle{
    min-height: 1020px;
}
.quantifiable img,.measure img,.set-up img,.rules img{
    max-width: 410px;
}
.rating img{
    max-width: 55%;
}
/*customer*/
.customer{
    background: #141415;
    color: #FFFFFF;
    overflow: hidden;
    position: relative;
}
.customer::after {
    content: "";
    position: absolute;
    background: #fff;
    width: 100%;
    height: 40px;
    bottom: 0;
}
.customer .shortcut-left{
    background: #191919;
    border-radius: 0px 0px 10px 10px;
}
.customer .shortcut-right{
    background: #1D1E1F;
    border-radius: 10px 0px 0px 10px;
}
.customer .shortcut{
    margin-top: 0;
    padding-top: 125px;
}
.customer .shortcut-left li:after{
    background: #353448;
}
.customers .email-support-title {
    max-width: 750px;
}
.measure-list{
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
}
.measure-list::before{
    content: "";
    position: absolute;
    left: 0;
    top:3px;
    background: url(/sites/zweb/images/desk/images/ticket-system.svg);
    width: 22px;
    height: 22px;
    background-position: 21px 171px;
}
/*help*/
.way-to-help{
    max-width: 940px;
    margin:120px auto 0;
}
.help-title{
    max-width: 730px;
    margin:0 auto 90px;
}
.help-image{
    margin-bottom: 180px;
}
.help-image svg,.convert-image svg{
    width: 100%;
    height: auto;
}
.cards{
    text-align: center;
}
.cards svg{
    position: relative;
    bottom: -65px;
}
.way-to-help>div.help-title:nth-child(3){
    max-width: 800px;
}
/*footer-solution*/
.solution{
    padding:150px 0px 120px;
    position: relative;
}
.solution-wrap{
    max-width: 780px;
    margin:0 auto;
}
.glow-bulb{
    display: none;
    background: #F7F7F7;
    padding: 40px 35px 35px;
    border-radius: 10px;
    position: absolute;
    left: 19.5%;
    top: -101%;
}
.zvim-model{
    background: #e5e2e2;
}
.banner-section .act-btn,.solution .act-btn{
    font-size: 18px;
}
section#sign-form-customized {
  display: inline-block;
  position: fixed;
  height: calc(100vh - 40px);
  top: 0;
  right: -520px;
  transition: all 500ms;
  background-color: white;
  z-index: 999;
  overflow: scroll;
  padding: 70px 30px 0 40px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)
}
section#sign-form-customized.active {
  right: 0
}
section#sign-form-customized span.close-btn {
  position: absolute;
  width: 12px;
  height: 12px;
  padding: 15px;
  line-height: 1;
  border: 1px solid #dfdfdf;
  border-radius: 50%;
  left: 20px;
  top: 20px;
  cursor: pointer;
  background-image: url(/sites/zweb/images/desk/email-ticket-sprite.png);
  background-repeat: no-repeat;
  background-position: -772px -44px;
  text-indent: -9999px;
  background-size: 950px auto
}
section#sign-form-customized span.close-btn::after {
  transform: rotate(-45deg)
}
section#sign-form-customized span.close-btn::before {
  transform: rotate(45deg)
}
/*animation*/
@media only screen and (min-width:992px){
    .signup-box {
        display: block;
    }
    /*ticket-system*/
    .mail-image #Group_3291{
        transform: translate(-159.474px,51.812px);
    }
    .mail-image.zwe-op #Group_3291,.mail-image.zwe-op #Icon_ionic-ios-settings,.mail-image.zwe-op #Group_3296{
        transition:all 0.8s linear;
    }
    .mail-image.zwe-op #Group_3291{
        transform: translate(25.526px,51.812px);
    }
    .mail-image #Icon_ionic-ios-settings{
        transform: translate(15.017px,13.126px) rotate(0deg);
    }
    .mail-image.zwe-op #Icon_ionic-ios-settings{
        transform: translate(15.017px,13.126px) rotate(180deg);
        transition-delay: 1.3s;
        transition-duration: .5s;
    }
    .mail-image.zwe-op #Group_3296{
        transform: translate(0.219px,-188.238px);
        transition-delay: 2s;
    }
    .mail-image.zwe-op #Ellipse_178{
        animation: ticket-slide 1.5s 0.8s;
        animation-timing-function:linear;
    }
    @keyframes ticket-slide {
        0%{
            transform: translate(3697.323px,-823.277px);
        }
        30%{
            transform: translate(3697.323px,-719.277px);
        }
        70%{
            transform: translate(3987.323px,-719.277px);
        }
        100%{
            transform: translate(3987.323px,-919.277px);
        }
    }
    /*cards*/
    #Group_3687{
        transform: translate(1335px,569px);
    }
    #Group_3681,#Group_3685{
        transform: translate(1385px,569px);
    }
    #Group_3684{
        transform: translate(1410px,569px);
    }
    #Group_3683{
        transform: translate(1435px,569px);
    }
    #Group_3682{
        transform: translate(1465px,569px);
    }
    #Group_3681{
        transform: translate(1495px,569px);
    }
    #Union_56 {
        transform: translate(1113px,-285.001px) rotate(180deg);
    }
    #Union_55{
        transform: translate(1392px,-285.001px) rotate(180deg);
    }
    #Subtraction_52 {
        transform: translate(1417px,-415px);
    }
    #Union_53 {
        transform: translate(1556px,-415px);
    }
    #Subtraction_51 {
        transform: translate(1700px,-415px);
    }
    #Union_54 {
        transform: translate(1844px,-415px);
    }
    #Subtraction_53{
        transform: translate(1254px,-285.001px) rotate(180deg);
    }
    .zwe-op #Union_56,.zwe-op #Group_3687,.zwe-op #Subtraction_53,.zwe-op #Group_3685,.zwe-op #Group_3684,.zwe-op #Group_3683,.zwe-op #Group_3682,.zwe-op #Union_55,.zwe-op #Group_3684,.zwe-op #Subtraction_52,.zwe-op #Union_53,.zwe-op #Subtraction_51,.zwe-op #Group_3681,.zwe-op #Group_3685,.zwe-op #Union_54{
        transition: all 1s ease;
    }
    .zwe-op #Union_56{
        transform: translate(1140px,-317.001px) rotate(180deg);
    }
    .zwe-op #Group_3687{
        transform: translate(1361px,569px);
    }
    .zwe-op #Subtraction_53{
        transform: translate(1254px,-317.001px) rotate(180deg);
    }
    .zwe-op #Group_3685,.zwe-op #Group_3684,.zwe-op #Group_3683,.zwe-op #Group_3682{
        transform: translate(1361px,569px);
    }
    .zwe-op #Union_55{
        transform: translate(1368px,-317.001px) rotate(180deg);
    }
    .zwe-op #Subtraction_52{
       transform: translate(1368px,-447px);
    }
    .zwe-op #Union_53{
        transform: translate(1482px,-447px);
    }
    .zwe-op #Subtraction_51{
        transform: translate(1596px,-447px);
    }
    .zwe-op #Group_3681,.zwe-op #Group_3685{
        transform: translate(1361px,569px);
    }
    .zwe-op #Union_54{
        transform: translate(1710px,-447px);
    }
    #Group_3689{
        transform: translate(-17146.9px,-8456.81px);
    }
    .zwe-op #Group_3689{
        transform: translate(-17146.9px,-8504.81px);
        transition: all .5s ease;
        transition-delay: .8s;
    }
/*banner-animation*/
.banner-one{
    transform: translate(520.792px,-1815.31px);
    transform-origin: 2860px 750px;
}
.zwe-op .banner-one{
    transform: translate(520.792px,-1815.31px) scale(0.01) rotate(45deg);
    transform-origin: 2860px 660px;
    transition: all 1s ease;
}
.banner-two{
    transform-origin: 3390px -916px;
}
.zwe-op .banner-two{
    transform: scale(2.5) rotate(-39deg);
    transform-origin: 3375px -922px;
    transition: all 1s ease;
}
.banner-three{
    opacity: 0;
    visibility: hidden;
}
.zwe-op .banner-three{
    opacity: 1;
    transition: all .5s ease .8s;
    visibility: visible;
}
.zwe-op .banner-three{
    animation: inbounce .5s ease .7s;
}
@keyframes inbounce{
    0%{
        transform: scale(1);
        transform-origin: 3400px -999px;
    }
    50%{
        transform: scale(1.2);
        transform-origin: 3400px -999px;
    }
    100%{
        transform: scale(1);
        transform-origin: 3400px -999px;
    }
}
#Path_2847,#Path_2846{
    visibility: hidden;
    opacity: 0;
}
.zwe-ot #Path_2847 {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: integrationdash linear forwards .5s;
    animation-delay: .8s;
}
.zwe-ot #Path_2847,.zwe-ot #Path_2846{
    opacity: 1;
    visibility: visible;
}
.zwe-ot #Path_2846{
    transition-delay: 1s;
}
@keyframes integrationdash
{
0%{
    stroke-dashoffset:1000;
    stroke-width: 6px;
    stroke: #f2e044;
}
30%{
    stroke-dashoffset:700;
    stroke-width: 6px;
    stroke: #f2e044;
}
50%{
    stroke-dashoffset:500;
    stroke-width: 6px;
    stroke: #f2e044;
}
 100%{
    stroke-dashoffset:0;
    stroke-width: 4px;
    stroke:#000;
}
}
.banner-six,.banner-five,.banner-four{
    opacity: 0;
    visibility: hidden;
    transform: translate(510.792px,-1900px);
}
.zwe-op .banner-four,.zwe-op .banner-five,.zwe-op .banner-six{
    transition: all 0.8s ease 1s;
    opacity: 1;
    visibility: visible;
    transform: translate(510.792px,-1806px);
}
.zwe-op .banner-five{
    transition-delay: 1.3s;
}
.zwe-op .banner-six{
    transition-delay: 1.6s;
}
/*card-sorting-animation*/
.card-a,.card-b,.card-c{
    transition: all 1s ease;
}
.card-c{
    transform: translate(3393.49px,695.973px);  
}
.zwe-op .card-c{
    transform: translate(3393.49px,885.973px);
}
.card-a{
    transform: translate(3235.75px,643.073px);
    mix-blend-mode: initial;
}
.zwe-op .card-a{
    transform: translate(3235.75px,470.073px);
}
.card-b{
    transform: translate(3232.89px,607.703px);
}
.zwe-op .card-b{
    transform: translate(3232.89px, 647.703px);
}
/*criteria-animation*/
.criteria-image .ticket-one,.criteria-image .ticket-two,.zwe-op .criteria-image .ticket-three,.criteria-image .ticket-four{
    transition: all 1s ease;
}
.criteria-image .ticket-two{
    transform: translate(-275px,-1076.78px);
}
.zwe-op .criteria-image .ticket-two{
    transform: translate(-35px,-1076.78px);
    transition: all 1s linear .3s;
}
.criteria-image .ticket-three{
    transform: translate(-156px,-1087.78px) scale(0.5);
    transform-origin: 30px 23px;
}
.zwe-op .criteria-image .ticket-three{
    transform: translate(-156px,-1084.78px) scale(1);
    transition-delay: 0.8s;
}
.criteria-image .ticket-four{
    transform: translate(-47px,-1108.78px) scale(.5);
    transform-origin: 25px 35px;
}
.zwe-op .criteria-image .ticket-four{
    transform: translate(-47px,-1108.78px) scale(1);
    transition-delay: 1.1s;
}
/*round-robin-animation*/
.round-robin-image .ticket-one,.round-robin-image .ticket-two{
    transition: all 1s ease;
}
.zwe-op .round-robin-image .ticket-two{
    animation:ball-move-one 1.3s ease .3s;
}
@keyframes ball-move-one{
    0%{
        transform: translate(255px, -1124px);
     }
     50%{
        transform: translate(145px, -1124px);
     }
     100%{
        transform: translate(145px, -1054px);
     }
}
.round-robin-image .round-one,.round-robin-image .round-two,.round-robin-image .round-three{
    transition: all 1s ease;
}
.round-robin-image .round-one{
    transform: translate(139px,-1046.78px) scale(0.5);
    transition: all 1s ease;
}
.zwe-op .round-robin-image .round-one{
    transform: translate(124px,-1066.78px) scale(1);
    transition-delay: 1.1s;
}
.round-robin-image .round-two{
    transform: translate(255px,-1063.78px) scale(.5);
}
.zwe-op .round-robin-image .round-two{
    transform: translate(241px,-1063.78px) scale(1);
    transition-delay: .3s;
}
.round-robin-image .round-three{
    transform: translate(368px,-1046.78px) scale(0.5);
}
.zwe-op .round-robin-image .round-three{
    transform: translate(350px,-1067.78px) scale(1);
    transition-delay: 1.1s;
}
.zwe-op .round-robin-image .round-four{
    animation: ball-move-two 1.3s ease .3s;
}
@keyframes ball-move-two{
    0%{
        transform: translate(267px,-1167.779px);
    }
    50%{
        transform: translate(377px,-1167.779px);
    }
    100%{
        transform: translate(377px,-1097.779px);
    }
}
/*convert-image-animation*/
.convert-boxtwo{
    opacity: 0;
    transform: translate(-20px, 0px);
    transition: all .5s ease;
}
.zwe-op .convert-boxtwo{
    opacity: 1;
    transform: translate(0px, 0px);
}
.zwe-op .convert-boxtwo:nth-child(2){
    transition-delay: .2s;
}
.zwe-op .convert-boxtwo:nth-child(3){
    transition-delay: .5s;
}
/*knowledge-base*/
.help-image{
    transform: translateY(30px);
    opacity: 0;
}
.help-image.zwe-op{
    transform: translate(0px);
    transition: all 1s ease;
    opacity: 1;
}
    .other-lang .shortcut-left {
        width: 45%;
    }
    .other-lang .shortcut-right {
        width: 55%;
    }
}
/*media-queries*/
@media only screen and (max-width:1399px){
    .desk-system-wrap h1{
        font-size: 60px;
    }
    .banner-section {
        padding: 130px 0px;
    }
    .desk-system-wrap h3,.desk-system-wrap h2{
        font-size: 42px;
    }
    .need-desk {
        padding: 110px 0px 150px;
    }
    .email-support{
        padding: 110px 0px;
    }
    .shortcut {
        margin-top: 120px;
    }
    .customer .shortcut{
        padding-top: 100px;
    }
    .way-to-help{
        margin: 110px auto 0;
    }
    .help-image {
        margin-bottom: 150px;
    }
}
@media only screen and (max-width:1299px){
    .shortcuts .shortcut-toggle{
        min-height: 992px;
    }
    .customers .shortcut-toggle {
        min-height: 1015px;
    }
    .shortcut-left{
        padding: 150px 50px 50px;
    }
}
@media only screen and (max-width:1199px){
    .shortcut-right{
        padding: 120px;
    }
    .shortcuts .shortcut-toggle {
        min-height: 922px;
    }
    .customers .shortcut-toggle {
        min-height: 955px;
    }
}
@media only screen and (max-width:1100px){
    .desk-system-wrap h1 {
        font-size: 50px;
    }
    .shortcut-left {
        padding: 120px 45px 45px;
    }
    .shortcut-left li {
        font-size: 16px;
    }
    .shortcut-right {
        padding: 80px;
    }
    .shortcuts .shortcut-toggle{
        min-height: 870px;
    }
    .customers .shortcut-toggle {
        min-height: 930px;
    }
}
@media only screen and (max-width:991px){
    .banner-image{
        display: none;
    }
    .banner-cont{
        width: 100%;
        text-align: center;
    }
    .banner-section {
        padding: 90px 0px;
    }
    .need-desk {
        padding: 90px 0px 120px;
    }
    .mail-ticket{
        margin-top: 90px;
        padding: 80px 80px 80px 80px;   
        flex-direction: column;
        text-align: center;
    }
    .mail-cont,.mail-image{
        width: 100%;
    }
    .mail-image{
        max-width: 80%;
        margin: 50px auto 0px;
    }
    .desk-system-wrap h3, .desk-system-wrap h2 {
        font-size: 40px;
    }
    .tickets-wrap>div{
        width: 100%;
    }
    .tickets-wrap{
        flex-direction: column;
    }
    .convert-image-wrap,.sorting-image-wrap{
        max-width: 80%;
        margin: 70px auto 0px;
    }
    .sorting{
        margin-top: 25px;
    }
    .round-robin-image svg,.criteria-image svg{
        width: 100%;
    }
    .email-support {
        padding: 100px 0px;
    }
    .shortcut {
        margin-top: 100px;
    }
    .help-image {
        margin-bottom: 100px;
    }
    .cards,.customer::after{
        display: none;
    }
    .solution-wrap{
        text-align: center;
    }
    .glow-bulb{
        position: relative;
        left: unset;
        top: unset;
        transform: scale(0.8);
    }
    .solution{
        padding: 80px 0px 100px;
    }
    .shortcut-left,.customer .shortcut-left{
        display: none;
    }
    .shortcut-right{
        width: 100%;
    }
    .shortcut-right li{
        display: block;
        visibility:visible;
        transform: translateY(0px);
        margin-bottom: 55px;
    }
    .shortcut-right img{
        display: none;
    }
    .customers .shortcut-toggle,.shortcuts .shortcut-toggle{
        min-height: unset;
        margin-top: 50px;
    }
    .shortcut-right .image-wrap{
        margin-top: 0;
    }
    .shortcut-right{
        padding: 60px 60px 40px;
    }
    .way-to-help {
        margin: 90px auto 0;
    }
    .shortcut-right{
        border-radius: 10px;
    }
    .mob-view-list{
        display: block;
    }
}
@media only screen and (max-width:767px){
    .desk-system-wrap h1 {
        font-size: 40px;
    }
    .desk-system-wrap h3, .desk-system-wrap h2 {
        font-size: 35px;
    }
    .banner-section {
        padding: 80px 0px;
    }
    .need-desk {
        padding: 80px 0px 100px;
    }
    .mail-ticket{
        padding: 60px 60px 70px 60px;
        margin-top: 70px;
    }
    .need-desk {
        padding: 70px 0px 80px;
    }
    .email-support-title{
        padding-left: 0px;
    }
    .email-support {
        padding: 80px 0px;
    }
    .tickets-wrap>div{
        padding: 50px 50px 0px;
        text-align: center;
    }
    .convert-image-wrap, .sorting-image-wrap{
        margin: 30px auto 0px;
    }
    .assignment{
        padding: 50px 50px 35px;
    }
    .tickets {
        margin-top: 40px;
    }
    .assingment-wrap{
        flex-direction: column;
    }
    .assingment-wrap>div{
        width: 100%;
    }
    .round-robin-image svg, .criteria-image svg{
        width: unset;
        max-width: 100%;
    }
    .assingment-wrap {
        margin: 50px auto 0 0;
    }
    .round-robin{
        margin-top: 50px;
    }
    .shortcut {
        margin-top: 80px;
    }
    .customer .shortcut {
        padding-top: 80px;
    }
    .help-title{
        margin: 0 auto 50px;
    }
    .help-image+.help-title{
        margin: 0 auto 100px;
    }
    .solution {
        padding: 60px 0px 80px;
    }
}
@media only screen and (max-width:480px){
    .desk-system-wrap h3, .desk-system-wrap h2 {
        font-size: 30px;
    }
    .mail-ticket{
        padding: 50px 40px 60px 40px;
    }
    .mail-image{
        margin: 30px auto 0px;
    }
    .glow-bulb{
        transform: scale(0.6);
    }
    .solution {
        padding: 40px 0px 80px;
    }
    .desk-system-wrap h3, .desk-system-wrap h2 {
        font-size: 28px;
    }
    .help-image+.help-title {
        margin: 0 auto 80px;
    }
    .help-image {
        margin-bottom: 70px;
    }
    .way-to-help {
        margin: 70px auto 0;
    }
    .customer .shortcut {
        padding-top: 70px;
    }
    .round-robin {
        margin-top: 0px;
    }
    .assingment-wrap {
        margin: 20px auto 0 0;
    }
    .convert-image-wrap, .sorting-image-wrap{
        max-width: 90%;
    }
    .sorting-image-wrap{
        margin-top: 10px;
    }
    .shortcut-right {
        padding: 50px 50px 30px;
    }
    .customers .shortcut-toggle, .shortcuts .shortcut-toggle{
        margin-top: 40px;
    }
    .measure-list::before{
        top: 1px;
        transform: scale(.6);
    }
    .measure-list{
        padding-left: 25px;
    }
    .mob-view-list{
        transform: scale(1.5);
        position: relative;
        left: 5px;
    }
 .other-lang .desk-system-wrap h1 {
        font-size: 34px;
    }
    .other-lang .desk-system-wrap h3, .other-lang .desk-system-wrap h2 {
        font-size: 25px;
    }
}
/* Arabic starts */
.i18n-ar .downfall h3,.i18n-ar .downfall p,.i18n-ar .downfall {
    text-align: center;
}
.i18n-ar .mail-ticket{padding: 100px 100px 80px 130px;}
.i18n-ar .mail-ticket.justify-space{justify-content: space-between;}    
.i18n-ar .sorting .sorting-image *{text-align: center;}
.i18n-ar .shortcut-left li:before{right: 0;left: unset;}
.i18n-ar .measure-list{padding-left: 0;padding-right: 35px;}
.i18n-ar .measure-list::before{right: 0;left: unset;}
.i18n-ar .email-support-title {
    padding-right: 70px;
    padding-left: 0;
}

.i18n-ar .shortcut-left li span,.i18n-ar .mob-view-list {
    margin-left: 25px;
    margin-right: 0;
}
@media(max-width: 992px){
.i18n-ar .downfall h3,.i18n-ar .downfall p,.i18n-ar .downfall,.i18n-ar .mail-cont h2,.i18n-ar .mail-cont p,.i18n-ar .banner-cont h1,.i18n-ar .banner-cont p,.i18n-ar .banner-cont,.i18n-ar .solution-wrap h2,.i18n-ar .solution-wrap p,.i18n-ar .solution-wrap {
    text-align: center;
}

.i18n-ar .email-support-title {
    padding-right: 70px;
    padding-left: 0;
}

.i18n-ar .shortcut-left li span,.i18n-ar .mob-view-list {
    margin-left: 25px;
    margin-right: 0;
}
}

@media only screen and (max-width: 767px) {
    .i18n-ar .tickets-wrap>div *{text-align: center;}
    .i18n-ar .email-support-title{padding-right: 0;}
}
/* Arabic ends */

.other-lang .watch-btn{
   display: inline-flex;
}