/* .pricing-wrapper {
  margin: 10px auto;
  text-align: center;
  display: block;
} */

/* .pricing-cover {
  padding-left: 30px;
  padding-right: 30px;
  margin: 3px auto;
  text-align: center;
  display: block;
} */

@media (max-width: 640px) {
  .pricing-cover {
    padding: 5px;
  }
  /* .pricing {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    margin: 10px 30px;
  } */

  .pricing-text {
    font-size: 20px;
    padding: 30px;
    margin-top: 20px auto;
    text-align: center;
    font-weight: 500;
    font-family: "Poppins";
  }

  /* .pricing {
    position: relative;
    left: -10px;
  } */
}

.pricing-text {
  font-size: 25px;
  padding: 30px;
  margin-top: 20px auto;
  text-align: center;
  font-weight: 500;
  font-family: "Poppins";
}

#pricing-note {
  /* background-color: #fff; */
  padding-top: 20px;
  color: #333;
  border: none;
  border-color: #fff;
  text-align: right;
  padding-left: 100px;
  padding-right: 20px;
}

#pricing-basic {
  background: #ddd;
}

/* .pricing {
  background: #8be7d0;
  margin: 10px 0px;
  padding: 10px 7px;
  color: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
} */

/* .pricing .thumbnail {
  background: #fff;
  background: rgba(255, 255, 255, 0.2);
  display: block;
  width: 30px;
  height: 30px;
  margin: 5px auto;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  font-size: 15px;
  line-height: 10px;
  text-align: center;
} */

#pricing-basic .title {
  /* cursor: pointer; */
  /* background: #a8b4b6; */
  background: #55cfb1;
  margin: 7px 0 0;
  padding: 5px;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
}

/* .pricing .title {
  cursor: pointer;
  background: #55cfb1;
  margin: 7px 0 0;
  padding: 5px;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
} */

/* .pricing .sub-title {
  background: #eee;
  padding: 10px;
  color: #666;
  font-size: 10px;
  font-weight: 400;
  text-align: center;
} */

.pricing .content ul,
#pricing-note .row ul {
  list-style: none;
  background: #fff;
  margin: 0;
  padding: 0;
  color: #666;
  font-size: 14px;
}

.pricing .content ul li,
#pricing-note .row ul li {
  padding: 7px 15px;
  font-size: 13px;
  font-family: "Roboto", "sans-serif";
}

.pricing .content ul li:nth-child(2n),
#pricing-note .row ul li:nth-child(2n) {
  background: #f3f3f3;
}

.pricing .content ul li .fa {
  width: 16px;
  margin-right: 10px;
  text-align: center;
}

.pricing .content ul li .fa-check {
  color: #2ecc71;
}

.pricing .content ul li .fa-close {
  color: #e74c3c;
}

.pricing .content a {
  display: block;
  /* background: #2980b9; */
  /* background: #3498db; */
  /* background: #ddd; */
  max-width: 180px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 10px 15px;
  /* color: #fff; */
  /* color: #ddd; */
  font-size: 14px;
  /* font-weight: 400; */
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}

.pricing .content button {
  margin-top: 20px;
}

.pricing .content a:hover {
  /* background: #34495e; */
  background: #3498db;
  /* IE Fallback */
  /* background: rgba(52, 73, 94, 0.7); */
}

#pricing-basic .content a:hover {
  /* background: #34495e; */
  background: #ddd;
}

/* Global Reset */
/* body, h3, p, ul, li {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
} */

/* Responsive Wrapper */
.pricing-wrapper {
  margin: 10px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

/* Pricing Cards */
.pricing-cover {
  flex: 1 1 100%;
  padding: 5px 15px;
  text-align: center;
}

.pricing {
  flex: 1 1 calc(33.33% - 20px);
  margin: 0 10px;
  padding: 20px;
  background: #8be7d0;
  border-radius: 8px;
  color: #333;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  text-align: center;
}

/* For Small Devices */
@media (max-width: 768px) {
  .pricing {
    flex: 1 1 calc(50% - 20px);
  }
  .pricing a.btn {
    font-size: 7px;
  }
}

@media (max-width: 576px) {
  .pricing {
    flex: 1 1 100%;
    margin: 10px;
  }
  .pricing-bottom {
    border-radius: 8px;
  }

  .anim-image {
    height: 150px;
  }
}

/* Typography */
.pricing h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.pricing .thumbnail {
  width: 50px;
  height: 50px;
  margin: 10px auto;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pricing .title {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  background: #55cfb1;
  padding: 5px;
  border-radius: 5px;
  color: #fff;
}

.pricing .sub-title {
  margin: 5px 0 10px;
  font-size: 12px;
  color: #555;
}

.pricing ul {
  list-style: none;
  padding: 0;
}

/* .pricing ul li {
  margin: 5px 0;
} */

.pricing ul li .fa-check {
  color: #2ecc71;
}

.pricing ul li .fa-close {
  color: #e74c3c;
}

/* Buttons */
.pricing a.btn {
  display: block;
  margin: 10px auto;
  padding: 7px 16px;
  font-size: 10px;
  color: #fff;
  background: #3498db;
  text-decoration: none;
  border-radius: 5px;
  /* font-weight: bold; */
  transition: background 0.3s ease;
}

.pricing a.btn:hover {
  background: #2980b9;
}
.pricing-top {
  border-radius: 8px 8px 0px 0px;
}
.pricing-bottom {
  border-radius: 0px 0px 8px 8px;
}
.anim-image {
  background-image: url("../../assets/images/grow your lpg business lpginnigeria cooking gas depot prices.gif");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}