/*base*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");
* {
  font-family: 'Poppins', sans-serif; }

body.contact-page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  padding-top: 70px; }

/*layout*/
.navbar a {
  font-weight: 600;
  font-size: 18px; }

.carousel-item {
  min-height: 400px; }

.carousel-caption {
  bottom: 220px;
  z-index: 2; }

.carousel-caption h5 {
  font-size: 70px;
  font-weight: 600px;
  text-transform: uppercase;
  margin-top: 25px; }

.carousel-caption p {
  width: 60%;
  margin: 10px auto;
  font-size: 18px; }

.carousel-inner::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1; }

/*services*/
.services {
  padding: 80px 0; }

.bg-car1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../assets/img/c1.jpg); }

.bg-car2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../assets/img/c2.jpg); }

.bg-car3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../assets/img/c3.jpg); }

.box-icons i {
  font-size: 40px; }

.box-icons h3 {
  font-size: 20px;
  font-weight: 800; }

.product {
  padding: 80px 0; }

.card img {
  width: 150px;
  height: 150px; }

.banner {
  padding: 50px 0;
  margin-bottom: 80px;
  background-color: #EAE5DF; }

.banner h2 {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 800; }

.banner img {
  width: 300px; }

/*contacts*/
.contact-page .content-wrapper {
  flex: 1; }

.contact-page .navbar {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }

.contact-page .contact {
  padding: 40px 0;
  text-align: center; }

.contact-page .contact h2 {
  font-size: 2.5rem;
  margin-bottom: 20px;
  color: #343a40; }

.contact-page .contact form {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }

.contact-page .contact .form-group {
  margin-bottom: 15px; }

.contact-page .contact .form-control {
  border-radius: 5px; }

.contact-page .contact .btn-primary {
  background-color: #007bff;
  border-color: #007bff;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 1rem; }

.service-img {
  width: auto;
  height: auto; }

/*forms*/
.form-container {
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px; }

.compra-form .form-group {
  margin-bottom: 15px; }

.compra-form label {
  display: block;
  margin-bottom: 5px; }

.compra-form input[type="text"],
.compra-form input[type="email"],
.compra-form select,
.compra-form input[type="number"] {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 3px; }

.compra-form .btn {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.3s ease; }

.compra-form .btn:hover {
  background-color: #0056b3; }

/*animaciones*/
@keyframes fade-in {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

h1.animated-heading {
  animation: fade-in 1s ease-in-out; }


/*MediaQueries*/
@media (max-width: 767px) {
  .carousel-item {
    min-height: 500px; }
  .carousel-item img {
    height: 500px; }
  .carousel-caption {
    bottom: 30px; }
  .carousel-caption h5 {
    font-size: 50px;
    margin-top: 0; }
  .carousel-caption p {
    width: 100%;
    font-size: 16px; }
  .services {
    padding: 30px 0; }
  .product {
    padding: 30px 0 0 0; }
  .banner {
    margin-bottom: 30px; } }