*
{
  margin: 0;
  padding: 0;
}
body
{
  font-family: sans-serif;
}
#nav-bar
{
  position: sticky;
  top: 0;
  z-index: 10;
}
.navbar
{
  background-color: #F86045;
  padding: 0 !important;
}
.navbar-brand
{
  height: 40px;
  padding-left: 20px;
  color: #fff !important;
}
.navbar-nav li
{
  padding: 0 10px;
}

.navbar-nav li a
{
  color: #fff !important;
  font-weight: 600;
  float: right;         <!-- For Aligning tab bar items ot the left/right  when on mobile -->
  text-align: left;
}

.fa-bars
{
  color: #fff;
  font-size: 30px !important
}

.navbar-toggler
{
  outline: none !important
}

/*-----banner Section---*/

#banner
{
  background-color: #F86045; <!-- For changing main color-->
  color: #fff;
  padding-top: 5%;
}
.promo-title
{
 font-size: 40px;
 font-weight: 600;
 margin-top: 100px;
 color: #fff;
}
.promo-title-description
{
  color: #fff;
}
.playStore-btn
{
 width: 250px;
 height:120px;
 margin: 20px;
}

#banner a
{
   color: #fff;
   text-decoration: none;
}
.bottom-img
{
width: 100%;
}

/*-----Services Section---*/
#services
{
  padding: 80px 0;
}

.service-img
{
  width: 100px;
  margin-top: 20px;
}

.services
{
  padding: 20px;
}

.services h4
{
  padding: 5px;
  margin-top: 25px;
  text-transform: uppercase;
}

.title::before
{
  content: '';
  background: #F86045;
  height: 5px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  transform: translateY(63px);
}

/* .title::after
{
  content: '';
  background: #F86045;
  height: 10px;
  width: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  display: block;
  transform: translateY(8px);
} */
#services .btn-primary
{
  box-shadow: none;
  padding: 8px 25px;
  border: none;
  border-radius: 20px;
  background-image: linear-gradient(to right, #a517ba, #5f1782);
}

/*-----About Us Section---*/
#about-us
{
  background: #f8f9fa;
  padding-bottom: 50px;
  padding-top: 50px;
}

.about-title
{
  font-size: 40px;
  font-weight: 600;
  margin-top: 8%;
}
#about-us ul li
{
  margin: 10px 0;
}

#about-us ul
{
  margin-left: 20px;
}

/*-----Social Media Section---*/
#social-media
{
  background: #fff;
  padding: 100px 0;
}

#social-media p {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 30px;
}

.social-icons img
{
  width: 60px;
  transition: 0.5s;
}
.social-icons a:hover img
{
  transform: translateY(-10px);
}

/*-----Footer Section---*/
#footer
{
  background-color: #F86045;
  color: #fff;
  padding-left: 20px;
}

#footer-img
{
  width: 100%;
  margin-left:auto;
}
.footer-box
{
  padding: 20px;
}
.footer-box img
{
  width: 120px;
  margin-bottom: 20px;
  height: 100px;
}

.footer-box .fa
{
   margin-right: 8px;
   font-size: 25px;
   height: 40px;
   width: 40px;
   text-align: center;
   padding-top: 7px;
   border-radius: 2px;
   background-image: linear-gradient(to right, #a517ba, #5f1782);
}

.footer-box .form-control
{
  box-shadow: none !important;
  border: none;
  border-radius: 0;
  margin-top: 25px;
  max-width: 250px;
}

.footer-box .btn-primary
{
  box-shadow: none !important;
  border: none;
  border-radius: 0;
  margin-top: 30px;
  background-image: linear-gradient(to right, #a517ba, #5f1782);
}

.footer-link {
  color: #fff; /* Set the default link color to white */
  text-decoration: none;
}

.footer-link:hover {
  color: #81C784; /* Set the link color to #81C784 on hover */
}

hr
{
  background-color: #fff;
}
.copyright
{
  margin-bottom: 0;
  padding-bottom: 20px;
  text-align: center;
}