body {
  font-size: 16px;
  color: #1B070A;
  font-family: "Open Sans", sans-serif;
  line-height: 1.2;
  overflow-x: hidden;
}

::-moz-selection {
  background-color: #1B070A;
  color: #FFE1E6;
}

::selection {
  background-color: #1B070A;
  color: #FFE1E6;
}

.bg-hero {
  background-color: #FFE1E6;
  background-image: url(../images/bg-hero.png);
  background-position: center;
  background-size: cover;
}

.title {
  font-size: 20px;
  font-weight: 600;
}

.content {
  font-size: 16px;
  color: #697586;
}

.nav-btn {
  background-color: #1B070A;
  color: #FD96A9;
  padding: 10px 20px;
  display: inline-block;
  text-decoration: none;
  border-radius: 30px;
  font-weight: 600;
}
.nav-btn:hover {
  background-color: #FD96A9;
  color: #F0F0F0;
}

.hero-btn {
  background-color: #FD96A9;
  color: #F0F0F0;
  padding: 10px 20px;
  display: inline-block;
  text-decoration: none;
  border-radius: 30px;
  font-weight: 600;
}
.hero-btn:hover {
  background-color: #1B070A;
  color: #FD96A9;
}

.comman-h2 {
  font-family: "Unbounded", sans-serif;
  font-size: 45px;
  position: relative;
}
.comman-h2::after {
  position: absolute;
  content: url(../images/line.png);
  right: 30%;
  top: 75%;
  z-index: -1;
}
@media (max-width: 991px) {
  .comman-h2::after {
    right: 10%;
    top: 85%;
    z-index: -1;
  }
}
@media (max-width: 486px) {
  .comman-h2::after {
    display: none;
  }
}
@media (max-width: 576px) {
  .comman-h2 {
    font-size: 35px;
  }
}

.comman-h3 {
  font-weight: 700;
  font-size: 35px;
}
@media (max-width: 576px) {
  .comman-h3 {
    font-size: 25px;
  }
}

.comman-h4 {
  font-weight: 700;
  font-size: 25px;
}
@media (max-width: 576px) {
  .comman-h4 {
    font-size: 22px;
  }
}

.bg-gray {
  background-color: #f6f7f9;
  padding: 20px;
  border-radius: 20px;
}

.bg-secondry {
  background-color: #FFE1E6;
  background-image: url(../images/bg-hero.png);
  background-position: center;
  background-size: cover;
  padding: 20px;
  border-radius: 20px;
}

.badge {
  background-color: rgb(242, 248, 152);
  color: #FD96A9;
  padding: 10px 20px;
  border-radius: 20px;
  display: inline-block;
  font-size: 16px;
}

.green {
  background-color: rgb(152, 248, 165);
}

.blue {
  background-color: rgb(197, 204, 243);
}

.navbar-brand {
  font-weight: 700;
  font-family: "Unbounded", sans-serif;
}

.navbar .navbar-brand {
  font-weight: 700;
  font-family: "Unbounded", sans-serif;
}
.navbar .nav-link {
  font-weight: 500;
  color: #1B070A;
}
.navbar .nav-link:hover {
  color: #FD96A9;
}
.navbar .cart {
  color: #1B070A;
  text-decoration: none;
}
.navbar .cart:hover {
  color: #FD96A9;
}
@media (max-width: 991px) {
  .navbar .navbar-collapse {
    background-color: #F0F0F0;
    padding: 30px;
    border-radius: 20px;
  }
}

.hero .hero-heading {
  font-size: 70px;
  font-family: "Unbounded", sans-serif;
  white-space: pre;
}
@media (max-width: 1400px) {
  .hero .hero-heading {
    white-space: normal;
    font-size: 55px;
  }
}
@media (max-width: 1200px) {
  .hero .hero-heading {
    font-size: 45px;
  }
}
@media (max-width: 576px) {
  .hero .hero-heading {
    font-size: 35px;
  }
}
.hero .hero-content {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  white-space: pre;
}
@media (max-width: 1400px) {
  .hero .hero-content {
    white-space: normal;
  }
}

.Feature .content {
  color: #697586;
}
.Feature .col .bg-gray {
  height: 100%;
}

.work .comman-h2::after {
  content: url(../images/wiev.png);
  top: 55%;
}
@media (max-width: 991px) {
  .work .comman-h2::after {
    right: 30%;
    top: 55%;
    z-index: -1;
  }
}
.work .badge {
  border-radius: 50%;
  padding: 20px;
}

.pricing .bg-gray, .pricing .bg-secondry {
  height: 100%;
}
.pricing .comman-h3 {
  font-size: 55px;
  font-family: "Unbounded", sans-serif;
}
.pricing .comman-h3 span {
  color: #FD96A9;
  font-size: 18px;
  font-weight: 400;
}
.pricing .comman-h3 .sub {
  font-family: "Open Sans", sans-serif;
  font-size: 16px !important;
  color: #1B070A !important;
}
.pricing .fature i {
  padding: 5px;
  background-color: #fff;
  border-radius: 20px;
}

.about img {
  border-radius: 20px;
}

footer .container {
  background-color: #FFE1E6;
  background-image: url(../images/bg-hero.png);
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  color: #1B070A !important;
}
footer .container ul {
  list-style: none;
  padding-left: 0%;
}
footer .container ul li {
  font-size: 14px;
  margin-bottom: 5px;
}/*# sourceMappingURL=style.css.map */