@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Carter+One&display=swap);:root{--main--color:#017745;--main--color-hover:#016437;--main--color--beaver:#a38a76;--main--color--gold:#be9337;--main--color--Red-Violet:#8d3132;--black:#222;--white:#fff;--light-black:#222;--light-white:#fff9;--dark-bg:rgba(0,0,0.7);--light-bg:#eee;--font-color:#333;--border:.15rem solid #3a3f53a0;--box-shadow:0 .5rem 1rem rgba(0,0,0,.1);--text-shadow:1px 1px 2px rgba(0, 0, 0, .1)}*{font-family:'Open Sans',sans-serif;margin:0;padding:0;box-sizing:border-box;outline:0;border:none;text-decoration:none;text-transform:capitalize;-webkit-tap-highlight-color:transparent}html{font-size:90%;overflow-x:hidden}html::-webkit-scrollbar{width:.9rem}html::-webkit-scrollbar-track{background-color:var(--white)}html::-webkit-scrollbar-thumb{background-color:var(--main--color)}::-moz-selection{background:#a38a76}::selection{background:#bb555640}section{padding:2rem 2%}.btn{display:inline-block;background:var(--main--color);margin-top:1rem;color:var(--white);font-size:1.7rem;padding:.7rem 1rem;cursor:pointer;box-shadow:var(--box-shadow);border-radius:.5rem;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.btn:hover{background:#ffce00}img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.autoColorSec,.section{padding:2rem 3%;overflow:hidden}.notes span{display:block;text-align:left;margin-top:2rem;font-size:1.2rem;color:#ab0000;text-align:left}.notes p{color:#ab0000;line-height:1.5;text-transform:none;text-align:left}.top-header{width:100%;display:flex;flex-direction:row-reverse;justify-content:flex-start;background:#103023;font-size:16px;padding:.3rem 1rem .3rem 0;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.top-header .login{color:#3fced8}.top-header .top-navbar .email{color:var(--light-white);text-transform:none}.top-header .top-navbar a:hover{color:var(--white)}.top-header .top-navbar i{display:inline-block}.top-header .top-navbar a{padding-left:2rem}.top-navbar .fa-facebook{color:#3b5998}.top-navbar .fa-whatsapp{color:#25d366}.top-navbar .fa-twitter{color:#55acee}.top-navbar .fa-instagram{color:#ac2bac}.top-navbar .fa-envelope{color:#1390e0}.header{display:flex;flex-direction:row;position:sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;top:0;left:0;right:0;align-items:center;justify-content:space-between;background-color:var(--white);box-shadow:var(--box-shadow);z-index:1000;padding:0 2rem;height:6rem;width:100%;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.header .logoName{width:24rem;position:relative}.header .logo img{float:left;height:100%;height:5.8rem;width:auto;margin-right:.5rem;padding:.3rem}.header .logoName span{position:absolute;font-size:1.2rem;color:var(--main--color);top:50%;transform:translate(0,-50%);font-weight:700}.header .navbar{position:relative;display:flex;align-items:center;justify-content:space-between;background-color:#fff}.header .navbar a{font-size:1.4rem;padding:1.15rem 0 1.15rem 1.15rem;color:var(--black);font-weight:600;text-shadow:var(--text-shadow);text-align:center;cursor:pointer;transition:color .1s linear}.header .navbar a:hover{color:var(--main--color)}.dropdown{position:relative}.dropdown-content{font-size:1.25rem;font-weight:500;opacity:0;visibility:hidden;position:absolute;top:3rem;left:50%;transform:translateX(-50%);min-width:270px;border-radius:3px;background-color:#f9f9f9;box-shadow:2px 8px 16px 0 rgba(0,0,0,.5);text-align:center;padding:5px;transition:opacity .2s linear,visibility .2s linear;z-index:1}#more.dropdown-content{left:-100%;max-width:200px}.dropdown:hover .dropdown-content,.dropdown:hover .dropdown-more{opacity:1;visibility:visible}.dropdown:hover .dropdown-more a,.header .navbar .dropdown-content a{font-size:1.25rem;font-weight:500;display:block;padding:.7rem 2rem .7rem 2rem;color:var(--black);text-decoration:none;transition:background-color .2s linear;white-space:nowrap}.header .navbar .dropdown-content a:hover{background:#eee;color:var(--main--color)}.dropdown-content a.active{background:#357cd9;color:#fff}#menu-btn{margin-right:.4rem;font-size:2.5rem;cursor:pointer;color:#ffce00;display:none}#menu-btn:hover{color:#e2b606}.navbar2{display:flex;position:sticky;position:-webkit-sticky;top:0;align-items:center;justify-content:space-between;background-color:var(--white);box-shadow:var(--box-shadow);z-index:999;margin-top:.2rem;padding:0 2rem;background:var(--main--color);height:4rem;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.navbar2 a{font-weight:400;font-size:1.3rem;color:var(--white);text-shadow:var(--text-shadow);padding-right:1rem}.navbar2 a.active,.navbar2 a:hover{color:#a6c617;font-size:1.31rem}.heading{position:relative;text-align:center;color:#3b90cd;font-size:2rem;text-transform:uppercase}.heading span{display:block;margin-top:.5rem;position:absolute;top:100%}.heading-border{background-color:#ffc600;height:2px;width:25rem;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%)}.home{padding:0}.home-slider{position:relative;width:100%;margin:0;overflow:hidden;height:70vh;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.swiper-slide{width:100%;height:100%;position:relative}.swiper-slide img{width:100%;height:100%;object-fit:cover}.home .swiper-button-next,.home .swiper-button-prev{opacity:.35;color:#f0f8ff}.home .swiper-button-next:hover,.home .swiper-button-prev:hover{opacity:1;color:var(--main--color)}.home-slider .content{width:100%;position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)}.home .swiper-slide-active .content{display:inline-block}.home .slide h1,.home .slide span p{font-size:4.7vw;font-weight:700;line-height:1.1;color:var(--white);text-shadow:5px 4px 10px rgba(0,0,0,.4);padding:1rem 0;text-transform:uppercase;animation:fadeIn .3s linear backwards .5s}.home .slide .content .btn{animation:fadeIn .5s linear backwards .3s}@keyframes fadeIn{0%{transform:scale(.5);opacity:0}}.motto,.welcome{display:block;background:var(--main--color);padding:.4rem;margin-bottom:1.5rem;box-shadow:var(--box-shadow)}.motto h3,.welcome h3{text-align:center;font-weight:600;font-size:1.3rem;color:var(--white);text-shadow:var(--text-shadow)}.backToTop #myBtn{background:var(--main--color);width:50px;height:50px;border-radius:50%;position:fixed;bottom:30px;right:30px;display:none;z-index:9999999;font-size:18px;border:none;outline:0;color:#fff;cursor:pointer;box-shadow:var(--box-shadow);transition:.2s;text-align:center}.backToTop .fa-sharp{font-size:2rem}.backToTop .fa-sharp:hover{margin-bottom:.5rem}.backToTop #myBtn:hover{background-color:#333;color:#ff9800}.lazy-img{overflow:hidden;filter:blur(5px);background:linear-gradient(110deg,#eee 35%,#fff 50%,#eee 65%);background-size:300%;animation:loading 1.2s ease-in-out infinite}@keyframes loading{0%{background-position:0 50%}100%{background-position:150% 50%}}.news{width:100%;padding-bottom:0}.news .container{display:flex;margin:1rem 0;background:var(--light-bg);padding:2rem 1rem;border-radius:2px}.news .box{width:33.3%}.news .heading-section{padding:1rem;width:100%;border-bottom:1px solid #cfcfcf;border:1px solid#cfcfcf;background:var(--main--color);color:var(--white)}.news .event-list,.news .latest-news,.news .notice-board{height:100%;margin:0 1rem;background:var(--white);color:var(--font-color)}.latest-news-ul li img{visibility:hidden}.latest-news-ul li:nth-child(1) img{visibility:visible}.news .latest-news-ul,.news .notice-board-list,.news .up-coming{padding:1rem;list-style:none}.news .latest-news-ul{line-height:2.4}.news .latest-news-ul img{height:.8rem}.news .up-coming{line-height:1}.news .notice-board-list{line-height:2.4}.news .up-coming li{float:left;width:100%;margin-bottom:1rem}.news .up-coming li h3{margin-top:.5rem;font-size:1rem;font-weight:400}.news .event-date{background:#00aed9;float:left;text-align:center;color:#fff;padding:.3rem;margin-right:.5rem;font-size:.8rem;min-width:2.7rem}.news .notice-board-list li,.news .notice-board-list li sup{width:100%}.news .notice-board-list li i{color:#00aed9;margin-right:.8rem}.director,.principal{margin:1rem 0 1.3rem;width:100%}.principal .container{display:flex;justify-content:center;align-items:center;min-width:20rem;background:#0177460c;box-shadow:var(--box-shadow);border-radius:2px;overflow:hidden}.principal .content{padding:1rem 3rem 1rem 2rem}.principal .content .image{width:38rem;min-height:30rem;float:left;margin:0 2rem 0 0}.director .content .image img,.principal .content .image img,.vice-principal .content .image img{border-radius:.5rem;width:100%;box-shadow:0 .5rem 1rem #000;margin-bottom:.8rem}.director .content .about h3,.principal .content .about h3{font-size:1.8rem;padding:0 0 .3rem;color:#8d3132}.director .content .about p,.principal .content .about p,.vice-principal .content .about p{margin-bottom:1rem;color:var(--light-black);font-size:1.25rem;line-height:1.5;text-align:justify;text-transform:none}.principal .about a{font-style:italic;color:#017745;text-shadow:1px 1px 1px rgba(40,102,29,.1)}.director .image .name p,.principal .image .name p,.vice-principal .image .name p{color:var(--main--color);margin:0 1rem;overflow:hidden}.director .name p,.principal .name p,.vice-principal .name p{font-size:1.2rem;font-weight:400;font-style:italic;padding:0 3rem;text-align:end;color:#000}.director .container{display:flex;justify-content:center;align-items:center;min-width:20rem;background:#a38a760e;box-shadow:var(--box-shadow);border-radius:2px;overflow:hidden}.director .content .image{width:38rem;min-height:30rem;float:right;margin:0 0 0 2rem}.director .content{padding:1rem 3rem 1rem 2rem}.topper-section{width:100%}.topper-section .container{display:block;text-align:center;border-top:.3rem solid #ccc;box-shadow:var(--box-shadow);overflow:hidden;background-image:linear-gradient(to bottom,#051937,#024a62,#3a7e81,#83b19a,#d7e3bb);border-radius:2px}.topper-section h2{color:#fff;font-size:1.8rem}.topper-section .topper-card{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center}.topper-section .topper-box{display:flex;align-items:center;text-align:center;flex-direction:column;background-color:#fff;border:.2rem solid #84bce9;box-shadow:var(--box-shadow);border-radius:.5rem;margin:.5rem 1rem .5rem;height:20rem;width:30%}.topper-card .image{height:85%;width:100%;margin-bottom:.3rem;border-radius:.5rem;overflow:hidden;border-bottom:var(--border)}.topper-card img{height:100%;width:100%;object-fit:cover;transition:.25s linear}.topper-card .image:hover img{transform:scale(1.1)}.topper-card h3{color:var(--font-color);font-size:1.2rem;font-weight:300}.topper-section p{font-size:1rem;color:#777}.topper-section .counter-num{display:block;color:#3b90cd;text-align:center;font-size:1.4rem;font-weight:600;line-height:.9;margin-bottom:.5rem}.counter-num{opacity:0;transition:opacity 1s ease-in-out}.counter-visible{opacity:1}.review{width:100%;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.review .mySwiper{background:var(--light-bg);box-shadow:var(--box-shadow);width:100%;height:33rem;margin:1rem 0;border-radius:2px;overflow:hidden;padding-bottom:1rem}.review .card{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;width:26rem;border-radius:17px;background:var(--white);padding:0 1rem;box-shadow:var(--box-shadow);margin:.5rem 1rem;overflow:hidden;color:var(--font-color);cursor:pointer;transition:transform .3s}.review .card:hover{scale:1.009}.review .card_image{border-radius:50%;height:5.5rem;width:5.5rem;border:2px solid #3b90cd;overflow:hidden}.review .card_image img{height:100%;width:100%}.review .card_content{background:var(--white);text-align:center;font-size:1.15rem}.review span{font-size:1rem;color:var(--main--color)}.review .stars a,.review .stars i{padding-bottom:1rem;color:#ffce00;font-size:1.1rem}.review .stars a{color:#f6edc9}.review i#addreview{position:absolute;right:2.1%;bottom:9.2%;font-size:1.5rem;color:#0ca678;z-index:2;cursor:pointer;padding:1rem 1rem 0 0}.Are-You-Ready{width:100%}.Are-You-Ready .container{overflow:hidden;position:relative;text-align:center}.Are-You-Ready .container .image{height:70vh}.Are-You-Ready .container .image img{height:100%;width:100%;object-fit:cover}.Are-You-Ready .container .content{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.Are-You-Ready .content h3{font-size:3rem;font-weight:300;color:#fff;font-family:'Carter One',cursive;text-shadow:3px 2px 3px rgba(1,17,59,.47)}.Are-You-Ready .cac{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.Are-You-Ready .cac .box{display:flex;justify-content:center;align-items:center;min-width:14rem;height:4.5rem;background:#e8e8e8;margin:1rem 1rem;overflow:hidden;z-index:2;text-align:center;text-decoration:none}.Are-You-Ready .cac .box span{color:var(--font-color);font-size:1.3rem;font-weight:500;pointer-events:none}.Are-You-Ready .cac .box:hover{background:#fff}.Are-You-Ready .cac .box:nth-child(1){background:#a31d36;transition:.3s;z-index:3}.Are-You-Ready .cac .box:nth-child(1):hover{background:#bf203d}.Are-You-Ready .cac .box:nth-child(1) span{color:#fff}.Are-You-Ready .cac .box:nth-child(1){background:#a31d36;transition:.3s;z-index:3}.Are-You-Ready .cac .box:nth-child(1):hover{background:#bf203d}.Are-You-Ready .cac .box:nth-child(1) a{color:#fff}.thnku-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--light-bg);height:40rem;margin:2rem;gap:2rem}.thnku-container .submited h3{display:block;width:100%;font-size:2rem;color:#3fd84c}.thnku-container a{background:#c8d3da;font-size:1.5rem;padding:.6rem;border-radius:.5rem;color:var(--black)}.thnku-container a:hover{background:#50b5f3}.footer{padding:.5rem 0 1rem;background:#017745 repeating-linear-gradient(-45deg,#017745,#017745 1px,#013824 3px,#017745 4px);overflow:hidden;width:100%}.footer .box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,2fr));gap:.3rem 3rem;padding:0 3rem;margin-left:1.5rem;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.footer .box-container .box h3{color:#c4e8d8;font-size:2rem;padding-bottom:.4rem;padding-top:.1rem}.footer .box-container .box a{color:var(--white);font-size:1.2rem;padding-bottom:.9rem;display:block}.footer .box-container .box a:hover{color:var(--light-white)}.footer .box-container .box a i,.footer .box-container .box p i{margin:0 .3rem;color:var(--main--color--gold);transition:.2s linear}.footer .box-container .box a:hover i{color:#ffce00;padding-right:1rem}.footer .box-container .box .lower{text-transform:lowercase;font-size:1rem;margin-top:.9rem}.footer .adrs{color:var(--white);padding-right:10rem}.creditcontainer{width:100%;padding:.5rem 0;border-top:.1rem solid var(--light-white);background:var(--main--color);color:#00b66f;color:var(--main--color--gold);text-transform:capitalize}.credit{display:flex;justify-content:center}.credit a,.credit h6{font-size:1.2rem}.credit a{margin-left:10px}.credit span{text-transform:uppercase}@media (max-width:1270px){html{font-size:55%}section{padding:2rem 2%}.home-slider{height:55vh}.home .slide .content h3{font-size:5vw}.header .navbar a{font-size:1.8rem}}@media (max-width:868px){.header .navbar a{font-size:1.4rem}.home-slider{height:55vh}.news{padding:1rem 0}.news .container{margin:0;padding:1rem 0}.news .box{padding:0;margin:0}.news .event-date{font-size:.7rem;min-width:1.7rem}.news .event-list,.news .latest-news,.news .notice-board{margin:0 .2rem}.news .latest-news-ul,.news .notice-board-list,.news .up-coming{padding:.2rem}.news .latest-news-ul{line-height:1.5}.news .latest-news-ul img{height:.7rem}.news .up-coming{line-height:1}.news .notice-board-list{line-height:1.8}.news .up-coming li h3{margin-top:0}.news .event-date{padding:.2rem;margin-right:.2rem}.news .notice-board-list li i{margin-right:.1rem}}@media (max-width:768px){.top-header{font-size:13px}.top-header .top-navbar a{padding-left:.9rem}.home-slider{height:30vh}.home .swiper-button-next,.home .swiper-button-prev{display:none}.home .swiper-slide-active .content{display:inline-block}.home .slide h1,.home .slide span p{font-size:4.6vw}#menu-btn{display:inline-block;transition:.2s linear}#menu-btn.fa-times{transform:rotate(180deg)}.header .logoName{width:90%}.header .logoName span{font-size:1.5rem}.header .navbar{position:absolute;display:block;top:100%;left:0;right:0;background-color:#fffffff1;border-top:var(--border);padding:4rem 2rem;transition:.2s ease-out;clip-path:polygon(0 0,100% 0,100% 0,0 0);box-shadow:var(--box-shadow)}.header .navbar.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.header .navbar a{display:block;padding:1rem;font-size:2rem;font-weight:700;border-bottom:.15rem solid #eedc5994}.dropdown{display:block}.dropdown:hover .dropdown-content{display:none}.navbar2 a{font-weight:500;font-size:1.1rem;padding:0 .4rem 0 0}.navbar2 a.active,.navbar2 a:hover{font-size:1.05rem}.topper-section .counter-num{font-size:2rem;font-weight:500}.topper-section .topper-box{height:25rem;width:80%}.director .content .about p,.principal .content .about p{font-size:1.8rem;line-height:1.6}.review .popup-message{font-size:.8rem;right:8%}.review .card{width:23rem;padding:0 .65rem;margin:.5rem}.review .card_image{height:5.8rem;width:5.8rem}.review .card_content{font-size:1.16rem}.review .stars a,.review .stars i{padding-bottom:1rem;font-size:1.1rem}.Are-You-Ready .container .content{top:60%}.Are-You-Ready .container{border-radius:2px 2px 0 0}section.Are-You-Ready{padding:0}.Are-You-Ready .cac{flex-direction:column}.Are-You-Ready .cac .box{width:25rem}.footer .adrs{font-size:.7rem;padding-right:5rem;line-height:1}.application-form{margin:2rem 0}.header .logo{height:4.8rem;width:4.8rem}.credit a,.credit h6{font-size:1rem}.credit a{margin-left:0}}@media (max-width:450px){html{font-size:50%}.director .content .image,.principal .content .image{width:100%;padding:0 2.5rem}.director .content,.principal .content{padding:1rem 1.5rem}}