body {
    font-family: Axiforma !important;
    font-family: var(--bs-font-sans-serif) !important;
}
a {
    text-decoration: none !important;
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #e3f2fd; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #072c76; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #072c76; 
  }
  .scroller {
    scrollbar-color: #072c76 #e3f2fd;
    scrollbar-width: thin;
    }
body {
    margin: 0px !important;
}
.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #0041c4 !important;
}
.dp_image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.dp_name {
    color: #262626;
    font-weight: 500;
    font-size: 15;
    margin-right: 15px;
}
/* Style the buttons */
#myDIV .bttn {
    border: none;
    outline: none;
    padding: 5px 16px;
    cursor: pointer;
    font-size: 16px;
    background: none !important;
    color: #072c76;
    font-weight: normal;
  }
#myDIV .bttn1 {
    border: none;
    outline: none;
    padding: 5px 16px;
    cursor: pointer;
    font-size: 16px;
    background-color: #f7fafd;;
    color: #072c76;
    font-weight: 600;
  }
  
  /* Style the active class, and buttons on mouse-over */
#myDIV  .active, .bttn:hover {
    border-bottom: 2px solid #072c76;
    font-weight: bold;
  }
#myDIV  .bttn:focus {
    outline: 0 !important;
    box-shadow: none !important;
}
#myDIV .active, .bttn1:hover {
    border-bottom: 2px solid #072c76;
    
  }
#myDIV  .bttn1:focus {
    outline: 0 !important;
    box-shadow: none !important;
}
  button:focus {
    outline: none !important;
  }
.Login_btn {
    border: none;
    outline: none;
    padding: 3px 10px;
    cursor: pointer;
    font-size: 16px;
    background-color: #e3f2fd;
    color: #072c76;
    border: 2px solid #072c76;
    border-radius: 8px;
    font-weight: 600;
}
.Login_btn:hover {
    background-color: #072c76;
    color: white;
}
.Login1_btn {
    border: none;
    outline: none;
    padding: 3px 10px;
    cursor: pointer;
    font-size: 16px;
    background-color: #f7fafd;
    color: #072c76;
    border: 2px solid #072c76;
    border-radius: 8px;
    font-weight: 600;
}
.Login1_btn:hover {
    background-color: #072c76;
    color: white;
}
.bg_home {
    background-color: #e3f2fd;
    height: 350px;
    width: 100%;
    margin-top: 70px;
}
.Explore_btn {
    border: none;
    outline: none;
    padding: 8px 20px;
    cursor: pointer;
    font-size: 14px;
    background-color: #01b9ed;
    color: white;
    border-radius: 10px;
    margin-top: 20px;
}

.Navsearch_iconposition {
    color: rgba(0, 0, 0, 0.4);
    font-size: 20px;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
    margin-left: -40px;
    position: absolute;
}
.Navsearch_input_design {
    border: none;
    border-radius: 20px;
    background-color: white;
    color: #072c76;
    width: 250px;
    font-size: 14px;
    padding: 12px 0px 12px 10px;
    margin-right: 10px;
}
.search_iconposition {
    color: rgba(0, 0, 0, 0.4);
    font-size: 20px;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
    margin-left: -40px;
}
.search_input_design {
    border: none;
    border-radius: 12px;
    background-color: white;
    color: #072c76;
    font-weight: 500;
    width: 350px;
    font-size: 14px;
    padding: 10px 0px 10px 10px;
}


input:focus {
    outline: none !important;
}

.sub_heading {
    color: #01b9ed;
    font-size: 26px;
    padding: 7px 20px 5px 0px;
    border-radius: 8px;
    background-image: linear-gradient(to right, #ffffff, #d8f0f7);
}

.clinic_subH {
    text-transform: capitalize;
    color: #22458c;
    font-size: clamp(12px, 2.5vw, 14px);
    margin-top: 10px;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: clamp(10px, 2.5vw, 15px);
}

.clinic_imgSize {
    width: 70px;
    height: 70px;
}

.dr_name {
    color: #0041c4;
    font-size: 28px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 8px;
}
.day_month {
    color: #0041c4;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-transform: lowercase;
}
.dr_time {
    
    color: #6a9cff;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 10px;
    text-transform: lowercase;
}
.dr_deg {
    font-size: 11px;
    text-align: left;
    color: rgba(115, 115, 115, 0.8);
    margin-bottom: 8px;
}
.dr_branch {
    font-size: 11px;
    text-align: left;
    color: #737373;
    margin-bottom: 8px;
}
.dr_lang {
    font-size: 11px;
    color: #737373;
    margin-bottom: 8px;
    padding: 0px 10px 0px 0px;
}
.dr_lang1 {
    font-size: 11px;
    color: #737373;
    margin-bottom: 10px;
    padding: 0px 5px 0px 0px;
}
.eye {
    font-size: 12px;
    color: #ae8908;
    padding: 5px 20px;
    background-color: rgba(249, 200, 28, 0.2);
    border-radius: 5px;
    margin-right: 10px;
    font-weight: 600;
    margin-bottom: 10px;
}
.ear {
    font-size: 12px;
    color: #f97c1c;
    padding: 5px 20px;
    background-color: rgba(249, 124, 28, 0.2);
    border-radius: 5px;
    margin-right: 10px;
    font-weight: 600;
    margin-bottom: 10px;
}
.mouth {
    font-size: 12px;
    color: #2cadf6;
    padding: 5px 20px;
    background-color: rgba(44, 173, 246, 0.2);
    border-radius: 5px;
    margin-right: 10px;
    font-weight: 600;
    margin-bottom: 10px;
}
.rupees {
    font-size: 14px;
    color: #2cadf6;
    padding: 5px 20px;
    background-color: white;
    border-radius: 8px;
    border: 2px solid #2cadf6;
    font-weight: 600;
}
.experience {
    font-size: 12px;
    color: #737373;
    padding: 5px 0px 5px 10px;
    font-weight: 500;
}
.experience1 {
    font-size: 12px;
    color: #737373;
    padding: 5px 0px 5px 0px;
    font-weight: 600;
}

#doctor_tabview .dr_name {
    color: #0041c4;
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 8px;
}
#doctor_tabview .dr_deg {
    font-size: 11px;
    text-align: left;
    color: rgba(115, 115, 115, 0.8);
    margin-bottom: 8px;
}
#doctor_tabview .dr_branch {
    font-size: 11px;
    text-align: left;
    color: #737373;
    margin-bottom: 8px;
}
#doctor_tabview .dr_lang {
    font-size: 11px;
    color: #737373;
    margin-bottom: 8px;
    padding: 0px 6px 0px 0px;
}
#doctor_tabview .eye {
    font-size: 12px;
    color: #ae8908;
    padding: 5px 20px;
    background-color: rgba(249, 200, 28, 0.2);
    border-radius: 5px;
    margin-right: 5px;
    font-weight: 600;
    margin-bottom: 8px;
    display: inline-block;
}
#doctor_tabview .ear {
    font-size: 12px;
    color: #f97c1c;
    padding: 5px 20px;
    background-color: rgba(249, 124, 28, 0.2);
    border-radius: 5px;
    margin-right: 5px;
    font-weight: 600;
    margin-bottom: 8px;
    display: inline-block;
}
#doctor_tabview .mouth {
    font-size: 12px;
    color: #2cadf6;
    padding: 5px 20px;
    background-color: rgba(44, 173, 246, 0.2);
    border-radius: 5px;
    margin-right: 5px;
    font-weight: 600;
    margin-bottom: 8px;
    display: inline-block;
}
#doctor_tabview .rupees {
    font-size: 14px;
    color: #2cadf6;
    padding: 5px 15px;
    background-color: white;
    border-radius: 8px;
    border: 2px solid #2cadf6;
    font-weight: 600;
}
#doctor_tabview .experience {
    font-size: 12px;
    color: #737373;
    padding: 5px 0px 5px 10px;
    font-weight: 500;
}

footer {
    background-color: #0a142f;
    padding: 30px 100px 30px 100px;
    bottom: 0px !important;
    margin-bottom: 0px;
}

.footer_heading {
    font-size: 20px;
    text-align: left;
    color: white;
    margin-bottom: 30px;
}
.footer_subH {
    font-size: 14px;
    text-align: left;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 10px;
}
#footer_sh a {
    text-decoration: none !important;
    color: rgba(255, 255, 255, 0.7);
}

.sideFixed2 {
    position: fixed;
    width: 280px;
    margin-top: 30px;
  }

  .body_card {
    background-color: white;
    border-radius: 25px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.04), 
    0 2px 6px 0 rgba(0, 0, 0, 0.04), 
    0 16px 24px 0 rgba(0, 0, 0, 0.06);
    padding: 15px;
    margin-bottom: 30px;
    max-height: 500px;
    overflow-y: auto;
  }
  .body_card2 {
    background-color: white;
    border-radius: 25px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.04), 
    0 2px 6px 0 rgba(0, 0, 0, 0.04), 
    0 16px 24px 0 rgba(0, 0, 0, 0.06);
    padding: 15px;
    margin-bottom: 30px;
  }
  .doctor_body {
    padding: 10px !important;
}
.element_align {
    margin-top: -12px;
    margin-left: 30px;
    position: absolute;
}
.form_input_element {
    font-size: 12px;
    color: #000;
    background-color: white;
    padding: 1px 5px;
    border-radius: 5px;
    font-weight: 500;
}
.form_input_design {
    border-radius: 12px !important;
    background-color: rgba(233, 239, 246, 0.8) !important;
    color: rgba(0, 0, 0, 0.9);
    font-weight: 500;
    font-size: 14px;
    border: none !important;
    padding: 10px 0px 10px 10px !important;
    width: 100%;
}
.input-container {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
  }
  .icon_1 {
    padding: 10px;
    background: rgba(233, 239, 246, 0.8);
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    min-width: 50px;
    text-align: center;
    border-radius: 12px 0px 0px 12px;
  }
  .element_alignLink {
    margin-top: -12px;
    margin-left: 30px;
    position: absolute;
}
.form_input_designLink {
    border-radius: 0px 12px 12px 0px !important;
    background-color: rgba(233, 239, 246, 0.8) !important;
    color: rgba(0, 0, 0, 0.9);
    font-weight: 500;
    font-size: 14px;
    border: none !important;
    padding: 10px 0px 10px 10px !important;
    margin-left: 3px;
    width: 100%;
}
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ff4d4d;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2fd170;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2fd170;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 24px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
  .toggle_S {
      color: #000;
      font-size: 13px;
      font-weight: 500;
      padding: 10px 14px;
      border-radius: 16px;
      border: solid 1px rgba(154, 178, 207, 0.3);
      text-align: center;
  }
  .connect_selected {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 10px;
    border-radius: 16px;
    border: solid 1px #43d0b7;
    cursor: pointer;
    margin-bottom: 10px;
}
.connect {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 10px;
    border-radius: 16px;
    border: solid 1px rgba(154, 178, 207, 0.3);
    cursor: pointer;
    margin-bottom: 10px;
}
.time_slot {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 10px;
    border-radius: 16px;
    box-shadow: 0 0 1px 0 rgba(253, 89, 0, 0.04), 0 2px 6px 0 rgba(253, 89, 0, 0.04), 0 16px 24px 0 rgba(253, 89, 0, 0.06);
    border: solid 1px rgba(154, 178, 207, 0.2);
    background-color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    margin-bottom: 10px;
}
.time_period_selected{
  box-shadow: 0 0 0.9px 0 rgba(253, 89, 0, 0.04), 0 1.9px 5.7px 0 rgba(253, 89, 0, 0.04), 0 15.1px 22.6px 0 rgba(253, 89, 0, 0.06);
  background-color: #f97c1c;
  padding: 2px 6px 2px 6px;
  border-radius: 16px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 10px;
}
.time_period{
    box-shadow: 0 0 0.9px 0 rgba(253, 89, 0, 0.04), 0 1.9px 5.7px 0 rgba(253, 89, 0, 0.04), 0 15.1px 22.6px 0 rgba(253, 89, 0, 0.06);
    background-color: #ffffff;
    padding: 2px 6px 2px 6px;
    border: solid 0.9px #f97c1c;
    border-radius: 16px;
    color: #f97c1c;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
  }
  .toggle_txt {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    padding: 0px 10px;
  }
  .day_colbg_selected {
    width: 84px;
    height: 92px;
    background-color: #d9e3f6;
    border-radius: 16px;
    margin-right: 10px;
  }
  .day_bg_selected {
    width: 84px;
    height: 26px;
    background-color: #d9e3f6;
    border-radius: 16px 16px 0px 0px;
    text-align: center;
    color: #0041c4;
    font-size: 12px;
    font-weight: 500;
    padding-top: 3px;
    text-transform: lowercase;
  }
  .date_bg_selected {
    width: 84px;
    height: 66px;
    background-image: linear-gradient(to top, #0041c4, #6a9cff);
    border-radius: 16px;
    margin-bottom: 0px !important;
    text-align: center;
    color: #ffffff;
    text-transform: lowercase;
  }

  .day_colbg {
    width: 84px;
    height: 92px;
    background-color: rgba(233, 239, 246, 0.8);
    border-radius: 16px;
    margin-right: 10px;
  }
  .day_bg {
    width: 84px;
    height: 26px;
    background-color: rgba(233, 239, 246, 0.8);
    border-radius: 16px 16px 0px 0px;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    font-weight: 500;
    padding-top: 3px;
    text-transform: lowercase;
  }
  .date_bg {
    width: 84px;
    height: 66px;
    background-color: rgba(200, 209, 219, 0.8);
    border-radius: 16px;
    margin-bottom: 0px !important;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    text-transform: lowercase;
  }

  .scroll_left{
    float: left;
    text-align: center;
    vertical-align:middle;
    cursor: pointer;
    margin-top: 40px;
  }
  .scroll_right {
    float: right;
    text-align: center;
    vertical-align:middle;
    cursor: pointer;
    margin-top: 40px;
  }
  .doctor_card {
    border: 0.9px solid rgba(0, 0, 0, 0.09);
    border-radius: 24px 24px 24px 16px;
    margin-bottom: 10px;
  }
  
  
  
  /*----------------------------------------System---------------------------------------*/
@media (min-width: 828px) {
    .logo_pos {
        width: 150px;
        padding: 10px 0px;
        margin-left: 80px;
        margin-right: 40px;
      }
    .doc_img {
        width: 480px;
        padding-bottom: -30px;
        float: right;
    }
    .docres_img {
        display: none;
    }
    .bg_padding {
        padding: 30px 150px 0px 150px;
    }
    .Res_search_iconposition {
        display: none;
    }
    .Res_search_input_design {
        display: none;
    }
    .body_padding{
        padding: 30px 150px 30px 150px;
    }
    .body_paddingbook{
        padding: 30px 44px 30px 66px !important;
    }
    .Booking_btn {
        width: 100% !important;
        border: none;
        outline: none;
        padding: 8px;
        cursor: pointer;
        font-size: 12px;
        background-image: linear-gradient(to left, #43d0b7, #70e7d2);
        color: white;
        border-radius: 10px;
        margin-top: 15px; 
    }
    .bg_txt {
        text-align: left;
        line-height: 1.4;
        padding-bottom: 30px;
    }
    .bg_pL1 {
        color: #01b9ed;
        font-size: 18px;
    }
    .bg_pL2 {
        background: #204289;
        background: -webkit-linear-gradient(to right, #5d84d4 0%, #204289 100%);
        background: -moz-linear-gradient(to right, #5d84d4 0%, #204289 100%);
        background: linear-gradient(to right, #5d84d4 0%, #204289 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 45px;
        font-weight: 600;
        background-clip: text;
    }
    .bg_pL22 {
        background: #204289;
        background: -webkit-linear-gradient(to left, #5d84d4 0%, #204289 100%);
        background: -moz-linear-gradient(to left, #5d84d4 0%, #204289 100%);
        background: linear-gradient(to left, #5d84d4 0%, #204289 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 45px;
        font-weight: 600;
        background-clip: text;
    }
    .bg_pL23 {
        background: #204289;
        background: -webkit-linear-gradient(to top, #5d84d4 0%, #204289 100%);
        background: -moz-linear-gradient(to top, #5d84d4 0%, #204289 100%);
        background: linear-gradient(to top, #5d84d4 0%, #204289 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 45px;
        font-weight: 600;
        background-clip: text;
    }
    .bg_pL3 {
        color: #22458c;
        font-size: 12px;
    }
    .pos_bar {
        position: absolute;
        margin-top: 220px !important;
        margin-left: 130px;
    }
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        color: #0041c4 !important;
        background-color: rgba(0, 65, 196, 0.05) !important;
        text-align: left !important;
        border-left: 7px solid #0041c4;
        margin-left: -7px;
        font-weight: 500;
    }
    .nav-pills .nav-link {
        text-align: left !important;
        color: rgba(0, 0, 0, 0.7) !important;
        font-weight: 500;
    }
    .side_hor{
        display: none !important;
    }
    .howitworks_res {
        display: none !important;
    }
    .down_arrow {
        display: none;
    }
    .time_slot_line2 {
        display: none;
    }
    .dots_Unres{
        display: none;
    }

}

/*---------------------------------Responsive--------------------------------------*/
@media (max-width: 992px) {
    .logo_pos {
        width: 150px;
        padding: 10px 0px;
        margin-left: 0px;
        margin-right: 0px;
      }
    .dots_res{
        display: none;
    }
    .howitworks_web {
        display: none !important;
    }
    .dp_name {
        display: none;
    }
    .Navsearch_iconposition {
        display: none;
    }
    .Navsearch_input_design {
        display: none;
    }
    .Res_search_iconposition {
        color: rgba(0, 0, 0, 0.4);
        font-size: 20px;
        padding: 25px 0px 10px 0px;
        cursor: pointer;
        margin-left: -40px;
        position: absolute;
    }
    .Res_search_input_design {
        border: none;
        border-radius: 20px;
        background-color: white;
        color: #072c76;
        width: 100%;
        font-size: 14px;
        padding: 12px 0px 12px 10px;
        margin: 15px 0px;
    }
    footer {
        padding: 30px;
    }
    .side_ver{
        display: none;
    }
    .doctor_body {
        padding: 10px;
    }
    .footer_heading {
        font-size: 17px;
        text-align: left;
        color: white;
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .footer_subH {
        font-size: 14px;
        text-align: left;
        color: rgba(255, 255, 255, 0.7);
        margin-bottom: 10px;
    }
    .menu_resp{
        display: none !important;
    }
    .bg_home {
        background-color: #e3f2fd;
        height: auto;
        width: 100%;
        margin-top: 70px;
    }
    .bg_padding {
        padding: 10px;
    } 
    .body_padding{
        padding: 10px;
    }
    .body_paddingbook{
        padding: 10px;
    }
    .bg_txt {
        text-align: left;
        line-height: 1.4;
        
    }
    .Booking_btn {
        width: 100% !important;
        border: none;
        outline: none;
        padding: 8px;
        cursor: pointer;
        font-size: 11px;
        background-image: linear-gradient(to left, #43d0b7, #70e7d2);
        color: white;
        border-radius: 8px;
        margin-top: 15px;
    }
    .bg_pL1 {
        color: #01b9ed;
        font-size: 11px;
    }
    .bg_pL2 {
        background: #204289;
        background: -webkit-linear-gradient(to right, #5d84d4 0%, #204289 100%);
        background: -moz-linear-gradient(to right, #5d84d4 0%, #204289 100%);
        background: linear-gradient(to right, #5d84d4 0%, #204289 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 18px;
        font-weight: 500;
        background-clip: text;
    }
    .bg_pL22 {
        background: #204289;
        background: -webkit-linear-gradient(to left, #5d84d4 0%, #204289 100%);
        background: -moz-linear-gradient(to left, #5d84d4 0%, #204289 100%);
        background: linear-gradient(to left, #5d84d4 0%, #204289 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 18px;
        font-weight: 500;
        background-clip: text;
    }
    .bg_pL23 {
        background: #204289;
        background: -webkit-linear-gradient(to top, #5d84d4 0%, #204289 100%);
        background: -moz-linear-gradient(to top, #5d84d4 0%, #204289 100%);
        background: linear-gradient(to top, #5d84d4 0%, #204289 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 18px;
        font-weight: 500;
        background-clip: text;
    }
    
    .bg_pL3 {
        color: #22458c;
        font-size: 11px;
    }
    .Explore_btn {
        border: none;
        outline: none;
        padding: 6px 15px;
        cursor: pointer;
        font-size: 13px;
        background-color: #01b9ed;
        color: white;
        border-radius: 8px;
        margin-top: 10px;
    }
    .doc_img {
        display: none;
    }
    .docres_img {
        width: 200px;
        margin-right: -10px;
        float: right;
        margin-top: -150px;
    }
    .search_input_design {
        border: none;
        border-radius: 12px;
        background-color: white;
        color: #072c76;
        font-weight: 500;
        justify-content: space-around;
        font-size: 14px;
        padding: 10px 0px 10px 10px;
    }
    .pos_bar {
        position: absolute;
        margin-top: 30px !important;
    }
    .dr_name {
        color: #0041c4;
        font-size: 20px;
        font-weight: 500;
        text-align: left;
        margin-bottom: 4px;
    }
    .dr_deg {
        font-size: 11px;
        text-align: left;
        color: rgba(115, 115, 115, 0.8);
        margin-bottom: 4px;
    }
    .dr_branch {
        font-size: 11px;
        text-align: left;
        color: #737373;
        margin-bottom: 4px;
    }
    .dr_lang {
        font-size: 11px;
        color: #737373;
        margin-bottom: 4px;
        padding: 0px 10px 0px 0px;
    }
    .eye {
        font-size: 12px;
        color: #ae8908;
        padding: 3px 10px;
        background-color: rgba(249, 200, 28, 0.2);
        border-radius: 5px;
        margin-right: 3px;
        font-weight: 500;
    }
    .ear {
        font-size: 12px;
        color: #f97c1c;
        padding: 3px 10px;
        background-color: rgba(249, 124, 28, 0.2);
        border-radius: 5px;
        margin-right: 3px;
        font-weight: 500;
    }
    .mouth {
        font-size: 12px;
        color: #2cadf6;
        padding: 3px 10px;
        background-color: rgba(44, 173, 246, 0.2);
        border-radius: 5px;
        margin-right: 3px;
        font-weight: 500;
    }
    .rupees {
        font-size: 13px;
        color: #2cadf6;
        padding: 3px 10px;
        background-color: white;
        border-radius: 8px;
        border: 2px solid #2cadf6;
        font-weight: 600;
    }
    .experience {
        font-size: 11px;
        color: #737373;
        padding: 3px 0px 3px 10px;
        font-weight: 600;
    }

    #doctor_tabview .dr_name {
        color: #0041c4;
        font-size: 20px;
        font-weight: 500;
        text-align: left;
        margin-bottom: 4px;
    }
    #doctor_tabview .dr_deg {
        font-size: 11px;
        text-align: left;
        color: rgba(115, 115, 115, 0.8);
        margin-bottom: 4px;
    }
    #doctor_tabview .dr_branch {
        font-size: 11px;
        text-align: left;
        color: #737373;
        margin-bottom: 4px;
    }
    #doctor_tabview .dr_lang {
        font-size: 11px;
        color: #737373;
        margin-bottom: 2px;
        padding: 0px 5px 0px 0px;
    }
    #doctor_tabview .eye {
        font-size: 12px;
        color: #ae8908;
        padding: 3px 8px;
        background-color: rgba(249, 200, 28, 0.2);
        border-radius: 5px;
        margin-right: 3px;
        font-weight: 500;
        margin-bottom: 2px;
    }
    #doctor_tabview .ear {
        font-size: 12px;
        color: #f97c1c;
        padding: 3px 8px;
        background-color: rgba(249, 124, 28, 0.2);
        border-radius: 5px;
        margin-right: 3px;
        font-weight: 500;
        margin-bottom: 2px;
    }
    #doctor_tabview .mouth {
        font-size: 12px;
        color: #2cadf6;
        padding: 3px 8px;
        background-color: rgba(44, 173, 246, 0.2);
        border-radius: 5px;
        margin-right: 3px;
        font-weight: 500;
        margin-bottom: 2px;
    }
    #doctor_tabview .rupees {
        font-size: 13px;
        color: #2cadf6;
        padding: 3px 8px;
        background-color: white;
        border-radius: 8px;
        border: 2px solid #2cadf6;
        font-weight: 600;
    }
    #doctor_tabview .experience {
        font-size: 11px;
        color: #737373;
        padding: 3px 0px 3px 5px;
        font-weight: 500;
    }
    #doctor_tabview .Booking_btn {
        width: 100% !important;
        border: none;
        outline: none;
        padding: 5px;
        cursor: pointer;
        font-size: 11px;
        background-image: linear-gradient(to left, #43d0b7, #70e7d2);
        color: white;
        border-radius: 10px;
        margin-top: 15px;
    }
    #doctor_tabview.body_card2 {
        background-color: white;
        border-radius: 10px;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.04), 
        0 2px 6px 0 rgba(0, 0, 0, 0.04), 
        0 16px 24px 0 rgba(0, 0, 0, 0.06);
        padding: 5px;
        margin-bottom: 30px;
      }
      
      .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        color: #0041c4 !important;
        background-color: rgba(0, 65, 196, 0.05) !important;
        text-align: left !important;
        border-radius: 20px;
        font-weight: 500;
    }
    .nav-pills .nav-link {
        text-align: left !important;
        color: rgba(0, 0, 0, 0.7) !important;
        font-weight: 500;
    }
    
    .wrapper {
        position:relative;
        margin:0 auto;
        overflow-x:auto;
        overflow-y: hidden;
        padding:5px;
          height:50px;
    }
    
    .list {
        position:absolute;
        left:0px;
        top:0px;
          min-width:900px;
          margin-left:12px;
        margin-top:0px;
    }
    
    .list li{
        display:table-cell;
        position:relative;
        text-align:center;
        cursor:grab;
        cursor:-webkit-grab;
        color:#efefef;
        vertical-align:middle;
    }
    .sidebar-box {
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 16px;
        padding: 6px;
      }
    .time_slot_line {
        display: none;
    }
    .dashed_border{
        border: 0.5px solid rgba(0, 0, 0, 0.1);
        text-align: left;
        padding: 15px 0px 15px 20px;
        border-radius: 24px;
    }
      
    
}
  


.notification {
    color: white;
    text-decoration: none;
    position: relative;
    display: inline-block;
    border-radius: 2px;
  }
  
  .notification .badge {
    position: absolute;
    top: -15px;
    left: 20px;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #ffffff;
    color: #000000;
    
  }
  
  .form-control {
      color: #6c757d;
      opacity: 1;
      background-color: rgba(233, 239, 246, 0.8) !important;
      font-size: 14px;
      border: none !important;
      padding: 10px 0px 10px 10px !important;
  }
  
  .form-control {
      border-radius: 10px !important;
  }
  
  .form {
      border-radius: 10px !important;
  }
  
  @media only screen and (max-width: 500px) {
      .phone {
      position: absolute;
      top: 0;
      padding: 30px 10px 10px 20px;
      background-color: #e8f1ff;
      z-index: -1;
      }
      .form {
      margin: 200px auto 0px auto !important;
      }
  
      
      #background {
          display: none;
      }
    }
  
  @media only screen and (min-width: 500px) {
      .phone {
      display: none;
      }
  
      #background {
          position: fixed;
          top: 0px;
          left: 0px;
          width: 50%;
          height: 100%;
          background-color: #e8f1ff;
          z-index: 1;
      }
      
      #content {
          position: relative;
          z-index: 2;
          padding: 30px;
          font-weight: bold; 
      }
  
    }