.header{position:relative}html{overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:4rem}section{padding:1rem 2%}.ourschool_principal .container{margin-top:2rem}.ourschool_principal .content .image{width:100%;height:43rem;overflow:hidden}.ourschool_principal .content .image img{width:100%;height:100%;object-fit:cover;box-shadow:0 .5rem 1rem rgba(0,0,0,1)}.ourschool_principal .about h2{padding:0 3rem;margin-top:0;font-size:1.13rem;line-height:1.7;text-align:justify;color:var(--font-color);font-weight:500}.ourschool_principal .about h3{text-align:center;padding:2rem 0 .5rem;font-size:1.8rem;color:#4d657a}.ourschool_principal .about p{text-transform:none;padding:.7rem 3rem;font-size:1.13rem;line-height:1.7;text-align:justify;color:var(--font-color)}.ourschool_principal .about p.WarmRegards{font-weight:400}.vice-principal{margin:2rem 0 1.3rem;width:100%}.vice-principal .container{display:flex;justify-content:center;align-items:center;min-width:20rem;background:#fafaf2;box-shadow:var(--box-shadow);border-radius:2px;overflow:hidden}.vice-principal .content{padding:1rem 3rem 1rem 2rem}.vice-principal .content .image{width:38rem;min-height:30rem;float:left;margin:0 2rem 0 0}.vice-principal .content .about h3{font-size:1.8rem;padding:0 0 .3rem;color:#4d657a}.vice-principal .content .about h4{font-size:1.1rem;color:var(--font-color);font-weight:500}#teachers-profile-c.autoColorSec{background:#e5f7e7;margin-bottom:1rem}.teachers-profile{margin-top:2rem}.teachers-profile .box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem}.teachers-profile .box-container .box{box-shadow:-5px -5px 9px rgba(255,255,255,.45),5px 5px 9px rgba(94,104,121,.3);background:#fff;border-radius:1rem}.teachers-profile .box-container .box .image{height:20rem;overflow:hidden;border-radius:.9rem .9rem 0 0}.teachers-profile .box-container .box .image img{height:100%;width:100%;object-fit:cover;transition:.3s linear}.teachers-profile .box-container .box:hover .image img{transform:scale(1.1)}.teachers-profile .box-container .box .content{padding:.3rem 0;text-align:center}.teachers-profile .box-container .box .content h3{color:var(--font-color);padding:.3rem 0 .2rem;font-size:1.1rem;font-weight:500;text-shadow:1px 1px 2px rgba(16,61,138,.1);-webkit-user-select:all;-khtml-user-select:all;-moz-user-select:all;-o-user-select:all;user-select:all}.teachers-profile .box-container .box .content p{font-size:.9rem;color:var(--light-black);line-height:1.5;text-transform:none}#non-teaching-c.autoColorSec{background:var(--light-bg)}.non-teaching-profile{margin-top:2rem}.non-teaching-profile .box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(30%,1fr));gap:1.4rem}.non-teaching-profile .box-container .box{display:flex;align-items:center;justify-content:flex-start;gap:1rem;box-shadow:inset -1px -1px 1px rgba(255,255,255,.02),inset 1px 1px 1px rgba(94,104,121,.02);background:#c5dcd4;border-radius:1rem;padding:.5rem .32rem .5rem .5rem}.non-teaching-profile .box-container .box .image{height:10rem;width:10rem;filter:drop-shadow(5px 5px 10px #66666671)}.non-teaching-profile .box-container .box .image img{height:100%;width:100%;object-fit:cover;border-radius:50%}.non-teaching-profile .box-container .box .content h3{text-align:left;font-size:1.3rem;font-weight:500;color:var(--font-color);-webkit-user-select:all;-khtml-user-select:all;-moz-user-select:all;-o-user-select:all;user-select:all}.non-teaching-profile .box-container .box .content p{font-size:1rem;color:var(--light-black);text-transform:none}#silver-jubilee-c.autoColorSec .image-container{margin:2rem 0 2rem;position:relative;width:100%;height:28rem;background:linear-gradient(74deg,rgba(5,53,89,1) 0,rgba(30,126,153,1) 100%)}#silver-jubilee-c.autoColorSec canvas{position:absolute;top:0;left:0;width:100%;height:100%}#silver-jubilee-c.autoColorSec img{position:relative;width:100%;height:100%;object-fit:contain;z-index:3}#silver-jubilee{display:flex;flex-direction:column}.silver-jubilee .message{display:flex}.silver-jubilee .message:nth-child(even){flex-direction:row-reverse}.silver-jubilee .message .box{box-shadow:0 .4rem .8rem rgba(0,0,0,.6);background:#fff;width:70%;justify-content:center;align-items:center;display:flex;border-radius:.5rem;margin-top:2rem}@keyframes backgroundChange{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.silver-jubilee .box .name{text-align:center;color:#fff;padding:.5rem;text-shadow:1px 1px 2px rgba(0,63,95,.5);border-radius:.5rem .5rem 0 0;background:linear-gradient(to left,#69b1c3,#5a8f9d,#79b3c6,#5a8f9d,#8fcde3,#69b1c3);background-size:300% auto;animation:backgroundChange 30s infinite linear}.silver-jubilee .box .name p{font-weight:400;font-size:1rem}.silver-jubilee .box p.Dignitariesname{font-size:1.2rem;font-weight:500}.silver-jubilee .box span{height:.15rem;display:block;background:#3b90cd;margin-top:.3rem}.silver-jubilee .box .massage p{padding:.5rem .5rem 1rem;font-size:1.1rem;color:var(--font-color);line-height:1.7;text-transform:none;text-align:justify}.silver-jubilee .box .massage span{text-align:center}@media (max-width:768px){.ourschool_principal .about h3{padding:1.8rem 0 .4rem;font-size:1.5rem}.ourschool_principal .about p{padding:.7rem 1.5rem;font-size:1.5rem;line-height:1.6}.autoColorSec#vice-principal-c{padding:0}.vice-principal .content .about h3{font-size:1.5rem}.vice-principal .content .about p{font-size:1.5rem;line-height:1.6}.vice-principal .content .image{width:100%}.vice-principal .content{padding:1rem 3rem}.teachers-profile .box-container .box .image{height:18rem}.teachers-profile .box-container .box:hover .image img{transform:scale(1.07)}.teachers-profile .box-container .box .content{padding:.2rem 0 .7rem}.teachers-profile .box-container .box .content h3{padding:0;font-size:1.2rem;font-weight:500}.teachers-profile .box-container .box .content p{font-weight:400;font-size:1.16rem;line-height:1.2}.autoColorSec#non-teaching-c{padding:0 1rem}.non-teaching-profile .box-container{grid-template-columns:repeat(auto-fit,minmax(40%,1fr));gap:1rem}.non-teaching-profile .box-container .box .image{height:8rem;width:8rem}.non-teaching-profile .box-container .box .content{margin-right:0;text-align:center}.non-teaching-profile .box-container .box .content h3{font-size:1.2rem}.non-teaching-profile .box-container .box .content p{font-size:1rem;line-height:1.2}#silver-jubilee-c.autoColorSec{padding:0}#silver-jubilee-c.autoColorSec .image-container{height:12rem}.silver-jubilee .message{padding:0 1rem}.silver-jubilee .message .box{width:85%}.silver-jubilee .box .name p{font-weight:300;font-size:1rem}.silver-jubilee .box p.Dignitariesname{font-size:1.2rem;font-weight:400}.silver-jubilee .box .massage p{padding:.5rem .9rem .8rem;line-height:1.5;font-size:1.5rem}}