.fade-in-up { opacity: 1; transform: translateY(0); }
.hover-lift { transition: transform 0.3s ease; }
.hover-lift:hover { transform: translateY(-5px); }
.portfolio-hero { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
.portfolio-hero h1 { color: white !important; }
.portfolio-hero p { color: rgba(255,255,255,0.9) !important; }
.breadcrumb-redesigned { background: transparent; padding: 0; }
.breadcrumb-redesigned .breadcrumb-item a { color: rgba(255,255,255,0.8); }
.breadcrumb-redesigned .breadcrumb-item a:hover { color: white; }
.breadcrumb-redesigned .breadcrumb-item.active { color: white; }
.carousel-control-prev, .carousel-control-next { border: none !important; background: none !important; outline: none !important; box-shadow: none !important; }
.carousel-control-prev:focus, .carousel-control-next:focus { outline: none !important; box-shadow: none !important; }
.section-title-container { text-align: center; margin-bottom: 4rem; position: relative; }
.section-title-container .section-title { font-size: 2.5rem; font-weight: 700; color: #2c3e50; margin-bottom: 0.5rem; position: relative; display: inline-block; padding-bottom: 1rem; }
.section-title-container .section-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: linear-gradient(90deg, #667eea 0%, #764ba2 100%); border-radius: 2px; }
.section-title-container .section-subtitle { font-size: 1.1rem; color: #7f8c8d; max-width: 600px; margin: 0 auto; }
.project-description-section { background-color: #ffffff; }
.project-info-section { background: #f8f9fa; }
.info-item { background: #ffffff; border-radius: 12px; padding: 2rem; text-align: center; box-shadow: 0 8px 25px rgba(0,0,0,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; }
.info-item:hover { transform: translateY(-8px); box-shadow: 0 12px 35px rgba(102, 126, 234, 0.15); }
.info-item .info-icon { font-size: 2.5rem; margin-bottom: 1rem; background: #a5c33c; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }
.info-item h5 { font-size: 1rem; color: #7f8c8d; font-weight: 500; margin-bottom: 0.25rem; text-transform: uppercase; }
.info-item p { font-size: 1.1rem; font-weight: 600; color: #2c3e50; margin: 0; }
.core-features-section { background-color: #ffffff; }
.feature-card { background: #f8f9fa; border-radius: 12px; padding: 2rem; display: flex; align-items: flex-start; transition: background-color 0.3s ease; height: 100%; }
.feature-card:hover { background-color: #f1f3f5; }
.feature-card .feature-icon { font-size: 2.5rem; margin-right: 1.5rem; background: #a5c33c; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-top: 5px; }
.feature-card .feature-content h5 { font-size: 1.2rem; font-weight: 600; color: #2c3e50; margin-bottom: 0.5rem; }
.feature-card .feature-content p { font-size: 1rem; color: #7f8c8d; margin: 0; line-height: 1.6; }
.client-value-section { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #ffffff; }
.client-value-section .section-title, .client-value-section .section-subtitle { color: #ffffff; }
.client-value-section .section-title::after { background: #ffffff; }
.value-card { background: rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 2rem; text-align: center; backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.2); height: 100%; }
.value-card .value-icon { font-size: 3rem; margin-bottom: 1rem; display: inline-block; }
.value-card h5 { font-size: 1.2rem; font-weight: 600; margin-bottom: 0.5rem; }
.value-card p { font-size: 1rem; opacity: 0.8; margin: 0; }
.cta-section { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }