@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0;1,400&display=swap");.container{max-width:110px;padding:0 30px;margin:0 auto;overflow:auto}.m-1{margin:1rem}.my-1{margin:1rem 0}.mx-1{margin:0 1rem}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.ml-1{margin-left:1rem}.mr-1{margin-right:1rem}.p-1{padding:1rem}.py-1{padding:1rem 0}.px-1{padding:0 1rem}.pt-1{padding-top:1rem}.pb-1{padding-bottom:1rem}.pl-1{padding-left:1rem}.mr-1{padding-right:1rem}.m-2{margin:2rem}.my-2{margin:2rem 0}.mx-2{margin:0 2rem}.mt-2{margin-top:2rem}.mb-2{margin-bottom:2rem}.ml-2{margin-left:2rem}.mr-2{margin-right:2rem}.p-2{padding:2rem}.py-2{padding:2rem 0}.px-2{padding:0 2rem}.pt-2{padding-top:2rem}.pb-2{padding-bottom:2rem}.pl-2{padding-left:2rem}.mr-2{padding-right:2rem}.m-3{margin:3rem}.my-3{margin:3rem 0}.mx-3{margin:0 3rem}.mt-3{margin-top:3rem}.mb-3{margin-bottom:3rem}.ml-3{margin-left:3rem}.mr-3{margin-right:3rem}.p-3{padding:3rem}.py-3{padding:3rem 0}.px-3{padding:0 3rem}.pt-3{padding-top:3rem}.pb-3{padding-bottom:3rem}.pl-3{padding-left:3rem}.mr-3{padding-right:3rem}.m-4{margin:4rem}.my-4{margin:4rem 0}.mx-4{margin:0 4rem}.mt-4{margin-top:4rem}.mb-4{margin-bottom:4rem}.ml-4{margin-left:4rem}.mr-4{margin-right:4rem}.p-4{padding:4rem}.py-4{padding:4rem 0}.px-4{padding:0 4rem}.pt-4{padding-top:4rem}.pb-4{padding-bottom:4rem}.pl-4{padding-left:4rem}.mr-4{padding-right:4rem}.m-5{margin:5rem}.my-5{margin:5rem 0}.mx-5{margin:0 5rem}.mt-5{margin-top:5rem}.mb-5{margin-bottom:5rem}.ml-5{margin-left:5rem}.mr-5{margin-right:5rem}.p-5{padding:5rem}.py-5{padding:5rem 0}.px-5{padding:0 5rem}.pt-5{padding-top:5rem}.pb-5{padding-bottom:5rem}.pl-5{padding-left:5rem}.mr-5{padding-right:5rem}.m-6{margin:6rem}.my-6{margin:6rem 0}.mx-6{margin:0 6rem}.mt-6{margin-top:6rem}.mb-6{margin-bottom:6rem}.ml-6{margin-left:6rem}.mr-6{margin-right:6rem}.p-6{padding:6rem}.py-6{padding:6rem 0}.px-6{padding:0 6rem}.pt-6{padding-top:6rem}.pb-6{padding-bottom:6rem}.pl-6{padding-left:6rem}.mr-6{padding-right:6rem}.m-7{margin:7rem}.my-7{margin:7rem 0}.mx-7{margin:0 7rem}.mt-7{margin-top:7rem}.mb-7{margin-bottom:7rem}.ml-7{margin-left:7rem}.mr-7{margin-right:7rem}.p-7{padding:7rem}.py-7{padding:7rem 0}.px-7{padding:0 7rem}.pt-7{padding-top:7rem}.pb-7{padding-bottom:7rem}.pl-7{padding-left:7rem}.mr-7{padding-right:7rem}.m-8{margin:8rem}.my-8{margin:8rem 0}.mx-8{margin:0 8rem}.mt-8{margin-top:8rem}.mb-8{margin-bottom:8rem}.ml-8{margin-left:8rem}.mr-8{margin-right:8rem}.p-8{padding:8rem}.py-8{padding:8rem 0}.px-8{padding:0 8rem}.pt-8{padding-top:8rem}.pb-8{padding-bottom:8rem}.pl-8{padding-left:8rem}.mr-8{padding-right:8rem}.m-9{margin:9rem}.my-9{margin:9rem 0}.mx-9{margin:0 9rem}.mt-9{margin-top:9rem}.mb-9{margin-bottom:9rem}.ml-9{margin-left:9rem}.mr-9{margin-right:9rem}.p-9{padding:9rem}.py-9{padding:9rem 0}.px-9{padding:0 9rem}.pt-9{padding-top:9rem}.pb-9{padding-bottom:9rem}.pl-9{padding-left:9rem}.mr-9{padding-right:9rem}.m-14{margin:14rem}.my-14{margin:14rem 0}.mx-14{margin:0 14rem}.mt-14{margin-top:14rem}.mb-14{margin-bottom:14rem}.ml-14{margin-left:14rem}.mr-14{margin-right:14rem}.p-14{padding:14rem}.py-14{padding:14rem 0}.px-14{padding:0 14rem}.pt-14{padding-top:14rem}.pb-14{padding-bottom:14rem}.pl-14{padding-left:14rem}.mr-14{padding-right:14rem}.m-24{margin:24rem}.my-24{margin:24rem 0}.mx-24{margin:0 24rem}.mt-24{margin-top:24rem}.mb-24{margin-bottom:24rem}.ml-24{margin-left:24rem}.mr-24{margin-right:24rem}.p-24{padding:24rem}.py-24{padding:24rem 0}.px-24{padding:0 24rem}.pt-24{padding-top:24rem}.pb-24{padding-bottom:24rem}.pl-24{padding-left:24rem}.mr-24{padding-right:24rem}.m-32{margin:32rem}.my-32{margin:32rem 0}.mx-32{margin:0 32rem}.mt-32{margin-top:32rem}.mb-32{margin-bottom:32rem}.ml-32{margin-left:32rem}.mr-32{margin-right:32rem}.p-32{padding:32rem}.py-32{padding:32rem 0}.px-32{padding:0 32rem}.pt-32{padding-top:32rem}.pb-32{padding-bottom:32rem}.pl-32{padding-left:32rem}.mr-32{padding-right:32rem}.m-64{margin:64rem}.my-64{margin:64rem 0}.mx-64{margin:0 64rem}.mt-64{margin-top:64rem}.mb-64{margin-bottom:64rem}.ml-64{margin-left:64rem}.mr-64{margin-right:64rem}.p-64{padding:64rem}.py-64{padding:64rem 0}.px-64{padding:0 64rem}.pt-64{padding-top:64rem}.pb-64{padding-bottom:64rem}.pl-64{padding-left:64rem}.mr-64{padding-right:64rem}*{box-sizing:border-box;padding:0;margin:0;font-family:"Rubik", sans-serif}body{background:#f4f4f4;overflow-x:hidden}header{background-color:#00bfff;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0.5rem 1.3rem;position:fixed;top:0;z-index:5;width:100vw}.logo .logo-img{width:7rem;height:5rem}.logo .logo-img img{width:100%;height:100%;object-fit:cover}#menu_icon{display:none;font-size:1.64rem}#menu_icon:hover{cursor:pointer}.nav-links{display:flex}.nav-links #cancel{display:none}.nav-links ul{display:flex;list-style:none}.nav-links li{margin-right:15px;text-transform:capitalize;font-size:18px}.nav-links li a:hover{color:#b22222;font-weight:900}a{text-decoration:none;color:inherit}.pictures{margin-top:5.85rem;width:1480px;height:500px;overflow:hidden}.pictures figure{width:500%;height:100%;position:relative;margin:0;left:0;animation:20s slider infinite}.pictures img{width:20%;height:100%;object-fit:cover;float:left}@keyframes slider{0%{left:0}20%{left:0}25%{left:-100%}45%{left:-100%}50%{left:-200%}70%{left:-200%}75%{left:-300%}95%{left:-300%}100%{left:-400%}}.cards{display:flex}.cards-1,.cards-2,.cards-3{width:40%;height:500px}.cards-header,.cards-header-2{background-color:#00bfff;color:#fff;text-align:center;padding:25px}.cards-header-2{background-color:#00ace6}.cards-img{width:100%;height:250px}.cards-img img{width:100%;height:100%;object-fit:cover}.cards-content{padding:20px 15px;line-height:1.3;font-size:17px}.cards a{padding:0 15px}.cards a:hover{cursor:pointer;color:#6495ed}.feature-story{width:90%;font-size:20px}.feature-story:hover{background-color:#99e5ff}.feature-story p{padding-bottom:20px;width:100%;border-bottom:2px solid #b22222}.feature-story .feature-img{margin:30px 200px;height:50%}.feature-story .feature-img img{width:100%;height:100%;object-fit:cover}#upcoming-events{margin:5rem 2rem 2rem;padding-bottom:3rem;border-bottom:2px double}#upcoming-events h2{text-transform:uppercase;font-size:20px;font-weight:900;color:#b22222}.upcoming-events{display:flex;justify-content:space-around;margin-top:1rem}.upcoming-events div{border:1px solid;width:60%;padding:1rem;margin:2px}.upcoming-events div p{margin-top:1rem}.upcoming-events div h2{color:#000}#mission{position:relative}#mission .mission-img{height:45rem;width:100%}#mission .mission-img img{width:100%;height:100%;object-fit:cover}#mission .mission{position:absolute;top:0rem;height:100%;text-align:center;color:#fff;font-size:25px;background-color:#00bfff;opacity:0.7}#mission .mission h3{text-transform:uppercase;margin:10rem 10rem 5rem}#mission .mission p{padding:2rem}#gallery{margin:5rem 0}#gallery .gallery{display:flex;height:32rem}#gallery .gallery .gallery-img{width:40%;height:100%}#gallery .gallery .gallery-img img{width:100%;height:100%;object-fit:cover}#hist-fact{margin:0 2rem}#hist-fact .hist-fact{display:flex;justify-content:space-between}#hist-fact .hist-fact h2{color:#00bfff;font-size:30px;text-transform:capitalize}#hist-fact .hist,#hist-fact .facts,#hist-fact .vision{margin:1rem}#hist-fact .hist p,#hist-fact .facts p,#hist-fact .vision p{margin:1rem 0;line-height:1.3}footer{background:#000000;color:#ffffff;display:flex;justify-content:center;gap:4rem;padding:3rem 2rem;line-height:1.4;font-weight:500;font-size:18px}footer .text-block{width:33%}footer .text-block h2{margin-bottom:0.5rem;font-weight:600}footer .text-block p{font-size:17px}footer .moto{width:33%}footer .moto h2{margin-bottom:0.5rem;font-weight:600}footer .moto p{font-size:17px}footer .contacts{width:33%}footer .contacts h2{margin-bottom:0.5rem;font-weight:600}footer .contacts div{font-size:17px}footer .contacts .email{display:flex;align-items:center;gap:1rem}footer .contacts .telephone{margin-top:0.86rem;display:flex;align-items:center;gap:1rem}footer .contacts .location{margin-top:0.86rem;display:flex;align-items:center;gap:1rem}footer .contacts .socials{margin-top:1rem;font-size:18px;display:flex;gap:1rem}.current-page{color:#b22222}#acad-background{margin-top:5.8rem}#acad-background .pictures-acad{width:100%;height:30rem}#acad-background .pictures-acad img{width:100%;height:100%;object-fit:cover}#acad-details{margin-top:3rem}#acad-details .acad-details{margin:3rem}#acad-details .acad-details h1{text-transform:uppercase;font-weight:700;font-size:40px;margin-bottom:2rem}#acad-details .acad-details p{font-size:19px;line-height:1.5}#boxes{overflow:hidden;margin:5rem}#boxes .junior-boxes{display:flex;flex-wrap:wrap}#boxes .junior-boxes .box1,#boxes .junior-boxes .box2,#boxes .junior-boxes .box3,#boxes .junior-boxes .box4,#boxes .junior-boxes .box5,#boxes .junior-boxes .box6{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-transform:capitalize;margin:1rem;padding:5rem;width:20rem;height:18rem}#boxes .junior-boxes .box1 i,#boxes .junior-boxes .box2 i,#boxes .junior-boxes .box3 i,#boxes .junior-boxes .box4 i,#boxes .junior-boxes .box5 i,#boxes .junior-boxes .box6 i{font-size:25px;margin-bottom:1rem}#boxes .junior-boxes .box1,#boxes .junior-boxes .box6{background-color:#00bfff;color:#fff}#boxes .junior-boxes .box2,#boxes .junior-boxes .box4{background-color:#b22222;color:#fff}#boxes .junior-boxes .box3,#boxes .junior-boxes .box5{background-color:#deb887;color:#fff}#boxes .junior-boxes .line{width:2rem;margin-top:10px;border:1px solid}#electives{margin-top:5rem}#electives .electives{margin:2rem}#electives .electives h1{text-transform:uppercase;font-weight:700;font-size:40px;color:#00bfff}#electives .electives .elective-groups{background-color:#113821;color:#fff;margin:2rem 70% 0 0;padding:8rem 2rem;position:relative}#electives .electives .elective-groups h2{margin-bottom:2rem;color:#b22222;font-size:30px}#electives .electives .elective-groups p{margin:5px}#electives .electives .elective-groups .elective-line{border:2px solid;position:absolute;top:95%;left:5%;width:90%}#about-message{display:flex}#about-message .about-msg-1{background-color:#00bfff;color:#fff;padding:2rem 5rem;width:60%}#about-message .about-msg-1 .principal-message{color:#000000}#about-message .about-msg-1 .principal-message h1{font-size:40px;font-weight:800;margin-bottom:10px}#about-message .about-msg-1 .principal-message p{font-size:17px;margin-bottom:10px;font-style:italic}#about-message .about-msg-1 .principal-message h2{font-size:30px}#about-message .about-msg-1 .welcome-msg{margin:13px 0px;font-size:20px}#about-message .about-msg-1 .about-list{font-size:20px}#about-message .about-msg-1 .about-list ul{margin-top:20px}#about-message .about-msg-1 .about-list ul li{margin-top:15px}#about-message .about-msg-2{background-color:#000;color:#fff;width:40%;display:flex;justify-content:center;align-items:center;text-align:center;font-size:25px}#free-section{height:2rem;width:100%}#entrance-notice{margin:4rem 2rem}#entrance-notice .entrance-notice{text-align:center}#entrance-notice .entrance-notice h1{font-size:40px;text-transform:uppercase;font-weight:900}#entrance-notice .entrance-notice p{margin-top:0.5rem;color:#b22222;font-size:17px;font-weight:600}#admission-timeline .admission-timeline{display:flex;flex-direction:column;align-items:center;justify-content:center}#admission-timeline .admission-timeline h2{text-transform:capitalize;font-size:30px;font-weight:900}#admission-timeline .admission-timeline .timeline-col{display:flex;margin:2rem}#admission-timeline .admission-timeline .timeline-col1{border:2px solid #00bfff;display:flex;flex-direction:column;width:33%}#admission-timeline .admission-timeline .timeline-col1 p{padding:2.7rem;max-height:50px;font-size:20px}#admission-timeline .admission-timeline .timeline-col2{border:2px solid #00bfff;display:flex;flex-direction:column;width:33%}#admission-timeline .admission-timeline .timeline-col2 p{padding:2.7rem;max-height:50px;font-size:20px}#admission-timeline .admission-timeline .timeline-col3{border:2px solid #00bfff;display:flex;flex-direction:column;width:33%}#admission-timeline .admission-timeline .timeline-col3 p{padding:2.7rem;max-height:50px;font-size:20px}#admission-timeline .timeline-nb{font-size:17px}#admission-timeline .timeline-nb span{font-style:italic;font-weight:700}#general-info{margin:4rem 2rem}#general-info .general-info h1{font-size:38px;font-weight:900;color:#b22222}#general-info .general-info p{font-size:18px;line-height:1.7}#exam-schedule{margin:4rem 2rem}#exam-schedule .exam-schedule{display:flex;flex-direction:column;justify-content:center;align-items:center}#exam-schedule .exam-schedule h1{text-transform:capitalize;text-transform:capitalize;font-size:30px;font-weight:900;margin-bottom:1rem}#exam-schedule .exam-schedule .tab-col{margin-top:0.1rem;border:2px solid #00bfff;display:flex;width:50%;padding:15px;font-size:18px}#exam-schedule .exam-schedule .tab-col p:first-child{min-width:30%}#exam-schedule .reg{width:15rem;padding:0 30px;margin:2rem auto}#exam-schedule .reg a{width:100%;padding:15px;border:none;border-radius:15px;background-color:#b22222;color:#fff}#exam-schedule .reg a:hover{opacity:0.8;cursor:pointer}@media only screen and (max-width: 900px){#menu_icon{display:block}.pictures{width:100%;height:500px}.nav-links{position:fixed;top:0;right:-100%;background-color:#000;color:#fff;flex-direction:column;width:100%;height:100%;transition:right 0.5s ease}.nav-links #cancel{display:block;font-size:18px;padding:1rem 2.6rem;margin-top:4rem}.nav-links #cancel:hover{cursor:pointer}.nav-links ul{margin-top:2.7rem;flex-direction:column;width:100%;padding:1rem 2.6rem;gap:1rem}.nav-links ul li{border-bottom:#fff 1px solid;width:60%;padding:0.7rem 0}.nav-links ul a:hover{color:#fff;font-weight:900}.show{right:-30%}.cards{flex-direction:column;margin:1rem;top:-3rem;position:relative}.cards-1,.cards-2,.cards-3{width:100%;height:500px}.cards-2,.cards-3{margin-top:1.5rem}.current-page{color:#fff;font-weight:900}.feature-story{height:45rem}.feature-story .feature-img{margin:1rem;height:86%}.upcoming-events{flex-direction:column}.upcoming-events div{border:1px solid;width:100%;padding:1rem}.upcoming-events div p{margin-top:1rem}.upcoming-events div h2{color:#000}#mission .mission-img{height:36rem}#mission .mission{font-size:20px}#mission .mission h3{margin:0.5rem}#mission .mission p{padding:1rem}#hist-fact .hist-fact{display:flex;flex-direction:column}#hist-fact .hist,#hist-fact .facts,#hist-fact .vision{margin:0.5rem}#admission-timeline .admission-timeline .timeline-col{flex-direction:column;border:2px solid #00bfff}#admission-timeline .admission-timeline .timeline-col1{border:none;border-bottom:2px solid #00bfff;width:100%;padding-bottom:1rem}#admission-timeline .admission-timeline .timeline-col1 p{padding:1rem 1.5rem 2.7rem;font-size:18px}#admission-timeline .admission-timeline .timeline-col2{border:none;border-bottom:2px solid #00bfff;width:100%;padding-bottom:1rem}#admission-timeline .admission-timeline .timeline-col2 p{padding:1rem 1.5rem 2.7rem;font-size:18px}#admission-timeline .admission-timeline .timeline-col3{border:none;padding-bottom:2.3rem;width:100%}#admission-timeline .admission-timeline .timeline-col3 p{padding:1rem 1.5rem 2.7rem;font-size:18px}#admission-timeline .timeline-nb{margin:0 1rem}#exam-schedule .exam-schedule .tab-col{width:100%;padding:20px}#about-message{flex-direction:column}#about-message .about-msg-1{padding:2rem;width:100%}#about-message .about-msg-2{width:100%;padding:2.5rem;font-size:14px}#acad-details{margin-top:3rem}#acad-details .acad-details{margin:2rem}#acad-details .acad-details h1{text-transform:uppercase;font-weight:700;font-size:40px;margin-bottom:2rem}#acad-details .acad-details p{font-size:19px;line-height:1.5}#boxes{margin:2rem}#electives{margin-top:5rem}#electives .electives{margin:2rem}#electives .electives h1{text-transform:uppercase;font-weight:700;font-size:40px;color:#00bfff}#electives .electives .elective-groups{margin:2rem}#electives .electives .elective-groups h2{margin-bottom:0.75rem}#electives .electives .elective-groups p{padding:5px 2px}footer{width:100%;flex-direction:column;justify-content:center}footer .text-block{width:100%}footer .moto{width:100%}footer .contacts{width:100%}footer .contacts .socials{margin-top:1.2rem;font-size:20px;display:flex;gap:1.2rem}}