/* ----------------------------------------
        google fonts
----------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope&display=swap");

/* ----------------------------------------
        common styles or utilities
----------------------------------------*/
body {
  font-family: "Poppins", sans-serif;
  color: #ffffff;
  margin: 0;
  padding: 0;
}

/* ----------------------------------------
        header style
----------------------------------------*/

header {
  background-color: #264653;
}

.btn {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: white;
  font-size: 14px;
  background: #e76f51;
  padding: 10px 24px;
  text-decoration: none;
}

.btn:hover {
  background: #f04141;
  text-decoration: none;
  color: #e0e0e0;
}

.row {
  align-items: center;
}
.banner-para-1-font {
  font-size: 14px;
}
.banner_content {
  margin-top: -20%;
}
.banner_content h2 {
  font-size: 48px;
  font-weight: 600;
}
.banner_content p {
  font-size: 14px;
  font-size: smaller;
  font-weight: 300;
  color: #e0e0e0;
}

/* ----------------------------------------
        featured bikes
----------------------------------------*/

.feature-margin {
  margin-top: 7%;
}

/* ----------------------------------------
        Latest News
----------------------------------------*/

.common_heading > h2 {
  font-style: normal;
}

.casual_news img {
  background: #f1f1f1;
  border-radius: 20px;
  margin: 4%;
}

.card_edit {
  padding: 10px 10px;
  border-radius: 10px;
  box-shadow: -1px 5px 20px 0px rgb(0 0 0 / 8%);
}

.card_content h5 {
  font-weight: 600;
  font-style: normal;
  color: #18191f;
}

.card_content p {
  color: #18191f;
  font-weight: 400;
}

/* ----------------------------------------
        Reviews
----------------------------------------*/

.review-icon-color {
  color: #e77c40;
}
.reviewer-text-color {
  color: #23a6f0;
}

/* ----------------------------------------
        FAQ
----------------------------------------*/

.accordion-text {
  color: #7e848c;
  font-size: 14px;
  line-height: 28px;
  font-weight: 300;
}

/* ----------------------------------------
        Bike Blog
----------------------------------------*/

#blog {
  background-image: url(images/exp-bg.png);
  background-repeat: no-repeat;
  background-position-y: top;
  background-position-x: left;
}

/* ----------------------------------------
        Contact
----------------------------------------*/

#contact {
  background-image: url(images/dream-bg.png);
  background-repeat: no-repeat;
  background-position-y: top;
  background-position-x: right;
}

/* ----------------------------------------
        Contact
----------------------------------------*/

.footer {
  margin-top: 5%;
  background-color: #0b0d17;
  color: #ffffff;
  font-family: "Manrope", sans-serif;
}