body {
    margin: 0;
    padding: 0; 
    font-family: 'Manrope', sans-serif;
    box-sizing: border-box;
}

.hide{
display: none !important;
}

.center_content {   
    width: 100%;
    margin: auto;
    /*height: 100vh;*/
    margin-top: 50px;
    justify-content: center;
}

.center_container {
    max-width: 100%;
    height: 570px;
    background-image: url('images/start_bg.png');
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: top;
    margin: auto;
    width: 100%;
    margin-bottom: 40px;
}



.start_cotent {
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
height: auto;
align-items: center;
min-height: 550px;
}

.start_cotent .start_img{
    width: 160px;
    margin-top: 29px;
    right: 24%;
    position: absolute;
    top: 0;
}

.start_cotent .start_vector{
    width: 160px;
    left: 19%;
    position: absolute;
    top: 10px;
    opacity: 0.5;
}

.start_btn{
    width: 220px;
    height: 54px;
    padding: 15px 26px 15px 26px;
    border-radius: 16px 0 16px 0px;
    background-color: #00BED6;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    font-family: Manrope;
    margin: 1.5rem 0;
    cursor: pointer;
    z-index: 11;
    box-sizing: border-box;
    }
    .start_txt{
        color:#fff;
        font-weight: 300;
        font-size: 24px;
        line-height: 36px;
    }
    .start_txtbold{
        color:#fff;
        font-weight: 900;
        font-size:40px;
        line-height: 55px;
    }
 .submit_btn {
width: 154px;
height: 54px;
padding: 15px 26px 15px 26px;
border-radius: 16px 0 16px 0px;
background-color: #00BED6;
color: #fff;
text-align: center;
font-size: 18px;
font-weight: 600;
font-family: Manrope;
margin: 3rem 0;
cursor: pointer;
z-index: 11;
box-sizing: border-box;
}
.start_back:hover{

    color: #fff;
}

.start_back {
    position: absolute;
    left: 50px;
    top: 30px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.tab_container {
    max-width: 782px;
    padding: 15px;
    height: auto;
    margin: 0 auto;
    width: 100%;
    transition:5s ease-in all;
}

.next_btn, .submit {
    width: 154px !important;
    height: 54px !important;
    
}
.tab_cotent {
position: relative;
display: flex;
flex-direction: column;
height: auto;
align-items: center;
border: 1px solid #ccc;
border-radius: 20px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 12px;
height: 540px;
}


.back_btn {
    position: absolute;
    left: 28px;
    top: 20px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    z-index: 11;
    border: 0;
    color: #000 !important;
    background: none !important;
    padding: 0px !important;
}

.down {
position: absolute;
left: 50px;
top: 160px;
width: 18px;
}


.upper {
position: absolute;
right: 50px;
top: 60px;
width: 18px;
}

.dotted {
position: absolute;
bottom: 50px;
left: 50px;
width: 100px;
}


.dotted_right {
    position: absolute;
    top: 160px;
    right: 20px;
    width: 100px;
}

.inputimage_right {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 290px;
}
.question_set input{
    color:#000;
}

.question_set input:focus{
    color:#000;
}

.question_container {
margin: 60px auto 0px;
width: 80%;
height: auto;
position: relative;
}


.question_set{
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
z-index: 11;
}

.ques {
font-size: 20px;
font-weight: 700;
text-align: center;
color: #4D008C;
margin-bottom: 15px;
line-height: 25px;
}
.que-para{ color: #000; margin: 0px !important; font-size: 16px !important; line-height: 20px; }
.question_set p {
text-align: center;
width:100%;
font-size: 18px;
margin-bottom: 30px;
font-family: 'Manrope';
font-weight: 600;
}

.name_tag{
color: #8A1A9B;
font-weight: 700;
font-size: 22px;
margin-bottom: 15px;
}

/*.question_set ul li label {
background-color: #F1F1F1;
padding: 7px 15px;
border-radius: 60px;
font-size: 14px;
color: #000;
text-align: center;    
cursor: pointer;
z-index: 11;
list-style: none;
 margin: 0px 0px 15px;

}*/
.question_set ul li label {
    background-color: #F1F1F1;
    padding: 7px 15px 7px 15px;
    border-radius: 60px;
    font-size: 0.75rem;
    color: #000;
    text-align: center;
    margin-bottom: 0px;
    cursor: pointer;
    z-index: 11;
    list-style: none;
    line-height: 18px;
    margin: 0 10px 10px;
    /*max-width: 285px;*/
    border: 2px solid #F1F1F1;
    display: block;
  }

  .question_set .moreoptions li label {
  
      background-color: #F1F1F1;
  
      padding: 7px 15px 7px 15px;
  
      border-radius: 60px;
  
      font-size: 0.75rem;
  
      color: #000;
  
      text-align: center;
  
      margin-bottom: 0px;
  
      cursor: pointer;
  
      z-index: 11;
  
      list-style: none;
  
      line-height: 18px;
  
      margin: 0 10px 10px;
  
      max-width: 370px;
  
      border: 2px solid #F1F1F1;
  
  }
label, legend {
display: block;
margin-bottom: 5px;
font-weight: 500;
}

.question_set ul li{
list-style: none;
position: relative;
}

.question_set ul li input[type="checkbox"] {
position: absolute;
top: 8px;
left: 8px;
}
.dnone{
    display: none!important;
}

/* .question_set ul li label {
  background-color: #F1F1F1;
    padding: 7px 15px 7px 26px;
    border-radius: 60px;
    font-size: 0.75rem;
    color: #000;
    text-align: center;
    margin-bottom: 0px;
    cursor: pointer;
    z-index: 11;
    list-style: none;
    line-height: 18px;
    margin: 0 0px 10px;
    max-width: 285px;
    border: 2px solid #F1F1F1;
} */

.flex_list{
display: flex;
justify-content: space-around;
width: 100%;
}

.flex_list li {
background-color: #F1F1F1;
padding: 7px 26px;
border-radius: 60px;
font-size: 14px !important;
color: #000;
text-align: center;
width: 215px;
}


.flex_list2 li{
width: 155px;
}

.flex_list3 li{
width: 450px;
}

.flex_list4 li{
width: 285px;
}

.flex_list5 li{
width: 155px;
}

.flex_list6 li{
width:215px;
}

.flex_list7 li{
width: 315px;
}

.flex_list.w-auto2 li {
width: 215px;
line-height: 18px;
padding: 7px 10px;
}

.flex_list.w-auto3 li {
width: 270px;
line-height: 18px;
}

.flex_list.w-auto4 li {
width: 370px;   
}


.ques_bottom {
text-align: center;
position: relative;
z-index: 11;
}

.ques_bottom img{
width: 45px;
}

.ques_bottom p {
font-size: 18px;
color: #8A1A9B;
font-weight: 700;
margin-bottom: 0.5rem;
}

.survey_section {
margin: 0;
width: 100%;
height: auto; 
/* margin-top: 10%;   */
}

.survey_ques {
font-size: 25px;
font-weight: 700;
color: #8A1A9B;
width: 100%;
text-align: center;
margin: 15px 0 15px;
}

.section_container {
display: flex;
justify-content: space-around;
flex-flow: wrap;
}

.section_content {
border: 1px solid #4D008C;
width: 385px;
height: 397px;
margin: 0 10px 15px;
}

.section_title {
background-color: #4D008C;
color: #fff;
text-align: center;
width: 100%;
line-height: 62px;
height: 62px;
float: left;
font-size: 22px;
font-weight: 800;
}

.section_inner {
position: relative;
height: calc(100% - 62px);
padding: 15px;
float: left;
box-sizing: border-box;
width: 100%;
}

.section_inner img{
position: absolute;
right: 0px;
bottom: 0px;
max-width: 230px;
}

.para {
margin: 0 0 15px 47px;
font-size: 18px;
}

.section_inner p {
font-size: 18px;
text-align: center;
}

.question_set ul li label:hover{
/*	border:1px solid #cc9ff1;*/

}

.question_set ul li label.dborder{
border:2px solid #cc9ff1;

}


.popup_container {
    width: 100%;
    position: relative;
    max-width: 840px;
    margin: 0 auto;
    transition:5s ease-in all;
   /* height: 620px;*/
}


.popblock {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    position: relative;
    max-width: 840px;
    transition:5s ease-in all;
}

/*.popblock img{
max-width: 100%;
}*/

.popup_content{
position: relative;
width: 100%;
height: 100%;
}

.popup_close {
position: absolute;
right: calc(100% - 91%);
top: 60px;
width: 40px;
cursor: pointer;
z-index: 11;
}

.popup_close img{
max-width: 100%;
}

.popup_centerarea{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
flex-direction: column;
}

.popup_center_image {
    width: 100px;
    margin-bottom: 10px;
    height: 100px;
    object-fit: contain;
}

.popup_center_image img {
    max-width: 100%;
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.popup_center_text{
width: 500px;
text-align: center;
color: #fff;
font-size: 18px;
}

.popup_bottom {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
position: absolute;
bottom: 50px;    
flex-direction: column;
}

.popup_bottom_text{
width: 500px;
text-align: center;
color: #fff;
font-size: 18px;
margin-bottom: 10px;
}

.popup_bottom_img{
width: 35px;
margin-bottom: 10px; 
}

.popup_bottom_img img{ max-width: 100%; }

.popupbg{
background-image: url('images/popup_bg2.png');
 margin: 0 auto;
 height: 570px;
background-size: contain;
width: 100%;
}

.popupbg2{
background-image: url('images/popup_bg.png');
 margin: 0 auto;
 height: 570px;
        background-size: contain;
        width: 100%;
}

.popupbg3{
background-image: url('images/popup_bg3.png');
 margin: 0 auto;
 height: 570px;
        background-size: contain;
        width: 100%;
}

.popupbg4{
background-image: url('images/popup_bg4.png');
 margin: 0 auto;
 height: 570px;
        background-size: contain;
        width: 100%;
}

.popupbg5{
background-image: url('images/popup_bg5.png');
 margin: 0 auto;
 height: 570px;
        background-size: contain;
        width: 100%;
}

.popupbg6{
background-image: url('images/popup_bg6.png');
 margin: 0 auto;
 height: 570px;
        background-size: contain;
        width: 100%;
}

.popupbg7{
background-image: url('images/que7-background.png');
 margin: 0 auto;
 height: 570px;
        background-size: contain;
        width: 100%;
}

.popupbg8{
background-image: url('images/popup_bg7.png');
 margin: 0 auto;
 height: 570px;
        background-size: contain;
        width: 100%;
}
.popupbg9{
    background-image: url('images/popup_bg8.png');
     margin: 0 auto;
     height: 570px;
            background-size: contain;
            width: 100%;
    }

.bottom_div {
    position: relative;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

ul#Ans{
padding: 0;
margin-bottom: 5px;
}

ul#Ans.moreoptions {
    position: relative;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    /* justify-content: space-evenly; */
    margin: 0.5rem 0;
    padding: 0px;
}

.question_set ul li label.moreoptions {
background-color: #F1F1F1;
padding: 7px 15px;
border-radius: 60px;
font-size: 14px;
color: #000;
text-align: center;
margin-bottom: 17px;
cursor: pointer;
z-index: 11;
list-style: none;
max-width: 335px;
line-height: 18px;
/* margin: 0 21px 15px;*/
margin: 0px 0px 15px;
}


.question_set ul li label.moreoptions:hover{
background-color: #cc9ff1;
}


.question_set ul li label.moreoptions.dborder{
background-color: #cc9ff1;
}

.ptag{
color: #000;
font-size: 14px;
line-height: 19px;
text-align: center;
font-weight: 400;
margin: 10px 0 0 0;
}

.infovalue {
background: #F1F1F1 !important;
border-radius: 20px !important;
border: none !important;
padding: 10px;
width: 300px!important;
}

.infovalue:hover{
background-color: #cc9ff1;
}

.ques_click{
cursor: pointer;
}

.pagecount {
    width: 100%;
    max-width: 752px;
    margin: 0 auto;
}
.pagecounts {
    width: 100%;
    max-width: 752px;
    margin: 0 auto;
}

p.pagenum {
position: relative;
display: inline-block;
}
p.pagenums {
position: relative;
display: inline-block;
}


.survey_btm {
    display: flex;
    justify-content: space-between;
    margin: 5px 10px;
    align-items: center;
}

.survey_btm_text{
    font-size: 14px;
}

.book_demo {
    width: 130px;
    height: 30px;
    padding: 5px 15px 5px 15px !important;
    border-radius: 15px 0 15px 0px !important;
    color: #4D008C !important;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    font-family: Manrope;
    margin: 0 10px 0.5rem;
    cursor: pointer;
    border: 1px solid #4D008C !important;
    z-index: 11;
    line-height: 30px;
    background-color: #fff !important;
}

.text_color1{
color: #4D008C;
font-size: 24px;
}

.text_color2{
color: #8A1A9B;
 font-size: 22px;
} 

.footer_top{
    position: relative;
    width: 100%;        
    margin:0;
    display: flex;
}

.footer_bgcolor{
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, #00BED6 0%, #8A1A9B 75%, #8A1A9B 100%);
    padding: 40px 0;
}


.footer_content {
    margin: 0 auto;
    max-width: 1240px;
    width: 100%;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-flow: column;
    padding: 0 20px;
}

.footer_content p{      
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    margin: 0 0 10px 0px;
    line-height: 50px;
        letter-spacing: 0;
}


.Talk_btn {
    width: 240px;
    height: 45px;
    padding: 10px;
    border-radius: 16px 0 !important;
    background-color: #00bed6 !important;
    color: #fff !important;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    font-family: Manrope;
    margin: 0;
    cursor: pointer;
    z-index: 11;
    box-sizing: border-box;
    border: none !important;
}

#errormesg{
    color:red;
}

@media screen and (max-width: 1400px) {
    .popupbg2 {
         height: 570px;
        /*background-size: contain;*/
        width: 100%;
        /*background-image: url('images/bg485.png');*/
    }
    /*.center_container {
        background-image: url('images/rectangle485.png');
    }*/
    .popupbg {
         height: 570px;
        background-size: contain;
        width: 100%;
        /*background-image: url('images/popupbg-485.png');*/
    }
    .popupbg3 {
         height: 570px;
        background-size: contain;
        width: 100%;
        /*background-image: url('images/popupbg3-485.png');*/
    }
    .popupbg4 {
         height: 570px;
        background-size: contain;
        width: 100%;
        /*background-image: url('images/popupbg4-485.png');*/
    }
    .popupbg5 {
        height: 570px;
        background-size: contain;
        width: 100%;
        /*background-image: url('images/popupbg5-485.png');*/
    }
    .popupbg6 {
         height: 570px;
        background-size: contain;
        width: 100%;
        /*background-image: url('images/popupbg6-485.png');*/
    }
    .popupbg7 {
         height: 570px;
        background-size: contain;
        width: 100%;
        /*background-image: url('images/popupbg7-485.png');*/
    }
    .popupbg8 {
         height: 570px;
        background-size: contain;
        width: 100%;
        /*background-image: url('images/popupbg8-485.png');*/
    }
    .popupbg9 {
        height: 570px;
       background-size: contain;
       width: 100%;
       /*background-image: url('images/popupbg8-485.png');*/
   }
    .tab_cotent {

        height: 540px;
    }
}

@media screen and (max-width: 800px) {
    .popup_close {
        position: absolute;
        right: calc(100% - 95%);
        top: 45px;
        width: 40px;
        cursor: pointer;
        z-index: 11;
    }
}

@media screen and (max-width: 768px) {
        .center_container {
            width: 100%;
            height: 100vh;
            background-image: url('images/start_bg.png');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            position: relative;
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;        
        }
        
        .pagecount{
            padding-left: 15px;
        }

        .start_cotent img{
            width: 200px;
        }
        .start_txt{
            font-size: 20px;
        }
        .start_txtbold{
            font-size: 30px;
        }
        .start_cotent .start_vector {
            left: -30%;
            top: -30%;
            width: 100px;
        }
        .submit_btn {
            width: 134px;
            height: 44px;
            padding: 10px 26px 10px 26px;
            
        }
        .tab_container{
            height: auto;
        }
        .bottom_div{
            position: relative;
        }
        .footer_top {   
            margin: 20px 0 0 0;
        }

        .tab_cotent {
                position: relative;
                display: flex;
                flex-direction: column;
                height: auto !important;
                align-items: center;
                border: 1px solid #ccc;
                border-radius: 20px;
                box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 12px;
            }

            ul#Ans {
                padding: 0;
                margin-bottom: 35px;
            }
            ul#Ans.moreoptions{
                margin-bottom: 30px;
            }
            .bottom_div {
                position: relative;
                float: left;
                margin: 10px 0;
            }
            .popup_container{
                padding: 0 15px;
            }
             .popblock {
                background-size: auto 100%; /* Maintain 100% height */
            }

            .popup_center_text {
                width: 370px;
                text-align: center;
                color: #fff;
                font-size: 18px;
            }

            .ques {
            font-size: 16px;    
            line-height: 24px;
            }

            .survey_btm {
                display: flex;
                justify-content: center;
                margin: 5px 10px;
                align-items: center;
                flex-wrap: wrap-reverse;
            }

            .survey_btm_text{ margin-bottom: 10px;}

            .footer_content{
                padding: 0 20px;
            }

}



@media screen and (max-width: 767px) {
     .center_content{
        margin-top: 10px;
        height: auto;
        margin-top: 0px;
    } 
    .survey_section{
        margin-top: 0px;
    }

}

@media screen and (max-width: 650px) {
    .ques{ width: 85%;  
    }
    .back_btn{
        left: 30px;
    }
}

@media screen and (max-width: 620px) {
    .ans_list { 
            display: block;
     }
     ul#Ans.moreoptions{
        display: block;
     }
     .infovalue{
        width: 100%;
     }
     label{
        display: block !important;
     }
}

@media screen and (max-width: 500px) {
.upper {       
    right: 30px;
     top: 60px;       
}

.down {       
    left: 30px;
    top: 150px;       
}
}
@media screen and (max-width: 375px) {
    .start_cotent .start_vector {
        left: -25%;
        top: -20%;
        width: 100px;
    }

}
@media screen and (max-width: 460px) {
ul#Ans.moreoptions{
width: 85%;
}
ul#Ans{ width: 85%; }

.footer_top {
position: relative;
width: 100%;
margin: 20px 0 0 0;
}
.footer_content{width: 90%; padding: 0 20px;}

}

@media screen and (min-device-width: 1681px) and (max-device-width: 1920px) {
    .popup_container{
        height: 570px !important;
    } 
    .bottom_div{
        bottom: 0px;
    }
}

@media screen and (min-device-width: 1401px) and (max-device-width: 1680px) { 
    .popupbg2 {
        height: 570px;
        background-size: contain;
        width: 100%;
        margin: 0 auto;
        /*background-image: url('images/bg560.png');*/
    }
    .bottom_div{
        bottom: 0px;
    }
    /*.center_container {
        background-image: url('images/rectangle560.png');
    }*/
    .popupbg {
         height: 570px;
        background-size: contain;
        width: 100%;
        /*background-image: url('images/popupbg-560.png');*/
    }
    .popupbg3 {
        height: 570px;
        background-size: contain;
        width: 100%;
        /*background-image: url('images/popupbg3-560.png');*/
    }
    .popupbg4 {
         height: 570px;
        background-size: contain;
        width: 100%;
        /*background-image: url('images/popupbg4-560.png');*/
    }
    .popupbg5 {
        height: 570px;
        background-size: contain;
        width: 100%;
        /*background-image: url('images/popupbg5-560.png');*/
    }
    .popupbg6 {
         height: 570px;
        background-size: contain;
        width: 100%;
        /*background-image: url('images/popupbg6-560.png');*/
    }
    .popupbg7 {
         height: 570px;
        background-size: contain;
        width: 100%;
        /*background-image: url('images/popupbg7-560.png');*/
    }
    .popupbg8 {
         height: 570px;
        background-size: contain;
        width: 100%;
        /*background-image: url('images/popupbg8-560.png');*/
    }
    .popupbg9 {
        height: 570px;
       background-size: contain;
       width: 100%;
       /*background-image: url('images/popupbg8-560.png');*/
   }
}

@media screen and (min-width: 1200px) {
    .start_cotent {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: auto;
    align-items: center;
    min-height: 550px;
}
.popup_container{
    height: auto;
}
}
@media screen and (max-width: 410px) {
.upper {       
    right: 15px;
     top: 60px;       
}

.down {       
    left: 15px;
    top: 150px;       
}

.popup_center_text{
   font-size: 14px;
   width: 340px;
}
.popup_center_image {
    width: 60px;
    margin-bottom: 10px;
}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

    .start_cotent .start_vector {
        left: -90%;
        top: -40%;
        width: 100px;
    }
  }
  @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .start_cotent .start_vector {
        width: 100px;
    }
}

@media all and (device-width: 820px) and (device-height: 1180px) and (orientation:portrait) {
    .center_container{
        background-size: cover;
    }
    .start_cotent .start_vector {
        left: 0%;
        top: 0;
        width: 100px;
    }
    .start_cotent .start_img{
        right: 10%;
    }
  }
  @media all and (device-width: 1180px) and (device-height: 820px) and (orientation:landscape) {
    .start_cotent .start_vector {
        left: 20%;
        top: 0;
        width: 100px;
    }
}

@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
    .center_container{
        background-size: cover;
    }
    .start_cotent .start_vector {
        left: 0%;
        top: 0;
        width: 100px;
    }
    .start_cotent .start_img{
        right: 10%;
    }
  }
  @media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape) {
    .start_cotent .start_vector {
        left: 20%;
        top: 0;
        width: 100px;
    }
}