@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;box-sizing:border-box;font-family:Kani,Qwitcher Grypen,sans-serif}body{margin:0;padding:0;width:100%;height:100%;min-height:100vh;overflow-x:hidden;background:#f5f5f5}a{text-decoration:none;color:inherit;line-height-step:1}.btn{background:#fff;color:#212121;padding:14px 25px;font-size:16px;border-radius:30px;cursor:pointer;border:0;outline:0;display:inline-flex;align-items:center;justify-content:center}.btn.dark-btn{background-color:#280d0d;color:#fff}.btn img{width:20px;margin-left:10px}.container{padding-left:10%;padding-right:10%}@media (max-width: 1200px){.container{padding-left:5%;padding-right:5%}.btn{padding:14px 22px}}nav{width:100%;background:#f4ab38;color:#000;padding:4px 0;position:fixed;top:0;left:0;display:flex;align-items:center;flex-direction:row;justify-content:space-between;z-index:10}.logo{width:180px}nav ul li{display:inline-block;list-style:none;margin:5px 20px;font-size:16px;cursor:pointer}.dark-nav{background:#f4ab38}.menu_icon{display:none}@media (max-width: 1000px){.logo{width:140px}nav ul li{margin:10px 15px}}@media (max-width: 860px){nav{padding:15px 0}nav ul{position:fixed;top:0;right:0;background:#f4ab38;z-index:-1;width:200px;padding-top:70px;transition:.5s}nav ul li{display:block;margin:25px 40px}.menu_icon{display:inline-block;width:30px;cursor:pointer}.hide_mobile_menu{right:-240px}}.carousel-container{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.carousel-image{width:100%;height:auto}.carousel-caption{position:absolute;bottom:25%;left:10%;text-align:center;color:#fff;background:#00000080;padding:20px;border-radius:10px;max-width:30%}.carousel-caption h2{font-size:2.5rem;margin-bottom:10px}.carousel-caption p{font-size:1.2rem}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;font-size:1rem;cursor:pointer;z-index:10;padding:10px;border-radius:0;display:flex;justify-content:center;align-items:center}.carousel-btn:hover{background-color:#000c}.carousel-btn.prev{left:20px}.carousel-btn.next{right:20px}@media (max-width: 1135px){.carousel-container{height:50vh}.carousel-caption h2{font-size:1.7rem}.carousel-caption p{font-size:1rem}}@media (max-width: 800px){.carousel-container{height:50vh}.carousel-caption h2{font-size:1.8rem}.carousel-caption p{font-size:1rem}.carousel-caption{position:absolute;bottom:5%;text-align:center;color:#fff;background:#00000080;padding:20px;border-radius:10px;max-width:80%}}@media (max-width: 576px){body{width:100%;overflow-x:hidden}.carousel-container{max-width:100%;overflow:hidden;position:relative;height:60vh}.carousel-caption{height:47vh}.carousel-caption h2{font-size:1.4rem}.carousel-caption p{font-size:1rem}.carousel-caption{position:absolute;bottom:-50px;text-align:center;color:#fff;background:#00000080;border-radius:10px;max-width:85%;padding-bottom:20px}.carousel-btn{width:30px;height:30px;font-size:1.2rem}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}}.programs{margin:50px auto;width:100%;display:flex;align-items:center;justify-content:space-around}.program{flex-basis:48%;position:relative}.program img{width:100%;border-radius:10px;display:block}.caption{border-radius:10px;position:absolute;top:0;left:0;bottom:0;right:0;background:#f4ab38cc;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#010101;cursor:pointer;opacity:0;padding-top:70%;transition:.4s}.caption img{width:60px;margin-bottom:10px}.program:hover .caption{opacity:1;padding-top:0}.program p{padding:10px;font-size:1em;text-align:justify}.btn.pg{display:block;margin:auto}@media (max-width:1000px){.programs{margin:0 auto 30px;width:100%;display:flex;align-items:center;justify-content:space-around}.program{flex-basis:48%;position:relative}.program img{width:100%;border-radius:10px;display:block}.caption{border-radius:10px;position:absolute;top:0;left:0;bottom:0;right:0;background:#f4ab38cc;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#010101;cursor:pointer;opacity:0;padding-top:70%;transition:.4s}.caption img{width:60px;margin-bottom:10px}.program:hover .caption{opacity:1;padding-top:0}.program p{padding:10px;font-size:1.2em;text-align:justify}.btn.pg{display:block;margin:auto}}@media (max-width:800px){.programs{flex-direction:column}.program{flex-basis:100%;margin:2%}}.title{text-align:center;color:#280d0d;font-size:15px;font-weight:600;text-transform:uppercase;margin:10px auto}.title h2{font-size:32px;color:#280d0d;margin-top:0;text-transform:none}.about{margin:50px auto;height:60vh;display:flex;align-items:center;justify-content:space-between;width:90%}.about-left{flex-basis:54%;position:relative}.about-right{flex-basis:42%}.about-img{width:100%;border-radius:10px 0}.play-icon{width:60px;position:absolute;top:45%;left:45%;cursor:pointer}.about h3{font-weight:600;font-size:1.2em;color:#280d0d}.about h2{font-size:35px;color:#280d0d;margin:10px 0;max-width:400px}.about p{color:#010101;font-size:1em;margin-bottom:15px;text-align:justify}@media (max-width:1640px){.about{width:100%}}@media (max-width:1200px){.about{width:100%}.about-left{flex-basis:48%;position:relative}.about-right{flex-basis:50%}.about h2{margin:0}.about p{margin-bottom:15px}}@media (max-width:1000px){.about{flex-direction:column;width:100%;height:110vh}.about p{font-size:1em}.about-left{flex-basis:100%;margin:20px;order:2}.about-right{flex-basis:100%}}@media (max-width:800px){.about{flex-direction:column;width:100%;height:110vh}.about p{font-size:1em}.about-left{flex-basis:100%;margin:10px;order:2}.about-right{flex-basis:100%}}@media (max-width:576px){.about{flex-direction:column;width:100%;height:110vh}.about-left{flex-basis:100%;margin:10px;order:2}.about-right{flex-basis:100%}}.contact.container{width:100%;height:70vh;background-color:#f4ab38}.contact{margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between}.contact-col{flex-basis:48%;color:#010101}.contact-col h3{color:#010101;font-size:2.3rem;font-weight:700;display:flex;align-items:center;margin-bottom:10px}.contact-col p{min-width:450px;list-style:.3;font-size:1em}.contact-col ul li{display:flex;align-items:center;margin:10px 0}.contact-col ul li img{width:25px;margin-right:8px}.pt{padding-top:25px}.contact form input,.contact form textarea{display:block;width:100%;background:#ebecfe;border:0;outline:0;margin-bottom:15px;margin-top:5px;padding:15px;resize:none}.contact-col span{display:block;margin:20px 2px}@media (max-width: 800px){.contact{display:block;min-height:700px}.contact-col{padding:20px}}@media (max-width: 576px){.contact{display:block;min-height:750px}.contact-col{padding:15px}.contact-col p{min-width:100%;list-style:.3;font-size:1.2em}}.footer.container{width:100%;background-color:#280d0d}.footer{width:80%;padding:20px;margin:0 auto;min-height:25vh;color:#fff}.footer ul li{list-style:none;width:100%;text-align:center;display:inline-block}.social-media,.copyright{width:100%;text-align:center}.social-media{cursor:pointer;margin-bottom:10px;display:flex;justify-content:center;gap:10px}.social-media .icon{cursor:pointer;transition:transform .3s ease,color .3s ease}.social-media .icon:hover{transform:scale(1.5);color:#f4ab38}@media (max-width: 600px){.footer{display:block;text-align:center}.footer ul li{margin:10px}.footer ul{margin-top:10px}}.video-player{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#000000e6;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column}.video-player video{width:90%;max-width:900px;height:auto;border:4px solid #fff}.video-player.hide{display:none}.project{margin:0 auto;padding:0 40px;position:relative}.next-btn,.back-btn{padding:15px;width:40px;position:absolute;top:50%;right:0;transform:translateY(-50%);border-radius:50%;background-color:#f4ab38;cursor:pointer;z-index:100}.back-btn{right:auto;left:0}.slider{overflow:hidden}.slider ul{display:flex;width:200%;overflow-x:hidden;transition:.5s}.slider ul li{list-style-type:none;width:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.slide{box-shadow:0 0 5px #0000000d;padding:0 40px;border-radius:10px;color:#676767;line-height:1.4}.slide img{flex-shrink:300px}.project-info{flex-basis:40%;order:2;text-align:justify}.project-info img{width:100%;clip-path:url(#saxophone-mask);border:2px solid #fff;box-shadow:0 4px 6px #0000004d}.project-desc{flex-basis:58%;text-align:justify}.project-desc .btn{margin-top:0}.slide h3{color:#000;font-size:25px;margin-bottom:1px}.slide p{margin-bottom:5px;font-size:1.2em;color:#010101}@media (max-width: 1200px){.project{padding:0 5px;position:relative;flex-direction:column}}@media (max-width: 1000px){.project{padding:0 5px;position:relative;flex-direction:column}.project .slide{display:flex;flex-direction:column;padding:0 10px}.next-btn,.back-btn{padding:10px;width:35px}.project ul li{padding:0 10px}.slide h3{font-size:1.2em}.slide p{font-size:1em}.slide{box-shadow:0 0 2px #0000000d;padding:0 30px;border-radius:10px;color:#676767;line-height:1.4}.slider ul li{list-style-type:none;width:100%;padding:0 10px;display:flex;align-items:center;justify-content:space-between}}@media (max-width: 800px){.slider ul li{width:100%}.project-info{max-width:600px;display:block;font-size:1em}.project-info h3{font-size:1.3em}.slider p{font-size:1em}.slide{box-shadow:0 0 #0000000d;padding:30px;border-radius:0;color:#676767;line-height:1.2}.project-info img{box-shadow:none}.next-btn,.back-btn{top:40%}}@media (max-width: 576px){.slider ul li{width:100%}.project-info{display:block;font-size:1.1em}.project-info h3{font-size:1.3em}.slider p{font-size:1em}.slide{box-shadow:0 0 #0000000d;padding:30px;border-radius:0;color:#676767;line-height:1.2}.project-info img{box-shadow:none}.next-btn,.back-btn{top:45%}}
