*,:after,:before{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--primary-hue:235;--gray-hue:240;--color-primary:hsl(var(--primary-hue),57%,9%);--color-primary-variant:hsl(var(--primary-hue),100%,65%);--color-secondary:#ffb116;--color-gray-100:hsl(var(--gray-hue),47%,94%);--color-gray-200:hsl(var(--gray-hue),26%,75%);--color-gray-300:hsl(var(--gray-hue),24%,64%);--color-gray-400:hsl(var(--gray-hue),16%,41%);--color-gray-500:hsl(var(--gray-hue),44%,25%);--color-gray-600:hsl(var(--gray-hue),48%,15%);--container-width-lg:80%;--container-width-md:90%;--transition:all 500ms ease}body{background:#141439;background:var(--color-gray-600);color:#afafd0;color:var(--color-gray-200);line-height:1.7;overflow-x:hidden}body,button{font-family:Saira,sans-serif}.container{margin-inline:auto;max-width:1920px;width:80%;width:var(--container-width-lg)}h1,h2,h3,h4,h5{color:#e9e9f7;color:var(--color-gray-100);line-height:1.2}h1{font-size:3rem}h2{font-size:2rem}a{color:#e9e9f7;color:var(--color-gray-100)}img{display:block;object-fit:cover;transition:all .5s ease;transition:var(--transition);width:100%}img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.link{color:#e9e9f7;color:var(--color-gray-100)}.link:hover{color:#ffb116;color:var(--color-secondary)}.btn{background:#0a0c24;background:var(--color-primary);border-radius:1.5rem;color:#e9e9f7;color:var(--color-gray-100);margin:0 auto;padding:.9rem 2rem;transition:all .5s ease;transition:var(--transition);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn:hover{background:#ffb116;background:var(--color-secondary);color:#141439;color:var(--color-gray-600)}.btn.lg{border-radius:2rem;font-size:1.1rem;padding:1.2rem 3rem}.btn.sm{font-size:.9rem;padding:.4rem 1.2rem}.btn.sm:hover{background:#e9e9f7;background:var(--color-gray-100)}section{margin-top:10rem}.section__head{align-items:center;display:flex;gap:1rem}.section__head span{color:#ffb116;color:var(--color-secondary);display:grid;font-size:1.5rem;padding:.8rem;place-items:center}.card{background:#24245c;background:var(--color-gray-500);border:2px solid transparent;border-radius:0 3rem 0 3rem;padding:3rem 2rem;position:relative;text-align:center;transition:all .5s ease;transition:var(--transition)}.card:hover{background:transparent;border-color:#585879;border-color:var(--color-gray-400);cursor:default}.card span{background-color:#0a0c24;background-color:var(--color-primary);border-radius:1rem;color:#e9e9f7;color:var(--color-gray-100);display:grid;font-size:1.5rem;height:3rem;margin-bottom:1.5rem;margin-inline:auto;padding:.8rem;place-items:center;transition:all .5s ease;transition:var(--transition);width:3rem}.card:hover span{background:#ffb116;background:var(--color-secondary);color:#141439;color:var(--color-gray-600)}.card small{display:block;font-weight:300;margin-bottom:2.5rem;margin-top:1rem}.card:hover a{color:#141439;color:var(--color-gray-600)}.header{border-bottom:2px solid #585879;border-bottom:2px solid var(--color-gray-400);height:20rem;margin-top:5rem;overflow:hidden}.header__container{background:#000;display:grid;height:100%;place-items:center;position:relative;width:100%}.header__container-bg{position:absolute;width:100%}.header__container-bg img{opacity:.5}.header__content{color:#e9e9f7;color:var(--color-gray-100);margin-inline:auto;position:relative;text-align:center;width:44%}.header__content h2{margin-bottom:1rem}.header__content p{color:hsla(0,0%,100%,.75)}@media screen and (max-width:1024px){.container{width:90%;width:var(--container-width-md)}h1{font-size:2rem}h2{font-size:1.6rem}.header__container-bg{scale:1.3}.header__content{width:76%}}@media screen and (max-width:600px){h1{font-size:2.2rem;line-height:1.3}section{margin-top:7rem}.header{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.header__content{padding:3rem 0;width:90%;width:var(--container-width-md)}.header__content p{font-size:.85}.header__container-bg{scale:2.1}}nav{background:var(--color-primary);display:grid;height:5rem;left:0;place-items:center;position:fixed;top:0;width:100vw;z-index:1000}.nav__container{align-items:center;display:flex;height:100%;justify-content:space-between;position:relative}.logo{display:block;width:10rem}.nav__links{display:flex;gap:3.5rem}.nav__links a{transition:var(--transition)}.active-nav,.nav__links a:hover{color:var(--color-secondary)}.active-nav{position:relative}.active-nav:after{background:var(--color-primary);content:"";display:block;height:1.2rem;left:calc(50% - .6rem);margin-top:.9rem;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1.2rem}.nav__toggle-btn{display:none}@media screen and (max-width:1024px){.nav__toggle-btn{background:transparent;cursor:pointer;display:inline-block;font-size:1.8rem}.nav__toggle-btn svg{color:var(--color-gray-100)}.nav__links{flex-direction:column;gap:0;-webkit-perspective:400px;perspective:400px;position:absolute;right:0;top:100%}.active-nav,.active-nav:after{display:none}.nav__links li{-webkit-animation:navAnimation .6s ease forwards;animation:navAnimation .6s ease forwards;box-shadow:-2rem 2rem 5rem rgba(0,0,0,.5);height:4rem;opacity:0;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:top;transform-origin:top;width:100%}.show__nav{display:flex}.hide__nav{display:none}.nav__links li:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.nav__links li:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.nav__links li:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.nav__links li:nth-child(5){-webkit-animation-delay:.8s;animation-delay:.8s}.nav__links li:nth-child(6){-webkit-animation-delay:1s;animation-delay:1s}.nav__links li:nth-child(7){-webkit-animation-delay:1.2s;animation-delay:1.2s}.nav__links li:nth-child(8){-webkit-animation-delay:1.4s;animation-delay:1.4s}@-webkit-keyframes navAnimation{to{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes navAnimation{to{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}}.nav__links li a{align-items:center;background-color:var(--color-primary);display:flex;height:100%;padding:1rem 5rem 1rem 3rem;width:100%}}.about__section-image{overflow:hidden;transition:var(--transition)}.about__section-content h1{margin-bottom:2rem}.about__section-content p{margin-bottom:1rem}.about__mission-container,.about__story-container{grid-gap:10%;display:grid;gap:10%;grid-template-columns:40% 50%}.about__vision-container{grid-gap:10%;display:grid;gap:10%;grid-template-columns:50% 40%}@media screen and (max-width:1024px){.about__section-image{width:60%}.about__section-content h1{margin-bottom:1.2rem}.about__mission-container,.about__story-container,.about__vision-container{gap:3rem;grid-template-columns:1fr}.about__vision .about__section-image{grid-row:1}}@media screen and (max-width:600px){.about__section-image{margin-inline:auto;width:80%}.about__mission-container,.about__story-container,.about__vision-container{gap:2rem}}.socials{align-items:center;display:flex;font-size:1.4rem;gap:1rem}.socials a svg{color:var(--color-gray-100);transition:var(--transition)}.socials a:hover svg{color:var(--color-secondary)}.contact__container{display:grid;place-items:center}.contact__wrapper{display:flex;gap:2rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact__wrapper a{background:var(--color-primary);border:2px solid transparent;border-radius:1.5rem;display:inline-flex;font-size:2rem;padding:2rem;transition:var(--transition);vertical-align:middle}.contact__wrapper a:hover{background:transparent;border-color:var(--color-secondary);color:var(--color-secondary)}.line{background-color:var(--color-gray-400);height:2px;margin-top:8rem;width:100%}.contact__form-container{align-items:center;background-color:initial;display:flex;flex-direction:column;justify-content:center;margin-top:6rem;overflow:hidden;padding:2rem;position:relative;width:100%}.contact__form-container .form{background-color:var(--color-gray-500);border-radius:10px;box-shadow:0 0 20px 1px rgba(0,0,0,.1);display:grid;grid-template-columns:repeat(2,1fr);max-width:820px;overflow:hidden;width:100%}.contact__form{position:relative}.contact__form,.contact__form:before{background-color:var(--color-primary)}.contact__form:before{content:"";height:26px;left:-13px;position:absolute;top:50px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:26px}.contact__form form{overflow:hidden;padding:2.3rem 2.2rem;position:relative}.contact__form form .title{color:var(--color-secondary);font-size:1.5rem;font-weight:500;line-height:1;margin-bottom:.7rem}.contact__form form .submit__btn{background-color:var(--color-secondary);border:2px solid var(--color-secondary);border-radius:25px;color:var(--color-primary);cursor:pointer;font-family:Saira,sans-serif;font-size:1.1rem;font-weight:500;line-height:1;margin:0;outline:none;padding:.6rem 1.3rem;transition:var(--transition);width:100%}.contact__form form .submit__btn:hover{background-color:initial;color:var(--color-gray-100)}.input__container{margin:1rem 0;position:relative}.input__container label{color:var(--color-gray-200);font-size:.9rem;font-weight:400;left:15px;padding:0 .4rem;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:var(--transition);z-index:900}.input__container .input{background:none;border:2px solid var(--color-gray-200);border-radius:25px;color:var(--color-gray-100);font-size:.95rem;font-weight:500;letter-spacing:.5px;outline:none;padding:.6rem 1.2rem;transition:var(--transition);width:100%}.input__container textarea.input{border-radius:22px;min-height:150px;min-width:100%;overflow-y:auto;padding:.8rem 1.2rem;resize:none}.input__container.textarea label{top:1rem;-webkit-transform:translateY(0);transform:translateY(0)}.input__container span{color:transparent;font-size:.8rem;left:25px;padding:0 .4rem;pointer-events:none;position:absolute;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:500}.input__container span:after,.input__container span:before{background-color:var(--color-primary);content:"";height:5px;opacity:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:var(--transition);width:10%}.input__container span:before{left:50%}.input__container span:after{right:50%}.input__container.focus label{font-size:.8rem;left:25px;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.input__container.focus span:after,.input__container.focus span:before{opacity:1;width:50%}.contact__info{padding:2.3rem 2.2rem;position:relative}.contact__info .title{color:var(--color-gray-100);margin-bottom:4rem}.contact__info .text{color:var(--color-gray-300);margin:1.5rem 0 2rem}.contact__info .info .information{align-items:center;color:var(--color-gray-200);display:flex;font-size:.95rem;margin:4rem 0 .7rem}.contact__info .info .information p{margin-left:.7rem}.contact__info .contact__socials{margin-top:5rem}.contact__form-container .message__delivered-text{align-items:center;color:var(--color-secondary);display:flex;gap:1rem;margin:.7rem 0}@media screen and (max-width:850px){.contact__form-container .form{grid-template-columns:1fr}}@media screen and (max-width:600px){.contact__wrapper{gap:1.5rem}.contact__wrapper a{border-radius:1rem;font-size:1.2rem;padding:1rem}}.course__list-container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;justify-content:center;margin-left:9rem}.course__card{background:var(--color-gray-500);border-radius:20px;box-shadow:0 35px 80px rgba(0,0,0,.15);height:275px;margin-top:8rem;position:relative;transition:var(--transition);width:500px}.course__card:hover{background:none;border:2px solid var(--color-secondary);height:450px}.course__card-imgBx{background:#fff;border-radius:20px;box-shadow:0 15px 50px rgba(0,0,0,.35);height:200px;left:50%;overflow:hidden;position:absolute;top:-70px;-webkit-transform:translate(-50%);transform:translate(-50%);transition:var(--transition);width:300px}.course__card-imgBx img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.course__card:hover .course__card-imgBx{height:233px;width:399px}.course__card .course__card-content{align-items:flex-end;display:flex;height:100%;justify-content:center;overflow:hidden;position:absolute;width:100%}.course__card .course__card-content .course__card-details{padding:40px;text-align:center;-webkit-transform:translateY(150px);transform:translateY(150px);transition:var(--transition);width:100%}.course__card:hover .course__card-content .course__card-details{-webkit-transform:translateY(0);transform:translateY(0)}.course__card .course__card-content .course__card-details h2{color:var(--color-gray-100);font-size:1.25em;font-weight:600;line-height:1.2em}.course__card .course__card-content .course__card-details h2 span{font-size:.75em;font-weight:500;opacity:.5}.course__card .course__card-content .course__card-details .course__card-data{display:flex;justify-content:space-between;margin:20px 0}.course__card .course__card-content .course__card-details .course__card-data h3{color:var(--color-gray-100);font-size:1em;font-weight:600;line-height:1.2em}.course__card .course__card-content .course__card-details .course__card-data h3 span{font-size:.85em;font-weight:400;opacity:.5}.course__card-btn{justify-content:center}.course__card-btn button{background:var(--color-secondary);border:none;border-radius:20px;color:var(--color-primary);cursor:pointer;font-size:1em;font-weight:500;height:50px;outline:none;padding:10px 30px;width:150px}.course__card-btn button:hover{background:var(--color-primary);border:2px solid var(--color-secondary);color:var(--color-gray-100)}@media screen and (max-width:1024px){.course__list-container{grid-template-columns:1fr;justify-content:center;margin-left:0;place-items:center}.course__card,.course__card:hover{height:420px}.course__card .course__card-content .course__card-details,.course__card:hover .course__card-content .course__card-details{-webkit-transform:translateY(20px);transform:translateY(20px)}.course__card-imgBx{height:233px;width:399px}}@media screen and (max-width:600px){.course__list-container{grid-template-columns:1fr;justify-content:center;margin-left:0;place-items:center}.course__card,.course__card:hover{height:400px;width:300px}.course__card-imgBx,.course__card:hover .course__card-imgBx{height:120px;width:200px}.course__card .course__card-content .course__card-details .course__card-data{gap:1.5rem}.course__card .course__card-content .course__card-details .course__card-data h3{font-size:.85em;font-weight:400;line-height:1.3em}}.info__banner{background-color:var(--color-secondary);height:7rem}.info__banner,.info__banner .info__banner-content{align-items:center;display:flex;justify-content:center}.info__banner .info__banner-content{flex-direction:column}.info__banner .info__banner-content a h3,.info__banner .info__banner-content h3{display:inline-block;font-size:1.5em;font-weight:600;text-align:center}.info__banner .info__banner-content a h3{color:var(--color-gray-400)}.info__banner .info__banner-content h3{color:var(--color-primary)}@media screen and (max-width:600px){.info__banner .info__banner-content a h3,.info__banner .info__banner-content h3{font-size:1.1em}}.main__header{display:grid;height:calc(100vh - 3rem);margin-top:3rem;place-items:center;width:100vw}.main__header-container{grid-gap:6rem;align-items:center;display:grid;gap:6rem;grid-template-columns:1fr 1fr;height:100%;justify-content:space-between}.main__header-left{margin-top:-3rem}.main__header-left h4{color:var(--color-secondary);font-weight:400;margin-bottom:1rem}.main__header-left p{font-size:1.1rem;margin:1rem 0 3.5rem}.main__header-right{display:grid;place-items:center;position:relative}.main__header-image{height:30rem;width:30rem}.home__banner{margin-top:-2rem;width:100%}.courses{margin-top:4rem}.courses__wrapper{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(4,1fr);margin-top:4rem}.courses__course a{align-items:center;bottom:1.5rem;display:flex;gap:.1rem;justify-content:center;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.courses__course:hover a{background:var(--color-secondary);color:var(-color--gray-600)}.values__container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:38% 50%}.values__right>p{margin:1.5rem 0 5rem}.values__wrapper{grid-gap:3.4rem 2.4rem;display:grid;gap:3.4rem 2.4rem;grid-template-columns:1fr 1fr}.card.values__value{padding-top:3.5rem;position:relative;text-align:left}.card.values__value span{position:absolute;top:-1.5rem}@media screen and (max-width:1024px){.main__header{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:12rem 0}.main__header-container{gap:0}.main__header-image{height:16rem;width:16rem}.home__banner{margin-bottom:5rem;margin-top:-10rem}.courses__wrapper{grid-template-columns:1fr 1fr}.values__container{gap:4rem;grid-template-columns:1fr;justify-content:center}.values__wrapper{gap:4rem 3rem}.values__image{display:none}}@media screen and (max-width:600px){.main__header{height:100vh;margin-top:0;padding:12rem 0 0}.main__header-container{grid-template-columns:1fr}.main__header-image,.main__header-right{display:none}.home__banner{margin-bottom:0;margin-top:-18rem}.courses__wrapper{gap:2rem;grid-template-columns:1fr;margin-top:3rem}.courses__course{margin-inline:auto;width:84%}.values__wrapper{gap:3rem;grid-template-columns:1fr}.card.values__value{margin-inline:auto;width:84%}}.teachers__container{align-items:center;display:flex;justify-content:center;margin-top:8rem}.teachers__container .container .avatar img{border-radius:50%;height:140px;margin-top:5%;object-fit:cover;width:140px}.teachers__container .container .avatar{display:inline-block;margin-top:5%}.teachers__container .container{background-color:var(--color-primary);border-radius:5px;height:65vh;text-align:center;width:55%}.teachers__container .container .content{padding:10px}.teachers__container .container .content h1{color:var(--color-secondary)}.teachers__container .container .content h3,.teachers__container .container .content p{font-weight:lighter;letter-spacing:1px;margin:10px auto;width:70%}.teachers__container .container .content h3{font-weight:400}.teachers__container .container .social a{cursor:pointer;font-size:30px;padding:0 10px;transition:var(--transition)}.teachers__container .container .social a:hover{color:var(--color-secondary)}.teachers__container .container .social{display:flex;gap:5rem;justify-content:center;width:100%}@media screen and (max-width:768px){.teachers__container .container{height:auto;margin:0 auto;width:90%}.teachers__container .container .avatar img{height:100px;width:100px}.teachers__container .container .content h2,.teachers__container .container .content p{width:90%}.teachers__container .container .social a{font-size:24px}.teachers__container .container .content{padding:10px}}@media screen and (max-width:480px){.teachers__container .container{height:auto;margin:0 auto;width:90%}.teachers__container .container .avatar img{height:80px;width:80px}.teachers__container .container .content h2,.teachers__container .container .content p{width:90%}.teachers__container .container .social a{font-size:18px}}.faqs__wrapper{grid-gap:1.5rem 5rem;align-items:flex-start;display:grid;gap:1.5rem 5rem;grid-template-columns:1fr 1fr;margin-top:4rem}.faq{background:var(--color-gray-500);border-radius:1rem;cursor:pointer;padding:2rem;transition:var(--transition)}.faq div{align-items:center;display:flex;justify-content:space-between}.faq:hover{background:var(--color-secondary)}.faq:hover,.faq:hover h4{color:var(--color-gray-600)}.faq__icon{background:transparent;color:var(--color-gray-100);font-size:1.5rem}.faq:hover button{color:var(--color-gray-600)}.faq p{margin-top:1.5rem}.faq__container-btn{display:flex;margin-top:5rem;width:100%}@media screen and (max-width:1024px){.faqs__wrapper{grid-template-columns:1fr}}@media screen and (max-width:600px){.faqs__wrapper{gap:1rem;margin-top:3rem}}.notfound__container{padding-top:8rem;text-align:center}.notfound__container .btn{display:inline-block;margin-top:2rem}footer{background:var(--color-primary);color:var(--color-gray-100);font-size:.9rem;margin-top:7rem;padding-top:7rem}.footer__container{grid-gap:6rem;display:grid;gap:6rem;grid-template-columns:26rem 1fr 1fr 1fr}.footer__container article{align-items:flex-start;display:flex;flex-direction:column;gap:.7rem}.footer__container article .footer__socials{margin-left:.9rem}.footer__container article .logo{margin-top:-1.5rem}.footer__container article h4{font-size:1rem;margin-bottom:.6rem}.footer__copyright{border-top:2px solid var(--color-primary-variant);color:var(--color-gray-100);margin-top:5rem;padding:1.5rem 0;text-align:center}.footer__menu a:hover{color:var(--color-secondary)}@media screen and (max-width:1024px){.footer__container{gap:4rem;grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){footer{margin-top:7rem}.footer__container{gap:3rem;grid-template-columns:1fr}.footer__container article{align-items:center}.footer__container article p{text-align:center}.footer__container article .footer__socials{margin-left:.3rem}}.scrollup{border-radius:50px 50px 4px 4px;bottom:40px;cursor:pointer;position:fixed;right:20px;text-align:center;z-index:999}.scrollup i{align-items:center;background:var(--color-secondary);border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.4);color:var(--color-primary);display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.scrollup i:hover{opacity:.8}.scrollup.orange-color i{background:#ff5421}.scrollup.purple-color i{background:#787cf2}.scrollup.yellow-color i{background:#f4bf00}.scrollup.green-color i{background:#0c8b51}.course__details-container{align-items:center;background-color:initial;display:grid;justify-content:center;padding-left:9rem;padding-right:9rem;padding-top:4rem}.course__details-container h2,.course__details-container h3{font-weight:700;margin-bottom:.5em;margin-top:1.5em}.course__details-container p{margin-bottom:1.5em;margin-top:0}.course__details-container ul li span{margin-left:1rem}.course__details-checkbox{color:var(--color-secondary)}.course__details-button{align-items:center;display:flex;justify-content:center;margin-top:7rem;width:100%}
/*# sourceMappingURL=main.52ece553.css.map*/