::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: #434857;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(to top, #f15a35, #262624);
  border-radius: 2px;
}

html {
  scroll-padding-top: 80px;
}

#about,
#service,
#client,
#why-us,
#certificate,
#contact {
  padding-top: 80px;
}

.fs-18 {
  font-size: 18px !important;
}
.fs-15 {
  font-size: 15px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.justify {
  text-align: justify !important;
}

/* .g-5 {
  gap: 25px;
} */

.box-bg-animate {
  width: 100px;
  height: 100px;
  border-radius: 67% 33% 29% 71% / 39% 46% 54% 61%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bs-secondary);
  background: var(--bs-primary);
  animation-name: icon-animat;
  animation-duration: 5s;
  animation-delay: 1s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  transition: 0.5s;
}

.categories-carousel .owl-nav .owl-prev,
.categories-carousel .owl-nav .owl-next {
  position: absolute;
  top: -65px;
  padding: 10px 35px;
  color: var(--bs-white);
  background: var(--bs-primary);
  border-radius: 50px;
  transition: 0.5s;
}

.categories-carousel .owl-nav .owl-prev {
  left: 0 !important;
}

.categories-carousel .owl-nav .owl-next {
  right: 0;
}

.categories-carousel .owl-nav .owl-prev:hover,
.categories-carousel .owl-nav .owl-next:hover {
  background: var(--bs-secondary);
  color: var(--bs-white);
}