body {
  font-family: 'Roboto', sans-serif;
  background-color: #000;
  color: #ecf0f1;
  padding-top: 70px;
}

.navbar {
  background-color: #2C3E50;
}

.nav-link {
  font-weight: 1000;
  color: #ecf0f1 !important;
}

.btn-warning {
  background-color: #F1C40F;
  color: #2C3E50;
  font-weight: 700;
}

.hero {
  height: 70vh;
  background: url('images/hero2.jpg') center/cover no-repeat;
  position: relative;
}

.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  /* background-color: rgba(44, 62, 80, 0.7); */
}

.hero .container {
  position: relative;
  z-index: 1;
}

.intro {
  background-color: #ecf0f1; /* Tertiary color for light background */
  color: #2C3E50; /* Primary color for text contrast */
}

.intro h2 {
  color: #2C3E50; /* Ensures heading stands out clearly */
}

.intro .lead {
  max-width: 850px;
  margin: auto;
}

.services {
  background-color: #2C3E50;
}

.about, .projects {
  background-color: #ecf0f1; /* Lighter tertiary color */
  color: #2C3E50; /* Primary color for clear readability */
}

.about .lead {
  max-width: 850px;
  margin: auto;
}

.about {
  background-color: #ecf0f1;
  color: #2C3E50;
}

.about img {
  max-height: 400px;
  object-fit: cover;
}

.about h2, .about h3 {
  color: #2C3E50;
}

.about ul {
  padding-left: 0;
}


.projects .card {
  background-color: #ffffff; /* White background for cards */
  color: #2C3E50;
  border: none;
  box-shadow: 0 4px 10px rgba(44, 62, 80, 0.1);
}

.projects .card-title {
  color: #2C3E50;
  font-weight: 700;
}

.projects .card-text {
  color: #34495e;
}

.brands {
  background-color: #ecf0f1;
  overflow: hidden;
}


.brands h2 {
  color: #2C3E50 !important; /* explicitly set heading color */
}

.carousel-container {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.carousel-track {
  display: flex;
  align-items: center;
  animation: scroll 20s linear infinite;
}

.brand-logo {
  flex: 0 0 auto;
  width: 200px;
  padding: 15px;
  opacity: 0.8;
  transition: opacity 0.3s ease-in-out;
}

.brand-logo:hover {
  opacity: 1;
}

@keyframes scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.cta-section {
  background-color: #2C3E50;
  color: #ecf0f1;
}

.cta-section .btn-warning {
  color: #2C3E50;
  font-weight: 700;
  transition: transform 0.3s ease;
}

.cta-section .btn-warning:hover {
  transform: translateY(-3px);
}

.quote {
  background-color: #ffffff; /* White background */
  color: #2C3E50;            /* Primary dark text color for contrast */
}

.quote .form-control {
  background-color: #ecf0f1; /* Slightly off-white background for inputs */
  border: 1px solid #ced4da;
  color: #2C3E50;
}

.quote .form-label {
  font-weight: 500;
  color: #2C3E50;
}

.quote .btn-warning {
  color: #2C3E50;
  font-weight: 700;
}


.footer {
  background-color: #1a252f;
}