/* Reset and Base Styles */ * {margin:0; padding:0; box-sizing:border-box}:root {--primary-color:#2DC9FC; --secondary-color:#00A8E8; --dark-color:#1a1a1a; --light-color:#FFFFFF; --white:#FFFFFF; --text-dark:#1a1a1a; --text-light:#4A7C7E; --border-color:#B3E5FC; --shadow:0 4px 6px rgba(45,201,252,0.15); --shadow-hover:0 8px 15px rgba(45,201,252,0.25)}html {scroll-behavior:smooth}body {font-family:'Poppins',sans-serif; line-height:1.6; color:var(--text-dark); background-color:var(--white); min-height:100vh; display:flex; flex-direction:column}.container {max-width:1200px; margin:0 auto; padding:0 20px}img {max-width:100%; height:auto; display:block}a {text-decoration:none; color:inherit; transition:color 0.3s ease}/* Top Bar */ .top-bar {background-color:var(--dark-color); color:var(--primary-color); padding:10px 0; font-size:14px}.top-bar-content {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap}.welcome-text {color:var(--primary-color); font-size:14px}.contact-numbers {display:flex; gap:20px}.phone-link {color:var(--primary-color); transition:color 0.3s ease; font-size:14px}.phone-link:hover {color:var(--white)}.phone-link i {margin-right:5px}/* Header */ .header {background-color:var(--white); box-shadow:var(--shadow); position:sticky; top:0; z-index:1000; margin-bottom:0}.navbar {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:10px 0; margin-bottom:0}.logo {-webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; margin-right:60px}.logo img {height:80px; width:auto; display:block}.nav-menu {display:-webkit-box; display:-ms-flexbox; display:flex; list-style:none; gap:30px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:0; padding:0; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end}.nav-menu li {margin:0; padding:0}.nav-menu a {color:var(--text-dark); font-weight:500; transition:color 0.3s ease; white-space:nowrap; display:block}.nav-menu a:hover {color:var(--primary-color)}.dropdown {position:relative}.dropdown-toggle {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:5px; cursor:pointer}.dropdown-menu {position:absolute; top:100%; left:0; background-color:var(--white); box-shadow:var(--shadow); list-style:none; min-width:200px; opacity:0; visibility:hidden; transform:translateY(-10px); transition:all 0.3s ease; border-radius:8px; overflow:hidden; margin:0; padding:0}.dropdown:hover .dropdown-menu {opacity:1; visibility:visible; transform:translateY(0)}.dropdown-menu li {border-bottom:1px solid var(--light-color); margin:0; padding:0}.dropdown-menu li:last-child {border-bottom:none}.dropdown-menu a {display:block; padding:12px 20px; transition:background-color 0.3s ease}.dropdown-menu a:hover {background-color:var(--light-color); color:var(--primary-color)}.mobile-menu-toggle {display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer}.mobile-menu-toggle span {display:block; width:25px; height:3px; background-color:var(--dark-color); transition:all 0.3s ease}/* Mobile Menu Header */ .mobile-menu-header {display:none}@media (max-width:768px) {.mobile-menu-header {display:flex; justify-content:space-between; align-items:center; padding:15px 20px; border-bottom:2px solid var(--light-color); background-color:var(--white); position:sticky; top:0; z-index:10}.mobile-menu-logo {height:50px; width:auto}.mobile-menu-close {background:none; border:none; font-size:28px; color:var(--dark-color); cursor:pointer; padding:5px; line-height:1; transition:color 0.3s ease,transform 0.3s ease; display:flex; align-items:center; justify-content:center; width:40px; height:40px}.mobile-menu-close:hover {color:var(--primary-color); transform:rotate(90deg)}.mobile-menu-close:active {transform:rotate(90deg) scale(0.95)}}/* Hero Section with Slider */ .hero {position:relative; height:600px; overflow:hidden; color:var(--white); margin:-1px 0 0 0; padding:0; border-radius:0 0 30px 30px}.hero-slider {position:relative; width:100%; height:100%}.hero-slide {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 1s ease-in-out; background-size:100% 100%; background-position:center; background-repeat:no-repeat}.hero-slide.active {opacity:1}.hero-slide.slide-1 {background-image:url('images/anasayfa_images/slider_images/slider1.webp')}.hero-slide.slide-2 {background-image:url('images/anasayfa_images/slider_images/slider2.webp')}.hero-slide.slide-3 {background-image:url('images/anasayfa_images/slider_images/slider3.webp')}.hero-slide.slide-4 {background-image:url('images/anasayfa_images/slider_images/slider4.webp')}.hero-slide.slide-5 {background-image:url('images/anasayfa_images/slider_images/slider5.webp')}.hero-overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(26,26,26,0.55); z-index:1}.hero-content {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; text-align:center; max-width:900px; width:90%; padding:0 20px}.hero h1 {font-size:48px; margin-bottom:20px; font-weight:700; text-shadow:2px 2px 4px rgba(0,0,0,0.5); opacity:0; animation:slideUpFadeIn 0.8s ease-out forwards}.hero-description {font-size:18px; margin-bottom:0; line-height:1.8; text-shadow:1px 1px 2px rgba(0,0,0,0.5); opacity:0; animation:slideUpFadeIn 0.8s ease-out 0.2s forwards}/* Slide Up Animation */ @keyframes slideUpFadeIn {from {opacity:0; transform:translateY(30px)}to {opacity:1; transform:translateY(0)}}/* Reset animation when slide changes */ .hero-slide:not(.active) .hero-content h1,.hero-slide:not(.active) .hero-content .hero-description {animation:none}/* Buttons */ .btn {display:inline-block; padding:12px 30px; border-radius:30px; font-weight:600; transition:all 0.3s ease; border:2px solid transparent}.btn-primary {background-color:var(--white); color:var(--primary-color)}.btn-primary:hover {background-color:transparent; border-color:var(--white); color:var(--white); transform:translateY(-3px); box-shadow:var(--shadow-hover)}.btn-secondary {background-color:var(--primary-color); color:var(--white)}.btn-secondary:hover {background-color:var(--secondary-color); transform:translateY(-3px); box-shadow:var(--shadow-hover)}/* Section Styles */ section {padding:80px 0}.section-title {font-size:36px; text-align:center; margin-bottom:50px; color:var(--dark-color); position:relative}.section-title::after {content:''; display:block; width:80px; height:4px; background:linear-gradient(to right,var(--primary-color),var(--secondary-color)); margin:15px auto 0; border-radius:2px}/* Services Section */ .services {background-color:var(--light-color)}.services-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:20px}.products-grid {grid-template-columns:repeat(2,1fr)}@media (max-width:768px) {.products-grid {grid-template-columns:1fr !important}}.service-card {background-color:var(--white); border-radius:12px; overflow:hidden; box-shadow:var(--shadow); transition:transform 0.3s ease,box-shadow 0.3s ease}.service-card:hover {transform:translateY(-10px); box-shadow:var(--shadow-hover)}.service-image {height:250px; overflow:hidden}.service-image img {width:100%; height:100%; object-fit:fill; transition:transform 0.3s ease}.service-card:hover .service-image img {transform:scale(1.1)}.service-card .service-content {padding:30px 25px 15px 25px; display:block !important}.service-card .service-content h3 {font-size:22px; margin-bottom:15px; color:var(--dark-color); line-height:1.3; font-weight:600; display:block !important; width:100% !important}.service-card .service-content p {color:var(--text-light); margin-bottom:20px; font-size:15px; line-height:1.6; display:block !important; width:100% !important}.service-link {color:var(--primary-color); font-weight:600; display:block; width:fit-content; margin-top:5px; font-size:15px}.service-link:hover {color:var(--secondary-color)}.service-link i {transition:transform 0.3s ease; margin-left:5px}.service-link:hover i {transform:translateX(5px)}/* About Home Section */ .about-home {background-color:var(--white)}.about-content {display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center}.about-text h2 {text-align:left; margin-bottom:30px}.about-text h2::after {margin:15px 0 0}.about-text >p {font-size:16px; margin-bottom:30px; line-height:1.8; color:var(--text-light)}.about-features {display:flex; flex-direction:column; gap:25px}.feature-item h4 {font-size:18px; color:var(--dark-color); margin-bottom:10px; display:flex; align-items:center; gap:10px}.feature-item i {color:var(--primary-color)}.feature-item p {color:var(--text-light); line-height:1.6}.image-grid {display:grid; grid-template-columns:repeat(2,1fr); gap:15px}.image-grid img {width:100%; height:200px; object-fit:cover; border-radius:12px; box-shadow:var(--shadow); transition:transform 0.3s ease}.image-grid img:hover {transform:scale(1.05)}/* Service Areas */ .service-areas {background-color:var(--light-color)}.areas-grid {display:grid; grid-template-columns:repeat(6,1fr); gap:30px}.area-card {background-color:var(--white); padding:40px 20px; text-align:center; border-radius:12px; box-shadow:var(--shadow); transition:all 0.3s ease}.area-card:hover {transform:translateY(-5px); box-shadow:var(--shadow-hover)}.area-card i {font-size:48px; color:var(--primary-color); margin-bottom:15px}.area-card h3 {font-size:20px; color:var(--dark-color)}/* Stats Section */ .stats {background-color:var(--dark-color); color:var(--white)}.stats .section-title {color:var(--white)}.stats .section-title::after {background:var(--primary-color)}.stats-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:40px}.stat-card {text-align:center}.stat-card i {font-size:60px; margin-bottom:20px; opacity:0.9}.stat-number {font-size:48px; font-weight:700; margin-bottom:10px}.stat-label {font-size:18px; opacity:0.9}/* CTA Section */ .cta {background-color:var(--white); color:var(--dark-color); text-align:center; padding:0 !important}.cta-content {padding:60px 0}.cta-content h2 {font-size:36px; margin-bottom:20px; color:var(--dark-color)}.cta-content p {font-size:18px; margin-bottom:30px; color:var(--text-light)}/* Google Maps Section */ .map-section {width:100%; height:500px; margin:0; padding:0 !important; overflow:hidden}.map-section iframe {display:block; width:100%; height:100%}/* Footer */ .footer {background-color:var(--dark-color); color:var(--white); padding:60px 0 20px; margin-top:0}.footer-content {display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:40px; margin-bottom:40px}.footer-column h3 {margin-bottom:20px; font-size:20px; color:var(--primary-color)}.footer-column p {line-height:1.8; opacity:0.9}.footer-column ul {list-style:none; display:grid; grid-template-columns:repeat(2,1fr); gap:5px 15px}.footer-column:first-child ul,.footer-column:nth-child(3) ul,.footer-column:nth-child(4) ul {grid-template-columns:1fr}.footer-column ul li {margin-bottom:10px}.footer-column a {color:var(--white); transition:color 0.3s ease}.footer-column a:hover {color:var(--primary-color)}.footer-column i {margin-right:10px; color:var(--primary-color)}.footer-bottom {text-align:center; padding-top:30px; border-top:1px solid rgba(255,255,255,0.1)}/* Floating Contact Buttons */ .floating-contacts {position:fixed; bottom:30px; left:30px; display:flex; flex-direction:column; gap:15px; z-index:999}.whatsapp-btn,.phone-btn {width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--white); font-size:28px; box-shadow:var(--shadow-hover); transition:all 0.3s ease; animation:pulse 2s infinite}.whatsapp-btn {background-color:#25D366}.phone-btn {background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); box-shadow:0 4px 15px rgba(220,39,67,0.4)}.whatsapp-btn:hover,.phone-btn:hover {transform:scale(1.1)}.whatsapp-btn {animation:pulse-whatsapp 2s infinite}.phone-btn {animation:pulse-instagram 2s infinite}@keyframes pulse-whatsapp {0%,100% {box-shadow:0 0 0 0 rgba(37,211,102,0.7)}50% {box-shadow:0 0 0 15px rgba(37,211,102,0)}}@keyframes pulse-instagram {0%,100% {box-shadow:0 0 0 0 rgba(220,39,67,0.7)}50% {box-shadow:0 0 0 15px rgba(220,39,67,0)}}/* Scroll To Top Button */ .scroll-to-top {position:fixed; bottom:30px; right:30px; width:50px; height:50px; background:linear-gradient(135deg,var(--primary-color),#00A8E8); color:var(--white); border:none; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; cursor:pointer; opacity:0; visibility:hidden; transform:translateY(20px); transition:all 0.3s ease; z-index:998; box-shadow:0 4px 15px rgba(45,201,252,0.4)}.scroll-to-top.show {opacity:1; visibility:visible; transform:translateY(0)}.scroll-to-top:hover {transform:translateY(-5px); box-shadow:0 8px 25px rgba(45,201,252,0.6)}.scroll-to-top i {transition:transform 0.3s ease}.scroll-to-top:hover i {transform:translateY(-3px)}/* Responsive Design */ @media (max-width:768px) {.mobile-menu-toggle {display:flex}.nav-menu {position:fixed; left:-70%; top:0; flex-direction:column; background-color:var(--white); width:70%; height:100vh; transition:left 0.3s ease; box-shadow:var(--shadow); padding:0; gap:0; overflow-y:auto; z-index:9999; display:flex; justify-content:flex-start; align-items:stretch}.nav-menu.active {left:0}.nav-menu li {padding:0; width:100%}.nav-menu >li >a,.nav-menu >li >.dropdown-toggle {padding:15px 20px; display:block; text-align:left; white-space:normal; word-wrap:break-word; line-height:1.4}.nav-menu a {font-size:16px; font-weight:500; white-space:normal; word-wrap:break-word}.dropdown-menu {position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; display:none; padding-left:0; background-color:#f5f5f5}.dropdown.active .dropdown-menu {display:block}.dropdown-menu li {padding:0}.dropdown-menu a {font-size:14px; text-align:left; padding:12px 15px 12px 30px !important; display:block; white-space:normal; word-wrap:break-word; line-height:1.4}.hero {height:240px}.hero-slide {background-attachment:scroll}.hero-slide.slide-1 {background-image:url('images/anasayfa_images/slider_images/slider1-mobile.webp')}.hero-slide.slide-2 {background-image:url('images/anasayfa_images/slider_images/slider2-mobile.webp')}.hero-slide.slide-3 {background-image:url('images/anasayfa_images/slider_images/slider3-mobile.webp')}.hero-content {padding:0 20px}.hero h1 {font-size:32px}.hero-description {font-size:16px}.about-content {grid-template-columns:1fr}.section-title {font-size:28px}.top-bar-content {flex-direction:column; text-align:center; gap:8px}.welcome-text {width:100%; font-size:14px}.contact-numbers {flex-direction:row; justify-content:center; gap:15px; width:100%; flex-wrap:wrap}.phone-link {font-size:14px}.floating-contacts {left:20px; bottom:20px}.whatsapp-btn,.phone-btn {width:50px; height:50px; font-size:24px}.scroll-to-top {width:45px; height:45px; font-size:20px; bottom:20px; right:20px}.areas-grid {grid-template-columns:repeat(2,1fr); gap:15px}.area-card {padding:20px 10px}.area-card i {font-size:32px; margin-bottom:10px}.area-card h3 {font-size:14px}}@media (max-width:480px) {.hero {height:240px}.hero h1 {font-size:26px; margin-bottom:15px}.hero-description {font-size:14px; line-height:1.6}.hero .btn {padding:10px 25px; font-size:14px}.services-grid {grid-template-columns:1fr; gap:15px}.products-grid {grid-template-columns:1fr}.stats-grid,.areas-grid {grid-template-columns:repeat(2,1fr); gap:15px}.area-card {padding:20px 10px}.area-card i {font-size:32px; margin-bottom:10px}.area-card h3 {font-size:14px}.image-grid {grid-template-columns:1fr}}/* ============================================ CONTACT PAGE STYLES ============================================ */ /* Page Hero Section */ .page-hero {background:linear-gradient(rgba(26,26,26,0.7),rgba(26,26,26,0.7)),url('images/banner.webp') center/100% 100% no-repeat; padding:100px 0 60px; text-align:center; color:var(--white); margin-top:0; position:relative}.page-hero h1 {font-size:48px; font-weight:700; margin-bottom:15px; color:var(--white)}.breadcrumb {font-size:16px; color:rgba(255,255,255,0.8); display:flex; align-items:center; justify-content:center; gap:10px}.breadcrumb a {color:var(--primary-color); text-decoration:none; transition:color 0.3s ease}.breadcrumb a:hover {color:var(--white)}.breadcrumb i {font-size:12px; color:rgba(255,255,255,0.5)}/* Contact Section */ .contact-section {padding:80px 0; background:#f9f9f9}.contact-content {margin-top:60px}/* Contact Info Cards */ .contact-info-cards {display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:30px; margin-bottom:60px}.contact-card {background:var(--white); padding:40px 30px; border-radius:10px; text-align:center; box-shadow:0 5px 20px rgba(0,0,0,0.08); transition:all 0.3s ease}.contact-card:hover {transform:translateY(-5px); box-shadow:0 10px 30px rgba(45,201,252,0.2)}.contact-card-icon {width:70px; height:70px; background:linear-gradient(135deg,var(--primary-color),#00A8E8); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; transition:transform 0.3s ease}.contact-card:hover .contact-card-icon {transform:scale(1.1) rotate(5deg)}.contact-card-icon i {font-size:28px; color:var(--white)}.contact-card h3 {font-size:22px; font-weight:600; margin-bottom:15px; color:var(--dark-color)}.contact-card p {font-size:16px; color:#666; margin-bottom:8px; line-height:1.6}.contact-card a {color:var(--primary-color); text-decoration:none; font-weight:500; transition:color 0.3s ease}.contact-card a:hover {color:var(--dark-color)}/* Contact Form */ .contact-form-wrapper {background:var(--white); padding:50px; border-radius:15px; box-shadow:0 10px 40px rgba(0,0,0,0.1)}.contact-form {max-width:900px; margin:0 auto}.form-row {display:grid; grid-template-columns:repeat(2,1fr); gap:25px; margin-bottom:25px}.form-group {margin-bottom:25px}.form-group label {display:block; font-weight:600; margin-bottom:10px; color:var(--dark-color); font-size:15px}.form-group label i {color:var(--primary-color); margin-right:8px}.form-group input,.form-group select,.form-group textarea {width:100%; padding:15px 20px; border:2px solid #e0e0e0; border-radius:8px; font-size:15px; font-family:'Poppins',sans-serif; transition:all 0.3s ease; background:#fafafa}.form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline:none; border-color:var(--primary-color); background:var(--white); box-shadow:0 0 0 4px rgba(45,201,252,0.1)}.form-group textarea {resize:vertical; min-height:150px}.form-group select {cursor:pointer; appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d4af37' d='M6 9L1 4h10z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 15px center; padding-right:45px}.checkbox-label {display:flex; align-items:flex-start; gap:12px; cursor:pointer; font-weight:400}.checkbox-label input[type="checkbox"] {width:auto; margin-top:4px; cursor:pointer; accent-color:var(--primary-color)}.checkbox-label span {font-size:14px; color:#666; line-height:1.6}.checkbox-label a {color:var(--primary-color); text-decoration:none; font-weight:500}.checkbox-label a:hover {text-decoration:underline}.contact-form .btn {width:100%; padding:18px 40px; font-size:18px; font-weight:600; margin-top:10px}.contact-form .btn:hover {background-color:#00A8E8; color:var(--white); transform:translateY(-2px); box-shadow:0 8px 20px rgba(45,201,252,0.4); border-color:#00A8E8}.form-message {margin-top:20px; padding:15px 20px; border-radius:8px; font-size:15px; font-weight:500; text-align:center; display:none}.form-message.success {background:#d4edda; color:#155724; border:1px solid #c3e6cb; display:block}.form-message.error {background:#f8d7da; color:#721c24; border:1px solid #f5c6cb; display:block}/* Map Section */ .map-section {padding:80px 0; background:var(--white); text-align:center}.map-section h2 {font-size:36px; font-weight:700; margin-bottom:50px; color:var(--dark-color)}.service-areas-list {display:flex; justify-content:center; flex-wrap:wrap; gap:30px; max-width:900px; margin:0 auto}.area-item {display:flex; align-items:center; gap:10px; padding:15px 30px; background:linear-gradient(135deg,var(--primary-color),#00A8E8); color:var(--white); border-radius:50px; font-weight:600; font-size:16px; box-shadow:0 5px 15px rgba(45,201,252,0.3); transition:all 0.3s ease}.area-item:hover {transform:translateY(-3px); box-shadow:0 8px 20px rgba(45,201,252,0.4)}.area-item i {font-size:18px}/* Responsive Design - Contact Page */ @media (max-width:768px) {.page-hero {padding:80px 0 40px; margin-top:0}.page-hero h1 {font-size:32px}.breadcrumb {font-size:14px}.contact-section {padding:50px 0}.contact-info-cards {grid-template-columns:1fr; gap:20px; margin-bottom:40px}.contact-card {padding:30px 20px}.contact-form-wrapper {padding:30px 20px}.form-row {grid-template-columns:1fr; gap:0}.form-group {margin-bottom:20px}.contact-form .btn {padding:16px 30px; font-size:16px}.map-section {padding:50px 0}.map-section h2 {font-size:28px; margin-bottom:30px}.service-areas-list {gap:15px}.area-item {padding:12px 20px; font-size:14px}}/* Service Detail Pages */ .service-detail {padding:80px 0}.service-intro {text-align:center; max-width:800px; margin:0 auto 60px}.service-intro h2 {font-size:36px; color:var(--dark-color); margin-bottom:20px}.service-intro p {font-size:18px; color:var(--text-light); line-height:1.8}.service-content {display:block; margin-bottom:80px}.service-images {display:none}.service-images .main-image {display:none}.service-images .main-image img {display:none}.image-gallery {display:none}.image-gallery img {display:none}.image-gallery img:hover {transform:scale(1.05)}.service-features h3 {font-size:28px; color:var(--dark-color); margin-bottom:30px}.feature-list {display:flex; flex-direction:column; gap:25px}.feature-item {display:flex; gap:20px; align-items:flex-start}.feature-item i {font-size:24px; color:var(--primary-color); flex-shrink:0; margin-top:3px}.feature-item h4 {font-size:20px; color:var(--dark-color); margin-bottom:8px}.feature-item p {color:var(--text-light); line-height:1.6}.service-advantages {margin-bottom:80px}.service-advantages h3 {font-size:32px; color:var(--dark-color); text-align:center; margin-bottom:50px}.advantages-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:30px}.advantage-card {background:var(--white); padding:40px 30px; border-radius:12px; text-align:center; box-shadow:0 4px 15px rgba(0,0,0,0.08); transition:all 0.3s ease}.advantage-card:hover {transform:translateY(-5px); box-shadow:0 8px 25px rgba(45,201,252,0.2)}.advantage-card i {font-size:48px; color:var(--primary-color); margin-bottom:20px}.advantage-card h4 {font-size:20px; color:var(--dark-color); margin-bottom:15px}.advantage-card p {color:var(--text-light); font-size:15px; line-height:1.6}.service-gallery {margin-bottom:80px}.service-gallery h3 {font-size:32px; color:var(--dark-color); text-align:center; margin-bottom:40px}.gallery-grid {display:grid; grid-template-columns:repeat(4,1fr); gap:20px}.gallery-grid img {width:100%; height:250px; object-fit:cover; border-radius:12px; cursor:pointer; transition:transform 0.3s ease}.gallery-grid img:hover {transform:scale(1.05)}.service-cta {background:linear-gradient(135deg,var(--dark-color) 0%,#2a2a2a 100%); padding:60px; border-radius:16px; text-align:center; color:var(--white)}.service-cta h3 {font-size:32px; margin-bottom:15px}.service-cta p {font-size:18px; margin-bottom:30px; color:rgba(255,255,255,0.9)}/* Responsive - Service Pages */ @media (max-width:768px) {.service-intro h2 {font-size:28px}.service-intro p {font-size:16px}.service-content {margin-bottom:60px}.advantages-grid {grid-template-columns:1fr; gap:20px}.advantage-card {padding:30px 20px}.gallery-grid {grid-template-columns:repeat(2,1fr); gap:15px}.gallery-grid img {height:180px}.service-cta {padding:40px 20px}.service-cta h3 {font-size:24px}.service-cta p {font-size:16px}}/* ============================================ DETAILED INFO SECTION ============================================ */ .hafriyat-detailed-info {margin:80px 0; padding:60px 0; background:linear-gradient(to bottom,#f8f9fa 0%,#ffffff 100%)}.info-header {text-align:center; max-width:900px; margin:0 auto 60px; padding:0 20px}.info-header h2 {font-size:38px; color:var(--dark-color); margin-bottom:25px; font-weight:700; line-height:1.3}.lead-text {font-size:18px; color:var(--text-light); line-height:1.8; font-weight:400}.info-section {display:block; margin-bottom:60px; padding:0 20px}.info-section.reverse {display:block}.info-section.reverse .info-image {display:none}.info-section.reverse .info-content {order:unset}.info-content {padding:20px}.info-content h3 {font-size:32px; color:var(--dark-color); margin-bottom:20px; font-weight:700; position:relative; padding-bottom:15px}.info-content h3::after {content:''; position:absolute; bottom:0; left:0; width:60px; height:4px; background:var(--primary-color); border-radius:2px}.info-content p {font-size:16px; color:var(--text-dark); line-height:1.8; margin-bottom:20px}.info-content strong {color:var(--dark-color); font-weight:600}.info-image {display:none}.info-image:hover {display:none}.info-image img {display:none}/* List Styles */ .process-list,.types-list,.environmental-list,.legal-list,.equipment-list,.sustainability-list {list-style:none; padding:0; margin:20px 0}.process-list li,.types-list li,.environmental-list li,.legal-list li,.equipment-list li,.sustainability-list li {padding:15px 0; display:flex; align-items:flex-start; gap:15px; border-bottom:1px solid #e8e8e8}.process-list li:last-child,.types-list li:last-child,.environmental-list li:last-child,.legal-list li:last-child,.equipment-list li:last-child,.sustainability-list li:last-child {border-bottom:none}.types-list li i,.sustainability-list li i {color:var(--primary-color); font-size:18px; margin-top:3px; flex-shrink:0}.environmental-list li i {color:#e74c3c; font-size:18px; margin-top:3px; flex-shrink:0}.legal-list li i {color:#3498db; font-size:18px; margin-top:3px; flex-shrink:0}.equipment-list li i {color:#2ecc71; font-size:18px; margin-top:3px; flex-shrink:0}.note-text {background:#fff8e1; padding:15px 20px; border-left:4px solid var(--primary-color); border-radius:4px; font-style:italic; color:var(--text-dark); margin-top:20px}.highlight-text {background:#e8f5e9; padding:15px 20px; border-left:4px solid #2ecc71; border-radius:4px; font-weight:500; color:var(--text-dark); margin-top:20px}.info-conclusion {text-align:center; max-width:900px; margin:60px auto 0; padding:50px 40px; background:linear-gradient(135deg,var(--dark-color) 0%,#2a2a2a 100%); border-radius:16px; color:var(--white)}.info-conclusion p {font-size:17px; line-height:1.9; margin-bottom:20px; color:rgba(255,255,255,0.95)}.info-conclusion p:last-child {margin-bottom:0}.conclusion-motto {font-size:24px !important; font-weight:700 !important; color:var(--primary-color) !important; margin-top:30px !important; padding-top:25px; border-top:2px solid rgba(45,201,252,0.3)}/* Responsive Styles for Detailed Info Section */ @media (max-width:1024px) {.info-section {margin-bottom:50px}.info-content h3 {font-size:28px}}@media (max-width:768px) {.hafriyat-detailed-info {margin:60px 0; padding:40px 0}.info-header h2 {font-size:28px; margin-bottom:20px}.lead-text {font-size:16px}.info-section {margin-bottom:40px}.info-content {padding:10px}.info-content h3 {font-size:24px; margin-bottom:15px}.info-content p {font-size:15px}.process-list li,.types-list li,.environmental-list li,.legal-list li,.equipment-list li,.sustainability-list li {padding:12px 0; font-size:15px}.info-conclusion {padding:35px 25px; margin:40px auto 0}.info-conclusion p {font-size:15px; line-height:1.7}.conclusion-motto {font-size:19px !important; margin-top:20px !important; padding-top:20px}}@media (max-width:480px) {.info-header h2 {font-size:24px}.lead-text {font-size:15px}.info-content h3 {font-size:22px}.info-conclusion {padding:25px 20px}.conclusion-motto {font-size:17px !important}}/* ============================================ SECONDARY DETAILED INFO SECTION ============================================ */ .yikim-detailed-info {margin:80px 0; padding:60px 0; background:linear-gradient(to bottom,#f8f9fa 0%,#ffffff 100%)}/* Uses the same structure and styles as main detailed info */ .yikim-detailed-info .info-header {text-align:center; max-width:900px; margin:0 auto 60px; padding:0 20px}.yikim-detailed-info .info-header h2 {font-size:38px; color:var(--dark-color); margin-bottom:25px; font-weight:700; line-height:1.3}.yikim-detailed-info .lead-text {font-size:18px; color:var(--text-light); line-height:1.8; font-weight:400}.yikim-detailed-info .info-section {display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; margin-bottom:80px; padding:0 20px}.yikim-detailed-info .info-section.reverse {direction:ltr}.yikim-detailed-info .info-section.reverse .info-image {order:1}.yikim-detailed-info .info-section.reverse .info-content {order:2}.yikim-detailed-info .info-content {padding:20px}.yikim-detailed-info .info-content h3 {font-size:32px; color:var(--dark-color); margin-bottom:20px; font-weight:700; position:relative; padding-bottom:15px}.yikim-detailed-info .info-content h3::after {content:''; position:absolute; bottom:0; left:0; width:60px; height:4px; background:var(--primary-color); border-radius:2px}.yikim-detailed-info .info-content p {font-size:16px; color:var(--text-dark); line-height:1.8; margin-bottom:20px}.yikim-detailed-info .info-content strong {color:var(--dark-color); font-weight:600}.yikim-detailed-info .info-image {position:relative; border-radius:16px; overflow:hidden; box-shadow:0 10px 40px rgba(0,0,0,0.1); transition:transform 0.3s ease,box-shadow 0.3s ease}.yikim-detailed-info .info-image:hover {transform:translateY(-5px); box-shadow:0 15px 50px rgba(45,201,252,0.2)}.yikim-detailed-info .info-image img {width:100%; height:400px; object-fit:cover; display:block}.yikim-detailed-info .process-list,.yikim-detailed-info .types-list,.yikim-detailed-info .environmental-list,.yikim-detailed-info .legal-list,.yikim-detailed-info .equipment-list,.yikim-detailed-info .sustainability-list {list-style:none; padding:0; margin:20px 0}.yikim-detailed-info .process-list li,.yikim-detailed-info .types-list li,.yikim-detailed-info .environmental-list li,.yikim-detailed-info .legal-list li,.yikim-detailed-info .equipment-list li,.yikim-detailed-info .sustainability-list li {padding:15px 0; display:flex; align-items:flex-start; gap:15px; border-bottom:1px solid #e8e8e8}.yikim-detailed-info .process-list li:last-child,.yikim-detailed-info .types-list li:last-child,.yikim-detailed-info .environmental-list li:last-child,.yikim-detailed-info .legal-list li:last-child,.yikim-detailed-info .equipment-list li:last-child,.yikim-detailed-info .sustainability-list li:last-child {border-bottom:none}.yikim-detailed-info .types-list li i,.yikim-detailed-info .sustainability-list li i {color:var(--primary-color); font-size:18px; margin-top:3px; flex-shrink:0}.yikim-detailed-info .environmental-list li i {color:#e74c3c; font-size:18px; margin-top:3px; flex-shrink:0}.yikim-detailed-info .legal-list li i {color:#3498db; font-size:18px; margin-top:3px; flex-shrink:0}.yikim-detailed-info .equipment-list li i {color:#2ecc71; font-size:18px; margin-top:3px; flex-shrink:0}.yikim-detailed-info .note-text {background:#fff8e1; padding:15px 20px; border-left:4px solid var(--primary-color); border-radius:4px; font-style:italic; color:var(--text-dark); margin-top:20px}.yikim-detailed-info .highlight-text {background:#e8f5e9; padding:15px 20px; border-left:4px solid #2ecc71; border-radius:4px; font-weight:500; color:var(--text-dark); margin-top:20px}.yikim-detailed-info .info-conclusion {text-align:center; max-width:900px; margin:60px auto 0; padding:50px 40px; background:linear-gradient(135deg,var(--dark-color) 0%,#2a2a2a 100%); border-radius:16px; color:var(--white)}.yikim-detailed-info .info-conclusion p {font-size:17px; line-height:1.9; margin-bottom:20px; color:rgba(255,255,255,0.95)}.yikim-detailed-info .info-conclusion p:last-child {margin-bottom:0}.yikim-detailed-info .conclusion-motto {font-size:24px !important; font-weight:700 !important; color:var(--primary-color) !important; margin-top:30px !important; padding-top:25px; border-top:2px solid rgba(45,201,252,0.3)}/* Responsive Styles for Yikim Info */ @media (max-width:1024px) {.yikim-detailed-info .info-section {gap:40px; margin-bottom:60px}.yikim-detailed-info .info-content h3 {font-size:28px}.yikim-detailed-info .info-image img {height:350px}}@media (max-width:768px) {.yikim-detailed-info {margin:60px 0; padding:40px 0}.yikim-detailed-info .info-header h2 {font-size:28px; margin-bottom:20px}.yikim-detailed-info .lead-text {font-size:16px}.yikim-detailed-info .info-section {grid-template-columns:1fr; gap:30px; margin-bottom:50px}.yikim-detailed-info .info-section.reverse .info-image,.yikim-detailed-info .info-section.reverse .info-content {order:unset}.yikim-detailed-info .info-content {padding:10px}.yikim-detailed-info .info-content h3 {font-size:24px; margin-bottom:15px}.yikim-detailed-info .info-content p {font-size:15px}.yikim-detailed-info .info-image img {height:280px}.yikim-detailed-info .process-list li,.yikim-detailed-info .types-list li,.yikim-detailed-info .environmental-list li,.yikim-detailed-info .legal-list li,.yikim-detailed-info .equipment-list li,.yikim-detailed-info .sustainability-list li {padding:12px 0; font-size:15px}.yikim-detailed-info .info-conclusion {padding:35px 25px; margin:40px auto 0}.yikim-detailed-info .info-conclusion p {font-size:15px; line-height:1.7}.yikim-detailed-info .conclusion-motto {font-size:19px !important; margin-top:20px !important; padding-top:20px}}@media (max-width:480px) {.yikim-detailed-info .info-header h2 {font-size:24px}.yikim-detailed-info .lead-text {font-size:15px}.yikim-detailed-info .info-content h3 {font-size:22px}.yikim-detailed-info .info-image img {height:240px}.yikim-detailed-info .info-conclusion {padding:25px 20px}.yikim-detailed-info .conclusion-motto {font-size:17px !important}}/* ============================================ TOPRAK VE MALZEME DETAILED INFO SECTION ============================================ */ .toprak-detailed-info {margin:80px 0; padding:60px 0; background:linear-gradient(to bottom,#f8f9fa 0%,#ffffff 100%)}.toprak-detailed-info .info-header {text-align:center; max-width:900px; margin:0 auto 60px; padding:0 20px}.toprak-detailed-info .info-header h2 {font-size:38px; color:var(--dark-color); margin-bottom:25px; font-weight:700; line-height:1.3}.toprak-detailed-info .lead-text {font-size:18px; color:var(--text-light); line-height:1.8; font-weight:400}.toprak-detailed-info .info-section {display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; margin-bottom:80px; padding:0 20px}.toprak-detailed-info .info-content {padding:20px}.toprak-detailed-info .info-content h3 {font-size:32px; color:var(--dark-color); margin-bottom:20px; font-weight:700; position:relative; padding-bottom:15px}.toprak-detailed-info .info-content h3::after {content:''; position:absolute; bottom:0; left:0; width:60px; height:4px; background:var(--primary-color); border-radius:2px}.toprak-detailed-info .info-content p {font-size:16px; color:var(--text-dark); line-height:1.8; margin-bottom:20px}.toprak-detailed-info .info-image {position:relative; border-radius:16px; overflow:hidden; box-shadow:0 10px 40px rgba(0,0,0,0.1); transition:transform 0.3s ease,box-shadow 0.3s ease}.toprak-detailed-info .info-image:hover {transform:translateY(-5px); box-shadow:0 15px 50px rgba(45,201,252,0.2)}.toprak-detailed-info .info-image img {width:100%; height:400px; object-fit:cover; display:block}/* Materials Showcase Section */ .materials-showcase {padding:60px 20px; margin-bottom:60px}.materials-showcase h3 {font-size:36px; color:var(--dark-color); text-align:center; margin-bottom:20px; font-weight:700}.showcase-intro {text-align:center; max-width:800px; margin:0 auto 60px; font-size:17px; color:var(--text-light); line-height:1.8}.material-item {display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; margin-bottom:60px; padding:40px; background:#ffffff; border-radius:16px; box-shadow:0 5px 20px rgba(0,0,0,0.08); transition:all 0.3s ease}.material-item:hover {transform:translateY(-5px); box-shadow:0 10px 30px rgba(45,201,252,0.15)}.material-item.reverse {direction:ltr}.material-item.reverse .material-image {order:2}.material-item.reverse .material-content {order:1}.material-image {border-radius:12px; overflow:hidden}.material-image img {width:100%; height:300px; object-fit:cover; display:block; transition:transform 0.3s ease}.material-item:hover .material-image img {transform:scale(1.05)}.material-content h4 {font-size:26px; color:var(--dark-color); margin-bottom:15px; font-weight:700; display:flex; align-items:center; gap:12px}.material-content h4 i {color:var(--primary-color); font-size:28px}.material-content p {font-size:16px; color:var(--text-dark); line-height:1.8}/* Importance Section */ .info-importance {padding:60px 40px; background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%); border-radius:16px; margin:0 20px 60px}.info-importance h3 {font-size:32px; color:var(--dark-color); text-align:center; margin-bottom:20px; font-weight:700}.info-importance >p {text-align:center; font-size:17px; color:var(--text-light); max-width:800px; margin:0 auto 40px; line-height:1.8}.importance-grid {display:grid; grid-template-columns:repeat(2,1fr); gap:25px; margin-top:30px}.importance-card {display:flex; align-items:flex-start; gap:15px; padding:25px; background:#ffffff; border-radius:12px; box-shadow:0 3px 15px rgba(0,0,0,0.05); transition:all 0.3s ease}.importance-card:hover {transform:translateX(5px); box-shadow:0 5px 20px rgba(45,201,252,0.15)}.importance-card i {color:var(--primary-color); font-size:24px; flex-shrink:0; margin-top:3px}.importance-card p {font-size:16px; color:var(--text-dark); line-height:1.7; margin:0}/* Sustainability Section */ .info-sustainability {padding:60px 40px; margin:0 20px 60px; background:linear-gradient(135deg,#c8e6c9 0%,#dcedc8 100%); border-radius:16px}.sustainability-content h3 {font-size:32px; color:var(--dark-color); margin-bottom:20px; font-weight:700}.sustainability-content >p {font-size:17px; color:var(--text-dark); line-height:1.8; margin-bottom:25px}.sustainability-features {list-style:none; padding:0; margin:30px 0}.sustainability-features li {display:flex; align-items:flex-start; gap:15px; padding:18px 0; font-size:16px; color:var(--text-dark); line-height:1.7; border-bottom:1px solid rgba(76,175,80,0.3)}.sustainability-features li:last-child {border-bottom:none}.sustainability-features li i {color:#4caf50; font-size:22px; flex-shrink:0; margin-top:2px}.toprak-detailed-info .highlight-text {background:#ffffff; padding:20px 25px; border-left:4px solid #4caf50; border-radius:8px; font-weight:500; color:var(--text-dark); margin-top:25px; font-size:16px; line-height:1.7}/* Conclusion Section */ .toprak-detailed-info .info-conclusion {padding:60px 50px; margin:0 auto; max-width:1400px; background:linear-gradient(135deg,var(--dark-color) 0%,#2a2a2a 100%); border-radius:16px; color:var(--white)}.toprak-detailed-info .info-conclusion h3 {font-size:32px; margin-bottom:25px; text-align:center; color:var(--white)}.toprak-detailed-info .info-conclusion >p {font-size:17px; line-height:1.8; margin-bottom:30px; color:rgba(255,255,255,0.95); text-align:center}.conclusion-features {display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin:40px auto; max-width:1100px; justify-items:center}.conclusion-item {text-align:center; padding:25px; background:rgba(255,255,255,0.1); border-radius:12px; transition:all 0.3s ease; width:100%; max-width:350px}.conclusion-item:hover {background:rgba(255,255,255,0.15); transform:translateY(-5px)}.conclusion-item i {font-size:36px; color:var(--primary-color); margin-bottom:15px; display:block}.conclusion-item p {font-size:15px; line-height:1.6; margin:0; color:rgba(255,255,255,0.95)}.conclusion-motto {font-size:24px !important; font-weight:700 !important; color:var(--primary-color) !important; margin-top:35px !important; padding-top:30px; border-top:2px solid rgba(45,201,252,0.3); text-align:center}/* Responsive Styles for Toprak ve Malzeme */ @media (max-width:1024px) {.material-item {gap:35px; padding:30px}.importance-grid {gap:20px}.conclusion-features {grid-template-columns:1fr; gap:20px}}@media (max-width:768px) {.toprak-detailed-info {margin:60px 0; padding:40px 0}.toprak-detailed-info .info-header h2 {font-size:28px; margin-bottom:20px}.toprak-detailed-info .lead-text {font-size:16px}.toprak-detailed-info .info-section {grid-template-columns:1fr; gap:30px; margin-bottom:50px}.toprak-detailed-info .info-image img {height:280px}.materials-showcase {padding:40px 15px}.materials-showcase h3 {font-size:28px}.material-item {grid-template-columns:1fr; gap:25px; padding:25px; margin-bottom:40px}.material-item.reverse .material-image,.material-item.reverse .material-content {order:unset}.material-image img {height:250px}.material-content h4 {font-size:22px}.info-importance {padding:40px 25px; margin:0 15px 40px}.info-importance h3 {font-size:26px}.importance-grid {grid-template-columns:1fr}.info-sustainability {padding:40px 25px; margin:0 15px 40px}.sustainability-content h3 {font-size:26px}.toprak-detailed-info .info-conclusion {padding:40px 30px; margin:0 15px}.toprak-detailed-info .info-conclusion h3 {font-size:26px}.conclusion-motto {font-size:19px !important; margin-top:25px !important; padding-top:20px}}@media (max-width:480px) {.toprak-detailed-info .info-header h2 {font-size:24px}.toprak-detailed-info .lead-text {font-size:15px}.materials-showcase h3 {font-size:24px}.material-item {padding:20px}.material-content h4 {font-size:20px; flex-direction:column; align-items:flex-start; gap:8px}.material-image img {height:220px}.info-importance {padding:30px 20px}.importance-card {padding:20px}.info-sustainability {padding:30px 20px}.toprak-detailed-info .info-conclusion {padding:30px 20px}.conclusion-item {padding:20px}.conclusion-item i {font-size:28px}.conclusion-motto {font-size:17px !important}}/* ============================================ ALTYAPI DETAILED INFO SECTION ============================================ */ .altyapi-detailed-info {margin:80px 0; padding:60px 0; background:linear-gradient(to bottom,#f8f9fa 0%,#ffffff 100%)}.altyapi-detailed-info .info-header {text-align:center; max-width:900px; margin:0 auto 60px; padding:0 20px}.altyapi-detailed-info .info-header h2 {font-size:38px; color:var(--dark-color); margin-bottom:25px; font-weight:700; line-height:1.3}.altyapi-detailed-info .lead-text {font-size:18px; color:var(--text-light); line-height:1.8; font-weight:400}.altyapi-detailed-info .info-section {display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; margin-bottom:80px; padding:0 20px}.altyapi-detailed-info .info-content {padding:20px}.altyapi-detailed-info .info-content h3 {font-size:32px; color:var(--dark-color); margin-bottom:20px; font-weight:700; position:relative; padding-bottom:15px}.altyapi-detailed-info .info-content h3::after {content:''; position:absolute; bottom:0; left:0; width:60px; height:4px; background:var(--primary-color); border-radius:2px}.altyapi-detailed-info .info-content p {font-size:16px; color:var(--text-dark); line-height:1.8; margin-bottom:20px}.altyapi-detailed-info .info-image {position:relative; border-radius:16px; overflow:hidden; box-shadow:0 10px 40px rgba(0,0,0,0.1); transition:transform 0.3s ease,box-shadow 0.3s ease}.altyapi-detailed-info .info-image:hover {transform:translateY(-5px); box-shadow:0 15px 50px rgba(45,201,252,0.2)}.altyapi-detailed-info .info-image img {width:100%; height:400px; object-fit:cover; display:block}/* Infrastructure Services Section */ .infrastructure-services {padding:60px 20px; margin-bottom:60px}.infrastructure-services h3 {font-size:36px; color:var(--dark-color); text-align:center; margin-bottom:20px; font-weight:700}.services-intro {text-align:center; max-width:800px; margin:0 auto 60px; font-size:17px; color:var(--text-light); line-height:1.8}.infrastructure-item {display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; margin-bottom:60px; padding:40px; background:#ffffff; border-radius:16px; box-shadow:0 5px 20px rgba(0,0,0,0.08); transition:all 0.3s ease}.infrastructure-item:hover {transform:translateY(-5px); box-shadow:0 10px 30px rgba(45,201,252,0.15)}.infrastructure-item.reverse {direction:ltr}.infrastructure-item.reverse .infrastructure-image {order:2}.infrastructure-item.reverse .infrastructure-content {order:1}.infrastructure-image {border-radius:12px; overflow:hidden}.infrastructure-image img {width:100%; height:300px; object-fit:cover; display:block; transition:transform 0.3s ease}.infrastructure-item:hover .infrastructure-image img {transform:scale(1.05)}.infrastructure-content h4 {font-size:26px; color:var(--dark-color); margin-bottom:15px; font-weight:700; display:flex; align-items:center; gap:12px}.infrastructure-content h4 i {color:var(--primary-color); font-size:28px}.infrastructure-content p {font-size:16px; color:var(--text-dark); line-height:1.8}/* Reuse importance,sustainability and conclusion styles from toprak section */ .altyapi-detailed-info .info-importance {padding:60px 40px; background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%); border-radius:16px; margin:0 20px 60px}.altyapi-detailed-info .info-importance h3 {font-size:32px; color:var(--dark-color); text-align:center; margin-bottom:20px; font-weight:700}.altyapi-detailed-info .info-importance >p {text-align:center; font-size:17px; color:var(--text-light); max-width:800px; margin:0 auto 40px; line-height:1.8}.altyapi-detailed-info .importance-grid {display:grid; grid-template-columns:repeat(2,1fr); gap:25px; margin-top:30px}.altyapi-detailed-info .importance-card {display:flex; align-items:flex-start; gap:15px; padding:25px; background:#ffffff; border-radius:12px; box-shadow:0 3px 15px rgba(0,0,0,0.05); transition:all 0.3s ease}.altyapi-detailed-info .importance-card:hover {transform:translateX(5px); box-shadow:0 5px 20px rgba(45,201,252,0.15)}.altyapi-detailed-info .importance-card i {color:var(--primary-color); font-size:24px; flex-shrink:0; margin-top:3px}.altyapi-detailed-info .importance-card p {font-size:16px; color:var(--text-dark); line-height:1.7; margin:0}.altyapi-detailed-info .info-sustainability {padding:60px 40px; margin:0 20px 60px; background:linear-gradient(135deg,#c8e6c9 0%,#dcedc8 100%); border-radius:16px}.altyapi-detailed-info .sustainability-content h3 {font-size:32px; color:var(--dark-color); margin-bottom:20px; font-weight:700}.altyapi-detailed-info .sustainability-content >p {font-size:17px; color:var(--text-dark); line-height:1.8; margin-bottom:25px}.altyapi-detailed-info .sustainability-features {list-style:none; padding:0; margin:30px 0}.altyapi-detailed-info .sustainability-features li {display:flex; align-items:flex-start; gap:15px; padding:18px 0; font-size:16px; color:var(--text-dark); line-height:1.7; border-bottom:1px solid rgba(76,175,80,0.3)}.altyapi-detailed-info .sustainability-features li:last-child {border-bottom:none}.altyapi-detailed-info .sustainability-features li i {color:#4caf50; font-size:22px; flex-shrink:0; margin-top:2px}.altyapi-detailed-info .info-conclusion {padding:60px 50px; margin:0 auto; max-width:1400px; background:linear-gradient(135deg,var(--dark-color) 0%,#2a2a2a 100%); border-radius:16px; color:var(--white)}.altyapi-detailed-info .info-conclusion h3 {font-size:32px; margin-bottom:25px; text-align:center; color:var(--white)}.altyapi-detailed-info .info-conclusion >p {font-size:17px; line-height:1.8; margin-bottom:30px; color:rgba(255,255,255,0.95); text-align:center}.altyapi-detailed-info .conclusion-features {display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin:40px auto; max-width:1100px; justify-items:center}.altyapi-detailed-info .conclusion-item {text-align:center; padding:25px; background:rgba(255,255,255,0.1); border-radius:12px; transition:all 0.3s ease; width:100%; max-width:350px}.altyapi-detailed-info .conclusion-item:hover {background:rgba(255,255,255,0.15); transform:translateY(-5px)}.altyapi-detailed-info .conclusion-item i {font-size:36px; color:var(--primary-color); margin-bottom:15px; display:block}.altyapi-detailed-info .conclusion-item p {font-size:15px; line-height:1.6; margin:0; color:rgba(255,255,255,0.95)}.altyapi-detailed-info .conclusion-motto {font-size:24px !important; font-weight:700 !important; color:var(--primary-color) !important; margin-top:35px !important; padding-top:30px; border-top:2px solid rgba(45,201,252,0.3); text-align:center}/* Responsive Styles for Altyapı */ @media (max-width:1024px) {.infrastructure-item {gap:35px; padding:30px}.altyapi-detailed-info .importance-grid {gap:20px}.altyapi-detailed-info .conclusion-features {grid-template-columns:1fr; gap:20px}}@media (max-width:768px) {.altyapi-detailed-info {margin:60px 0; padding:40px 0}.altyapi-detailed-info .info-header h2 {font-size:28px; margin-bottom:20px}.altyapi-detailed-info .lead-text {font-size:16px}.altyapi-detailed-info .info-section {grid-template-columns:1fr; gap:30px; margin-bottom:50px}.altyapi-detailed-info .info-image img {height:280px}.infrastructure-services {padding:40px 15px}.infrastructure-services h3 {font-size:28px}.infrastructure-item {grid-template-columns:1fr; gap:25px; padding:25px; margin-bottom:40px}.infrastructure-item.reverse .infrastructure-image,.infrastructure-item.reverse .infrastructure-content {order:unset}.infrastructure-image img {height:250px}.infrastructure-content h4 {font-size:22px}.altyapi-detailed-info .info-importance {padding:40px 25px; margin:0 15px 40px}.altyapi-detailed-info .info-importance h3 {font-size:26px}.altyapi-detailed-info .importance-grid {grid-template-columns:1fr}.altyapi-detailed-info .info-sustainability {padding:40px 25px; margin:0 15px 40px}.altyapi-detailed-info .sustainability-content h3 {font-size:26px}.altyapi-detailed-info .info-conclusion {padding:40px 30px; margin:0 15px}.altyapi-detailed-info .info-conclusion h3 {font-size:26px}.altyapi-detailed-info .conclusion-motto {font-size:19px !important; margin-top:25px !important; padding-top:20px}}@media (max-width:480px) {.altyapi-detailed-info .info-header h2 {font-size:24px}.altyapi-detailed-info .lead-text {font-size:15px}.infrastructure-services h3 {font-size:24px}.infrastructure-item {padding:20px}.infrastructure-content h4 {font-size:20px; flex-direction:column; align-items:flex-start; gap:8px}.infrastructure-image img {height:220px}.altyapi-detailed-info .info-importance {padding:30px 20px}.altyapi-detailed-info .importance-card {padding:20px}.altyapi-detailed-info .info-sustainability {padding:30px 20px}.altyapi-detailed-info .info-conclusion {padding:30px 20px}.altyapi-detailed-info .conclusion-item {padding:20px}.altyapi-detailed-info .conclusion-item i {font-size:28px}.altyapi-detailed-info .conclusion-motto {font-size:17px !important}}/* ============================================ PEYZAJ DETAILED INFO SECTION ============================================ */ .peyzaj-detailed-info {margin:80px 0; padding:60px 0; background:#ffffff}.peyzaj-detailed-info .info-header {text-align:center; max-width:900px; margin:0 auto 60px; padding:0 20px}.peyzaj-detailed-info .info-header h2 {font-size:38px; color:var(--dark-color); margin-bottom:25px; font-weight:700; line-height:1.3}.peyzaj-detailed-info .lead-text {font-size:18px; color:var(--text-light); line-height:1.8; font-weight:400}.peyzaj-detailed-info .info-section {display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; margin-bottom:80px; padding:0 20px}.peyzaj-detailed-info .info-content {padding:20px}.peyzaj-detailed-info .info-content h3 {font-size:32px; color:var(--dark-color); margin-bottom:20px; font-weight:700; position:relative; padding-bottom:15px}.peyzaj-detailed-info .info-content h3::after {content:''; position:absolute; bottom:0; left:0; width:60px; height:4px; background:#2DC9FC; border-radius:2px}.peyzaj-detailed-info .info-content p {font-size:16px; color:var(--text-dark); line-height:1.8; margin-bottom:20px}.peyzaj-detailed-info .info-image {position:relative; border-radius:16px; overflow:hidden; box-shadow:0 10px 40px rgba(0,0,0,0.1); transition:transform 0.3s ease,box-shadow 0.3s ease}.peyzaj-detailed-info .info-image:hover {transform:translateY(-5px); box-shadow:0 15px 50px rgba(102,187,106,0.3)}.peyzaj-detailed-info .info-image img {width:100%; height:400px; object-fit:cover; display:block}/* Landscape Services Section */ .landscape-services {padding:60px 20px; margin-bottom:60px}.landscape-services h3 {font-size:36px; color:var(--dark-color); text-align:center; margin-bottom:20px; font-weight:700}.services-intro {text-align:center; max-width:800px; margin:0 auto 60px; font-size:17px; color:var(--text-light); line-height:1.8}.landscape-item {display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; margin-bottom:60px; padding:40px; background:#ffffff; border-radius:16px; box-shadow:0 5px 20px rgba(0,0,0,0.08); transition:all 0.3s ease; border-left:5px solid #ffffff}.landscape-item:hover {transform:translateY(-5px); box-shadow:0 10px 30px rgba(102,187,106,0.2)}.landscape-item.reverse {direction:ltr; border-left:none; border-right:5px solid #ffffff}.landscape-item.reverse .landscape-image {order:2}.landscape-item.reverse .landscape-content {order:1}.landscape-image {border-radius:12px; overflow:hidden}.landscape-image img {width:100%; height:300px; object-fit:cover; display:block; transition:transform 0.3s ease}.landscape-item:hover .landscape-image img {transform:scale(1.05)}.landscape-content h4 {font-size:26px; color:var(--dark-color); margin-bottom:15px; font-weight:700; display:flex; align-items:center; gap:12px}.landscape-content h4 i {color:#2DC9FC; font-size:28px}.landscape-content p {font-size:16px; color:var(--text-dark); line-height:1.8}/* Importance Section for Peyzaj */ .peyzaj-detailed-info .info-importance {padding:60px 40px; background:#ffffff; border-radius:16px; margin:0 20px 60px}.peyzaj-detailed-info .info-importance h3 {font-size:32px; color:var(--dark-color); text-align:center; margin-bottom:20px; font-weight:700}.peyzaj-detailed-info .info-importance >p {text-align:center; font-size:17px; color:var(--text-light); max-width:800px; margin:0 auto 40px; line-height:1.8}.peyzaj-detailed-info .importance-grid {display:grid; grid-template-columns:repeat(2,1fr); gap:25px; margin-top:30px}.peyzaj-detailed-info .importance-card {display:flex; align-items:flex-start; gap:15px; padding:25px; background:#ffffff; border-radius:12px; box-shadow:0 3px 15px rgba(0,0,0,0.05); transition:all 0.3s ease; border-left:3px solid #ffffff}.peyzaj-detailed-info .importance-card:hover {transform:translateX(5px); box-shadow:0 5px 20px rgba(45,201,252,0.2)}.peyzaj-detailed-info .importance-card i {color:#2DC9FC; font-size:24px; flex-shrink:0; margin-top:3px}.peyzaj-detailed-info .importance-card p {font-size:16px; color:var(--text-dark); line-height:1.7; margin:0}/* Sustainability Section for Peyzaj */ .peyzaj-detailed-info .info-sustainability {padding:60px 40px; margin:0 20px 60px; background:linear-gradient(135deg,#c8e6c9 0%,#dcedc8 100%); border-radius:16px}.peyzaj-detailed-info .sustainability-content h3 {font-size:32px; color:var(--dark-color); margin-bottom:20px; font-weight:700}.peyzaj-detailed-info .sustainability-content >p {font-size:17px; color:var(--text-dark); line-height:1.8; margin-bottom:25px}.peyzaj-detailed-info .sustainability-features {list-style:none; padding:0; margin:30px 0}.peyzaj-detailed-info .sustainability-features li {display:flex; align-items:flex-start; gap:15px; padding:18px 0; font-size:16px; color:var(--text-dark); line-height:1.7; border-bottom:1px solid rgba(76,175,80,0.3)}.peyzaj-detailed-info .sustainability-features li:last-child {border-bottom:none}.peyzaj-detailed-info .sustainability-features li i {color:#4caf50; font-size:22px; flex-shrink:0; margin-top:2px}/* Conclusion Section for Peyzaj */ .peyzaj-detailed-info .info-conclusion {padding:60px 50px; margin:0 auto; max-width:1400px; background:linear-gradient(135deg,var(--dark-color) 0%,#2a2a2a 100%); border-radius:16px; color:var(--white)}.peyzaj-detailed-info .info-conclusion h3 {font-size:32px; margin-bottom:25px; text-align:center; color:var(--white)}.peyzaj-detailed-info .info-conclusion >p {font-size:17px; line-height:1.8; margin-bottom:30px; color:rgba(255,255,255,0.95); text-align:center}.peyzaj-detailed-info .conclusion-features {display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin:40px auto; max-width:1100px; justify-items:center}.peyzaj-detailed-info .conclusion-item {text-align:center; padding:25px; background:rgba(255,255,255,0.05); border-radius:12px; transition:all 0.3s ease; width:100%; max-width:350px}.peyzaj-detailed-info .conclusion-item:hover {background:rgba(255,255,255,0.1); transform:translateY(-5px)}.peyzaj-detailed-info .conclusion-item i {font-size:36px; color:#2DC9FC; margin-bottom:15px; display:block}.peyzaj-detailed-info .conclusion-item p {font-size:15px; line-height:1.6; margin:0; color:rgba(255,255,255,0.95)}.peyzaj-detailed-info .conclusion-motto {font-size:24px !important; font-weight:700 !important; color:#2DC9FC !important; margin-top:35px !important; padding-top:30px; border-top:2px solid rgba(45,201,252,0.3); text-align:center}/* Responsive Styles for Peyzaj */ @media (max-width:1024px) {.landscape-item {gap:35px; padding:30px}.peyzaj-detailed-info .importance-grid {gap:20px}.peyzaj-detailed-info .conclusion-features {grid-template-columns:1fr; gap:20px}}@media (max-width:768px) {.peyzaj-detailed-info {margin:60px 0; padding:40px 0}.peyzaj-detailed-info .info-header h2 {font-size:28px; margin-bottom:20px}.peyzaj-detailed-info .lead-text {font-size:16px}.peyzaj-detailed-info .info-section {grid-template-columns:1fr; gap:30px; margin-bottom:50px}.peyzaj-detailed-info .info-image img {height:280px}.landscape-services {padding:40px 15px}.landscape-services h3 {font-size:28px}.landscape-item {grid-template-columns:1fr; gap:25px; padding:25px; margin-bottom:40px; border-left:3px solid #66bb6a}.landscape-item.reverse {border-left:3px solid #66bb6a; border-right:none}.landscape-item.reverse .landscape-image,.landscape-item.reverse .landscape-content {order:unset}.landscape-image img {height:250px}.landscape-content h4 {font-size:22px}.peyzaj-detailed-info .info-importance {padding:40px 25px; margin:0 15px 40px}.peyzaj-detailed-info .info-importance h3 {font-size:26px}.peyzaj-detailed-info .importance-grid {grid-template-columns:1fr}.peyzaj-detailed-info .info-sustainability {padding:40px 25px; margin:0 15px 40px}.peyzaj-detailed-info .sustainability-content h3 {font-size:26px}.peyzaj-detailed-info .info-conclusion {padding:40px 30px; margin:0 15px}.peyzaj-detailed-info .info-conclusion h3 {font-size:26px}.peyzaj-detailed-info .conclusion-motto {font-size:19px !important; margin-top:25px !important; padding-top:20px}}@media (max-width:480px) {.peyzaj-detailed-info .info-header h2 {font-size:24px}.peyzaj-detailed-info .lead-text {font-size:15px}.landscape-services h3 {font-size:24px}.landscape-item {padding:20px}.landscape-content h4 {font-size:20px; flex-direction:column; align-items:flex-start; gap:8px}.landscape-image img {height:220px}.peyzaj-detailed-info .info-importance {padding:30px 20px}.peyzaj-detailed-info .importance-card {padding:20px}.peyzaj-detailed-info .info-sustainability {padding:30px 20px}.peyzaj-detailed-info .info-conclusion {padding:30px 20px}.peyzaj-detailed-info .conclusion-item {padding:20px}.peyzaj-detailed-info .conclusion-item i {font-size:28px}.peyzaj-detailed-info .conclusion-motto {font-size:17px !important}}/* ============================================ CORPORATE PAGES STYLES (Hakkımızda,Misyon & Vizyon,Değerlerimiz) ============================================ */ /* About Page */ .about-page {padding:80px 0; background:var(--white)}.about-intro {text-align:center; max-width:900px; margin:0 auto 60px}.about-intro h2 {font-size:42px; color:var(--dark-color); margin-bottom:15px}.about-intro .lead {font-size:20px; color:var(--primary-color); font-weight:500; line-height:1.6}.about-story {margin-bottom:80px}.story-content {display:grid; grid-template-columns:1.2fr 0.8fr; gap:50px; align-items:center}.story-text h3 {font-size:32px; color:var(--dark-color); margin-bottom:25px}.story-text p {font-size:16px; color:var(--text-light); line-height:1.8; margin-bottom:20px}.story-image {border-radius:12px; overflow:hidden; box-shadow:0 10px 40px rgba(0,0,0,0.1)}.story-image img {width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease}.story-image:hover img {transform:scale(1.05)}.about-features-section {margin-bottom:80px}.about-features-section h3 {font-size:36px; color:var(--dark-color); text-align:center; margin-bottom:50px}.features-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:30px}.feature-box {background:#f9f9f9; padding:40px 30px; border-radius:12px; transition:all 0.3s ease; border:2px solid transparent}.feature-box:hover {transform:translateY(-8px); box-shadow:0 15px 40px rgba(45,201,252,0.15); border-color:var(--primary-color); background:var(--white)}.feature-icon {width:80px; height:80px; background:linear-gradient(135deg,var(--primary-color),#00A8E8); border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:25px; transition:transform 0.3s ease}.feature-box:hover .feature-icon {transform:scale(1.1) rotate(5deg)}.feature-icon i {font-size:36px; color:var(--white)}.feature-box h4 {font-size:22px; color:var(--dark-color); margin-bottom:15px}.feature-box p {font-size:15px; color:var(--text-light); line-height:1.7}.about-stats {background:linear-gradient(135deg,var(--dark-color) 0%,#2a2a2a 100%); padding:60px; border-radius:16px; margin-bottom:80px}.about-stats h3 {font-size:36px; color:var(--white); text-align:center; margin-bottom:50px}.stats-row {display:grid; grid-template-columns:repeat(4,1fr); gap:40px}.stat-item {text-align:center; color:var(--white)}.stat-icon {margin-bottom:20px}.stat-icon i {font-size:50px; color:var(--primary-color)}.stat-number {font-size:48px; font-weight:700; color:var(--primary-color); margin-bottom:10px}.stat-label {font-size:16px; opacity:0.9}.about-gallery h3 {font-size:36px; color:var(--dark-color); text-align:center; margin-bottom:40px}.about-gallery .gallery-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:60px}.about-gallery .gallery-grid img {width:100%; height:280px; object-fit:cover; border-radius:12px; box-shadow:0 5px 20px rgba(0,0,0,0.1); transition:transform 0.3s ease}.about-gallery .gallery-grid img:hover {transform:scale(1.05)}/* Mission Vision Page */ .mission-vision-page {padding:80px 0; background:var(--white)}.mission-vision-page .intro-text {text-align:center; max-width:900px; margin:0 auto 80px}.mission-vision-page .lead {font-size:18px; color:var(--text-light); line-height:1.8}.mission-section,.vision-section {margin-bottom:80px}.mv-content {display:grid; grid-template-columns:1.2fr 0.8fr; gap:60px; align-items:center}.mv-content.reverse {grid-template-columns:0.8fr 1.2fr}.mv-icon {width:90px; height:90px; background:linear-gradient(135deg,var(--primary-color),#00A8E8); border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:25px}.mv-icon i {font-size:42px; color:var(--white)}.mv-text h2 {font-size:36px; color:var(--dark-color); margin-bottom:20px}.mv-text >p {font-size:17px; color:var(--text-light); line-height:1.8; margin-bottom:30px}.mv-points {display:flex; flex-direction:column; gap:20px}.point-item {display:flex; align-items:flex-start; gap:15px; padding:20px; background:#f9f9f9; border-radius:10px; transition:all 0.3s ease}.point-item:hover {background:var(--white); box-shadow:0 5px 20px rgba(45,201,252,0.1); transform:translateX(10px)}.point-item i {font-size:22px; color:var(--primary-color); flex-shrink:0; margin-top:2px}.point-item p {font-size:15px; color:var(--text-light); line-height:1.6; margin:0}.mv-image {border-radius:12px; overflow:hidden; box-shadow:0 10px 40px rgba(0,0,0,0.1)}.mv-image img {width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease}.mv-image:hover img {transform:scale(1.05)}.goals-section {background:#f9f9f9; padding:60px; border-radius:16px; margin-bottom:80px}.goals-section h2 {font-size:36px; color:var(--dark-color); text-align:center; margin-bottom:50px}.goals-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:30px}.goal-card {background:var(--white); padding:40px 30px; border-radius:12px; text-align:center; transition:all 0.3s ease; box-shadow:0 4px 15px rgba(0,0,0,0.08)}.goal-card:hover {transform:translateY(-8px); box-shadow:0 12px 30px rgba(45,201,252,0.2)}.goal-icon {width:70px; height:70px; background:linear-gradient(135deg,var(--primary-color),#00A8E8); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 20px}.goal-icon i {font-size:32px; color:var(--white)}.goal-card h3 {font-size:20px; color:var(--dark-color); margin-bottom:15px}.goal-card p {font-size:15px; color:var(--text-light); line-height:1.6}.commitment-section {margin-bottom:60px}.commitment-content {display:grid; grid-template-columns:1.2fr 0.8fr; gap:50px; align-items:center}.commitment-text h2 {font-size:32px; color:var(--dark-color); margin-bottom:30px}.commitment-list {list-style:none; padding:0}.commitment-list li {display:flex; align-items:flex-start; gap:15px; padding:15px 0; border-bottom:1px solid #e0e0e0; font-size:16px; color:var(--text-light); line-height:1.6}.commitment-list li:last-child {border-bottom:none}.commitment-list i {font-size:20px; color:var(--primary-color); flex-shrink:0; margin-top:2px}.commitment-image {border-radius:12px; overflow:hidden; box-shadow:0 10px 40px rgba(0,0,0,0.1)}.commitment-image img {width:100%; height:100%; object-fit:cover}/* Values Page */ .values-page {padding:80px 0; background:var(--white)}.values-page .intro-text {text-align:center; max-width:900px; margin:0 auto 60px}.values-page .intro-text h2 {font-size:42px; color:var(--dark-color); margin-bottom:20px}.values-page .lead {font-size:18px; color:var(--text-light); line-height:1.8}.values-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-bottom:80px}.value-card {background:#f9f9f9; padding:40px 30px; border-radius:12px; transition:all 0.3s ease; border:2px solid transparent}.value-card:hover {transform:translateY(-8px); box-shadow:0 15px 40px rgba(45,201,252,0.15); border-color:var(--primary-color); background:var(--white)}.value-icon {width:80px; height:80px; background:linear-gradient(135deg,var(--primary-color),#00A8E8); border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:25px; transition:transform 0.3s ease}.value-card:hover .value-icon {transform:scale(1.1) rotate(5deg)}.value-icon i {font-size:36px; color:var(--white)}.value-card h3 {font-size:22px; color:var(--dark-color); margin-bottom:15px}.value-card p {font-size:15px; color:var(--text-light); line-height:1.7}.values-commitment {background:linear-gradient(135deg,var(--dark-color) 0%,#2a2a2a 100%); padding:60px; border-radius:16px; margin-bottom:80px}.commitment-box h3 {font-size:32px; color:var(--white); text-align:center; margin-bottom:30px}.commitment-box p {font-size:16px; color:rgba(255,255,255,0.9); line-height:1.8; text-align:center; margin-bottom:20px}.values-images {margin-bottom:60px}.values-gallery {display:grid; grid-template-columns:repeat(4,1fr); gap:20px}.values-gallery img {width:100%; height:250px; object-fit:cover; border-radius:12px; box-shadow:0 5px 20px rgba(0,0,0,0.1); transition:transform 0.3s ease}.values-gallery img:hover {transform:scale(1.05)}/* Responsive - Corporate Pages */ @media (max-width:1024px) {.features-grid,.goals-grid,.values-grid {grid-template-columns:repeat(2,1fr)}.stats-row {grid-template-columns:repeat(2,1fr)}.about-gallery .gallery-grid {grid-template-columns:repeat(2,1fr)}.values-gallery {grid-template-columns:repeat(2,1fr)}}@media (max-width:768px) {.about-intro h2,.values-page .intro-text h2 {font-size:32px}.about-intro .lead,.values-page .lead {font-size:16px}.story-content,.mv-content,.mv-content.reverse,.commitment-content {grid-template-columns:1fr; gap:40px}.features-grid,.goals-grid,.values-grid,.stats-row {grid-template-columns:1fr}.about-stats {padding:40px 20px}.about-stats h3,.goals-section h2,.about-features-section h3,.about-gallery h3,.mv-text h2,.commitment-text h2,.commitment-box h3 {font-size:28px}.feature-box,.value-card,.goal-card {padding:30px 20px}.goals-section {padding:40px 20px}.values-commitment {padding:40px 20px}.about-gallery .gallery-grid,.values-gallery {grid-template-columns:1fr; gap:15px}.about-gallery .gallery-grid img,.values-gallery img {height:220px}}/* 404 Error Page Styles */ .error-404 {min-height:70vh; display:flex; align-items:center; justify-content:center; padding:80px 20px; background:linear-gradient(135deg,#f5f5f5 0%,#e3f2fd 100%)}.error-content {text-align:center; max-width:600px; margin:0 auto}.error-icon {font-size:80px; color:var(--primary-color); margin-bottom:20px; animation:pulse 2s ease-in-out infinite}@keyframes pulse {0%,100% {transform:scale(1); opacity:1}50% {transform:scale(1.1); opacity:0.8}}.error-title {font-size:120px; font-weight:700; color:var(--text-dark); margin:0; line-height:1; text-shadow:2px 2px 4px rgba(0,0,0,0.1)}.error-subtitle {font-size:32px; font-weight:600; color:var(--text-dark); margin:20px 0}.error-text {font-size:18px; color:var(--text-light); margin-bottom:40px; line-height:1.6}.error-actions {display:flex; gap:20px; justify-content:center; flex-wrap:wrap}.error-actions .btn-primary,.error-actions .btn-secondary {padding:15px 35px; font-size:16px; font-weight:500; border-radius:8px; transition:all 0.3s ease; display:inline-flex; align-items:center; gap:10px; text-decoration:none}.error-actions .btn-primary {background-color:var(--primary-color); color:var(--white); border:2px solid var(--primary-color)}.error-actions .btn-primary:hover {background-color:var(--secondary-color); border-color:var(--secondary-color); transform:translateY(-2px); box-shadow:var(--shadow-hover)}.error-actions .btn-secondary {background-color:transparent; color:var(--primary-color); border:2px solid var(--primary-color)}.error-actions .btn-secondary:hover {background-color:var(--primary-color); color:var(--white); transform:translateY(-2px); box-shadow:var(--shadow-hover)}/* Responsive 404 Page */ @media (max-width:768px) {.error-404 {min-height:60vh; padding:60px 20px}.error-icon {font-size:60px}.error-title {font-size:80px}.error-subtitle {font-size:24px}.error-text {font-size:16px}.error-actions {flex-direction:column; gap:15px}.error-actions .btn-primary,.error-actions .btn-secondary {width:100%; justify-content:center}}@media (max-width:480px) {.error-title {font-size:60px}.error-subtitle {font-size:20px}.error-text {font-size:14px}}