@font-face {
    font-family: 'FontAwesome';
    src: url('../font-awesome/fonts/fontawesome-webfont.eot');
    src: url('../font-awesome/fonts//fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
  }

  @font-face {
    font-family: 'SFProText-Light';
    src: url('fonts/SFProText-Light.eot');
    src: url('fonts/SFProText-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProText-Light.woff2') format('woff2'),
        url('fonts/SFProText-Light.woff') format('woff'),
        url('fonts/SFProText-Light.ttf') format('truetype'),
        url('fonts/SFProText-Light.svg#SFProText-Light') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'SFProText-Regular';
    src: url('fonts/SFProText-Regular.eot');
    src: url('fonts/SFProText-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProText-Regular.woff2') format('woff2'),
        url('fonts/SFProText-Regular.woff') format('woff'),
        url('fonts/SFProText-Regular.ttf') format('truetype'),
        url('fonts/SFProText-Regular.svg#SFProText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'SFProText-Medium';
    src: url('fonts/SFProText-Medium.eot');
    src: url('fonts/SFProText-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProText-Medium.woff2') format('woff2'),
        url('fonts/SFProText-Medium.woff') format('woff'),
        url('fonts/SFProText-Medium.ttf') format('truetype'),
        url('fonts/SFProText-Medium.svg#SFProText-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'SFProText-Semibold';
    src: url('fonts/SFProText-Semibold.eot');
    src: url('fonts/SFProText-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProText-Semibold.woff2') format('woff2'),
        url('fonts/SFProText-Semibold.woff') format('woff'),
        url('fonts/SFProText-Semibold.ttf') format('truetype'),
        url('fonts/SFProText-Semibold.svg#SFProText-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'SFProText-Bold';
    src: url('fonts/SFProText-Bold.eot');
    src: url('fonts/SFProText-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProText-Bold.woff2') format('woff2'),
        url('fonts/SFProText-Bold.woff') format('woff'),
        url('fonts/SFProText-Bold.ttf') format('truetype'),
        url('fonts/SFProText-Bold.svg#SFProText-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'SFProText-Heavy';
    src: url('fonts/SFProText-Heavy.eot');
    src: url('fonts/SFProText-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/SFProText-Heavy.woff2') format('woff2'),
        url('fonts/SFProText-Heavy.woff') format('woff'),
        url('fonts/SFProText-Heavy.ttf') format('truetype'),
        url('fonts/SFProText-Heavy.svg#SFProText-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }




  /* ERROR MODEL  */

  .create-quiz-modal label.error {
    margin-top: 0.5rem;
    color: #dc3545;
    font-size: 14px;
  }




  .quiz_set_group , .quiz-inline-box   {
    position:relative;
  }


  .quiz_set_group label.error , #content-width-error , #number_of_product-error , #product_per_row-error , #truncate_product-error{
    position: absolute;
    bottom: -30px;
    background: #dc3545;
    width: 100%;
    left: 0;
    padding: 5px;
    border-radius: 10px;
    font-size: 14px;
    color:#fff;
    z-index: 9;
  }



  .evm_quiz_settings .form-control:focus {
  box-shadow:unset;
  border-color: #D9D2DD;

  }

  /*common css*/
  :focus-visible {outline: unset; }
  a{color: #411d57; font-family: 'SFProText-Medium';}
  a:hover{color: #db1f76; text-decoration: unset;}
  body{font-family: 'SFProText-Regular'; font-size:14px; line-height:18px; color: #411d57; overflow: hidden; background: #f4f6f8;}
  .ws_quiz_body{ min-height: 100vh; position: relative; display: flex; flex-direction: column; }
  .evm_wiser_short_footer{background: #fff; margin-bottom: 24px; box-shadow: 0px 5px 10px 0px #411D570D; padding: 12px 30px; width: 100%; }
  .evm_wiser_short_footer p{margin-bottom: 0;}
  #templateform{height: 100%;}
  div.scroll {max-height: calc(100vh - 9rem); overflow-x: hidden; overflow-y: scroll;}
  .evm-scroll::-webkit-scrollbar {width: 5px; background: #d7d7d7; border-radius: 5px;}
  .btn-primary{background-color: #db1f76; border-color: #db1f76; border-radius: 4px; min-width: 80px; min-height: 36px; font-size: 14px; line-height: 24px; transition: 0.4s ease;}
  .btn-primary:hover {background: #db1f76; border-color: #db1f76;}
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #db1f76; border-color: #db1f76; }
  .btn-secondary{ min-height: 40px; font-size: 14px; line-height: 24px; background-color: #fff; border: 1px solid #411d57; color: #411d57; border-radius: 4px; padding: 7px 8px; transition: 0.4s ease;}
  .btn-secondary:hover{color: #fff; background-color: #411d57; border-color: #411d57;}
  .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #411d57; border-color: #411d57; }
  #page-wrapper.evm_quiz_wrapper{flex: 1 0 auto; background:#F4F6F8; height: 95%; padding: 0;overflow-y: auto;}
  .ws-quiz-label{font-size: 14px; line-height: 18px; color: #411D57; font-family: 'SFProText-Semibold'; text-transform: capitalize;}
  .form-control{font-size: 14px; line-height: 18px; color: #765C86; border-radius: 4px; border: 1px solid #D9D2DD; min-height: 40px; display: flex; align-items: center;}
  .switch {position: relative; display: inline-block; top: 0px; left: 0px; font-size: 17px; text-transform: capitalize; height: 20px; margin-right: 0px; width: 35px; float: right;}
  .switch input {opacity: 0; width: 0; height: 0;}
  .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: .4s; transition: .4s; border: 2px solid #676978; border-radius: 34px; }
  .slider:before {position: absolute; content: ""; height: 14px; width: 14px; left: 2px; bottom: 1px; background: #676978FC; -webkit-transition: .4s; transition: .4s}
  .slider.round:before {border-radius: 50%;};
  input:checked + .slider {background: #FFFFFF; border: 2px solid #db1f76; border-radius: 14px;}
  input:checked + .slider:before {-webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); background-color: #db1f76;}
  input:checked + .slider { background: #FFFFFF 0% 0% no-repeat padding-box; border: 2px solid #db1f76; border-radius: 14px;
  }
  .infotool {position: relative; padding-left: 2px; top: -2px; display: inline-block; }
  .info-text {visibility: hidden; width: 225px; background-color: #ffffff; color: #411d57; text-align: center; letter-spacing: 0.5px; border-radius: 5px; padding: 8px; position: absolute; bottom: 150%; left: -95px; z-index: 1; margin-left: 0; opacity: 0; transition: 0.4s ease; font-size: 12px; line-height: 15px; box-shadow: -1px 0px 10px #411d573b; }
  .infotool:hover .info-text, .edit_btn:hover .info-text, .delete_btn:hover .info-text, .analytic_view:hover .info-text, .more_btn:hover .info-text {visibility: visible; opacity: 1;}
  .info-text:after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border-width: 8px; border-style: solid; border-color: #ffffff transparent transparent transparent;
  }
  .card{min-height: 40px; justify-content: center; padding: 0; margin-bottom: 12px; border: none; border-radius: 4px;}
  .card-header{padding: 0; background: transparent; border: none; border-radius: 4px; background: #F6F4F7;}
  .card-header .btn{width: 100%; display: flex; align-items: center;text-align: left; padding: 8px; font-size: 14px; line-height: 18px; color: #411D57; font-family: 'SFProText-Semibold'; position: relative; text-decoration:none}
  .card-header .btn:after {content: ''; position: absolute; top: 16px; right: 14px; width: 10px; height: 10px; border-right: 0.11rem solid #411d57; border-bottom: 0.11rem solid #411d57; transform: rotate(-135deg); transition: 0.4s ease;}
  .card-header .btn.collapsed:after{top: 11px; transform: rotate(45deg);}
  .card-body{padding: 16px 8px 0;}

  input[type=number] {-moz-appearance: auto!important; }
  .card-body .form-group:last-child{margin-bottom: 8px;}
  .quiz-inline-box{display: flex; align-items: baseline; gap: 15px;align-items: center;}
  .quiz-set-heading{font-size: 15px; line-height: 20px; font-family: 'SFProText-Bold'; margin:25px 0 10px;}
  .quiz-set-heading:first-child{margin-top:0px;}
  .drag-icon{max-width: 18px; cursor: grab;}
  .card-header .drag-icon svg{max-width: 18px;}
  .btn-link:hover{text-decoration: none;}
  a.btn.btn-link:not(.collapsed) {
    color: #db1f76;
    background: #FFE7EF 0% 0% no-repeat padding-box;
    transition: all 0.3s ease-in-out;
  }
  .card-header .btn:focus{ box-shadow:unset;}
  a.btn.btn-link:not(.collapsed) svg path {     fill: #db1f76; }
  a.btn.btn-link:not(.collapsed):after { border-color: #db1f76; }
  .card-header-text{padding: 0 40px 0 8px; text-transform: capitalize;width: -webkit-fill-available;}
  .quiz_save_btn { margin-left: auto;}
  button.quiz_save_btn.btn.btn-primary:focus ,  button.quiz_save_btn.btn.btn-primary:hover {
    background: #411d57;
    color: #fff;
    outline: 0;
    box-shadow: none;
    border-color: #411d57;
  }

  .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome!important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
  .fa-spinner:before {
    content: "\f110"
  }
  .fa-fw {
    width: 1.28571429em;
    text-align: center;
  }
  .fa-3x {
    font-size: 3em
  }


  /*quiz-dashboard*/
  .dashoard_quiz{background: #F4F6F8; padding: 50px 20px;}
  .evm_quiz{position: relative; overflow: hidden; background: #fff; color: #411D57; display: block; width: 100%; padding: 20px 0; box-shadow: 0px 15px 10px #411D570D; border: 1px solid #EEEAF0; border-radius: 6px;}
  .evm_no_quiz_blck{text-align: center; padding: 20px; min-height: 550px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 14px;}
  .evm_no_quiz_text h2{font-size: 18px; line-height: 24px; color: #411D57; margin: 20px 0px 15px; font-family: 'SFProText-Semibold';}

  .evm_no_quiz_text .btn-primary{display: flex; justify-content: center; align-items: center; gap: 5px; max-width: 150px; margin: 0 auto;}
  .evm-head-bar{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #EEEAF0; padding: 0 20px 20px;    flex-wrap: wrap;
    gap: 10px;}
  .evm_quiz_bar_left{flex:0 0 auto; display: inline-flex;}
  .evm_quiz_bar_right{flex:0 0 auto; display:flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap;}
  .evm_quiz_bar_left h4{ font-size: 18px; line-height: 24px; font-family: 'SFProText-Bold'; margin-bottom: 0;}
  /* .evm-video-instructions{ min-height: 40px; font-size: 14px; line-height: 24px; background-color: #fff; border: 1px solid #411d57; color: #411d57; border-radius: 4px; padding: 7px 8px; } */
  .evm-doc-ins{padding: 9px 0; color: #543468;}
  .evm_quiz_table_details{padding: 20px 20px; overflow-x: auto;}
  .evm_quiz_table_details table{border-spacing: 0 15px; border-collapse: separate; width: 100%;}
  .evm_quiz_table_details table tr{ box-shadow: 0px 5px 5px #411D570D; border: 2px solid #EBE8EE; border-radius: 6px;}
  .evm_quiz_table_details .table-head-row{width: 100%; text-align: left; background: #F7F6F8; box-shadow: 0px 5px 5px #411D570D; border: 1px solid #EBE8EE; border-radius: 6px;}
  .evm_quiz_table_details .table-head-row th, .evm_quiz_table_details td {padding: 10px 20px; border-top: 1px solid #EBE8EE; border-bottom: 1px solid #EBE8EE; white-space: nowrap;}
  .evm_quiz_table_details .table-head-row th{color: #411D57; text-transform: capitalize; font-size: 14px; line-height: 16px; font-family: 'SFProText-Bold'; padding: 16px 20px;}
  .evm_quiz_table_details .table-head-row th:first-child, .evm_quiz_table_details td:first-child { border-left: 1px solid #EBE8EE; border-radius: 6px 0 0 6px; white-space: inherit; }
  .dashoard_quiz_table .evm_quiz_table_details td:first-child {
    width: 400px;
    min-width: 200px;
  }
  .evm_quiz_table_details .table-head-row th:last-child, .evm_quiz_table_details td:last-child {border-right: 1px solid #EBE8EE; border-radius: 0 6px 6px 0;}
  .tb-title-block{display: flex; align-items: center;}
  .tb-title-block p{margin-bottom: 0;}
  .tb-title{font-family: 'SFProText-Medium'; font-size: 14px; line-height: 20px;margin: 0;}
  .tb-creation-date{font-size: 12px;}
  .tb-title-block img{width: 30px; height: 30px; background: #D9D9D9; border-radius: 50%;}
  .tb-title-txt{ padding-left: 10px;;}
  .evm_quiz_table_details table td .switch{float: left;}
  .edit_btn, .delete_btn, .analytic_view{ width: auto; vertical-align: middle; padding-right: 10px; cursor: pointer; display: inline-flex; }
  .more_btn{width: auto; vertical-align: middle; cursor: pointer; display: inline-flex;}
  .evm-video-instructions.btn-secondary svg path, .evm-doc-ins svg path{transition: 0.4s ease;}
  .evm-video-instructions.btn-secondary:hover svg path{ stroke: #fff; }
  .evm-doc-ins:hover svg>g>g>path{ stroke: #db1f76;}
  .evm-doc-ins:hover svg g#Path_26123 path:last-child{ fill: #db1f76;}
  .edit_btn .info-text, .delete_btn .info-text,.analytic_view .info-text, .more_btn .info-text {width: max-content; top: 24px; left: 0; right: 0; margin-left: -20px; padding: 6px 12px; min-height: 25px;}
  .analytic_btn, .edit_btn, .delete_btn, .analytic_view, .more_btn {position: relative;}
  .edit_btn .info-text::after, .delete_btn .info-text::after, .analytic_view .info-text::after, .more_btn .info-text::after{ content: none;}
  .evm_quiz_bottom{padding: 0 20px;}
  .quiz_bottom_right{text-align: right;}
  /*end */





  /*quiz-main*/
  .ws_quiz_header{background: #fff; margin-bottom: 24px; box-shadow: 0px 5px 10px 0px #411D570D; min-height: 60px; padding: 0px 30px; display: flex; align-items: center;}
  .quiz_back_btn{font-size: 16px; line-height: 24px; font-family: 'SFProText-Medium'; color: #411d57; padding-right: 10px; margin-right: 10px; position: relative}
  .quiz_back_btn:after { content: ''; width: 1px; height: 100%; display: inline-block; border-right: 1px solid #D9D2DD; position: absolute; right: 0; }
  .ws_quiz_header h2{font-size: 18px; line-height: 24px; margin-bottom: 0; font-family: 'SFProText-Bold';}
  .quiz_back_btn svg{margin-bottom: 2px; margin-right: 4px;}
  #tabs.nav-tabs .nav-link:focus, #tabs.nav-tabs .nav-link:hover {border-color: transparent;}
  .ws_quiz_settings{height: 89%; overflow: hidden;}
  .quiz_preview{width: calc(100% - 450px); margin: 0 auto; height: 98%;}
  .evm_quiz_settings {width: 450px; background: #fff; box-shadow: 0px 5px 10px 0px #411D570D; border-radius: 6px; height: 98%; overflow: auto;}
  .nav-tabs{width: 100%; display: flex; align-items: center; text-align: center; border-bottom: 1px solid #EBE8EE;flex-wrap: nowrap;}
  .nav-tabs .nav-item{width: 50%;}
  .nav-tabs .nav-item:not(:last-child){border-right: 1px solid #EBE8EE}
  .nav-tabs .nav-link {font-size: 14px; line-height: 18px; margin-bottom: unset; background-color: unset; border: unset; border-bottom: 2px solid transparent; border-top-left-radius: unset; border-top-right-radius: unset; font-family: 'SFProText-Bold'; color: #411D57; padding: 15px; }
  #tabs.nav-tabs .nav-item.show .nav-link, #tabs.nav-tabs .nav-link.active {color: #db1f76; background-color: transparent; border-color: #db1f76;}
  .tab-content{background: #fff; border-radius: 0 0 6px 6px; padding: 15px;}
  .enter-que-set, .enter-ans-set{position: relative;}
  .remove-que-btn, .remove-ans-btn{position: absolute; top: 0; right: 0;}
  .allow_multiple_answer{position: relative; margin: 0;}
  .removeQuestion, .removeanswer{color: #411d57; font-family: 'SFProText-Medium';}
  .quiz-file-design{display: flex; align-items: center; min-height: 50px; border: 1px dashed #db1f76; background: #F7F6F8; padding: 0.375rem 0.75rem; border-radius: 4px;}
  .uplod-img-icon{width: 8%;}
  .img-size-validation{width: 60%; color: #411d57; font-size: 13px;}
  .ws-quiz-file{display: none;}
  .image-upload-button{margin-bottom: 0; font-family: 'SFProText-Medium'; background: #E8E4EB; border-radius: 4px; padding: 9px; min-height: 36px; min-width: 120px; text-align: center; margin-left: 10px; width: 30%;}
  .add-answe-btn, .add-ques-btn{display: flex; align-items: center; gap: 8px; font-family: 'SFProText-Medium'; cursor: pointer;}
  .add-circle-btn{background: #411d57; border-radius: 50%; width: 22px; height: 22px; justify-content: center; align-items: center; display: inline-flex; }
  .add-ques-btn span{ color:#db1f76; }
  .add-ques-btn .add-circle-btn{background: #db1f76;}
  .ques-settings-body, .answer-area{margin-bottom: 24px; box-shadow: 0px 4px 10px 5px #411D5714; padding: 16px; border-radius: 6px;}
  .add-answe-btn{margin: 16px 0 8px;}
  .quiz-answer-accordion{border: 1px solid #d9d2dd; background: transparent; border-radius: 4px;}
  .bg-desk-set, .bg-mob-set, .bg-comn-set{position: relative;}

  .backgroung_image_both, .templateimage , .backgroung_image_desktop , .backgroung_image_mobile {width: 80px!important; margin-right: 15px; object-fit: contain;}
  .answer_file{border: none; background: transparent; display: inline-block; font-size: 15px; margin: 0; padding: 9px; position: relative; overflow: hidden; width: 100%; -webkit-appearance: none; -webkit-box-sizing: border-box; z-index: 2;}
  input[type="file"]:after { background-color: #ffe7ef; content: 'Upload Image'; display: block; cursor: pointer; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 11; color:#db1f76; padding: 8px; font-size: 14px; line-height: 22px; text-align: center; }
  input[type="file"]:before {     cursor: pointer; content: ""; background-image: url('https://cdn.shopify.com/s/files/1/0522/5932/4060/files/svgviewer-png-output_7.png?v=1727772029'); width: 20px; height: 20px; z-index: 111; position: absolute;  top: 50%; transform: translateY(-50%); left: 40px; }
  .ans-upld-btn, .bg-img-upld-btn{cursor: pointer; position: relative;}
  .ans-upld-btn .uplod-img-icon{ position: absolute; top: 8px; left: 25px; z-index: 111;}
  .bg-img-upld-btn .uplod-img-icon{ position: absolute; top: 8px; left: 65px; z-index: 111;}

  .form-group.selectproduct, .form-group.selectcollection{display: block; font-size: 14px; line-height: 18px; color: #765C86; border-radius: 4px; border: 1px solid #D9D2DD; min-height: 40px; padding: 0.375rem 0.75rem;}
  .select2-container--default.select2-container--focus .select2-selection--multiple, .selectcollection .select2-container--default .select2-selection--multiple, .selectproduct .select2-container--default .select2-selection--multiple{border: none;     padding-bottom: 10px;}
  .selectcollection .select2-container--default .select2-selection--multiple .select2-selection__clear, .selectproduct .select2-container--default .select2-selection--multiple .select2-selection__clear{margin-right: -12px; margin-top: -6px;}
  .selectcollection .select2-container--default .select2-selection--multiple .select2-selection__choice, .selectproduct .select2-container--default .select2-selection--multiple .select2-selection__choice{margin-left: 0; background: transparent; border-color: #D9D2DD;}
  .setting_more_product_btn{font-family: 'SFProText-Regular'; color: #411d57; cursor: pointer; margin-left: 5px;
    padding-top: 5px!important;}


  .quiz_set_group{display:flex; align-items:center; gap: 10px;}
  .quiz_set_group>div {flex: 1;}
  .card-body .quiz_set_group > div.form-group {flex: 1; margin-bottom: 1rem;}
  .quiz_inner_input{ border:none;  }
  .quiz_inner_unit{text-transform: uppercase;}
  .quiz-set-subheading{font-size: 15px; line-height: 20px; font-family: 'SFProText-Bold'; margin:25px 0 10px; text-transform: capitalize;}
  /*end*/

  /*quiz design*/

  #quiz_design .form-control input {flex: 1 1 auto;}

  .quiz-form-num{width: 93%; border: none;}
  .quiz-width-unit{text-transform: uppercase; }
  .bg-img-set{position: relative;}
  .bg-comn-set, .bg-desk-set, .bg-mob-set{padding: 15px 0 0;}
  .bg-img-alignment div{width: 50%;}
  /*end*/

  /*quiz preview*/
  .ws-quiz-result-product {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    transition: all 0.2s;
    will-change: transform;
    user-select: none;
    cursor: pointer;
  }

  .ws-quiz-result-product.active {
    background: rgba(255, 255, 255, 0.3);
    cursor: grabbing;
    cursor: -webkit-grabbing;
  }
  .evm_result_wrapper .ws-quiz-result-product{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% / 3) - 12px);
  overflow-x: hidden;
  align-items: flex-start;
  gap: 16px;
  border-radius: 8px;

  }
  .quiz_result_bgimg {
    background-size: cover;
    padding-top: 100%;
    height: 0;
  }
  .evm_result_wrapper {
  width: 100%;
  position: relative;
    width: 100%;
    margin: 40px auto;

  }
  .evm_result_wrapper i {
  top: 50%;
  height: 50px;
  width: 50px;
  cursor: pointer;
  font-size: 1.25rem;
  position: absolute;
  text-align: center;
  line-height: 50px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0,0,0,0.23);
  transform: translateY(-50%);
  transition: transform 0.1s linear;
  }
  .evm_result_wrapper i:active{
  transform: translateY(-50%) scale(0.85);
  }
  .evm_result_wrapper i:first-child{
  left: -22px;
  }
  .evm_result_wrapper i:last-child{
  right: -22px;
  }
  .ws-quiz-result-product::-webkit-scrollbar {
  display: none;
  }

  .carousel-items {
  scroll-snap-align: start;
  height: 100%;
  list-style: none;
  background: #fff;
  cursor: pointer;
  padding-bottom: 15px;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  }
  .owl-stage-outer{
  overflow: hidden;
  }


  .owl-stage
  {
  display: flex;
  }


  .picture-choice {
    display: flex;
    flex-direction: column;
    height: 100%;

  }
  .quiz_result_title {
    white-space: break-spaces;
    flex-grow: 1;
  line-height:1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  }




  /* quiz previewe top  by yash */
  #quiz_result .form-control input {flex: 1 1 auto; color: #765C86!important;}
   .right-preview-wrapper .portlet-title{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-bottom: 1px solid #f6f6f6;
  }
  .quiz-preview-wrapper .preview-top-right , .right-preview-wrapper .preview-top-right {
    display: flex;
    align-items: center;
    column-gap:5px;
    padding-right: 16px;
  }

  .quiz-preview-wrapper .preview-top-right .preview_switch_main ,  .right-preview-wrapper .preview-top-right .preview_switch_main{
    display: flex;
    column-gap: 5px;
    align-items: center;
  }

  .quiz-preview-wrapper .preview-top-right .preview_switch_main  label , .right-preview-wrapper .preview-top-right .preview_switch_main  label{margin-bottom:0px;}

  .quiz-preview-wrapper .preview-top-left.evm_quiz_title , .right-preview-wrapper .preview-top-left.evm_quiz_title{
    border: 0px;
  }


  /* quiz  design mobile  view  */
  .quiz_prev_que_view.quiz-mobile-view {
    max-width: 300px!important;
    margin: 40px auto;
    display: flex;
    flex-direction: column;
  }

  .quiz_prev_que_view  .landingPage_Heading {
    white-space: break-spaces;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .quiz_prev_que_view .landingPage_subtext{

    white-space: break-spaces;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }


  .landingPage_button .btn.start_quiz_button {
    max-width: 100%;
    white-space: break-spaces;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .right-preview_view .quiz_prev_que_view.quiz-mobile-view h2.question_designtext {
    font-size: 22px!important;
  }

  .right-preview_view .quiz-mobile-view .picture-choice-wrapper .quiz_ans_list_item{
    width: 100%!important;
  }

  .quiz_prev_que_view.quiz-mobile-view ul.quiz_ans_list.multi-choice-wrapper {
    justify-content: space-between;
    padding-top: 10px;
  }
  .quiz_prev_que_view.quiz-mobile-view ul.quiz_ans_list.picture-choice-wrapper {
    flex-direction: column;
    padding-top: 20px;
  }

  .quiz-result-preview-wrapper.right-preview-wrapper .quiz-mobile-view .quiz_result_prev_bg.items {
    grid-auto-columns: calc((100% / 1) - 12px);
  }

  .quiz-result-preview-wrapper.right-preview-wrapper .quiz-mobile-view{box-shadow:unset;}
  /* quiz  design mobile  view  end */

  /* quiz previewe top  by yash */

   .right-preview-wrapper{height: 100%; margin: 0 10px; background-color: #fff;
    border-radius: 6px;  display: flex;
    flex-direction: column; }
   .right-preview_view { overflow: auto; height: auto; position: relative; padding: 15px;}
  .quiz_prev_bg {
    display: flex;
    flex-direction: column;
  }
  /* .quiz_prev_bg {background: #db1f560d; position: relative; z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 0px; } */
  .quiz_prev_que_view{padding: 20px;width: 100%; max-width: 720px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; text-align: center;box-shadow: 0 0 3px 0 rgba(63,63,68,.15); border-radius: 6px; margin:40px auto;}
  .quiz_que_prev{font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; font-family: inherit; color: #545454; font-weight: 400; font-size: 20px;}
  .quiz_ans_list{flex-wrap:wrap;list-style: none; display: flex; justify-content: center; align-items: center; gap: 10px; padding: 0; margin: 0; padding-top: 30px;}
  .quiz_ans_list.stacked.multi-choice-wrapper .quiz_ans_list_item, .quiz_ans_list.horizontal.multi-choice-wrapper .quiz_ans_list_item{-webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 16px; border-radius: 4px; border: solid 1px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.09) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.09); background-color: #ffffff; -webkit-transition: border-color .2s ease; transition: border-color .2s ease; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; letter-spacing: normal; color: #545454; font-family: inherit; list-style: none; text-align: center; cursor: pointer;}
  .quiz_ans_list.stacked.multi-choice-wrapper{flex-direction: column;}
  .quiz_ans_list.stacked.multi-choice-wrapper .quiz_ans_list_item{min-width: 240px;}
  .quiz_ans_list.radio.multi-choice-wrapper{display: inline-block; text-align: left;}
  .quiz_ans_list.radio.multi-choice-wrapper .quiz_ans_list_item{padding-bottom: 12px; font-size: 16px; line-height: 24px;     max-width: Calc(100% - 21px)!important;    margin: 0 auto !important;}
  .quiz_ans_list.radio.multi-choice-wrapper .multiple_choice .quiz_ans_item_txt {position: relative;}
  .quiz_ans_list.radio.multi-choice-wrapper .multiple_choice .quiz_ans_item_txt:before {content: ''; position: absolute; left: -21px; top: 5px; width: 14px; height: 14px; border: 1px solid #411d57; border-radius: 50%;}
  .quiz_ans_list.radio.multi-choice-wrapper.radio .multiple_choice .quiz_ans_item_txt.active:after, .quiz_ans_list.radio.multi-choice-wrapper.radio .multiple_choice .quiz_ans_item_txt:hover:after {content: ''; position: absolute; left: -19px; top: 7px; width: 10px; height: 10px; background: #411d57; border-radius: 50%;}
  .quiz_ans_list.picture-choice-wrapper .quiz_ans_list_item {width: 30.33%;}
  .quiz_ans_list.picture-choice-wrapper{ flex-wrap: wrap;}
  .picture-choice-wrapper .quiz_ans_list_item {width: 30.33%;}
  .picture-choice-wrapper .picture-choice{background-color: #fff; border: solid 1px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.09) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.09); border-radius: 4px; cursor: pointer;}
  .quiz_ans_item_img {width: 100%; padding: 66.66% 0 0; margin: auto; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(https://app.octaneai.com/static/images/quiz/quiz-placeholder-image.png); display: block !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }
  .quiz_ans_list.picture-choice-wrapper .quiz_ans_item_txt{word-break: break-word; padding:16px;}
  .quiz_ans_list.picture-choice-wrapper .quiz_ans_list_item:hover, .quiz_ans_list.multi-choice-wrapper .quiz_ans_list_item:hover, .quiz_ans_list.picture-choice-wrapper .quiz_ans_list_item.active, .quiz_ans_list.multi-choice-wrapper .quiz_ans_list_item.active {border: solid 2px rgb(219 31 87 / 62%); border-radius: 4px; box-shadow: -1px 0px 0px 0px rgb(219 31 87 / 62%) inset, 0px 0px 0px 1px rgba(219, 31, 87, 0.62); opacity: 0.9; transition: transform .2s ease-in-out; transform: translate3d(0, -3px, 0); -webkit-transition: transform .2s ease-in-out; -moz-transition: transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; transform: translate3d(0, -3px, 0); /* -webkit-transform: translate3d(0, -3px, 0); */ -o-transform: translate3d(0, -3px, 0); -moz-transform: translate3d(0, -3px, 0); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px; cursor: pointer; background-color: rgb(219 31 87 / 10%); }
  .quiz_ans_list.multi-choice-wrapper.radio .quiz_ans_list_item:hover, .quiz_ans_list.multi-choice-wrapper.radio .quiz_ans_list_item.active {border: unset; border-radius: unset; box-shadow: unset; opacity: unset; transition: unset; transform: unset; -webkit-transition: unset; -moz-transition: unset; -o-transition: unset; transform: unset; -webkit-transform: unset; -o-transform: unset; -moz-transform: unset; box-shadow: unset; cursor: pointer; background-color: unset; }
  .picture-choice-wrapper .quiz_ans_list_item:hover .picture-choice, .picture-choice-wrapper .quiz_ans_list_item:hover .quiz_ans_list_item{background-color: #FFEAEA;}
  .quiz_ans_list.multi-choice-wrapper.multi-selection-on.radio .multiple_choice .quiz_ans_item_txt:before{left: -21px; top: 5px; width: 16px; height: 16px; border-radius: 4px; background: #ffffff;}
  .quiz_ans_list.multi-choice-wrapper.multi-selection-on.radio .multiple_choice .active.quiz_ans_item_txt:before, .quiz_ans_list.multi-choice-wrapper.multi-selection-on.radio .multiple_choice:hover .quiz_ans_item_txt:before{ background: #411D57;}
  .quiz_ans_list.multi-choice-wrapper.multi-selection-on.radio .multiple_choice .quiz_ans_item_txt.active:after, .quiz_ans_list.multi-choice-wrapper.multi-selection-on.radio .multiple_choice .quiz_ans_item_txt:hover:after{    left: -16px; top: 7px; width: 5px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-radius: unset; background: transparent; transform: rotate(45deg); }
  .evm_quiz_title{font-family: 'SFProText-Bold'; font-size: 20px; line-height: 24px; margin: 0; padding: 16px; border-bottom: 1px solid #EBE8EE; text-transform: capitalize;}



  /* modal Css */
  .create-quiz-modal .modal-dialog{ max-width: 400px; margin:0 auto;}
  .create-quiz-modal .modal-dialog .modal-content {border-radius: 12px; box-shadow: 0px 0px 30px 0px #411d5729;}
  .create-quiz-modal .modal-header { padding: 10px 10px; border-bottom: none; }
  .create-quiz-modal .modal-header .modal-title{ font-size: 18px; line-height: 24px; font-family: 'SFProText-Bold'; }
  .create-quiz-modal .modal-header .close{ margin: 0; padding: 0; }
  .modal-body{ padding: 10px; }
  .modal-footer{justify-content: center; border-top: none; padding: 10px;}


  /* .quiz_result_preview{width: calc(100% - 450px); margin: 0 auto; height: 98%;}
  .quiz-result-preview-wrapper{height: 100%; margin: 0 10px;}
  .quiz_result_preview_view{background-color: transparent; overflow: auto; height: 100%; position: relative;}
  .quiz_result_prev_bg row {background: #db1f560d; position: relative; z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 40px 40px 40px; box-shadow: 0 0 3px 0 rgba(63,63,68,.15); border-radius: 6px;}
  .quiz_prev_que_view{width: 100%; max-width: 720px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; text-align: center;}
  .quiz_que_prev{font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; font-family: inherit; color: #545454; font-weight: 400; font-size: 20px;} */


  /*quiz question answer design preview*/
  .right-preview{ height: 98%; overflow: auto;width: calc(100% - 450px);}

  .right-preview_view{background-color: transparent; overflow: auto; height: 100%; position: relative;}
  .quiz_qns_ans_design_add.quiz_prev_bg {background: #db1f560d; position: relative; z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 40px 40px 40px; box-shadow: 0 0 3px 0 rgba(63,63,68,.15); border-radius: 6px;}
  .quiz_qns_ans_design_add.quiz_prev_que_view{width: 100%; max-width: 720px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; text-align: center;}
  .quiz_qns_ans_design_add.quiz_que_prev{font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; font-family: inherit; color: #545454; font-weight: 400; font-size: 20px;}
  .quiz_qns_ans_design_add.quiz_ans_list{list-style: none; display: flex; justify-content: center; align-items: center; gap: 10px; padding: 0; margin: 0; padding-top: 30px;}
  .quiz_qns_ans_design_add.quiz_ans_list.stacked.multi-choice-wrapper .quiz_ans_list_item, .quiz_ans_list.horizontal.multi-choice-wrapper .quiz_ans_list_item{-webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 16px; border-radius: 4px; border: solid 1px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.09) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.09); background-color: #ffffff; -webkit-transition: border-color .2s ease; transition: border-color .2s ease; font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; letter-spacing: normal; color: #545454; font-family: inherit; list-style: none; text-align: center; cursor: pointer;}
  .quiz_qns_ans_design_add.quiz_ans_list.stacked.multi-choice-wrapper{flex-direction: column;}
  .quiz_qns_ans_design_add.quiz_ans_list.stacked.multi-choice-wrapper .quiz_ans_list_item{min-width: 240px;}
  .quiz_qns_ans_design_add.quiz_ans_list.radio.multi-choice-wrapper{display: inline-block; text-align: left;}
  .quiz_qns_ans_design_add.quiz_ans_list.radio.multi-choice-wrapper .quiz_ans_list_item{padding-bottom: 12px; font-size: 16px; line-height: 24px;}
  .quiz_qns_ans_design_add.quiz_ans_list.radio.multi-choice-wrapper .multiple_choice .quiz_ans_item_txt {position: relative;}
  .quiz_qns_ans_design_add.quiz_ans_list.radio.multi-choice-wrapper .multiple_choice .quiz_ans_item_txt:before {content: ''; position: absolute; left: -21px; top: 5px; width: 14px; height: 14px; border: 1px solid #411d57; border-radius: 50%;}
  .quiz_qns_ans_design_add.quiz_ans_list.radio.multi-choice-wrapper.radio .multiple_choice .quiz_ans_item_txt.active:after, .quiz_ans_list.radio.multi-choice-wrapper.radio .multiple_choice .quiz_ans_item_txt:hover:after {content: ''; position: absolute; left: -19px; top: 7px; width: 10px; height: 10px; background: #411d57; border-radius: 50%;}
  .quiz_qns_ans_design_add.quiz_ans_list.picture-choice-wrapper .quiz_ans_list_item {width: 30.33%;}
  .quiz_qns_ans_design_add.quiz_ans_list.picture-choice-wrapper{ flex-wrap: wrap;}
  .quiz_qns_ans_design_add.picture-choice-wrapper .quiz_ans_list_item {width: 30.33%;}
  .quiz_qns_ans_design_add.picture-choice-wrapper .picture-choice{background-color: #fff; border: solid 1px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.09) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.09); border-radius: 4px; cursor: pointer;}
  .quiz_qns_ans_design_add.quiz_ans_item_img {width: 100%; padding: 66.66% 0 0; margin: auto; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url(https://app.octaneai.com/static/images/quiz/quiz-placeholder-image.png); display: block !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }
  .quiz_qns_ans_design_add.quiz_ans_list.picture-choice-wrapper .quiz_ans_item_txt{word-break: break-word; padding:16px;}
  .quiz_qns_ans_design_add.quiz_ans_list.picture-choice-wrapper .quiz_ans_list_item:hover, .quiz_ans_list.multi-choice-wrapper .quiz_ans_list_item:hover, .quiz_ans_list.picture-choice-wrapper .quiz_ans_list_item.active, .quiz_ans_list.multi-choice-wrapper .quiz_ans_list_item.active {border: solid 2px rgb(219 31 87 / 62%); border-radius: 4px; box-shadow: -1px 0px 0px 0px rgb(219 31 87 / 62%) inset, 0px 0px 0px 1px rgba(219, 31, 87, 0.62); opacity: 0.9; transition: transform .2s ease-in-out; transform: translate3d(0, -3px, 0); -webkit-transition: transform .2s ease-in-out; -moz-transition: transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; transform: translate3d(0, -3px, 0); /* -webkit-transform: translate3d(0, -3px, 0); */ -o-transform: translate3d(0, -3px, 0); -moz-transform: translate3d(0, -3px, 0); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px; cursor: pointer; background-color: rgb(219 31 87 / 10%); }
  .quiz_qns_ans_design_add.quiz_ans_list.multi-choice-wrapper.radio .quiz_ans_list_item:hover, .quiz_ans_list.multi-choice-wrapper.radio .quiz_ans_list_item.active {border: unset; border-radius: unset; box-shadow: unset; opacity: unset; transition: unset; transform: unset; -webkit-transition: unset; -moz-transition: unset; -o-transition: unset; transform: unset; -webkit-transform: unset; -o-transform: unset; -moz-transform: unset; box-shadow: unset; cursor: pointer; background-color: unset; }
  .quiz_qns_ans_design_add.picture-choice-wrapper .quiz_ans_list_item:hover .picture-choice, .picture-choice-wrapper .quiz_ans_list_item:hover .quiz_ans_list_item{background-color: #FFEAEA;}
  .quiz_qns_ans_design_add.quiz_ans_list.multi-choice-wrapper.multi-selection-on.radio .multiple_choice .quiz_ans_item_txt:before{left: -21px; top: 5px; width: 16px; height: 16px; border-radius: 4px; background: #ffffff;}
  .quiz_qns_ans_design_add.quiz_ans_list.multi-choice-wrapper.multi-selection-on.radio .multiple_choice .active.quiz_ans_item_txt:before, .quiz_ans_list.multi-choice-wrapper.multi-selection-on.radio .multiple_choice:hover .quiz_ans_item_txt:before{ background: #411D57;}
  .quiz_qns_ans_design_add.quiz_ans_list.multi-choice-wrapper.multi-selection-on.radio .multiple_choice .quiz_ans_item_txt.active:after, .quiz_ans_list.multi-choice-wrapper.multi-selection-on.radio .multiple_choice .quiz_ans_item_txt:hover:after{    left: -16px; top: 7px; width: 5px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-radius: unset; background: transparent; transform: rotate(45deg); }
  .quiz_qns_ans_design_add.evm_quiz_title{font-family: 'SFProText-Bold'; font-size: 20px; line-height: 24px; margin: 0; padding: 16px; border-bottom: 1px solid #EBE8EE; text-transform: capitalize;}
  .picture-choice {
    border-radius: 4px;
    background: #f5f5f5;
    box-shadow: 0px 0px 8px #00000050;
    padding: 10px;
    gap:5px;
  }

  .quiz_que_prev  h2 {
    text-transform: capitalize;
    font-size: 20px;
    white-space: break-spaces;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .picture-choice .quiz_add_to_cart.quiz_add_to_cart_icon {
    position: absolute;
    width: 100%;
    max-width: 0px;
    transition: all 0.5s ease-out;
    border: 1px solid transparent;
    right: 22px;
    border-radius: 50%;
    line-height: 1;
    height: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0px;
    cursor: pointer;
    background-color: #db1f76;
    color: #FFFFFF;
    letter-spacing: normal;
    text-align: center;
    padding: 20px 20px;
  }
  .picture-choice .quiz_add_to_cart.quiz_add_to_cart_icon svg{
    position: absolute;
  }

  /* .quiz_add_to_cart .quiz_add_to_cart_text{
    background-color: #db1f76;
    border: 1px solid rgba(255, 255, 255, 0);
    color: #FFFFFF;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    letter-spacing: normal;
    text-align: center;
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 1.2;
    padding: 16px 24px;
    min-height: 53px;
    font-size: 15px;
    margin-top: 16px;
  } */
  .picture-choice .quiz_add_to_cart.quiz_add_to_cart_text {
    /* width: 100%;
    padding: 12px 24px;
    min-height: min-content;
    margin-top: 5px; */
    background-color: #db1f76;
    border: 1px solid rgba(255, 255, 255, 0);
    color: #FFFFFF;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    letter-spacing: normal;
    text-align: center;
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 1.2;
    padding: 10px 24px;
    min-height: 40px;
    font-size: 15px;
    margin-top: 0px;
    width: 100%;
    border-radius: 4px;
  }
  .evm_result_wrapper .owl-nav button {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #696b7a;
    justify-content: center;
    }

    .evm_result_wrapper .owl-nav button svg {
      fill: #696b7a;
      width: 15px;
    }

  .evm_result_wrapper .owl-nav {
    position: absolute;
    top: 50%;
    display: flex;
    width:100%;
    justify-content:space-between;
  }
  .evm_result_wrapper .owl-nav button.owl-next {
    transform: scaleX(-1);
    right: -25px;
    position: absolute;
  }
  .evm_result_wrapper .owl-nav button.owl-prev {
    left: -25px;
    position: absolute;
  }
  .quiz_prev_que_view.quiz-mobile-view .evm_result_wrapper .ws-quiz-result-product{
    grid-auto-columns: calc((100% / 1) - 12px);
  }

  @media only screen and (max-width: 1280px){
  .evm_result_wrapper .ws-quiz-result-product { grid-auto-columns: calc((100% / 2) - 12px); }
  }

  @media only screen and (max-width: 1100px){
    .evm_result_wrapper .ws-quiz-result-product { grid-auto-columns: calc((100% / 1) - 12px); }
    }



  /* reponsive  preview  */
  @media only screen and (max-width: 1030px){
    .ws_quiz_settings  {
      height: auto;

    }
  .evm_quiz_settings {width:100%; }
  .right-preview  {width: 100%;}
    .ws_quiz_settings.ws_newfeature.d-flex {
      flex-direction: column;
      gap:20px;
  }
  .quiz_result_preview.right-preview  {
    width:100%;
  }
  .right-preview-wrapper  {
    margin:0px;
  }

  }


  /* quiz Analytic  */
  .ws_quiz_anaylicts_fun  {
  max-width:1170px;
  margin:0 auto;


  }

  .ws_quiz_analytic_views {
    padding: 20px 20px;
    overflow-x: auto;
  }

  .ws_quiz_analytic_row {
    box-shadow: 0px 5px 5px #411D570D;
    border: 1px solid #EBE8EE;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 20px;
    overflow-x: auto;
  }
  .question_response {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    flex-wrap:wrap;
  }
  .question_response h5 {
    margin-bottom: 0;
  }

  .ws_quiz_analytic_row table {
    width: 100%;

  }

  .ws_quiz_analytic_row thead tr{
  background: #F7F6F8;    border-radius: 6px;

  }


  .ws_quiz_analytic_row thead th{width:100px; padding: 10px 20px;}
  .ws_quiz_analytic_row thead th:first-child {
    width: -webkit-fill-available;

    border-radius:  6px 0 0 6px;
  }
  .ws_quiz_analytic_row tbody td {
    padding: 10px 20px;
  }

  .ws_quiz_analytic_row th:last-child {

    border-radius: 0 6px 6px 0;

  }


  .evm_quiz_order {
    position: relative;
    overflow: hidden;
    background: #fff;
    color: #411D57;
    display: block;
    width: 100%;
    padding: 20px 0;
    box-shadow: 0px 15px 10px #411D570D;
    border: 1px solid #EEEAF0;
    border-radius: 6px;
    margin-top: 35px;
  }


  .ws_quiz_anaylicts_fun .evm_quiz_table_details .table-head-row th:nth-child(2) {
    max-width: 30%;
  }

  .ws_quiz_anaylicts_fun .evm_quiz_table_details td:nth-child(2) {
    white-space: break-spaces;
  }




  .evm_quiz_table_details .page-item.active .page-link {
    background-color: #db1f76;
    border-color: #db1f76;
  }


  .selectcollection .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px!important;
  }
  .select2-container--default.select2-container--focus .select2-selection--multiple  {
  border:none

  }

  .ws_quiz_header .quiz_save_btn {
    display:block;
    align-items:center;
  }
  .ws_quiz_header .quiz_save_btn svg {width:20px; height:20px; margin-right:5px}
  .ws_quiz_header .quiz_save_btn svg path{
    stroke:#fff!important;
    animation: loading 1s infinite ;
  }
  .ws_quiz_header .quiz_save_btn svg path:nth-child(1) {
    animation-delay: 0.1s;
  }
  .ws_quiz_header .quiz_save_btn svg path:nth-child(2) {
    animation-delay: 0.2s;
  }
  .ws_quiz_header .quiz_save_btn svg path:nth-child(3) {
    animation-delay: 0.3s;
  }
  .ws_quiz_header .quiz_save_btn svg path:nth-child(4) {
    animation-delay: 0.4s;
  }
  .ws_quiz_header .quiz_save_btn svg path:nth-child(5) {
    animation-delay: 0.5s;
  }
  .ws_quiz_header .quiz_save_btn svg path:nth-child(6) {
    animation-delay: 0.6s;
  }
  .ws_quiz_header .quiz_save_btn svg path:nth-child(7) {
    animation-delay: 0.7s;
  }
  .ws_quiz_header .quiz_save_btn svg path:nth-child(8) {
    animation-delay: 0.8s;
  }


  .quizform_submit {
    display:block;
    align-items:center;
  }
  .quizform_submit svg {width:20px; height:20px; margin-right:5px}
  .quizform_submit svg path{
    stroke:#fff!important;
    animation: loading 1s infinite ;
  }
  .quizform_submit svg path:nth-child(1) {
    animation-delay: 0.1s;
  }
  .quizform_submit svg path:nth-child(2) {
    animation-delay: 0.2s;
  }
  .quizform_submit svg path:nth-child(3) {
    animation-delay: 0.3s;
  }
  .quizform_submit svg path:nth-child(4) {
    animation-delay: 0.4s;
  }
  .quizform_submit svg path:nth-child(5) {
    animation-delay: 0.5s;
  }
  .quizform_submit svg path:nth-child(6) {
    animation-delay: 0.6s;
  }
  .quizform_submit svg path:nth-child(7) {
    animation-delay: 0.7s;
  }
  .quizform_submit svg path:nth-child(8) {
    animation-delay: 0.8s;
  }

  @keyframes loading {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }



  /* Date Picker   */


  #reportrange_evm {
    background: #fff;
    cursor: pointer;
    padding: 8px 15px;
    margin-bottom: 25px;
    border-radius: 4px;
    margin: 0;
    box-shadow: 0 5px 10px #411d570d;
    border: 1px solid #eeeaf0;
  }

  .daterangepicker .ranges li.active,.daterangepicker td.active,.daterangepicker td.active:hover {
    background: linear-gradient(285deg,#db1f76,#db1f76);
    background-image: -webkit-linear-gradient(285deg,#db1f76,#db1f76)
  }

  .datawisee {
    width: auto;
    text-align: center
  }

  .daterangepicker .ranges li:hover,btn-default:active:hover {
    background-color: #f3f3f9;
    color: #000
  }

  .planpriceevmier {
    background: url(https://d3emlu4sl5epij.cloudfront.net/evmshopifyapps/wiser/plan_img.png) 0 0/contain no-repeat;
    position: relative;
    float: left;
    width: 100%
  }


  /*  */

  textarea.form-control::-webkit-scrollbar {
    display: none; /* WebKit browsers (Chrome, Safari) ke liye */
  }