* {box-sizing: border-box;}body {margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 18px;line-height: 1.6;background: #ffffff;}header {color: #000;padding: 15px 20px;display: flex;justify-content: space-between;align-items: center;position: fixed;width: 100%;z-index: 1000;transition: background-color 0.3s ease, padding 0.3s ease, height 0.3s ease;}header.scrolled {color: #fff;background-color: rgba(51, 51, 51, 1);padding: 10px 20px;}header.scrolled nav ul li a {color: #fff;}header h1 {font-size: 36px;transition: font-size 0.3s ease;}header.scrolled h1 {font-size: 24px;}#navbar {display: flex;justify-content: center;align-items: center;transition: padding 0.3s ease;}#navbar.scrolled {padding: 10px 0;}nav ul {list-style-type: none;margin: 0;padding: 0;display: flex;}nav ul li {margin: 0 15px;}nav ul li a {color: #000;text-decoration: none;font-size: 18px;transition: color 0.3s ease;}nav ul li a:hover {color: #ffcc00;}.hamburger-menu {display: none;flex-direction: column;cursor: pointer;}.hamburger-menu .bar {width: 25px;height: 3px;background-color: #fff;margin: 3px 0;}header.scrolled {height: 60px;}header.scrolled h1 {font-size: 24px;}.inner-layout {height: 100vh;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;background-color: #fff;color: #ffffff;position: relative;border-radius: 0;}.inner-layout h2 {color: #000;}.inner-layout p {color: #000;}.scroll-message {position: absolute;bottom: 20px;text-align: center;color: #000;animation: bounce 1s infinite;}.scroll-icon {margin-bottom: 5px;animation: bounce 1s infinite;width: 30px;height: auto;}.scroll-message span {display: block;}@keyframes bounce {0%, 100% {transform: translateY(0);}50% {transform: translateY(-10px);}}.container {width: 100%;padding: 0px;background: rgba(255, 255, 255, 0.8);}h2 {font-size: 28px;margin-top: 20px;text-align: center;color: #333;}p {color: #555;}section {padding: 30px;margin: 0;border-radius: 10px;}section h2 {font-size: 24px;margin-bottom: 15px;}.site-footer {background-color: #222;color: #ffffff;text-align: center;padding: 20px 0;position: relative;width: 100%;}.footer-content {max-width: 1200px;margin: 0 auto;padding: 0 15px;}footer p {color: #fff;margin: 0;font-size: 16px;line-height: 1.5;}.contact-details {list-style-type: none;padding: 0;margin: 10px 0;}.contact-details li {display: inline;margin-right: 15px;color: #ffffff;}.contact-details li:last-child {margin-right: 0;}.image-album {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 10px;margin-top: 20px;transition: transform 0.3s, filter 0.3s;}.image-album img {width: 100%;height: 200px;object-fit: cover;border-radius: 8px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);transition: transform 0.3s;}.image-album img:hover {transform: scale(1.05);filter: brightness(1.1);}.project-set {margin-bottom: 30px;}.overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);justify-content: center;align-items: center;z-index: 1001;}.overlay img {max-width: 90%;max-height: 90%;border-radius: 8px;opacity: 0;transition: opacity 0.5s ease, transform 0.5s ease;}.overlay img.visible {opacity: 1;}.overlay img.slide-in {transform: translateX(0);}.overlay img.slide-out {opacity: 0;transform: translateX(50px);}.close-btn {position: absolute;top: 20px;right: 30px;color: #fff;font-size: 30px;cursor: pointer;}.prev-btn, .next-btn {position: absolute;top: 50%;transform: translateY(-50%);background-color: #ffcc00;border: 1px solid transparent;padding: 10px;cursor: pointer;border-radius: 5px;font-size: 24px;color: #333;transition: background-color 0.3s, transform 0.3s;}.prev-btn {left: 20px;}.next-btn {right: 20px;}.prev-btn:hover, .next-btn:hover {background-color: #ffd700;transform: scale(1.05);}.map-container {width: 100%;height: 500px;overflow: hidden;}.map-container iframe {width: 100%;height: 100%;border: 0;}.map-container p {text-align: center;}#services {padding: 40px 20px;background-color: #f9f9f9;}.services-container {display: flex;flex-wrap: wrap;justify-content: center;}#services {padding: 40px 0;background-color: #f9f9f9;text-align: center;}.services-container {display: flex;flex-wrap: wrap;justify-content: center;max-width: 1400px;margin: 0 auto;}.service-item {flex: 1 1 220px;margin: 15px;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);transition: transform 0.3s;max-width: 600px;}.service-item img {width: 100%;height: 500px;object-fit: contain;object-position: center;border-radius: 8px;}.service-item p {padding: 15px;font-size: 18px;color: #333;line-height: 1.5;}.service-item:hover {transform: translateY(-5px);}.reverse {flex-direction: row-reverse;}#about {text-align: center;padding: 20px;}.about-images {display: flex;flex-direction: column;align-items: center;gap: 20px;margin-top: 20px;}.about-images img {width: 90%;max-width: 800px;height: auto;border-radius: 8px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);transition: transform 0.3s;}.about-images img:hover {transform: scale(1.05);}@media (max-width: 1024px) {.map-container {height: 400px;}header {color: #fff;background-color: rgba(51, 51, 51, 1);padding: 10px 20px;height: 60px;}header h1 {font-size: 24px;transition: none;}#navbar {justify-content: space-between;}.hamburger-menu {color: #fff;display: flex;margin-left: auto;z-index: 1001;}nav ul {display: none;flex-direction: column;position: absolute;top: 60px;left: 0;width: 100%;background: rgba(51, 51, 51, 0.9);padding: 10px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);}header.scrolled {transition: background-color 0.2s ease;}.hamburger-menu {display: flex;}.inner-layout {height: 100vh;padding: 0;margin: 0;}.text-content {max-width: 90%;}h2 {font-size: 28px;color: #000;}p {color: #000;}h2 {font-size: 28px;}.image-album {display: block;}.service-item {flex-direction: column;align-items: center;text-align: center;flex: 1 1 45%;}.service-item img {width: 100%;height: 300px;object-fit: cover;border-radius: 8px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);object-fit: contain;}.service-item p {width: 100%;padding: 10px;}.services-container {width: 100%;}.about-images {flex-direction: column;}.about-images img {width: 90%;max-height: 650px;}#services {padding: 40px 20px;background-color: #f9f9f9;text-align: center;}#services h2 {color: #000;}.services-container {display: flex;flex-wrap: wrap;justify-content: center;max-width: 1200px;margin: 0 auto;}.service-item {flex: 1 1 45%;margin: 15px;text-align: center;}.service-item p {padding: 15px;font-size: 16px;color: #333;line-height: 1.5;}footer p {font-size: 14px;}.inner-layout img {width: 100%;height: auto;max-height: 300px;object-fit: contain;}.project-set p {text-align: center;}}@media (min-width: 1124px) {#projects {display: flex;flex-direction: column;align-items: center;margin: 40px 0;}.project-set {display: flex;align-items: center;margin-bottom: 40px;width: 80%;flex-direction: row;justify-content: center;}.project-set.left {flex-direction: row;}.project-set.right {flex-direction: row-reverse;}.project-set p {width: 50%;margin: 0;padding: 20px;text-align: center;}.image-album {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;width: 100%;margin-top: 20px;}.image-album img {width: 100%;height: 300px;object-fit: cover;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);transition: transform 0.3s, box-shadow 0.3s;}.image-album img:hover {transform: scale(1.05);box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);}}