@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#f5f5f5;font-family:Outfit,sans-serif}a{text-decoration:none;color:inherit;line-height:1;cursor:pointer}.container{padding-left:10%;padding-right:10%}.button{background:#fff;color:#242424;padding:10px 20px;border-radius:20px;border:1px solid transparent;font-size:16px;font-family:Outfit,sans-serif;cursor:pointer;transition:all .3s ease-in-out;display:inline-flex;align-items:center;justify-content:center}.button:hover{background:#fff;color:#000;border:1px solid #000000}.button img{width:20px;margin-left:10px}.button.dark-btn{background:#212ea0;color:#fff}.button.dark-btn:hover{background:#000;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;width:70%;height:auto}.modal-content h2{margin-top:0}.modal-content button{margin-top:20px;padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.modal-content button:hover{background:#0056b3}@media (max-width: 1200px){.container{padding-left:5%;padding-right:5%}.button{font-size:14px;padding:8px 16px}}nav{width:100%;height:70px;color:#fff;padding:4px 0;position:fixed;top:0;left:0;display:flex;justify-content:space-between;z-index:10;background-color:transparent;transition:background-color .3s ease-in-out}nav.scrolled{background-color:#212ea0}nav.scrolled ul li{text-shadow:2px 2px 4px rgba(0,0,0,.5)}.logo{width:15%;height:90%;display:inline-block}nav ul li{display:inline-block;list-style:none;margin:10px;font-size:20px;color:#fff}nav ul li:hover{color:#000;transition:all .3s ease-in-out}.menu-icon{display:none}@media (max-width: 1000px){nav ul li{font-size:16px;margin:10px 5px}.logo{margin-top:7px;width:14%;height:60%;display:inline-block}}@media (max-width: 840px){nav{padding:15px 0}nav ul{position:fixed;top:0;right:0;bottom:0;z-index:-1;width:200px;padding-top:70px;transition:.5s;background:#212ea0}.logo{margin-top:7px;width:25%;height:100%;display:inline-block}nav ul li{display:block;margin:20px 40px}.menu-icon{display:block;width:30px;height:30px;margin-top:10px;margin-right:20px;cursor:pointer}.hide-menu{right:-200px;transition:.5s}}.hero{width:100%;min-height:100vh;background:linear-gradient(#0003b680),url(/assets/momo_v2-92dFtZmu.png);background-size:cover;background-position:center;color:#fff;display:flex;align-items:center;justify-content:center}.hero-text{max-width:80%;text-align:center}.hero-text h1{Font-size:60px;font-weight:600}.hero-text p{Font-size:36px;padding:10px 0 20px}@media (max-width: 850px){.hero-text h1{Font-size:40px}}@media (max-width: 650px){.hero-text h1{Font-size:30px;max-width:400px;margin:auto}.hero-text p{Font-size:14px;margin:14px auto 20px}}.Trainings{margin:80px auto;width:80%;display:flex;align-items:center;justify-content:space-between}.training_img{flex-basis:31%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:20px;position:relative;border:1px solid rgba(0,0,0,.2);height:370px;cursor:pointer}.training_img a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;color:inherit;position:relative;overflow:hidden;border-radius:20px}.training_img a:hover{cursor:pointer}.training_img a img{width:auto;height:100%;object-fit:contain;border-radius:20px;display:block}.training_img:first-child img{transform:scale(1.08);margin:0;object-fit:contain}.caption{position:absolute;border-radius:10px;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;opacity:0;z-index:2;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.training_img .caption img{width:60px;height:60px;background-color:#d4d8ff;margin-bottom:10px;padding:5px;border-radius:10px}.training_img .caption p{font-size:16px;font-weight:700;text-align:center}.training_img:before{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:#0009;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease-in-out;z-index:1;border-radius:10px}.training_img:hover:before{transform:translate(-50%,-50%) scale(1)}.training_img:hover .caption{opacity:1;transform:translate(-50%,-50%) scale(1.1)}@media (max-width: 650px){.Trainings{flex-direction:column;align-items:center}.training_img{flex-basis:40%;margin:20px 0;width:50%;height:auto}.training_img a img{width:100%;height:auto;object-fit:cover}.training_img a:before{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:#0009;transform:translate(-50%,-50%) scale(1);z-index:1;border-radius:10px}.training_img a .caption{opacity:1;transform:translate(-50%,-50%) scale(1)}.training_img a .caption img{width:30px;height:30px}.training_img a .caption p{font-size:12px}}.title{text-align:center;color:#212ea0;font-size:20px;font-weight:600;text-transform:uppercase;margin:70px 0 30px}.title h2{font-size:32px;font-weight:600;color:#000f38;margin-top:5px}.about{margin:100px auto;display:flex;align-items:center;justify-content:space-between;width:90%}.about-left{flex-basis:40%}.about-right{flex-basis:55%}.image-wrapper{position:relative;display:inline-block;width:70%}.about-img{width:100%;border-radius:10px}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;cursor:pointer;opacity:.8;transition:opacity .3s ease}.play-icon:hover{opacity:1}.about-h3{font-size:18px;font-weight:600;color:#212ea0;margin-bottom:10px}.about-h2{font-size:35px;color:#000f38;margin-top:10px 0px;max-width:400px}.about-p{font-size:16px;color:#000f38;margin-bottom:20px;line-height:1.5}@media (max-width: 1000px){.about{flex-direction:column;align-items:center}.about-left{flex-basis:100%;margin:20px;text-align:center;order:2}.about-right{flex-basis:100%;margin:20px;text-align:center}.about-img{width:80%}}.video-player{width:100%;aspect-ratio:16 / 9}.gallery_container{margin:80px auto;width:90%;text-align:center}.gallery{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.gallery-img{width:20%;border-radius:10px}.gallery-img:hover{transform:scale(1.6);transition:all .3s ease-in-out}.close-btn{position:absolute;top:10px;right:10px;border:none;border-radius:50%;width:30px;height:30px;font-size:18px;cursor:pointer;display:flex;justify-content:center;align-items:center}.prev-btn,.next-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;display:flex;justify-content:center;align-items:center}.prev-btn{left:10px}.next-btn{right:10px}.prev-btn:hover,.next-btn:hover{background:#000c}@media (max-width: 800px){.gallery{flex-direction:column;align-items:center;justify-content:center}.gallery-img{width:80%;margin-bottom:20px}.gallery-img:hover{transform:none;transition:none}}.modal-image{width:100%;height:auto}.Testimonials{margin:80px auto;padding:0 80px;position:relative}.next{right:0}.prev{left:0}.next,.prev{position:absolute;top:50%;transform:translateY(-50%);background:#212ea0;border-radius:50%;padding:13px;width:50px;height:50px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 6px #0000001a}.next:hover,.prev:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 10px #00000026}.next img,.prev img{width:100%;height:auto;object-fit:contain}.slider{overflow:hidden}.slider ul{display:flex;transition:all .5s ease-in-out;width:200%;overflow:hidden}.slider ul li{width:50%;padding:20px;list-style:none;display:flex}.slide{box-shadow:0 4px 10px #0000001a;border-radius:10px;padding:20px 30px;color:#676767;line-height:1.6;background:#fff}.slide img{width:100px;height:100px;border-radius:50%;margin-right:15px;box-shadow:0 0 0 3px #212ea0;object-fit:cover}.user-info{display:flex;align-items:center;margin-bottom:10px}.user-info h3{font-size:18px;font-weight:700;color:#212ea0;margin:0}.user-info span{font-size:14px;color:#676767;display:block}.slide p{font-size:16px;color:#000;margin:0;line-height:1.6}@media (max-width: 800px){.Testimonials{padding:0 40px}.next,.prev{width:35px;padding:10px}.next img,.prev img{width:80%}.Testimonials ul li,.slide{padding:10px}.slide img{width:50px;border:3px solid #212ea0}}@media (max-width: 670px){.slider ul{width:400%;transform:translate(0);transition:all .5s ease-in-out}.slider ul li,.slide{width:100%}.next,.prev{display:flex}}.user-info{display:flex;align-items:center;justify-content:center;gap:15px}.user-info img{width:100px;height:100px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #212ea0}.user-info h3{font-size:18px;font-weight:700;color:#212ea0;margin:0;text-align:center}.user-info span{font-size:14px;color:#676767;display:block;text-align:center}.contact{margin:80px auto;max-width:90%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px}.contact-left{flex-basis:30%;color:#676767}.contact-left h3{font-size:28px;font-weight:600;color:#000f38;margin-bottom:20px}.contact-left p{font-size:16px;line-height:1.8;margin-bottom:20px;color:#676767;max-width:100%;text-align:justify}.contact-left ul{padding:0;margin:0}.contact-left ul li{list-style:none;margin-bottom:15px;display:flex;align-items:center;font-size:18px;color:#000f38}.contact-left ul li img{width:45px;height:45px;margin-right:15px;background-color:#e6f0ff;border-radius:50%;padding:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;overflow:visible}.contact-left ul li img:hover{transform:scale(1.1);box-shadow:0 6px 10px #00000026}.contact-left ul li a{text-decoration:none;color:#000f38;font-weight:500;transition:color .3s ease}.contact-left ul li a:hover{color:#212ea0}.contact-right{flex-basis:65%}.contact-right form{flex-basis:100%;margin-left:0;margin-top:20px;padding-right:0}.contact-right form input,.contact-right form textarea{display:block;width:100%;background:#ebecfe;padding:15px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:16px}.contact-right form textarea{height:200px}.contact-right form button{background:#212ea0;color:#fff;padding:12px 20px;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease,transform .3s ease}.contact-right form button:hover{background:#000f38;transform:scale(1.05)}.contact-right span{display:block;margin:20px 0}@media (max-width: 768px){.contact{flex-direction:column;align-items:center}.contact-left,.contact-right{flex-basis:100%;max-width:100%}.contact-left h3{font-size:24px}.contact-left ul{display:flex;flex-direction:column;align-items:center}.contact-left ul li{text-align:center}.contact-left ul li img{width:35px;height:35px}}.footer{margin:10px auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #797979;padding:15px 0}.footer ul li{list-style:none;display:inline-block;margin-left:20px}@media (max-width: 1000px){.footer{flex-direction:column;align-items:center;justify-content:center}.footer ul li{margin-left:10px}}.announcement-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin:15px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.announcement-card:hover{transform:translateY(-5px);box-shadow:0 6px 10px #00000026}.announcement-card__header{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:10px;text-align:center}.announcement-card__body{font-size:1rem;color:#555;line-height:1.6;text-align:center;margin-bottom:15px}.announcement-card__footer{display:flex;justify-content:center;gap:10px}.announcement-card__button{padding:10px 20px;font-size:.9rem;font-weight:500;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.announcement-card__button:hover{background-color:#0056b3}.announcement-card__button--secondary{background-color:#6c757d}.announcement-card__button--secondary:hover{background-color:#5a6268}.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px}.pagination button{background-color:#001f3f;color:#fff;border:none;padding:10px 20px;margin:0 10px;cursor:pointer;border-radius:5px}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination span{font-size:16px;font-weight:700}.announcement-button{background-color:#001f3f;color:#fff;border:none;padding:10px 20px;margin-top:10px;cursor:pointer;border-radius:5px;font-size:16px;text-decoration:none;display:inline-block;text-align:center}.announcement-button:hover{background-color:#ff4d4d}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;background:#fff;padding:20px;border-radius:10px;width:90%;max-width:600px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;gap:30px}.modal-content .close-button{position:absolute;top:10px;right:10px;background:none;color:#ff4d4d;border:none;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center}.modal-content .close-button:hover{color:red}.attachments{margin-top:20px;display:flex;flex-wrap:wrap;gap:15px}.attachment-item{flex:1 1 auto;max-width:100%;text-align:center}.attachment-image{width:100%;max-width:600px;height:auto;border-radius:5px;box-shadow:0 4px 8px #0003}.attachment-link{color:#001f3f;font-size:16px;text-decoration:none;font-weight:700}.attachment-link:hover{color:#ff4d4d}