@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);.grid,body{height:100%}.grid,body,main{width:100%;display:flex}main div.image,main>div.text{text-align:center}.course,.grid,body,main,nav{display:flex}.btn,.course{box-shadow:0 10px 10px rgba(0,0,0,.2)}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,Arial}body{background-color:#fff;flex-direction:column;align-items:center;overflow-x:hidden}.grid{position:absolute;align-items:center;justify-content:center;align-self:center;z-index:-1}.grid-svg{height:80%;width:80%;position:relative;z-index:1}.blur{height:12rem;width:12rem;background-color:#4cfeb4;filter:blur(100px);border-radius:100px;z-index:0;position:absolute}nav{width:100vw;height:120px;flex-direction:column;justify-content:space-around;align-items:center}main{padding-top:15px;padding-left:150px;padding-right:150px;justify-content:space-evenly;align-items:center;flex-direction:column}main>div.text{padding:20px;display:flex;flex-direction:column;align-items:center}main div.text h2{color:#008660}main div.text h1{font-size:2rem}main div.text p{font-size:.9rem}main div.text span{color:#008a57}main div.image>img{width:60%}.know-more-btn{background:#006241;color:#fff;border-radius:20px;padding:8px 20px;cursor:pointer;margin-top:30px}.course{background-color:#fff;border-radius:10px;flex-direction:row;max-width:92%;margin:20px;overflow:hidden;width:700px}.progress,.progress::after{border-radius:3px;height:5px}.btn,.course-preview a{text-decoration:none;display:inline-block}.course h5{color:#fff}.course h6{opacity:.6;margin:0;color:#000}.course h2{margin:10px 0}.course-preview{background-color:#2a265f;color:#fff;padding:30px;max-width:250px;flex-shrink:0}.course-preview a{color:#fff;font-size:12px;opacity:.8;margin-top:30px}.course-info{padding:30px;position:relative;width:100%}.progress-container{position:absolute;top:30px;right:30px;text-align:right;width:150px}.progress{background-color:#ddd;width:100%;position:relative;overflow:hidden}.progress::after{background-color:var(--progress-bar-color,#2a265f);content:'';position:absolute;top:0;left:0;width:var(--progress-width,0%)}.progress-text{font-size:10px;opacity:.6;letter-spacing:1px}.btn{background-color:#2a265f;border:0;border-radius:50px;color:#fff;font-size:16px;padding:12px 25px;position:absolute;bottom:20px;right:30px;letter-spacing:1px}@media (max-width:768px){.btn,.progress-container{position:static;margin-top:20px;width:100%}.course{flex-direction:column;width:100%}.course-preview{max-width:100%;padding:20px}.course-info{padding:20px}.btn{text-align:center}}.socials,footer{justify-content:center;display:flex}@media (max-width:480px){.course-info,.course-preview{padding:15px}.progress-container{width:100%}.btn{padding:10px 20px}}@media (max-width:400px){.course-info,.course-preview{padding:12px}.progress-container{width:100%}.btn{padding:7px 14px}}.socials{gap:2rem;padding:30px;margin-bottom:100px}.socials>i{font-size:32px;color:#00593b;object-fit:contain;cursor:pointer}footer{width:100%;gap:1rem;margin-top:50px}footer img{height:200px;position:fixed;bottom:-50px}.loader-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#242f3f;display:flex;justify-content:center;align-items:center}.loader{display:inline-block;width:30px;height:30px;position:relative;border:4px solid #fff;animation:2s infinite loader}.loader-inner{vertical-align:top;display:inline-block;width:100%;background-color:#fff;animation:2s ease-in infinite loader-inner}@keyframes loader{0%{transform:rotate(0)}25%,50%{transform:rotate(180deg)}100%,75%{transform:rotate(360deg)}}@keyframes loader-inner{0%,100%,25%{height:0%}50%,75%{height:100%}}@media screen and (min-width:400px){main{padding:15px}main div.text p{font-size:1rem}}@media screen and (min-width:640px){main{padding:15px}main div.text p{font-size:1rem}}@media screen and (min-width:768px){main{padding:15px}main,nav{flex-direction:row}main>div.text{max-width:50%;align-items:start;text-align:start}}@media screen and (min-width:1024px){main{padding:15px}nav>div a{font-size:1.2rem}main div.text h2{font-size:2rem}main div.text h1{font-size:3rem}main div.image>img{width:auto}}