@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");:root {--primary-dark-blue: #002a4d;--yellow-accent: #ffd243;--light-gray-bg: #f5f5f5;--text-color: #333;}body {background-color: var(--light-gray-bg);color: var(--text-color);font-family: "Poppins", Arial, sans-serif;line-height: 1.6;margin: 0;padding: 0;}.navbar {background-color: #9ab;padding: 1rem 0;position: fixed;width: 100%;top: 0;z-index: 1000;box-shadow: 0 2px 4px rgb(0 0 0 / 0.1);}.navbar-brand {display: flex;align-items: center;color: #fff;text-decoration: none;font-size: 1.25rem;}.navbar-brand img {margin-right: 1rem;}.nav-link {color: #fff;text-decoration: none;padding: 0.5rem 1rem;transition: color 0.3s ease;}.nav-link:hover {color: var(--yellow-accent);}.hero {background: linear-gradient(rgb(0 0 0 / 0.7), rgb(0 0 0 / 0.7)), url(../assets/background/skyscrape.webp);height: 80vh;background-size: cover;background-position: center;display: flex;align-items: center;justify-content: center;color: #fff;text-align: center;margin-top: 76px;}.hero-content h1 {font-size: 3.5rem;margin-bottom: 1rem;}.hero-content p {font-size: 1.25rem;max-width: 800px;margin: 0 auto;}section {padding: 5rem 0;}.section-title {font-size: 2.5rem;margin-bottom: 3rem;text-align: center;position: relative;padding-bottom: 1rem;}.section-title::after {content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 80px;height: 4px;background-color: var(--yellow-accent);}.about-card {background: #fff;border-radius: 15px;padding: 2.5rem;box-shadow: 0 4px 6px rgb(0 0 0 / 0.1);margin-bottom: 2rem;}.lead {font-size: 24px;font-family: Poppins;}.vision-mission-card {background: #fff;border-radius: 15px;height: 100%;transition: transform 0.3s ease;box-shadow: 0 4px 6px rgb(0 0 0 / 0.1);}.vision-mission-card:hover {transform: translateY(-5px);}.vision-mission-card .card-header {background: var(--primary-dark-blue);color: #fff;padding: 1.5rem;border-radius: 15px 15px 0 0;font-size: 1.5rem;}.vision-mission-card .card-body {padding: 1.5rem;}.visi .misi {font-family: Poppins;font-size: 50px;}.org-card {background: #fff;border-radius: 15px;padding: 2rem;margin-bottom: 2rem;box-shadow: 0 4px 6px rgb(0 0 0 / 0.1);}.org-position {border-left: 4px solid var(--yellow-accent);padding-left: 1rem;margin-bottom: 2rem;}.business-link {text-decoration: none;color: inherit;display: block;}.people-card {background: #fff;border-radius: 15px;padding: 2rem;margin-bottom: 2rem;box-shadow: 0 4px 6px rgb(0 0 0 / 0.1);height: 100%;display: flex;flex-direction: column;}.people-image {width: 100%;height: 400px;object-fit: cover;border-radius: 10px;margin-bottom: 1.5rem;}.people-content {flex: 1;display: flex;flex-direction: column;}.people-content h3 {color: var(--primary-dark-blue);margin-bottom: 1rem;}.people-content p {color: var(--text-color);margin-bottom: 1rem;}.business-card {position: relative;height: 300px;border-radius: 15px;overflow: hidden;margin-bottom: 2rem;box-shadow: 0 4px 6px rgb(0 0 0 / 0.1);}.business-card img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}.business-card:hover img {transform: scale(1.05);}.business-overlay {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent, rgb(0 0 0 / 0.8));padding: 2rem;color: #fff;}.customer-card {background: #fff;border-radius: 15px;padding: 2rem;margin-bottom: 2rem;box-shadow: 0 4px 6px rgb(0 0 0 / 0.1);height: 100%;}.customer-image {width: 100%;height: auto;object-fit: cover;border-radius: 10px;}.value-card {background: #fff;border-radius: 15px;padding: 2rem;margin-bottom: 2rem;text-align: center;transition: transform 0.3s ease;box-shadow: 0 4px 6px rgb(0 0 0 / 0.1);}.value-card:hover {transform: translateY(-5px);}.value-icon {font-size: 2.5rem;color: var(--primary-dark-blue);margin-bottom: 1rem;}.contact-section {background-color: var(--primary-dark-blue);color: #fff;padding: 5rem 0;}.contact-info {display: flex;justify-content: center;gap: 3rem;flex-wrap: wrap;}.contact-item {display: flex;align-items: center;gap: 1rem;}.contact-icon {font-size: 2rem;color: var(--yellow-accent);}.legal-grid-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;max-width: 1200px;margin: 0 auto;padding: 2rem;}.legal-item {background: #fff;border-radius: 15px;padding: 2rem;text-align: center;box-shadow: 0 4px 6px rgb(0 0 0 / 0.1);transition: all 0.3s ease;display: flex;flex-direction: column;align-items: center;height: 200px;justify-content: center;}.legal-item:hover {transform: translateY(-5px);box-shadow: 0 8px 16px rgb(0 0 0 / 0.1);}.legal-icon {width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;border-radius: 50%;background: var(--light-gray-bg);}.legal-icon i {font-size: 1.8rem;color: var(--primary-dark-blue);}.legal-content {flex: 1;display: flex;flex-direction: column;justify-content: center;}.legal-content h4 {font-size: 1.2rem;font-weight: 600;color: var(--primary-dark-blue);margin-bottom: 0.5rem;}.legal-content p {font-size: 1rem;color: #666;margin: 0;line-height: 1.5;}@media (max-width: 1200px) {.legal-grid-container {grid-template-columns: repeat(3, 1fr);}}@media (max-width: 992px) {.legal-grid-container {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 576px) {.legal-grid-container {grid-template-columns: 1fr;}.legal-item {height: 180px;}}footer {background-color: #001a2f;color: #fff;padding: 3rem 0;text-align: center;}.footer-content {max-width: 1200px;margin: 0 auto;padding: 0 1rem;}.footer-links {display: flex;justify-content: center;gap: 2rem;margin-bottom: 2rem;}.footer-links a {color: #fff;text-decoration: none;transition: color 0.3s ease;}.footer-links a:hover {color: var(--yellow-accent);}@media (max-width: 768px) {.hero-content h1 {font-size: 2.5rem;}.section-title {font-size: 2rem;}.contact-info {flex-direction: column;align-items: center;}}