/*Other lang starts*/
.other-lang .crm-hub-ctasec {
    display: none;
}
/*Other lang ends*/
/*Arabic starts*/
.i18n-ar .footer_container h2, .i18n-ar .bot-banner-wrap .footer_container {
    text-align: center;
}
.i18n-ar .btm-cta-inner .crm-hub-plansbtn {
    margin-right: 20px;
    margin-left: unset;
}
@media only screen and (max-width: 768px)
{
.i18n-ar .row .zcrm_benefits li:first-child {
    border-left: none;
    border-right: unset;
}
.i18n-ar .row .zcrm_benefits li {
    display: block;
    float: none;
}
}
/*Arabic ends*/
div.zgdprform-state-container .globalstatecode {
    width: 103%!important;
    padding: 0 25px 0 5px!important;
    margin: 0!important;
    background: unset!important;
    border: 1px solid #e4e4e4!important;
    font-size: 14px!important;
    height: 35px!important;
    box-sizing: border-box!important;
    border-radius: 0!important
    }
.bottom-promo{display:none;}
.header{display:none}
#form-state{width: 102.5%;padding: 0 25px 0 5px !important;
    margin: 0 !important;
    background: unset !important;
    border: 1px solid #e4e4e4 !important;
    font-size: 14px !important;
    height: 35px !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    outline: none !important;}
#state_con {
    margin: 10px 0;
}
.sign_agree p{display:block !important}
.zgh-accounts {
    visibility: hidden;
}
.loggedout, .loggedin {
    background: #fff !important;
    color: #fff !important;
    display: none !important;
}
.scs-pop-inr.animate {
	animation: bounceIn 0.8s forwards;
	-webiki-animation: bounceIn 0.8s forwards;
}
 @keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
40% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
80% {
 -webkit-transform: scale3d(.97, .97, .97);
 transform: scale3d(.97, .97, .97);
}
100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.sign_agree p {
    display: block !important;
}
.gatner-cnt {
    width: 94%;
    max-width: 800px;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    margin: 75px auto 40px;
    position: relative;
}
 .footer_container{
        max-width: 800px;
        margin: 0 auto 80px;
        text-align: center;   
    }
.footer_container h2{
    font-size: 40px;
    line-height: 48px;
    font-family: var(--zf-primary-bold);
}
.gatner-cnt img {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
}
.gat-tx {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 30px;
    width: 75%
}
.gat-tx p {
    font:400 20px/1.6 'Roboto Slab';
    margin:0;    
}
.gatner-cnt span{ position:absolute;bottom:10%;right:5%;color: #111; font-size: 13px; font-family: var(--zf-primary-semibold); }
.zcrm_benefits {
    width: 90%;
    list-style-type: none;
    padding: 20px 0 25px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
}
.zcrm_benefits li:first-child {
    border-right: 1px solid #dadada;
}
.zcrm_benefits li {
    width: 50%;
    float: left;
    padding: 0;
    margin-right: 0;
    box-sizing:border-box;
}
.zcrm_benefits span {
    font: 34px/1.2 'Roboto', sans-serif;
    padding: 0px 0px 15px;
    display: inline-block;
}
.zcrm_benefits p {
    font-family: 'Roboto', sans-serif;
    margin: 5px auto;
}
.zcrm_benefits:after {
    display: block;
    content: '';
    clear: both;
}
@media only screen and (max-width: 1024px) {
.zcrm_benefits {
    width: 100%;
}
.gatner-cnt {padding: 30px;}
.gat-tx {
    text-align: center;
    margin: 30px auto;
    width: 90%;
}
.gatner-cnt span {bottom: 6%;}
}
@media only screen and (max-width: 992px) {
.footer_container{width:85%;}
.footer_container h2 {
    font-size: 36px;
    line-height: 44px;
}
}
@media only screen and (max-width: 768px) {
.footer_container{margin-bottom:60px;}
.footer_container h2 {
    font-size: 28px;
    line-height: 36px;
}
.gat-tx p{ font-size: 16px; line-height: 26px;}
.gatner-cnt img{width:auto; display:block; margin: 0 auto;}
.gatner-cnt{width:90%}
.zcrm_benefits {
    padding:30px 0 0;
}
.zcrm_benefits li {
    width: 80%;
    float: none;
    display: inline-block;
    padding: 0;
    margin: 0 auto 30px;
}
.zcrm_benefits li:last-child {
    margin: 0 auto 10px;
}
.zcrm_benefits li:first-child {
    border-right: none;
}
.zcrm_benefits p {
    margin:10px auto 0;
}
.zcrm_benefits span {
    font: 28px/1.2 'Roboto', sans-serif;
    padding: 0px 0px 5px;
}}
.lang-ar .zcrm_benefits li {
    text-align: center;
    float: right;
}
.lang-ar .zcrm_benefits li:first-child {
    border-left: 1px solid #dadada;
border-right: unset;
}
.contact_fixed {
    position: fixed;
    top: 40%;
    transform: translateY(-40%) rotate(270deg);
    right: -66px;
    z-index: 2;
    cursor: pointer;
}
.contanct_but_fix {
    display: inline-block;
    font: 18px/28px var(--zf-primary-semibold);
    text-decoration: none;
    background: #f0483e;
    padding: 6px 20px;
    color: #fff;
    letter-spacing: 2px;
    transform: translateY(130%);
    -webkit-transform: translateY(130%);
    box-shadow: 0px 0px 43px 0px rgba(69, 98, 127, 0.35);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.contanct_but_fix.show_btn {
    transform: translateY(0)!important;
    -webkit-transform: translateY(0)!important;
}
.active_freaze {
        display: block !important;
}

.freeze_layer {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 4;
    display: none;
}
.formSec.active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  z-index: 9999999999999;
opacity:1;
}
.features-item .image-part>div:before {
        height: 0 !important;
    }
.formSec {
    width: 100%;
    overflow: auto;
    max-width: 412px;
    position: fixed;
    transform: translateX(120%);
    -webkit-transform: translateX(120%);
    right: 0;
    top: 0;
    z-index: 0;
    -webkit-box-shadow: -7px 0px 28px 0px rgba(0, 0,0, 0.46);
    -moz-box-shadow: -7px 0px 28px 0px rgba(0, 0,0, 0.46);
    box-shadow: -7px 0px 28px 0px rgba(0, 0,0, 0.46);
    height: 100%;
    background: #fff;
    opacity:0;
}
.formInner {
    border-left: 1px solid #ddd;
    padding: 35px 55px 45px 44px;
    background: #fff;
    box-sizing: border-box;
    height: 100%;
    text-align: left;
}
.form-close {
    background: url(/sites/default/files/crm/sprite-icons4.svg) -576px -16px;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.sec-hdr-form {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 7px;
    font-family: var(--zf-primary-bold);
}

.section8-conatiner p {
    font-size: 36px;
    font-family: var(--zf-primary-regular);
    color: #000;
    margin-top: 6px;
    line-height: normal;
    text-align: center;
}
.formInner p {
    color: #333;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
}

.form_exp {
    margin-bottom: 20px;
}
.formInner input[type="text"] {
    border: 1px solid #d4d4d4;
    font-size: 14px;
    height: 32px;
    max-width: 330px;
    padding-left: 8px;
    width: 100%;
}
.input_combain {
    position: relative;
    margin-bottom: 25px;
}
.input_active {
    position: absolute;
    left: 10px;
    top: 5px;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    color: #b5b5b5;
    font: 16px/26pxvar(--zf-primary-regular);
    pointer-events: none;
}
.formInner textarea {
    border: 1px solid #d4d4d4;
    font-size: 14px;
    padding: 5px 8px;
    height: 50px;
    width: 97%;
    max-width: 322px;
    resize: none;
}
.zgdprform-countrylist-container select.globalcountrycode {
    width: 100% !important;
    padding: 0 25px 0 5px !important;
    margin: 0 !important;
    background: unset !important;
    border: 1px solid #e4e4e4 !important;
    font-size: 14px !important;
    height: 35px !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
}
.formInner .zgdprform-countrylist-container select.globalcountrycode {
    width: 103% !important;
    outline: none !important;
}
#imgid {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}
img {
    max-width: 100%;
}
.reload-img {
    display: inline-block;
    cursor: pointer;
    color: #1ea9f0;
    font-size: 16px;
    vertical-align: top;
    text-decoration: none;
    outline: none;
    margin: 40px 0 0 30px;
}
.subit_combain {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    width: 110%;
    background: #fff;
    padding-bottom: 10px;
    padding: 8px 0 20px 0;
}
div.zgdprform-opt-container, p.zgdprform-opt-container {
    clear: both;
    text-align: left;
    padding-left: 18px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.3;
    position: relative;
    margin-bottom: 15px;
}
.zgdprform-opt-container input.chk_bx {
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
}
.sign_agree {
    color: #000;
    font-size: 12px;
    line-height: 20px;
    margin-top: 0;
    padding-bottom: 10px;
    width: 95%;
    text-align: left;
    font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;
}
.submit-btn {
    background: #f0483e;
    border: 1px solid #f0483e;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    font-family: var(--zf-primary-semibold);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: unset;
}
.success-alert {
    display: none;
    margin: 0px auto 0;
    height: 42px;
    position: fixed;
    z-index: 999999;
    width: 100%;
    left: 0;
    top: 0;
}
.scs-pop-inr {
    padding: 12px 20px;
    position: relative;
    max-width: 460px;
    margin: 0 auto;
    background: #40BD60;
    width: 100%;
    opacity: 0;
}
.success-alert .scs-txt {
    font-size: 14px;
    display: block;
    text-align: center;
    font-family: var(--zf-primary-regular);
    color: #fff;
}
.success-alert .close-icn {
    font-size: 13px;
    cursor: pointer;
    color: #fff;
    font-family: var(--zf-primary-regular);
    position: absolute;
    top: 5px;
    right: 12px;
}
.form_exp {
    margin-bottom: 20px;
}
.input_toggle {
    transform: translateY(-28px);
    -webkit-transform: translateY(-28px);
    color: #000;
    font-size: 12px;
}
.form_warning {
    margin-top: 0 !important;
    color: red !important;
}
.formInner select {
    border: 1px solid #e2e2e2;
    font-size: 14px;
    height: 30px;
    max-width: 340px;
    width: 102.5%; 
     background:none;
}
.zgdprform-countrylist-container select.globalcountrycode {
    width: 100% !important;
    padding: 0 25px 0 5px !important;
    margin: 0 !important;
    background: unset !important;
    border: 1px solid #e4e4e4 !important;
    font-size: 14px !important;
    height: 35px !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
}   
 .formInner .zgdprform-countrylist-container select.globalcountrycode {
    width: 103% !important;
    outline: none !important;
}   
.hide {
    display: none;
}
.contact_but {
    padding: 6px 30px;
    color: #fff;
    text-decoration: none;
    background: #f0483e;
    font: 18px/28px var(--zf-primary-semibold);
    display: inline-block;
    cursor: pointer;
    margin-top: 25px;
}
@media only screen and (max-width: 520px)
.scs-pop-inr {
    max-width: 260px;
}
.i18n-ar .gat-tx p {
    text-align: right;
    margin-right: 30px;
}
.i18n-ar .gatner-cnt span{
    left: 5%;
    right: unset;
}