/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  #hero {
    background: url(../../assets/img/hero-small-bg.jpg) top center; } }

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients .clients-slider .swiper-slide img {
  opacity: 0.5;
  transition: 0.3s; }

.clients .clients-slider .swiper-slide img:hover {
  opacity: 1; }

.clients .clients-slider .swiper-pagination {
  margin-top: 20px;
  position: relative; }

.clients .clients-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #4154f1; }

.clients .clients-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #4154f1; }

#contact .php-email-form button[type="submit"] {
  background: #2dc997;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s; }

#contact .php-email-form button[type="submit"]:hover {
  background: #51d8ad; }

#contact .php-email-form button[type="submit"] {
  background: #2dc997;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s; }

#contact .php-email-form button[type="submit"]:hover {
  background: #51d8ad; }

#contact button[type="submit"] {
  background: #73BA2E;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s; }

#contact button[type="submit"]:hover {
  background: #8fc757; }

.error {
  color: red; }