@font-face{font-family:amatic;src:url(/assets/AmaticSC-Regular.f3772587.ttf)}@font-face{font-family:amatic-bold;src:url(/assets/AmaticSC-Bold.046da5ed.ttf)}@font-face{font-family:varela;src:url(/assets/VarelaRound-Regular.4ecfc7e6.ttf)}.fs12{font-size:.75rem}.fs14{font-size:.875rem}.fs18{font-size:1.125rem}.fs20{font-size:1.25rem}.fs24{font-size:1.5rem}.fs28{font-size:1.75rem}.fs30{font-size:1.875rem}.text-center{text-align:center}.flex{display:flex}.flex>*.full{flex:1}.flex.column{flex-direction:column}.flex.justify-center{justify-content:center}.flex.align-center{align-items:center}.flex.space-between{justify-content:space-between}.square-ratio{position:relative;overflow:hidden}.square-ratio:before{display:block;content:"";width:100%;padding-top:100%}.square-ratio>*{position:absolute;top:0;left:0;right:0;bottom:0}.square-ratio>img{height:100%;object-fit:cover}.video-ratio{position:relative;overflow:hidden}.video-ratio:before{display:block;content:"";width:100%;padding-top:56.25%}.video-ratio>*{position:absolute;top:0;left:0;right:0;bottom:0}.video-ratio>img{height:100%;object-fit:cover}.portrait-ratio{position:relative;overflow:hidden}.portrait-ratio:before{display:block;content:"";width:100%;padding-top:177.7777777778%}.portrait-ratio>*{position:absolute;top:0;left:0;right:0;bottom:0}.portrait-ratio>img{height:100%;object-fit:cover}.bold{font-weight:700}.ltr{direction:ltr}.container{padding:10px;padding-inline:25px}.main-container{display:grid;grid-template-columns:20px 1fr 20px}.main-container>*{grid-column:2}.main-container>*.full{grid-column:1/-1}@media (min-width: 500px){.main-container{grid-template-columns:minmax(20px,1fr) minmax(auto,460px) minmax(20px,1fr)}}@media (min-width: 760px){.main-container{grid-template-columns:minmax(20px,1fr) minmax(auto,720px) minmax(20px,1fr)}}@media (min-width: 1000px){.main-container{grid-template-columns:minmax(20px,1fr) minmax(auto,960px) minmax(20px,1fr)}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px}*{box-sizing:border-box}::selection{background-color:#b1c0ad;color:#eee}html{font-family:montserrat;line-height:1.6;color:#52674d}body{background-color:#eee;font-size:1.125rem;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4,h5,h6{margin:0 0 .6em;line-height:1}p{margin:0 0 1em;max-width:40ch}a{text-decoration:none;color:#393939}a:hover{color:#52674d}button{cursor:pointer;border-radius:9px}.root-container{max-width:1670px;margin-inline:auto}.rtl{direction:rtl}p,h2,h3,h4,h5,input{font-family:varela}button{border:0;background-color:#b1c0ad;color:#f5f5f5;padding:5px 10px;margin:5px}header{padding:10px;display:flex;justify-content:space-between;font-family:amatic;font-size:1.6rem;background-color:transparent}header .logo-container{width:100%;display:flex;justify-content:center;position:relative}header .logo-container .logo{width:10px}header .logo-container span{padding-inline:4px}header .logo-container .trans-btn{width:50px;background-color:transparent;position:absolute;left:1%}header .logo-container .trans-btn img{width:100%}header .loggedin-user{background-color:#b1c0ad;padding:2px 8px;border-radius:1em;align-self:flex-end;color:#f5f5f5}header .loggedin-user span{background-color:#52674d;padding:4px;margin:10px;border-radius:50%}header .loggedin-user img{width:2em;height:2em;border-radius:50%}header nav{display:flex;flex-direction:column;align-items:center;padding:5px 0;width:100%;padding-inline:5px}header nav .link-container{display:flex;align-items:center;justify-content:center;width:100%}header nav .link-container .rtl{flex-direction:row-reverse}header nav .header-line{background-color:#b1c0ad;min-width:0;flex:1;height:3px;margin-inline:25px;border-radius:5px;transform:translateY(50%)}header nav a{padding-inline:3px;margin-inline:7px;transition:.2s;border-bottom:2px solid transparent}header nav a:hover{color:#b1c0ad}header nav .active{border-bottom:2px solid #b1c0ad;border-radius:2px}@media (max-width: 700px){header .logo-container .trans-btn{width:40px}header nav{overflow-x:hidden}header nav .link-container{width:800%}header nav .link-container .header-line{margin-inline:7px}}.alert{background-color:#d3d3d3;position:absolute;top:0;right:.5em;padding:1em}.alert.alert-success{background-color:#90ee90}.alert.alert-error{background-color:#f08080}.review-list{list-style:none;display:flex;flex-wrap:wrap}.review-list li{background-color:#52674d;color:#eee;padding:5px;margin:5px}.review-list a{color:#b1c0ad;padding:10px}.review-list pre{background-color:#ddd;color:#333;padding:10px 5px;margin:5px}.car-list{list-style:none;display:flex;flex-wrap:wrap}.car-list li{background-color:#52674d;color:#eee;padding:5px;margin:5px}.car-list a{color:#b1c0ad;padding:10px}.car-list pre{background-color:#ddd;font-size:.5em;color:#333;padding:.2em;margin:.2em}.home{display:flex;align-items:center;position:relative;gap:60px;flex:1;flex-direction:column;padding-top:20px;padding-bottom:60px}.home h2{font-family:amatic;font-size:2rem}.home .hero-container{display:flex;align-items:center;justify-content:space-around;width:100%}.home .hero-container .message-box{display:flex;flex-direction:column;gap:15px;align-items:center;background-color:#b1c0ad;padding-inline:20px;border-radius:8px;padding-top:110px;justify-content:center;width:363px;min-height:460px;transform:translate(0);overflow-x:hidden}.home .hero-container .message-box img{position:absolute;top:5%;left:0;width:130%;z-index:-1}.home .hero-container .message-box input{border-radius:15px;border:none;outline:0;padding-inline:10px;height:30px;width:90%;background-color:#eee}.home .hero-container .message-box button{background-color:#52674d;padding-inline:15px;padding-block:8px;width:40%;border-radius:30px;font-size:1.5rem;font-family:amatic-bold}.home .hero-container .message-box button:hover{transform:scale(1.1);transition:.4s}.home .hero-container .message-box .bold{text-decoration:underline}.home .hero-container .details{z-index:20}.home .hero-container .details p{margin-bottom:0}.home .hero-container .details .recommand-container{margin:auto;display:flex;justify-content:center;color:#393939;border-radius:3px;position:relative;height:210px;overflow:hidden;border-top:2px #b1c0ad solid;border-bottom:2px #b1c0ad solid}.home .hero-container .details .recommand-container .recommand{flex-direction:column;display:flex;align-items:center;position:absolute;border-radius:10px;padding:10px;width:85%;height:180px;background-color:#b1c0ad;transform:translateY(-150%);transition:opacity 3s ease-in-out,transform 3s ease-in-out;opacity:0;font-size:15px;margin:auto;justify-content:space-around}.home .hero-container .details .recommand-container .recommand p:first-child{scrollbar-width:thin;scrollbar-color:#888 transparent;border-radius:8px;padding-inline:10px}.home .hero-container .details .recommand-container .recommand p:first-child::-webkit-scrollbar{width:5px}.home .hero-container .details .recommand-container .recommand p:first-child::-webkit-scrollbar-thumb{background-color:#52674d;border-radius:4px}.home .hero-container .details .recommand-container .recommand p:first-child::-webkit-scrollbar-track{background-color:transparent}.home .hero-container .details .recommand-container .active-recommand{transform:translateY(15px);opacity:1}.home .hero-container .details .recommand-container .close-recommand{transform:translateY(150%);opacity:0}.home .instruments-container{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%;height:150px}.home .instruments-container .instrument{position:relative;cursor:pointer;width:20%;height:100%}.home .instruments-container .instrument h4{position:absolute;color:#eee;font-size:30px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20}.home .instruments-container .instrument .img-container{height:100%}.home .instruments-container .instrument .img-container img{width:100%;height:100%;border-radius:5px;opacity:.7}.home .instruments-container .instrument:hover img{opacity:1;transition:.5s}.home .instruments-container .instrument:hover h4{font-size:40px;transition:.5s}.home .submitted-container{background-color:#52674d;border-radius:10px;color:#b1c0ad;padding:25px;max-width:300px;position:fixed;z-index:100;box-shadow:0 8px 16px #0003}.home .submitted-container button{padding:10px;font-size:16px;color:#393939;transition:.1s;font-weight:700}.home .submitted-container button:hover{transform:scale(1.1)}@media (max-width: 700px){.home{gap:20px}.home .submitted-container{top:50%;transform:translateY(-50%)}.home .hero-container{flex-direction:column-reverse}.home .hero-container .message-box{width:100%}.home .hero-container>*{margin-bottom:20px}.home .hero-container .details .p-container{margin-bottom:20px}.home .hero-container .details .recommand-container{height:260px}.home .hero-container .details .recommand-container .recommand{height:230px}.home .instruments-container{flex-wrap:wrap}.home .instruments-container .instrument{width:47%;margin-bottom:15px}.home .instruments-container .instrument h4{font-size:large}.home .instruments-container .instrument img{object-fit:cover;object-position:30% center}}@media (min-width: 600px){.media-container .videos-container{margin:auto;display:flex;overflow-x:hidden;padding-block:200px;align-items:center;position:relative}}@media (min-width: 600px) and (min-width: 1500px){.media-container .videos-container{padding-inline:7%}}@media (min-width: 600px){.media-container .videos-container .video-container{position:absolute;z-index:100;transition:2s}.media-container .videos-container .video-container iframe{transition:2s;border-radius:20px;flex:1;width:310px;height:200px;transform:scale(1.2)}.media-container .videos-container .video-container .video-cover{transform:scale(1.2);border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#ffffff1f;transition:.5s}.media-container .videos-container .video-container .video-cover:hover{cursor:pointer;background-color:transparent}}@media (min-width: 600px){.media-container .videos-container .played-video iframe{transform:scale(1.7)}.media-container .videos-container .played-video .video-cover{display:none}}@media (min-width: 600px){.media-container .videos-container .small-video{z-index:80}.media-container .videos-container .small-video iframe,.media-container .videos-container .small-video .video-cover{transform:scale(1)}}@media (min-width: 600px){.media-container .videos-container .medium-video{z-index:90}.media-container .videos-container .medium-video iframe,.media-container .videos-container .medium-video .video-cover{transform:scale(1.1)}}@media (min-width: 600px){.btn-container{display:flex;align-items:center;justify-content:center}.btn-container.rtl-media{flex-direction:row-reverse}.btn-container .arrow{border-radius:50%;background-color:#eee}.btn-container .arrow img{width:50px;height:50px}}.right-arrow{transform:rotate(180deg) translateY(3px)}@media (max-width: 600px){.media-container{display:flex;padding-inline:25px;padding-top:30px}.media-container .videos-container{flex-direction:column;width:100%;display:flex;align-items:center;overflow-x:scroll;gap:25px}.media-container .videos-container .video-container{transform:translate(0)!important}.media-container .videos-container .video-container iframe{border-radius:20px}.media-container .arrow{display:none}}.lesson-container{display:flex;flex-direction:column;color:#393939;width:100%;padding-top:4%;margin-bottom:40px}.lesson-container .first-p{background-color:#b1c0ad;padding:150px 10px 10px;padding-inline:40px;border-radius:10px;position:relative;z-index:-1;color:#52674d}.lesson-container .first-p img{position:absolute;top:-100px;left:0;width:100%;height:100%;z-index:-1}.lesson-container .first-p p{max-width:30ch;z-index:10}.lesson-container .second-container{display:flex;justify-content:space-around}.lesson-container .note-book{display:flex}.lesson-container .note-book .instrument-name{text-transform:capitalize}.lesson-container .note-book .guitar{background-color:#d2e3c8}.lesson-container .note-book .piano{background-color:#a6caa9}.lesson-container .note-book .harmonica{background-color:#8caa8b}.lesson-container .note-book .bass{background-color:#719b75}.lesson-container .note-book .bookmarks{display:flex;flex-direction:column;flex:1.4;align-items:end;width:135px}.lesson-container .note-book .bookmarks>*{cursor:pointer;opacity:.6;width:135px;height:40px;border-end-start-radius:7px;display:flex;justify-content:space-between;align-items:center;padding-inline:10px;transform:translate(41%);transition:.4s}.lesson-container .note-book .bookmarks>* p{margin:0;font-family:amatic-bold;font-size:1.6rem}.lesson-container .note-book .bookmarks>* img{width:40px}.lesson-container .note-book .bookmarks>*:hover{opacity:.8;transform:translate(0)}.lesson-container .note-book .bookmarks .current-instrument{opacity:1;transition:.3s;width:150px;border-start-start-radius:7px;z-index:20;transform:translate(0)}.lesson-container .note-book .instrument-pages{position:relative;width:400px;min-height:350px}.lesson-container .note-book .instrument-pages>*{position:absolute;opacity:0;transition:.5;border-radius:7px;border-start-start-radius:0px;padding:10px;display:grid;padding-inline:35px;height:fit-content;min-height:350px}.lesson-container .note-book .instrument-pages>* h3{padding-top:10px;font-family:amatic-bold;font-size:2rem}.lesson-container .note-book .instrument-pages>* p{justify-self:center;max-width:35ch}.lesson-container .note-book .instrument-pages .current-instrument{z-index:10;opacity:1}.lesson-container .fs-p{font-size:1rem;margin-bottom:0}.lesson-container.rtl-lesson .bookmarks>*{transform:translate(-41%)}.lesson-container.rtl-lesson .fs-p{font-size:1.125rem;margin-bottom:10px}@media (max-width: 700px){.lesson-container p{max-width:none}.lesson-container .first-p{padding-top:100px;margin-bottom:25px}.lesson-container .first-p img{top:-100px}.lesson-container .second-container,.lesson-container .note-book{flex-direction:column}.lesson-container .note-book .bookmarks{font-size:15px;flex-direction:row;flex:none;height:80px;transform:translateY(1px);width:100%}.lesson-container .note-book .bookmarks>*{flex:1;width:100%;border-radius:0;height:85px;flex-direction:column;transform:translateY(50%);padding-block:4px}.lesson-container .note-book .bookmarks>* p{font-size:1.5rem}.lesson-container .note-book .bookmarks>:first-child{border-start-start-radius:5px}.lesson-container .note-book .bookmarks>:last-child{border-start-end-radius:5px}.lesson-container .note-book .bookmarks .current-instrument{border-top-right-radius:5px;border-top-left-radius:5px;font-size:16px;height:80px}.lesson-container .note-book .instrument-pages{width:100%;margin-bottom:80px}.lesson-container .note-book .instrument-pages>*{border-start-end-radius:0;padding-inline:10px}}.contact-container{padding-top:40px}.contact-container .contacts-container{padding-top:50px;display:flex;flex-direction:column;align-items:center;flex:1}.contact-container h2{margin-bottom:20px;font-family:amatic-bold}.contact-container a{padding:0;margin:0;display:flex;align-items:center}.contact-container .logo{width:100px;border-radius:10px;margin:0;padding:0}.contact-container .left-logo{width:35px;height:50px}.contact-container .right-logo{width:100px}.about-container{display:flex;justify-content:space-between;padding-top:55px;margin-inline:0px;padding-inline:100px;align-items:center;height:70vh;position:relative}.about-container .sheets-background{position:absolute;top:60px;left:0%;width:100%;height:50%}.about-container .first-about,.about-container .second-about{width:28%;position:relative;height:100%}.about-container .img-container{height:100%;max-width:100%}.about-container .img-container img{border-radius:5px;width:100%;height:100%;object-fit:cover;object-position:30% center}.about-container .about-text{background-color:#b1c0ad;border-radius:5px;position:absolute;width:110%;top:0;opacity:.9;padding:5px;display:flex;flex-direction:column;font-size:14px}.about-container .about-text.first-text{transform:translate(50%,18%)}.about-container .about-text.second-text{transform:translate(-55%,-15%);font-size:13px}.about-container .about-text h3{font-family:amatic;font-size:1.5rem}.about-container .about-text p{margin-bottom:1px;text-align:center;width:100%;max-width:none}.about-container.rtl-about{flex-direction:row-reverse}.about-container.rtl-about .about-text{width:95%}.about-container.rtl-about .about-text.first-text{transform:translate(60%,35%)}.about-container.rtl-about .about-text.second-text{transform:translate(-60%,-10%);font-size:14px}@media (min-width: 1400px){.about-container .about-text.first-text{transform:translate(55%,30%);width:95%;font-size:15px}.about-container .about-text.second-text{transform:translate(-50%,-10%);width:90%;font-size:15px}.about-container.rtl-about .about-text{padding-inline:20px;padding-block:20px}.about-container.rtl-about .about-text.first-text{transform:translate(60%,50%)}.about-container.rtl-about .about-text.second-text{transform:translate(-60%,-10%)}}@media (max-width: 700px){.about-container{flex-direction:column;gap:250px;padding:0;height:auto}.about-container .sheets-background{display:none}.about-container .first-about,.about-container .second-about{width:100%;height:100%}.about-container .first-about{margin-top:50px;margin-bottom:100px}.about-container .second-about{margin-bottom:400px}.about-container .about-text.first-text{width:80%;transform:translate(20%,54%);font-size:small}.about-container .about-text.second-text{transform:translate(5%,50%);width:80%;font-size:small}.about-container .img-container img{border-radius:3px}.about-container.rtl-about{flex-direction:column}.about-container.rtl-about .first-about{margin-bottom:10px}.about-container.rtl-about .about-text.about-text{transform:translate(-20%,75%)}.about-container.rtl-about .about-text.second-text{transform:translate(-5%,60%)}}