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

h1 {
  font-family: "Roboto-Mono", monospace;
  color: var(--bs-primary);
  text-shadow: 2px 4px 4px rgba(4, 50, 106, 0.5);
}

.btn-lg {
  font-weight: bold;
}

.header .slide {
  margin: 0 auto;
}

.carousel-caption {
  background-color: rgba(245, 193, 195, 0.7);
}

.technologies .slide img {
  width: 150px;
  height: auto;
}

.technologies .carousel-inner .carousel-item.active,
.technologies .carousel-inner .carousel-item-next,
.technologies .carousel-inner .carousel-item-prev {
  display: flex;
}

.technologies .carousel-inner .carousel-item-end.active,
.technologies .carousel-inner .carousel-item-next {
  transform: translateX(16.67%);
}

.technologies .carousel-inner .carousel-item-start.active,
.technologies .carousel-inner .carousel-item-prev {
  transform: translateX(-16.67%);
}

.technologies .carousel-inner .carousel-item-end,
.technologies .carousel-inner .carousel-item-start {
  transform: translateX(0);
}

.blogdetails-modal .modal-dialog {
  max-width: 1150px;
  margin-top: 20px;
}

.about-img {
  width: 200px;
}

footer, h5 {
  font-size: 0.8rem;
}

.error {
  color: red;
  padding-bottom: 0.9rem;
  font-weight: bold;
}

@media (max-width: 992px) {
  .header {
    margin-bottom: 2rem !important;
  }
  .startups {
    padding-bottom: 2rem !important;
  }
  .title {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .testimonials {
    margin-bottom: 3;
    margin-top: 3;
  }
  .about {
    background-color: var(--bs-light) !important;
    margin-bottom: 2rem !important;
  }
  .about-content1, .about-content2 {
    flex-direction: column;
    text-align: center;
  }
  .button-contact {
    padding-top: 1rem !important;
  }
  .contact {
    background-color: var(--bs-info) !important;
    padding-bottom: 2rem !important;
  }
  .footer h5 {
    font-size: smaller !important;
  }
}