:root{--primary-color: #112c5b;--secondary-color: #6c757d;--dark-color: #212529;--light-color: #f8f9fa;--white-color: #ffffff}*{margin: 0;padding: 0;box-sizing: border-box}body{font-family: 'Roboto',sans-serif;color: #333;line-height: 1.6;overflow-x: hidden}h1,h2,h3,h4,h5,h6{font-family: 'Poppins',sans-serif;font-weight: 600}.section-title{font-size: 2.5rem;font-weight: 700;color: var(--dark-color);position: relative;padding-bottom: 15px}.section-title::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 80px;height: 3px;background: var(--primary-color)}.navbar,.navbar-dark,.navbar.fixed-top,nav.navbar{padding: 0.8rem 0 !important;transition: all 0.3s ease;background: transparent !important;background-color: transparent !important;background-image: none !important;box-shadow: none !important;backdrop-filter: none !important;-webkit-backdrop-filter: none !important;border: none !important}.navbar::before,.navbar::after{display: none !important}.navbar .container{background: transparent !important}.navbar.scrolled{padding: 0.3rem 0 !important;background: rgba(52,58,64,0.98) !important;background-color: rgba(52,58,64,0.98) !important;box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important}.navbar-brand{display: flex;align-items: center;flex-direction: column;padding: 0.5rem 0;transition: all 0.3s ease}.navbar.scrolled .logo-img,.navbar.scrolled .affiliate-text{opacity: 0;max-height: 0;margin: 0;padding: 0;overflow: hidden}.logo-img{height: 115px;margin-bottom: 8px;transition: all 0.3s ease;border-radius: 50%;object-fit: cover;background-color: white}.affiliate-text{font-size: 0.7rem;color: rgba(255,255,255,0.95);font-weight: 400;text-align: center;line-height: 1.3;max-width: 220px;display: block;transition: all 0.3s ease}.navbar-nav{align-items: center}.navbar-nav .nav-item{position: relative}.navbar-nav .nav-link{color: rgba(255,255,255,0.85) !important;font-weight: 500;padding: 0.6rem 0.9rem !important;transition: all 0.3s ease;font-size: 0.875rem;letter-spacing: 0.3px;text-transform: uppercase}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color: #ffffff !important}.navbar-nav .dropdown-toggle::after{margin-left: 0.4em;vertical-align: 0.15em}.dropdown-menu{background-color: rgba(52,58,64,0.98);border: 1px solid rgba(255,255,255,0.1);margin-top: 0}.dropdown-item{color: rgba(255,255,255,0.85);transition: all 0.3s ease;font-size: 0.875rem;padding: 0.5rem 1rem}.dropdown-item:hover{background-color: rgba(255,255,255,0.1);color: #ffffff}.hero-slider-section{position: relative;padding-top: 0;margin-top: 0}#heroCarousel{height: 100vh;min-height: 600px}.carousel-inner{height: 100%}.carousel-item{height: 100%;position: relative}.carousel-item img{width: 100%;height: 100%;object-fit: cover;object-position: center}.carousel-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 1}.carousel-caption-custom{position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);z-index: 2;color: white}.hero-title{font-size: 3.5rem;font-weight: 700;color: #ffffff;text-shadow: 2px 2px 8px rgba(0,0,0,0.5);line-height: 1.2}.hero-description{font-size: 1.1rem;color: rgba(255,255,255,0.95);text-shadow: 1px 1px 4px rgba(0,0,0,0.5);line-height: 1.8;max-width: 900px;margin: 0 auto}.btn-hero{background-color: transparent;color: #ffffff;border: 2px solid #00d9ff;font-weight: 600;border-radius: 30px;transition: all 0.3s ease;text-transform: uppercase;letter-spacing: 1px;display: inline-block;width: auto;padding: 0.6rem 1.75rem !important;white-space: nowrap}.btn-hero:hover{background-color: #00d9ff;color: #ffffff;transform: translateY(-2px);box-shadow: 0 5px 20px rgba(0,217,255,0.5)}.carousel-control-prev,.carousel-control-next{width: 60px;height: 60px;background-color: rgba(0,0,0,0.4);border-radius: 50%;top: 50%;transform: translateY(-50%);opacity: 0.8;transition: all 0.3s ease}.carousel-control-prev:hover,.carousel-control-next:hover{background-color: rgba(0,191,255,0.6);opacity: 1}.carousel-control-prev{left: 30px}.carousel-control-next{right: 30px}.carousel-control-prev-icon,.carousel-control-next-icon{width: 30px;height: 30px}.carousel-indicators{bottom: 30px;z-index: 3}.carousel-indicators button{width: 12px;height: 12px;border-radius: 50%;background-color: rgba(255,255,255,0.5);border: 2px solid transparent;margin: 0 5px;transition: all 0.3s ease}.carousel-indicators button.active{background-color: #00bfff;border-color: #ffffff;transform: scale(1.2)}.carousel-fade .carousel-item{opacity: 0;transition: opacity 0.8s ease-in-out}.carousel-fade .carousel-item.active{opacity: 1}.animate-fade-in{animation: fadeInUp 1s ease-out}.animate-fade-in-delay{animation: fadeInUp 1.2s ease-out 0.3s both}.animate-fade-in-delay-2{animation: fadeInUp 1.2s ease-out 0.6s both}@keyframes fadeIn{from{opacity: 0;transform: translateY(30px)}to{opacity: 1;transform: translateY(0)}}@keyframes fadeInUp{from{opacity: 0;transform: translateY(40px)}to{opacity: 1;transform: translateY(0)}}.carousel-item.active .hero-title{animation: fadeInUp 0.8s ease-out 0.3s both}.carousel-item.active .hero-description{animation: fadeInUp 0.8s ease-out 0.6s both}.carousel-item.active .btn-hero{animation: fadeInUp 0.8s ease-out 0.9s both}.about-section{padding: 100px 0}.about-section img{border-radius: 10px;box-shadow: 0 10px 30px rgba(0,0,0,0.1)}.about-section .section-title::after{left: 0;transform: translateX(0)}.section-title-about{line-height: 1.25}.section-title-about br{display: block}.personnel-card{background: #fff;border-radius: 12px;box-shadow: 0 4px 24px rgba(0,0,0,0.06);overflow: hidden;border: 1px solid rgba(0,0,0,0.06)}.personnel-row{align-items: stretch}@media (min-width: 992px){.personnel-col-left{flex: 0 0 70%;max-width: 70%}.personnel-col-right{flex: 0 0 30%;max-width: 30%}}.personnel-col-left{display: flex}.personnel-content{padding: 2rem 2rem 2rem 2.25rem;width: 100%;display: flex;flex-direction: column;justify-content: flex-start}.personnel-quote{font-size: 1rem;color: #555;line-height: 1.5;margin: 0 0 1rem 0;padding-left: 1.25rem;border-left: 4px solid var(--primary-color)}.personnel-label{display: inline-block;font-size: 0.8rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: var(--primary-color);margin-bottom: 0.75rem}.personnel-name{font-size: 1.5rem;font-weight: 700;color: #1a1a1a;margin-bottom: 0.25rem;line-height: 1.2}.personnel-title{font-size: 0.9rem;font-weight: 500;color: var(--primary-color);margin-bottom: 0.2rem}.personnel-quals{font-size: 0.85rem;color: #555;margin-bottom: 1rem}.personnel-divider{border: 0;border-top: 2px solid rgba(0,0,0,0.18);margin: 0 0 1rem 0}.personnel-bio{font-size: 0.95rem;color: #555;line-height: 1.6;margin-bottom: 0}.personnel-subhead{font-size: 0.9rem;font-weight: 600;color: #333;margin-bottom: 0.25rem}.personnel-col-right{position: relative;min-height: 0}.personnel-photo-wrap{position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 0;overflow: hidden}.personnel-photo{width: 100%;object-fit: contain;object-position: center;display: block}@media (max-width: 991px){.personnel-col-right{min-height: 260px}.personnel-photo-wrap{position: static;height: auto;min-height: 260px}.personnel-photo{width: 100%;height: auto;object-fit: contain}.personnel-content{padding: 1.75rem 1.5rem}.personnel-name{font-size: 1.35rem}}@media (max-width: 576px){.personnel-col-right{min-height: 220px}.personnel-photo-wrap{min-height: 220px}.personnel-photo{min-height: 200px;max-height: 340px}.personnel-content{padding: 1.25rem 1rem}.personnel-name{font-size: 1.2rem}}.mission-vision-leadership{padding: 0}.mvp-split{min-height: 560px}.mvp-half-left{background: var(--primary-color);color: #fff;display: flex;align-items: center}.mvp-left-inner{padding: 3.5rem 3rem;max-width: 540px}.mvp-left-icon{width: 56px;height: 56px;border: 2px solid rgba(255,255,255,0.6);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: #fff;margin-bottom: 1rem}.mvp-panel-heading{font-size: 1.5rem;font-weight: 700;color: #fff;margin-bottom: 0.5rem;letter-spacing: 0.02em}.mvp-panel-text{font-size: 1.2rem;font-weight: 600;color: #fff;line-height: 1.55;margin-bottom: 0}.mvp-left-inner .mvp-panel-text + .mvp-left-icon{margin-top: 2rem}.mvp-half-right{background: #fff;display: flex;flex-direction: column}.mvp-right-inner{padding: 2.75rem 2.5rem 1.5rem 2.75rem;flex: 0 0 auto}.mvp-label{font-size: 0.8rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--primary-color);display: block;margin-bottom: 0.75rem}.mvp-ceo-quote{font-size: 1.2rem;font-weight: 700;color: #1a1a1a;line-height: 1.5;margin-bottom: 1.25rem}.mvp-name{font-size: 1.4rem;font-weight: 700;color: #1a1a1a;margin: 0 0 0.2rem 0;line-height: 1.2}.mvp-title{font-size: 0.9rem;font-weight: 500;color: var(--primary-color);margin-bottom: 0.15rem}.mvp-quals{font-size: 0.85rem;color: #666;margin-bottom: 0.75rem}.mvp-bio{font-size: 0.9rem;color: #555;line-height: 1.55;margin-bottom: 0}.mvp-subhead{font-size: 0.85rem;font-weight: 600;color: #333;margin-bottom: 0.2rem}.mvp-half-right .mvp-photo-wrap{flex: 1 1 auto;min-height: 280px;padding: 1rem 2rem 2rem;display: flex;align-items: flex-end;justify-content: center;background: #fafbfc}.mvp-half-right .mvp-photo{width: 100%;max-width: 100%;height: auto;max-height: 380px;min-height: 260px;object-fit: contain;object-position: bottom center;border-radius: 8px;box-shadow: 0 8px 28px rgba(0,0,0,0.1)}@media (max-width: 991px){.mvp-split{min-height: 0}.mvp-half-left{padding: 2.5rem 0}.mvp-left-inner{padding: 0 2rem;max-width: 100%}.mvp-panel-heading{font-size: 1.3rem}.mvp-panel-text{font-size: 1.1rem}.mvp-right-inner{padding: 2rem 1.75rem 1.25rem}.mvp-ceo-quote{font-size: 1.1rem}.mvp-name{font-size: 1.25rem}.mvp-half-right .mvp-photo-wrap{min-height: 260px;padding: 1rem 1.5rem 1.5rem}.mvp-half-right .mvp-photo{max-height: 320px;min-height: 220px}}@media (max-width: 576px){.mvp-left-inner{padding: 0 1.5rem}.mvp-left-icon{width: 48px;height: 48px;font-size: 1.25rem}.mvp-panel-heading{font-size: 1.15rem}.mvp-panel-text{font-size: 1rem}.mvp-right-inner{padding: 1.5rem 1.25rem 1rem}.mvp-ceo-quote{font-size: 1rem}.mvp-name{font-size: 1.15rem}.mvp-half-right .mvp-photo-wrap{min-height: 220px}.mvp-half-right .mvp-photo{max-height: 280px;min-height: 180px}}.mission-vision-card{background: linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border-radius: 15px;padding: 40px 35px;box-shadow: 0 10px 40px rgba(0,123,255,0.1);border: 1px solid rgba(0,123,255,0.1);transition: all 0.4s ease;position: relative;overflow: hidden;user-select: text;-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text}.mission-vision-card::before{content: '';position: absolute;top: 0;left: 0;width: 5px;height: 100%;background: linear-gradient(180deg,#112c5b 0%,#0056b3 100%);transition: width 0.4s ease;pointer-events: none}.mission-vision-card:hover{transform: translateY(-5px);box-shadow: 0 15px 50px rgba(0,123,255,0.2);border-color: rgba(0,123,255,0.3)}.mission-vision-card:hover::before{width: 100%;opacity: 0.05}.mission-vision-card .card-icon-wrapper{width: 70px;height: 70px;background: linear-gradient(135deg,#112c5b 0%,#0056b3 100%);border-radius: 15px;display: flex;align-items: center;justify-content: center;box-shadow: 0 8px 20px rgba(0,123,255,0.3)}.mission-vision-card .card-icon-wrapper i{font-size: 32px;color: #ffffff}.mission-vision-card .card-title{font-size: 1.75rem;font-weight: 700;color: #112c5b;margin-bottom: 20px;position: relative;padding-bottom: 15px}.mission-vision-card .card-title::after{content: '';position: absolute;bottom: 0;left: 0;width: 50px;height: 3px;background: linear-gradient(90deg,#112c5b 0%,transparent 100%)}.mission-vision-card .card-content{color: #555;font-size: 1.05rem;line-height: 1.8}.mission-vision-card .card-content strong{color: #112c5b;font-weight: 600}.mission-vision-card .card-content p{margin-bottom: 15px}.mission-list{list-style: none;padding: 0;margin: 0}.mission-list li{padding-left: 0;margin-bottom: 20px;position: relative}.mission-list li:last-child{margin-bottom: 0}.mission-list li::before{content: '•';color: #112c5b;font-weight: bold;font-size: 1.5rem;margin-right: 10px}.projects-section{padding: 100px 0;background: linear-gradient(180deg,#f8f9fc 0%,#f0f2f7 100%)}.projects-section-header{max-width: 640px;margin-left: auto;margin-right: auto}.projects-section-label{display: inline-block;font-size: 0.75rem;font-weight: 600;letter-spacing: 0.2em;text-transform: uppercase;color: var(--primary-color);margin-bottom: 0.5rem}.project-card{position: relative;overflow: hidden;border-radius: 10px;box-shadow: 0 5px 15px rgba(0,0,0,0.1);transition: transform 0.3s ease,box-shadow 0.3s ease;height: 250px}.project-card img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease}.project-card:hover{transform: translateY(-10px);box-shadow: 0 15px 30px rgba(0,0,0,0.2)}.project-card:hover img{transform: scale(1.1)}.project-overlay{position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(to top,rgba(0,0,0,0.8),transparent);color: white;padding: 20px;transform: translateY(100%);transition: transform 0.3s ease}.project-card:hover .project-overlay{transform: translateY(0)}.project-overlay h5{margin: 0;font-size: 1.2rem}.stats-section{padding: 100px 0;background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);position: relative}.stats-section::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3)}.stats-section .container{position: relative;z-index: 2}.stat-item{padding: 30px;transition: transform 0.3s ease}.stat-item:hover{transform: translateY(-10px)}.stat-number{font-size: 3rem;font-weight: 700;margin: 10px 0}.testimonials-section{padding: 100px 0}.testimonial-card{background: white;border-radius: 15px;box-shadow: 0 10px 30px rgba(0,0,0,0.1)}.testimonial-text{font-size: 1.1rem;line-height: 1.8;color: #555;font-style: italic}.testimonial-author{font-weight: 700;color: var(--dark-color);margin-bottom: 5px}.testimonial-position{font-size: 0.9rem}.carousel-control-prev,.carousel-control-next{width: 50px;height: 50px;background: var(--primary-color);border-radius: 50%;top: 50%;transform: translateY(-50%);opacity: 0.8}.carousel-control-prev:hover,.carousel-control-next:hover{opacity: 1}.carousel-control-prev{left: -70px}.carousel-control-next{right: -70px}.clients-section{padding: 100px 0}.client-logo-placeholder{padding: 50px;background: #f8f9fa;border-radius: 10px;transition: all 0.3s ease}.client-logo-placeholder:hover{background: #e9ecef;transform: scale(1.05)}.clientele-section{padding: 80px 0;overflow: hidden}.clientele-slider{overflow: hidden;margin: 0 -15px}.clientele-slider-track{display: flex;width: max-content;gap: 0;animation: clienteleScroll 35s linear infinite}.clientele-slider-track:hover{animation-play-state: paused}@keyframes clienteleScroll{0%{transform: translateX(0)}100%{transform: translateX(-50%)}}.clientele-slide{flex: 0 0 auto;width: 300px;padding: 0 12px}.clientele-card{background: #fff;border-radius: 12px;padding: 1.5rem 1.25rem;height: 100%;min-height: 200px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;box-shadow: 0 4px 20px rgba(0,0,0,0.06);border: 1px solid rgba(0,0,0,0.06);transition: box-shadow 0.25s ease,transform 0.25s ease}.clientele-card:hover{box-shadow: 0 8px 28px rgba(17,44,91,0.12);transform: translateY(-4px)}.clientele-card-logo{height: 90px;display: flex;align-items: center;justify-content: center;margin-bottom: 1rem}.clientele-card-logo img{max-width: 140px;max-height: 80px;width: auto;height: auto;object-fit: contain}.clientele-card-logo--dark{background: #1a1a1a;border-radius: 8px;padding: 12px;width: 100%;max-width: 200px;margin-left: auto;margin-right: auto}.clientele-card-title{font-size: 1.05rem;font-weight: 600;color: var(--dark-color);margin-bottom: 0.35rem}.clientele-card-desc{font-size: 0.85rem;color: #6c757d;margin-bottom: 0}@media (max-width: 768px){.clientele-slide{width: 260px;padding: 0 8px}.clientele-card{min-height: 180px;padding: 1.25rem 1rem}.clientele-card-logo{height: 70px}.clientele-card-logo img{max-width: 120px;max-height: 60px}.clientele-slider-track{animation-duration: 28s}}#clientele .clientele-grid .card.clientele-card{padding: 0}#clientele .clientele-grid .clientele-card-logo{min-height: 90px;width: 100%}#clientele .clientele-grid .clientele-card-logo--dark{max-width: 100%;box-sizing: border-box}@media (max-width: 767px){#clientele .clientele-grid .clientele-card-logo{min-height: 80px}}.contact-section{padding: 100px 0;background: #1a1a1a}.contact-card{background: rgba(255,255,255,0.1);border-radius: 10px;backdrop-filter: blur(10px);transition: all 0.3s ease;height: 100%}.contact-card:hover{background: rgba(255,255,255,0.15);transform: translateY(-5px)}.flag-icon{width: 60px;height: auto;border-radius: 5px;box-shadow: 0 2px 10px rgba(0,0,0,0.2)}.footer{background: #000;border-top: 3px solid var(--primary-color)}.footer a{transition: all 0.3s ease}.footer a:hover{opacity: 0.7;transform: translateY(-3px)}@media (max-width: 992px){.logo-img{height: 70px}.affiliate-text{font-size: 0.65rem;max-width: 180px}.navbar{padding: 0.5rem 0}.navbar-nav{align-items: flex-start;margin-top: 1rem;padding-top: 1rem;border-top: 1px solid rgba(255,255,255,0.1)}.navbar-nav .nav-link{padding: 0.5rem 1rem !important}.hero-title{font-size: 2.5rem}.hero-description{font-size: 1rem}.section-title{font-size: 2rem}.carousel-control-prev,.carousel-control-next{width: 50px;height: 50px}.carousel-control-prev{left: 15px}.carousel-control-next{right: 15px}}@media (max-width: 768px){.logo-img{height: 60px}.affiliate-text{font-size: 0.6rem;max-width: 160px}.navbar{padding: 0.4rem 0}.hero-title{font-size: 2rem}.hero-description{font-size: 0.95rem;padding: 0 15px}.btn-hero{font-size: 0.9rem;padding: 0.6rem 2rem !important}#heroCarousel{min-height: 500px}.stat-number{font-size: 2rem}.about-section,.projects-section,.stats-section,.testimonials-section,.clients-section,.contact-section{padding: 60px 0}.carousel-control-prev,.carousel-control-next{width: 40px;height: 40px}.carousel-control-prev{left: 10px}.carousel-control-next{right: 10px}.carousel-control-prev-icon,.carousel-control-next-icon{width: 20px;height: 20px}.carousel-indicators{bottom: 20px}.carousel-indicators button{width: 10px;height: 10px}}@media (max-width: 576px){.logo-img{height: 75px}.affiliate-text{font-size: 0.55rem;max-width: 140px}.hero-slider-section{padding-top: 0;margin-top: 0}.hero-title{font-size: 1.75rem}.hero-description{font-size: 0.85rem}#heroCarousel{min-height: 450px}}.bg-black{background-color: #000 !important}.text-white-50{color: rgba(255,255,255,0.5) !important}html{scroll-behavior: smooth}::-webkit-scrollbar{width: 10px}::-webkit-scrollbar-track{background: #f1f1f1}::-webkit-scrollbar-thumb{background: var(--primary-color);border-radius: 5px}::-webkit-scrollbar-thumb:hover{background: #0056b3}.portfolio-tabs{display: inline-flex;flex-wrap: wrap;justify-content: center;gap: 10px;margin-bottom: 30px}.btn-portfolio{background-color: #f8f9fa;border: 2px solid #e9ecef;color: #495057;padding: 8px 24px;font-size: 0.9rem;font-weight: 500;border-radius: 25px;transition: all 0.3s ease;cursor: pointer;white-space: nowrap}.btn-portfolio:hover{background-color: #e9ecef;border-color: #112c5b;color: #112c5b;transform: translateY(-2px)}.btn-portfolio.active{background-color: #112c5b;border-color: #112c5b;color: #ffffff;box-shadow: 0 4px 12px rgba(0,123,255,0.3)}.projects-tabs-wrapper{margin-bottom: 2.25rem}.projects-tabs-track{position: relative;display: inline-flex;flex-direction: column;align-items: center;margin: 0 auto;width: 100%;max-width: 100%;padding-bottom: 6px}.projects-tabs{display: inline-flex;flex-wrap: wrap;justify-content: center;gap: 6px;padding: 6px 8px;background: rgba(255,255,255,0.9);border-radius: 14px;box-shadow: 0 2px 12px rgba(17,44,91,0.08);border: 1px solid rgba(17,44,91,0.08)}.btn-project-tab{position: relative;padding: 12px 22px;font-size: 0.9rem;font-weight: 500;letter-spacing: 0.02em;color: #4a5568;background: transparent;border: none;border-radius: 10px;cursor: pointer;transition: color 0.25s ease,background 0.25s ease;z-index: 1}.btn-project-tab:hover{color: var(--primary-color);background: rgba(17,44,91,0.06)}.btn-project-tab.active{color: var(--primary-color);font-weight: 600}.projects-tab-indicator{position: absolute;bottom: 0;left: 0;height: 3px;min-width: 40px;background: linear-gradient(90deg,var(--primary-color),#1e4a8a);border-radius: 2px;transition: transform 0.4s cubic-bezier(0.4,0,0.2,1),width 0.4s cubic-bezier(0.4,0,0.2,1);pointer-events: none}.portfolio-showcase-card{background: #fff;border-radius: 16px;box-shadow: 0 4px 24px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);border: 1px solid rgba(0,0,0,0.06);overflow: hidden;border-top: 4px solid var(--primary-color)}.project-detail-panels{position: relative;min-height: 340px}.project-detail-panel{display: none;opacity: 0}.project-detail-panel.active{display: block;animation: projectPanelIn 0.5s cubic-bezier(0.4,0,0.2,1) forwards}@keyframes projectPanelIn{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: translateY(0)}}.portfolio-panel-row{min-height: 360px}.project-slider-wrapper{position: relative;overflow: hidden;height: 100%;min-height: 320px;aspect-ratio: 4/3}.project-slider-wrapper::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 80px;background: linear-gradient(to top,rgba(0,0,0,0.25),transparent);pointer-events: none}.project-slider-count{position: absolute;bottom: 14px;right: 14px;z-index: 2;font-size: 0.75rem;font-weight: 600;letter-spacing: 0.05em;color: #fff;background: rgba(0,0,0,0.5);padding: 4px 10px;border-radius: 6px;backdrop-filter: blur(8px)}.project-carousel{height: 100%}.project-carousel .carousel-inner,.project-carousel .carousel-item{height: 100%;min-height: 320px}.project-carousel .carousel-item img{width: 100%;height: 100%;object-fit: cover;min-height: 320px}.project-carousel .carousel-control-prev,.project-carousel .carousel-control-next{width: 48px;height: 48px;top: 50%;transform: translateY(-50%);border-radius: 50%;background: rgba(17,44,91,0.85);opacity: 1;transition: background 0.25s ease,transform 0.2s ease}.project-carousel .carousel-control-prev:hover,.project-carousel .carousel-control-next:hover{background: var(--primary-color);transform: translateY(-50%) scale(1.05)}.project-carousel .carousel-control-prev{left: 14px}.project-carousel .carousel-control-next{right: 14px}.project-carousel .carousel-indicators{margin-bottom: 12px;gap: 6px}.project-carousel .carousel-indicators [data-bs-target]{width: 8px;height: 8px;border-radius: 50%;background-color: rgba(255,255,255,0.6);border: none;transition: transform 0.2s ease,background 0.2s ease}.project-carousel .carousel-indicators [data-bs-target]:hover{background-color: rgba(255,255,255,0.9);transform: scale(1.2)}.project-carousel .carousel-indicators .active{background-color: #fff;transform: scale(1.25)}.project-description-box{background: #fff;padding: 2rem 2rem 2rem 2.25rem;height: 100%;min-height: 320px;display: flex;flex-direction: column;justify-content: center;border-left: 4px solid var(--primary-color)}.project-description-label{display: inline-block;font-size: 0.7rem;font-weight: 600;letter-spacing: 0.15em;text-transform: uppercase;color: var(--primary-color);margin-bottom: 0.75rem}.project-detail-title{font-size: 1.65rem;font-weight: 600;color: #1a1a2e;margin-bottom: 0.5rem;letter-spacing: -0.02em}.project-meta{font-size: 0.9rem;color: #64748b;margin-bottom: 1.25rem}.project-meta i{color: var(--primary-color);opacity: 0.9}.project-description{color: #475569;line-height: 1.7;margin-bottom: 0;font-size: 0.95rem}.project-item{transition: all 0.5s ease;animation: fadeInScale 0.5s ease}.project-item.hide{display: none;opacity: 0;transform: scale(0.8)}@keyframes fadeInScale{from{opacity: 0;transform: scale(0.9)}to{opacity: 1;transform: scale(1)}}@media (max-width: 768px){.projects-section{padding: 60px 0}.projects-section .container{padding-left: 15px;padding-right: 15px;max-width: 100%;overflow-x: hidden}#projectGrid.row{margin-left: -8px;margin-right: -8px}#projectGrid.row > *{padding-left: 8px;padding-right: 8px}.projects-section-label{font-size: 0.7rem}.projects-tabs{gap: 4px;padding: 6px}.btn-project-tab{padding: 10px 14px;font-size: 0.8rem}.portfolio-showcase-card{border-radius: 12px}.portfolio-panel-row{min-height: auto}.project-detail-panel .row.portfolio-panel-row{flex-direction: column}.project-slider-wrapper{min-height: 260px;aspect-ratio: 16/10}.project-carousel .carousel-item img{min-height: 260px}.project-description-box{min-height: auto;padding: 1.5rem 1.25rem;border-left: none;border-top: 4px solid var(--primary-color)}.project-detail-title{font-size: 1.35rem}.project-slider-count{bottom: 10px;right: 10px;font-size: 0.7rem}.project-card{height: 200px}.project-overlay h5{font-size: 1rem}.project-overlay p{font-size: 0.75rem}}@media (max-width: 576px){.projects-section .container{padding-left: 12px;padding-right: 12px}#projectGrid.row{margin-left: -6px;margin-right: -6px}#projectGrid.row > *{padding-left: 6px;padding-right: 6px}.project-card{height: 180px}}.rec-wa-widget{position: fixed;bottom: 25px;left: 25px;z-index: 99999;font-family: 'Poppins','Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;user-select: none;-webkit-user-select: none}.rec-wa-button{position: relative;width: 60px;height: 60px;border-radius: 50%;background: linear-gradient(135deg,#25D366 0%,#128C7E 100%);color: #ffffff;border: none;box-shadow: 0 6px 20px rgba(37,211,102,0.45);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s ease;outline: none;text-decoration: none}.rec-wa-button:hover{transform: scale(1.08) translateY(-2px);box-shadow: 0 10px 28px rgba(37,211,102,0.6);color: #ffffff}.rec-wa-button:active{transform: scale(0.95)}.rec-wa-btn-icon{font-size: 32px;line-height: 1;color: #ffffff}.rec-wa-pulse{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background: rgba(37,211,102,0.45);animation: recWaPulse 2.4s infinite ease-out;z-index: -1;pointer-events: none}@keyframes recWaPulse{0%{transform: scale(1);opacity: 0.8}60%{transform: scale(1.45);opacity: 0}100%{transform: scale(1.45);opacity: 0}}.rec-wa-badge-dot{position: absolute;top: 3px;right: 3px;width: 12px;height: 12px;background-color: #ff3b30;border: 2px solid #ffffff;border-radius: 50%}.rec-wa-tooltip{position: absolute;left: 72px;top: 50%;transform: translateY(-50%) translateX(-8px);background: #112c5b;color: #ffffff;font-size: 0.78rem;font-weight: 500;padding: 6px 14px;border-radius: 20px;white-space: nowrap;box-shadow: 0 4px 14px rgba(0,0,0,0.2);pointer-events: none;opacity: 0;visibility: hidden;transition: opacity 0.25s ease,transform 0.25s ease,visibility 0.25s;letter-spacing: 0.2px}.rec-wa-tooltip::before{content: '';position: absolute;top: 50%;left: -5px;transform: translateY(-50%);border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: 5px solid #112c5b}.rec-wa-button:hover .rec-wa-tooltip{opacity: 1;visibility: visible;transform: translateY(-50%) translateX(0)}.rec-wa-card{position: absolute;bottom: 75px;left: 0;width: 350px;max-width: calc(100vw - 32px);background: #ffffff;border-radius: 18px;box-shadow: 0 14px 40px rgba(0,0,0,0.22),0 2px 8px rgba(0,0,0,0.08);overflow: hidden;display: flex;flex-direction: column;transform-origin: bottom left;transform: scale(0.85) translateY(20px);opacity: 0;visibility: hidden;pointer-events: none;transition: all 0.3s cubic-bezier(0.16,1,0.3,1);z-index: 100000;border: 1px solid rgba(0,0,0,0.08)}.rec-wa-card.active{transform: scale(1) translateY(0);opacity: 1;visibility: visible;pointer-events: auto}.rec-wa-header{background: linear-gradient(135deg,#075E54 0%,#128C7E 100%);color: #ffffff;padding: 14px 16px;display: flex;align-items: center;gap: 12px;position: relative}.rec-wa-avatar-wrap{position: relative;flex-shrink: 0}.rec-wa-avatar{width: 42px;height: 42px;background: rgba(255,255,255,0.2);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 24px;color: #ffffff}.rec-wa-online-dot{position: absolute;bottom: 0;right: 0;width: 11px;height: 11px;background-color: #25D366;border: 2px solid #075E54;border-radius: 50%}.rec-wa-info{flex: 1;min-width: 0}.rec-wa-title{font-size: 0.95rem;font-weight: 600;color: #ffffff;line-height: 1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.rec-wa-subtitle{font-size: 0.72rem;color: rgba(255,255,255,0.88);line-height: 1.2;margin-top: 2px}.rec-wa-close-btn{background: transparent;border: none;color: rgba(255,255,255,0.85);font-size: 26px;line-height: 1;cursor: pointer;padding: 0 4px;transition: color 0.2s ease,transform 0.2s ease}.rec-wa-close-btn:hover{color: #ffffff;transform: scale(1.15)}.rec-wa-body{background-color: #EFEAE2;background-image: radial-gradient(rgba(0,0,0,0.05) 1px,transparent 0);background-size: 14px 14px;padding: 16px 14px;display: flex;flex-direction: column;gap: 6px}.rec-wa-bubble-time{font-size: 0.68rem;color: #777777;text-align: center;margin-bottom: 2px}.rec-wa-bubble{background: #ffffff;border-radius: 0 14px 14px 14px;padding: 11px 14px;box-shadow: 0 1px 4px rgba(0,0,0,0.12);font-size: 0.82rem;color: #333333;line-height: 1.5;position: relative;max-width: 92%;user-select: text;-webkit-user-select: text}.rec-wa-bubble::before{content: '';position: absolute;top: 0;left: -8px;width: 0;height: 0;border-top: 8px solid #ffffff;border-left: 8px solid transparent}.rec-wa-bubble-sender{font-size: 0.72rem;font-weight: 600;color: #075E54;margin-bottom: 3px}.rec-wa-footer{background: #ffffff;padding: 12px 14px 14px;display: flex;flex-direction: column;gap: 10px;border-top: 1px solid #eeeeee}.rec-wa-privacy-note{font-size: 0.69rem;color: #4a5568;line-height: 1.35;background: #f0fdf4;border: 1px solid #bbf7d0;padding: 6px 10px;border-radius: 8px;display: flex;align-items: flex-start;gap: 6px}.rec-wa-privacy-note i{font-size: 0.8rem;color: #16a34a;margin-top: 1px;flex-shrink: 0}.rec-wa-textarea{width: 100%;border: 1px solid #dcdcdc;border-radius: 10px;padding: 9px 12px;font-size: 0.82rem;font-family: inherit;resize: none;outline: none;color: #222222;transition: border-color 0.2s ease,box-shadow 0.2s ease;background: #fafafa;user-select: text;-webkit-user-select: text}.rec-wa-textarea:focus{border-color: #25D366;background: #ffffff;box-shadow: 0 0 0 3px rgba(37,211,102,0.15)}.rec-wa-send-btn{width: 100%;background: linear-gradient(135deg,#25D366 0%,#128C7E 100%);color: #ffffff;border: none;border-radius: 10px;padding: 10px 16px;font-size: 0.86rem;font-weight: 600;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: opacity 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;box-shadow: 0 4px 14px rgba(37,211,102,0.35)}.rec-wa-send-btn:hover{opacity: 0.95;transform: translateY(-1px);box-shadow: 0 6px 18px rgba(37,211,102,0.5)}.rec-wa-send-btn:active{transform: translateY(0)}@media (max-width: 576px){.rec-wa-widget{bottom: 18px;left: 18px}.rec-wa-button{width: 54px;height: 54px}.rec-wa-btn-icon{font-size: 28px}.rec-wa-card{width: calc(100vw - 36px);left: 0;bottom: 68px}.rec-wa-tooltip{display: none}}.service-feature-card{background: #ffffff;border-radius: 14px;padding: 32px 22px;box-shadow: 0 8px 24px rgba(17,44,91,0.08);border: 1px solid rgba(17,44,91,0.1);border-top: 4px solid #112c5b;transition: all 0.35s ease;display: flex;flex-direction: column;height: 100%}.service-feature-card:hover{transform: translateY(-6px);box-shadow: 0 16px 36px rgba(17,44,91,0.16);border-top-color: #0056b3}.service-feature-card .service-icon-badge{width: 62px;height: 62px;background: linear-gradient(135deg,#112c5b 0%,#0056b3 100%);border-radius: 14px;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px auto;box-shadow: 0 8px 18px rgba(17,44,91,0.22);transition: transform 0.3s ease}.service-feature-card:hover .service-icon-badge{transform: scale(1.08)}.service-feature-card .service-icon-badge i{font-size: 26px;color: #ffffff}.service-feature-card .service-card-title{font-size: 1.15rem;font-weight: 700;color: #112c5b;margin-bottom: 12px}.service-feature-card .service-card-desc{color: #555555;font-size: 0.92rem;line-height: 1.65;flex-grow: 1;margin-bottom: 22px}.service-feature-card .btn-service-learn{display: inline-flex;align-items: center;justify-content: center;color: #112c5b;border: 1.5px solid #112c5b;background-color: transparent;padding: 8px 18px;font-size: 0.88rem;font-weight: 600;border-radius: 8px;text-decoration: none;transition: all 0.3s ease}.service-feature-card .btn-service-learn:hover{background-color: #112c5b;color: #ffffff;box-shadow: 0 4px 12px rgba(17,44,91,0.25)}.overseas-advisory-banner{background: linear-gradient(135deg,#0d2244 0%,#112c5b 60%,#16366e 100%);color: #ffffff;padding: 34px 0;position: relative;overflow: hidden;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.1)}.overseas-advisory-banner::before{content: '';position: absolute;top: -50%;right: -10%;width: 350px;height: 350px;background: radial-gradient(circle,rgba(0,86,179,0.25) 0%,transparent 70%);pointer-events: none}.overseas-advisory-title{font-size: 1.25rem;font-weight: 700;color: #ffffff;margin-bottom: 6px;letter-spacing: 0.01em}.overseas-advisory-text{font-size: 0.95rem;color: rgba(255,255,255,0.9);line-height: 1.6;margin-bottom: 0}.btn-overseas-wa{background-color: #ffffff;color: #112c5b;font-weight: 700;font-size: 0.92rem;padding: 10px 24px;border-radius: 30px;display: inline-flex;align-items: center;justify-content: center;text-decoration: none;box-shadow: 0 6px 18px rgba(0,0,0,0.2);transition: all 0.3s ease;border: 2px solid transparent}.btn-overseas-wa:hover{background-color: #f8f9fa;color: #0d2244;transform: translateY(-2px);box-shadow: 0 10px 24px rgba(0,0,0,0.3)}.btn-overseas-wa i{color: #25D366;font-size: 1.15rem;margin-right: 8px}