html,body{scroll-behavior:smooth;margin:0;padding:0}body{font-size:14px}.banner{background-image:url(/images/onlineClass.jpg);background-size:cover}.detail-banner::before{content:' ';position:absolute;height:100%;width:100%;top:0;left:0;background-image:url(/images/certificated.jpg);background-size:cover;background-attachment:fixed;z-index:-1}.course-banner{background-image:url(/images/class1.jpg);box-shadow:inset 0 0 0 1000px rgba(10,35,81,70%);background-position:center;background-size:cover}.about-banner{background-image:url(/pastwork/work2.jpg);box-shadow:inset 0 0 0 1000px rgba(41 52 73 / 80%);background-position:center;background-size:cover}.teacher-banner{background-image:url(/images/class2.jpg);box-shadow:inset 0 0 0 1000px rgba(41 52 73 / 80%);background-position:center;background-size:cover}.career-banner{background-image:url(/images/funnyStudents.jpg);box-shadow:inset 0 0 0 1000px rgba(41 52 73 / 80%);background-position:center;background-size:cover}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.responsive-navbar{transform:translateX(-100%);transition:transform .3s ease}.nav__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.7);display:none}.checkbox-navbar:checked ~ .nav__overlay{display:block}.checkbox-navbar:checked ~ .responsive-navbar{transform:translateX(0)}.hover-border-bottom::after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color:white;transform:scaleX(0);transition:transform .3s ease}.hover-border-bottom:hover::after{transform:scaleX(1)}.squares-behind-image::before{content:'';position:absolute;top:-18px;left:-18px;width:150px;height:150px;z-index:-1;background-color:#23bdee;border-radius:20px}.squares-behind-image::after{content:'';position:absolute;bottom:-15px;right:-15px;width:150px;height:150px;z-index:-1;background-color:#f48c06;border-radius:20px}.circle-behind-title::before{content:'';position:absolute;top:-10px;left:-15px;width:40px;height:40px;z-index:-1;background-color:#ffcc3d;border-radius:100%}.qr-square::after{content:'';position:absolute;top:-15px;right:-15px;width:150px;height:150px;z-index:-1;background-color:#0a2351;border-radius:10px}.founder-img::before{content:'';position:absolute;bottom:0;width:100%;height:280px;z-index:-1;background-color:#0a2351;border-radius:5px}.contact_btn{color:white;padding:10px 12px;font-size:12px;border-radius:5px;border:1px solid;box-shadow:inset 0 0 20px rgba(255,255,255,0);outline:1px solid;outline-color:rgba(255,255,255,0);outline-offset:0;text-shadow:none;-webkit-transition:all 1250ms cubic-bezier(0.19,1,0.22,1);transition:all 1250ms cubic-bezier(0.19,1,0.22,1);outline-color:rgba(255,255,255,0.5);outline-offset:0}.contact_btn:hover{border:1px solid;box-shadow:inset 0 0 20px rgba(255,255,255,0.5),0 0 20px rgba(255,255,255,0.2);outline-offset:15px;outline-color:rgba(255,255,255,0);text-shadow:1px 1px 2px #427388}.feedback.active{display:flex}.fade-out{animation:fadeOut .5s forwards}.fade-in{animation:fadeIn .5s forwards}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}