.main-top{background: linear-gradient(111deg, #F3F8FD -6.86%, #C8E3FF 110.58%);margin-bottom: 50px;}
.head-wrap-content{margin: 12px 0 18px;color: #2E2E2E;font-size: 14px;font-weight: 400;}
/* ai-head */
.head-wrap{display:flex;align-items:center;justify-content:center;margin-bottom: 0px;}
.head-wrap strong{color:#1870D5;font-size:28px;font-style:normal;font-weight:600;line-height:36px;margin-left:5px;display:inline-block;position:relative;}
.head-wrap strong::before{content:"";background-image:url(/quiz-school/tools/quiz-maker-for-teachers/img/ai-arrow.svg);width:100px;height:64px;display:inline-block;background-repeat:no-repeat;position:absolute;left:-150px;top:5px}
.ai-build span{color:#2E2E2E;font-size:14px;font-style:normal;font-weight:400;line-height:normal;display:block;margin-bottom:20px;padding-top:12px;text-align:center}
/*  */
.input-wrap-child{width: 100%;padding:20px;}
.input-wrap-child {text-align: left;}

textarea:disabled {background-color: white; }
.input-wrap{max-width:800px;width:100%;border-radius:12px;background:#FFF;box-shadow: 0 2px 2px #0000000a, 0 8px 8px -8px #0000000a;display:flex;margin:0 auto;gap: 27px;border:.5px solid #CCC }
.input-box{width:100%;border:none;outline:none;resize:none;height:88px;color:#4D4D4D;overflow-y:hidden;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:normal;padding:5px;max-width: 568px;}
/* body :focus{border-bottom:none} */
.input-actions{display:flex;justify-content:space-between;align-items:end;}

.chip{padding:8px 20px;border-radius:3.40282e+38px;background:#fff;cursor:pointer;transition:background .2s;color:#1870D5;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:normal;display:flex;align-items:center;box-shadow: 0 2px 2px #0000000a, 0 6px 6px -10px #1870D5;justify-content: center;}
.chip svg{margin-right:5px}
.chip:hover{background-color:#0a53a8;color:#fff}
.chip.selected-chip{background-color:#0a53a8;color:#fff}
.chip:hover svg path{fill:#fff}
.chip.selected-chip svg path{fill:#fff}
input[type="file"]{display:none}

  .no-credits-req{display:flex;justify-content:center;align-items:center;margin-top:15px;gap:35px}
.no-credit-inner{display:flex;align-items:center;gap:10px}
.no-credit-inner .svg-wrap{display:flex;align-items:center}
.no-credit-inner p{font-size:12px;color:#5C6065}
.head-wrap{
    margin-bottom: 40px !important;
}

@media (max-width:767px) {
  /* ai section */
   .head-wrap{margin-bottom: 20px;}
   .head-wrap svg{width: 20px;}
   .head-wrap strong{font-size:18px;}
   .head-wrap strong::before{background-size:38px;left:-60px;top:6px;display: none;}
   .input-wrap{padding:15px;gap: 10px;}
   .chip{max-width:250px;min-width: unset;}
   /*  */
   .btn-desktop{display: none !important;}
  .btn-mobile{display: block !important;}
  .suggestions{margin: 25px auto 0px;gap: 10px;}
  .input-wrap-child{padding:0px;}
      .no-credits-req {
        flex-direction: column;
        gap: 2px;
    }
        .main-top .h2headingtag {
        text-align: center;
    }
}
.grey-section1{padding:50px 0}
.why-choose-section{background:#fafafa}
.side-menu{padding-right:20px;display:flex;justify-content:center;margin-bottom:30px}
.world-tool .gen{width:33%;text-align:center}
.side-menu ul{padding:0 20px}
.side-menu ul li{display:table;background-repeat:no-repeat;background-position:center left;line-height:28px!important;background-position:0 8px;margin:0 30px 20px 0;position:relative;padding-left:30px}
.side-menu ul li span{position:absolute;left:0;top:1px}
.full-p p{margin:0 auto 50px;max-width:875px}
.world-box .world-heading span{font-size:40px;margin-bottom:15px;display:block;line-height:32px;font-weight:500}
.world-box .world-heading{line-height:32px;color:#525252;font-size:24px;margin:20px 0 0}
.row.price-flex{    align-items: normal;    justify-content: center;} 
.price-s{    width: 48%;max-width: 500px;box-shadow: 0 4px 8px 2px #eee;padding: 30px 15px;text-align: center;position: relative;    border-radius: 20px;}
.price-list ul{min-height: 450px;}
/*.price{max-width:100%;box-shadow:0 4px 8px 2px #eee;padding:30px 15px;min-height:870px;text-align:center;position:relative}*/
.price .free{margin:0!important;font-size:26px!important;font-weight:600;padding-bottom:10px;text-align:center;color:#4d4d4d}
.pd-left{margin-left:25px}
.start{font-weight:400!important;font-size:22px!important;line-height:42px!important;padding-bottom:20px;min-height:103px}
.price-free2{text-align:center;margin-bottom:35px}
.slick-arrow{width:43px;height:43px}
.free2{color:#DF7000;margin-bottom:35px;line-height:52px;font-size:42px;font-weight:500;vertical-align:middle}
.create-tools-inn ul li{color:#676767;font-size:15px;line-height:20px;margin-bottom:15px;list-style:none;text-align:left;display:table;width:100%;color:#676767;line-height:20px;margin-bottom:15px;display:table;width:100%}
.price li{list-style:none;background:url(/quiz-school/sell-online-quizzes-test-exams/images/right-icon.svg) left 0;background-repeat:no-repeat;font-size:15px;padding-bottom:25px;margin-left:67px;padding-left:35px;font-weight:500;line-height:1.5em;text-align:left;display:table;width:100%}
.feat-ul{display:flex;width:auto;flex:1;margin-left:0;text-align:left}
.feat-ul li{flex:1 33%;max-width:33%;padding:15px 15px 20px}
.features-div img{width:auto;max-height:60px}
.head-ing{font-size:20px;color:#4d4d4d;font-weight:500;line-height:25px;margin:0 0 15px}
.faq-div{display:table;width:100%;padding:0 0 30px}
.faqs{text-align:left}
.faqs .faq-div:last-child{margin-bottom:0;padding-bottom:0}
.features-section{width:100%;margin:0 auto}
.features-div {text-align: center;}
@media (max-width: 767px) {
.world-tool .gen{width:100%;text-align:center;margin-bottom:50px}
.world-tool .gen:last-child{margin-bottom:0}
.world-box .world-heading span{font-size:24px}
.pd-left{margin-left:0}
.feat-ul{display:block;overflow:hidden}
.feat-ul li{width:100%;max-width:100%;padding:0 10px 20px;min-height:auto;margin:auto}
.features-section .feat-ul:last-child li:last-child{padding-bottom:0}
.price-s{width:100%;    max-width: initial;margin-bottom:30px}
.price-s:last-child{margin-bottom:0}
.price{min-height:auto}
.side-menu ul li{text-align:left}
.side-menu ul{padding:0!important;margin-top:0!important}
.side-menu{display:contents!important}
.price li {margin-left: 15px;}
.price-list ul{min-height: auto;}
.mobileimgminheight {
    min-height: 213px;
}
}