body{font-family:Source Sans Pro,sans-serif}:root{--primary-color: #3fc1c7;--secondary-color: #36506b;--background-white: #ffffff;--text-dark: #333333;--text-light: #666666;--border-light: #e0e0e0;--gradient: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);--shadow: 0 4px 20px rgba(0, 0, 0, .05);--transition: all .3s ease}.navigation{position:fixed;top:0;left:0;width:100%;background:#fffffff2;z-index:1000;box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition)}.navigation.scrolled{background:#fffffffa;box-shadow:var(--shadow)}.nav-container{max-width:1300px;margin:0 auto;padding:.8rem 2rem;display:flex;justify-content:space-between;align-items:center;position:relative}.nav-logo{height:50px;width:auto;display:block;transition:var(--transition)}.logo-container{display:flex;align-items:center;z-index:1001}.mobile-toggle{display:none;font-size:1.5rem;color:var(--text-dark);cursor:pointer;z-index:1001;padding:.5rem;border-radius:50%;transition:var(--transition)}.mobile-toggle:hover{color:var(--primary-color);background:#3fc1c71a}.nav-menu{display:flex;align-items:center}.nav-list{list-style:none;display:flex;gap:1.2rem;margin:0;padding:0;align-items:center}.nav-list li{position:relative}.nav-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-dark);font-weight:500;font-size:.95rem;padding:.6rem 1rem;border-radius:8px;transition:var(--transition)}.nav-link:hover{color:var(--primary-color);background:#3fc1c71a}.nav-icon{font-size:1rem;color:var(--primary-color)}.dropdown-arrow{font-size:.8rem;transition:var(--transition)}.dropdown-arrow-rotate{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:100%;left:0;min-width:220px;background:var(--background-white);border-radius:12px;box-shadow:var(--shadow);z-index:100;padding:.5rem 0;overflow:hidden;max-height:0;opacity:0;pointer-events:none;transition:all .3s ease-out}.nav-item.dropdown-active .nav-dropdown{max-height:500px;opacity:1;pointer-events:auto}.nav-dropdown li{list-style:none}.nav-dropdown a{display:block;padding:.8rem 1.5rem;color:var(--text-dark);text-decoration:none;font-size:.9rem;font-weight:400;transition:var(--transition)}.nav-dropdown a:hover{background:#3fc1c71a;color:var(--primary-color);padding-left:1.8rem}.cta-link{background:var(--gradient);color:#fff!important;border-radius:30px;padding:.7rem 1.8rem!important;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:0 4px 15px #36506b4d}.cta-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #36506b66;color:#fff!important}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998}@media screen and (max-width: 968px){.nav-container{padding:.8rem 1.5rem}.mobile-toggle{display:block}.nav-menu{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:var(--background-white);flex-direction:column;padding:5rem 1.5rem 2rem;z-index:999;overflow-y:auto;box-shadow:-5px 0 25px #0000001a;transition:right .4s ease-in-out}.nav-menu.nav-menu-open{right:0}.nav-list{flex-direction:column;gap:0;width:100%;align-items:flex-start}.nav-list li{width:100%;border-bottom:1px solid var(--border-light)}.nav-link{padding:1rem 0;width:100%;justify-content:flex-start;gap:12px}.nav-link .dropdown-arrow{margin-left:auto}.nav-dropdown{position:static;width:100%;box-shadow:none;background:#3fc1c70d;margin:.5rem 0;border-radius:8px;overflow:visible;max-height:0}.nav-item.dropdown-active .nav-dropdown{max-height:500px;opacity:1;pointer-events:auto;transition:all .3s ease-out;padding-bottom:.5rem}.nav-dropdown a{padding:.8rem 1.2rem .8rem 2.5rem}.cta-link{margin-top:1rem;justify-content:center;width:100%;padding:.7rem 1.8rem!important}.nav-link:not(.cta-link):hover,.nav-item.dropdown-active>.nav-link{background:#3fc1c71a}.nav-item:first-of-type .nav-link:hover{background:#3fc1c71a}.nav-item:first-of-type .nav-link{background:transparent}}@media screen and (max-width: 480px){.nav-container{padding:.7rem 1rem}.nav-logo{height:40px}.nav-menu{width:85%;max-width:280px}}.nav-menu-open .nav-list li{animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-menu-open .nav-list li:nth-child(1){animation-delay:.1s}.nav-menu-open .nav-list li:nth-child(2){animation-delay:.15s}.nav-menu-open .nav-list li:nth-child(3){animation-delay:.2s}.nav-menu-open .nav-list li:nth-child(4){animation-delay:.25s}.nav-menu-open .nav-list li:nth-child(5){animation-delay:.3s}:root{--secondary-color: #223948;--text-color: #E9F1F6;--light-text-color: #C9D6DF;--primary-color: #4DD3C9;--link-color: #9BE7FF;--link-hover: #4DD3C9;--divider-color: rgba(255,255,255,.12)}.footer-v1{background:var(--secondary-color);color:var(--light-text-color);font-family:Arial,sans-serif}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.25rem}.footer-top-v1{padding:3.5rem 0}.footer-main-grid-v1{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}.footer-section-v1{min-width:0}.footer-contact-v1{grid-column:span 6}.footer-links-v1{grid-column:span 3}@media (max-width: 1024px){.footer-contact-v1{grid-column:span 12}.footer-links-v1{grid-column:span 6}}@media (max-width: 640px){.footer-links-v1{grid-column:span 12}}.footer-section-v1 h4{color:var(--text-color);font-size:1.1rem;margin-bottom:1rem;font-weight:650;border-left:3px solid var(--primary-color);padding-left:10px;letter-spacing:.2px}.footer-logo-v1{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.logo-icon-v1{color:var(--primary-color);font-size:2.25rem}.logo-text-v1 h3{margin:0;font-size:1.6rem;color:var(--text-color);line-height:1.2}.logo-text-v1 span{font-size:.9rem;color:var(--light-text-color)}.footer-tagline-v1{font-style:italic;margin:1rem 0 1.25rem;line-height:1.6;color:#e9f1f6e6}.contact-details-v1{display:grid;gap:.65rem;margin-top:.5rem}.contact-item-v1{display:flex;align-items:center;gap:.75rem}.contact-icon-v1{color:var(--primary-color);width:20px;flex:0 0 20px}.contact-text-v1{color:var(--link-color);text-decoration:underline transparent;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}.contact-text-v1:hover,.contact-text-v1:focus-visible{color:var(--link-hover);text-decoration-color:currentColor}.links-list-v1{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}.links-list-v1 a{color:var(--link-color);text-decoration:underline transparent;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease,opacity .2s ease}.links-list-v1 a:hover,.links-list-v1 a:focus-visible{color:var(--link-hover);text-decoration-color:currentColor}.footer-bottom-v1{padding:1.25rem 0;text-align:center;border-top:1px solid var(--divider-color)}.copyright-v1 p{margin:.5rem 0 0;font-size:.9rem;color:#ffffffb3}@media (prefers-reduced-motion: reduce){.links-list-v1 a,.contact-text-v1{transition:none}}.d-flex{display:flex;column-gap:2rem}.v-line{width:1px;background-color:#fff}@media (max-width: 768px){.d-flex{display:block}.v-line{width:90%;border-bottom:1px solid #fff;background:none}}.hero{position:relative;height:100vh;margin-top:70px;overflow:hidden}.ant-carousel .slick-slider,.ant-carousel .slick-list,.ant-carousel .slick-track{height:100%}.hero-slide-item{height:100vh}.hero-slide{position:relative;height:100%;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#36506bd9,#3fc1c7a6)}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.slide-content{max-width:650px;text-align:center;position:relative;z-index:5;color:var(--background-white)}.slide-icon{font-size:3.5rem;color:var(--primary-color);margin-bottom:1.5rem;display:inline-flex;padding:1rem;background:#3fc1c71a;border-radius:50%}.slide-content h1{font-size:3.2rem;font-weight:700;margin-bottom:.5rem;line-height:1.2;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.slide-content h2{font-size:1.6rem;font-weight:500;margin-bottom:1.5rem;color:var(--background-white);text-shadow:1px 1px 3px rgba(0,0,0,.5)}.slide-content p{font-size:1.1rem;margin-bottom:2.5rem;line-height:1.6;color:var(--background-light);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.slide-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);border:2px solid var(--background-white)}.cta-primary{background:var(--background-white);color:var(--primary-color);box-shadow:var(--shadow)}.cta-primary:hover{background:var(--primary-color);color:var(--background-white);box-shadow:var(--shadow-hover)}.cta-secondary{background:transparent;color:var(--background-white)}.cta-secondary:hover{background:#ffffff1a}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background:var(--background-white);color:var(--primary-color);border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:var(--shadow)}.carousel-control:hover{background:var(--primary-color);color:#fff}.prev{left:2rem}.next{right:2rem}.ant-carousel .slick-dots{bottom:2rem;left:50%;transform:translate(-50%);z-index:10}.ant-carousel .slick-dots li button{background:#ffffffb3;width:12px;height:12px;border-radius:50%;transition:var(--transition)}.ant-carousel .slick-dots li.slick-active button{background:var(--primary-color);width:12px;height:12px;border-radius:50%;transform:scale(1.3)}.hero-stats{width:100%;background:var(--background-white);padding:2rem 0;z-index:5;box-shadow:0 -5px 20px #0000000d}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-item{text-align:center;color:var(--text-dark);padding:1rem;border-radius:12px;transition:var(--transition)}.stat-item:hover{background:#3fc1c70d}.stat-item h3{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat-item p{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-light)}@media screen and (max-width: 968px){.slide-content h1{font-size:2.5rem}.slide-content h2{font-size:1.4rem}.slide-content p{font-size:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.carousel-control{width:40px;height:40px;top:50%;bottom:auto;transform:translateY(-50%)}.prev{left:1rem}.next{right:1rem}}@media screen and (max-width: 768px){.hero{height:90vh}.slide-content{max-width:100%;padding:0 1rem}.slide-content h1{font-size:2rem}.slide-content h2{font-size:1.2rem}.slide-cta{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;max-width:250px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item h3{font-size:2rem}}@media screen and (max-width: 480px){.slide-content h1{font-size:1.8rem}.slide-content h2{font-size:1.1rem}.slide-content p{font-size:.9rem}.slide-icon{font-size:2.5rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.hero-stats{padding:1.5rem 0}.carousel-indicators{bottom:1rem}.stat-item{padding:.5rem}.stat-item h3{font-size:1.8rem}}:root{--primary-color: #3498db;--secondary-color: #2c3e50;--background-white: #f7f9fc;--background-light: #fff;--text-dark: #2c3e50;--text-light: #555;--border-light: #e0e0e0;--transition: all .3s ease-in-out;--shadow-hover: 0 4px 20px rgba(0, 0, 0, .1)}.about-section{padding:5rem 0;background:var(--background-white)}.about-content{display:flex;flex-direction:column;gap:4rem;align-items:center}.about-text h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--text-dark);background:linear-gradient(90deg,var(--secondary-color) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-text p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7;color:var(--text-light)}.about-features{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;max-width:1200px;margin:0 auto}.feature-card{background:var(--background-light);padding:2rem;border-radius:12px;text-align:center;transition:var(--transition);border:1px solid var(--border-light)}.feature-card:hover{background:var(--background-white);box-shadow:var(--shadow-hover);transform:translateY(-5px)}.feature-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.feature-card h3{font-size:1.2rem;margin-bottom:.8rem;color:var(--text-dark)}.feature-card p{font-size:.9rem;color:var(--text-light);line-height:1.5}.about-cta-container{text-align:center;margin-top:2rem}.cta-button{display:inline-block;padding:12px 30px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:50px;text-decoration:none;font-weight:600;letter-spacing:1px;transition:transform .3s ease,box-shadow .3s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}@media screen and (max-width: 968px){.about-content{gap:3rem}.about-features{grid-template-columns:repeat(2,1fr)}.about-text h2{font-size:2.2rem}}@media screen and (max-width: 768px){.about-section{padding:3rem 0}.about-features{grid-template-columns:1fr}.feature-card{padding:1.5rem}}@media screen and (max-width: 480px){.about-text h2{font-size:1.8rem}.about-text p{font-size:1rem}}.blink-smooth{animation:blink-smooth 2s infinite ease-in-out}@keyframes blink-smooth{0%{color:#7f33f0}50%{color:#3498db}to{color:#7f33f0}}.services-preview-section{padding:5rem 0;background:var(--background-light)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}.service-card{background:var(--background-white);padding:2.5rem 2rem;border-radius:12px;text-align:center;transition:var(--transition);box-shadow:var(--shadow);border:1px solid var(--border-light)}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.service-card p{font-size:1rem;color:var(--text-light);line-height:1.6}.section-cta{text-align:center}.cta-button{display:inline-block;padding:1rem 2.5rem;background:var(--gradient);color:#fff;border-radius:50px;font-weight:600;text-decoration:none;transition:var(--transition);box-shadow:0 4px 15px #36506b4d}@media screen and (max-width: 968px){.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:2rem 1.5rem}}@media screen and (max-width: 768px){.services-preview-section{padding:3rem 0}.section-header h2{font-size:2.2rem}}@media screen and (max-width: 480px){.section-header h2{font-size:1.8rem}.service-card{padding:1.5rem 1rem}.service-icon{font-size:2.5rem}}.projects-preview-section{padding:5rem 0;background:var(--background-white)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}.project-card{background:var(--background-light);padding:2.5rem 2rem;border-radius:12px;text-align:center;transition:var(--transition);border:1px solid var(--border-light)}.project-card:hover{background:var(--background-white);box-shadow:var(--shadow-hover);transform:translateY(-5px)}.project-icon{font-size:3rem;color:var(--primary-color);margin-bottom:1.5rem}.project-card h3{font-size:1.3rem;margin-bottom:1rem;color:var(--text-dark)}.project-card p{font-size:1rem;color:var(--text-light);line-height:1.6}@media screen and (max-width: 968px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{padding:2rem 1.5rem}}@media screen and (max-width: 768px){.projects-preview-section{padding:3rem 0}.section-header h2{font-size:2.2rem}}@media screen and (max-width: 480px){.section-header h2{font-size:1.8rem}.project-card{padding:1.5rem 1rem}.project-icon{font-size:2.5rem}}.contact-preview-section{padding:5rem 0;background:var(--background-light)}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}.contact-card{background:var(--background-white);padding:2.5rem 2rem;border-radius:12px;text-align:center;transition:var(--transition);box-shadow:var(--shadow);border:1px solid var(--border-light)}.contact-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}@media screen and (max-width: 968px){.contact-grid{grid-template-columns:1fr;gap:1.5rem}.contact-card{padding:2rem 1.5rem}}@media screen and (max-width: 768px){.contact-preview-section{padding:3rem 0}.section-header h2{font-size:2.2rem}}@media screen and (max-width: 480px){.section-header h2{font-size:1.8rem}.contact-card{padding:1.5rem 1rem}.contact-icon{font-size:2rem}}.home-page{overflow-x:hidden}.about-hero{padding:8rem 0 4rem;background:linear-gradient(135deg,#36506be6,#3fc1c7cc),url(/assets/abtban-C47jBjiH.jpg);background-size:cover;background-position:center;color:#fff;text-align:center}.about-intro{padding:5rem 0;background:var(--background-white)}.intro-content h2{font-size:2.5rem;margin-bottom:2rem;color:var(--text-dark);background:linear-gradient(90deg,var(--secondary-color) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-content p{font-size:1.1rem;line-height:1.7;color:var(--text-light);margin-bottom:1.5rem}.vision-mission,.capabilities,.motto-section{padding:5rem 0}.vision-mission{background:var(--background-light)}.capabilities{background:var(--background-white)}.motto-section{background:var(--background-light)}.vm-grid,.capabilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.vm-card,.capability-card{background:var(--background-white);padding:2.5rem 2rem;border-radius:12px;text-align:center;transition:var(--transition);box-shadow:var(--shadow);border:1px solid var(--border-light)}.vm-card:hover,.capability-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.vm-icon,.capability-icon{font-size:3rem;color:var(--primary-color);margin-bottom:1.5rem}.vm-card h3,.capability-card h3{font-size:1.3rem;margin-bottom:1rem;color:var(--text-dark)}.vm-card p,.capability-card p{font-size:1rem;color:var(--text-light);line-height:1.6}.motto-content{text-align:center}.motto-list{list-style:none;max-width:600px;margin:0 auto}.motto-list li{font-size:1.1rem;padding:.8rem 0;color:var(--text-dark);border-bottom:1px solid var(--border-light)}.motto-list li:last-child{border-bottom:none}@media screen and (max-width: 968px){.vm-grid,.capabilities-grid{grid-template-columns:repeat(2,1fr)}.hero-content h1{font-size:2.8rem}}@media screen and (max-width: 768px){.about-hero{padding:6rem 0 3rem}.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1rem}.about-intro,.vision-mission,.capabilities,.motto-section{padding:3rem 0}.intro-content h2{font-size:2rem}.vm-grid,.capabilities-grid{grid-template-columns:1fr}.vm-card,.capability-card{padding:2rem 1.5rem}}@media screen and (max-width: 480px){.hero-content h1,.intro-content h2{font-size:1.8rem}.vm-icon,.capability-icon{font-size:2.5rem}.motto-list li{font-size:1rem}}.leader-position{font-size:1rem;color:var(--primary-color);font-weight:600;margin-bottom:1rem}.leader-details{margin-top:1.5rem}.detail-item{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:.8rem}.detail-icon{color:var(--primary-color);font-size:.9rem;margin-top:.2rem;flex-shrink:0}.study-items{list-style:none;text-align:left}.study-items li{color:var(--text-dark);position:relative;padding:.5rem 0 .5rem 1.2rem;font-size:.95rem}.study-items li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:0}.partnership-advantage-content{text-align:center;max-width:800px;margin:0 auto}.advantage-text{background:#3fc1c71a;padding:2rem;border-radius:12px;border-left:4px solid var(--primary-color)}.advantage-icon{font-size:3rem;color:var(--primary-color);margin-bottom:1rem}.advantage-text p{font-size:1.1rem;line-height:1.6;color:var(--text-dark);font-style:italic}.motto-list li strong{color:var(--primary-color)}@media screen and (max-width: 768px){.detail-item{flex-direction:column;gap:.3rem}.advantage-text{padding:1.5rem}.advantage-icon{font-size:2.5rem}}@media screen and (max-width: 480px){.study-items li{font-size:.9rem}.advantage-text{padding:1.2rem}.advantage-icon{font-size:2rem}}.certificates-section{padding:4rem 0;background:var(--background-white)}.certificates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.certificates-img-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.certificate-card{background:var(--background-light);padding:2rem 1.5rem;border-radius:12px;text-align:center;transition:var(--transition);border:1px solid var(--border-light)}.certificate-card:hover{background:var(--background-white);box-shadow:var(--shadow-hover)}.certificate-icon{font-size:2.5rem;color:#e74c3c;margin-bottom:1rem}.certificate-img-icon{font-size:2.5rem;color:#3110eb;margin-bottom:1rem}.certificate-card h3{font-size:1.2rem;margin-bottom:.8rem;color:var(--text-dark)}.certificate-description{font-size:.95rem;color:var(--text-light);margin-bottom:1rem;line-height:1.5}.certificate-preview{margin:1.5rem 0;cursor:pointer}.certificate-preview img{width:100%;max-width:200px;height:auto;border:1px solid var(--border-light);border-radius:8px;transition:var(--transition)}.certificate-preview img:hover{transform:scale(1.05);box-shadow:var(--shadow)}.certificate-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-view,.btn-download{padding:.7rem 1.5rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.btn-view{background:var(--primary-color);color:#fff}.btn-view:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-download{background:var(--secondary-color);color:#fff}.btn-download:hover{background:#2c3e50;transform:translateY(-2px)}.company-info-section{padding:4rem 0;background:var(--background-light)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px;margin:0 auto}.info-item{background:var(--background-white);padding:1.5rem;border-radius:8px;border-left:4px solid var(--primary-color)}.info-item h4{font-size:1rem;color:var(--primary-color);margin-bottom:.5rem;font-weight:600}.info-item p{font-size:1rem;color:var(--text-dark);font-weight:500}.section-header{margin-bottom:3rem}.section-header p{font-size:1.1rem;color:var(--text-light)}.about-intro .intro-content p{margin-bottom:1rem}@media screen and (max-width: 968px){.certificates-grid,.info-grid{grid-template-columns:1fr}}@media screen and (max-width: 768px){.certificates-section,.company-info-section{padding:3rem 0}.certificate-card{padding:1.5rem}.certificate-actions{flex-direction:column;align-items:center}.btn-view,.btn-download{width:100%;max-width:200px;justify-content:center}}@media screen and (max-width: 480px){.certificate-icon{font-size:2rem}.info-item{padding:1rem}}.services-hero{padding:8rem 0 4rem;background:linear-gradient(135deg,#36506be6,#3fc1c7cc),url(/assets/serviceban-BitiHyfC.jpg);background-size:cover;background-position:center;color:#fff;text-align:center}.inspection-hero{padding:8rem 0 4rem;background:linear-gradient(135deg,#36506be6,#3fc1c7cc),url(/assets/insban-CtE2C8Bf.jpg);background-size:cover;background-position:center;color:#fff;text-align:center}.services-list{padding:5rem 0;background:var(--background-white)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.service-card{background:var(--background-light);padding:2.5rem 2rem;border-radius:12px;transition:var(--transition);border:1px solid var(--border-light)}.service-card:hover{background:var(--background-white);box-shadow:var(--shadow-hover);transform:translateY(-5px)}.service-icon{font-size:3rem;color:var(--primary-color);margin-bottom:1.5rem}.service-card h3{font-size:1.3rem;margin-bottom:1rem;color:var(--text-dark)}.service-description{font-size:1rem;color:var(--text-light);margin-bottom:1.5rem;line-height:1.6}.service-details{list-style:none;text-align:left}.service-details li{color:var(--text-dark);position:relative;padding:.5rem 0 .5rem 1.5rem}.service-details li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:0}.services-cta{padding:5rem 0;background:var(--background-light);text-align:center}.cta-content h2{font-size:2.5rem;margin-bottom:1rem;color:var(--text-dark)}.cta-content p{font-size:1.1rem;color:var(--text-light);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}@media screen and (max-width: 968px){.services-grid{grid-template-columns:1fr}.hero-content h1{font-size:2.8rem}}@media screen and (max-width: 768px){.services-hero,.inspection-hero{padding:6rem 0 3rem}.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1rem}.services-list,.services-cta{padding:3rem 0}.service-card{padding:2rem 1.5rem}.cta-content h2{font-size:2rem}}@media screen and (max-width: 480px){.hero-content h1{font-size:1.8rem}.service-icon{font-size:2.5rem}.cta-content h2{font-size:1.8rem}}:root{--primary-color-projects: #3fc1c7;--secondary-color-projects: #3fc1c7;--dark-color-projects: #36506b;--light-color-projects: #ecf0f1;--text-color-projects: #36506b;--bg-color-projects: #f7f9fc;--card-bg-projects: #ffffff;--shadow-projects: 0 4px 20px rgba(0, 0, 0, .05);--border-radius-projects: 12px}.projects-body{font-family:Poppins,sans-serif;color:var(--text-color-projects);background-color:var(--bg-color-projects);margin:0;line-height:1.6}.projects-container{max-width:1200px;margin:0 auto;padding:0 20px}.projects-h1,.projects-h2,.projects-h3,.inspection-h2{font-weight:600;line-height:1.2;color:var(--dark-color-projects)}.projects-h1{font-size:3.5rem;margin-bottom:.5rem}.projects-h2{font-size:2.5rem;margin-bottom:.5rem}.inspection-h2{font-size:2.5rem;margin-bottom:.5rem;text-align:left}.projects-p{font-size:1.1rem}.projects-highlight{color:var(--secondary-color-projects)}.projects-section-header{text-align:center;margin-bottom:4rem}.projects-section-header .projects-p{font-size:1.2rem;color:#7f8c8d;max-width:600px;margin:0 auto}.projects-hero{position:relative;height:600px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;overflow:hidden;padding:20px}.projects-hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3fc1c7cc,#36506be6),url(/assets/bgins-Ju6rwKO6.jpeg) center center/cover no-repeat;z-index:-1}.projects-floating-shapes .projects-shape{position:absolute;background:#ffffff1a;border-radius:50%}.projects-floating-shapes .projects-shape:nth-child(1){width:80px;height:80px;top:10%;left:15%}.projects-floating-shapes .projects-shape:nth-child(2){width:120px;height:120px;top:30%;right:20%}.projects-floating-shapes .projects-shape:nth-child(3){width:60px;height:60px;bottom:15%;left:50%}.projects-floating-shapes .projects-shape:nth-child(4){width:100px;height:100px;top:50%;left:5%}.projects-floating-shapes .projects-shape:nth-child(5){width:70px;height:70px;bottom:20%;right:10%}.projects-floating-shapes .projects-shape:nth-child(6){width:90px;height:90px;top:80%;left:30%}.projects-floating-shapes .projects-shape:nth-child(7){width:50px;height:50px;top:5%;right:40%}.projects-floating-shapes .projects-shape:nth-child(8){width:110px;height:110px;bottom:5%;left:70%}.projects-floating-shapes .projects-shape:nth-child(9){width:75px;height:75px;top:60%;right:50%}.projects-floating-shapes .projects-shape:nth-child(10){width:85px;height:85px;bottom:40%;left:10%}.projects-hero .projects-container{z-index:1}.projects-hero-content .projects-h1{font-size:4rem;font-weight:700;margin:0}.projects-hero-stats{margin-top:3rem}.projects-stats-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.projects-stat-item{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 40px;border-radius:var(--border-radius-projects);border:1px solid rgba(255,255,255,.3);width:180px;box-shadow:0 4px 15px #0000001a}.projects-stat-item .projects-h3{font-size:3rem;font-weight:700;margin:0;color:#fff}.projects-stat-item .projects-p{font-size:1rem;margin:0;color:#fff}.projects-running,.projects-gallery,.projects-equipment-section{padding:80px 0}.projects-header-title{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.projects-header-title .projects-icon,.inspection-icon{font-size:2.5rem;color:var(--primary-color-projects);margin-right:15px}.projects-running-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.projects-running-project-card{background:var(--card-bg-projects);border-radius:var(--border-radius-projects);box-shadow:var(--shadow-projects);overflow:hidden;position:relative}.projects-running-project-card .projects-project-status{position:absolute;top:15px;right:15px;display:flex;align-items:center;background:#fff;padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:600;color:var(--text-color-projects);box-shadow:0 2px 5px #0000001a}.projects-status-indicator{width:8px;height:8px;border-radius:50%;margin-right:8px}.projects-status-indicator.running{background-color:var(--secondary-color-projects)}.projects-project-image{position:relative;height:250px;overflow:hidden}.projects-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}.projects-running-project-card:hover .projects-project-image img{transform:scale(1.05)}.projects-project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out}.projects-running-project-card:hover .projects-project-overlay{opacity:1}.projects-view-details-btn{background:var(--primary-color-projects);color:#fff;border:none;padding:12px 25px;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.projects-view-details-btn:hover{background-color:#31a4ab}.projects-project-content{padding:25px}.projects-project-content .projects-h3{margin-top:0;font-size:1.5rem}.projects-project-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:.9rem;color:#7f8c8d;margin-bottom:15px}.projects-project-meta span{display:flex;align-items:center}.projects-project-meta span svg{margin-right:5px}.projects-progress-section{display:flex;align-items:center;gap:15px}.projects-progress-bar{flex-grow:1;height:8px;background-color:var(--light-color-projects);border-radius:5px;overflow:hidden}.projects-progress-fill{height:100%;background-color:var(--primary-color-projects);border-radius:5px}.projects-category-filter{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:3rem}.projects-filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.projects-filter-btn{background-color:var(--light-color-projects);color:var(--text-color-projects);border:none;padding:10px 20px;border-radius:25px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s,color .3s}.projects-filter-btn.active{background-color:var(--primary-color-projects);color:#fff}.projects-filter-btn:not(.active):hover{background-color:#dfe6e9}.projects-view-toggle{display:flex;background-color:var(--light-color-projects);border-radius:25px;padding:5px}.projects-view-toggle .projects-toggle-btn{background-color:transparent;border:none;padding:8px 18px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .3s,color .3s}.projects-view-toggle .projects-toggle-btn.active{background-color:var(--primary-color-projects);color:#fff}.projects-projects-container{display:grid;gap:30px;transition:grid-template-columns .5s ease-in-out}.projects-projects-container.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.projects-projects-container.list{grid-template-columns:1fr}.projects-project-card{background:var(--card-bg-projects);border-radius:var(--border-radius-projects);box-shadow:var(--shadow-projects);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;width:360px}.projects-projects-container.list .projects-project-card{flex-direction:row;height:250px}.projects-projects-container.list .projects-project-card .projects-card-image{flex-basis:40%;min-width:300px}.projects-projects-container.list .projects-project-card .projects-card-content{flex-basis:60%}.projects-card-image{position:relative;height:250px;overflow:hidden}.projects-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}.projects-project-card:hover .projects-card-image img{transform:scale(1.05)}.projects-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;opacity:0;transition:opacity .3s ease-in-out;display:flex;justify-content:center;align-items:center}.projects-project-card:hover .projects-card-overlay{opacity:1}.projects-status-badge{position:absolute;top:15px;left:15px}.projects-status{padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:600;color:#fff}.projects-status.completed{background-color:var(--primary-color-projects)}.projects-status.running{background-color:var(--secondary-color-projects)}.projects-quick-view-btn{background:var(--primary-color-projects);color:#fff;border:none;width:45px;height:45px;border-radius:50%;font-size:1.2rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.projects-card-content{padding:25px}.projects-project-info{display:flex;flex-wrap:wrap;gap:15px;font-size:.9rem;color:#7f8c8d;margin-bottom:15px}.projects-project-info span{display:flex;align-items:center}.projects-project-info span svg{margin-right:5px;color:var(--primary-color-projects)}.projects-project-card .projects-p{font-size:1rem;color:#555;margin:0 0 15px}.projects-project-features{display:flex;flex-wrap:wrap;gap:8px}.projects-feature-tag{background:#dfe6e9;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:500;color:var(--text-color-projects)}.projects-equipment-section{background-color:var(--light-color-projects)}.projects-equipment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}.projects-equipment-card{background:var(--card-bg-projects);border-radius:var(--border-radius-projects);box-shadow:var(--shadow-projects);padding:30px;text-align:center;transition:transform .3s ease-in-out}.projects-emoji-icon{font-size:3rem;color:var(--primary-color-projects);margin-bottom:15px}.projects-equipment-card .projects-h3{font-size:1.4rem;margin:0 0 5px}.projects-equipment-models{font-size:.9rem;color:#7f8c8d;margin:0}.projects-equipment-quantity{font-size:1.1rem;font-weight:600;color:var(--secondary-color-projects);margin:10px 0 0}.projects-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.projects-modal-content{background:#fff;border-radius:var(--border-radius-projects);box-shadow:0 10px 30px #0003;width:90%;max-width:900px;display:flex;flex-direction:column;overflow:hidden;position:relative}.projects-close-btn{position:absolute;top:15px;right:15px;background:var(--dark-color-projects);color:#fff;border:none;width:35px;height:35px;border-radius:50%;font-size:1.5rem;cursor:pointer;line-height:1;transition:transform .2s}.projects-close-btn:hover{transform:rotate(90deg)}.projects-modal-image{height:350px;overflow:hidden}.projects-modal-image img{width:100%;height:100%;object-fit:cover}.projects-modal-body{padding:30px}.projects-modal-body .projects-h2{margin-top:0}.projects-modal-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:25px}.projects-meta-item{display:flex;align-items:center;gap:10px;font-size:1rem}.projects-meta-item svg{color:var(--primary-color-projects);font-size:1.2rem}.projects-project-features-full{margin-top:25px}.projects-project-features-full h4{font-size:1.2rem;margin-bottom:15px;color:var(--primary-color-projects)}.projects-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.projects-feature-item{display:flex;align-items:center;gap:8px;background:var(--light-color-projects);padding:10px;border-radius:8px}.projects-feature-item svg{color:var(--primary-color-projects)}@media (max-width: 768px){.projects-h1{font-size:2.5rem}.projects-h2{font-size:2rem}.projects-hero{height:500px}.projects-stat-item{width:120px;padding:15px 25px}.projects-stat-item .projects-h3{font-size:2.5rem}.projects-projects-container.list .projects-project-card{flex-direction:column;height:auto}.projects-projects-container.list .projects-project-card .projects-card-image{min-width:unset;height:200px}.projects-modal-content{flex-direction:column}}@media (max-width: 480px){.projects-h1{font-size:2rem}.projects-stats-grid{gap:20px}.projects-stat-item{width:100px;padding:10px 20px}.projects-stat-item .projects-h3{font-size:2rem}.projects-project-meta,.projects-project-info{flex-direction:column;align-items:flex-start}.projects-equipment-grid{grid-template-columns:1fr}}.inspection-content p{font-size:1.1rem;line-height:1.7;color:var(--text-light);margin-bottom:1.5rem}.inspection-header-title{display:flex;align-items:left;justify-content:left;margin-bottom:1rem}.contact-hero{padding:8rem 0 4rem;background:linear-gradient(135deg,#36506be6,#3fc1c7cc),url(/assets/contact-BKKCZ4jn.jpg);background-size:cover;background-position:center;color:#fff;text-align:center}.hero-content h1{font-size:3.5rem;margin-bottom:1rem}.hero-content p{font-size:1.2rem;opacity:.9}.contact-info{padding:5rem 0;background:var(--background-white)}.contact-form-section{padding:5rem 0;background:var(--background-light)}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.contact-card{background:var(--background-light);padding:2.5rem 2rem;border-radius:12px;text-align:center;transition:var(--transition);border:1px solid var(--border-light)}.contact-card:hover{background:var(--background-white);box-shadow:var(--shadow-hover);transform:translateY(-5px)}.contact-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:1.5rem}.contact-card h3{font-size:1.3rem;margin-bottom:1rem;color:var(--text-dark)}.contact-card a,.contact-card p{font-size:1rem;color:var(--text-light);text-decoration:none;transition:var(--transition)}.contact-card a:hover{color:var(--primary-color)}.form-container{max-width:800px;margin:0 auto}.contact-form{background:var(--background-white);padding:2.5rem;border-radius:12px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-dark)}.form-group input,.form-group textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--border-light);border-radius:8px;font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3fc1c71a}.contact-form .cta-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}@media screen and (max-width: 968px){.contact-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.hero-content h1{font-size:2.8rem}}@media screen and (max-width: 768px){.contact-hero{padding:6rem 0 3rem}.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1rem}.contact-info,.contact-form-section{padding:3rem 0}.contact-grid{grid-template-columns:1fr}.contact-card{padding:2rem 1.5rem}.contact-form{padding:2rem}}@media screen and (max-width: 480px){.hero-content h1{font-size:1.8rem}.contact-icon{font-size:2rem}.contact-form{padding:1.5rem}}:root{--primary-color: #3fc1c7;--primary-light: #59d5db;--primary-dark: #2ca2a7;--secondary-color: #36506b;--background-light: #f8f9fa;--background-white: #ffffff;--text-dark: #2c3e50;--text-light: #7f8c8d;--border-light: #e0e0e0;--shadow: 0 5px 20px rgba(0, 0, 0, .08);--shadow-hover: 0 8px 25px rgba(0, 0, 0, .12);--transition: all .3s cubic-bezier(.25, .8, .25, 1);--gradient: linear-gradient(135deg, #3fc1c7 0%, #36506b 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background-light);color:var(--text-dark);line-height:1.6;overflow-x:hidden}.App{min-height:100vh}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-light)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.fade-in{animation:fadeIn .8s ease forwards}.slide-up{animation:slideUp .8s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.cta-button{display:inline-block;padding:1rem 2.5rem;background:var(--gradient);color:#fff;border-radius:50px;font-weight:600;text-decoration:none;transition:var(--transition);box-shadow:0 4px 15px #36506b4d;border:none;cursor:pointer;font-size:1rem}.cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #36506b66}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem;color:var(--text-dark);background:linear-gradient(90deg,var(--secondary-color) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{font-size:1.1rem;color:var(--text-light);max-width:600px;margin:0 auto}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.gallery-page{padding:0;background:#fafafa;min-height:100vh;font-family:Poppins,sans-serif}.gallery-hero{padding:8rem 0 4rem;background:linear-gradient(135deg,#36506be6,#3fc1c7cc),url(/assets/galban-DNjNkiot.jpg);background-size:cover;background-position:center;color:#fff;text-align:center}.hero-content h1{font-size:3rem;font-weight:600;margin-bottom:1rem}.hero-content p{font-size:1.25rem;font-weight:300}.gallery-section{padding:4rem 2rem;text-align:center}.gallery-title{font-size:2rem;margin-bottom:2rem;color:#364f6b;font-weight:600;position:relative}.gallery-title:after{content:"";display:block;width:80px;height:3px;background:#3fc1c9;margin:10px auto 0;border-radius:3px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;justify-items:center}.gallery-item{position:relative;overflow:hidden;border-radius:10px;cursor:pointer;background:#fff;box-shadow:0 2px 12px #00000014;transition:transform .2s ease,box-shadow .2s ease}.gallery-item:hover{transform:scale(1.04);box-shadow:0 6px 20px #00000026}.gallery-img{width:100%;height:200px;object-fit:cover;border-radius:10px;transition:transform .3s ease}.gallery-item:hover .gallery-img{transform:scale(1.1)}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:999;cursor:zoom-out;animation:fadeIn .3s ease forwards}.popup-content img{max-width:90%;max-height:90%;border-radius:10px;box-shadow:0 0 25px #fff3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.gallery-img{height:150px}.gallery-title{font-size:1.6rem}}