.banner-container{background:#fff;width:100%;height:600px;margin:0;padding:0;position:relative;overflow:hidden}.slider-wrapper{width:100%;height:100%;position:relative}.slide{opacity:0;z-index:0;background:#fff;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s ease-in-out;display:flex;position:absolute;top:0;left:0}.slide.active{opacity:1;z-index:1}.slide img{object-fit:fill;width:100%;height:100%;margin:0;padding:0;display:block}.nav-button{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:6px;padding:18px 24px;font-size:35px;font-weight:300;line-height:1;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.nav-button:hover{background:#000c;transform:translateY(-50%)scale(1.1)}.nav-button:active{transform:translateY(-50%)scale(.95)}.nav-button.prev{left:25px}.nav-button.next{right:25px}.dots-container{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border-radius:25px;gap:12px;padding:10px 20px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background:#ffffff80;border:none;border-radius:6px;width:12px;height:12px;padding:0;transition:all .3s}.dot:hover{background:#fffc;transform:scale(1.2)}.dot.active{background:#fff;width:35px}@media (max-width:1024px){.banner-container{height:800px}.nav-button{padding:15px 20px;font-size:30px}.nav-button.prev{left:20px}.nav-button.next{right:20px}.dots-container{gap:10px;bottom:25px}}@media (max-width:768px){.banner-container{height:400px}.nav-button{padding:12px 16px;font-size:26px}.nav-button.prev{left:15px}.nav-button.next{right:15px}.dots-container{gap:8px;padding:8px 16px;bottom:20px}.dot{width:10px;height:10px}.dot.active{width:28px}}@media (max-width:480px){.banner-container{height:300px}.nav-button{border-radius:4px;padding:10px 14px;font-size:22px}.nav-button.prev{left:10px}.nav-button.next{right:10px}.dots-container{gap:6px;padding:6px 12px;bottom:15px}.dot{width:8px;height:8px}.dot.active{width:24px}}@media (max-width:360px){.banner-container{height:400px}.nav-button{padding:8px 12px;font-size:20px}.nav-button.prev{left:8px}.nav-button.next{right:8px}.dots-container{gap:5px;padding:5px 10px;bottom:12px}.dot{width:7px;height:7px}.dot.active{width:20px}}@media (min-width:1440px){.banner-container{height:500px}.nav-button{padding:20px 28px;font-size:40px}.nav-button.prev{left:40px}.nav-button.next{right:40px}.dots-container{gap:15px;bottom:40px}.dot{width:14px;height:14px}.dot.active{width:40px}}
.home-content-container{width:100%}.welcome-section{background:#fff;padding:10px 20px}.section-container{max-width:1300px;margin:auto}.welcome-flex{align-items:center;gap:50px;display:flex}.welcome-text{flex:1}.welcome-heading{color:#1a1c48;margin-bottom:20px}.welcome-paragraph{color:#1a1c48;font-weight:400;line-height:1.7}.welcome-image{text-align:center;flex:1}.welcome-image img{border-radius:12px;max-width:100%;height:auto;box-shadow:0 6px 16px #00000026}@media (max-width:768px){.welcome-flex{flex-direction:column}.welcome-heading{text-align:center;font-size:26px}.welcome-paragraph{text-align:justify}}.whats-new-section{background:#fff;padding:10px}.whats-new-heading{color:#0d2945;text-align:center;margin-bottom:40px;font-size:2.2rem;font-weight:600;position:relative}.whats-new-heading:after{content:"";background:linear-gradient(90deg,#0d2945,#2d7bb9);border-radius:2px;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.news-container{background:#fff;border-radius:12px;width:100%;margin:0 auto;overflow:hidden;box-shadow:0 4px 20px #0000001a}.news-table{border-collapse:collapse;width:100%;margin-top:10px}.news-table th,.news-table td{text-align:left;border:1px solid #ddd;padding:10px}.news-table th{color:#fff;background-color:#0d2945}.news-download{color:#fff;cursor:pointer;background:#0d2945;border:none;border-radius:6px;padding:6px 10px;transition:all .3s}.news-download:hover{background:#005fa3}.news-link{color:#0078d7;font-weight:700;text-decoration:none}.news-link:hover{text-decoration:underline}.view-more-container{text-align:center;border-top:1px solid #e8f0f7;padding:30px}.view-more-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d2945,#2d7bb9);border:none;border-radius:25px;align-items:center;gap:8px;padding:12px 30px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.view-more-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d7bb966}.gallery-section{background:#fff;padding:40px 20px}.gallery-heading{color:#0d2945;text-align:center;margin-bottom:40px;font-size:2.2rem;font-weight:600;position:relative}.gallery-heading:after{content:"";background:linear-gradient(90deg,#0d2945,#2d7bb9);border-radius:2px;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.gallery-container{background:#0a061a;border:1px solid #e1e8ed;border-radius:15px;grid-template-columns:repeat(1,1fr);justify-items:center;gap:30px;max-width:1500px;margin:20px auto;padding:30px;display:grid;box-shadow:0 8px 32px #0000001a}.gallery-item{cursor:pointer;background:#fff;border-radius:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.gallery-item:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 12px 40px #00000026}.gallery-image{object-fit:cover;width:100%;height:220px;transition:all .4s}.gallery-item:hover .gallery-image{transform:scale(1.1)}.section{text-align:center;background-color:#f9f9f9;padding:40px 20px;font-size:20px}.title{color:#0d2945;border-bottom:2px solid #ccc;margin-bottom:30px;padding-bottom:5px;font-size:2rem;font-weight:700;display:inline-block}.columns{text-align:left;flex-wrap:wrap;justify-content:space-around;gap:20px;max-width:1300px;margin-top:20px;margin-left:auto;margin-right:auto;display:flex}.col{width:300px}.col h4{color:#0d2945;margin-bottom:15px;font-size:18px;font-weight:700}.col ul{padding:0;list-style:none}.col a{color:#1a1c48;margin-bottom:8px;font-size:14px;font-weight:400;text-decoration:none;transition:color .3s;display:block}.col a:hover{color:#2d1add}@media (min-width:768px){.gallery-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.gallery-container{grid-template-columns:repeat(3,1fr)}}@layer utilities{.animate-marquee-vertical{animation:30s linear infinite marqueeVertical}}@keyframes marqueeVertical{0%{transform:translateY(0%)}to{transform:translateY(-50%)}}