html{scroll-behavior:smooth}body,#root{height:100%;width:100%}#knowledge-test,#knowledge-test *{all:initial}#knowledge-test{height:97.3vh;width:99.5%;border:2px solid;display:flex}#knowledge-test header{height:20%;width:100%;text-align:center;align-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:3em}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;background-color:#f4f4f4;color:#333}header{background-color:#2c3e50;color:#fff;text-align:center;padding:80px 20px}header h1{font-size:5em;margin-bottom:10px}header p{font-size:22px}nav{position:sticky;top:0;left:0;background-color:#34495e;padding:10px 0;z-index:3}nav ul{list-style:none;text-align:center}nav ul li{display:inline;margin:0 20px}nav ul li a{color:#fff;font-size:18px;text-decoration:none;padding:10px;transition:.2s ease-in-out;border-radius:5px}nav ul li a:hover{background-color:#16a085}.hero-section{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;background-color:#c7cece;color:#3d3737;padding:0 20px}.hero-section h2{font-size:50px}.hero-section p{font-size:24px}section{padding:40px 20px;margin:20px auto;max-width:1200px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a}section h3{font-size:32px;margin-bottom:20px}section p{font-size:16px;line-height:1.8;margin-bottom:20px}#about{background:linear-gradient(120deg,#2f2482e1,#4e87e9e2);color:#fff;font-weight:700}#admission p{background-color:#f7f7f7;padding:10px;border-radius:5px;box-shadow:0 4px 8px #0000001a}.flex-container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.flex-container>div{width:48%;background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.teachers{display:flex;justify-content:space-evenly;align-items:center;font-size:1.3em;flex-direction:column;flex-wrap:nowrap!important;row-gap:10px}.teachers>div{border-radius:10px;background-color:#f9f9f9;width:100%;display:flex;justify-content:space-evenly;align-items:center;box-shadow:0 2px 5px #0000001a}.details{width:80%}footer{background-color:#2c3e50;color:#fff;text-align:center;padding:20px}footer p{font-size:14px}.cta-button{background-color:#e74c3c;color:#fff;padding:15px 30px;font-size:18px;text-decoration:none;border-radius:5px;margin-top:20px}.cta-button:hover{background-color:#c0392b}.form-container{position:relative;background-color:#ecf0f1;padding:30px;border-radius:8px;box-shadow:0 4px 10px #0000001a;background-image:url(/assets/john_code-BDB5sFtZ.png);background-repeat:no-repeat;background-size:100% 100%}.sheet{top:0;left:0;width:100%;height:100%;position:absolute;background-color:#00000096;border-radius:inherit;z-index:1}.form-container input,.form-container select{width:100%;padding:15px;margin-bottom:15px;font-size:16px;border-radius:8px;border:1px solid #ccc;background-color:#ffffffc7;z-index:2;position:relative}.form-container input::placeholder{opacity:1;font-weight:bolder}.form-container button{background-color:#1abc9c;color:#fff;padding:15px 30px;border:none;font-size:18px;cursor:pointer;border-radius:8px;position:relative;z-index:2}.form-container button:hover{background-color:#16a085}.form-container p{position:relative;z-index:2}.mct-logo{height:auto!important;width:25vw!important}.profile-pic{height:100px;display:inline-block;width:100px;border-radius:50%;margin:10px 0}#mail-address{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sub-message{height:30vh;width:70vh;top:35%;left:30%;position:fixed;border-radius:20px;z-index:3;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.loader{width:50px;aspect-ratio:1;display:grid}.loader:before,.loader:after{content:"";grid-area:1/1;--c:no-repeat radial-gradient(farthest-side,#22fbda 92%,#0000);background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:12px 12px;animation:l12 1s infinite}.loader:before{margin:4px;filter:hue-rotate(45deg);background-size:8px 8px;animation-timing-function:linear}@keyframes l12{to{transform:rotate(.5turn)}}#events{position:relative;height:650px}#events div{position:absolute;display:flex;height:70%;width:60%;justify-content:space-between;align-items:center;left:20%}#events div img{width:82%;height:100%;transition:.2s ease-in-out;border-radius:10px}#events div button{width:10%;height:14%;font-size:1.1em;background:linear-gradient(120deg,#000,#676565);color:#fff;border-radius:10px}#mobile-nav{background-color:#2c3e50;height:350px;width:200px;position:absolute;left:0%;top:100%;display:none;flex-direction:column;justify-content:space-evenly;align-items:flex-start}#videos{position:relative;height:600px}#videos video{height:80%;width:80%;margin-left:12%;border-radius:inherit}.play-icon{color:#fff;background-color:#fc0e5a;height:60px;width:60px;border-radius:50%;align-content:center;text-align:center;font-size:20px;position:absolute;left:49%;top:47%;cursor:pointer;z-index:2;transition:.5s ease-in-out}@media screen and (max-width:1200px){.mct-logo{width:35vh!important}.teachers>div{flex-direction:column;text-align:center}.sub-message{left:10%;width:80vw}header h1{font-size:3em!important}header h2{font-size:1.4em!important}.form-container button{left:2.9%!important}#events,#videos{height:450px}#videos video{width:100%;margin-left:0}#videos .play-icon{height:50px;width:50px;font-size:15px;top:50%;left:45%}#events h3{font-size:1.5em!important}#events div{width:90%;left:5%}#mob-nav-button{display:block!important}#mobile-nav{display:flex!important}#comp-nav{display:none}.flex-container{gap:10px}}@media screen and (max-width:400px){#events,#videos{height:330px}.form-container input,.form-container select{padding:10px}.form-container input::placeholder{font-size:.9em}.form-container select{font-size:.9em!important}.form-container h4{font-size:1.2em!important}.form-container button{padding:10px 20px;font-size:12px}}@media screen and (max-width:450px){#delay{left:2%!important;bottom:-6%!important;font-size:11px}}