.body-umain .signup-box {
  display: block !important;
}
.zs-freedemo-section .content-wrap {
            max-width: 1170px;
        }

        .zsalesiq-demo-iframe {
            padding: 55.55% 0 0 0;
            position: relative;
            border-radius: 10px;
            margin-top: 30px
        }

        .zsalesiq-demo-iframe iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 10px
        }

        img {
            display: block;
        }

        h1 {
            font-size: 45px;
            line-height: 1.1;
        }

        h1 span {
            display: block;
        }

        p {
            margin: 0 0 15px;
        }

        body h2 {
            font-size: 40px;
            line-height: 1.1;
        }

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

        a.act-btn.cta-btn {
            padding: 15px 30px;
            border-radius: 3px;
            border: 0;
        }

        .rows {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between
        }

        .rows .col-1 {
            flex: 0 0 60%;
            max-width: 60%
        }

        .rows .col-2 {
            flex: 0 0 40%;
            max-width: 40%;
            padding-left: 50px
        }

        .col.col-left {
            width: 60%;
            padding-right: 5%;
        }

        .col.col-right {
            width: 40%;
        }

        .demo-content {
            position: sticky;
            top: 100px;
            max-width: 600px;
        }

        .formimg {
            max-width: 450px;
            margin-top: 50px;
            margin-top: 60px;
            background: #ffdedc;
            padding: 60px 40px 0;
            border-radius: 9px;
        }

        section.zs-freedemo-section {
            padding: 60px 0 100px;
        }

        .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;
        }

        .zs-free-demo-form {
            max-width: 480px;
            padding: 50px 45px;
            box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
            border-radius: 10px;
            margin: 0 auto;
            display: block;
        }

        input.submitbutton {
            background: #f0483e;
            border: 1px solid #f0483e;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            font-size: 16px;
            font-weight: 600;
            padding: 10px 30px;
            text-transform: uppercase;
            border-radius: 2px;
        }

        .zs-write-section {
            background: #310a0a;
            padding: 50px 0;
            color: #fff;
        }

        .zs-write-section strong {
            color: #0099ff;
        }

        .zs-write-section p {
            margin: 0;
            font-size: 18px;
        }

        label.error {
            color: red;
            font-size: 13px;
            margin-top: 10px;
        }

        .st0 {
            fill: #fff;
            stroke: #20c53b;
            stroke-width: 5.557;
            stroke-miterlimit: 10
        }

        .st1 {
            fill: #fff;
            stroke: #20c53b;
            stroke-width: 5.557;
            stroke-linecap: round;
            stroke-miterlimit: 10
        }

        .animated .st0 {
            stroke-dasharray: 1000;
            stroke-dashoffset: -220;
            animation: circle 500ms linear forwards
        }

        .animated .st1 {
            stroke-dasharray: 1000;
            stroke-dashoffset: 1000;
            animation: stick 8s linear forwards;
            animation-delay: 500ms
        }

        @keyframes circle {
            to {
                stroke-dashoffset: 0
            }
        }

        @keyframes stick {
            to {
                stroke-dashoffset: 0
            }
        }

        .zs-captcha .formfiled-element {
            display: flex;
            align-items: center;
        }

        /* OTP workflow */
       .signup-box .otp-conform-message {
            color: #ff0000;
            display:none;
        }
        .otp-number-wrap {
            position: relative;
        }

        .otp-number-wrap .za_country_code {
            width: 80px;
            position: absolute;
            opacity: 0;
            width: 70px;
            border: 0;
            border-radius: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            padding: 10px 10px;
            line-height: 25px;
            background: #fff;
            text-indent: -99999px;
            cursor: pointer;
            min-height: 40px;
            z-index: 2;
        }

        .signup-box #countryCodeDiv {
            position: absolute;
            padding: 8px 0px 9px 10px;
            background: #fff;
            width: 75px;
            border-right: 1px solid #d5d5d5;
            font-size: 14px;
            height: 43px;
            line-height: 26px;
            top: 1px;
            left: 1px;
            z-index: 2;
        }

        .signup-box #countryCodeDiv:before {
            position: absolute;
            content: '';
            right: 5px;
            top: 18px;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 8px solid #666;
        }

        .otp-number-wrap #zcf_phone-otp {
            padding-left: 90px;
            margin-top: 0;
            padding-right: 90px;
        }

        .otp-phone-input-wrap .send-otp {
            position: absolute;
            right: 15px;
            top: 0;
            bottom: 0;
            z-index: 1;
            font-family: var(--primaryfont-semibold);
            font-size: 14px;
            line-height: 45px;
            margin: auto;
            color: #03a9f5;
            cursor: pointer;
            display: none;
        }

        .resend-otp .send-otp {
            color: #03a9f5;
            cursor: pointer;
        }

        .zf-otp-info {
            font-size: 12px;
            margin-top: 5px;
            color: #000000;
            font-family: var(--primaryfont-semibold);
            margin-bottom: 0px;
        }

        #zc-sending-otp {
            font-family: var(--primaryfont-semibold);
            font-size: 14px;
            display: flex;
            margin-top: 5px;
            display: none;
        }

        #zc-sending-otp img {
            width: 20px;
            height: 20px;
            margin-right: 5px;
        }

        #otpverify {
            margin-top: 5px;
        }

        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            margin: 0;
        }

        .otp-phone-input-wrap #zcf_phone-otp,
        #otpverify {
            appearance: textfield;
        }

        @-moz-document url-prefix() {
            input[type=number] {
                -moz-appearance: textfield;
            }
        }

        .otp-phone-input-wrap {
            position: relative;
        }

        .otpverify-wrap {
            position: relative;
        }

        .otpverify-wrap .mn-otp {
            position: absolute;
            right: 15px;
            top: 0px;
            bottom: 0;
            z-index: 1;
            font-family: var(--primaryfont-semibold);
            font-size: 14px;
        }

        #otpverify {
            padding-right: 125px;
        }

        .mn-otp .resend-otp {
            top: 10px;
            position: relative;
            display: none;
        }

        .otp-phone-input-wrap .otp-num-edit {
            position: absolute;
            right: 15px;
            top: 0;
            bottom: 0;
            z-index: 1;
            font-family: var(--primaryfont-semibold);
            font-size: 14px;
            line-height: 45px;
            margin: auto;
            color: #03a9f5;
            cursor: pointer;
            display: none;
        }
        .zwc-ph-field-dc-show, .zwc-ph-field-otp-show{
            display: none;
        }
        /* OTP workflow end */
        /* form common style */

        .zwc-common-select-wrap select {
            width: 100%;
            -moz-appearance: none;
            -webkit-appearance: none;
            border: 1px solid #d5d5d5;
            padding: 10px 10px;
            font-size: 13px;
            height: auto;
            border-radius: 0;
            outline: 0;
            background: #fff;
        }

        .zwc-common-select-wrap:after {
            content: "";
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 6px solid #666;
            position: absolute;
            right: 8px;
            top: 19px;
            border-radius: 6px;
            margin: 0 auto;
            margin: auto;
        }

        .zwc-common-select-wrap {
            position: relative;
        }

        .zwc-other-field {
            margin-top: 5px;
            display: none;
        }

        .zgdprform-state-container .globalstatecode,
        .zgdprform-countrylist-container .globalcountrycode {
            border: 1px solid #d5d5d5;
        }

        .signup-box select.error {
            color: #000;
        }

        .signup-box select {
            font-size: 13px;
        }

        .zwc-form-success-msg {
            display: none;
            pointer-events: none;
            z-index: 999999;
            position: fixed;
            top: 85px;
            left: 0;
            right: 0;
            padding: 0 30px;
            animation: bounceIn .8s forwards;
        }

        .zwc-form-success-msg .zwc-form-success-msg-inner {
            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;
        }

        @keyframes bounceIn {

            0%,
            20%,
            40%,
            60%,
            80%,
            100% {
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
            }

            0% {
                opacity: 0;
                transform: scale3d(0.3, 0.3, 0.3)
            }

            20% {
                transform: scale3d(1.1, 1.1, 1.1)
            }

            40% {
                transform: scale3d(0.9, 0.9, 0.9)
            }

            60% {
                opacity: 1;
                transform: scale3d(1.03, 1.03, 1.03)
            }

            80% {
                transform: scale3d(0.97, 0.97, 0.97)
            }

            100% {
                opacity: 1;
                transform: scale3d(1, 1, 1)
            }
        }

        /* form common style end*/
         .sign_agree p {
            font-family: var(--primaryfont-regular);
         }
        @media screen and (max-width:1280px) {
            h1 {
                font-size: 40px;
            }

            body h2 {
                font-size: 34px;
            }

            .demo-content {
                max-width: 400px;
            }
        }

        @media screen and (max-width:1199px) {
            h1 span {
                display: block;
            }
        }

        @media screen and (max-width:1023px) {
            body h2 {
                font-size: 30px;
            }

            section.zs-freedemo-section {
                padding: 30px 0 70px;
            }

            .demo-content {
                margin: 0 auto 50px;
                text-align: center;
            }

            .formimg {
                display: none;
            }

            .rows>div {
                flex: 0 0 100%;
                max-width: 100%;
            }

            .col.col-left {
                padding-right: 0%;
            }
        }

        @media screen and (max-width:767px) {
            h1 {
                font-size: 32px;
                line-height: 1.2;
            }

            p {
                font-size: 15px;
            }

            body h2 {
                font-size: 26px;
            }
        }

        @media screen and (max-width:375px) {
            .zs-free-demo-form {
                padding: 50px 25px;
            }
        }

        /*Arabic starts*/

        .i18n-ar div.zgdprform-state-container::after,
        .i18n-ar div.zgdprform-countrylist-container::after {
            left: 8px;
            right: auto;
        }

        /*Arabic ends*/