.royal-blue {
  color: #132888;
}
.text-primary {
  color: #870a0a !important;
}
.text-info {
  color: #132888 !important;
}
.btn-info {
  background-color: #132888 !important;
}
.display-6 {
  font-weight: 400;
}
.border-bottom {
  border-bottom: 5px solid #132888 !important;
}
.bg-gradient-dark {
  background-image: linear-gradient(310deg, #828282, #5e6fb5);
}
.mask {
  opacity: 0.7;
}
.navbar-brand img {
  height: 70px;
}
.navbar-brand span {
  line-height: 1.2;
}
.social_icon {
  padding: 5px;
  border-radius: 50px;
}
.social_facebook {
  background: #1877f2;
}
.social_twitter {
  background: #1da1f2;
}
.social_instagram {
  background: #d6249f;
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
}
.social_whatsapp {
  background: rgb(91, 248, 119);
  background: linear-gradient(
    202deg,
    rgba(91, 248, 119, 1) 0%,
    rgba(41, 210, 71, 1) 100%
  );
}
#home {
  min-height: 850px;
}
#home .mask {
  opacity: 0.3;
}
#products .card-header img {
  height: 350px;
  width: 100%;
  cursor: grab;
  object-fit: contain;
  object-position: top;
}
footer .mask {
  opacity: 0.96;
  background-image: linear-gradient(310deg, #141727, #3a416f);
}
.header_info * {
  color: #132888;
}
.header_info .social_icon {
  color: #fff;
}
.header_info a:hover {
  color: #870a0a;
}
.swiper-button-next,
.swiper-button-prev {
  opacity: 0;
  transition: 0.2s;
  height: 20px;
}
.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev {
  opacity: 1;
}
#count_stats,
footer {
  position: relative;
  background-image: url("../images/city_person.jpg");
  background-size: cover;
  background-position: bottom right;
}
.kill_img {
  width: 320px;
}

@media (max-width: 576px) {
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 28px;
  }
  .mob_text {
    font-size: 0.75rem;
  }
  .navbar-brand img {
    height: 50px;
  }
  .mask {
    opacity: 0.84;
  }
  #home {
    min-height: 700px;
  }
  #products .card-header img {
    height: 300px;
  }
  .kill_img {
    width: 240px;
  }
}
@media (min-width: 576px) {
  #products .card-body {
    min-height: 350px;
  }
}