:root{--blue: #33497A;--red: #BF4063;--white: #FFFFFF;--black: #000000;--bg-color: var(--white);--text-color: var(--black);--link-color: var(--black);--section-bg: var(--white);--card-bg: var(--blue);--nav-bg: #A9A9A9;--footer-bg: var(--black)}body.dark-mode{--bg-color: #121212;--text-color: #EDEDED;--link-color: #FFFFFF;--section-bg: #1C1C1C;--card-bg: #22345E;--nav-bg: #333333;--footer-bg: #0B0B0B}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger div{width:25px;height:3px;background-color:var(--light);margin:4px;transition:.3s}.nav-links{display:flex;gap:1rem;list-style:none}@media (max-width: 768px){.nav-links{display:none;flex-direction:column;background-color:var(--primary);position:absolute;top:70px;right:0;width:200px;text-align:right;padding:1rem}.nav-links.active,.hamburger{display:flex}}body{font-family:Segoe UI,sans-serif;margin:0;color:var(--text-color);background-color:var(--bg-color);transition:background-color .4s,color .4s;overflow-x:hidden}header{background:var(--nav-bg);color:var(--white);position:sticky;top:0;z-index:1000}.navbar{display:flex;justify-content:space-between;align-items:center;width:90%;margin:auto;padding:.8rem 0;flex-wrap:wrap}.logo-area{display:flex;align-items:center;gap:10px}.logo-img{height:55px;object-fit:contain}.nav-links a{color:var(--link-color);text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--red)}#theme-toggle{background:none;color:var(--white);border-radius:50%;cursor:pointer;padding:0;font-size:unset;transition:background .3s,transform .3s}#theme-toggle:hover{background:var(--red);transform:scale(1.1)}.hero{background:url(../img/background-img.9863c67b53.webp) center/cover no-repeat;height:35vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.hero-overlay{position:absolute;inset:0;background:#000000b3}.hero-content{position:relative;color:#fff;z-index:2;padding:1rem;margin:10rem auto}.hero-content h1{font-size:2.5rem;margin-bottom:1rem}.hero-content p{font-size:1.2rem;margin-bottom:2rem}.cta-btn{background-color:var(--red);color:var(--white);padding:.8rem 1.5rem;border:none;border-radius:25px;text-decoration:none;font-weight:700;transition:background .3s}.cta-btn:hover{background-color:var(--blue)}section{padding:4rem 0;text-align:center}.container{width:90%;margin:auto;max-width:1200px}.description{background-color:var(--blue);color:var(--white);padding:2rem 0 4rem}.services h2{color:var(--blue)}body.dark-mode .services h2{color:var(--white)}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.service-card{background:var(--card-bg);color:var(--white);border-radius:10px;overflow:hidden;transition:transform .3s,background .3s}.service-card>p{padding:0 20px}.service-card img{width:100%;height:200px;object-fit:cover}.service-card:hover{background:var(--red);transform:translateY(-5px)}.about{background-color:var(--blue);color:var(--white)}.partners{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:2rem}.partner{max-width:300px}.partner img{width:100%;border-radius:10px;height:250px;object-fit:cover}.contact{background-color:var(--red);color:var(--white)}.contact-info{list-style:none;padding:0;margin-top:2rem;line-height:2rem}.contact-info a{color:var(--white);text-decoration:none}.contact-info a:hover{text-decoration:underline}footer{background-color:var(--footer-bg);color:var(--white);text-align:center;padding:1rem}#backToTop{position:fixed;bottom:30px;right:30px;display:none;background-color:var(--blue);color:var(--white);border:none;border-radius:50%;padding:.6rem .8rem;font-size:1.5rem;cursor:pointer;transition:transform .3s,background .3s;z-index:999}#backToTop:hover{background-color:var(--blue);transform:scale(1.1)}.fade-section{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-section.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.navbar{flex-direction:column;gap:1rem}.nav-links,.partners{flex-direction:column}.hero-content h1{font-size:1.8rem}.hero-content p{font-size:1rem}}@media (max-height: 768px){.hero-content{margin:0}}picture{display:contents}picture>source{display:none}
