.appie-hero-area.appie-hero-8-area {
  background: #eef1f6;
}
.appie-hero-area.appie-hero-8-area .appie-hero-content-4 .appie-title {
  font-size: 70px;
  line-height: 80px;
  font-weight: 700;
  background: linear-gradient(90deg, #fb2d4e 25%, #4e88ff 75%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.appie-hero-content.appie-hero-content-4 a.main-btn {
  border-color: #ff3e66;
  color: #ff3e66;
}

.appie-hero-content.appie-hero-content-4 a.main-btn:hover {
  background: #ff3e66;
  color: #fff;
}

.appie-hero-content-4 .input-box {
  position: relative;
  margin-top: 40px;
  width: 400px;
}
@media (max-width: 767px) {
  .appie-hero-content-4 .input-box {
    width: 100%;
  }
}
.appie-hero-content-4 .input-box > i {
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  color: #c3c3cc;
}
.appie-hero-content-4 .input-box input {
  width: 100%;
  height: 60px;
  border-radius: 40px;
  border: 0;
  border-left: 3px solid #ff3e66;
  padding-left: 55px;
  box-shadow: -3px 0px 0px 0px rgba(255, 62, 102, 0.004), 0px 30px 30px 0px rgba(14, 17, 51, 0.1);
}
.appie-hero-content-4 .input-box button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  background: #fff;
  border-radius: 50%;
  border: 0;
  color: #ff3e66;
}

/* contact us */
.appie-page-title-area {
  /* height: auto !important; */
  height: 250px;
  background-position: bottom;
}
.appie-hero-area.contact {
  padding-top: 140px;
  padding-bottom: 60px;
}

/* error */
.appie-error-area {
  margin-bottom: 80px;
  padding-top: 200px;
}

.appie-error-content a {
  border-color: #095256;
  color: #095256;
}

.footer-about-widget .logo img {
  width: 180px;
}

.single-info p i,
.footer-widget-info ul li a i,
.appie-hero-content-4 .input-box button {
  color: #095256;
}

.back-to-top a,
.back-to-top.back-to-top-2 a,
.contact-form input[type='submit'],
.appie-header-area.appie-header-2-area .appie-btn-box .main-btn,
.canvas_close a {
  background: #087f8c;
  border-color: #087f8c;
}
.appie-header-area.appie-header-2-area .appie-btn-box .main-btn:hover {
  color: #095256;
}

.appie-hero-content-4 .input-box input {
  border-left-color: #087f8c;
}
.offcanvas-brand {
  padding: 0 40px;
}
.appie-hero-area.appie-hero-8-area .appie-hero-content-4 .appie-title {
  font-size: 70px;
  line-height: 80px;
  font-weight: 700;
  background: linear-gradient(135deg, #087f8c 15%, #4e88ff 55%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.appie-sponser-box .sponser-item {
  height: 120px;
  width: 120px;

  padding: 10px;
}

@media (max-width: 767px) {
  .appie-hero-content.appie-hero-content-4 .appie-title {
    font-size: 40px !important;
    line-height: 60px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appie-hero-content-4 .input-box {
    width: 100% !important;
  }
}

/* brand colors 095256 087f8c 5aaa95 1f1f1f */
/* https://coolors.co/095256-087f8c-5aaa95-1f1f1f-cdd1c4 */