*{
    margin: 0;
    padding: 0;
}
.body-wrap{
    background-color: #333333 !important;
    color: #ffffff;
     height: 100vh; 
    overflow: hidden;
}
.user-logged-in .header-logo-wrap{
	/* top: 120px; */
}
div#footer-section {
    display: none !important;
}
.block-zoho-header-links .header-wrap.header-visible {
    display: none !important;
}
.header-logo-wrap {
    /* background-color: #313131; */
    width: 100%;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    /* display: none; */
}
.form-group.aprove-content p {
    line-height: 1.5;
    text-align: left;
    /* margin-left: 10px; */
}
.header-logo-wrap.visibel{
    display: block;
}
.campaign-white-logo {
    width: 100px;
    height: 30px;
    position: absolute;
    left: 5%;
    right: 0;
    bottom: 0;
    top: 30px;
    border: 0;
    z-index: 999;
}
.survey-home-wrap{
    height: 100%;
    overflow: auto;
    /* display: none; */
}
/* .survey-result-section-wrap{
    display: none;
} */
.survey-home-container{
    display: flex;
    background-image: url(https://ocms.zohocorp.com/sites/qntrl/files/qntrl_logo.svg);
    background-size:55%;
    background-repeat: no-repeat;
    background-position: 100% 70%;
  height: 100%;
  width: 80%;
  margin: auto;
}
.survey-content-side-container,.survey-img-side-container{
    flex: 1;
    text-align: center;

}
.survey-content-side-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.survey-img-side-container{
    /* background-color: #ffffff; */
    /* background-image: url(https://ocms.zohocorp.com/sites/qntrl/files/campaign-test-img.png); */
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}
.survey-img-side-container .img-side-wrap{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-footer-btn {
    text-align: right;
    /* padding-right: 50px; */
    width: 60%;
    margin: auto;
}
.survey-img-side-container .img-side-wrap img{
    transform: scale(.7);
}
.form-group.form-title {
    margin-bottom: 30px;
    border: 1px solid #f5cbcb;
    border-radius: 5px;
    background-color: #fdf0f0;
    padding: 15px 10px;
}
.form-group.form-title h3 {
    color: #333;
    font-family: 'Zoho_Puvi_Medium';
    font-size: 20px;
}
.form-group.form-title p {
    color: #333;
    font-size: 14px;
    width: 80%;
    margin: auto;
    line-height: 1.5;
    font-family: Zoho_Puvi_Regular;
}
.survey-content-heading{
    font-size: 54px;
    font-family: Zoho_Puvi_Medium;
    width: 60%;
    /* margin: 200px auto 0; */
    text-align: left;
    line-height: 1.2;
    font-weight: 500;

}
.survey-content-subHeading,.content-description{
    width: 60%;
    margin: auto;
    margin-top: 15px;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 0px;
    /* font-family: 'Zoho_Puvi_Medium'; */
    font-size: 22px;
    font-weight: 500;

}
.img-sec {
    text-align: left;
    width: 60%;
}
.img-sec img {
    width: 110px;
    height: 145px;
    margin-top: 50px;
    margin-right: 20px;
}
.survey-content-subHeading strong{
    color: #ffffff !important;
    /* font-size: 24px; */
}
.content-footer-btn button{
    margin: 0 10px 0 10px;
    background-color: #ff2905;
    border-color: #ff2905 !important;
    color: #FFFFFF !important;
    width: 190px;
    display: inline-block;
    border: 1px solid #000000;
    border-radius: 50px;
    color: #000000;
    padding: 14px 0 14px;
    font-family: Zoho_Puvi_Medium;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.33;
    letter-spacing: -.3px;
    transition: all 0.2s;
    cursor: pointer;
    outline: none;
}
.content-footer-btn button:hover{
    color: #ff2905 !important;
    border-color: #ff2905 !important;
    background-color: unset !important;
}

/* questions section */
.survey-questions-wrap {
    width: 80%;
    background-color: #333333;
    margin: auto;
    color: black;
    display: none;
    position: relative;
    /* align-items: center; */
    height: 100%;
    max-width: 1600px;
}
.survey-questions-box, .survey-result-box{
    position: relative;
    background: #333333;
    height: 100%;
    display: flex;
    align-items: center;
}
.survey-questions-child-box, .survey-result-child-box{
    background: #fff;
    position: relative;
    width: 100%;
}
/* .survey-questions-box{
    position: relative;
    background: #fff;
} */
.survey-questions-container {
    display: flex;
    overflow: hidden;
}
.survey-question-section {
    flex: 0 0 50%;
    padding: 50px;
    box-sizing: border-box;
    display: none;
    height: 650px;
    padding-top: 80px;
}
.survey-question-section.question-visible,.survey-form-section.question-visible{
    display: block !important;
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}
h3.question-heading {
    font-family: Zoho_Puvi_Medium;
    font-size: 18px;
    min-height: 20px;
    font-weight: 600;
    letter-spacing: 1px;
}
.question-subHeading {
    /* font-family: Zoho_Puvi_Thin; */
    color: #333333;
    width: 80%;
    padding: 20px 0px 30px;
    min-height: 50px;
}
.question-subHeading p{
    line-height: 1.3;
}
.survey-question p {
    font-family: Zoho_Puvi_Medium;
    font-size: 22px;
    line-height: 1.3;
}
.survey-question{
    /* margin-bottom: 20px; */
    min-height: 140px;
}
.rating-answer-section {
    display: flex;
    font-size: 16px;
    min-height: 100px;
    align-items: flex-end;
}
.low-ration-answer,.heigh-ration-answer{
    flex: 0 0 50%;
    font-size: 13px !important;
}
.low-ration-answer p,.heigh-ration-answer p{
    font-size: 13px;
    width: 80%;
    line-height: 1.5;
}
.heigh-ration-answer p{
    margin-left: auto;
}
.heigh-ration-answer{
    text-align: right;
}


.rating-bar-wrap{
    padding-top: 20px;
    box-sizing: border-box;
    overflow: visible;
    position: relative;

 }
 .rating-bar{
     /* width: 500px; */
     /* background-color: #333333; */
     height: 15px;
     margin: auto;
     display: flex;
     align-items: center;
     position: relative;
     cursor: pointer;
 }
 .rating-thumb{
     background-color: #ff2905;
     /* padding: 5px; */
     width: 15px;
     height: 15px;
     border-radius: 50%;
     border: 7px #fff solid;
     position: absolute;
     left: calc(50% - 14.5px);
     z-index: 3;
     box-shadow: 1px 1px 5px 0px grey;
 }
 .rated-side{
     background-color: #333333;
     flex: 0 0 50%;
     height: 100%;
 }
 .unrated-side{
     flex: 0 0 50%;
     background-color: lightgray;
     height: 100%;
 }
 .rating-scale{
     display: flex;
     /* width: 500px; */
     margin: auto;
     padding-top: 18px;
     color: #a1a1a5;
 }
 .rating-scale div{
     flex: 1;
 }
 .rating-bar-wrap::before,.rating-bar-wrap::after {
    content: "";
    height: 24px;
    width: 2px;
    background-color: #e4e4e5;
    position: absolute;
    top: 10px;
    z-index: 2;
}
.rating-bar-wrap::before{
    background-color: #333333 !important;
}
.rating-range{
    display: none;
}
.rating-bar-wrap::after {
    right: 0;
}
.survey-footer-btn-section button {
    /* width: 150px; */
    padding: 15px 32px;
    border-radius: 50px;
    outline: none;
    border: 1px solid #ff2905;
    background-color: unset;
    font-family: Zoho_Puvi_Medium;
    font-size: 16px;
    margin: 0 10px;
}
button.previous-questions {
    color: #9e9a99;
    border-color: #9e9a99;
}
button.previous-questions:hover {
    color: #ff2905;
    border-color: #ff2905;
}
button.next-questions ,button.go-to-results{
    color: white;
    background-color: #ff2905;
}
button.next-questions:hover ,.result-footer-btn button:hover,.result-footer-btn a:hover,button.go-to-results:hover,button.go-to-result.button:hover{
    color: #ff2905 !important;
    background-color: unset;
}
.survey-footer-btn-section {
    text-align: right;
    padding-right: 40px;
    margin-bottom: 60px;
    position: absolute;
    bottom: 0%;
    width: 100%;
    box-sizing: border-box;
}
.go-to-results{
    /* display: none; */
}
.go-to-results-section {
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.go-to-results-section.question-visible{
    display: flex ;
}
.go-to-results-container {
    width: 300px;
    padding: 50px;
    border: 1px dashed #ff2905;
    border-radius: 10px;
    background-color: rgba(255,41,5,.05);
}
.go-to-results-container h3 {
    font-size: 22px;
    font-family: 'Zoho_Puvi_Medium';
    line-height: 1.5;
}
button.go-to-result.button {
    color: #fff;
    padding: 15px 32px;
    font-family: 'Zoho_Puvi_Medium';
    border: 1px solid #ff2905;
    border-radius: 59px;
    /* width: 120px; */
    margin-top: 20px;
    float: right;
    background-color: #ff2905;
}
.survey-status-indigator-secton {
    height: 18px;
    background-color: #e5e5e5;
}
.loding-bar{
    width: 0%;
    /* background-color: #ff2905; */
    background-image:url(https://ocms.zohocorp.com/sites/qntrl/files/loading.svg);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

/* survey result section */
.survey-result-section-wrap {
    width: 80%;
    margin:auto;
    background-color: white;
    display: none;
    height: 100%;
}
.survey-result-section-container {
    color: black;
    padding: 100px;
    margin-bottom: 50px;
}
.survery-result-box {
    display: flex;
}
.survery-result-box.result-visible{
    display: flex;
}
.survey-result-content-side {
    flex: 1;
}
p.result-title {
    padding: 20px 0px;
}
h2.result-heading {
    font-size: 40px;
    font-family: Zoho_Puvi_Medium;
    width: 78%;
    margin-bottom: 50px;
    font-weight: 500;
    line-height: 1.3;
}
.result-description {
    width: 70%;
    line-height: 1.5;
}
.result-description p {
    margin-bottom: 30px;
}
@-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
  }
  
  @keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
  }
.result-footer-btn button, .result-footer-btn a {
    border: 1px solid #ff2905;
    border-radius: 50px;
    padding: 15px 32px;
    font-family: Zoho_Puvi_Medium;
    font-size: 16px;
    background-color: #ff2905;
    color: white;
    /* width: 180px; */
    display: inline-block;
    text-align: center;
}
.survey-result-img-side {
    flex: 1;
    /* background-image: url(https://ocms.zohocorp.com/sites/qntrl/files/heigh-rating.png); */
    background-repeat: no-repeat;
}
.result-img-wrap img{
    transform: scale(.8);
}
.survery-result-box-1,.survery-result-box-2,.survery-result-box-3{
    display: none;
}
/* form css*/
html,body{
    margin: 0px;
}
#crmWebToEntityForm.zcwf_lblLeft {
    width:100%;
    padding: 25px;
    margin: 0 auto;
    box-sizing: border-box;
}
#crmWebToEntityForm.zcwf_lblLeft * {
    box-sizing: border-box;
}
#crmWebToEntityForm{text-align: left;}
#crmWebToEntityForm * {
    direction: ltr;
}
.zcwf_lblLeft .zcwf_title {
    word-wrap: break-word;
    padding: 0px 6px 10px;
    font-weight: bold;
}
.zcwf_lblLeft .zcwf_col_fld input[type=text], .zcwf_lblLeft .zcwf_col_fld textarea {
    width: 60%;
    border: 1px solid #ccc !important;
    resize: vertical;
    border-radius: 2px;
    float: left;
}
.zcwf_lblLeft .zcwf_col_lab {
    width: 30%;
    word-break: break-word;
    padding: 0px 6px 0px;
    margin-right: 10px;
    margin-top: 5px;
    float: left;
    min-height: 1px;
}
.zcwf_lblLeft .zcwf_col_fld {
    float: left;
    width: 68%;
    padding: 0px 6px 0px;
    position: relative;
    margin-top: 5px;
}
.zcwf_lblLeft .zcwf_privacy{padding: 6px;}
.zcwf_lblLeft .wfrm_fld_dpNn{display: none;}
.dIB{display: inline-block;}
.zcwf_lblLeft .zcwf_col_fld_slt {
    width: 60%;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
    font-size: 12px;
    float: left;
    resize: vertical;
}
.zcwf_lblLeft .zcwf_row:after, .zcwf_lblLeft .zcwf_col_fld:after {
    content: '';
    display: table;
    clear: both;
}
.zcwf_lblLeft .zcwf_col_help {
    float: left;
    margin-left: 7px;
    font-size: 12px;
    max-width: 35%;
    word-break: break-word;
}
.zcwf_lblLeft .zcwf_help_icon {
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: #fff;
    border: 1px solid #ccc;
    color: #ccc;
    text-align: center;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    border-radius: 50%;
}
.zcwf_lblLeft .zcwf_row {margin: 15px 0px;}
.zcwf_lblLeft .formsubmit {
    margin-right: 5px;
    cursor: pointer;
    color: #333;
    font-size: 12px;
}
.zcwf_lblLeft .zcwf_privacy_txt {
    color: rgb(0, 0, 0);
    font-size: 12px;
    font-family: Arial;
    display: inline-block;
    vertical-align: top;
    color: #333;
    padding-top: 2px;
    margin-left: 6px;
}
.zcwf_lblLeft .zcwf_button {
    font-size: 12px;
    color: #333;
    border: 1px solid #ccc;
    padding: 3px 9px;
    border-radius: 4px;
    cursor: pointer;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zcwf_lblLeft .zcwf_tooltip_over{
    position: relative;
}
.zcwf_lblLeft .zcwf_tooltip_ctn{
    position: absolute;
    background: #dedede;
    padding: 3px 6px;
    top: 3px;
    border-radius: 4px;word-break: break-all;
    min-width: 50px;
    max-width: 150px;
    color: #333;
}
.zcwf_lblLeft .zcwf_ckbox{
    float: left;
}
.zcwf_lblLeft .zcwf_file{
    width: 55%;
    box-sizing: border-box;
    float: left;
}
.clearB:after{
    content:'';
    display: block;
    clear: both;
}
.zcwf_row label,.form-group .label-name{
    display: none;
    /* flex: 1; */
    /* display: flex; */
    /* align-items: center; */
}
.form-group.block-content {
    display: none;
}
.button-group {
    text-align: center;
    /* margin-top: 20px; */
}
.button-group button.button {
    color: #fff;
    background-color: #ff2905;
    font-family: 'Zoho_Puvi_Medium';
    padding: 15px 32px;
    /* width: 120px; */
    font-size: 16px;
    border: 1px solid #ff2905;
    border-radius: 30px;
    outline: none;
}
.button-group button.button:hover {
    color: #ff2905;
    background-color: transparent;
}
.zcwf_row label[for="CASECF110"]{
    display: block !important;
}
span[for="CASECF3"],input[name="CASECF23"],.zgdprform-countrylist-container,.zgdprform-state-container.zhide-common,.zgdprform-state-container{
    display: none !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    background-color: #fff;
}
.survey-form-section {
    /* flex: 1; */
    box-sizing: border-box;
    padding: 50px 50px 30px 50px;
    background: #fff;
    /* height: 530px; */
    width: 60%;
    /* margin: auto; */
    border-radius: 10px;
}
.zcwf_row, .form-group {
    padding: 10px 0px;
    display: flex;
    position: relative;
    color: #5e5d5d;
}
.form-group label.error{
    position: absolute;
    right: 0;
    bottom: -10px;
    color: red;
    font-size: 12px;
}
.form-group input, .zcwf_col_fld input, .zcwf_col_fld select ,.zgdprform-designation-list-container select,.zgdprform-employee-count-container select{
    border: none;
    background: no-repeat;
    font-size: 15px;
    border-bottom: 1px solid #d8d6d6;
    padding-bottom: 10px;
    width: 100%;
    font-family: Zoho_Puvi_Regular;
    color: #5e5d5d;
    outline: none;
    flex: 1.5;
    margin-bottom: 10px;
}
.zgdprform-designation-list-container,.zgdprform-employee-count-container{
    flex: 1.5;
}
.captcha-wrap{
    flex: 1.5;
    display: flex;
    align-items: center;
}
/* .captcha-input input{
    width: 90%;
} */
.captcha-code {
    display: flex;
    align-items: center;
}
.captcha-code img{
    width: 80%;
}
.captcha-code a{
    padding: 8px;
    box-sizing: border-box;
}
.form-group.block-content .sign_agree{
    display: none ;
}
.form-group.block-content .sign_agree:nth-child(2){
    width: 70%;
    margin: 30px auto;
    display: block;
    text-align: center;
    
}
.form-group.block-content .sign_agree:nth-child(2) p{
    text-align: center !important;
    line-height: 1.3;
}
.form-group.block-content .sign_agree:nth-child(2) p a {
    color: #ff2905;
}

.zcwf_col_fld input::placeholder,.form-group input::placeholder{
    color: #5e5d5d;
}
.check_btn_row{
    display: flex;
    flex-direction: row-reverse;
}
.check_btn_row .zcwf_col_lab{
    flex: 1;
    display: flex;
    align-items: center;
    padding-left: 10px;
    font-size: 15px !important;
    font-family: Zoho_Puvi_Regular !important;
}
.check_btn_row .zcwf_col_fld{
    flex: 0;
    display:flex;
}
input#CASECF110{
    width: 20px;
    height: 20px;
}
.captcha_row_container {
    display: flex;
    align-items: center;
}
.zcwf_row.captcha_inpt_row {
    flex: 1;
}
.captcha_inpt_row input {
    width: 200px;
}
.zcwf_row.captcha_img_row {
    display: flex;
    /* flex: 1; */
    text-align: right;
}
.zcwf_row.captcha_img_row .zcwf_col_fld {
    display: flex;
    width: 100%;
    text-align: right;
}
.zcwf_row.captcha_img_row .zcwf_col_fld img {
    width: 180px;
    height: 63px;
    display: inline;
}
.zcwf_row.captcha_img_row .zcwf_col_fld a {
    display: flex;
    align-items: center;
}
.form-group.aprove-content div {
    display: flex;
}
input.demo-req-consent {
    flex: 0 0 20px;
    /* width: 10px; */
    display: block;
    width: 15px;
    height: 15px;
    margin-top: 5px;
    z-index: 1
}
.success-wrap{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #00000030;
    z-index: 99999;
}
.success-inner {
    max-width: 580px;
    width: 90%;
    background: #fff;
    padding: 40px;
    border-radius: 5px;
    box-shadow: 0 0 5px #00000052;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99999;
    transform: translate(-50%, -50%);
}
.success-content {
    text-align: center;
}
.success-content h3 {
    font-size: 20px;
    line-height: 1.5;
    color: #333333;
}
.success-content .button {
    padding: 5px 30px;
    line-height: 30px;
    /* border-radius: 2px; */
    background: #FF2905;
    border-radius: 50px;
    margin: 15px 0 0;
    outline: none;
    border: 1px solid #ff2905;
    color: #fff;
    font-family: Zoho_Puvi_Medium;
    font-variant-caps: titling-caps;
    font-size: 18px;
}
.success-content .button:hover {
    background-color: transparent !important;
    color: #ff2905;
}

@media all and (max-width: 600px) {
    .zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld {
        width: auto;
        float: none !important;
    }
    .zcwf_lblLeft .zcwf_col_help {width: 40%;}
}
#calenDiv{padding:10px;display:table;width:195px;font-family:helvetica,sans-serif!important}.calNav{width:20px;height:15px;display:inline-block;position:relative;top:4px;cursor:pointer}#calenDiv .calNav{width:15px}#calenDiv .yearNavLft{right:10px}#calenDiv .yearNavRgt{left:10px}#calenDiv .dLft{right:5px}#calenDiv .dRgt{left:5px}.dLft{right:10px;opacity:.8}.dRgt{left:10px;opacity:.8}.yearNavLft{right:15px}.yearNavRgt{left:15px;opacity:.6}#calenDiv table.calDay{border-spacing:6px;margin-top:0}#calenDiv table.calDay td{padding:3px 4px;font-size:11px}#calenDiv table.calDay th{font-size:11px;padding:0 0 0 1px;color:#888;width:22px;cursor:default;border-radius:3px;text-align:center;font-weight:400}#calenDiv #weekDays{margin-top:10px;margin-bottom:5px;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;border-spacing:5px;margin-left:0;color:#868686}#calenDiv .sCalMon{cursor:default;display:inline-block;color:#888;width:110px;font-size:12px}table.calDay td:hover{background-color:#e8e8e8}table.calDay{color:#222;margin-left:-10px;border-spacing:12px}table.calDay td,table.calDay th{font-size:1.4rem;cursor:default;border-radius:3px;text-align:center;padding:3px 5px;font-family:helvetica,sans-serif!important}table.calDay td.sel,table.calDay td.sel:hover{color:#fff;background:#b3b3b3;border-radius:3px}table.calDay td.lt-gray,table.calDay td.noNum{color:#d8d8d8}.txt-ctr,.vpvl{text-align:center}#calBtns a,.lyteCalBtns .lyteCalCurrentDate a{color:#338cf0;font-size:14px;text-decoration:none}#calenDiv #calBtns{width:183px;margin-left:10px;border-top:0;font-size:11px;padding:3px 0 12px!important}.arrow{border:solid #666;border-width:0 1px 1px 0;display:inline-block;height:6px;width:6px}#calenDiv .right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}#calenDiv .left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.mLMinus2{margin-left:-2px}.mRMinus2{margin-right:-2px}.vam{vertical-align:middle}.tempCalDiv{display:none;margin:0;position:absolute;z-index:1000;background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 10px rgba(0,0,0,.3);border-top:0;top:20px}
/* form css */
/* media query start */
@media all and (min-width: 2000px) {
    .survey-img-side-container{
        align-items: unset;   
    }
    .survey-home-container{
        max-width: 1700px;
        background-position: 100% 40%;
        margin: auto;
    }
}
@media only screen and (max-width:1800px) and (min-width:1681px) {
    .survey-form-section{
        width: 70%;
    }
    .survey-content-heading{
        font-size: 48px;
    }
    .form-group.form-title p{
        width: 90%;
    }
}
@media all and (max-width: 1680px) {
    .survey-form-section{
        height: 550px;
        padding: 30px;
    }
    .survey-status-indigator-secton{
        height: 15px;
    }
    .survey-content-subHeading, .content-description,.survey-content-heading{
        width: 90%;
    }
    .form-group.form-title p{
        width: 100%;
    }
    .survey-content-heading{
        font-size: 46px;
    }
    
    .survey-home-container{
        width: 70%;
        margin: auto;
        background-size: 65%;
        background-repeat: no-repeat;
        background-position: 110% 70%;
    }
    .survey-content-heading{
        /* margin-top: 150px; */
    }
    .survey-question-section{
        height: 550px;
        padding: 30px 30px 90px;
    }
    .zcwf_row, .form-group{
        padding: 7px 0px;
    }
    .question-subHeading{
        padding: 20px 0px;
        min-height: 40px;
    }
    .survey-questions-child-box, .survey-result-child-box{
        height: 550px;
    }
    .survey-result-section-container{
        padding: 50px;
        margin-bottom: 0px;
    }
    .img-sec{
        width: 90%;
    }
    /* .survey-content-subHeading,.content-description{
        margin-top: 28px;
    } */
    h2.result-heading{
        margin-bottom: 30px;
        font-size: 30px;
    }
    .result-description{
        margin-bottom: 50px;
    }
    .result-img-wrap img{
        transform: scale(1);
    }
    .survey-footer-btn-section{
        margin-bottom: 40px;
    }
    .survey-form-section {
        width: 80%;
    }
}
@media all and (max-width: 1200px) {
    .body-wrap{
        height: unset;
        overflow: unset;
    }
    .img-sec {
        /* text-align: left; */
        width: 90%;
    }
    .survey-home-container{
        flex-direction: column;
        background-position: 45% 10%;
        background-size: 60%;
        background: none;
    }
    .survey-img-side-container, .survey-content-side-container {
        padding-bottom: 100px;
    }
    .go-to-results-section.question-visible {
        margin: 50px 0;
    }
    .survey-img-side-container .img-side-wrap{
        position: relative;
    }
    .header-logo-wrap{
        position: relative;
        display: flex;
        align-items: center;
    }
    .campaign-white-logo{
        position: relative;
        /* top: 0; */
    }
    .survey-content-heading{
        margin-top: 150px;
    }
    .survey-img-side-container {
        padding-bottom: 150px;
    }
    .survey-questions-child-box, .survey-result-child-box{
        height: unset;
      margin-bottom: 50px;
    }
    .survey-questions-wrap{
        margin: 0 auto;
        height: calc(100vh - 80px);
    }
    .survey-questions-container{
        flex-direction: column;
        overflow: auto;
    }
    .survey-question-section{
        border-bottom: 1px solid gray;
        padding: 50px;
    }
    .survey-footer-btn-section{
        position: relative;
        top: -2px;
        background-color: white;
        margin-top: 50px;
    }
    .survey-form-section{
        padding: 50px;
        margin: auto;
    }
    .survey-result-section-wrap{
        margin: 0 auto;
        height: calc(100vh - 80px);
    }
    .survery-result-box.result-visible{
        flex-direction: column-reverse;
    }
    .survey-question{
        min-height: 100px;
    }
    .survey-question p{
        font-size: 20px;
    }
    .zcwf_row, .form-group{
        font-size: 14px;
        
    }
    
}
@media screen and (max-width: 999px) {
    .go-to-results-section.question-visible{
        margin: 30px 0px;
    }
    .survey-content-heading {
        margin-top: 100px;
    }
}
@media all and (max-width: 768px) {
    .survey-questions-wrap{
        height: 100%;
    }
}
@media all and (min-width: 767px) and (max-height:440){
    .survey-questions-wrap,.survey-result-section-wrap{
        height: 100%;
    }
}
@media all and (max-width: 767px) {
    .survey-question-section{
        padding: 20px;
    }
    .survey-form-section{
        padding: 20px;
        height: auto !important;
        width: 70%;
    }
    .survey-home-container {
        width: 85%;
    }
    .campaign-white-logo{
        width: 100px;
    }
    .survey-content-heading{
        font-size: 30px;
        margin: 50px auto 0;
    }
    .survey-content-subHeading, .content-description{
        font-size: 14px;
        margin: 30px auto;
        margin-bottom: 0px;
    }
    .survey-content-side-container{
        padding-bottom: 100px;
        
    }
    .question-subHeading{

    min-height: 20px;
    padding: 20px 0px;
    }
    .question-subHeading p{
        font-size: 12px;
    }
    .survey-question p {
        font-size: 15px;
    }
    .low-ration-answer p, .heigh-ration-answer p{
        font-size: 10px;
    }
    .survey-footer-btn-section{
        padding-right: 0px;
    }
    .survey-footer-btn-section button{
        width: 120px;
        font-size: 14px;
    }
    .zcwf_row, .form-group{
        font-size: 12px;
        padding: 5px 0px;
    }
    .form-group input, .zcwf_col_fld input, .zcwf_col_fld select ,.zgdprform-designation-list-container select,.zgdprform-employee-count-container select{
        font-size: 12px;
    }
    .form-group.block-content .sign_agree:nth-child(2) p{
        font-size: 10px !important;
    }
    .survey-footer-btn-section{
        margin: 20px 0px;
    }
    .survey-result-section-wrap{
        height: 100%;
    }
    .survey-result-section-container{
        padding: 20px;
    }
    h2.result-heading{
        font-size: 24px;
    }
    .result-description{
        width: 90%;
    }
    .result-description p{
        font-size: 12px;
        margin-bottom: 20px;
    }
    .result-footer-btn button, .result-footer-btn a{
        font-size: 12px;
        padding: 10px;
    }
    button.button {
        font-size: 13px !important;
    }
    .form-group.aprove-content p {
        line-height: 1.5;
        font-size: 13px;
    }
    
}
@media screen and (max-width:480px) {
    .survey-form-section{
        width: 95%;
    }
    .go-to-results-container{
        width: 190px;
        padding: 30px;
    }
    /* .img-sec img{
        width: 120px;
    } */
}


/* media query end */