.hero{position:relative;height:100vh;background-image:url(path-to-your-image.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:#0000001a;z-index:0}.hero-text{max-width:700px;position:relative;z-index:1}.hero h2{font-size:3rem;color:#fff;text-shadow:3px 3px 3px #1a1414}.hero p{font-size:1.5rem;margin:20px 0}.btn{padding:10px 20px;background-color:#0e53a7;color:#fff;text-decoration:none;border-radius:5px;display:inline-block;position:relative;overflow:hidden;transition:background-color .3s ease,transform .3s ease}.btn:after{content:"";position:absolute;top:50%;left:50%;width:300%;height:300%;background:#ffffff1a;transition:all .6s ease;border-radius:50%;transform:translate(-50%,-50%) scale(0);z-index:0}.btn:hover{background-color:#0056b3;transform:scale(1.05)}.btn:hover:after{transform:translate(-50%,-50%) scale(1)}.btn span{position:relative;z-index:1}.highlight{color:#3498db}.whatsapp{height:70px;width:70px;position:fixed;bottom:0;right:0;z-index:999}.services{padding:80px 20px;background-color:#f9fafb;overflow:hidden;text-align:center}.services:before{content:"";top:0;left:0;right:0;bottom:0;background-image:radial-gradient(#e0e7ff 1px,transparent 1px);background-size:25px 25px;opacity:.3;pointer-events:none}.services h1{margin-bottom:30px;font-size:2.8rem;font-weight:800;color:#0e60e3;display:inline-block;text-align:center}.details{margin-bottom:-8px;text-align:center}.serviceCard{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;justify-content:center;margin-top:50px;max-width:1200px;margin-left:auto;text-align:start;margin-right:auto}.service-box{padding:32px 24px;background:#fff0;border-radius:16px;box-shadow:0 10px 30px #0000,0 1px 3px #0000;width:90%;max-width:320px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.service-box:before{content:"";top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#083deb,#2105d8);transition:height .3s ease}.service-box:hover{transform:translateY(-8px)}.service-box:hover:before{height:100%}.service-box h3{font-size:1.25rem;font-weight:700;margin-bottom:16px;color:#1e293b;transition:color .3s ease}.service-box:hover h3{color:#4f46e5}.service-box p{font-size:1rem;color:#64748b;line-height:1.7;transition:color .3s ease}.service-icon{font-size:2.5rem;color:#6366f1;margin-bottom:20px;transition:transform .3s ease}.service-box:hover .service-icon{transform:scale(1.1)}.service-link{display:inline-block;margin-top:18px;color:#6366f1;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s ease}.service-link:after{content:"→";margin-left:6px;transition:transform .3s ease;display:inline-block}.service-box:hover .service-link:after{transform:translate(4px)}@media (max-width: 1024px){.serviceCard{grid-template-columns:repeat(2,1fr);padding:0 20px}.services h1{font-size:2.4rem}}@media (max-width: 768px){.serviceCard{grid-template-columns:1fr;max-width:450px;margin-left:auto;margin-right:auto}.services{padding:60px 16px}.services h1{font-size:2rem}.service-box{padding:28px 20px}}.PhotoView-Portal{direction:ltr;height:100%;left:0;overflow:hidden;position:fixed;top:0;touch-action:none;width:100%;z-index:2000}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes PhotoView__delayIn{0%,50%{opacity:0}to{opacity:1}}.PhotoView__Spinner{animation:PhotoView__delayIn .4s linear both}.PhotoView__Spinner svg{animation:PhotoView__rotate .6s linear infinite}.PhotoView__Photo{cursor:grab;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PhotoView__Photo:active{cursor:grabbing}.PhotoView__icon{display:inline-block;left:0;position:absolute;top:0;transform:translate(-50%,-50%)}.PhotoView__PhotoBox,.PhotoView__PhotoWrap{bottom:0;direction:ltr;left:0;position:absolute;right:0;top:0;touch-action:none;width:100%}.PhotoView__PhotoWrap{overflow:hidden;z-index:10}.PhotoView__PhotoBox{transform-origin:left top}@keyframes PhotoView__fade{0%{opacity:0}to{opacity:1}}.PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft,.PhotoView-Slider__clean .PhotoView-Slider__ArrowRight,.PhotoView-Slider__clean .PhotoView-Slider__BannerWrap,.PhotoView-Slider__clean .PhotoView-Slider__Overlay,.PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover{opacity:0}.PhotoView-Slider__Backdrop{background:#000;height:100%;left:0;position:absolute;top:0;transition-property:background-color;width:100%;z-index:-1}.PhotoView-Slider__fadeIn{animation:PhotoView__fade linear both;opacity:0}.PhotoView-Slider__fadeOut{animation:PhotoView__fade linear reverse both;opacity:0}.PhotoView-Slider__BannerWrap{align-items:center;background-color:#00000080;color:#fff;display:flex;height:44px;justify-content:space-between;left:0;position:absolute;top:0;transition:opacity .2s ease-out;width:100%;z-index:20}.PhotoView-Slider__BannerWrap:hover{opacity:1}.PhotoView-Slider__Counter{font-size:14px;opacity:.75;padding:0 10px}.PhotoView-Slider__BannerRight{align-items:center;display:flex;height:100%}.PhotoView-Slider__toolbarIcon{fill:#fff;box-sizing:border-box;cursor:pointer;opacity:.75;padding:10px;transition:opacity .2s linear}.PhotoView-Slider__toolbarIcon:hover{opacity:1}.PhotoView-Slider__ArrowLeft,.PhotoView-Slider__ArrowRight{align-items:center;bottom:0;cursor:pointer;display:flex;height:100px;justify-content:center;margin:auto;opacity:.75;position:absolute;top:0;transition:opacity .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:70px;z-index:20}.PhotoView-Slider__ArrowLeft:hover,.PhotoView-Slider__ArrowRight:hover{opacity:1}.PhotoView-Slider__ArrowLeft svg,.PhotoView-Slider__ArrowRight svg{fill:#fff;background:#0000004d;box-sizing:content-box;height:24px;padding:10px;width:24px}.PhotoView-Slider__ArrowLeft{left:0}.PhotoView-Slider__ArrowRight{right:0}.projects{text-align:center;padding:40px 20px}.projects h2{font-size:2rem;margin-bottom:30px;color:#222}.project-card{display:inline-block;margin:20px}.thumbnail-wrapper{position:relative;width:360px;height:210px;cursor:pointer;overflow:hidden;transition:transform .3s ease}.thumbnail-wrapper:hover{transform:scale(1.03);box-shadow:0 8px 20px #00000026}.image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.thumbnail-wrapper:hover .image{transform:scale(1.05)}.overlay{position:absolute;bottom:0;left:0;height:30%;width:100%;background:#00000059;opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:center}.thumbnail-wrapper:hover .overlay{opacity:1}.overlay-title{color:#fff;font-size:20px;font-weight:700;text-shadow:1px 1px 4px #000;text-align:Start;padding-left:10px}.overlay-description{color:#fff;font-size:15px;text-shadow:1px 1px 4px #000;text-align:start;padding-left:10px}@media (max-width: 767px){.thumbnail-wrapper{width:100%;height:auto}.image{height:auto}.overlay{opacity:1!important}.thumbnail-wrapper:hover .overlay{opacity:1}}.filter-buttons{display:flex;justify-content:center;margin-bottom:30px}.filter-buttons button{padding:10px 20px;border:none;background-color:#eee;cursor:pointer;font-weight:500;transition:background-color .3s ease,color .3s ease}.filter-buttons button:hover{background-color:#237fc9;color:#fff}.filter-buttons .active{background-color:#237fc9;color:#fff;position:relative}.project-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;transition:all .3s ease}.project-card.fade-in{animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-section{padding:80px 20px;background-color:#f4f4f4;text-align:center}.contact-container{max-width:600px;margin:0 auto;padding:0 15px;width:100%}.contact-container h2{font-size:2.5rem;margin-bottom:10px}.contact-container p{font-size:1.1rem;margin-bottom:30px}.contact-form input,.contact-form textarea{width:100%;box-sizing:border-box;padding:12px;margin-bottom:15px;border-radius:5px;border:1px solid #ccc;font-size:1rem}.contact-form button{padding:12px 25px;background-color:#007bff;color:#fff;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:100%}.contact-form button:hover{background-color:#0056b3}@media (max-width: 768px){.contact-section{padding:50px 15px}.contact-container{padding:0}.contact-container h2{font-size:2rem}.contact-container p{font-size:1rem}.contact-form input,.contact-form textarea{padding:14px;font-size:1rem;margin-bottom:18px;border-radius:8px}.contact-form button{font-size:1rem;padding:14px;border-radius:8px}}.container{max-width:1100px;margin:auto;padding:40px 20px;text-align:center}.container h1{margin-bottom:30px}.vimi{display:flex;gap:30px;justify-content:center}.vission,.mission{flex:1;padding:25px;border-radius:10px}.vission h2,.mission h2{margin-bottom:15px}.vission p,.mission p{line-height:1.6}@media (max-width: 768px){.vimi{flex-direction:column}}:root{--navbar-height: 80px;--navbar-padding: .75rem 1.5rem;--transition-speed: .3s;--transition-timing: cubic-bezier(.4, 0, .2, 1);--font-size: 1rem;--primary: #ffffff;--background: #f8f9fa;--text: #000000;--accent: #007bff;--hover: #e9ecef;--border: #dee2e6}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--navbar-height);background-color:none;box-shadow:0 2px 10px #0000000d;transition:all var(--transition-speed) var(--transition-timing);z-index:1000}.navbar-scrolled{background-color:var(--background);height:calc(var(--navbar-height) - 10px);box-shadow:0 4px 12px #00000014}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:100%;padding:var(--navbar-padding);max-width:1300px;margin:auto}.logo-container{display:flex;align-items:center;margin-bottom:20px}.logo-container img.siyaslogo{height:45px;transition:transform var(--transition-speed) ease}.navbar-scrolled .logo-container img.siyaslogo{transform:scale(.9)}.menu-toggle{display:none;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text);transition:transform var(--transition-speed),color var(--transition-speed)}.menu-toggle:hover{color:var(--accent);transform:scale(1.1)}.menu-toggle:focus-visible{outline:2px solid var(--accent);border-radius:4px}.nav-links{display:flex;align-items:center;gap:1.75rem}.nav-link{display:flex;align-items:center;color:var(--text);text-decoration:none;font-weight:500;font-size:var(--font-size);transition:color var(--transition-speed)}.nav-link:hover{color:var(--accent)}.nav-text{position:relative;padding:.25rem 0}.nav-text:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0%;height:2px;background-color:var(--accent);transition:width var(--transition-speed) var(--transition-timing);border-radius:2px}.nav-link:hover .nav-text:after,.nav-link:focus-within .nav-text:after{width:100%}.dropdown{position:relative;display:flex;align-items:center}.dropbtn{display:flex;align-items:center;gap:.3rem;background:none;border:none;color:var(--text);cursor:pointer;font-size:var(--font-size);font-weight:500;padding:.5rem 0;transition:color var(--transition-speed)}.dropbtn:hover{color:var(--accent)}.dropbtn:focus-visible{outline:2px solid var(--accent);border-radius:4px}.dropdown-content{display:none;flex-direction:column;position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:var(--background);min-width:180px;border-radius:8px;border:1px solid var(--border);box-shadow:0 6px 16px #0000001a;opacity:0;z-index:999;transition:opacity var(--transition-speed)}.dropdown-content a{padding:.75rem 1.25rem;color:var(--text);text-decoration:none;transition:background-color var(--transition-speed)}.dropdown-content a:hover{background-color:var(--hover);color:var(--accent)}.dropdown:hover .dropdown-content,.dropdown-content.show{display:flex;opacity:1}@media (max-width: 768px){.menu-toggle{display:flex}.navbar-container{padding:0 1rem}.nav-links{position:fixed;top:var(--navbar-height);left:0;right:0;bottom:0;display:none;flex-direction:column;background-color:var(--primary);padding:2rem 1rem;border-top:1px solid var(--border);box-shadow:0 6px 12px #0000001a;overflow-y:auto;transform:translateY(-20px);opacity:0;transition:transform var(--transition-speed),opacity var(--transition-speed)}.nav-links.open{display:flex;transform:translateY(0);opacity:1;z-index:990}.nav-link,.dropbtn{width:100%;justify-content:center;background-color:#0000000d;border-radius:6px;padding:.6rem 0;font-size:1.1rem;margin:.15rem 0}.dropdown-content{position:static;transform:none;background:transparent;border:none;box-shadow:none;max-height:0;overflow:hidden;opacity:0;transition:max-height var(--transition-speed),opacity var(--transition-speed);align-items:center}.dropdown-content.show{max-height:200px;opacity:1;margin-top:.5rem}.dropdown-content a{width:80%;justify-content:center;font-size:1rem;padding:.6rem;background-color:#00000008;border-radius:6px}.dropdown:hover .dropdown-content{display:none}.dropdown .dropbtn[aria-expanded=true] svg{transform:rotate(180deg)}.nav-text:after{bottom:-2px;left:0;transform:none}.logo-container{display:flex;align-items:center;margin-top:20px}}@media (max-width: 480px){.nav-links{padding:1rem;gap:.5rem}.nav-link,.dropbtn{font-size:1rem}.dropdown-content a{font-size:.9rem;width:90%}.logo-container{display:flex;align-items:center;margin-top:20px}}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.about-us-container{max-width:1000px;margin:0 auto;padding:40px 20px;font-family:Arial,sans-serif;color:#333;line-height:1.6}.about-title{text-align:center;font-size:36px;font-weight:700;margin-bottom:1px}.divider{width:60px;height:6px;background-color:#2b7a78;margin:0 auto 20px;border-radius:3px}.about-intro,.about-goal{text-align:center;margin-bottom:20px}.about-sections{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.section{flex:1;min-width:300px}.section-title{font-size:24px;margin-bottom:10px;border-bottom:2px solid #2b7a78;padding-bottom:5px}ul{margin-top:10px;padding-left:20px}.checkbox-list{margin-top:20px;display:flex;flex-wrap:wrap;gap:15px;font-weight:700;color:#2b7a78}.founder{height:400px;width:360px}body{margin:0;font-family:Montserrat,sans-serif}