:root{--color_green:#006634;--color_success:#00DC1D;--color_warning:#FEB100;--color_danger:#DC0000;--color_sky:#6666FF;--color_darkgrey:#4E5A62;--color_lightgrey:#CCCCCC;--color_lightgrey2:#ececec}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style-type:none}body{width:100%;height:100dvh;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}a{color:#fff}img{width:100%}p{line-height:1.5}h1{font-size:2.6rem}h2{font-size:2rem}h3{font-size:1.6rem}h4{font-size:1.3rem}.btn{width:8rem;padding:16px 0;text-align:center;border:1px solid var(--color_danger);color:var(--color_danger);position:relative;transition:all .4s ease}.btn:before{content:"Get Started";width:100%;height:100%;background:var(--color_danger);color:#fff;position:absolute;top:0;left:0;transition:all .4s ease;transform-origin:0 0;transition-timing-function:cubic-bezier(.5,1.6,.4,.7);transform:scaleX(1);line-height:53px}.btn:hover:before{transform:scaleX(0)}.btn1:before{content:"View More"}.btn2{background:#fff;color:#000;padding:18px 25px;border:1px solid transparent;transition:all .4s ease}.btn2:hover{background:transparent;color:#fff;border:1px solid white}.nav__container{background:#4e5a62b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:4.5rem;display:flex;justify-content:space-between;align-items:center;padding:0 6rem;position:fixed;top:0;left:0;z-index:9999}.nav__logo{width:10rem;display:flex}.main-nav__links{display:flex;align-items:center;gap:1.5rem;height:4.5rem}.main-nav__links li{position:relative;height:100%;display:flex;align-items:center}.main-nav__links>li a,.main-nav__links>li span{color:#000;padding:.05rem .6rem;font-size:.8rem;background:var(--color_danger);border:1px solid transparent;transition:all .4s ease;display:inline-block;cursor:pointer}.main-nav__links>li a:hover,.main-nav__links>li span:hover{background:transparent;color:#fff;border:1px solid white}.active-link{background:transparent!important;color:#fff!important;border:1px solid white!important}.sub-active-link{background:#ffffff80!important}.small-active-link{background:#0009!important}.main-nav__links>li:nth-child(2) a{background:var(--color_warning)}.main-nav__links>li:nth-child(2) a:hover{background:transparent}.main-nav__links>li:nth-child(3) span{background:var(--color_success)}.main-nav__links>li:nth-child(3) span:hover{background:transparent}.main-nav__links>li:nth-child(4) a{background:#90f}.main-nav__links>li:nth-child(4) a:hover{background:transparent}.main-nav__links>li:nth-child(5) a{background:#3c9}.main-nav__links>li:nth-child(5) a:hover{background:transparent}.main-nav__links>li:last-child span{background:var(--color_sky)}.main-nav__links>li:last-child span:hover{background:transparent}.main-nav__links li:hover .sub-nav__links{opacity:1;display:flex}.sub-nav__links{position:absolute;left:50%;top:4.5rem;transform:translate(-50%);width:15rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem .5rem;background:#000c;opacity:0;display:none;overflow:hidden;transition:all .4s ease}.nav__links .sub-nav__links li{width:100%}.nav__links .sub-nav__links li a{background:transparent;color:#fff;display:inline-flex;width:100%;padding:.5rem 1rem;border-radius:.5rem}.nav__links .sub-nav__links li a:hover{border:1px solid transparent;background:#ffffff80}.link__icon{display:flex;font-size:1.2rem;color:var(--color_sky)}.nav__links .sub-nav__links li a:hover .link__icon{color:#fff}.small__nav,.nav__container .navButton{display:none}.body__container{margin-top:4.5rem;min-height:calc(100dvh - 4.5rem)}.container{min-height:100dvh;padding:4rem 6rem}footer{background:var(--color_darkgrey);color:#fff}.main__footer{display:flex;justify-content:space-between;padding-inline:6rem;margin-bottom:2rem}.footer__links{padding-top:1.25rem;text-align:center}.footer__nav{margin-top:1rem}.main-footer__nav{display:flex;flex-direction:column;gap:1rem}.main-footer__nav span{cursor:pointer}.main-footer__nav a:hover,.main-footer__nav span:hover{text-decoration:underline}.footer__location{width:34.5rem;overflow:hidden}.footer__address{background:var(--color_warning);text-align:center;padding:.75rem 1rem}.footer__address p{margin-top:.6rem;font-size:.875rem}.footer__contacts{background:var(--color_sky);text-align:center;width:16rem;height:24rem;border-radius:0 0 12px 12px;overflow:hidden}.footer__contacts h4{background:var(--color_danger);padding:.75rem 0}.footer__socials{display:grid;grid-template-columns:1fr 1fr}.footer__socials a{border-bottom:1px solid white;padding:2rem 0;font-size:1.875rem}.footer__socials a:first-child,.footer__socials a:nth-child(3){border-right:1px solid white}.footer__numbers{display:flex;flex-direction:column;justify-content:space-around;gap:1rem;padding:1rem 0}.sub__footer{border-top:1px solid var(--color_lightgrey2);color:var(--color_success);text-align:center;padding:1rem 0;display:flex;justify-content:center;align-items:center;gap:1rem}.painless-logo{width:17rem;transition:transform .4s ease}.painless-logo a{color:#ffffffb3;font-size:.875rem;display:flex;flex-direction:column;text-align:left}.painless-logo:hover{transform:translate(5px)}@media screen and (max-width:64rem){h1{font-size:2.2rem}h2{font-size:1.7rem}h3{font-size:1.4rem}h4{font-size:1.2rem}.nav__container{padding-inline:4rem}.main-nav__links{gap:1.5rem}.container{padding:4rem}.main__footer{gap:2rem;padding:0 5rem}.footer__location{width:30rem}.footer__contacts{width:12rem;height:18rem}.footer__socials a{padding:1rem;font-size:1.5rem}.sub__footer p{font-size:.875rem}.sub__footer img{width:18rem}}@media screen and (max-width:37.5rem){h1{font-size:1.8rem}.nav__container{padding:0 1rem}.nav__logo{width:8rem}.main-nav__links{display:none}.small__nav{display:block;position:fixed;right:-15rem;top:4.5rem;background:#4e5a62b3;width:15rem;height:100vh;padding:1rem .5rem;overflow:hidden;transition:all .4s ease}.active-small__nav{right:0;opacity:1}.main-small__nav{display:flex;flex-direction:column;gap:.5rem}.main-small__nav a,.main-small__nav span{display:flex;align-items:center;gap:.7rem;padding:.5rem 1rem;border-radius:.7rem;width:100%;color:#fff;cursor:pointer;transition:all .4s ease}.main-small__nav a:hover,.main-small__nav span:hover{background:#0009}.main-small__nav a i,.main-small__nav span i{font-size:1.3rem;display:flex}.main-small__nav li:hover .sm-sub-nav__links{opacity:1;display:flex}.sm-sub-nav__links{display:flex;flex-direction:column;gap:.5rem;background:#000c;opacity:0;display:none;padding:.5rem;overflow:hidden;border-radius:.7rem;margin-top:.5rem;transition:all .4s ease}.sm-sub-nav__links li{width:100%}.sm-sub-nav__links li a{background:transparent;color:#fff;display:inline-flex;font-size:.875rem;width:100%;padding:.5rem 1rem;border-radius:.5rem;border:1px solid transparent}.sm-sub-nav__links li a:hover{border:1px solid transparent;background:#ffffff80}.nav__container .navButton{background:transparent;border:none;outline:none;color:#fff;font-size:1.3rem;cursor:pointer}.nav__container .navButton{display:flex}.overlay{background:#0000;position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1;transition:all .4s ease}.active-overlay{background:#000000e6;z-index:9998}.container{padding:2rem 1rem}.main__footer{flex-direction:column;align-items:center;padding-inline:1rem}.footer__location{width:100%}.sub__footer{flex-direction:column}.sub__footer p{font-size:.8rem}.sub__footer img{width:14rem}.painless-logo{width:fit-content;margin-inline:auto}.painless-logo a{flex-direction:row;gap:.5rem}.painless-logo img{width:12rem}}header{position:relative;height:15rem;margin:5rem .5rem .5rem}.header__container{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 5.5rem;border-radius:1.5rem;background:green;background-size:cover;position:absolute;top:0;left:0;overflow:hidden;transition:opacity 1s ease-in-out}.header__container.active{opacity:1}.header__container.inactive{opacity:0}.header__container:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0}.header__left{max-width:50%;color:#fff;display:flex;flex-direction:column;gap:1rem;position:relative}.header__left h4{color:var(--color_warning);filter:drop-shadow(0px 0px 2px rgba(0,0,0,.8))}.header__left button{width:fit-content;background:transparent;color:#fff;outline:0;border:0;text-decoration:underline;cursor:pointer}.header__left a{display:flex;gap:.6rem;transition:all .4s ease}.header__left a:hover{text-decoration:none;transform:translate(10px)}.header__left span{display:flex}.green-header{background-image:url(/assets/header-image2-DF95Unj8.jpg)}.green-header:before{background:linear-gradient(90deg,rgb(0,128,0,.95) 0%,rgb(0,128,0,.8) 50%,transparent 100%)}.purple-header{background-image:url(/assets/header-image3-DbFB2Yvn.jpg)}.purple-header:before{background:linear-gradient(90deg,rgba(128,0,128,.95) 0%,rgba(128,0,128,.8) 50%,transparent 100%)}.blue-header{background-image:url(/assets/header-image4-Bx6ZZgFJ.jpg)}.blue-header:before{background:linear-gradient(90deg,rgba(45,45,122,.95) 0%,rgba(45,45,122,.8) 50%,transparent 100%)}.header__right{width:12rem}@media screen and (max-width:1024px){.header__container{padding-inline:3.5rem}.green-header{background-image:url(/assets/header-image2-md-DS2ZDu5C.jpg)}.purple-header{background-image:url(/assets/header-image3-md-BRQgp_cw.jpg)}.blue-header{background-image:url(/assets/header-image4-md-Dur5SNUk.jpg)}}@media screen and (max-width:600px){header{height:8rem}.header__container{padding-inline:1rem;border-radius:1rem}.header__left{max-width:100%;gap:.2rem}.header__left h4{font-size:.875rem}.header__left p{font-size:.75rem}.header__left button{margin-top:.5rem}.header__right{display:none}.green-header{background-image:url(/assets/header-image2-sm-BbOYt_Av.jpg)}.purple-header{background-image:url(/assets/header-image3-sm-Cj9y4bBe.jpg)}.blue-header{background-image:url(/assets/header-image4-sm-COcxgLsd.jpg)}}.hero__container{display:flex;align-items:center;gap:3rem;background-image:url(/assets/comp4-CJZL2bGg.jpg);background-size:cover;position:relative;padding-top:0}.hero__cover{position:absolute;left:0;top:0;z-index:0;background:#fffc;height:100%;width:100%}.hero__image{position:relative}.hero__message{max-width:33rem;position:relative}.hero__message p{margin:1rem 0;line-height:1.5}.statistics__container{min-height:15rem;background:linear-gradient(90deg,#034c36,#003332)}.statistics__cards{display:flex;justify-content:space-between}.statistics__card{background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;box-shadow:0 4px 8px #000000b3;color:#127a5b;position:relative;overflow:hidden;transition:all .4s ease}.statistics__card:hover{box-shadow:0 4px 8px #0000;color:#003332}.statistics__card span{width:6rem;transition:all .4s ease}.statistics__card:hover span{transform:translateY(-10px)}.statistics__card h1{font-size:3.2rem}.statistics__card small{color:var(--color_darkgrey);position:relative}.statistics__card div{position:absolute;left:-2rem;bottom:-3rem;width:10rem;transform:rotate(45deg)}.statistics__card div img{filter:grayscale(1);opacity:.2}.statistics__card:last-child div{left:-2rem;bottom:-3rem;width:9rem}.statistics__card:last-child div img{opacity:.1}.category__container{display:flex;align-items:center;gap:3rem;background:linear-gradient(90deg,#034c36,#003332);color:#fff;background-image:url(/assets/background1-C02zggOv.jpg);background-size:cover}.category__heading{max-width:33rem}.category__heading p{margin-top:1rem}.category__links{display:flex;flex-direction:column;align-items:center;gap:60px;width:100%}.category__links a{border:1px solid white;padding:.875rem;text-align:center;width:100%;position:relative;transition:all .4s ease}.category__links i{height:100%;background:var(--color_danger);position:absolute;top:0;left:-1.5rem;z-index:999;display:flex;align-items:center;padding-inline:.8rem;font-size:1.5rem}.category__links a:after{content:"Basic Section";height:100%;width:100%;background:var(--color_danger);position:absolute;top:0;left:0;transition:all .4s ease;transform-origin:0 0;transform:scaleX(0);line-height:51px}.category__links a:hover:after{transform:scaleX(1)}.category__links a:nth-child(2) i{background:var(--color_warning)}.category__links a:nth-child(2):after{background:var(--color_warning);content:"College Section"}.category__links a:last-child i{background:var(--color_sky)}.category__links a:last-child:after{background:var(--color_sky);content:"Boarding Section"}.activity__container{display:flex;flex-direction:column;background:#beeac5}.activity__container h1{margin-bottom:2.5rem;color:var(--color_danger);text-align:center}.activity__card-container{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:2.5rem}.activity__card{display:flex;flex-direction:column;gap:.6rem}.activity__image{border-radius:.5rem;overflow:hidden}.activity__message{margin-bottom:.6rem}.activity__message h4{color:#06392f;font-size:1rem;margin-bottom:.3rem}.activity__message p{color:#5a5a5a}.activity__card .btn2{width:fit-content;margin-top:auto;padding:.5rem 1rem}.activity__card .btn2:hover{color:#06392f;border:1px solid #06392f}.activity__container .btn{margin-inline:auto}.testimonial__container{background:linear-gradient(90deg,#034c36,#003332)}.testimonial__container h1{color:#127a5b;text-align:center;margin-bottom:3rem}.testimonial__controls{display:flex;justify-content:space-between;align-items:center;height:75vh;position:relative}.testimonial__controls button{border:none;background:transparent;color:#fff;border-radius:50%;display:flex;font-size:1.5rem;cursor:pointer;transition:all .4s ease}.testimonial__controls button:hover{color:var(--color_warning)}.testimonial__cards{display:inline-flex;justify-content:center;align-items:center;position:relative;gap:1rem;height:100%;width:100%}.testimonial__card{background:#fff;max-width:43rem;padding:4rem 3rem 3rem;border-radius:.5rem;position:absolute;opacity:0;left:10rem;transition:all .6s ease}.active-testimonial__card{opacity:1;left:calc(50% - 21.5rem)}.testimonial__image{width:6rem;position:absolute;left:calc(50% - 3rem);top:-3rem;background:#fff;padding:.5rem;border-radius:50%}.testimonial__info{margin-top:2rem;color:gray}.testimonial__info h4{color:var(--color_danger)}.testimonial__pagination{display:flex;justify-content:center;align-items:center}.pagination__dot{height:.5rem;width:.5rem;background:#127a5b;border-radius:50%;margin:0 .4rem;cursor:pointer;transition:all .4s ease;display:inline-block}.active-pagination__dot{background:#fff}@media screen and (max-width:64rem){.hero__message{max-width:26rem}.hero__message p{font-size:.89rem}.category__heading{max-width:25rem}.activity__card-container{grid-template-columns:repeat(2,1fr)}.activity__message p{max-width:21rem}.testimonial__card{max-width:37rem}.active-testimonial__card{left:calc(50% - 18.5rem)}}@media screen and (max-width:37.5rem){.hero__container{flex-direction:column;gap:1rem}.hero__message{text-align:center}.btn{margin-inline:auto}.statistics__cards{flex-direction:column;gap:1.5rem}.category__container{flex-direction:column;justify-content:center;text-align:center}.category__links{width:100%}.category__links a{width:100%;margin-inline:auto}.category__links i{left:0rem;font-size:1.5rem}.activity__container{padding:4rem 1rem}.activity__card-container{grid-template-columns:1fr}.testimonial__container{background:linear-gradient(0deg,#034c36,#003332);width:100%}.testimonial__container h1{margin-bottom:3rem}.testimonial__controls{height:87vh}.testimonial__controls button{position:absolute;color:#0003;font-size:2rem;z-index:10}.testimonial__controls button:first-child{left:0}.testimonial__controls button:last-child{right:0}.testimonial__cards{overflow-x:hidden}.testimonial__card{width:100%;padding:4rem 1rem 1rem}.active-testimonial__card{left:0}}.container.about__container{min-height:100vh}.about__container{border-bottom:2px solid var(--color_success);background-color:linear-gradient(90deg,#034c36,#003332);background-image:url(/assets/background1-C02zggOv.jpg);background-size:cover;color:#fff;display:flex;align-items:center;gap:3rem}.about__texts{width:50%}.about__texts p{margin-top:1rem}.motto__texts span{padding:.25rem;background-color:var(--color_success)}.motto__texts p:nth-child(3) span{background-color:var(--color_warning)}.motto__texts p:last-child span{background-color:var(--color_sky)}.team__container{background:linear-gradient(90deg,#034c36,#003332)}.team__container h1{color:#fff;text-align:center;margin-bottom:3rem}.team__director{background-color:#fff;border-radius:.5rem;max-width:50rem;padding:2rem;margin-inline:auto;margin-bottom:3rem;box-shadow:0 0 10px #0009;transition:all .4s ease;height:fit-content}.team__director:hover{box-shadow:0 0 10px transparent}.team__director>div:first-child{display:flex;align-items:flex-end;gap:2rem;border-bottom:1px solid var(--color_lightgrey);margin-bottom:1rem;padding-bottom:1rem}.team__director-image{width:12rem}.team__director-details h4{font-size:1.1rem;font-weight:500}.team__director-details p{color:var(--color_darkgrey)}.team__director-citation{background:transparent;border:0;display:flex;align-items:center;gap:.4rem;background:var(--color_warning);color:#000;padding:.2rem .8rem;border-radius:.2rem;cursor:pointer;transition:all .4s ease}.team__director-citation:hover{background:#e9a812}.team__director-citation i{display:flex;font-size:1.3rem;color:#fff}.team__director>div:last-child{height:0;overflow:hidden;transition:all .4s ease}.team__director>div:last-child p{margin-top:1rem}.team__director>div:last-child.citation{height:28rem}.team__staffs{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.team__staff{background-color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:.5rem;padding:1rem 1.8rem;box-shadow:0 0 10px #0009;transition:all .4s ease}.team__staff:hover{box-shadow:0 0 10px transparent}.team__staff>div:first-child{display:flex;align-items:center;gap:1.5rem}.team__staff-image{width:8rem}.team__staff-details{display:flex;flex-direction:column;gap:.3rem}.team__staff-details h4{color:var(--color_sky)}.team__staff-details p{color:var(--color_darkgrey)}.team__staff-socials{display:flex;flex-direction:column}.team__staff-socials a{color:#000;font-size:1.8rem;cursor:pointer;transition:all .4s ease}.team__staff-socials a:hover{transform:scale(1.2)}.team__staff-socials a:first-child{color:var(--color_success)}.team__staff-socials a:last-child{color:var(--color_danger)}@media screen and (max-width:64rem){.special{flex-direction:column}.special .about__texts{width:100%}.about__texts{width:60%}.team__director{max-width:100%}.team__director>div:last-child.citation{height:30rem}.team__staffs{gap:1rem}.team__staff{padding:1rem}.team__staff>div:first-child{gap:1rem}}@media screen and (max-width:37.5rem){.about__container{flex-direction:column}.about__texts{width:100%}.team__container{background:linear-gradient(0deg,#034c36,#003332)}.team__director{padding:2rem 1rem 1rem}.team__director-details h3{font-size:1.2rem}.team__director-details h4,.team__director-details p{font-size:.875rem}.team__director>div:first-child{display:flex;flex-direction:column;align-items:center;text-align:center}.team__director>div:last-child.citation{height:56rem;font-size:.95rem}.team__staffs{grid-template-columns:1fr;gap:1.5rem}.team__staff{padding:1rem 1rem .2rem;flex-direction:column;align-items:start}.team__staff-image{width:3.6rem}.team__staff-details h4{font-size:.875rem}.team__staff-details h5{font-size:.8rem}.team__staff-details p{font-size:.875rem}.team__staff-socials{flex-direction:row;gap:.8rem;width:100%;justify-content:center;align-items:center;border-top:1px solid var(--color_lightgrey);padding-top:1rem;margin-top:.5rem}}.construction__container{display:grid;place-content:center;height:calc(100dvh - 4.5rem);background:green;color:#fff;text-align:center;background-image:linear-gradient(#000000e6),url(/assets/activitycard1-D8tnfve5.jpg);background-size:cover}.construction__container h2{color:var(--color_warning)}.construction__container p{margin-top:1.5rem;max-width:30rem;margin-inline:auto}@media screen and (max-width:600px){.construction__container{padding:1rem}}.main-activity__container{background:#beeac5}.main-activity__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.main-activity__card{background:#fff;box-shadow:1px 27px 62px -31px #000000bf;padding:.5rem .5rem 2rem;text-align:center}.main-activity__message{padding-inline:2rem;margin-top:1rem}.main-activity__message h3{color:var(--color_darkgrey)}.main-activity__card button{border:none;background:var(--color_success);padding:.2rem 1.5rem;border-radius:.2rem;margin-top:2rem;cursor:pointer;transition:all .4s ease}.main-activity__card button:hover{background:#beeac5}@media screen and (max-width:600px){.main-activity__cards{grid-template-columns:repeat(1,1fr);gap:3rem}.main-activity__message{padding-inline:1rem}}.gallery__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}.gallery__card{background:var(--color_warning);padding:.5rem .5rem 1rem;border-radius:.5rem;position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:all .4s ease}.gallery__card:hover{transform:scale(1.1)}.gallery__card:after{content:"";position:absolute;right:-2.5rem;bottom:-2.5rem;height:5rem;width:5rem;background:#fff;box-shadow:0 0 4px 1px #0000004d;transform:rotate(45deg)}.gallery__image{border-radius:.5rem;overflow:hidden}.gallery__card h5{text-align:center;margin:.5rem 0}.gallery__number{margin-inline:.5rem;margin-top:auto;padding:.2rem .7rem;background:#fff;width:fit-content;display:flex;align-items:center;gap:.5rem;border-radius:.3rem}.gallery__number i{display:flex;color:var(--color_danger)}.gallery__album{position:fixed;top:0;left:0;z-index:-10000;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;width:100%;height:100vh;padding:4rem 6rem;overflow-y:scroll;opacity:0;transition:all .4s ease}.active-gallery__album{opacity:1;z-index:99999}.gallery__album small{font-size:2rem;margin-bottom:1.5rem;display:inline-flex;cursor:pointer;transition:all .4s ease}.gallery__album small:hover{color:#ff0;transform:scale(1.2)}.gallery__album p{margin-bottom:1rem}.gallery__album img{border:3.5px solid white}@media screen and (max-width:1024px){.gallery__album{padding:4rem}}@media screen and (max-width:600px){.gallery__cards{grid-template-columns:repeat(2,1fr);gap:1rem}.gallery__card:after{right:-1.5rem;bottom:-1.5rem;height:3rem;width:3rem}.gallery__album{padding:1rem}.gallery__album img{border:2.5px solid white}}.react-photo-album{display:flex}.react-photo-album,.react-photo-album *{box-sizing:border-box}.react-photo-album--track{align-items:flex-start;display:flex}.react-photo-album--photo{padding:calc(var(--react-photo-album--padding)*1px);position:relative}.react-photo-album--image{aspect-ratio:var(--react-photo-album--photo-width)/var(--react-photo-album--photo-height);display:block;height:auto;width:100%}.react-photo-album--button{background:initial;border:initial;cursor:pointer}.react-photo-album--rows{flex-direction:column;row-gap:calc(var(--react-photo-album--spacing)*1px)}.react-photo-album--rows .react-photo-album--track{justify-content:space-between;--react-photo-album--track-gaps:calc(var(--react-photo-album--spacing)*(var(--react-photo-album--track-size) - 1) + var(--react-photo-album--padding)*2*var(--react-photo-album--track-size))}.react-photo-album--rows .react-photo-album--photo{width:calc((100% - var(--react-photo-album--track-gaps)*1px)/(var(--react-photo-album--container-width) - var(--react-photo-album--track-gaps))*var(--react-photo-album--photo-width) + 2px*var(--react-photo-album--padding))}.class__section{background:var(--color_lightgrey2)}.class__container{padding:4rem 6rem}.class__content{display:flex;gap:2rem}.class__left{width:25%;background-image:url(../images/college-image.jpg);background-size:cover}.class__right{max-width:75%;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#fff;box-shadow:-1px 19px 50px -27px #000000bf}.class__right h3{color:var(--color_danger)}.class__right p{color:var(--color_darkgrey)}.class__right .btn2{background:var(--color_danger);color:#fff;width:fit-content;margin-inline:auto;padding:.6rem 4rem;border-radius:.2rem;cursor:pointer}.class__right .btn2:hover{border:1px solid var(--color_danger);color:var(--color_danger);background:transparent}.prebasic__left{background-image:url(/assets/prebasic-image-IrWJDVZk.jpg)}.nursery__left{background-image:url(/assets/nursery-image-Bro3Y9Bq.jpg)}.primary__left{background-image:url(/assets/primary-image-DZYyVPYY.jpg)}.jss__left{background-image:url(/assets/jss-image-CC_PSO3a.jpg)}.ss__left{background-image:url(/assets/ss-image-CbMOdBHj.jpg)}@media screen and (max-width:1024px){.class__container{padding:4rem}}@media screen and (max-width:600px){.class__container{padding:2rem 1rem}.class__content{flex-direction:column;gap:.5rem}.class__left{background-image:url(/assets/prebasic-image-sm-CydMh7jd.jpg);width:100%;height:8rem}.class__right{max-width:100%;padding:1rem}.nursery__left{background-image:url(/assets/nursery-image-sm-zVlS7cMS.jpg)}.primary__left{background-image:url(/assets/primary-image-sm-C33NWMdn.jpg)}.jss__left{background-image:url(/assets/jss-image-sm-mCA1GxLO.jpg)}.ss__left{background-image:url(/assets/ss-image-sm-Cdeykt4f.jpg)}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media(prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media(hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.rolebase__container{background:#fff;margin-top:4.5rem;min-height:calc(100vh - 4.5rem);padding:2rem 6rem 0}.form-group-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:15px}@media(max-width:768px){.form-group-triple{grid-template-columns:1fr}}*/.dashboard-card h3{text-align:center}.check-result-button{background:transparent;border:0;font-weight:700;font-size:1.1rem;margin-top:1rem;cursor:pointer;color:#00f}.check-result-button:hover{text-decoration:underline}.form-group-inline{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-group-inline select{width:100%;padding:.7rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;color:#1f2937;outline:none}.form-group-inline select:focus{outline:2px solid #068146;outline-offset:2px}.form-group-inline button{width:100%;padding:.75rem;margin-top:2rem;background-color:var(--color_green);color:#fff;font-size:.9rem;font-weight:600;border:none;border-radius:.375rem;cursor:pointer;transition:all .4s ease}.form-group-inline button:hover{background:#068146}.staff-workflow-container h2{text-align:center;margin-bottom:1.5rem}.selection-card,.score-input-card{padding:2rem 0}.selection-card h3,.score-input-card h3{margin-bottom:1rem}.selection-actions{display:flex;justify-content:space-between}.selection-actions button,.score-input-card .back-btn{padding:.5rem 1.2rem;width:fit-content;background-color:var(--color_green);color:#fff;font-size:.875rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;gap:.5rem}.selection-actions button:hover,.score-input-card .back-btn:hover{background:#068146}.selection-actions button:first-child{background-color:#6b7280}.selection-actions button:first-child:hover{background:#4b5563}.selection-actions button span{display:flex}.subject-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:2.5rem}.subject-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;transition:background-color .4s ease}.subject-checkbox:hover{background-color:#f3f4f6}.selected-subjects-info{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;border:1px solid #d1d5db;padding:1rem;border-radius:.375rem;background-color:#f9fafb}.selected-subjects-info small{background-color:#e6fee0;color:#28a103;border:1px solid #28a103;padding:.25rem .5rem;border-radius:.375rem;font-size:.8rem;font-weight:500}.score-input-card form{margin-top:2rem}.table-responsive{overflow-x:auto}.table-responsive table{border-collapse:collapse}.table-responsive th,.table-responsive td{border:1px solid #d1d5db}.table-responsive th,.table-responsive td{font-size:.875rem;padding:.2rem 1rem}.table-responsive th:first-child,.table-responsive td:first-child{position:sticky;left:0;background-color:#28a103;color:#fff;z-index:1}.subject-header{background-color:#f3f4f6;text-align:center;font-weight:600}.table-responsive tbody input{text-align:center;border:0;outline:0;font-size:1rem}.total-cell{background:var(--color_danger);color:#fff;text-align:center;font-weight:600}.teacher-comment{width:15rem}.login-container{display:flex;align-items:center;min-height:100vh}.login-card{width:100%;max-width:400px;padding:2rem;background-color:#fff;overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;height:100vh}.login-title{text-align:center;margin-bottom:1.5rem;color:var(--color_green);font-weight:500}.error-message{max-width:20rem;padding:.75rem;font-size:.875rem;font-weight:600;text-align:center;color:#b91c1c;background-color:#fee2e2;border-radius:.5rem;border-left:7px solid #b91c1c;position:fixed;right:2rem;top:2rem;z-index:10000;transition:all .4s ease}.login-form{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.login-form-group{display:flex;flex-direction:column;gap:1rem}.login-form-group label{font-size:.8rem;font-weight:600;margin-bottom:.3rem;display:inline-block;color:#4b5563}.login-form-group input,.login-form-group select{width:100%;padding:.7rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;color:#1f2937;outline:none}.login-form-group input:focus{outline:2px solid #068146;outline-offset:2px}.auth-submit-btn{width:100%;padding:.75rem;margin-top:2rem;background-color:var(--color_green);color:#fff;font-size:.9rem;font-weight:600;border:none;border-radius:.375rem;cursor:pointer;transition:all .4s ease}.auth-submit-btn:hover{background:#068146}.right-info{background-image:url(/assets/stdmsg-C5gopYSD.jpg);background-size:cover;width:100%;height:100vh;color:#fff;padding:4rem;position:relative;overflow:hidden}.staff-right-info{background-image:url(/assets/staffmsg-DkHiF4DW.jpg)}.cover{background:#000c;position:absolute;top:0;left:0;width:100%;height:100%}.info-logo{width:11rem;overflow:hidden;position:relative}.info-text{max-width:30rem;margin-top:4rem;position:relative}.info-text h2{margin-bottom:1rem;color:var(--color_success)}.info-text small{color:#ff0}.showMore{display:none}.home-link{position:relative;margin-top:7rem}.home-link a{display:flex;align-items:center;gap:.7rem;transition:all .4s ease}.home-link a:hover{color:var(--color_success)}@media screen and (max-width:1024px){.login-card{max-width:380px}.right-info{padding:3rem}.info-logo{width:9rem}.info-text{max-width:27rem;margin-top:3rem}.info-text p{font-size:.875rem;max-width:22rem}.home-link a{font-size:.875rem}}@media screen and (max-width:600px){.login-container{flex-direction:column-reverse}.error-message{right:1rem}.login-card{max-width:100%;position:relative;padding:1rem}.right-info{padding:2rem 1rem}.info-logo{width:8rem}.info-text{max-width:24rem;text-align:center;margin:5rem auto 1.5rem}.info-text p{font-size:1rem;max-width:unset}.showMore{display:inline}.info-text a{display:inline-flex;flex-direction:row;align-items:center;gap:.3rem;color:var(--color_success);margin-left:.5rem;transition:all .4s ease;margin-top:unset}.info-text a:hover{transform:translate(4px)}.home-link{display:flex;justify-content:center}.home-link a{font-size:1rem}}.result__container{border:4px solid var(--color_green);padding:.6rem;display:flex;flex-direction:column}.result__header{border-bottom:1px solid grey}.result__header h4{background:var(--color_green);padding:.05rem 1rem;width:fit-content;margin-inline:auto;color:#fff;margin-top:1rem;text-transform:uppercase;word-spacing:.1rem;letter-spacing:.3rem}.result__header p{width:fit-content;margin:.4rem auto}.result__student-info{margin:.5rem 0;display:flex;justify-content:space-between}.result__student-info div{font-size:1.2rem;font-weight:700}.result__student-info span{color:gray}.result__body table,.result__body th,.result__body td{border:1px solid black;border-collapse:collapse}.result__body table{width:100%;text-align:center}.result__body th{background:var(--color_green);color:#fff;padding:.4rem 0}.result__body th:not(:last-child){border-right:1px solid white}.result__body td{padding:.4rem 0}.result__body tbody td:first-child{text-align:left;padding-left:1rem}.result__conclusion{margin-top:.8rem;margin-top:auto}.result__percentage{border:1px solid grey;display:flex;justify-content:space-between}.result__percentage div:not(:last-child){border-right:1px solid grey}.result__percentage div{width:100%;padding-left:1rem;font-size:1.2rem;font-weight:700}.result__percentage span{color:gray}.result__base{display:flex;justify-content:space-between;margin-top:1rem}.result__comments{display:flex;flex-direction:column;gap:1rem}.result__comments div{display:flex;flex-direction:column;border-bottom:1px solid gray}.result__comments div span:first-child{color:gray}.grading-system{text-align:center}.grading-system__head{background:var(--color_green);color:#fff;padding:.1rem 0;font-size:1.2rem;font-weight:700}.grading-system table,.grading-system th,.grading-system td{border:1px solid gray;border-collapse:collapse;font-size:.8rem}.grading-system th,.grading-system td{padding:.2rem 1rem}.result__motto{width:fit-content;margin-inline:auto;word-spacing:.4rem;letter-spacing:.4rem;color:var(--color_success);margin-top:.7rem}.download-btn{width:fit-content;padding:.75rem;margin:2rem auto 0;background-color:var(--color_success);color:#fff;font-size:.9rem;font-weight:600;border:none;border-radius:.375rem;display:flex;gap:.8rem;cursor:pointer;transition:all .4s ease}.download-btn:hover{background:#068146}