.faq-container{display:flex;flex-direction:column;align-items:center}.collapsible{background-color:#fff;width:50%;height:7rem;margin:10px 0;box-shadow:0 2px 5px #ffe2e226;cursor:pointer;overflow:hidden;border:2px solid #c3c6ce;border-radius:10px;padding:10px;transition:all .5s ease}.faq-header{padding:18px;color:#333}.collapsible:hover{border-color:#0337c3;box-shadow:0 4px 18px #00000040}.collapsible.active{padding:30px;width:80%}.icon{font-weight:bolder;color:#9ca3af;transition:all 1s ease}.icon:after{content:"+";font-size:2em;transition:all .5s ease}.collapsible.active .icon:after{content:"X";font-size:2em;transition:all .5s ease}.faq-quiz{display:block;transform:translate(0)}.faq-header:hover .faq-quiz{color:#0337c3;transition:all 1.5s ease}.collapsible.active .faq-quiz{font-size:2rem;color:#0337c3;transform:translate(21%)}.faq-content{margin:1% 20%;max-height:0;overflow:hidden;transition:max-height .1s ease;background-color:#fff}.faq-content iframe{width:100%;height:50vh}@media(max-width:1700px){.collapsible{width:65%}}@media(max-width:1080px){.collapsible{width:80%}}@media(max-width:900px){.collapsible{width:90%;height:7rem}.collapsible.active .icon:after{content:"X";font-size:1.5em;transition:all .5s ease}.collapsible.active{width:95%;padding:20px 0;justify-content:start}.collapsible.active .faq-quiz{font-size:1.7rem;color:#0337c3;transform:translate(5%);line-height:2rem}.faq-content{margin:1% 10%}.faq-content iframe{width:100%;height:30vh}}@media(max-width:800px){.collapsible{width:90%;height:7rem}.faq-header{padding:0;margin:0}.collapsible.active{width:95%;padding:20px 0;justify-content:start}.collapsible.active .faq-quiz{font-size:1.2rem;color:#0337c3;transform:translate(5%);line-height:2rem}.faq-content{margin:1% 5%}.faq-content iframe{width:100%;height:30vh}}