@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";nav{width:100%;color:#e2e0e0;padding:4px 20px;display:flex;align-items:center;position:fixed;top:0;left:0;justify-content:space-between;z-index:1000;height:60px;transition:background .3s ease}.logo{width:120px;height:auto}.dark-nav{background:#1b2131;opacity:.95;transition:background .8s ease}nav ul{display:flex;align-items:center;margin:0;padding:0}nav ul li{list-style:none;margin:0 15px;font-size:18px;cursor:pointer}nav ul li a{text-decoration:none;color:inherit;transition:color .3s ease}nav ul li a:hover{color:#007bff}.active{font-weight:700;color:#007bff;border-bottom:2px solid #007bff}.btn{background:#007bff;border:none;border-radius:4px;padding:8px 14px;cursor:pointer;transition:background .3s ease;display:inline-block}.btn a{color:#000!important;text-decoration:none;font-weight:500;display:block}.btn:hover{background:#0056b3}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background:#fff;transition:.3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translateY(8px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.btn .active{border-bottom:none!important;color:#17003d!important;font-weight:500}@media (max-width: 768px){.hamburger{display:flex}nav ul{position:absolute;top:60px;left:0;background:#1b2131;flex-direction:column;width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease}nav ul.open{max-height:400px}nav ul li{margin:15px 0;text-align:center}.btn{width:90%;margin:10px auto;text-align:center;display:block}}@media (max-width: 480px){nav ul li{font-size:16px}.logo{width:100px}}.hero{width:100%;min-height:100vh;padding:0 20px;background:linear-gradient(#08003acc,#08003ab3),url(/assets/hero-C0-CiPuL.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.hero-text{max-width:800px;width:100%}.hero-text h1{font-size:48px;font-weight:700;line-height:1.2}.hero-text p{max-width:650px;margin:20px auto 0;font-size:18px;line-height:1.6;opacity:.9}@media (min-width: 1400px){.hero-text h1{font-size:56px}.hero-text p{font-size:20px}}@media (max-width: 992px){.hero-text h1{font-size:40px}.hero-text p{font-size:16px}}@media (max-width: 768px){.hero{min-height:80vh}.hero-text h1{font-size:32px}.hero-text p{font-size:15px}}@media (max-width: 480px){.hero{min-height:70vh;padding:0 15px}.hero-text h1{font-size:26px}.hero-text p{font-size:14px}}.title h1{text-align:center;font-size:25px;font-weight:600;color:#000f38;margin-top:100px;text-transform:uppercase;justify-content:center;align-items:center}hr{width:80px;height:3px;background:#0c256b;border:none;margin:5px auto;border-radius:10px}.services{margin-top:100px;display:flex;flex-direction:column;align-items:center}.column{margin:25px auto;width:80%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.description{margin-top:4px;width:80%;display:flex;flex-direction:column;gap:30px}.description>div{background:#f9f9f9;padding:20px;border-radius:12px;box-shadow:0 4px 8px #00000014}@media (max-width: 992px){.column{width:90%;justify-content:center}.description{width:90%}}@media (max-width: 768px){.column{flex-direction:column;align-items:center}.column a{width:100%;display:flex;justify-content:center}.description{width:100%}}@media (max-width: 480px){.services{margin-top:60px}.column{gap:15px}.description>div{padding:15px}}.card{box-shadow:0 4px 8px #0003;cursor:pointer;width:fit-content;text-align:center;justify-content:space-around;align-items:center;margin-bottom:80px}.card img{height:250px;width:250px;margin:5px}.card h3{font-size:16px;font-weight:500}.card-text{padding-bottom:10px}.card:hover{transform:scale(1.05);transition:transform .4s}.card-description{margin:4px 0;padding:10px;box-shadow:4px 4px 4px 2px #b4be1e33;border-radius:12px;background:#fff;transition:transform .3s ease}.card-description:hover{transform:scale(1.03)}.card-topic{text-align:left;margin-bottom:20px}.card-topic h2{font-size:22px;font-weight:600;color:#1b1a1a}.card-topic hr{margin-left:1px;width:40px;height:2px;background-color:#1b1a1a;opacity:.5;border:none;margin-top:6px}.card-detail{display:flex;align-items:center;gap:40px}.card-detail p{flex:1;font-size:16px;font-style:italic;font-weight:500;opacity:.8;line-height:1.6;margin:0}.card-detail img{width:200px;max-width:100%;height:auto;border-radius:10px}@media (max-width: 992px){.card-detail{gap:20px}.card-detail img{width:220px}}@media (max-width: 768px){.card-description{padding:20px}.card-detail{flex-direction:column;text-align:center}.card-detail img{width:100%;max-width:300px}.card-topic{text-align:center}.card-topic hr{margin:8px auto}}@media (max-width: 480px){.card-description{padding:15px}.card-topic h2{font-size:18px}.card-detail p{font-size:14px}}.about{margin-top:80px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}.about-img img{height:400px;width:400px;border-radius:20px;object-fit:cover;box-shadow:0 6px 12px #00000026}.about-info{flex:1;min-width:280px}.about-info h2{font-size:2rem;margin-bottom:15px;color:#1b2131}.about-info p{margin-bottom:15px;line-height:1.6;color:#444}.btn-view{background-color:#e26565;margin-top:15px;padding:10px 18px;border:none;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:background .3s ease}.btn-view:hover{background-color:#c94c4c}@media (max-width: 992px){.about{flex-direction:column;text-align:center}.about-img img{height:300px;width:300px}.about-info{margin-left:0}}@media (max-width: 576px){.about-img img{height:220px;width:220px}.about-info h2{font-size:1.6rem}.about-info p{font-size:.95rem}.btn-view{width:100%}}.popup{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-in-out;z-index:1000}.content{background:#fff;width:85%;height:85%;max-width:900px;max-height:700px;border-radius:12px;box-shadow:0 8px 20px #00000040;padding:20px;text-align:center;position:relative;animation:scaleIn .4s ease;overflow:hidden}.content h1{text-transform:uppercase;font-weight:500;margin:20px 0;color:#333}.content p{margin:15px auto;font-weight:300;line-height:1.6;color:#555;max-height:70%;overflow-y:auto;width:90%;scrollbar-width:none}.hr-popup{width:60%;margin:0 auto 20px;border:none;height:2px;background:linear-gradient(to right,#ccc,#666,#ccc);opacity:.7}.btn-close{position:absolute;top:15px;right:15px;background:#ff4d4d;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;cursor:pointer;transition:background .3s ease}.btn-close:hover{background:#e60000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.about-con{text-align:center;justify-content:center;align-items:center;margin-top:100px}.contact{display:flex;align-items:flex-start;justify-content:space-between;gap:50px;margin:100px auto 80px;width:85%;max-width:1200px}.contact-col{flex:1;color:#676767}.contact-col h3{font-weight:600;font-size:22px;color:#272525;display:flex;align-items:center;margin-bottom:15px}.contact-col h3 img{width:20px;margin-left:8px}.contact-col p{max-width:450px;line-height:1.6;margin-bottom:20px}.contact-col ul{padding:0;margin:0}.contact-col ul li{list-style:none;display:flex;align-items:center;margin:12px 0;font-size:15px}.contact-col ul li img{width:15px;margin-right:10px}.contact-col form{width:100%}input,textarea{display:block;width:100%;border:none;outline:none;background:#f1f1f1;padding:12px 15px;margin-bottom:15px;margin-top:5px;resize:none;border-radius:8px;font-size:14px;transition:.3s ease}input:focus,textarea:focus{background:#e6e6e6}.dark-btn{padding:10px 20px;border-radius:8px;cursor:pointer;transition:.3s ease}.dark-btn:hover{transform:translateY(-2px)}.contact-col span{display:block;margin-top:10px;font-size:14px;font-weight:500}@media (max-width: 992px){.contact{width:90%;gap:30px}.contact-col h3{font-size:20px}}@media (max-width: 768px){.contact{flex-direction:column;gap:40px;margin-top:70px}.contact-col{width:100%}.contact-col p{max-width:100%}.contact-col h3{justify-content:center}.contact-col p,.contact-col ul{text-align:center}.contact-col ul li{justify-content:center}}@media (max-width: 480px){.contact{width:95%;margin-top:50px}.contact-col h3{font-size:18px}input,textarea{padding:10px;font-size:13px}.dark-btn{width:100%}}.footer{margin:20px auto;padding:20px 0;border-top:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.footer p{margin:0;font-size:14px;color:#676767}.footer ul{display:flex;gap:25px;padding:0;margin:0}.footer ul li{list-style:none;cursor:pointer;font-size:14px;color:#444;transition:.3s ease}.footer ul li:hover{color:#000;text-decoration:underline}@media (max-width: 768px){.footer{flex-direction:column;text-align:center}.footer ul{justify-content:center;gap:20px}}@media (max-width: 480px){.footer{padding:15px 0}.footer p{font-size:13px}.footer ul{flex-direction:column;gap:10px}.footer ul li{font-size:13px}}.nav-expand-card{position:fixed;top:30px}.nav-expand{margin-top:20px;background-color:#3c3c3ccc;color:#fff;display:inline-flex;justify-content:center;left:300px;border-radius:10px}.nav-card{align-items:center;margin:20px 40px;outline:none}.vl{border-left:2px solid rgb(228,226,226,.8);height:65px;border-radius:100px;margin:22px}.nav-card h3{text-align:center;justify-content:center;margin:10px;font-size:16px;font-weight:400}.nav-card h3:hover{transform:scale(1.1);transition:.8s;text-decoration:underline}.nav-card p{margin:10px 0 10px 10px;font-size:20px;font-weight:300}.darknav{width:100%;background-color:#b8d86c;color:#e2e0e0;padding:4px 0;display:flex;align-items:center;position:fixed;top:0;left:0;justify-content:space-between;z-index:999;height:50px;margin-bottom:100px}.logo{width:120px;height:50px}.darknav ul li{display:inline-block;list-style:none;margin:5px 20px;font-size:20px;cursor:pointer}.project-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;max-width:320px;background:#fff;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;margin:15px}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.project-image{width:100%;height:200px;padding:12px;border:1px solid #99c5f3;object-fit:cover;transition:opacity .5s ease-in-out;border-radius:6px}.project-content{padding:15px}.project-title{font-size:1.3rem;font-weight:700;margin-bottom:10px;color:#333}.project-description{font-size:.95rem;color:#555;margin-bottom:15px}.project-link{display:inline-block;padding:8px 12px;background:#007bff;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background .3s ease}.project-link:hover{background:#0056b3}.project-card .image-wrapper{position:relative}.project-card .slide-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:18px;transition:opacity .3s ease,background .3s ease;opacity:0;pointer-events:none}.project-card .image-wrapper:hover .slide-btn{opacity:1;pointer-events:auto}.project-card .slide-btn:hover{background:#000000b3}.project-card .slide-btn.prev{left:10px}.project-card .slide-btn.next{right:10px}@media (max-width: 768px){.project-card{max-width:100%}}.projects{padding:40px 20px}.projects h2{text-align:center;margin-bottom:30px}.project-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}@media (max-width: 1024px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.project-grid{grid-template-columns:1fr}}.service-content{padding-top:70px;padding-left:150px}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background:#f5f4f4}a{text-decoration:none;color:inherit;line-height:1;cursor:pointer}.container{padding-left:8%;padding-right:8%}.btn{background:#fff;color:#212121;padding:10px 18px;font-size:16px;border-radius:30px;cursor:pointer;border:0;outline:0;display:inline-flex;justify-content:center;align-items:center}.btn img{width:20px;margin-left:10px}.dark-btn{background:#9994af;color:#212121}.cont-img{width:100%;height:500px;margin-top:-50px}