/* Resetting default styles for all elements */
* {
  padding: 0px;
  font-family: 'Courgette';
}

/* Styling for navigation links */
.nav-link {
  display: block;
  padding: 0rem 0rem;
}

/* Styling for the navbar toggler button */
.navbar-toggler {
  background-color: #fa38d0;
}

/* Adjusting padding for navbar navigation links */
.navbar-nav {
  --bs-nav-link-padding-y: 0rem;
}

/* Styling for carousel items */
.carousel-item {
  justify-content: center;
  text-align: center;
  padding-top: 10px;
}

/* Styling for H1 heading */
h1 {
  font-family: 'Pinyon Script';
}

/* Removing underline for Font Awesome regular icons */
.fa-regular {
  text-decoration: none;
}

/* Background gradient for a section with class 'addProdBG' */
.addProdBG {
  background: rgb(128, 43, 120);
  background: linear-gradient(180deg, rgba(128, 43, 120, 1) 0%, rgba(148, 77, 142, 1) 2%, rgba(158, 94, 153, 1) 4%, rgba(169, 113, 165, 1) 7%, rgba(181, 132, 177, 1) 10%, rgba(189, 145, 185, 1) 13%, rgba(255, 255, 255, 1) 100%);
}

/* Styling for a transparent login form */
.content1 {
  width: 550px;
  height: auto;
  border-radius: 10px;
  padding: 20px 15px;
  margin-top: 50px;
  margin-bottom: 45px;
  box-shadow: -3px -3px 9px #3f3f3fa2, 3px 3px 7px rgba(58, 58, 58, 0.671);
}

.content1 .text1 {
  font-size: 50px;
  color: black;
  font-family: 'Pinyon Script';
  text-align: center;
}

.content1 .field {
  height: 50px;
  width: 100%;
  display: flex;
  position: relative;
}

.field input {
  /* Styling for input fields within the form */
  height: 100%;
  width: 100%;
  padding-left: 15px;
  font-size: 18px;
  outline: none;
  border: none;
  color: black;
  border: 2px solid rgba(255, 40, 191, 0.438);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
}

.field input::placeholder {
  color: black;
  font-weight: none;
  padding-left: 10px;
}

/* Styling for form control elements */
.form-control {
  width: 100%;
  padding-left: 15px;
  font-size: 18px;
  outline: none;
  border: none;
  color: black;
  border: 2px solid rgba(255, 40, 191, 0.438);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
}

.form-control::placeholder {
  color: black;
  font-weight: none;
}

/* Styling for buttons */
.btn {
  background-color: #ffc3f3;
  color: black;
}

/* Additional styling for a section with class 'field1' */
.field1 {
  height: 100px;
}

/* Styling for another section with class 'content2' */
.content2 {
  border-radius: 10px;
  padding: 20px 15px;
  margin-top: 50px;
  margin-bottom: 45px;
  box-shadow: -3px -3px 9px #3f3f3fa2, 3px 3px 7px rgba(58, 58, 58, 0.671);
}

.content2 .text1 {
  font-size: 50px;
  color: black;
  font-family: 'Pinyon Script';
  text-align: center;
}

.content2 .field {
  height: 50px;
  width: 100%;
  display: flex;
  position: relative;
  margin-bottom: 20px;
}