body { margin: 0; padding: 0;  box-sizing: border-box;}
.banner {background-image: url(https://cdn.apollohospitals.com/ah-cancer/2024/07/main_banner.jpg); background-size: cover;background-repeat: no-repeat;font-family: 'roboto', sans-serif; width: 100%; padding: 80px 0}
.ban-image{text-align: center;}
.form-content { background-color: white;  padding: 20px;  border-radius: 10px;}
/* .banner button { width: 100%; padding: 12px 0;} */
.enquire {  color: #006b87; font-weight: bold;  font-size: 18px; padding: 10px 0;}
.ban-text h2 {color: #fff; font-weight: bold; margin-bottom: 0px; font-size: 40px; padding-bottom: 10px;}
.ban-text h3 { color: #ffb300; font-weight: bolder;  font-size: 40px;}
.sendotpbt { background: #006b87; color: #fff;border-top-right-radius: 5px;  border-bottom-right-radius: 5px;}
/* .sendotpbt button { color: #fff; padding: 11px;} */
.position-relative { position: relative;}
.form-content{font-size: 14px;}
.form-content .form-control{height: 50px;}
.form-content .form-select{height: 50px;}
.form-content textarea { height: 100px; width: 100%; border: 1px #dee2e6 solid;  padding: 10px;  font-size: 15px; border-radius: 5px;}
/* .sendotpbt {  position: absolute;  top: 50%;  right: 1px;   transform: translateY(-50%);} */
.otpbt { float: right;margin-top: -50px; line-height: 23px;border-radius: 0px 5px 5px 0 !important;background: #006b87; color: #fff; border: 1px #044356 solid;}


@media (min-width: 320px) and (max-width: 767.98px) {
    .banner { background-image: url(https://cdn.apollohospitals.com/ah-cancer/2024/07/main_banner-1.png); background-size: cover;  background-repeat: no-repeat; padding: 0;  background-position: 62% 161%; padding-bottom: 30px; }
    .ban-text {  text-align: center;}
    .ban-text h2, .ban-text h3{font-size: 30px;}
    .form-content { margin: 20px 0px;}
}
:root {
    --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e) !important;
}
.form-select {
   
    display: block !important;
    width: 100% !important;
    padding: .375rem 2.25rem .375rem .75rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--bs-body-color) !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: var(--bs-body-bg) !important;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none) !important;
    background-repeat: no-repeat !important;
    background-position: right .75rem center !important;
    background-size: 16px 12px !important;
    /* border: var(--bs-border-width) solid var(--bs-border-color) !important; */
    border-radius: var(--bs-border-radius) !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;

}
#city{
    border: 1px solid #d2d2d2;
    border-radius: 5px !important;

}
.card-teal {
    background-color: #fdb813 !important;
    color: #fff !important;
}
.card-header {
    background-color: inherit !important;
    border: none !important;
}
.form-content .form-control:focus
{
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}
.card-yellow {
    background-color: #007c9d !important;
    color: #fff !important;
}
.a {
    text-decoration: none !important;
}
header a,
footer a {
  text-decoration: none;
}
#phone-validations {
    font-size: 15px;
    padding-left: 7px;
}