.bottombox {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 26px;
  }

  .bottomboxw {
	background: #251d1d;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 26px;
  }


  .box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 15%;
	background: #eae9e9;
	flex-direction: column; /* For mobile devices */
	max-height: 200px;
  }

  .box h1 {
	font-size: 20px;
	padding: 10px 50px;
	color: #696969;
	font-family: 'Montserrat';
	font-weight: 300;
	text-align: center;
  }

  .bottombox h2{
	font-size:14px;
	color:	#696969;
	font-family: 'Montserrat';
	font-weight: 300;
	text-align:center;
	  }

  .form-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	 /* Optional: Add a max-width to the form */
  }

  .form-box input {
	font-size: 18px;
	color: #696969;
	padding: 10px 20px;
	outline: none;
	border: none;
	width: calc(100% - 110px);
  }

  .form-box button {
	font-size: 16px;
	color: #ffffff;
	padding: 11px;
	width: 110px;
	outline: none;
	border: none;
	background: #E34A4A;
	cursor: pointer;
	transition: .3s;
  }

  .form-box button:hover {
	background-color: #410a04;
  }

  ::placeholder {
	font-size: 16px;
	color: #696969;
	font-family: 'Montserrat';
	font-weight: 300;
  }

  /* Media query for screens smaller than 600px */
  @media (max-width: 600px) {
	.box {
	  height: 30%; /* Adjust height as needed */
	}

	.box h1 {
	  margin-bottom: 10px; /* Add some space between h1 and form */
	}
  }