@font-face{
    font-family: 'Learn-Amare-Onboa';
    src: url(../../../../../../../../../../plugins/amare-survey/templates/assets/fonts/AmoretScript.ttf);
}
body{margin: 0;padding: 0;  color: #52555b;}
*{box-sizing: border-box; font-family: 'Roboto', sans-serif !important;}

form.main-cls-form .form-section {max-width: 900px;margin: 50px auto;background: #fff;padding: 0px;}
form.main-cls-form .form-section button.next.btn.btn-info.pull-right { border-radius: 0;font-size: 32px;padding: 10px 30px;}
.btn-info {color: #fff;background-color: #5bc0de;border-color: #46b8da;}
.btn-info, .btn-default {margin-top: 10px;}

form.main-cls-form .form-section{padding: 0px; margin: 40px auto;}

.main-answer-section .answer span {line-height: 24px;padding: 5px 0 20px; margin-bottom: 0; font-size: 18px; color: #52555b; font-family: 'Lato', sans-serif; }
.main-answer-section .answer span:before, .main-answer-section .answer span:after{/*content:none;*/    height: 100%;width: 100%;    left: 0;top: 0;}
.main-answer-section.options-select .answer .ans_img {height: auto;}

button.pagination.previous {margin: 10px;padding: 10px 50px;font-size: 16px;text-transform: uppercase; background: #827b7b;color:#fff;}
button.pagination.previous:hover {background: #716d6d;}
.bottom_buttons .simple_btn.btnDisabled {opacity: .5 !important; cursor: not-allowed; }

.radio-no-image {position:inherit !important; transform: scale(1.5);}
.radio-no-text {font-family: 'Open Sans'; font-weight: 400; font-size: 11.85px; padding-top:10px;box-sizing: border-box;line-height: 14px; color:#666;}

.question, .heading  {font-size: 29px;font-family: 'Open Sans Condensed', sans-serif;padding: 50px 0 30px;text-transform: uppercase;}
.main-answer-section .answer img {width: 100%;}
.next-button-section {float: left;width: 100%;}

.optional_field_container {float: left;width: 100%;margin-bottom: 30px;}

.main-answer-section.options-select .answer .ans_img {padding: 20px;}
.answer .checkedCount {position: absolute; bottom: 10px; left: 0; margin: auto; width: 100%; color: #fff; font-size: 24px; }
body .main-answer-section .answer span{padding: 5px 0 50px;}

.site-logo{width: 200px;}
.site-info { background-color:#2f2f2f;}
.site-info a:hover{color:#fff;text-decoration:underline;}


.loading_img{content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.7);z-index:1;}
.loading_img span {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 50px;z-index:1;}
.error {color: red; font-size: 15px;float: left; margin: 5px 5px 0px 10px;}

.ans_img { height: 114px;}

.quiz_section {margin-top:25px;}
.quiz_section a {text-decoration: underline; color:#ceb3f3; font-weight: 500;}

@media (max-width: 767px){
    .main-answer-section .answer .ans_img {height: auto;}
    .main-answer-section.options-select .answer .ans_img {padding: 10px;} 
}

@media (max-width: 1091px) and (min-width: 999px){
    .main-answer-section .answer img{height: 100%;object-fit: cover;}
    .main-answer-section .answer .ans_img{height: 111px !important;}
}
@media (max-width: 991px){
    form.main-cls-form .form-section .btn.btn-info.pull-right {font-size: 24px;}
    .content-right-welcome.common-cls-welcome h1 {font-size: 42px; padding: 20px 60px;}
}
@media (max-width: 580px){
    .kit_other_container {margin-top: 140%;} 
    .site-logo{width:150px;}
}

@media (max-width: 480px){
    .site-logo{width:150px;}
    .content-right-thankyou.common-cls-all-pages p.socil-icons-cls img{width: 100%;}
    .main-answer-section.additionalHearUS .answer{width: calc(100% - 10px);}
}
@media (max-width: 380px){
    .site-logo{width:150px;}
}

@media (max-width: 330px){
    .site-logo{width:150px;}
}



/* Mobile screens Design START */

html,body{overflow-x: hidden;}
body.single-survey{padding: 30px 25px;background: #f6f4fa;}
.loading_img i.fa:before{font-family: 'FontAwesome';}
p:empty{display: none;}
.question_deatils{max-width: 375px;width: 100%;margin: auto;}
.dropdown-ans { color: #52555b;}
.section_title{font-size: 40px;font-weight: bold;line-height: 1;color: #000;text-align: center;margin: 0px auto 14px;}
.section_desc{font-size: 18px;color: #1a1a1a;font-weight: 300;text-align: center;margin:0;}
.bottom_buttons{display: flex;justify-content: center;text-align: center;flex-wrap: wrap;width: 100%;flex-direction: column-reverse;}
.pagination_list{width: 100%;display: flex;justify-content: center;list-style: none;gap: 9px;margin: 0 0 25px;padding: 0;}
.pagination_list li{cursor: pointer;background: #dfd4ed;width: 12px;height: 12px;border-radius: 50%;margin: 0;}
.pagination_list li.active_pagess{background: #ceb3f3;}
.bottom_buttons .bottom_buttons_wrap{width: 100%; gap: 15px; display: flex; flex-wrap: wrap; justify-content: space-between;margin: 30px 0 0;}
.bottom_buttons .simple_btn{background: #ceb3f3;color: #fff;font-weight: bold;border-radius: 80px;padding: 5px 30px;height: 50px; font-size: 14px;}
.bottom_buttons .simple_btn.btn_prev {background: transparent; color: #ceb3f3; text-align: left; padding: 0px 0px;outline: none;}
.start-continue-section ~ .bottom_buttons .simple_btn{color: #3f2b55;}
.start-section ~ .bottom_buttons .simple_btn:hover{background-color: #3f2b55;color:#fff;}
.start-continue-section ~ .bottom_buttons .bottom_buttons_wrap{justify-content: center;}
.continue-section .start_continue_img img{width:80%;max-height:250px;}
.interested-section .comm-all-images img{width:80%;max-height:250px;}
.communication-section .comm-all-images img{width:80%;max-height:250px;}

/* Screen 1 START */
.start_continue_logo{margin-bottom: 30px;}
.start_continue_logo img{max-width: 100%; width: 150px;}
.start_continue_logo:empty{display: none;}
.start_continue_img{margin-bottom: 40px;}
.start_continue_img img{max-height: 250px;}
.common-cls-all-pages{text-align: center;}
.start-continue-section .section_title{max-width: 300px;}
/* Screen 1 END */

/* Screen 2 START */
.main-answer-section .multiselect{padding-top: 20px;}
.main-answer-section .multiselect .selectBox{position: relative; margin-bottom: 40px;}
.main-answer-section .multiselect .selectBox select{background: #fff; color: #1a1a1a; text-align: left; position: relative; height: 55px; border-radius: 60px; box-shadow: 0px 0px 10px 0px #0000000f; font-size: 16px; font-weight: 300; padding: 0px 25px;}
.main-answer-section .multiselect .selectBox:before{content: '\f0d7';position: absolute;right: 25px;top: 11px;z-index: 1;font-family: 'FontAwesome';font-size: 21px;color: #1a1a1a;}
.main-answer-section .multiselect .selectBox .overSelect{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.main-answer-section .multiselect .ans_label{max-width: 220px; margin: auto;}
.main-answer-section .multiselect .ans_label label{display: block;margin: 0;font-size: 12px;color: #1a1a1a;text-align: left;padding: 12px 10px 0px;border-bottom: 1px solid #ceb3f3;position: relative;}
.main-answer-section .multiselect .ans_label label.select_label_title{font-weight: bold; font-size: 16px; margin: 20px 0px 10px; border-bottom: none;}
.main-answer-section .multiselect .ans_label label:nth-of-type(-n+2){padding-bottom: 12px;}
.main-answer-section .multiselect .ans_label label:nth-last-of-type(1){padding-bottom: 15px;}
.main-answer-section .multiselect .ans_label label:nth-last-of-type(2){border-bottom: none;}
.main-answer-section .multiselect .ans_label label input[type=checkbox]{position: absolute; z-index: 1; width: 10px; height: 0; margin-left: -10px; left: auto; width: 100%; transition: .3s;}
.main-answer-section .multiselect .ans_label label input[type=checkbox]:checked:before{opacity: 1;}
.main-answer-section .multiselect .ans_label label input[type=checkbox]:before{content: '\f00c'; visibility: visible; display: block; font-family: 'FontAwesome'; position: absolute; right: 14px; top: 0; color: #3f2b55; opacity: 0;}
/* Screen 2 END */

/* Screen 3 START */
.ques-answer-section .main-answer-section{padding-top: 10px;}
.answer_listing{margin: 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 0; list-style: none; row-gap: 36px; column-gap: 23px;}
.answer_listing .answer_item .answer_item_wrap label{margin: 0;display: flex;flex-wrap: wrap;gap: 11px;cursor: pointer;}
.answer_listing .answer_item .answer_item_wrap input{display: none;}
.answer_listing .answer_item .answer_item_img{width: 100%;aspect-ratio: 1;border-radius: 24px;background: #fff;display: flex;align-items: center;justify-content: center;margin: auto;box-shadow: 0px 0px 10px 0px #ceb3f3a8;position: relative;border: 1px solid transparent;}
.answer_listing .answer_item .answer_item_img:before{content: '\f005'; width: 26px; height: 25px; background-color: #ceb3f3; color: #fff; border-radius: 6px; font-family: 'FontAwesome'; position: absolute; right: -10px; top: -10px; font-size: 14px; display: flex; align-items: center; justify-content: center; visibility: hidden;}
.answer_listing .answer_item .answer_item_img img{max-width: 60px;max-height: 60px;object-fit: contain;}
.answer_listing .answer_item .answer_item_content{width: 100%;}
.answer_listing .answer_item .answer_text{font-size: 13px; color: #1a1a1a; font-weight: 300; padding: 0px 3px; line-height: 1; display: block;}
.answer_listing .answer_item .checkedCount{display: none;}
.answer_listing .answer_item .answer_item_wrap input:checked ~ .answer_item_img:before{visibility: visible;}
.answer_listing .answer_item .answer_item_wrap input:checked ~ .answer_item_img{border-color: #ceb3f3;}
/* .matters-section ~ .bottom_buttons{margin-top: 50px;} */
/* Screen 3 END */

/* Screen 4 START */
.whatelse-section .answer_listing .answer_item .answer_item_img:before{content: attr(data-before);}
/* .whatelse-section ~ .bottom_buttons{margin-top: 10px;} */
.whatelse-section .answer_listing .answer_item.answer-disabled .answer_item_img:before{content: '\f005';background-color:#cfd6d6;}
/* Screen 4 END */

/* Screen 5 START */
.form-section.continue-section ~ .bottom_buttons .simple_btn{color: #fff;}
/* Screen 5 END */

/* Screen 6 START */
.represents-section .answer_listing {grid-template-columns: repeat(2,1fr);}
.represents-section .answer_listing .answer_item .answer_item_img {box-shadow: none; border: none; background: #3e2b54; align-items: flex-end; border-radius: 10px 10px 0px 0px; margin: 0;}
.represents-section .answer_listing .answer_item .answer_item_img img {max-height: 100%; max-width: 100%; width: 100%; object-position: bottom center;}
.represents-section .answer_listing .answer_item .answer_text {font-size: 16px;}
.represents-section .answer_listing .answer_item .answer_item_wrap label {gap: 0; background: #fff; border-radius: 10px; height: 100%; align-items: flex-start; box-shadow: 0px 0px 10px 0px #ceb3f3a8;}
.represents-section .answer_listing .answer_item .answer_item_content {padding: 14px 20px;}
.represents-section .answer_listing .answer_item .answer_item_wrap {height: 100%;}
/* .represents-section ~ .bottom_buttons {margin-top: 30px;} */
/* Screen 6 END */

/* Screen 7 START */
.language-section .answer_listing {grid-template-columns: repeat(1,1fr);gap: 15px;}
.language-section .answer_listing .answer_item .answer_item_img:before{display: none;}
.language-section .answer_listing .answer_item .answer_item_img img {max-width: 60px;max-height: 60px;}
.language-section .answer_listing .answer_item .answer_item_img {box-shadow: none;border: none;background: #3e2b54;border-radius: 10px 0px 0px 10px;width: 73px;}
.language-section .answer_listing .answer_item span.answer_text {font-size: 16px;width: 100%;font-weight: bold;margin-bottom: 4px;}
.language-section .answer_listing .answer_item p.answer_text {font-size: 12px;margin: 0;width: 100%;font-weight: 400;}
.language-section .answer_listing .answer_item .answer_item_wrap label {gap: 0;background: #fff;border-radius: 10px;height: 100%;box-shadow: 0px 0px 10px 0px #ceb3f3a8;position: relative;}
.language-section .answer_listing .answer_item .answer_item_content {padding: 9px 10px;flex: 1;text-align: left;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.language-section .answer_listing .answer_item .answer_item_content:before{content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; border: 1px solid transparent; border-radius: 10px; }
.language-section .answer_listing .answer_item .answer_item_wrap {height: 100%;}
.language-section .answer_listing .answer_item .answer_item_wrap input:checked ~ .answer_item_content:before{content: '\f005';width: 26px;height: 25px;color: #ceb3f3;border-radius: 6px;font-family: 'FontAwesome';position: absolute;right: 0;top: 0;font-size: 14px;display: flex;align-items: center;justify-content: center;}
/* .language-section ~ .bottom_buttons {margin-top: 20px;} */
/* Screen 7 END */

/* Screen 8 START */
.enneagram-section .answer_listing {grid-template-columns: repeat(3,1fr);row-gap: 20px;column-gap: 7px;}
.enneagram-section .answer_listing .answer_item .answer_item_img img {max-height: 100%; max-width: 100%; width: 100%; object-position: bottom center; }
.enneagram-section .answer_listing .answer_item .answer_item_img {box-shadow: none;border: none;background: #3e2b54;align-items: center;border-radius: 10px 10px 0px 0px;margin: 0;}
.enneagram-section .answer_listing .answer_item .answer_item_img span{color: #fff;font-size: 130px;font-family: 'Learn-Amare-Onboa' !important;line-height: 0;display: block;}
.enneagram-section .answer_listing .answer_item .answer_item_wrap label {gap: 0;background: #fff;border-radius: 10px;height: 100%;align-items: flex-start;box-shadow: 0px 0px 10px 0px #ceb3f3a8;}
.enneagram-section .answer_listing .answer_item .answer_item_content {padding: 10px 4px;}
.enneagram-section .answer_listing .answer_item .answer_item_wrap {height: 100%;}
/* .enneagram-section ~ .bottom_buttons {margin-top: 10px;} */
.enneagram-section .answer_listing .answer_item .answer_item_wrap input:checked ~ .answer_item_img:before{top: 3px; right: 3px; background: transparent; color: #ceb3f3; }
/* Screen 8 END */

/* Screen 9 START */
.interested-section .section_title{max-width: 270px;}
.interested-section .answer_listing{grid-template-columns: repeat(1,1fr);gap: 15px;}
.interested-section .answer_listing .answer_item .answer_item_img{display: none;}
.interested-section .answer_listing .answer_item span.answer_text {font-size: 16px;width: 100%;font-weight: 400;}
.interested-section .answer_listing .answer_item .answer_item_content {padding: 10px 10px;text-align: center;display: flex;flex-wrap: wrap;align-items: center;height: 75px;box-shadow: 0px 0px 10px 0px #ceb3f3a8;position: relative;border: 1px solid transparent;background: #fff;border-radius: 10px;}
/* .interested-section ~ .bottom_buttons {margin-top: 20px;} */
.interested-section .answer_listing .answer_item .answer_item_wrap input:checked ~ .answer_item_content{border-color: #ceb3f3;border-width:2px;}
/* Screen 9 END */

/* Screen 10 START */
.pick-your-pace-section .section_title{max-width: 290px;}
.pick-your-pace-section .answer_listing{grid-template-columns: repeat(1,1fr);gap: 15px;}
.pick-your-pace-section .answer_listing .answer_item .answer_item_img{display: none;}
.pick-your-pace-section .answer_listing .answer_item span.answer_text {font-size: 16px;width: 100%;font-weight: 300;line-height: 1.3;}
.pick-your-pace-section .answer_listing .answer_item .answer_item_content {padding: 10px 10px;text-align: center;display: flex;flex-wrap: wrap;align-items: center;height: 75px;box-shadow: 0px 0px 10px 0px #ceb3f3a8;position: relative;border: 1px solid transparent;background: #fff;border-radius: 10px;}
/* .pick-your-pace-section ~ .bottom_buttons {margin-top: 50px;} */
.pick-your-pace-section .answer_listing .answer_item .answer_item_wrap input:checked ~ .answer_item_content:before{content: '\f005';width: 26px;height: 25px;color: #ceb3f3;border-radius: 6px;font-family: 'FontAwesome';position: absolute;right: 0;top: 0;font-size: 14px;display: flex;align-items: center;justify-content: center;}
.char-limit {text-align: left;padding-top: 10px;color: #ceb3f3;}
.completion-section .section_desc a{text-decoration: underline;font-weight: 500;}
.completion-section .section_desc a:hover{color:#3f2b55;}
/* Screen 10 END */

/* Screen 11 START */
.communication-section .section_title{max-width: 290px;}
/* .communication-section ~ .bottom_buttons{margin-top: 0;} */
.communication-section .main-answer-section{max-width: 250px; margin: auto;}
.communication-section .options-select .answer .ans_img{text-align: left;border-bottom: 1px solid #ceb3f3;padding: 24px 14px 7px;}
.communication-section .answer .ans_img label{font-size: 16px; color: #1a1a1a; font-weight: bold; display: flex; align-items: center;}
.communication-section .answer .ans_img input{position: relative; padding: 0; border: none; background: transparent; border-radius: 0; color: #1a1a1a; font-size: 13px; padding-right: 24px; width: 100%;}
.communication-section .answer .ans_img input::placeholder{color: #1a1a1a !important; opacity: 1 !important;}
.communication-section .answer .ans_img input.valid{background-image: var(--wpr-bg-a3b26dcc-a7fa-42b1-90e8-e55b22799eac); background-repeat: no-repeat; background-size: 13px 9px; background-position: center right;}
.communication-section .answer .ans_img label:before{content: ''; display: inline-block; width: 16px; height: 18px; margin-right: 5px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: var(--wpr-bg-529e54c0-2683-41bc-ad96-b1e11d50b16e);}
.communication-section .answer .ans_img:nth-of-type(1) label:before{background-image: var(--wpr-bg-59768398-7deb-44bf-b118-d19d3d5f4b67);}
.communication-section .answer .ans_img:nth-of-type(2) label:before{background-image: var(--wpr-bg-91094248-9457-458e-81bb-369ac4dd6edb);}
.communication-section .answer .ans_img:nth-of-type(3) label:before{background-image: var(--wpr-bg-789e8857-f706-46ab-ab79-91d9a939c817);}
.communication-section .answer .ans_img label.error {display: none !important; margin: 0;}
.communication-section .answer .ans_img label.error:before{display: none;}
.communication-section .answer .ans_img input.error{color: red;float: none;}
.communication-section .answer .ans_img input.error::placeholder{color: red !important;}
/* Screen 11 END */

/* Screen 12 START */
/* .aboutyou-section ~ .bottom_buttons{margin-top: 30px;} */
.aboutyou-section .section_title{max-width: 280px;}
.aboutyou-section .main-answer-section{margin: 30px auto 0px; max-width: 276px;}
.aboutyou-section .teaxtarea-ans{background: #fff; border-radius: 10px; resize: none; border: none; box-shadow: 0px 0px 10px 0px #ceb3f3a8; padding: 18px; font-size: 16px; color: #1a1a1a; font-weight: 300; height: 294px;}
.aboutyou-section .teaxtarea-ans::placeholder{opacity: 1 !important; color: #1a1a1a !important;}
/* Screen 12 END */

/* Screen 13 START */
/* .social-section ~ .bottom_buttons{margin-top: 30px;} */
.social-section .section_title{max-width: 280px;}
.social-section .answer_listing {grid-template-columns: repeat(1,1fr);gap: 25px;padding-top: 40px;max-width: 320px;margin: auto;}
.social-section .answer_listing .answer_item .answer_item_img:before{display: none;}
.social-section .answer_listing .answer_item .answer_item_img img {max-width: inherit; max-height: inherit; width: 100%; height: 100%; object-fit: cover; }
.social-section .answer_listing .answer_item .answer_item_img {box-shadow: none;border: none;background: #3e2b54;border-radius: 10px 0px 0px 10px;width: 100px;overflow: hidden;}
.social-section .answer_listing .answer_item span.answer_text {font-size: 16px;width: 100%;font-weight: bold;margin-bottom: 4px;}
.social-section .answer_listing .answer_social_name{display: flex; gap: 5px; flex-wrap: wrap; list-style: none; margin: 3px 0px 0px; justify-content: flex-start; }
.social-section .answer_listing .answer_social_name .answer_social_item{font-size: 12px; line-height: 20px; color: #1a1a1a; border-radius: 9px; background-color: #ceb3f3; }
.social-section .answer_listing .answer_social_name .answer_social_item a{color: inherit;padding: 1px 8px;display: block;}
.social-section .answer_listing .answer_item .answer_item_wrap label {gap: 0;background: #fff;border-radius: 10px;height: 100%;box-shadow: 0px 0px 10px 0px #ceb3f3a8;position: relative;}
.social-section .answer_listing .answer_item .answer_item_content {padding: 10px 20px;flex: 1;text-align: left;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.social-section .answer_listing .answer_item .answer_item_wrap {height: 100%;}
.social-section .answer_listing .answer_item .answer_item_wrap input:checked ~ .answer_item_content:before{border-color: #ceb3f3; }
.social-section ~ .bottom_buttons .bottom_buttons_wrap{justify-content: center;}
.social-section ~ .bottom_buttons .simple_btn.btn_next{color: #3f2b55;}
/* Screen 13 END */

/* Screen 14 START */
/* .completion-section{padding-top: 60px;} */
.completion-section .common-cls-all-pages{max-width: 320px; margin: auto;}
.completion-section .comm-all-images1{margin-bottom: 30px;}
.completion-section .section_title{margin-bottom: 20px;}
.completion-section .section_desc{font-size: 16px;}
.completion-section .simple_btn{background: #ceb3f3;font-weight: bold;border-radius: 80px;padding: 5px 30px;height: 50px; font-size: 14px;color:#3f2b55;}
/* Screen 14 END */

.message-section .comm-all-images1{margin-bottom: 50px;}
.message-section .comm-all-images1 img{width: 150px;}

/* Mobile screens Design END */