.main_container_class{min-height:100%;gap:24px}.input-div,.output-div,.input-div-new{padding:20px;border-radius:10px;border:1px solid #EAECF0!important;resize:none}.input-div-shadow{box-shadow:0 15px 60px 0 rgb(15 34 116 / .1);position:relative}.output-div-shadow{box-shadow:0 15px 49px 0 rgb(15 34 116 / .08)}.textarea-div{display:flex;flex-direction:column;gap:.3rem;width:100%;& label{font-size:18px;font-weight:500;color:rgb(8 17 49)}& textarea{border:1px solid #EAECF0;border-radius:10px;width:100%;min-height:70px;font-size:16px;resize:none}& textarea::placeholder{color:#BEC4D6;font-size:16px;font-weight:400}& textarea:focus{outline:none}}.captcha-container{bottom:4%}.content-section{align-items:flex-start!important;gap:100px}.story-use h2{color:#081131;font-size:30px;font-weight:700;line-height:44px}.story-use-image{border-radius:24px;display:flex;align-items:center;justify-content:center}.content1{width:35%;max-width:100%}.content2{width:60%;max-width:100%;flex:1}.text_size_class{line-height:30px}.feature-wraper{background-color:#F5FAFF}.feature_section{padding-bottom:40px}.head_size_class{font-size:24px;line-height:32px}.accordion{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.accordion-item{border:1px solid #E7E7F1;border-radius:15px;padding:24px;background:#FFF;width:45%}.accordion-title{border-bottom:#E7E7F1 1px solid;padding-bottom:16px}.accordion-title img{cursor:pointer}.accordion-title h3{line-height:26px;font-size:20px;color:#081131}.accordion-content p{padding-top:16px;color:#46506A}@media screen and (max-width:1024px){.content-section{flex-direction:column}.content1{width:100%!important;max-width:100%!important}.content2{width:100%!important;max-width:100%!important}}@media screen and (max-width:768px){.accordion-item{width:100%}.captcha-container{bottom:14%;left:50%;transform:translateX(-50%)}}.story-use-detail ul{text-align:left;display:flex;flex-direction:column;margin:auto;padding:10px 30px;list-style-type:disc}.options-div{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin:20px 0;& .option-div{display:flex;flex-direction:column;gap:.3rem;flex:1;& label{color:rgb(8 17 49);font-size:18px;font-weight:500}& select{border:1px solid #EAECF0;border-radius:10px;height:45px;width:100%;cursor:pointer}& option{font-size:16px;color:rgb(8 17 49);font-weight:400;background-color:#FFF;box-shadow:0 10px 35px 0 rgb(0 0 0 / .15);border:none}}}#input-div-parent{display:flex;flex-direction:column;align-items:center}.output-div{padding:20px;& .head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;color:#081131;font-size:18px;font-weight:600;border-bottom:1px solid #EAECF0;& .counts{color:rgb(8 17 49);font-weight:500;font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}}& .content{padding:10px 0;height:330px;overflow:auto;font-size:16px}& .content:focus{outline:none}.footer{display:flex;align-items:center;justify-content:space-between}}@media (max-width:768px){.output-div{& .head{flex-direction:column;gap:.3rem}}.body-wrapper{margin:0 5px}.input-div{& .options-div{flex-direction:column;& .option-div{width:100%}}}}.main_container_class{height:100%!important;border:none!important}#input-div-parent,#output-div-parent{border:1px solid #E1E1E2}
