.navbar {
  padding-left: 60px;
  padding-right: 60px;
  background: linear-gradient(to right, yellow, rgb(251, 151, 29));
  border: 2px solid black;
  border-radius: 0;
  margin-left: -2px;
  margin-right: -2px;
}

.navbar .form-inline {
  border-top: none;
}

.navbar-brand img {
  height: 58px; /* Adjust the height as desired */
  width: 58px; /* Adjust the width as desired */
}

body {
  background-color: white;
}

.btn-outline-success {
  transition: background-color 0.3s ease-in-out;
  border-color: white; /* Set the border color to white */
  color: black;
}

  .navbar-nav .nav-link {
color: rgb(132, 132, 229) !important;
}
.navbar-nav .nav-item.active > .nav-link,
.navbar-nav .nav-item:hover > .nav-link {
color: black;
}
.btn-outline-success:hover {
  background-image: linear-gradient(to right, #ff00c8, #0000ff);
  background-position: 100% 0;
  background-size: 200% 100%;
  color: white;
  background-color: transparent;
}



body{
background: #ED4264 !important;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFEDBC, #FF9C4B) !important;  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFEDBC, #FF9C4B) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}






@import url("https://fonts.googleapis.com/css2?family=Baloo+2&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}

body {
  background: #7d4306;
}

h1 {
  font-size: 70px;
  text-align: center;
  color: rgba(214, 193, 193, 0.977);
}

h2 {
  font-size: 90px;
  color: rgb(117, 65, 35);
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  margin: 20px 0 10px;
  border: #FFEDBC;
  border-radius: 10px; /* Corrected property value */
}

h3 {
  text-align: center;
  font-size: 20px;
  color: black;
}

.parallax-1 {
  background: url('/static/img/2nd.jpeg') no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.parallax-2 {
  background: url('/static/img/3rd.jpeg') no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.parallax-3 {
  background: url('/static/img/4th.jpeg') no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.parallax-4 {
  background: url('/static/img/5th.jpeg') no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.parallax-inner {
  padding: 20% 0;
}