body {font-family: "Roboto", sans-serif;background-color: #f7f9fc;margin: 0;padding: 0;}
.container {width: 100%;max-width: 600px;margin: 20px auto;padding:0px;    overflow: hidden;background-color: white;border-radius:20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.midsec{padding:20px 50px;}
.header {text-align: center;color: #ffffff;background: #0000ff;font-size: 23px;display: flex;padding: 20px;justify-content: space-between;align-items: center;}
.header p {margin: 0;font-size:24px;font-weight: bold;}
.header p span {display: block;}

.available-slots {text-align: center;margin-top:0px;font-size:34px;color: #031f8a;font-weight: bold;}
.available-slots span {    display: block;}
#outer_booking h2{text-align: center;margin:0px 0  10px;font-size:34px;color: #031f8a;font-weight: bold;}
#outer_booking{padding: 0;}
div#outer_booking p {text-align: center;margin: 0 0 20px;}

.store-info {display: flex;margin-top: 20px;gap: 20px;background: #0000ff;color: #fff;padding: 20px;border-radius: 20px;    align-items: self-start;}
.store-info h2 {margin: 0;font-weight: normal;font-size:16px;}
.store-info h2 a{color:#fff; display: block;text-decoration: none; font-size:21px;font-weight: 600;}
p.store-address {margin: 20px 0 0;font-size:16px;}
.iconb {min-width:65px;height:65px;background: #fff;display: flex;align-items: center;justify-content: center;border-radius: 40px;}
.iconb img {max-width: 100%;}

.contact-info {margin-top: 40px;}
.contact-info svg {color: #0000ff;font-size: 25px;width:20px;height:20px;}
.address {display: flex;align-items: self-start;gap: 10px;}
.address p {margin: 0;line-height: 24px;}
.address.contact-phone {margin-top: 20px;}

ul.social {list-style-type: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap; gap:5px;}
ul.social li a {background: #0000ff;border-radius: 20px;height:35px;width:35px;display: flex;align-items: center;justify-content: center;}

.footer {display: flex;justify-content: space-between;align-items: flex-end;}

#outer_basket{background-color: #f5f5f58a;border-radius: 20px;box-shadow: 0 0 20px #0000001f;margin-bottom: 30px;}
#outer_basket div#basket_details {width: auto;}
#basket_details .text_box {width: 94%;margin-bottom: 10px;padding: 10px;display: block;border: 1px solid #c7bebe;border-radius: 10px;}
.iconb img{max-width:100%;}
form {float: none;}
#outer_basket div#basket_details {width: auto;float: none;}
input.classname {background: #0000ff;text-shadow: none;border: 0;}
input.classname:hover{    background: #0f0f96;}
.address.contact-phone a {color: #000;text-decoration: none;}

.available-slots.mt {margin-top: 30px;}


@media screen and (min-width:100px) and (max-width:767px){
 .container{box-shadow: none;border-radius: 0;margin: 0;}
.header{padding: 10px;}
.header p{font-size: 18px;}
.midsec {padding: 20px;}
.footer{flex-wrap: wrap;gap: 15px;}
.available-slots{font-size: 24px;}
}
@media screen and (min-width:100px) and (max-width:479px){
 .iconb{min-width: 40px;height: 40px;}   
 .iconb img {max-width: 25px;}
 .store-info h2{font-size:14px;}
 .store-info h2 a{font-size: 20px;}
 p.store-address {margin: 10px 0 0;font-size: 14px;}
}