.accordions-tutorial{width:60%;min-height:400px;max-height:fit-content;margin:0 auto 20px}.accordions-tutorial .c{position:relative;margin:0 20px}.accoridons input{position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;visibility:0}.accordions-tutorial .c h1,.accordions-tutorial .p h3{background:var(--secondary-color);color:#fff;position:relative;padding:10px 20px;border-radius:5px;margin:5px!important;font-weight:700;transition:.5s!important}.accordions-tutorial h1:hover{scale:1.01}.accordions-tutorial label::before{content:"";display:inline-block;border:15px solid transparent;border-left:20px solid #fff}.accordions-tutorial label{cursor:pointer;position:relative;display:flex;align-items:center;color:var(--white);font-size:.3em;display:flex;gap:20px}.accordions-tutorial .p{max-height:0;overflow:hidden;transition:max-height .5s;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);border-radius:5px}.accordions-tutorial .p p{padding:10px;font-weight:700;font-size:15px;color:#424242}.accordions-tutorial input:checked~h1 label::before{border-left:15px solid transparent;border-top:20px solid #fff;margin-top:12px;margin-right:10px}.accordions-tutorial input:checked~h1~div.p{max-height:22200px!important;margin-bottom:20px}.accordions-tutorial .flag{height:30px;width:50px;background-repeat:no-repeat;background-size:cover;background-position:center;border:1px solid var(--white)}.tutorial-message{border:1px solid var(--red);max-width:900px;width:100%;margin:20px auto;padding:10px;border-radius:5px;color:var(--white)}.tutorial-message p{color:var(--white);text-align:center;font-size:1.2em;line-height:1.7em}.tutorial-message p a{font-weight:bolder;color:var(--red)!important}.tutorial-image-place-holder{height:fit-content;width:95%;margin:0 auto}.tutorial-image-place-holder img{object-fit:contain;width:100%}@media screen and (max-width:790px){.accordions-tutorial{width:100%}.accordions-tutorial label{font-size:.2em}}