html{scroll-behavior:smooth}.image-module-ab{display:flex;justify-content:center;align-items:center}.ring-circle{position:relative;width:450px;height:450px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center}.animated-ring{position:absolute;width:100%;height:100%;border:2px solid #FFA263;border-radius:50%;box-sizing:border-box;animation:rotate 4s linear infinite;border-top-color:transparent}.image-ab{width:95%;height:95%;object-fit:cover;border-radius:50%;transition:transform 0.3s ease-in-out}.image-module-ab:hover .image-ab{transform:scale(1.02)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.ring-circle{width:400px;height:400px}.image-ab{width:90%;height:90%}}@media (max-width:480px){.ring-circle{width:300px;height:300px}.image-ab{width:90%;height:90%}}.custom-hover-text-module{position:relative;overflow:hidden;color:#fff;padding:120px 0 0 0;box-sizing:border-box;height:330px;width:auto;top:-50px;bottom:50px;position:relative;background-size:cover;background-position:center}.module-1{background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('http://nphschool.in/wp-content/uploads/2024/10/noon-school-27.jpeg')}.module-2{background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('http://nphschool.in/wp-content/uploads/2024/10/noon-school-21.jpeg')}.module-3{background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('http://nphschool.in/wp-content/uploads/2024/10/noon-school-20.jpeg')}.module-4{background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('http://nphschool.in/wp-content/uploads/2024/10/noon-school-19.jpeg')}.module-5{background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('http://nphschool.in/wp-content/uploads/2024/10/noon-school-18.jpeg ')}.module-6{background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('http://nphschool.in/wp-content/uploads/2024/10/noon-school-25.jpeg')}.custom-hover-text-module h2{font-size:28px;font-weight:bold;color:white;text-align:center;margin:0;padding:0;position:relative;z-index:2;transition:z-index 0.5s ease,transform 0.5s ease}.custom-hover-text-module:hover h2{z-index:10;text-shadow:2px 2px 5px rgba(0,0,0,0.7)}.custom-hover-text-module p{font-size:18px;line-height:1.6;padding:0px 5px;color:#fff;text-align:center}.custom-hover-text-module .text-module-content{transition:transform 0.5s ease;position:relative;z-index:1}.custom-hover-text-module .hover-overlay{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,0.70);color:#fff;text-align:center;padding:100px 10px 30px 10px;box-sizing:border-box;transition:transform 0.5s ease,z-index 0.5s ease;transform:translateY(100%);top:0;height:100%;z-index:0}.custom-hover-text-module:hover .hover-overlay{transform:translateY(0);z-index:1}.custom-hover-text-module:hover .text-module-content{transform:translateY(-300%);z-index:1}@media (max-width:768px){.custom-hover-text-module h2{font-size:22px}.custom-hover-text-module p{font-size:16px;padding:0px 10px}.custom-hover-text-module .hover-overlay{padding:60px 10px 20px 10px}.custom-hover-text-module:hover .text-module-content{transform:translateY(-150%)}.custom-hover-text-module:hover .hover-overlay{transform:translateY(0)}}@media (max-width:480px){.custom-hover-text-module h2{font-size:18px}.custom-hover-text-module p{font-size:14px}.custom-hover-text-module .hover-overlay{padding:40px 5px 15px 5px}.custom-hover-text-module:hover .text-module-content{transform:translateY(-100%)}}.highlight-animation-container{position:relative;display:inline-block}.highlight-text{font-family:"Balthazar",serif;font-weight:400;font-style:normal;font-size:24px;color:black;align-items:center}.highlight-word{position:relative;display:inline-block;overflow:hidden;transition:color 0.8s ease-in-out}.highlight-word::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:rgba(0,0,0,0.3);transform:skewX(-20deg);transition:transform 0.8s ease-in-out;z-index:-1}.highlight-word.active{color:white}.highlight-word.active::before{transform:translateX(100%) skewX(0deg)}