body {
  font-family: "Poppins", sans-serif;
}

p {
  color: #343434;
  font-size: 16px;
}

/*top-bar*/
.top-bar {
  background-color: #f0f0f0;
  padding-top: 1rem;
}

.top-bar i {
  color: #fe0000;
}

.top-bar a {
  color: #343434;
  text-decoration: none;
}

.top-bar a:hover {
  color: #fe0000;
}

/*navbar*/
.navbar-light {
  background-color: white !important;
}

.navbar-light .navbar-nav .nav-link.active {
  color: #fe0000;
  border-bottom: 5px solid #fe0000;
}

.navbar-nav > li {
  margin-left: 40px;
}

.navbar-light .navbar-nav .nav-link {
  color: #242f3d;
  font-size: 18px;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #fe0000;
  border-bottom: 5px solid #fe0000;
}

.navbar-light .navbar-toggler {
  border: none;
}

.navbar-toggler {
  padding: 0;
}

.navbar-toggler i {
  font-size: 34px;
  color: black;
}

/*slider*/
#carouselExampleAutoplaying .carousel-indicators [data-bs-target] {
  border-radius: 50%;
  width: 32px !important;
  height: 32px !important;
  background-color: white !important;
  border: none !important;
}

#carouselExampleAutoplaying .carousel-indicators .active {
  background-color: #fe0000 !important;
  border: none !important;
}

/*banner*/
.banner {
  color: white;
  padding-top: 150px;
  background-image: url("../images/banner1.webp"),
    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  min-height: 350px;
  background-blend-mode: overlay;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.banner a {
  color: #fe0000;
}
.banner h6 {
  font-size: 22px;
}

/*abouts*/
.abouts {
  padding-top: 70px;
}

.abouts h1 {
  color: #fe0000;
  font-size: 48px;
  font-weight: bold;
}

.abouts .text-black {
  color: black;
  font-weight: normal;
}

/*about*/
.about {
  padding-bottom: 70px;
}

.about h1 {
  color: #fe0000;
  font-size: 48px;
  font-weight: bold;
}

.about .text-black {
  color: black;
  font-weight: normal;
}

.about .btn-danger {
  background-color: #fe0000;
  font-size: 1.4rem;
  border-radius: 0;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
  border: none;
}

.about .btn-danger:hover {
  background-color: black;
}

/*contacts*/
.contacts {
  padding-top: 70px;
}

.contacts a {
  text-decoration: none;
  color: black;
}

.contacts i {
  color: #fe0000;
}

.contacts a:hover {
  text-decoration: none;
  color: #fe0000;
}

.gallery {
  padding-top: 70px;
}

.clients {
  background-color: #f8f8f8;
  padding-top: 70px;
  padding-bottom: 70px;
}

.clients h2 {
  color: #fe0000;
  font-size: 48px;
  font-weight: bold;
}

.clients .text-black {
  color: black;
  font-weight: normal;
}

/*why*/
.why {
  background-color: #f8f8f8;
  padding-top: 70px;
  padding-bottom: 70px;
}

.why h2 {
  color: #fe0000;
  font-size: 48px;
  font-weight: bold;
}

.why .text-black {
  color: black;
  font-weight: normal;
}

/*industry*/
.industry {
  padding-top: 70px;
  padding-bottom: 70px;
}

.industry h3 {
  color: #fe0000;
  font-size: 48px;
  font-weight: bold;
}

.testimonials {
  background-color: #fe0000;
  padding-top: 70px;
  padding-bottom: 70px;
  color: white;
}

.testimonials h4 {
  font-size: 30px;
}

.testimonials p {
  color: white;
}

.testimonials #carouselAutoplaying .carousel-indicators {
  margin-bottom: -40px;
  margin-left: 0;
  right: auto;
}

.testimonials #carouselAutoplaying .carousel-item {
  min-height: 90px;
}

footer {
  background-color: black;
}

footer a {
  color: white;
  text-decoration: none;
}

footer a:hover {
  color: #fe0000;
  text-decoration: none;
}

footer hr {
  margin-top: 40px;
  color: white;
}

.footer-top {
  color: white;
  padding-top: 70px;
  padding-bottom: 20px;
}

.footer-top .active {
  color: #fe0000;
}

.footer-top .social i {
  font-size: 30px;
  margin-right: 20px;
}

.footer-top .contact i {
  color: #fe0000;
}

.footer-top p {
  color: white;
}

.footer-top ul {
  list-style: none;
  padding-left: 0;
}

.footer-top li {
  margin-bottom: 1rem;
}

.copyright {
  padding-bottom: 40px;
  color: white;
}

.copyright p {
  color: white;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 0;
}

/*Media Querry*/
@media (max-width: 991px) {
  .navbar-nav > li {
    margin-left: 0px;
  }
}