.visionandmission-hero-section{position:relative;top:0;left:0;width:100%;height:100vh;background-image:url(https://i.postimg.cc/yNNSQRkJ/visionandmission.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-1;opacity:0;transition:opacity 1s ease-in-out,transform 1s ease-in-out}.visionandmission-hero-section.show{opacity:1}.missionvision-hero-heading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--Website-red-color);font-size:var(--font-size-menu-heading);font-weight:var(--font-weight-super-heading);text-align:center;z-index:1}.missionvision-hero-heading.show{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.visionandmission-heading{text-align:center;font-size:var(--font-size-page-heading);font-weight:var(--font-weight-super-heading);margin-bottom:20px;color:var(--Website-black-color);margin-top:8rem}.visionandmission-content-continer{background-color:var(--Website-body-color);width:100%}.visionandmission-content{padding:200px;position:relative;width:100%}.visionandmission-page-content-text{text-align:center;padding:20px;font-size:var(--font-size-page-content);background:var(--Website-body-color);margin-bottom:3rem}.motto-container{display:flex;justify-content:center;margin-top:8rem;margin-bottom:8rem}@media (max-width:320px){.missionvision-hero-heading{font-size:33px}.visionandmission-heading{font-size:40px}.visionandmission-content{margin-top:100vh;padding:10px;width:100%}.visionandmission-page-content-text{text-align:center;padding:2px;font-size:28px;margin-bottom:3rem}.motto-class{width:90%;height:450px}}@media (max-width:360px){.missionvision-hero-heading,.visionandmission-heading{font-size:40px}.visionandmission-content{margin-top:100vh;padding:10px;width:100%}.visionandmission-page-content-text{text-align:center;padding:2px;font-size:29px;margin-bottom:3rem}.motto-class{width:90%;height:514px}}@media (min-width:375px){.missionvision-hero-heading{font-size:45px}.visionandmission-heading{font-size:40px}.visionandmission-content{padding:10px;width:100%}.visionandmission-page-content-text{text-align:center;padding:2px;font-size:32px;margin-bottom:3rem}.motto-class{width:90%;height:514px}}@media (min-width:390px){.missionvision-hero-heading{font-size:49px}.visionandmission-heading{font-size:40px}.visionandmission-content{padding:10px;width:100%}.visionandmission-page-content-text{text-align:center;padding:2px;font-size:32px;margin-bottom:3rem}.motto-class{width:90%;height:514px}}@media (min-width:430px){.missionvision-hero-heading{font-size:51px}.visionandmission-heading{font-size:40px}.visionandmission-content{padding:10px;width:100%}.visionandmission-page-content-text{text-align:center;padding:2px;font-size:32px;margin-bottom:3rem}.motto-class{width:90%;height:614px}}@media (min-width:480px){.missionvision-hero-heading{font-size:56px}.visionandmission-heading{font-size:40px}.visionandmission-content{padding:10px;width:100%}.visionandmission-page-content-text{text-align:center;padding:2px;font-size:32px;margin-bottom:3rem}.motto-class{width:90%;height:714px}}@media (min-width:600px){.missionvision-hero-heading{font-size:66px}.visionandmission-heading{font-size:40px}.visionandmission-content{padding:10px;width:100%}.visionandmission-page-content-text{text-align:center;padding:2px;font-size:32px;margin-bottom:3rem}.motto-class{width:90%;height:794px}}@media (min-width:768px){.missionvision-hero-heading{font-size:72px}.visionandmission-heading{font-size:40px}.visionandmission-content{padding:10px;width:100%}.visionandmission-page-content-text{text-align:center;padding:2px;font-size:32px;margin-bottom:3rem}.motto-class{width:30%;height:414px}}@media (min-width:1024px){.missionvision-hero-heading{font-size:78px}.visionandmission-heading{font-size:40px}.visionandmission-content{padding:10px;width:100%}.visionandmission-page-content-text{text-align:center;padding:2px;font-size:32px;margin-bottom:3rem}.motto-class{width:28%;height:454px}}@media (min-width:1280px){.missionvision-hero-heading{font-size:88px}.visionandmission-heading{font-size:40px}.visionandmission-content{padding:10px;width:100%}.visionandmission-page-content-text{text-align:center;padding:2px;font-size:32px;margin-bottom:3rem}.motto-class{width:28%;height:554px}}@media (min-width:1440px){.missionvision-hero-heading{font-size:92px}.visionandmission-heading{font-size:40px}.visionandmission-content{padding:10px;width:100%}.visionandmission-page-content-text{text-align:center;padding:2px;font-size:32px;margin-bottom:3rem}.motto-class{width:24%;height:554px}}@media (min-width:1600px){.missionvision-hero-heading{font-size:96px}.visionandmission-heading{font-size:60px}.visionandmission-content{padding:10px;width:100%}.visionandmission-page-content-text{text-align:center;padding:2px 50px;font-size:32px;margin-bottom:3rem}.motto-class{width:24%;height:654px}}@media (min-width:1920px){.missionvision-hero-heading{font-size:110px}.visionandmission-heading{font-size:80px}.visionandmission-content{padding:10px;width:100%}.visionandmission-page-content-text{text-align:center;padding:2px 50px;font-size:32px;margin-bottom:3rem}.motto-class{width:24%;height:754px}}@media (min-width:2560px){.missionvision-hero-heading{font-size:140px}.visionandmission-heading{font-size:87px}.visionandmission-content{padding:10px;width:100%}.visionandmission-page-content-text{text-align:center;padding:2px 50px;font-size:39px;margin-bottom:3rem}.motto-class{width:14%;height:654px}}@media (width:414px) and (height:896px){.motto-class{width:58%;height:384px}}@media (width:390px) and (height:844px){.motto-class{width:58%;height:384px}}@media (width:412px) and (height:915px){.motto-class{width:58%;height:384px}}@media (width:360px) and (height:740px){.motto-class{width:68%;height:384px}}@media (width:412px) and (height:915px){.motto-class{width:68%;height:384px}}@media (width:768px) and (height:1024px){.motto-class{width:38%;height:484px}}@media (width:820px) and (height:1180px){.motto-class{width:38%;height:484px}}@media (width:1024px) and (height:1366px){.motto-class{width:28%;height:484px}}@media (width:540px) and (height:720px){.motto-class{width:50%;height:484px}}@media (width:412px) and (height:914px){.motto-class{width:70%;height:484px}}@media (width:1024px) and (height:600px){.visionandmission-page-content-text{text-align:center;padding:2px 56px;font-size:32px;margin-bottom:3rem}}@media (width:1280px) and (height:800px){.visionandmission-page-content-text{text-align:center;padding:2px 56px;font-size:32px;margin-bottom:3rem}}