@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";
@import "https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css";
.faq-list{width:100%;margin:0;padding:0;font-family:Arial,sans-serif;overflow:visible}.faq-item{border-bottom:1px solid #ddd;margin-bottom:10px}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;padding:10px;font-weight:600;display:flex}.faq-answer{color:#757575;background-color:#f6f9ff;border-left:2px solid #ccc;border-radius:10px;padding:0 20px;transition:max-height .3s ease-out}.faq-answer ul{margin:.5rem 0 .7rem 1.5rem;list-style-type:disc}.faq-answer li{color:#757575;margin-bottom:.3rem}.faq-answer.open{max-height:1000px;padding:20px}.arrow-up,.arrow-down{border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;transition:transform .3s}.arrow-up{border-bottom:5px solid #333}.arrow-down{border-top:5px solid #333}.faq-question:hover{color:#007bff}
ul.ul-cards{grid-template-columns:repeat(2,1fr);justify-content:center;gap:2rem;width:min(100%,60rem);margin-inline:auto;list-style:none;display:grid}@media (min-width:768px){ul.ul-cards{grid-template-columns:repeat(4,1fr)}}ul.ul-cards>li{--bg-color:#fff;--text-color:#333;--padding:1rem;--circle-size:5rem;--circle-expand:1rem;--flap-height:1.25rem;--flap-offset:.5rem;max-width:15rem;margin-top:calc(var(--circle-size) / 2 + var(--circle-expand));margin-bottom:var(--flap-offset);background-color:var(--bg-color);border-radius:var(--padding);padding:var(--padding);--bs-rim:inset -.1rem .1rem .1rem #ffffff80;--bs-card-spread:.25rem;--bs-card-color:#00000005;--bs-card:-.1rem .1rem var(--bs-card-spread) var(--bs-card-color), -.2rem .2rem var(--bs-card-spread) var(--bs-card-color), -.3rem .3rem var(--bs-card-spread) var(--bs-card-color), -.4rem .4rem var(--bs-card-spread) var(--bs-card-color), -.5rem .5rem var(--bs-card-spread) var(--bs-card-color), -.6rem .6rem var(--bs-card-spread) var(--bs-card-color), -.7rem .7rem var(--bs-card-spread) var(--bs-card-color), -.8rem .8rem var(--bs-card-spread) var(--bs-card-color), -.9rem .9rem var(--bs-card-spread) var(--bs-card-color), -1rem 1rem var(--bs-card-spread) var(--bs-card-color), -1.1rem 1.1rem var(--bs-card-spread) var(--bs-card-color), -1.2rem 1.2rem var(--bs-card-spread) var(--bs-card-color), -1.3rem 1.3rem var(--bs-card-spread) var(--bs-card-color), -1.4rem 1.4rem var(--bs-card-spread) var(--bs-card-color), -1.5rem 1.5rem var(--bs-card-spread) var(--bs-card-color), -1.6rem 1.6rem var(--bs-card-spread) var(--bs-card-color), -1.7rem 1.7rem var(--bs-card-spread) var(--bs-card-color), -1.8rem 1.8rem var(--bs-card-spread) var(--bs-card-color), -1.9rem 1.9rem var(--bs-card-spread) var(--bs-card-color);box-shadow:var(--bs-rim), var(--bs-card);text-align:center;background-image:linear-gradient(to bottom left,#0000 50%,#00000020);grid-template-rows:max-content max-content auto;justify-items:center;gap:.75rem;display:grid;position:relative}ul.ul-cards>li>.icon{width:var(--circle-size);margin-top:calc(var(--circle-size) / -2 - var(--padding));aspect-ratio:1;background-color:var(--bg-color);box-shadow:var(--bs-rim), -.1rem .1rem .25rem #00000040;border-radius:50%;justify-self:center;place-items:center;display:grid}ul.ul-cards>li>.icon>i{font-size:calc(var(--circle-size) / 3);color:var(--accent-color)}ul.ul-cards>li>.title{color:var(--accent-color);margin-top:.5rem;font-weight:700}ul.ul-cards>li>.content{color:var(--text-color);margin-bottom:1rem;font-size:.8rem}ul.ul-cards>li:before,ul>li:after{content:"";position:absolute}ul.ul-cards>li:before{top:calc(var(--circle-size) / -2 - var(--circle-expand));width:calc(var(--circle-size) * 1 + var(--circle-expand) * 2);height:calc(100% + var(--circle-size) / 2 + var(--padding) + var(--flap-offset));background-color:var(--accent-color);border-top-left-radius:calc(var(--circle-size) / 2 + var(--circle-expand));border-top-right-radius:calc(var(--circle-size) / 2 + var(--circle-expand));clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--flap-offset)), calc(100% - var(--flap-offset)) 100%, var(--flap-offset) 100%, 0 calc(100% - var(--flap-offset)));z-index:-1;background-image:linear-gradient(#0000 50%,#00000040 0)}ul.ul-cards>li:after{width:calc(var(--circle-size) * 1 + var(--circle-expand) * 2 - var(--flap-offset) * 2);height:var(--flap-height);bottom:calc(var(--flap-offset) * -1);border-top-left-radius:var(--flap-height);border-top-right-radius:var(--flap-height);background-color:var(--accent-color)}