.hero{min-height:100vh;background:linear-gradient(rgba(198,59,250,.8),rgba(198,59,250,.8)),url(/images/eduBanner.jpg) no-repeat;background-size:cover;background-position:50%;background-attachment:fixed;z-index:0;overflow:hidden;position:relative;padding:2rem}.hero .content{display:flex;justify-content:center;align-items:center;flex-flow:column;padding-block:14rem 8rem;text-align:center}.hero .content h1{font-size:5rem;color:white;text-shadow:0 .3rem .5rem rgba(0,0,0,.3);text-transform:uppercase;font-weight:800}.hero .content p{font-size:2rem;color:#eee;padding-block:1rem;max-width:600px}.hero .boxContainer{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.hero .boxContainer .box{height:22rem;width:25rem;background-color:var(--bg-color);text-align:center;border-radius:1rem;box-shadow:0 .3rem .5rem var(--bs-color2);cursor:pointer}.hero .boxContainer .box span{display:block;width:max-content;background-color:var(--violet);padding:1.2rem;border-radius:50%;margin-inline:auto;margin-top:2rem}.hero .boxContainer .box span>*{color:white}.hero .boxContainer .box span:hover{background-color:var(--pink)}.hero .boxContainer .box h3{font-size:2rem;color:var(--pink);transition:var(--trans);text-transform:capitalize;margin-block:1.8rem .5rem}.hero .boxContainer .box p{font-size:1.3rem;padding:.7rem 2rem;color:var(--para-text-color)}.hero:before{content:"";position:absolute;width:120%;border-top:70vh solid var(--bg-color);bottom:-25rem;left:50%;transform:translateX(-50%);z-index:-1;border-radius:50%}@media (max-width:768px){.hero:before{display:none}}.about{padding:0 2rem;background-color:var(--bg-color)}.about .row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-width:1400px;margin-inline:auto}.about .row .content{flex:1}.about .row .image{max-width:600px}.about .row .image img{display:block;margin-inline:auto}.about .row .content h3{font-size:3rem;color:var(--pink);text-transform:capitalize}.about .row .content p{color:var(--para-text-color);padding:1rem 0}@media (max-width:992px){.about .row{flex-flow:column-reverse;margin-top:5rem;gap:2rem}}.teacher{background-color:var(--sec-bg-color)}.teacher .cardContainer{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;gap:2rem;padding:2rem 0;max-width:1400px;margin-inline:auto;padding-inline:2rem}.teacher .cardContainer .card{padding:2rem;margin-block:2rem;background:var(--bg-color);text-transform:capitalize;width:28rem;box-shadow:0 .3rem .5rem var(--bs-color2)}.teacher .cardContainer .card img{filter:grayscale();transition:var(--trans);height:100%;object-fit:cover;object-position:top}.teacher .cardContainer .card:hover img{filter:none}.teacher .cardContainer .card h3{text-align:center;color:var(--pink);font-size:2rem;padding:.8rem 0}.teacher .cardContainer .card p{font-size:1.7rem;color:var(--para-text-color);text-align:center}.teacher .cardContainer .card .icons{font-size:1.9rem;padding:1.5rem .5rem;color:var(--pink);display:flex;justify-content:center;align-items:center;gap:.8rem}.teacher .cardContainer .card .icons>:hover{color:var(--violet);cursor:pointer}@media (max-width:992px){.teacher .cardContainer{justify-content:center}}.course{background-color:var(--bg-color)}.course .boxContainer{max-width:1400px;margin-inline:auto;justify-content:center;padding-block:3rem 4rem;padding-inline:2rem;display:flex;gap:8rem 2.5rem;flex-wrap:wrap;margin-top:4rem}.course .boxContainer .box{text-align:center;height:18rem;width:25rem;box-shadow:.3rem .3rem 0 .1rem var(--violet),.5rem .5rem .5rem rgba(0,0,0,.3);border-radius:1rem}.course .boxContainer .box span{display:block;margin-inline:auto;background-color:var(--pink);display:flex;justify-content:center;align-items:center;border-radius:50%;width:10rem;height:10rem;padding:1.6rem;color:white;margin-top:-4rem;border:1rem solid white;border-left:1rem solid var(--pink);border-right:1rem solid var(--pink);box-shadow:inset 0 0 0 1rem white}.course .boxContainer .box h3{font-size:2rem;color:var(--violet);text-transform:capitalize}.course .boxContainer .box p{font-size:1.5rem;color:#666;padding:1rem .5rem}.review{background-color:var(--sec-bg-color)}.review .boxContainer{max-width:1400px;justify-content:center;padding-block:3rem 4rem;display:flex;flex-wrap:wrap;gap:8rem 2rem;margin-top:4rem;padding-inline:2rem;margin-inline:auto}.review .boxContainer .box{width:28rem;padding-bottom:1.4rem;text-align:center;background:var(--bg-color);box-shadow:0 .3rem .5rem var(--bs-color2)}.review .boxContainer .box img{display:block;margin-inline:auto;border-radius:50%;margin-top:-4rem;border-left:.6rem solid var(--pink);border:.6rem solid var(--pink);border-left-color:var(--violet);border-right:.6rem solid var(--violet)}.review .boxContainer .box h3{font-size:2rem;color:var(--pink);padding:0 .5rem;margin-block:1rem .6rem}.review .boxContainer .box p{font-size:1.4rem;color:var(--para-text-color);padding:0 1.3rem;margin-block:.6rem}.review .boxContainer .stars{display:flex;justify-content:center;align-items:center;gap:.4rem}.review .boxContainer .stars>*{color:rgb(255,145,0);font-size:2rem}.contact{padding:3rem 2rem;background:#333}.contact .row{display:flex;justify-content:center;align-items:center;max-width:1400px;flex-wrap:wrap;margin-inline:auto;gap:2rem}.contact .row .image{max-width:600px}.contact .row .image img{display:block;margin-inline:auto}.contact .row .formContainer{max-width:600px}.contact .row .formContainer input,textarea{width:100%;background:var(--bg-color);border:none;border-radius:1rem;padding:1rem 1.5rem;color:var(--pink);font-size:1.7rem;transition:var(--trans);margin:1rem 0;resize:none}