#nav-menu-logo-social .bg-wrap {
  background: linear-gradient(to right, #000, #00c0ff);
}
#header-carousel .bg {
  opacity: 1;
}
#header-carousel .bg-wrap {
  background: #000;
}
#action-img-text-btn .bg-wrap {
  background-color: #af9f8c;
}
#text-1col .bg-wrap {
  background: #eee;
}
#desc-img-list-3col .bg-wrap {
  background: #f4f5f6;
}
#sep-bottom-3 .bg-wrap {
  background-color: rgba(255, 255, 255, 0);
}
#benefits-4col-4 .bg-wrap {
  background-color: #f4f5f6;
}
#benefits-3col-3 .bg-wrap {
}
#sep-top-2 .bg-wrap {
  background-color: rgba(255, 255, 255, 0);
}
#sep-bottom-2 .bg-wrap {
  background-color: rgba(255, 255, 255, 0);
}
#action-text-btn-2 .bg {
  background-image: url(../images/chama_ac.png);
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 1;
}
#action-text-btn .bg-wrap {
  background: #fff;
}
#text-1col .bg-wrap {
  background: #fff;
}
#benefits-3col-12--0 .bg-wrap {
  background-color: #f4f5f6;
}
#desc-text-img .bg-wrap {
  background: #444;
}
#sep-bottom-8--0 .bg-wrap {
  background-color: rgba(255, 255, 255, 0);
}
#sep-bottom-8--0 .bg {
  background-image: url(../images/bg-paint-bottom.png);
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: auto 50px;
}
#clients-5col-2 .bg-wrap {
  background: #fff;
}
#gallery-fluid-carousel-3 .bg-wrap {
  background: #fff;
}
#footer-logo-social .bg-wrap {
  background: #eee;
}
#footer-logo-text-2 .bg-wrap {
  background: linear-gradient(to right, #000, #00c0ff);
}

.modal-content {
  background: white;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  padding: 40px;
  max-width: 500px;
  width: 100%;
}

.form-control {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 14px;
  transition: border-color 0.3s;
}

.form-control:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 5px rgba(102, 126, 234, 0.3);
}

.contact-info {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #eee;
  font-size: 14px;
  color: #666;
  line-height: 1.8;
}

.contact-info a {
  color: #667eea;
  text-decoration: none;
}

.contact-info a:hover {
  text-decoration: underline;
}

.alert {
  padding: 12px;
  margin-bottom: 20px;
  border-radius: 5px;
  display: none;
}

.alert.success {
  background: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
  display: none;
}

.alert.error {
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
  display: none;
}

.alert.show {
  display: block;
}
