#enquiry_layer {
  z-index: 999999999;
  position: fixed;
  bottom: 100px;
  right: 5px;
}

@media only screen and (max-width: 768px) {
  /* Adjustments for mobile view */
  #enquiry_layer {
    right: auto; /* Reset right property */
    left: 5px; /* Example adjustment */
  }
}



#enquiry_layer #enquiry_tab a{-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;-moz-border-radius:0px 0px 0 0;-webkit-border-radius:0px 0px 0 0;border-radius:0px 0px 0 0;}
#enquiry_layer #enquiry_tab a:hover{text-decoration:none;}
#showEnquiryForm{display:inline-block; background:orangered;width:auto;float:right;height:42px;-moz-border-radius:0px 0px 0 0;-webkit-border-radius:0px 0px 0 0;border-radius:0px 0px 0 0;text-align:center;overflow: hidden;border-bottom:none;}
#showEnquiryForm i{width: 24px;height: auto;display: inline-block;vertical-align: middle;text-align: center;padding: 13px 0 0 0;margin:0 0px 0 15px;float: left;}
#showEnquiryForm i img{width:100%;height: auto;display: inline-block;}
#showEnquiryForm p{color:#fff;font-size:16px;line-height:42px;display:inline-block; vertical-align:middle;padding-right:15px;text-transform:capitalize;text-transform: capitalize;margin:0px 0 0 10px;float: right;vertical-align: middle;}
#floatHide{display:none;background:#00adee;width:100%;text-align:left;height:43px;text-transform:capitalize;padding-left:10px;border-bottom:none;border-bottom:none;-moz-border-radius:0px 0px 0 0;-webkit-border-radius:0px 0px 0 0;border-radius:0px 0px 0 0;max-width: 300px}
#floatHide p{color:#fff;font-size:16px;line-height:38px;display:inline-block; vertical-align:middle;text-transform:capitalize; margin:4px 0 0 0;}
#floatHide i{font-size:16px;color:#fff;line-height:42px;float:right;margin:-2px 10px 0 0 ;}
#onlineService{display:inline;width:100%;overflow: hidden;display:none;background:#fff;border-top:none;max-width: 300px}
.online_form{position:relative;height:auto;/*overflow-y:scroll;*/border:2px solid #e5e5e5;padding:0}
.online_form p{font-size:14px;line-height:22px;padding-bottom:20px;text-align:left;color: #888;}
.online_form ul{padding:20px 20px 0 20px;list-style:none;position:relative;}
.online_form ul li{margin-bottom:10px;position:relative;z-index:2;}
.online_form ul li label{display:inline-block;color:#1a1a1a;margin:5px 20px 5px 5px;font-weight:normal;font-size:14px;}
.online_form ul .meInput{height:40px;border:1px solid #e5e5e5;width:100%;padding:0 15px;line-height:40px;font-size:14px;color: #111;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;background: #fff;outline: none;}
.online_form ul li .meInput:focus{border: 1px solid #00adee;}
.online_form ul .meText{width:100%;padding:5px 10px;border:1px solid #e5e5e5;max-width:100%;height:80px;max-height:100px;font-size:14px;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;color:#111;background: #fff;line-height: 25px}
.online_form ul li .meText:focus{border: 1px solid #00adee;outline: none;}

#onlineService {}
#onlineService .m-more {text-align: left;padding:0 20px;width: 100%}
.m-more{text-align:left;margin: 0px 0 0 0;width: auto;position: relative;width:auto;}
.m-more *{transition:all 0.5s ease 0s;display: inline-block;width: 100%;}
.m-more input{font-size: 14px;line-height:40px;color:#fff;padding: 0px 36px 0;width: auto;position: relative;text-transform:  uppercase;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;background: #00adee;width: auto;border-color: transparent}
.m-more input:hover{background: #222;color:#fff;}
.m-more .submit_res{color: #00adee;margin-top: 20px;font-size: 14px; font-weight: bold;}
.xp_line img{width: 20px;}
.meText::-webkit-input-placeholder {color:#333; font-size: 14px;}
.meText:-moz-placeholder {color:#333;font-size: 14px;}
.meText::-moz-placeholder {color:#333;font-size: 14px;}
.meText:-ms-input-placeholder {color:#333;font-size: 14px;}
.meInput::-webkit-input-placeholder {color:#333;font-size: 14px;}
.meInput:-moz-placeholder {color:#333;font-size: 14px;}
.meInput::-moz-placeholder {color:#333;font-size: 14px;}
.meInput:-ms-input-placeholder {color:#333;font-size: 14px;}
@media(max-width:768px){
    #showEnquiryForm{width: 100px; z-index: 999; margin-top: 400px;}
    #online_qq_layer{/*width: 100%;*/right:5px; bottom:20px;}
    #online_qq_layer #email{ display: none;}
    #showEnquiryForm i{float: none;margin:10px 10px 0 10px;padding: 0;vertical-align: middle;}
    #showEnquiryForm p{float: none;margin:0;padding: 0;vertical-align: middle;}
    #online_qq_layer textarea{min-height: 30px}
    .online_form{padding: 0}
    #email_form1 ul p{display: none;}
    .online_form ul .meText{height:60px;max-height:80px;}
}
/* Styling for the form container */
@media screen and (max-width: 786px) {
    .card-container {
      max-width: 100%;
      
      
    }
  }
/* Styling for the card container */
.card-container {
     max-width: 300px;
     /* Adjust the max-width as needed */
    /* margin: 0 auto;
    margin-top: 10px; */
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color: #fff;
  }
  
  /* Styling for the form itself */
  #enquiryFormContainer {
    /* If you need additional styling for the form container */
  }
  
  /* Styling for form inputs */
  .enquiryInput,
  .enquiryText {
    width : 100%;   
     padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    background-color : aliceblue
  }


  
  /* Styling for submit button */
  .enquiry_form input[type="submit"] {
    width: 100px; /* Adjust width as needed */
    padding: 10px;
    background-color: #007bff; /* Adjust button color */
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }
  
  /* Styling for submit button on hover */
  .enquiry_form input[type="submit"]:hover {
    background-color: #0056b3; /* Adjust hover color */
  }