.container text-center{
  position: relative;
}

.title {
  font-size: 36px;
  text-align: center;
  padding: 20px;
  background-color: #007bff;
  color: #fff;
  border-radius: 5px;
  /* Adding animation */
  animation: floating 2s ease-in-out infinite;
}

/* Keyframes for the floating animation */
@keyframes floating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

ul{
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fa{
	font-size: 24px;
	transition: .4s;
	margin: 3px;
}
.fa:hover{
	transform: scale(1.3);
	transition: .6s;
}
.checked{
	color: #ff9f43;
}

.lt{
padding: 2%;
margin: 2%;
}
.rt{
padding: 2%;
margin: 2%;
}
.lt textarea{
width: 94%;
margin-left: 2.8%;
}
button{
margin: 2%;
}
.btn-primary, .btn-danger{
background-color: black;
border: 2px solid white;
border-radius: 5%;
}
.list-item{
margin-bottom: 2%;
list-style-type: none;
}
.list-item span{
margin-left: 10px;
font-size: 1.4rem;
}
.list-item a{
color: white;
display: inline-block;
}
.list-item a:hover{
text-decoration: underline;
}
.form-control{
background-color: black;
}
	
@media screen and (min-width: 770px){
.full{
	width: 70%;
	margin-left: 15%;
}
.lt textarea{
width: 95%;
margin-left: 2.4%;
}
}
	
@media screen and (min-width: 1100px){
.full{
	width: 65%;
	margin-left: 17%;
	margin-top: 5%;
}
.lt{
	width: 55%;
	display: inline-block;
	float: left;
	margin-right: 0;
}
.rt{
	width: 35%;
	display: inline-block;
	margin-left: 0;
}
.list-item{
margin-bottom: 10%;
}
.contact-list{
	margin-top: 22%;
	padding-right: 8%;
}
.fa-envelope, .gmail{
	display: inline-block;
	width: auto;
}
}

/* General Layout */
.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.col-12,
.col-6 {
  padding: 15px;
}

.col-md-8 {
  flex: 0 0 66.6667%;
  max-width: 66.6667%;
}

.col-md-4 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Section Styling */

.form-control {
  background-color: white;
  color: black;
}

.lt textarea {
  width: 94%;
  margin-left: 2.8%;
}

button {
  margin: 2%;
}

.btn-primary,
.btn-danger {
  background-color: black;
  border: 2px solid white;
  border-radius: 5%;
}

.list-item {
  margin-bottom: 2%;
  list-style-type: none;
}

.list-item span {
  margin-left: 10px;
  font-size: 1.4rem;
}

.list-item a {
  color: white;
  display: inline-block;
}

.list-item a:hover {
  text-decoration: underline;
}

/* code for two column adjustment */
.contact-form,
.appointment-booking {
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f8f9fa;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%; /* Equal height */
}