*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
   body{margin:0;background:#f5f7f8;color:#1f2937}
   /* Header */
   .hero{
   background:linear-gradient(90deg,#a8d3d1 50%,#7fc1c7 100%);
   padding:40px 60px;
   color:#fff;
   font-size:36px;
   font-weight:500;
   }
   /*date flaticker css*/
   .flatpickr-calendar {
    width: 240px !important;
    font-size: 12px;
}

h4.modal-title.text-center {
    margin: 0 auto;
}
.flatpickr-day {
    max-width: 30px;
    height: 30px;
    line-height: 30px;
}

.flatpickr-days {
    width: 210px !important;
}

.dayContainer {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
}

.flatpickr-weekdays {
    width: 210px !important;
}

.flatpickr-months .flatpickr-month {
    height: 40px;
}

.flatpickr-current-month {
    font-size: 13px;
}

.flatpickr-weekday {
    font-size: 11px;
}
   /*date flaticker css*/
   p.txt_note {
    margin-top: 30px;
    color: #042052;
    font-family: Merriweather;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
}
   .date.active {
    background: #007C9D;
    color: #fff;
    border-radius: 20px;
    padding: 5px 10px;
}
.date-picker-wrapper {
    position: absolute;
    right: 15em;
    width: 145px;
}
select#patientDropdown {
    width: 32%;
}
.date-input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #ccc;
}

.calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 18px;
    color: #555;
}
.slots-left.disabled {
    color: #687a7b;
}
.pref_date {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 40px;
}
.date.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}
.leave.disabled {
    border: 1px solid #cfd8dc;
    border-radius: 20px;
    padding: 5px;
    text-align: center;
    font-size: 16px;
    background: #fff;
    cursor: not-allowed;
    color: #000;
}
.dated.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}
.dated {
    border: 1px solid #cfd8dc;
    border-radius: 20px;
    padding: 5px;
    text-align: center;
    font-size: 16px;
    background: #fff;
    cursor: pointer;
    color: #000;
}
   /* Stepper */
   .stepper{max-width:1100px;margin:30px auto 10px;position:relative}
   .stepper-line{height:8px;background:#d1d5db;position:absolute;top:16px;left:20px;right:20px;z-index:0}
   .stepper-progress{height:8px;background:#0b3a6f;width:0%;transition:0.3s}
   .steps{display:flex;justify-content:space-between;position:relative;z-index:1}
   .step{display:inline-block;align-items:center;gap:10px;cursor:pointer}
   .step.step_3 {margin-right: -4em;}
   .circle{
   width:40px;height:40px;border-radius:50%;border:2px solid #9ca3af;
   display:flex;align-items:center;justify-content:center;background:#fff;color:#6b7280
   }
   .step.active .circle{border-color:#0b3a6f;color:#0b3a6f;font-weight:bold}
   .step.completed .circle{background:#0b3a6f;color:#fff;border-color:#0b3a6f}
   .label{font-size:14px;color:#6b7280;
   position: relative;
   margin-top: 20px;
    margin-left: -20px;}
   .step.active .label{color:#0b3a6f;font-weight:600;
   position: relative;
   margin-top: 10px;}
   /* Card */
   .card{max-width:1100px;margin:30px auto;background:#fff;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:30px}
   .doctor{display:flex;gap:20px;align-items:center}
   .avatar{width:90px;height:90px;border-radius:50%;background:#d1d5db}
   .doctor h3{margin:0;color:#0b3a6f}
   .muted{    color: #6b7280;
    font-family: Merriweather;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;}
   .muted1{    color: #383839;
    font-family: Merriweather;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;}
   /* Slots */
   .slots{background:#2bb6bb45;margin:25px -20px -20px;padding:25px;border-radius:0 0 10px 10px}
   /*.dates{display:flex;gap:10px;overflow-x:auto}*/
   .date {
    border: 1px solid #cfd8dc;
    border-radius: 20px;
    padding: 5px;
    text-align: center;
    font-size: 16px;
    background: #fff;
    cursor: pointer;
    color: #000;
   }
   .slots-left{color:#FF0000;font-size:12px;margin-top:4px;text-align:center;width: 100%}
   /* OTP */
   .otp{margin:25px 0;text-align:center}
   .number_div {
   text-align: center;
   width: 75%;
   margin: 25px auto;
   }
   .otp input{width:36px;height:40px;margin:0 5px;font-size:18px;text-align:center}
   /* Buttons */
   .actions{display:flex;justify-content:space-between;margin-top:30px}
   button{
   background:#2bb7b5;border:none;color:#fff;padding:12px 28px;border-radius:6px;
   cursor:pointer;font-size:14px
   }
   button.secondary{background:#9ca3af}
   button:disabled{opacity:.6;cursor:not-allowed}
   /* Pages */
   .page{display:none}
   .page.active{display:block}
   .medical-heading p.centered-header {
   text-align: left;
   margin-left: 3em;
   font-size: 36px;
   color: #fff;
   font-style: normal;
   }
   .step[data-step="1"]{
   pointer-events: none;
   cursor: not-allowed;
   }
   p.txt_head,span.txt_head,label.txt_head {
    text-align: center;
    font-family: Merriweather;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #042052;
   }
   .form-grid label {
    font-family: Merriweather;
    font-weight: 400;
    font-size: 20px;
    line-height: 21px;
}
   img.img_circle {
   width: 90px;
   height: 90px;
   border-radius: 50%;
   background: #d1d5db;
   }
   button.btn.book-continue {
    background-color: #2BB6BB;
    color: #fff;
    text-align: center;
    width: 40%;
    min-height: 45px;
    margin-top: 10px;
    font-size: 18px;
    transition: 0.3s;
    border-radius: 5px;
   }
   input#phone_number {
    border: 1.26px solid #042052;
}
.iti__selected-flag {
    border-right: 1.26px solid #042052;
}
p.txt_date,span.txt_date {
    font-family: Merriweather;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #000;
}
.checkbox a {
    color: #0b3a6f;
    text-decoration: underline !important;
}

   .dateSwiper {
   position: relative;
   }
   .swiper-button-next, .swiper-button-prev {
   width: 26px !important;
   height: 26px !important;
   margin-top: 0 !important;
   top: 35% !important;
   transform: translateY(-50%);
   background-color: #fff;
   border-radius: 50%;
   z-index: 10;
   margin-left: -32px;
   margin-right: -32px;
   }
   .swiper-button-prev::after,
   .swiper-button-next::after {
   font-size: 11px !important;
   font-weight: bold;
   color: #0b3a6f;
   }
   /* Disabled state */
   .dateSwiper .swiper-button-disabled {
   opacity: 0.4;
   cursor: not-allowed;
   }
   .swiper {
   overflow: hidden;
   }
   hr.hr_line {
   margin: 10px 0px;
   }
   section#pageContent {
   background: #ffffff;
   padding: 20px;
   }
   .form-group.input-material.phone-country-container {
   display: flex;
   width: 40%;
   margin: 0 auto;
   }
   /*form 4*/
   .appointment-box {
   max-width: 1100px;
   margin: 40px auto;
   background: #fff;
   padding: 25px;
   border-radius: 8px;
   box-shadow: 0 2px 10px rgba(0,0,0,.08);
   }
   .slot_time-section {
   border-top: 1px solid #e5e7eb;
   padding: 20px 0;
   }
   .slot_time-header {
   display: flex;
   align-items: center;
   gap: 12px;
   }
   .slot_time-header h4 {
   margin: 0;
   }
   .slot_time-header p {
   margin: 2px 0 0;
   font-size: 12px;
   color: #6b7280;
   }
   .slot_time {
        padding: 8px 14px;
        border: 1px solid #ccc;
        background: #fff;
        cursor: pointer;
        margin: 5px;
        border-radius: 4px;
    }

    .slot_time.active {
        background: #e63946;
        color: #fff;
        border-color: #e63946;
    }

    .slot_time.disabled {
        background: #f2f2f2;
        color: #999;
        cursor: not-allowed;
    }
   .calendar-icon {
   margin-left: auto;
   color: #0b3a6f;
   }
   .slots_time {
   margin-top: 15px;
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   }
   .slot_time {
    padding: 6px 10px;
    border-radius: 4px;
    border: 1px solid #9ca3af;
    background: #fff;
    font-size: 16px;
    cursor: pointer;
    color: #000;
    font-weight: 400;
    width: 100px;
   }
   .slot_time:hover {
   background: #f0f4f8;
   }
   .slot_time.active {
   background: #0b3a6f;
   color: #fff;
   border-color: #0b3a6f;
   }
   .slot_time.disabled {
   background: #f3f4f6;
   color: #9ca3af;
   border-color: #e5e7eb;
   cursor: not-allowed;
   }
   .submit-btn {
   margin: 30px auto 0;
   display: block;
   padding: 10px 40px;
   background: #2bb5b8;
   border: none;
   color: #fff;
   border-radius: 6px;
   font-size: 14px;
   cursor: pointer;
   }
   .submit-btn:hover {
   background: #1ea4a8;
   }
   .hospital_selection {
       text-align: center;
       padding: 20px 0 0;
       position: relative;
       width: 100%;
   }
   .slot-header {
   display: inline-flex;
   width: 100%;
   }
   .slot-header h4 {
   font-size: 14px;
   font-weight: 600;
   }
   img.cal_icons {
   position: absolute;
   right: 15em;
   }
   .doctor_4 {
       max-width: 1100px;
       margin: 30px auto;
       background: #fff;
       border-radius: 10px;
       box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
       padding: 30px;
   }
   select#select_hospital {    
      position: relative;
    display: flow;
    margin: 0 auto;
        background: #021F56;
    color: #fff;
    padding: 10px 20px;
    border: 1px solid #021F56;
    border-radius: 6px;
    width: 100%;
  }
  /* Hide default arrow */
select#select_hospital {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 45px; /* space for arrow */
}

/* Parent positioning */
.form-group {
    position: relative;
}

/* V-shaped arrow */
.form-group::after {
    content: "";
    position: absolute;
   top: 64%;
    right: 25px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
}

.form-group {
    text-align: left;
    width: 20%;
    margin: 0 auto;
}
.doctor_below {
    max-width: 1100px;
    margin: 30px auto;
    text-align: center;
}
   /*form 4*/
   /*form 5*/

.container {
  max-width: 1100px;
  margin: 30px auto;
  background: #fff;
  padding: 25px;
  border-radius: 6px;
}


.summary-box h4 {
    background: #e9f7f6;
    max-width: 100%;
    padding: 25px 228px 0;
    margin-left: 0px;
    width: 100vw;
    height: 100%;
    margin-top: 40px;
}

.summary-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    background: #e9f7f6;
    max-width: 100%;
    padding: 0px 150px;
    margin-left: 0PX;
    width: 100vw;
    height: 100%;
    padding-bottom: 21px;
}

label.doc_label,span.doc_label {
    font-family: Merriweather;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #62459C;
    padding: 10px 0;
}

.section input[type="text"],.section select,.section input[type="email"] {
    width: 100%;
    height: 45px;
    opacity: 1;
    border-radius: 8px;
    border: 1px solid #767676;
    color: #767676;
}

.summary-grid p {
    font-family: Merriweather, sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
}

.section {
  margin-top: 25px;
}

.radio-row {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}

.radio-row input[type="text"] {
  padding: 7px;
}

.go-btn {
  padding: 7px 18px;
  background: #2bb5b8;
  border: none;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.form-grid span {
  color: red;
}

.form-grid input,
.form-grid select {
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #767676;
  margin-top: 4px;
}

.checkbox {
  margin-top: 15px;
  font-size: 13px;
}

.checkbox a {
  color: #0b3a6f;
  text-decoration: none;
}

.submit-btn {
  margin: 25px auto 0;
  display: block;
  padding: 10px 45px;
  background: #2bb5b8;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.divider {
  margin: 40px 0;
  border-top: 1px dashed #9ca3af;
}
   /*form 5*/
   /*form 6*/
   
.page-wrapper {
  max-width: 1100px;
  margin: 30px auto;
  background: #fff;
  padding: 20px;
}

/* BOOKING SUMMARY */
.booking-summary {
  background: #e9f7f6;
  border: 2px solid #2b8cff;
  padding: 15px 20px;
  margin-bottom: 25px;
}

.booking-summary h3 {
  margin-bottom: 10px;
  color: #1e3a8a;
}

.summary-grid span {
  font-size: 13px;
  color: #6b7280;
}

   /* CARDS */
   .card {
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 2px 10px rgba(0,0,0,.06);
     padding: 20px;
     margin-bottom: 20px;
   }

   .card h3 {
       margin-bottom: 15px;
       color: #1e3a8a;
       font-weight: 700;
       font-style: normal;
       font-size: 24px;
       line-height: 21px;
       font-family: Merriweather, sans-serif !important;
   }

   /* CARD GRID */
   .card-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 20px;
   }

   .card-grid p {
      margin-top: 4px;
       font-weight: 400;
       font-family: Merriweather, sans-serif !important;
       font-size: 16px;
       line-height: 21px;
   }

   /* FEE DETAILS */
   .fee-row {
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px;
     width: 35%;
   }

   .fee-row p {
     font-weight: bold;
   }

   /* DISCOUNT BAR */
   .discount-bar {
     background: #63489a;
     color: #fff;
     text-align: center;
     padding: 10px;
     border-radius: 5px;
     margin: 25px 0;
     font-size: 14px;
   }

   /* ACTION BUTTONS */
   .action-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
   }

   .right-actions {
     display: flex;
     gap: 15px;
   }

   button {
     padding: 10px 30px;
     border-radius: 6px;
     cursor: pointer;
     font-size: 14px;
   }

   /* Buttons */
   .btn-outline {
       border: 1px solid #767676;
       background: #fff;
       color: #767676;
       font-weight: 400;
       font-size: 16px;
       line-height: 21px;
       font-family: Merriweather, sans-serif !important;
   }

   .btn-primary {
       background: #008c8c;
       color: #fff;
       border: none;
       font-family: Merriweather, sans-serif !important;
       font-weight: 700;
       font-size: 16px;
       line-height: 21px;
   }

   .btn-light {
     background: #2BB6BB;
     border: none;
     color: #fff;
       font-family: Merriweather, sans-serif !important;
       font-weight: 700;
       font-size: 16px;
       line-height: 21px;
   }
   .dates {
       width: 100%;
       padding: 0 5px;
   }
   #phone_number::placeholder {
       color: #000;
       opacity: 1; /* important for Firefox */
   }
      /*form 6*/

      .swiper-wrapper-container {
       position: relative;
       display: flex;
       align-items: center;
   }

   .slots-inner {
        padding: 25px;
        margin: 0 auto;
        background: #ffffff;
        border-radius: 0px 0px 10px 10px;
        box-shadow: 0 16px 24px rgba(0, 0, 0, .08);
        margin-top: -50px;
    }

    .swiper-wrapper-container-inner {
        position: relative;
        display: flex;
        align-items: center;
        max-width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 10px;
   }

   .dateSwiper {
       width: 100%;
   }

   .date-prev,
   .date-next {
       position: absolute;
       top: 50%;
       transform: translateY(-50%);
       z-index: 10;
   }

.date-prev {
    left: -40px; /* move outside */
}

.date-next {
    right: -40px; /* move outside */
}
.summary-box {
    background: #e9f7f6;
    /* max-width: 1600px; */
    /* padding: 25px 220px; */
    margin-left: -20px;
    /* width: 100vw; */
    /* height: 100%; */
    /* margin-top: 40px; */
    margin-right: -20px;
   }
.slot-section {
    padding: 30px 0;
}
input.txt_uhid {
    width: 30% !important;
}
.txt_content.txt_left {
    width: 70%;
}
.txt_content.txt_right {
    width: 30%;
}
.txt_content.txt_left {
    width: 100%;
}
.txt_content.txt_right {
    width: 100%;
}


div#discout_model .modal-header{
    background:#6a4ca3;
    color:#fff;
    border-bottom:none;
    text-align:center;
    justify-content:center;
    position:relative;
    padding:50px 20px 50px;
    display: inline-block;
}

/* Reverse Curve */

div#discout_model .modal-header::after{
    content:"";
    position:absolute;
    bottom:-1px;
    left:0;
    width:100%;
    height:50px;
    background:#ffffff;
    border-top-left-radius:100% 100px;
    border-top-right-radius:100% 100px;
}

p.head_1 {
    font-family: Merriweather;
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    line-height: 21px;
}
p.head_2 {
    font-family: Merriweather;
    font-weight: 700;
    font-size: 48px;
    text-align: center;
}

/* Close button */

div#discout_model .btn-close{
    position:absolute;
    right:20px;
    top:20px;
    filter:invert(1);
}
/*mobile view starts*/

@media (max-width: 768px) {
   .pat_box {
    position: relative;
    display: inline-flex;
    width: 100%;
}
    input.txt_uhid {
        width: 50% !important;
        height: 40px !important;
        font-size: 15px;
    }
.txt_content.txt_left {
    width: 70%;
}
    .form-grid {
        display: grid;
    }

.txt_content.txt_right {
    width: 30%;
}
.go-btn {
    padding: 7px 10px;
}
.submit-btn {
    margin: 5px auto 0;
    padding: 10px 60px;
}
.pat_box p {
    width: 60%;
}
.pat_box span.doc_label {
    width: 40%;
}
.pat_box p::before {
    content: ":";
}
   .medical-heading p.centered-header {
       text-align: center;
       margin-left: 0;
       font-size: 20px;
       color: #fff;
       font-style: normal;
   }
   .stepper-line {
       height: 8px;
       background: #d1d5db;
       position: absolute;
       top: 16px;
       left: 0px;
       right: 0px;
       z-index: 0;
   }
   input.txt_uhid {
               width: 36% !important;
        height: 35px !important;
        font-size: 10px;
}
   .circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #9ca3af;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #6b7280;
}
   .step {
       display: inline-block;
   }
   .stepper {
    max-width: 90%;
    margin: 15px auto 10px;
    position: relative;
}
   .label
   {
        font-size: 12px;
        position: relative;
        margin-top: 6px;
        display: inline-block;
        width: 90px;
        text-align: center;
        margin-left: -25px;
   }
   .step.step_3 {
    margin-right: -2em;
}
.step.active .label {
    margin-top: 6px;
}
.card {
    background: #fff;
    border-radius: 10px;
    box-shadow: none;
    padding: 0px;
    margin-bottom: 20px;
    border: none;
}
.avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #d1d5db;
    float: left;
}
img.img_circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #d1d5db;
}
.card h3 {
    margin-bottom: 15px;
    color: #1e3a8a;
    font-style: normal;
    line-height: 21px;
    font-family: Merriweather, sans-serif !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}
.muted {
    color: #6b7280;
    font-family: Merriweather, sans-serif !important;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}
button.btn.book-continue {
  background-color: #2BB6BB;
  color: #fff;
  text-align: center;
  width: 40%;
  min-height: 40px;
  margin-top: 10px;
  font-size: 16px;
  transition: 0.3s;
  border-radius: 5px;
}
.slots {
    background: #2bb6bb45;
    margin: 17px -20px -20px;
    padding: 20px;
    border-radius: 0;
}
.date {
  border: 1px solid #cfd8dc;
  border-radius: 18px;
  padding: 6px 3px;
  text-align: center;
  font-size: 13px;
  background: #fff;
  cursor: pointer;
}
.number_div {
    text-align: center;
    width: 95%;
    margin: 24px auto;
}
p.txt_date {
    font-size: 14px;
}
input#phone_number {
    border: 1.26px solid #042052;
}
.iti__selected-flag {
    border-right: 1.26px solid #042052;
}
.muted1 {
   font-size: 14px;
   line-height: 21px;
}
.form-control {
    font-size: 14px;
 }
 .form-group {
    text-align: left;
    width: 100%;
    margin: 0 auto;
}
img.cal_icons {
  position: absolute;
  right: 2em;
  width: 20px;
}  

.doctor h3 {
    margin: 0;
    color: #0b3a6f;
    font-family: Merriweather, sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 21px;
}
.doctor_4 {
    max-width: 100%;
    margin: 0px auto;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
    padding: 9px;

        display: inline-block;
}
.slot-header {
    display: inline-flex;
    width: 100%;
}
.appointment-box {
    max-width: 1100px;
    margin: 25px auto;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
}
.slots_time {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
   gap: 10px;
}
.day_week {
    margin-top: 10px;
}
.day_week p {
    font-family: Merriweather, sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #767676;
}
.slot_time {
   padding: 8px 10px;
        font-size: 14px;
        width: 75px;
}
.parent-container {
        margin-top: 0;
    }
    hr.hr_line {
    margin: 10px 0px;
    float: left;
    width: 100%;
}
.doc_details{
  float: left;
  width: 65%;
  margin-left: 5px;
}
.summary-box h4 {
    background: #e9f7f6;
    max-width: 100%;
    padding: 20px 51px 0;
    margin-left: -30px;
    width: 100%;
    height: 100%;
    margin-top: 40px;
    font-weight: 700;
    font-size: 16px;
}
.summary-grid {
background: #e9f7f6;
        padding: 0px 0px 0px 50px;
        margin-left: -30px;
        display: inline-block;
}
.container {
    max-width: 1100px;
    margin: 0px auto;
    background: #fff;
    padding: 0px;
    border-radius: 6px;
}
label.doc_label, span.doc_label {
    font-family: Merriweather;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #62459C;
    padding: 10px 0;
}
.summary-grid p {
    font-family: Merriweather, sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    width: 100%;
    display: inline-flex;
}
select#select_hospital {
    position: relative;
    display: flow;
    margin: 0 auto;
    background: #021F56;
    color: #fff;
    padding: 0px 10px;
    border: 1px solid #021F56;
    border-radius: 6px;
    width: 100%;
    font-size: 14px;
    height: 45px;
}
.txt_content {
    width: 50%;
    position: relative;
    display: inline-block;
    float: left;
        height: 90px;
}
.section input[type="text"], .section select, .section input[type="email"] {
    width: 100%;
    height: 50px;
    opacity: 1;
    border-radius: 8px;
    border: 1px solid #767676;
    color: #767676;
    margin: 10px 5px;
}
section#pageContent {
    background: #ffffff;
    padding: 20px 18px 20px;
}
.radio-row {
    display: inline-block;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.form-grid label {
    font-family: Merriweather;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}
.page-wrapper {
    max-width: 1100px;
    margin: 0px auto;
    background: #fff;
    padding: 0px;
}
.card-grid {
    display: inline-block;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.fee-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 90%;
}
.discount-bar {
    background: #63489a;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    margin: 25px 0;
    font-size: 16px;
}
button {
    padding: 10px 30px;
}
.divider {
    margin: 20px 0;
    border-top: 1px dashed #9ca3af;
}
}




/* Small devices (tablets, ≥768px and <992px) */
@media (min-width: 376px) and (max-width: 426px) {
        .form-grid {
        display: inline-block;
    }
      button.btn.book-continue {
        background-color: #2BB6BB;
        color: #fff;
        text-align: center;
        width: 76%;
        min-height: 40px;
        margin-top: 10px;
        font-size: 16px;
        transition: 0.3s;
        border-radius: 5px;
    }
        .slot_time {
        padding: 8px 10px;
        font-size: 14px;
        width: 80px;
    }
}

/* Small devices (tablets, ≥768px and <992px) */
@media (min-width: 330px) and (max-width: 376px) {
    .form-grid {
        display: inline-block;
    }
      button.btn.book-continue {
        background-color: #2BB6BB;
        color: #fff;
        text-align: center;
        width: 88%;
        min-height: 40px;
        margin-top: 10px;
        font-size: 16px;
        transition: 0.3s;
        border-radius: 5px;
    }
        .slot_time {
        padding: 8px 10px;
        font-size: 14px;
        width: 98px;
    }
}
/* Extra small devices (phones, <768px) */
@media (max-width: 330px) {
        .form-grid {
        display: inline-block;
    }
 button.btn.book-continue {
  background-color: #2BB6BB;
  color: #fff;
  text-align: center;
  width: 100%;
  min-height: 40px;
  margin-top: 10px;
  font-size: 16px;
  transition: 0.3s;
  border-radius: 5px;
}}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

/* Medium devices (desktops, ≥992px and <1200px) */
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

/* Large devices (large desktops, ≥1200px) */
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
/*mobile view*/