* { margin: 0; padding: 0; box-sizing: border-box;}:root { --primary: #f7931e; --secondary: #1a1a2e; --dark: #0f0f1a; --light: #f5f5f5; --white: #ffffff; --gray: #6c757d;}body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333;}.container { max-width: 1200px; margin: 0 auto; padding: 0 20px;}/* Navbar */.navbar { background: var(--dark); padding: 15px 0; position: fixed; width: 100%; top: 0; z-index: 1000;}.navbar .container { display: flex; justify-content: space-between; align-items: center;}.logo { color: var(--white); text-decoration: none; font-size: 1.5rem; font-weight: 700;}.logo-img { height: 100px; width: auto;}.logo-icon { color: var(--primary);}.nav-links { display: flex; list-style: none; gap: 30px;}.nav-links a { color: var(--white); text-decoration: none; font-weight: 500; transition: color 0.3s;}.nav-links a:hover,.nav-links a.active { color: var(--primary);}.hamburger { display: none; flex-direction: column; cursor: pointer; gap: 5px;}.hamburger span { width: 25px; height: 3px; background: var(--white); transition: 0.3s;}/* Hero Slider */.hero-slider { position: relative; height: 100vh; min-height: 600px; overflow: hidden; margin-top: 60px;}.slides { height: 100%;}.slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.5s ease-in-out;}.slide.active { opacity: 1;}.slide-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}.slide-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}.slide-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.8) 100%);}.slide-content { position: relative; z-index: 2; max-width: 700px; color: var(--white); text-align: center; padding: 0 20px;}.slide-tag { display: inline-block; background: rgba(247, 147, 30, 0.2); color: var(--primary); padding: 8px 20px; border-radius: 30px; font-size: 0.9rem; margin-bottom: 20px;}.slide-content h1 { font-size: 3rem; margin-bottom: 20px; line-height: 1.2;}.slide-content p { font-size: 1.1rem; margin-bottom: 30px; opacity: 0.9;}.slide-image { display: flex; align-items: center; justify-content: center;}.slide-icon { font-size: 15rem; color: var(--primary); opacity: 0.3;}.slider-controls { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 20px;}.prev-btn, .next-btn { background: rgba(255, 255, 255, 0.1); border: none; color: var(--white); width: 50px; height: 50px; border-radius: 50%; cursor: pointer; transition: 0.3s;}.prev-btn:hover, .next-btn:hover { background: var(--primary);}.slider-dots { display: flex; gap: 10px;}.dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(255, 255, 255, 0.3); cursor: pointer; transition: 0.3s;}.dot.active { background: var(--primary); transform: scale(1.2);}/* Buttons */.btn { display: inline-block; padding: 12px 30px; border-radius: 5px; text-decoration: none; font-weight: 600; transition: 0.3s; border: none; cursor: pointer;}.btn-primary { background: var(--primary); color: var(--white);}.btn-primary:hover { background: #e5841a; transform: translateY(-2px);}.btn-secondary { background: transparent; color: var(--primary); border: 2px solid var(--primary);}.btn-secondary:hover { background: var(--primary); color: var(--white);}/* About Section */.about-section { padding: 100px 0; background: var(--white);}.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center;}.about-image img { width: 100%; height: 400px; object-fit: cover; border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}.about-image .image-placeholder { background: linear-gradient(135deg, var(--secondary), var(--dark)); height: 400px; border-radius: 10px; display: flex; align-items: center; justify-content: center;}.about-image .image-placeholder i { font-size: 8rem; color: var(--primary); opacity: 0.5;}.about-content h2 { font-size: 2.5rem; margin-bottom: 20px; color: var(--secondary);}.about-content p { margin-bottom: 20px; color: var(--gray);}/* Services Section */.services-section { padding: 100px 0; background: var(--light);}.section-title { text-align: center; font-size: 2.5rem; margin-bottom: 50px; color: var(--secondary);}.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1000px; margin: 0 auto;}.service-card { background: var(--white); padding: 40px 30px; border-radius: 10px; text-align: center; transition: 0.3s; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);}.service-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);}.service-icon { width: 80px; height: 80px; background: linear-gradient(135deg, var(--primary), #ffb347); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;}.service-icon i { font-size: 2rem; color: var(--white);}.service-card h3 { margin-bottom: 15px; color: var(--secondary);}.service-card p { color: var(--gray); margin-bottom: 20px; font-size: 0.95rem;}.service-link { color: var(--primary); text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; transition: 0.3s;}.service-link:hover { gap: 15px;}/* CTA Section */.cta-section { padding: 80px 0; background: linear-gradient(135deg, var(--secondary), var(--dark)); text-align: center; color: var(--white);}.cta-section h2 { font-size: 2.5rem; margin-bottom: 15px;}.cta-section p { margin-bottom: 30px; opacity: 0.9;}/* Footer */footer { background: var(--dark); color: var(--white); padding: 60px 0 20px;}.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 40px; margin-bottom: 40px;}.footer-col h3 { font-size: 1.5rem; margin-bottom: 20px;}.footer-logo { display: inline-block; margin-bottom: 15px;}.footer-logo img { height: 60px; width: auto;}.footer-col h4 { font-size: 1.1rem; margin-bottom: 20px; color: var(--primary);}.footer-col p { color: rgba(255, 255, 255, 0.7); margin-bottom: 10px; font-size: 0.95rem;}.footer-col ul { list-style: none;}.footer-col ul li { margin-bottom: 10px;}.footer-col ul a { color: rgba(255, 255, 255, 0.7); text-decoration: none; transition: 0.3s;}.footer-col ul a:hover { color: var(--primary);}.footer-col i { color: var(--primary); margin-right: 10px;}.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 20px; text-align: center; color: rgba(255, 255, 255, 0.5);}/* Page Header */.page-header { background: linear-gradient(135deg, var(--secondary), var(--dark)); padding: 150px 0 80px; text-align: center; color: var(--white); margin-top: 60px;}.page-header h1 { font-size: 3rem; margin-bottom: 15px;}.page-header p { opacity: 0.8;}.breadcrumb { margin-top: 20px;}.breadcrumb a { color: var(--primary); text-decoration: none;}.breadcrumb span { color: rgba(255, 255, 255, 0.5); margin: 0 10px;}/* About Page */.mission-section { padding: 100px 0;}.mission-content { max-width: 800px; margin: 0 auto; text-align: center;}.mission-content h2 { font-size: 2rem; margin-bottom: 20px; color: var(--secondary);}.mission-content p { color: var(--gray); font-size: 1.1rem;}.stats-section { padding: 80px 0; background: var(--light);}.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; text-align: center;}.stat-item h3 { font-size: 3rem; color: var(--primary); margin-bottom: 10px;}.stat-item p { color: var(--gray);}/* Services Page */.services-page-section { padding: 100px 0;}.services-list { display: grid; gap: 40px;}.service-item { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; align-items: center; padding: 40px; background: var(--white); border-radius: 10px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);}.service-item:nth-child(even) { grid-template-columns: 2fr 1fr;}.service-item:nth-child(even) .service-item-image { order: 2;}.service-item-image { background: linear-gradient(135deg, var(--secondary), var(--dark)); height: 250px; border-radius: 10px; display: flex; align-items: center; justify-content: center; overflow: hidden;}.service-item-image img { width: 100%; height: 100%; object-fit: cover;}.service-item-image i { font-size: 5rem; color: var(--primary); opacity: 0.5;}/* Gallery Section */.gallery-section { padding: 100px 0; background: var(--light);}.gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}.gallery-item { border-radius: 10px; overflow: hidden; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); transition: 0.3s;}.gallery-item:hover { transform: scale(1.05); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);}.gallery-item img { width: 100%; height: 200px; object-fit: cover; display: block;}.service-item-content h3 { font-size: 1.8rem; margin-bottom: 15px; color: var(--secondary);}.service-item-content p { color: var(--gray); margin-bottom: 20px;}/* Single Service Page */.service-detail { padding: 100px 0;}.service-detail-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 50px;}.service-main h2 { font-size: 2rem; margin-bottom: 20px; color: var(--secondary);}.service-main p { color: var(--gray); margin-bottom: 20px;}.service-hero-image { width: 100%; height: 350px; border-radius: 10px; overflow: hidden; margin-bottom: 30px;}.service-hero-image img { width: 100%; height: 100%; object-fit: cover;}.service-gallery { margin: 40px 0;}.service-gallery h3 { font-size: 1.5rem; margin-bottom: 20px; color: var(--secondary);}.service-gallery .gallery-grid { grid-template-columns: repeat(3, 1fr);}.service-gallery .gallery-item img { height: 180px;}.service-features { margin: 30px 0;}.service-features h3 { font-size: 1.5rem; margin-bottom: 20px; color: var(--secondary);}.feature-list { list-style: none;}.feature-list li { padding: 12px 0; border-bottom: 1px solid #eee; display: flex; align-items: center; gap: 15px;}.feature-list li i { color: var(--primary);}.service-sidebar { position: sticky; top: 100px;}.sidebar-card { background: var(--light); padding: 30px; border-radius: 10px; margin-bottom: 30px;}.sidebar-card h4 { font-size: 1.3rem; margin-bottom: 20px; color: var(--secondary);}.other-services { list-style: none;}.other-services li { margin-bottom: 10px;}.other-services a { color: var(--gray); text-decoration: none; display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 5px; transition: 0.3s;}.other-services a:hover { background: var(--white); color: var(--primary);}/* Contact Page */.contact-section { padding: 100px 0;}.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px;}.contact-info h2 { font-size: 2rem; margin-bottom: 20px; color: var(--secondary);}.contact-info p { color: var(--gray); margin-bottom: 30px;}.info-item { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 25px;}.info-item .icon { width: 50px; height: 50px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--white); flex-shrink: 0;}.info-item h4 { margin-bottom: 5px; color: var(--secondary);}.info-item p { margin: 0; font-size: 0.95rem;}.contact-form { background: var(--light); padding: 40px; border-radius: 10px;}.contact-form h3 { font-size: 1.5rem; margin-bottom: 30px; color: var(--secondary);}.form-group { margin-bottom: 20px;}.form-group label { display: block; margin-bottom: 8px; font-weight: 500; color: var(--secondary);}.form-group input,.form-group textarea,.form-group select { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 1rem; transition: 0.3s;}.form-group input:focus,.form-group textarea:focus,.form-group select:focus { outline: none; border-color: var(--primary);}.form-group textarea { resize: vertical; min-height: 120px;}.form-group input.invalid,.form-group textarea.invalid,.form-group select.invalid { border-color: #dc3545; background-color: #fff5f5;}.form-group .error-message { display: block; color: #dc3545; font-size: 0.875rem; margin-top: 5px; font-weight: 500;}/* Responsive */@media (max-width: 992px) { .services-grid { grid-template-columns: repeat(2, 1fr); } .footer-grid { grid-template-columns: repeat(2, 1fr); } .stats-grid { grid-template-columns: repeat(2, 1fr); } .service-detail-grid { grid-template-columns: 1fr; } .service-item { grid-template-columns: 1fr !important; } .service-item-image { order: 0 !important; } .gallery-grid { grid-template-columns: repeat(2, 1fr); } .service-gallery .gallery-grid { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 768px) { .nav-links { position: fixed; top: 60px; left: 0; right: 0; background: var(--dark); flex-direction: column; padding: 20px; gap: 15px; transform: translateY(-150%); transition: 0.3s; } .nav-links.active { transform: translateY(0); } .hamburger { display: flex; } .slide-content h1 { font-size: 2rem; } .slide-icon { display: none; } .about-grid { grid-template-columns: 1fr; } .services-grid { grid-template-columns: 1fr; } .contact-grid { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr; } .stats-grid { grid-template-columns: 1fr; } .page-header h1 { font-size: 2rem; }}