body {
  font-family: "Roboto", sans-serif;
}

.navbar {
  background-color: #19283f;
  color: white;
  position: sticky !important;
}
.navbar button {
  border-color: white;
}
.navbar button:focus {
  box-shadow: none;
}
.navbar button svg {
  color: #33d1cc;
}
.navbar .nav-item .nav-link {
  color: white;
}
.navbar .nav-item .nav-link:hover, .navbar .nav-item .nav-link:focus {
  color: #33d1cc;
}
.navbar .search {
  border-left: 2px solid #33d1cc;
  color: #33d1cc;
}

.main-btn {
  background-color: #ff3150;
  color: #ffc400;
}
.main-btn:hover {
  background-color: #ff3150;
  color: #19283f;
}

.landing {
  background-color: #19283f;
  height: calc(100vh - 73px);
}

.main-title::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  translate: -50% 0;
  width: 160px;
  height: 3px;
  background-color: #33d1cc;
}

.services .icons {
  height: 200px;
}
.services .icons svg {
  left: 50%;
  translate: -50% 0;
}
.services .icons .ico {
  color: #33d1cc;
}
.services .icons .num {
  color: #eff7fa;
}
.services .row h3 {
  color: #ffc400;
}

.portfolio {
  background-color: #eff7fa;
}
.portfolio ul .active {
  color: #ffc400;
  background-color: #ff3150;
}
.portfolio ul li {
  cursor: pointer;
}
.portfolio ul li:hover:not(.active) {
  color: #ff3150;
}
.portfolio .row .box {
  overflow: hidden;
}
.portfolio .row .box img {
  width: 100%;
}
.portfolio .row .box::after {
  content: attr(data-work);
  position: absolute;
  top: 0;
  right: 100%;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 209, 204, 0.76);
  color: white;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}
.portfolio .row .box:hover::after {
  right: 0;
}

.about .des {
  max-width: 500px;
}

.team {
  background-color: #eff7fa;
}
.team h2 {
  color: #ffc400;
}
.team .row h3 {
  background-color: #33d1cc;
}

.project {
  background-color: #19283f;
}

.subscribe {
  background-color: #ffc400;
}
.subscribe input[type=email] {
  border: none;
  border-bottom: 1px solid white;
}
.subscribe input[type=email]::-moz-placeholder {
  color: white;
}
.subscribe input[type=email]::placeholder {
  color: white;
}
.subscribe input[type=email]:focus {
  outline: none;
}
.subscribe input[type=submit] {
  color: #ffc400;
  background-color: #19283f;
}

footer {
  background-color: #19283f;
}
footer span:first-of-type {
  color: #33d1cc;
}
footer span:last-of-type {
  color: #ffc400;
}

.facebook {
  background-color: #1877f2;
}

.twitter {
  background-color: #1da1f2;
}

.linkedin {
  background-color: #0077b5;
}

.youtube {
  background-color: red;
}/*# sourceMappingURL=bondi.css.map */