/* ONLINE FORM  SECTION*/

.Onlinetitle {
  color: rgb(91, 10, 223);
  margin-top: 15%;
  font-size: 2rem;
  
  
}

.OnlineServices {
  color: white;
  width: 50%;
  height: 40px;
  background-color: blue;
  border-radius: 5%;
  margin-top: 2%;
  margin-left: 5%;
  font-size: 1.5rem;
  border: none;
  
}

.OnlineServicesb {
  color: white;
  width: 50%;
  height: 40px;
  background-color: rgb(14, 121, 4);
  border-radius: 5%;
  margin-top: 2%;
  margin-left: 5%;
  font-size: 1.5rem;
  border: none;
  
}

.OnlineServicesc {
  color: white;
  width: 50%;
  height: 40px;
  background-color: rgb(182, 37, 7);
  border-radius: 5%;
  margin-top: 2%;
  margin-left: 5%;
  font-size: 1.5rem;
  border: none;
  
}

.Pageparagd {
  font-family: monospace;
  font-size: 1.5rem;
  text-align: center;
  width: 80%;
  color: rgb(74, 74, 128);
  background-color: rgb(238, 229, 229);
  margin-left: 10%;

}

.OnlineserviceForm {
margin-top: 5%;
margin-left: 10%;
text-align: center;
width: auto;


}


 
.myFormb {
 margin-left: 5%;
 width: auto;
background-color: rgb(230, 226, 226);
}

.OnlineFormtitle {
  color: rgb(68, 67, 69);
  text-align: center;
  font-size: 2rem;
  line-height: 40px;
  margin-left: 2%;
  
}

.OnlineFormtitleb {
  color: rgb(68, 67, 69);
  text-align: center;
  font-size: 2rem;
  line-height: 40px;
  margin-left: 2%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  
}

.OnlineFormtitlec {
  color: rgb(68, 67, 69);
  text-align: justify;
  font-size: 2rem;
  line-height: 40px;
  margin-left: 5%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  
}


.OnlinePayment {
  color: rgb(34, 34, 34);
  text-align: justify;
  font-size: 1.5rem;
  line-height: 40px;
  margin-left: 5%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  
}


.two-column-layout {
    display:flex;
    grid-template-columns: 1fr 1fr;
    
     /* Adjust as needed */
  }
  

  .Inputfield{
    width: 80%;
    padding-bottom: 10px;
    margin-bottom: 5%;
    margin-top: 2%;
    border: none;
    height: 30px;
    font-size: 1.5rem;
  }
  
  .Inputlabel {
    font-size: 1.5rem;
    color: rgb(65, 59, 59);
    
    
  }

  .Termsagree {
    font-size: 1rem;
  }
  

  .SubmitBtn{
    width: 200px;
    height: 50px;
    background-color: rgb(138, 135, 147);
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: white;
    font-size: 1.5rem;
    margin-top: 20px;
    margin-left: 40px;
    border: none;
    
  }

  .BookingImageG {
  height: auto;
  max-width: 80%;
  margin-top: 2%;
  margin-bottom: 2%;
  margin-left: 10%;
  border: 5px solid green;
  


}
  




  /* MOBILE VERSION SECTION */

@media only screen and (max-width: 768px), (max-width: 480px) {


.wrapper-main {
  width: 100%;
  
}
  
   /* ONLINE FORM  SECTION*/

   .Onlinetitle {
  color: rgb(91, 10, 223);
  margin-top: 25%;
  font-size: 1rem;
  
  
}

.OnlineServices {
  color: white;
  width: 100%;
  height: 40px;
  background-color: blue;
  border-radius: 5%;
  margin-top: 2%;
  margin-left: 5%;
  font-size: 1rem;
  border: none;
  
}

.OnlineServicesb {
  color: white;
  width: 100%;
  height: 40px;
  background-color: rgb(52, 79, 50);
  border-radius: 5%;
  margin-top: 2%;
  margin-left: 5%;
  font-size: 1rem;
  border: none;
  
}

.OnlineServicesc {
  color: white;
  width: 100%;
  height: 40px;
  background-color: rgb(182, 37, 7);
  border-radius: 5%;
  margin-top: 2%;
  margin-left: 5%;
  font-size: 1rem;
  border: none;
  
}

.Pageparagd {
  font-family: monospace;
  font-size: 1rem;
  text-align: center;
  width: 80%;
  color: rgb(74, 74, 128);
  background-color: rgb(238, 229, 229);
  margin-left: 10%;

}

.OnlineserviceForm {
margin-top: 5%;
margin-left: 10%;
text-align: center;
width: auto;


}


 
.myFormb {
 margin-left: 5%;
 width: 100%;
background-color: rgb(230, 226, 226);
}

.OnlineFormtitle {
  color: rgb(68, 67, 69);
  text-align: center;
  font-size: 1.5rem;
  line-height: 40px;
  margin-left: 2%;
  
}

.OnlineFormtitleb {
  color: rgb(68, 67, 69);
  text-align: center;
  font-size: 1.5rem;
  line-height: 40px;
  margin-left: 2%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  
}

.OnlineFormtitlec {
  color: rgb(68, 67, 69);
  text-align: justify;
  font-size: 1.5rem;
  line-height: 40px;
  margin-left: 5%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  
}


.OnlinePayment {
  color: rgb(34, 34, 34);
  text-align: justify;
  font-size: 1rem;
  line-height: 40px;
  margin-left: 5%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  
}


.two-column-layout {
    display:flex;
    grid-template-columns: 1fr 1fr;
    
     /* Adjust as needed */
  }
  

  .Inputfield{
    width: 80%;
    padding-bottom: 10px;
    margin-bottom: 5%;
    margin-top: 2%;
    border: none;
    height: 30px;
    font-size: 1rem;
  }
  
  .Inputlabel {
    font-size: 1rem;
    color: rgb(65, 59, 59);
    
    
  }

  .Termsagree {
    font-size: 0.5rem;
  }
  

  .SubmitBtn{
    width: 200px;
    height: 50px;
    font-size: 1.5rem;
    
  }

  

}