body {
  font-family: "Inter", sans-serif;
  background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
button,
input,
select,
textarea {
  font-family: "Inter", sans-serif;
}
ul {
  list-style: none;
  padding-left: 0px;
  margin: 0px;
}
ul li {
  display: inline-block;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}
/* ............navbar css starts here......... */
.custom_navbar .navbar-brand {
  font-size: 28px;
  color: #054a80;
  font-weight: 700;
}
.custom_navbar .navbar-brand:focus-visible {
  outline: 0px;
}
.custom_navbar .navbar-brand:hover {
  color: #054a80;
}
.nav-link {
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.5px;
  margin: 0px 10px;
  color: #4f5254;
}
.nav-link:hover {
  color: #4f5254;
}
/* ........index page css starts here........ */
.index_page {
  background: #ceeaff;
  height: 100vh;
}
.index_sliders {
  margin-top: 50px;
}
.index_sliders h2 {
  color: #054a80;
  font-weight: 700;
  font-size: 27px;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.index_sliders p {
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #054a80;
  line-height: 1.2;
}
.index_sliders .slick-dots {
  text-align: left !important;
}
.slick-arrow {
  display: none !important;
}
.index_sliders .slick-dots li button:before {
  color: #fff !important;
  opacity: 1 !important;
  font-size: 8px !important;
  width: 0px;
}
.index_sliders .slick-dots li {
  width: 10px !important;
}

.index_sliders .slick-dots li.slick-active button:before {
  color: #0a94ff !important;
}
.index_sliders .slick-track {
  height: 100px;
}
.index_body {
  /* height: 100vh; */
  height: 93vh;
}
/* .index_actions {
  position: absolute;
  height: 100vh;
  width: 100%;
} */
.index_banner {
  width: 350px;
  position: fixed;
  bottom: 0px;
}
.index_banner img {
  width: 100%;
}
.index_actions .custom_btn {
  z-index: 999999;
  background: #fff;
  color: #0a94ff;
  position: absolute;

  bottom: 15px;
  margin-top: -25px;
  width: 92%;
  font-weight: 500;
}
.index_actions .custom_btn:hover {
  color: #0a94ff !important;
}

/* .....auth page css starts here..... */

.auth_title_block {
  margin-top: 20px;
}
.auth_title {
  color: #054a80;
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.auth_subtitle {
  color: #a0a5a7;
  font-weight: 300;
  font-size: 12px;
  text-transform: capitalize;
}

.auth_fields {
  margin-top: 25px;
}
.custom_btn {
  background: #0a94ff;
  font-weight: 500;
  border-radius: 7px !important;
  border: 0px;
  height: 36px;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-size: 12px;
  color: #fff;
  padding: 9px;
  font-family: "Inter", sans-serif;
}
.custom_btn:focus {
  box-shadow: 0 0 0 0rem !important;
}
.custom_btn:focus-visible {
  outline: 0px !important;
}
.custom_btn:hover {
  color: #fff !important;
}

.fields_block .input-group {
  background: #fefefe;
  border: 1px solid #e6e8e8;
  border-radius: 7px;
  min-height: 40px;
  margin-bottom: 15px;
}
.fields_block .input-group .input-group-text {
  background: transparent;
  border: 0px;
}
.fields_block select {
  color: #7c7c7c;
  font-size: 14px;
  font-weight: 400;
  border: 0px;
  background: transparent;
}
select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}
.select_span {
}
.fields_block input {
  color: #7c7c7c;
  font-size: 13px;
  font-weight: 400;
  border: 0px;
  background: transparent;
  height: 40px;
  font-family: "Inter", sans-serif;
}
.fields_block input::placeholder {
  /* color: #bfc2c4; */
  color: #979c9e;
  font-weight: 400;
}
.fields_block textarea {
  color: #7c7c7c;
  font-size: 13px;
  font-weight: 400;
  background: transparent;
  font-family: "Inter", sans-serif;
}
.fields_block textarea::placeholder {
  color: #979c9e;
  font-weight: 400;
}
.fields_block textarea::-webkit-scrollbar {
  display: none;
}
.fields_block input:focus,
.fields_block input:focus-visible,
.fields_block textarea:focus,
.fields_block textarea:focus-visible {
  box-shadow: 0px 0px 0px;
  outline: 0px;
  background: transparent;
}
.fields_block textarea:focus {
  /* border: 1px solid transparent !important; */
}
.fields_block select:focus-visible {
  outline: 0px;
}

.fields_block:focus-within,
.fields_block:focus-within .input-group {
  outline: 1px solid #1196ff !important;
  border-radius: 7px;
}

.pick_date::-webkit-calendar-picker-indicator {
  opacity: 0;
  -webkit-appearance: none;
}

.country_flag {
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.select_dropdown {
  width: 16px;
  cursor: pointer;
  margin-left: 4px;
}

.country_select {
  margin: 0px 5px;
}

.fields_block .dropdown {
  margin: 0px 0px 0px 7px;
}
.fields_block .dropdown button {
  border: 0px;
  background: transparent;
  font-size: 13px;
  color: #404446;
  font-weight: 400;
}
.fields_block .dropdown button:focus-visible {
  outline: 0px !important;
}
.fields_block .dropdown ul {
  padding: 10px;
  border: 0px;
  box-shadow: 0 0 4px #ddd;
  border-radius: 7px;
  color: #7c7c7c;
  font-weight: 300;
  font-size: 12px;
  min-width: 50px;
  margin-top: 15px;
}
.fields_block .dropdown ul li {
  display: block !important;
  margin-bottom: 5px;
  color: #404446;
  font-weight: 400;
  cursor: pointer;
}

.fields_block .dropdown .alert-radio-label {
  color: #2a2a2a !important;
  font-weight: 300;
  letter-spacing: 0.5px;
  font-size: 14px !important;
}
.auth_page .fields_block .input-group input {
  color: #a0a5a7;
  font-weight: 300;
}
.auth_page .fields_block .input-group input::placeholder {
  font-weight: 300;
  color: #a0a5a7;
}
.auth_page .custom_btn {
  margin: 0px;
  margin-top: 30px;
  width: 100%;
  font-weight: 500;
  padding: 10px;
}
.forgot_password_link {
  font-weight: 500;
  margin-top: 5px;
  font-size: 12px;
}
.forgot_password_link a {
  color: #ff7360;
}
.forgot_password_link a:hover {
  color: #ff7360 !important;
}
.other_options {
  text-align: center;
  margin: 20px 0px;
}
.other_options p {
  color: #434749;
  font-size: 10px;
  font-weight: 400;
}
.other_options ul {
  margin-top: 30px;
}
.other_options ul li {
  margin-right: 20px;
}
.other_options ul li:last-child {
  margin-right: 0px;
}
.other_options ul li img {
  width: 19px;
}

.minimum_characters {
  color: #979c9e;
  font-size: 10px;
  font-weight: 300;
  margin-top: -7px;
}
.terms {
  color: #484b4d;
  font-size: 10px;
  font-weight: 400;
  margin: 25px 0px;
  cursor: pointer;
}
.terms span {
  color: #0a94ff;

  font-weight: 500;
}
.verify_otp {
  text-align: center;
  margin-top: 42px;
  margin-bottom: 45px;
}
.verify_otp > div {
  justify-content: center;
}
.verify_otp > div:focus {
  border: 0px !important;
}
.verify_otp input {
  background: #fff;
  padding: 7px;
  min-width: 42px;
  border-radius: 7px;
  border: 1px solid #e4e4e4;
  color: #4a4b4b;
  margin-right: 10px;
  font-size: 18px;
  font-weight: 500;
  font-family: "Oxygen", sans-serif;
}
.verify_otp input:focus-visible {
  outline: 1px solid #0a94ff !important;
}
.verify_text {
  text-align: center;
  margin-top: 30px;
}
.verify_go_back img {
  width: 13px;
  cursor: pointer;
}
.verify_resend_code {
  color: #ff7360;
  font-weight: 700;
  font-size: 12px;
  position: relative;
  top: 5px;
  cursor: pointer;
}
.send_by_mail {
  color: #0a94ff;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  margin-top: 30px;
  cursor: pointer;
}
.forgot_password_link {
  font-weight: 500;
  margin-top: 5px;
  font-size: 12px;
}

.auth_link {
  margin-top: 30px;
}
.auth_link a {
  color: #474a4c;
}
.auth_link a span {
  color: #ff7360;
  font-weight: 700;
  font-size: 11px;
  margin-left: 4 px;
}
/* ....dashboard page css starts here........ */
/* .title_block {
  margin-top: 20px;
} */
.dashboard_title {
  color: #054a80;
  font-weight: 700;
  font-size: 20px;
  /* letter-spacing: 0.5px; */
  text-transform: capitalize;
  font-family: "Inter", sans-serif;
}
.dashboard_title:hover {
  color: #15578a;
}
.dashboard_title_icons {
  float: right;
}
.dashboard_title_icons li {
  margin-right: 10px;
}
.dashboard_title_icons li:last-child {
  margin-right: 0px;
}
.dashboard_img_notification_img img {
  width: 21px;
}
.dashboard_profile_img img {
  width: 17px;
}
.dashboard_info_img img {
  width: 19px;
}
.dashboard_sliders {
  margin: 18px 0px;
}
.dashboard_slider {
  background: #d9eaf9;
  padding: 20px 40px;
  border-radius: 7px;
}
.dashboard_slider h3 {
  color: #054a80;
  font-size: 14px;
  font-weight: 700;
}
.dashboard_slider p {
  color: #125487;
  line-height: 1.6;
  margin-top: 30px;
  font-size: 11px;
}
.dashboard_slider img {
  width: 98px;
  position: fixed;
  bottom: 0px;
}
.dashboard_sliders .slick-dots {
  bottom: -25px !important;
}
.dashboard_sliders .slick-dots li button:before {
  color: #a8a8a8;
  font-size: 9px;
}

.dashboard_sliders .slick-dots li button:hover {
  color: #e3e5e5 !important;
}
.dashboard_sliders .slick-dots li {
  margin: 0 3px;
}
.dashboard_sliders .slick-dots li.slick-active {
  content: "";
  content: "";
  background: #0a94ff;
  border-radius: 7px;
  width: 23px;
  height: 8px;
  top: 3px;
}
.dashboard_sliders .slick-dots .slick-active button {
  display: none;
}

.categories {
  margin-top: 50px;
}
.category_title_block h3 {
  color: #424648;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.see_all_categories {
  color: #ff7461;
  float: right;
  font-weight: 600;
  font-size: 11px;
  font-family: "Inter", sans-serif;
}
.see_all_categories:hover {
  color: #ff7461;
}

.categories_sliders {
  overflow: auto;
}
.categories_sliders::-webkit-scrollbar {
  display: none;
}
.categories_sliders ul {
  min-width: 483px;
  padding-left: 5px;
  margin: 23px 0px;
}
.categories_sliders ul li {
  display: inline-block;
  margin-right: 15px;
  padding: 13px 7px;
  text-align: center;
  box-shadow: 0 0 5px #eaeaea;
  border-radius: 10px;
  min-width: 100px;
  cursor: pointer;
}

.categories_sliders ul li img {
  width: 51px;
  margin-bottom: 5px;
}
.categories_sliders ul li h3 {
  font-size: 12px;
  color: #5c5f61;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}
.categories_sliders ul li p {
  color: #9ea2a4;
  font-size: 10px;
  font-weight: 300;
  margin-top: 4px;
  font-family: "Inter", sans-serif;
}
.categories_sliders ul li p span {
  /* font-family: "Oxygen", sans-serif;
  font-size: 10px;
  letter-spacing: 0.5px; */
}
.no_padding {
  padding: 0px;
}
.available_doctors {
  margin-top: 10px;
}

.heart_img {
  background: #f1f3f4;
  width: 40px;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  top: -3px;
}
.heart_img img {
  width: 100%;
  border-radius: 50%;
}
.available_doctors h4 {
  color: #404446;
  font-size: 14px;
  margin: 0px 0px 2px;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-family: "Inter", sans-serif;
}
.available_doctors p {
  color: #989d9f;
  font-weight: 300;
  font-size: 11px;
  font-family: "Inter", sans-serif;
}

.doctoer_pic {
  background: #dee8f3;
  width: 40px;
  padding: 4px;
  border-radius: 50%;
  margin-right: 15px;
  height: 40px;
  cursor: pointer;
}
.doctoer_pic img {
  width: 100%;
}
.doctors_list {
  margin-top: 25px;
}
.doctors {
  padding: 11px;
  box-shadow: 0 0 5px #eaeaea;
  border-radius: 10px;
  margin-bottom: 20px;
}
.doctors h4 {
  color: #404446;
  font-size: 13px;
  margin: 2px 0px 7px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}
.doctors p {
  color: #494d4f;
  font-weight: 400;
  font-size: 11px;
  font-family: "Inter", sans-serif;
}
.doctor_rating {
  font-family: "Oxygen", sans-serif;
}
.doctor_rating img {
  width: 15px;
  margin-right: 7px;
  position: relative;
  top: -1px;
}
.dot {
  width: 4px;
  height: 4px;
  background: #5c6062;
  display: inline-block;
  border-radius: 50%;
  color: #333;
  margin: 0px 6px;
  position: relative;
  top: -2px;
  clip-path: circle(40%);
}
.chat_action_block {
  margin: 10px 0px 5px;
}
.charges_to_consilt {
  font-weight: 700 !important;
  color: #ff7360 !important;
  font-size: 13px !important;
  font-family: "Oxygen", sans-serif !important;
}
.chat_with_doc {
  float: right;
  background: #1196ff;
  color: #f9fcff;
  padding: 4px 14px;
  border-radius: 5px;
  font-size: 11px;
  letter-spacing: 0.5px;
  height: 24px;
  position: relative;
  top: -1px;
}
.chat_with_doc:hover {
  color: #fff;
}
.doc_online {
  width: 8px;
  height: 8px;
  background: #3ec300;
  display: inline-block;
  border-radius: 50%;
  margin-left: 5px;
}
.doc_offline {
  background: #e3e5e5;
  color: #4e5254;
  border: 0px;
}
.doc_offline:hover {
  color: #bdc1c2;
  cursor: pointer;
}
.dashboard_links {
  margin-top: 30px;
}
.dashboard_links p {
  margin: 10px 0px;

  font-size: 12px;
}

.menu .dropdown .dropdown-menu {
  margin-top: 36px;
  margin-right: -20px;
}

.menu .dropdown-menu {
  background: #ffffff;
  min-width: 195px;
  margin: 15px 0px 20px;
  border-radius: 7px;
  border: 0px;
  box-shadow: 0 0 7px #ececec;
  padding: 14px;
  font-family: "Oxygen", sans-serif;
}
.menu_icon {
  width: 19px;
  position: relative;
  top: 3px;
  cursor: pointer;
}
.menu ul {
}
.menu ul li {
  display: block;
  text-transform: capitalize;
  font-weight: 300;
  font-size: 12px;
  margin-bottom: 10px;
}
.menu ul li a {
  color: #929495;
}
.menu ul li a:hover {
  color: #474747;
  font-weight: 500;
}
.menu ul li:last-child {
  margin-bottom: 0px;
}

/* .....profile page css starts here.......... */
.page_title {
  color: #434749;
  font-weight: 600;
  font-size: 16px;
  /* letter-spacing: 0.5px; */
  text-transform: capitalize;
  font-family: "Inter", sans-serif;
}
.page_title:hover {
  color: #434749;
}
.account_vertical_menu {
  width: 15px;
  cursor: pointer;
  float: right;
  position: relative;
  top: 2px;
}
.account_user_block {
  margin-top: 30px;
}
.account_user {
  width: 148px;
  text-align: center;
  margin: auto;
  background: #faaca7;
  background-image: url(/assets/img/user_profile.png);
  clip-path: circle(40%);
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.account_user_block h3 {
  color: #404446;
  margin-top: 15px;
  font-size: 18px;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.account_user_block p {
  color: #717476;
  font-size: 12px;
  font-weight: 400;
  margin-top: 5px;
  font-family: "Oxygen", sans-serif;
}

.profile_categories {
  margin-top: 25px;
}

.profile_categories ul li {
  margin-right: 0px;
  width: 25%;
  text-align: center;
}
.cat_img {
  border-radius: 50%;
  box-shadow: 0 0 5px #e4e4e4;
  width: 45px;
  height: 45px;
  margin: auto;
  padding: 12px;
  cursor: pointer;
}
.cat_img img {
  width: 100%;
  position: relative;
  top: -2px;
}
.profile_categories ul li p {
  font-size: 11px;
  margin-top: 10px;
  color: #4a4e4f;
  font-weight: 600;
}

.other_categories {
  border-top: 1px solid #f2f4f5;
  margin: 35px 0px 45px;
  padding: 20px 0px 30px;
  border-bottom: 1px solid #f2f4f5;
}
.other_categories h3 {
  color: #4c5051;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
}
.other_categories ul,
.others_row_block {
  margin-top: 20px;
}
.other_categories li {
  width: 33%;
}
.others_img {
  height: 90px;
  background: #000;
  display: block;
  border-radius: 7px;
  text-align: center;
  padding: 9px;
  width: 100px;
}
.others_img img {
  width: 59px;
  margin-top: 7px;
}
.other_img_one {
  background: #d4e9ec;
}
.other_img_two {
  background: #2e9aa2;
}
.other_img_three {
  background: #f2ced5;
}

.other_categories p {
  font-size: 11px;
  margin-top: 10px;
  color: #5c5f61;
  font-weight: 700;
  text-align: center;
}
.logout_block {
  margin-bottom: 20px;
}
.logout {
  color: #ff7360;
  font-size: 14px;
  font-weight: 600;
}
.logout:hover {
  color: #ff7360;
}
.logout_block p {
  color: #9a9fa1;
  font-weight: 400;
  font-size: 11px;
  margin-top: 7px;
}
.profile_dropdown {
  position: absolute;
  right: 0px;
  box-shadow: 0 0 4px #ddd;
  padding: 14px;
  min-width: 100px;
  border-radius: 7px;
}
.profile_dropdown {
  position: absolute;
  right: 16px;
  box-shadow: 0 0 4px #ddd;
  padding: 8px 15px;
  min-width: 100px;
  border-radius: 7px;
  top: 26px;
}
.profile_dropdown ul li {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin: 0px 0px 5px;
}
.profile_dropdown ul li:last-child {
  margin-bottom: 0px;
}
.profile_dropdown ul li a {
  color: #4a4e4f;
}
/* .....notifications page css starts here......... */
.notifications_top_block {
  background: #f7f9fa;
  padding: 12px 12px 20px 12px;
  border-radius: 7px 7px 0px 0px;
  margin-top: 15px;
}
.notifications_top_block .cat_img {
  background: #fff;
  width: 41px;
  height: 40px;

  padding: 11px;
}
.notifications_top_block .fields_block {
  margin-top: 20px;
}

.notifications {
  margin-top: 20px;
  padding: 10px 10px;
}
.notification {
  margin-bottom: 30px;
}
.doc_cat {
  color: #4c5051;
  font-weight: 400;
  font-size: 11px;
  font-family: "Inter", sans-serif;
}
.notification_timing {
  color: #c4c7c8;
  font-weight: 400;
  font-size: 11px;
  float: right;
  font-family: "Inter", sans-serif;
}
.notification_doc {
  color: #4c5051;
  font-weight: 600;
  font-size: 13px;
  margin: 6px 0px;
  font-family: "Inter", sans-serif;
}
.notification_description {
  color: #7b7e80;
  font-weight: 400;
  font-size: 10.5px;
  word-break: break-word;
  font-family: "Inter", sans-serif;
}

.notification_tabs ul .main .cat_img {
  background: #418eb6;
}
.notification_tabs .cat_img img {
  top: -5px;
}
/* ....Appointment page css starts here.... */
.hospital_location {
  color: #4f5254 !important;
  margin: 5px 0px 15px;
}
.hospital_location img {
  margin-right: 7px;
  width: 15px;
  position: relative;
  top: -1px;
}
.title_block p {
  color: #4f5254;
  margin: 5px 0px;
  font-size: 13px;
  font-family: "Inter", sans-serif;
}
.booking_appointment {
  background: #ff7360;
  padding: 20px 35px;
  border-radius: 7px;
  margin: 20px 0px 0px;
}
.booking_appointment h3 {
  color: #fff2f1;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.booking_appointment p {
  color: #fff4f2;
  line-height: 1.2;
  margin-top: 9px;
  letter-spacing: 0.5px;
  font-weight: 400;
  font-size: 10px;
}
.booking_appointment img {
  width: 106px;
  position: absolute;
  right: 0px;
  top: -10px;
}
.check_appointment {
  background: #fff;
  margin-top: 21px;
  min-width: 70px;
  border-radius: 5px;
  border: 0px;
  padding: 4px;
  font-size: 12px;
  font-weight: 500;
  height: 26px;
  color: #ff8c7d;
}
.check_appointment a {
  color: #ff7360;
}
.appointment_categories {
  overflow: auto;
}
.appointment_categories_block {
  margin: 25px 0px;
}

.tabs {
  overflow: auto;
}
.tabs ul {
  min-width: 1159px;
  padding-left: 0px;
}
.tabs ul li {
  margin-right: 15px;
  color: #818688;
  cursor: pointer;
  font-size: 11px;
  font-weight: 400;
}
.tabs ul .main {
  border-bottom: 2px solid #0a94ff;
  color: #0a94ff;
  font-weight: 600;
}

.appointment_slick_sliders .slick-track {
  padding: 4px 0px;
}

.appointment_slick_sliders .react_slick_slider {
  padding: 3px 14px 0px 8px;
  box-shadow: 0 0 11px #e8e8e8;
  margin-right: 15px;
  border-radius: 5px;
  font-size: 12px;
  height: 38px;
  font-weight: 400;
  text-align: center;
}
.appointment_slick_sliders .slick-slider p a {
  font-size: 13px;
  color: #404446;
}
.appointment_slick_sliders
  .slick-slider
  .slick-track
  .slick-current
  .react_slick_slider {
  background: #418eb6;
}
.appointment_slick_sliders .slick-slider .slick-track .slick-current a {
  color: #ffffff !important;
}

.appointment_slick_sliders .react_slick_slider p img {
  display: inline-block;
  width: 33px;
  margin-right: 10px;
}
/* .appointment_slick_sliders .slick-dots {
  bottom: -5px;
} */
.appointment_slick_sliders .react_slick_slider:focus-visible,
.appointment_slick_sliders .react_slick_slider p:focus-visible {
  outline: 0px !important;
}

.appointment_slick_sliders .slick-dots li.slick-active button:before {
  color: #0a94ff;
}
/* .slick-dots li button:hover .slick-dots li button {
  color: #0a94ff !important;
} */

.doc_cat_sliders {
  margin-top: 50px;
}
.doc_cat_sliders .slick-slide {
  margin-right: 15px;
  color: #404446;
  font-size: 13px;
  cursor: pointer;
}
.doc_cat_sliders .slick-current p span {
  border-bottom: 2px solid #0a94ff;
  color: #0a94ff;
  font-weight: 600;
}

/* ...........articles page css starts here.......... */
.article_title {
  margin-top: 40px;
}
.article_title h3 {
  color: #4c5051;
  font-size: 16px;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}
.article_cat {
  background: #ceeaff;
  color: #40abff;
  border: 0px;
  border-radius: 5px;
  min-width: 79px;
  height: 27px;
  font-size: 12px;
  float: right;
  letter-spacing: 0.5px;
  padding: 3px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  padding: 5px;
}
.article_by {
  color: #858889;
  font-weight: 400;
  margin: 13px 0px;
  font-size: 11px;
  font-family: "Inter", sans-serif;
}
.article_date {
  color: #c4c7c8;
  font-weight: 300;
  font-size: 10px;
  font-family: "Inter", sans-serif;
}
.article_img {
  width: 100%;
  height: 170px;
  border-radius: 9px;
  background: #f2d978;
  padding-top: 20px;
  margin: 20px 0px 20px;
}
.article_img img {
  width: 201px;
  margin: auto;
  text-align: center;
}
.about_corona p {
  color: #7d7f81;
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  word-break: break-word;
  margin-bottom: 15px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

.about_corona p:last-child {
  margin-bottom: 20px;
}
.article_icons img {
  width: 18px;
  cursor: pointer;
}

/* .....cart page css starts here.......... */
.cart_item_block {
  margin: 25px 0px 15px;
}
.cart_item {
  width: 68px;
  background: #fdb368;
  border-radius: 7px;
  padding: 6px 9px 0px 9px;
  margin-right: 15px;
  height: 66px;
}
.cart_item img {
  width: 100%;
  margin-top: 4px;
}
.cart_item_name {
  color: #45494a;
  font-size: 13px;
  margin-bottom: 4px;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.cart_item_name img {
  float: right;
  width: 16px;
  cursor: pointer;
}

.cart_item_qty {
  color: #989d9f;
  font-size: 11px;
  font-weight: 300;
  margin: 0px 0px 9px;
}
.item_price {
  color: #484c4e;
  font-weight: 700;
  font-size: 14px;
}
.cart_qty {
  float: right;
  background: #f7f9fa;
  padding: 0px 10px;
  border-radius: 7px;
}
.cart_qty span {
  margin: 0px 6px;
  cursor: pointer;
}
.item_minus {
  color: #cdcfd0;
  font-weight: 500;
  font-size: 25px;
  line-height: 0;
  position: relative;
  top: 2px;
}
.item_unit {
  color: #404446;
  font-weight: 600;
  font-size: 14px;
  position: relative;
  top: -1px;
}
.item_plus {
  color: #0a94ff;
  font-weight: 500;
  font-size: 18px;
}
.add_another_item {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 12px;
}
.add_another_item a {
  color: #ff7360;
}

.deliver_address {
  background: #f7f9fa;
  padding: 24px 15px;
  border-radius: 7px;
  min-height: 262px;
}
.delivery {
  margin-bottom: 15px;
}
.delivery:last-child {
  margin-bottom: 0px;
}
.delivery img {
  width: 19px;
}
.delivery h4 {
  color: #404446;
  font-size: 13px;
  margin-bottom: 6px;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.change_address {
  color: #ff7360;
  font-weight: 600;
  float: right;
  font-size: 11px;
  cursor: pointer;
}
.delivery p {
  color: #505455;
  font-weight: 300;
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 2;
}
.deliver_address_note {
  font-size: 10px !important;
}
.delivery h5 {
  color: #424648;
  font-size: 13px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 10px;
}

.total_items {
  margin: 25px 0px;
}
.total_items_label {
  color: #434748;
  font-weight: 400;
  font-size: 13px;
}
.total_items h3 {
  color: #ff7360;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: 3px;
}
.total_items .custom_btn {
  float: right;
  border: 0px;
  min-width: 146px;
  font-weight: 500;
}
.custom_btn a {
  color: #fff !important;
}
.cancel_order {
  color: #878c8e;
  font-weight: 300;
  font-size: 11px;
  margin-top: 15px;
}

/* ....chat page css starts here........ */
.chat_page {
  background: #f7f9fa;
  height: 100vh;
}
.chat_main_block {
  height: 85vh;
}
.message_block {
  margin-bottom: 30px;
}
.conversation_block {
  position: absolute;
  bottom: 0px;
  width: 92%;
}
.message_block .media-body {
  padding: 15px;
  background: #fff;
  border-radius: 9px;
}
.left_msg h4 {
  color: #4b4f51;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.left_msg p {
  color: #bec0c2;
  font-size: 10px;
}
.left_msg .doctoer_pic {
  margin-right: 10px;
}
.right_msg .media-body {
  padding: 10px;
  background: #ff7360;
}
.right_msg .doctoer_pic {
  margin-left: 10px;
  margin-right: 0px;
}
.right_msg h4 {
  color: #ffedec;
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
}

.right_msg p {
  color: #ffedec;
  font-size: 9px;
}
.send_msg_block {
  background: #fff;
  margin-top: 100px;
  padding: 10px;
  border-radius: 7px;
}
.send_msg_block .input-group {
  margin: 0px;
  border: 0px !important;
}
.send_msg_block .input-group .input-group-append .input-group-text {
  background-color: transparent !important;
  border: transparent !important;
}
.send_msg_block .input-group input {
  color: #7c7c7c;
  font-size: 14px;
  font-weight: 400;
  background: #fefefe;
  border: 1px solid #e3e5e5;
  height: 40px;
  border-radius: 7px !important;
  font-family: "Inter", sans-serif;
}
.send_msg_block .input-group input::placeholder {
  color: #979c9e;
  font-weight: 400;
}
.send_msg_block .input-group input:focus {
  outline: 1px solid #1196ff !important;
  border-radius: 7px;
  box-shadow: 0 0 0 0px !important;
}
.send_msg_block .input-group input:focus-visible {
  outline: 0px !important;
}
.typing_msg h4 {
  margin-top: -7px;
}
.typing_msg .media-body {
  background: none !important;
}
.send_msg_block .input-group-text {
  padding: 0px;
}
.send_msg {
  background: #0a94ff;
  width: 38px;
  border-radius: 50%;
  height: 38px;
  padding: 0px;
  cursor: pointer;
  margin: 0 0px 0px 10px;
}
.send_msg img {
  position: relative;
  top: 1px;
  right: -6px;
  width: 23px;
}
.phone_call img {
  width: 20px;
}
.video_call img {
  width: 24px;
}

/* ............checkout page css starts here............ */

.checkout_docter {
  background: #418eb6;
  padding: 21px 22px 20px;
  border-radius: 7px;
  margin: 25px 0px 0px;
  min-height: 90px;
}
.checkout_doc_img {
  background: #f5f4f2;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  padding: 7px;
  margin-right: 15px;
  cursor: pointer;
}
.checkout_doc_img img {
  width: 100%;
}
.checkout_docter h4 {
  color: #fff;
  font-size: 12px;
  margin-top: 8px;
}
.checkout_docter p {
  color: #eff5f8;
  font-size: 10px;
  font-weight: 300;
  margin-top: 4px;
}
.stethoscope {
  width: 64px;
  position: absolute;
  top: -9px;
  right: 0px;
}
.checkout_items {
  margin-top: 35px;
}
.checkout_item {
  margin-bottom: 25px;
}
.checkout_item h3 {
  color: #404446;
  font-size: 11px;
  margin-bottom: 4px;
  font-weight: 600;
}
.checkout_item p {
  color: #9ca1a3;
  font-weight: 300;
  font-size: 10px;
}
.checkout_item p a {
  /* color: #9ca1a3; */
}
.checkout_price {
  color: #505455 !important;
  font-weight: 700 !important;
  float: right;
  font-size: 13px !important;
  font-family: "Oxygen", sans-serif;
}

.coupon_applied {
}
.coupon_apply {
  background: hsl(200, 23%, 97%);
  padding: 15px 10px;
  border-radius: 9px;
}
.coupon_apply h3 {
  color: #054a80;
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 4px;
}
.coupon_apply p {
  color: #64bbfe;
  font-size: 10px;
  font-weight: 400;
}

.payment_method {
  margin: 25px 0px 30px;
}
.payment_method h3 {
  color: #404446;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 25px;
}

.payment_method h4 {
  color: #202121;
  font-size: 13px;
  margin-bottom: 4px;
  font-weight: 600;
}
.payment_method p {
  color: #9ca0a2;
  font-weight: 400;
  font-size: 10px;
}
.checkout_change {
  color: #0a94ff !important;
  font-weight: 500;
  float: right;
  position: relative;
  top: 10px;
  font-size: 11px !important;
}
.payment_method .custom_btn {
  margin: 50px 0px 30px;
  position: relative;
}
.payment_method_img {
  width: 40px;
  border: 1px solid #dadada;
  margin-right: 15px;
  padding: 0px 4px 0px;
  border-radius: 3px;
  height: 25px;
}
.payment_method_img img {
  width: 30px;
  position: relative;
  top: -3px;
}
.payment_method .custom_btn img {
  float: right;
  width: 15px;
  position: absolute;
  right: 13px;
  top: 10px;
  margin-right: unset;
}

/* .........other content page css starts here....... */

.close_page {
  float: right;
}
.close_page img {
  width: 17px;
  cursor: pointer;
  position: relative;
  top: -1px;
}

.other_content_page .checkout_docter {
  background: #ff7360;
}
.other_content_page .checkout_docter h4 {
  color: #fff;
}
.other_content_page .checkout_docter p {
  color: #ffe9e6;
}
.other_content_page .payment_method .media img {
  width: 15px;
}

.other_content_page .appointment_points {
  margin-bottom: 15px;
}
.other_content_page .checkout_item p {
  color: #4d5153;
  font-weight: 400;
  font-size: 11px;
}
.other_content_page .checkout_item:last-child {
  margin-bottom: 0px;
}
.other_content_page .deliver_address {
  min-height: unset;
  margin-bottom: 50px;
}

.other_content_page .payment_method h4 {
  color: #424648;
}
.other_content_page .payment_method p {
  color: #5d6062;
  margin: 7px 0px 10px;
  font-size: 11px;
}
.numeric_font_family {
  font-family: "Oxygen", sans-serif;
}
.other_content_page .checkout_items {
  margin-top: 0px !important;
}
/* ....review details page css starts here....... */
.review_page .checkout_docter {
  background: #434371;
}
.review_page .checkout_docter h4 {
  color: #fefefe;
}
.review_page .checkout_docter p {
  color: #d5d5e0;
}
.doc_rating {
  margin: 20px 0px 30px;
}

.review_star {
  color: #494d4f;
  font-size: 12px;
  font-weight: 600;
}
.review_star .numeric_font_family {
  font-weight: 700;
  font-size: 13px;
}

.review_star img {
  width: 17px !important;
  position: relative;
  top: -2px;
  margin-right: 10px;
}
.reivew_count {
  color: #45494b;
  float: right;
  font-size: 11px;
  margin-top: 2px;
}
.review_page .payment_method h4 {
  color: #404446;
}
.review_page .payment_method p {
  margin-top: 2px;
  line-height: 1.4;
  color: #8d9093;
  font-weight: 300;
}
.review_blocks {
  margin-bottom: 25px;
}
.review_page .review_blocks .review_star {
  margin-top: 0px;
  float: right;
  color: #878a8a;
  font-weight: 400;
  margin-top: -2px;
}
.review_page .review_blocks .review_star img {
  width: 16px !important;
  position: relative;
  top: -2px;
  margin-right: 5px;
}
.review_page .payment_method h3 {
  margin-bottom: 20px;
}
.review_page .review_blocks .review_star .numeric_font_family {
  font-weight: 400;
  color: #4e5254;
}
/* .........appointment list page css starts here........ */
.appointment_tabs {
  margin-top: 25px;
}
.appointment_tabs ul {
  background: #f7f9fa;
  text-align: center;
  padding: 10px 3px;
  border-radius: 7px;
}
.appointment_tabs ul li {
  margin-right: 4px;
  color: #979c9e;
  cursor: pointer;
  min-width: 108px;
  padding: 8px;
  font-size: 11px;
  height: 32px;
  font-weight: 400;
}
.appointment_tabs ul .main {
  color: #fff;
  font-weight: 500;
  background: #418eb6;
  border-radius: 7px;
}
.appointment_lists {
  margin-top: 30px;
}
.appointment_list {
  box-shadow: 0 0 7px #ececec;
  border-radius: 7px;
  margin-bottom: 25px;
}

.appointment_list .media {
  padding: 15px 24px 10px;
}
.appointment_list .appointment_actions {
  padding: 10px 24px 12px;
}

.appointment_list .checkout_doc_img {
  width: 50px;
  height: 50px;
  position: relative;
  top: 1px;
}
.appointment_list h4 {
  color: #44484a;
  font-size: 13px;
  margin: 6px 0px 4px;
  font-weight: 600;
}
.appointment_list h5 {
  color: #a7acad;
  font-size: 12px;
  font-weight: 300;
}
.appointment_list p {
  color: #484c4e;
  font-size: 11px;
  margin-top: 17px;
  margin-right: 25px;
}
.appointment_actions {
  border-top: 1px solid #f2f4f5;
  margin-top: 5px;
}
.appointment_actions ul li {
  width: 50%;
  color: #77797a;
  font-size: 11px;
}
.appointment_actions ul li img {
  width: 16px;
  position: relative;
  top: -1px;
  margin-right: 5px;
}
.appointment_actions .custom_btn {
  margin-top: 15px;
  height: 30px;
  padding: 6px 10px;
  width: 96%;
  font-size: 12px;
  font-weight: 500;
}
.appointment_actions .cancel_btn {
  color: #0a94ff;
  background: transparent;
  border: 1px solid #0a94ff;
}
.appointment_actions .cancel_btn:hover {
  color: #0a94ff !important;
}
.appointment_details_link {
  margin: 8px 0px 0px !important;
}
.appointment_details_link a {
  color: #9ea2a4;
  font-weight: 400;
}
/* ..........appointment schedule css starts here....... */
.hospital_date_time .appointment_points {
  margin-bottom: 25px;
}
.hospital_date_time .appointment_points:first-child {
  margin-bottom: 30px;
}
.appointment_schedule .payment_method h4 {
  color: #404446;
}
.hospital_date_time img {
  margin-right: 10px;
  width: 16px;
}
.date_time_input {
  border: 1px solid #f4f6f7;
  height: 40px;
  border-radius: 7px;
  padding: 11px;
  font-size: 12px !important;
  color: #979c9e !important;
  font-weight: 300 !important;
  margin-top: 10px;
}
.date_time_input img {
  float: right;
  margin-right: 0px;
}
/* .appointment_schedule .custom_btn {
  position: absolute;
  bottom: 30px;
} */
.appointment_schedule .payment_method p {
  color: #545859;
  font-weight: 400;
  font-size: 12px;
}
.choose_main_block h3 {
  font-size: 16px;
  margin-bottom: 25px;
  font-weight: 600;
  color: #424648;
}

.choose_date_block {
  margin: 25px 0px 15px;
}
.choose_date {
}
.choose_date h3 {
  font-size: 13px;
  color: #424648;
  margin-bottom: 10px;
  font-weight: 500;
}
.choose_date .fields_block {
  cursor: pointer;
}
.choose_date .fields_block input {
  font-family: "Oxygen", sans-serif;
}
.choose_date .fields_block img {
  width: 17px;
  height: 17px;
  position: relative;
  top: 12px;
  right: 10px;
  cursor: pointer;
}
.hospital {
  margin-bottom: 25px;
}
.hospital_img {
  width: 53px;
  background: transparent;
  border: 1px solid #f2f2f2;
  padding: 6px;
  margin-right: 15px;
  border-radius: 7px;
  height: 56px;
}
.hospital_img img {
  width: 100%;
  margin-top: 4px;
}
.hospital h4 {
  color: #404446;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
}
.hospital h5 {
  font-size: 11px;
  color: #494d4f;
  font-weight: 400;
}
.hospital p {
  font-size: 10px;
  margin-top: 6px;
  color: #cdcfd0;
  font-weight: 400;
}
.hospitals_list h3 {
  color: #404446;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 25px;
}

.concern_block {
}
.concern_block h3 {
  font-size: 16px;
  margin-bottom: 25px;
  font-weight: 600;
  color: #424648;
}
.concern_block h4 {
  font-size: 13px;
  color: #424648;
  margin-bottom: 10px;
  font-weight: 500;
}
.concered_area .dropdown {
  margin: 0px;
}
.concered_area .dropdown ul {
  min-width: 97px;
}
.first_time_block {
}
.first_time_block label {
  color: #000;
  font-size: 11px;
  font-weight: 400;
  cursor: pointer;
}
.first_time_block input {
  border: 1px solid #f6f7f8;
  position: relative;
  top: 4px;
  margin-right: 10px;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.concern_textarea {
  margin: 15px 0px 20px;
}
.concern_textarea textarea {
  height: 100px;
  resize: none;
  border: 0px;
}

.upload_block {
}
.upload_block h3 {
  font-size: 11px;
  font-weight: 300;
  color: #989d9f;
}
.upload_block button {
  margin-top: 20px;
}
.upload_btn {
  background: transparent;
  border: 1px solid #0a94ff;
  color: #0a94ff;
}
.upload_btn:hover {
  color: #0a94ff !important;
}

.upi_main_block {
}
.upi_main_block h3 {
  color: #404446;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px !important;
  color: #424648;
}
.upi_block {
  background: #f7f9fa;
  padding: 7px 15px;
  border-radius: 7px;
}
.upi_code {
  color: #979c9e;
  cursor: pointer;
  font-weight: 700;
  position: relative;
  top: 7px;
  font-size: 13px;
  font-family: "Oxygen", sans-serif;
}
.upi_block .custom_btn {
  height: 33px;
  font-size: 11px;
  padding: 8px;
  min-width: 93px;
}
.choose_methods {
  margin: 25px 0px;
}
.selected_payment_method {
  border: 0px;
  font-size: 12px;
  padding: 10px;
  color: #7c7c7c;
  font-weight: 400;
  background: transparent;
  height: 40px;
  font-family: "Inter", sans-serif;
}
.select_payment_methods {
  margin-top: 30px;
}

.select_payment_methods .input-group-text {
  min-width: 100px;
  text-align: center;
  color: #7c7c7c;
  font-size: 13px;
  font-weight: 400;
  background: transparent;
  height: 40px;
  font-family: "Inter", sans-serif;
}
.select_payment_methods h3 {
  font-size: 13px;
  margin-bottom: 10px;
  color: #424648;
  font-weight: 600;
}

.bill_preview_block {
}
.bill_preview_block h2 {
  color: #424648;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.charges_main_block {
}
.charges_block {
  margin-top: 15px;
}
.charges_block h3 {
  font-size: 13px;
  color: #404446;
  font-weight: 400;
}
.charges_block h4 {
  font-size: 14px;
  color: #45494b !important;
  font-weight: 700;
  margin-top: 6px;
  font-family: "Oxygen", sans-serif;
}

.saved_main_block {
}
.saved_cards_title {
  font-size: 13px;
  margin-bottom: 20px;
}
.saved_cards {
  margin-bottom: 20px;
}
.saved_cards h4 {
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: 600;
}
.saved_cards p {
  font-size: 11px;
  font-weight: 300;
}
.view_bill {
  font-size: 10px;
  font-weight: 500;
  margin-top: 20px;
}
.view_bill a {
  color: #404446;
}
.view_bill img {
  width: 18px;
  margin-right: 10px;
}
.select_payment_methods .fields_block .dropdown button {
  font-size: 12px;
}

/* ....appointment time slot page css starts here........ */
.appointment_time_slot_block {
  margin-top: 40px;
}
.appointment_time_slot {
  color: #404446;
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 16px;
  font-family: "Oxygen", sans-serif;
}
.medical_category {
  color: #434749 !important;
  font-weight: 500;
  margin: 4px 0px 2px;
  font-size: 14px !important;
  margin-top: 0px !important;
}
.medical_time_slot {
  color: #3ba9ff !important;
  font-size: 13px !important;
  margin-top: 0px !important;
  font-family: "Oxygen", sans-serif;
}
.appointment_time_slot_block .appointment_list h4 {
  margin-top: 7px;
}
.appointment_time_slot_block .appointment_lists {
  margin-top: 0px;
  margin-bottom: 30px;
}

.appointment_time_slot_block .appointment_lists:first-child {
  margin-top: 30px;
}

/* .....categories page css starts here............ */

.medical_categories .fields_block {
  margin: 30px 0px;
}
.category {
  padding: 20px 25px;
  box-shadow: 0 0 7px #ececec;
  margin-bottom: 15px;
  border-radius: 9px;
}
.category h4 {
  color: #404446;
  font-weight: 600;
  font-size: 14px;
  margin: 6px 0px 4px;
}
.category p {
  color: #56595b;
  font-weight: 400;
  font-size: 12px;
}
.categories_img {
  width: 50px;

  margin-right: 15px;
}
.cat_arrow_right {
  position: relative;
  top: 11px;
}
.cat_arrow_right img {
  width: 19px;
  position: relative;
  right: 7px;
}
.cancel_search {
  width: 24px;
}
.medical_categories .fields_block .input-group {
  margin-bottom: 0px !important;
}
.lab_categories {
  border-bottom: 1px solid #f6f8f8;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.lab_categories p {
  font-weight: 400;
  font-size: 14px;
}
.lab_categories p a {
  color: #252626;
}
.lab_category_list {
  margin-top: 35px;
}

/* ......doc profile page css starts here...... */
.doc_profile_block {
  background: #fff;
  border-radius: 23px;
  padding: 20px;
  box-shadow: 0 0;
}
/* .doc_profile_page {
  position: absolute;
  top: 14%;
  padding-right: 15px;
} */
.doc_profile_img {
  width: 208px;
  margin: auto;
  text-align: center;
}
.doc_profile_img img {
  width: 100%;
}
.doc_profile_text {
}
.doc_profile_text h3 {
  color: #054a80;
  font-size: 18px;
  font-weight: 600;
  margin-top: 5px;
}
.doc_profile_text p {
  color: #515557;
  margin-top: 10px;
  font-size: 12px;
}
.doc_profile_text ul {
  margin-top: 10px;
}
.doc_profile_text ul li {
  margin-right: 15px;
  color: #464a4c;
  font-size: 12px;
}
.doc_profile_text ul li img {
  width: 18px;
  position: relative;
  top: -2px;
  margin-right: 5px;
}
.all_reviews a {
  color: #464a4c;
}
.all_reviews img {
  width: 27px !important;
  top: -2px !important;
}

.doc_profile_about {
  border-top: 1px solid #f5f6f7;
  padding-top: 20px;
  margin: 15px 0px 0px;
}
.doc_profile_about h4 {
  color: #404446;
  font-size: 14px;
  font-weight: 600;
}
.doc_profile_about p {
  color: #44484a;
  font-size: 12px;
  letter-spacing: 0.5px;
  word-break: break-word;
  line-height: 1.5;
  margin-top: 15px;
  font-weight: 300;
  margin-bottom: 30px;
}
.doc_profile_chat {
  background: transparent !important;
  border: 1px solid #0a94ff !important;
  color: #0a94ff !important;
}
.doc_profile_chat:hover {
  color: #0a94ff !important;
}

/* .............information page css starts here.......... */
.info_banner {
  width: 100%;
  height: 170px;
  background: url(/assets/img/health-info.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 15px 0px 15px;
  border-radius: 9px;
}
.info_banner_block h3 {
  color: #404446;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.info_banner_block p {
  color: #474b4d;
  font-size: 11px;
  font-weight: 400;
  margin-top: 5px;
}

.information_page .doctors {
  box-shadow: 0px 0px 0px;
  padding: 0px;
}
.info_pic {
  width: 67px;
  margin-right: 10px;
  background: url(/assets/img/health-info.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 56px;
  border-radius: 7px;
}
.info_pic_two {
  background: url(/assets/img/broccoli.jpg) !important;
  width: 67px;
  margin-right: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 56px;
  border-radius: 7px;
}
.info_pic img {
  width: 100%;
  border-radius: 7px;
}

.information {
  margin: 25px 0px 30px;
  overflow: auto;
}
.information::-webkit-scrollbar {
  display: none;
}

.information ul li {
  background: #f7f9fa;
  min-width: 80px;
  text-align: center;
  padding: 6px;
  color: #4e5254;
  border-radius: 5px;
  margin-right: 15px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.information ul .main {
  color: #fff;
  background: #0a94ff;
}
.information ul {
  min-width: 477px;
}
.information_page .doctors_list {
  margin-top: 30px !important;
}
.information_page .doctors h4 {
  color: #404446;
  font-size: 13px;
  margin: 3px 0px 6px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}
.information_page .doctors p {
  color: #a2a6a8;
  font-weight: 300;
  font-size: 11px;
  font-family: "Inter", sans-serif;
}
.information_page .fields_block {
  margin-top: 20px !important;
}
/* .....appointment two page css starts here..... */
.pills {
  background: #fdb76f;
  height: 90px;
  border-radius: 7px;
  padding: 6px 9px 0px 9px;
}
.pills img {
  width: 100%;
}
.test_img {
  margin: 5px 0px;
  position: relative;
}
.test_img img {
  width: 16px;
  margin-right: 10px;
}
.book_doctor {
  margin-top: 10px;
}
.type_of_test {
  margin: 5px 0px;
  color: #45494b !important;
}
.pills_text {
  padding: 0px 15px 0px 0px;
}
.appointment_two_page .doctors_list {
  margin-top: 20px !important;
}
.appointment_two_page .pills {
  height: 119px;
}
.appointment_two_page .pills img {
  width: 100%;
  margin: auto;
  text-align: center;
  margin-top: 19px;
}
.pills_two {
  background: #418eb6 !important;
}
.appointment_two_page .doctors h4 {
  margin: 2px 0px 10px;
}

.appointment_two_page .book_doctor {
  min-width: 64px;
  text-align: center;
  height: 26px;
  padding: 5px;
  font-size: 12px;
  margin-top: 12px;
}
/* .............appointment three page css starts here............ */
.welcome_user {
}
.welcome_user p {
  color: #929596;
  font-size: 14px;
  margin-bottom: 7px;
}
.welcome_user h3 {
  color: #054a80;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 24px;
}
.welcome_user h5 {
  color: #9b9fa1;
  font-size: 12px;
  font-weight: 400;
  margin-top: -13px;
}
/* .welcome_user .row {
  margin-top: 5px;
} */
.welcome_user .doctoer_pic {
  float: right;
  position: relative;
  top: -16px;
  margin-right: 0px;
  width: 44px;
  height: 44px;
  padding: 2px;
}
.welcome_user .doctoer_pic img {
  width: 100%;
  position: relative;
  top: 4px;
  cursor: pointer;
}
.user_online {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  display: inline-block;
  background: #3ec300;
  float: right;
  position: absolute;
  right: 18px;
  top: -17px;
}
.appointment_three .checkout_docter {
  margin-top: 30px;
  border-radius: 15px;
  margin-bottom: 15px;
}
.appointment_three .checkout_docter p {
  font-weight: 400;
}

.doctors_scroll {
  margin: 50px 0px 30px;
}
.doctors_scroll .category_title_block {
  margin-bottom: 20px;
}

.doctor_bg {
  background: #edece8;
  height: 229px;
  width: 184px;
  border-radius: 19px;
  background-size: cover;
  padding: 10px;
  position: relative;
  margin-right: 15px;
}
.doctor_bg_two {
  background: #d3dbea;
}
.doctor_scroll_pic {
  width: 168px;
  position: absolute;
  bottom: 0px;
  height: 184px;
}
.doc_scroll_rating {
  float: right;
  font-size: 11px;
  font-weight: 600;
  color: #575a5b;
}
.doc_scroll_rating img {
  margin-left: 5px;
  width: 13px;
  height: 14px;
  position: relative;
  top: 0px;
}
.doc_scroll_text_block {
  display: flex;
  justify-content: center;
  width: 100%;
}
.doc_scroll_text {
  text-align: center;
  background: #fff;
  padding: 11px;
  border-radius: 13px;
  z-index: 9999;
  position: absolute;
  bottom: 15px;
  width: 83%;
}
.doc_scroll_text h3 {
  font-size: 12px;
  color: #404446;
  font-weight: 600;
  margin: 2px 0px 4px;
}
.doc_scroll_text p {
  font-size: 10px;
  color: #575b5c;
  font-weight: 400;
}
.doctor_scroll .doctor_rating {
  display: inline-flex;
}
.doctor_scroll .doctor_rating .numeric_font_family {
  font-size: 12px;
  color: #494c4e;
  font-weight: 700;
}

.appointment_three .appointment_categories_block {
  margin: 25px 0px;
}

/* ..........prescription page css starts here......... */
.prescription_main_block {
  height: 95vh;
  position: relative;
}
.prescriptions_page {
  margin-top: 15px;
  background: #434371;
  height: 183px;
  border-radius: 14px 15px 0px 0px;
  padding: 7px 13px;
}
.prescription_title {
  margin-top: 25px;
}
.prescription_title h3 {
  color: #ffb323;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.5px;
}
.prescription_title p {
  color: #ececf1;
  font-weight: 300;
  margin-top: 3px;
  font-size: 12px;
}

.prescribed_by {
  margin: 25px 0px 10px;
}
.prescribed_by h4 {
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.prescribed_doc {
  color: #f3f3f6;
  font-size: 10px;
  margin-top: 5px;
}
.prescribed_by h5 {
  color: #ffffff;
  float: right;
  font-size: 10px;
}
.prescription_number {
  color: #f9f9fa;
  float: right;
  font-size: 11px;
  margin-top: 5px;
  font-family: "Oxygen", sans-serif;
}

.patient_name_block {
  margin: 44px 0px 23px;
}
.patient_name_block h3 {
  color: #404446;
  font-size: 12px;
  font-weight: 600;
}
.patient_name {
  color: #4a4e4f;
  font-size: 12px;
  margin-top: 5px;
  font-weight: 400;
}
.patient_age_gender {
  color: #626567;
  font-size: 12px;
  float: right;
  margin-top: 20px;
}

.prescription {
  border-top: 1px solid #f5f7f8;
  padding: 20px 0px;
}
.prescription h3 {
  color: #5b5e5f;
  font-size: 12px;
  font-weight: 600;
}
.prescription h5 {
  color: #484c4e;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
}
.prescription_notes {
  color: #464a4c;
  font-size: 10px;
  font-weight: 400;
}

.prescription_timing p {
  color: #4d5052;
  font-size: 12px;
  float: right;
  font-weight: 400;
}
.prescription_note_block {
  margin: 20px 0px;
}
.prescription_note_block img {
  width: 18px;
  margin-right: 8px;
}
.prescription_note_block p {
  color: #4f5355;
  font-size: 10px;
  font-weight: 400;
  margin-top: 1px;
}
.prescriptions_page .title_block {
  margin-top: 5px;
}
.prescriptions_page .account_vertical_menu {
  position: relative;
  top: 5px;
}
.prescription_main_page .custom_btn {
  position: absolute;
  bottom: 0px;
  /* width: 92%; */
  margin-left: -13px;
}

/* ............healthaction page css starts here.......... */
.healthaction_slider {
  /* margin: 0px 15px; */
  border-radius: 7px;
  padding: 20px 10px;
  width: 92%;
  margin: auto;
}
.healthaction_slider h3 {
  font-size: 13px;
  position: relative;
  top: 5px;
  font-weight: 400;
}

.healthaction_slider h5 {
  float: right;
  font-size: 18px;
  font-family: "Oxygen", sans-serif;
  letter-spacing: 0.5px;
  font-weight: 700;
}
.healthaction_slider h5 span {
  font-size: 12px;
  position: relative;
  top: -8px;
  right: 2px;
}

.healthaction_slider p {
  font-size: 10px;
  font-weight: 300;
  margin-bottom: 7px;
  display: inline-block;
}
.healthactions_points {
  margin: 18px 0px;
}

.healthaction_slider p img {
  margin-right: 5px;
  width: 10px;
  display: inline-block;
}

.healthaction_tabs {
  overflow: auto;
  margin: 25px 0px 30px;
}

.healthaction_tab_blue {
  background: #418eb6;
}
.healthaction_tab_blue h3 {
  color: #fbfcfd;
}
.healthaction_tab_blue h5 {
  color: #fe9586;
}
.healthaction_tab_blue p {
  color: #e2edf4;
}
.healthaction_tab_blue .custom_btn {
  color: #ff9586;
}
.healthaction_tab_pink {
  background: #ff9586;
}
.healthaction_tab_pink h3,
.healthaction_tab_pink p,
.healthaction_tab_pink h5 {
  color: #ffdfda;
}

.healthaction_tabs .custom_btn {
  background: #fff;
  height: 30px;
  padding: 1px;
  margin: 10px 0px 0px;
  font-weight: 600;
  color: #ff7360;
}
.healthaction_tabs .custom_btn:hover {
  color: #ff7360 !important;
}
.healthaction_tabs .custom_btn:focus {
  color: #ff7360 !important;
}
.healthaction_tab_yellow {
  background: #ffc462;
}

.healthaction_page .pills {
  background: #fdb76f;
  background-image: url(/assets/img/pills.png);
  height: 69px;
  width: 69px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 7px;
  margin-right: 15px;
}
.healthaction_page .pills img {
  margin-top: 4px;
}
.healthaction_page .doctors h4 {
  font-weight: 600;
}
.healthaction_page .doctors p {
  font-size: 11px;
  color: #a1a6a7;
}
.healthaction_price {
  color: #ff7360 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  margin-top: 8px;
  font-family: "Oxygen", sans-serif !important;
}

/* .....delivery page css starts here......... */

.discovered_tabs {
  margin: 20px 0px 25px;
}
.discovered_tabs h3 {
  color: #484b4d;
  font-size: 13px;
  margin-top: 10px;
  font-weight: 600;
}
.discovered_tabs p {
  color: #a6abac;
  font-size: 13px;
  margin: 6px 0px 15px;
  font-weight: 500;
  font-family: "Oxygen", sans-serif;
}
.discovered_tabs .custom_btn {
  color: #0a94ff;
  border: 1px solid #0a94ff;
  background: #fff;
  font-weight: 500;
  font-size: 12px;
  height: 30px;
  padding: 5px;
  border-radius: 7px !important;
}
.discovered_tabs .custom_btn:hover {
  color: #0a94ff !important;
}
.discovered_tabs .custom_btn:focus {
  color: #0a94ff;
}
.delivery_page .categories {
  margin-top: 20px;
}

.delivery_page .booking_appointment p {
  color: #e5eff4;
  font-weight: 300;
}

.delivery_page .fields_block {
  margin-top: 20px;
}
.booking_appointment h3 {
  color: #fff;
}
.delivery_page .booking_appointment {
  background: #418eb6;
  height: 140px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  padding: 20px 28px 32px 40px;
  margin: 25px 0px 30px;
}
.delivery_page .booking_appointment img {
  top: 0px;
}

/* ..........call page css starts here........ */
.call_page {
  background: #ecebe7;
  height: 100vh;
}
.calling_block_main {
  display: flex;
  justify-content: center;
}
.calling_block {
  position: fixed;
  bottom: 36px;
  text-align: center;
}
.calling_block h3 {
  color: #090a0a;
  font-size: 28px;
  font-weight: 700;
}
.calling_block h3 a {
  color: #141313;
}
.calling_block h4 {
  color: #23211f;
  font-size: 18px;
  margin-top: 15px;
}
.calling_block p {
  color: #1b1c1c;
  font-weight: 400;
  font-size: 14px;
}
.calling_block p a {
  color: #1b1c1c;
}
.pick_call {
  background: #0a94ff;
  width: 71px;
  height: 53px;
  clip-path: circle(40%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: auto;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 25px;
  padding: 13px;
  cursor: pointer;
}
.pick_call img {
  width: 28px;
}
.calling_doc {
  position: fixed;
  text-align: center;
  width: 372px;
  height: 466px;
  bottom: 0px;
  background: url(/assets/img/doc_profile/doc_one-copy.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: auto;
  text-align: center;
}
.calling_doc img {
  /* width: 100%; */
}

/* .........call_one page css starts here...... */
.call_one_doc_img {
  background: #ecebe7;
  width: 100%;
  height: 426px;
  border-radius: 19px;
  margin: auto;
  margin-top: 36px;
}
.call_one_doc_img .calling_doc {
  width: 314px;
  height: 400px;
  bottom: 0px;
  position: relative;
  top: 26px !important;
}
.call_one .calling_block {
  position: unset;
  margin-top: 20px;
}
.call_actions {
  border-radius: 50px;
  border: 1px solid #f1f1f1;
  width: 46px;
  height: 46px;
  padding: 8px;
  box-shadow: 0 0 2px #eee;
  position: relative;
  top: 7px;
}
.call_one .calling_block ul li {
  margin-right: 20px;
}
.call_actions img {
  width: 24px;
}
.call_one .pick_call img {
  width: 24px;
}
.call_one .pick_call {
  background: #0a94ff;
  width: 74px;
  height: 52px;
  clip-path: circle(40%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: auto;
  text-align: center;
  margin-top: 17px;
  margin-bottom: 20px;
}
.call_one .calling_block h3 a {
  color: #054a80;
}
.call_one .calling_block h4 {
  font-size: 16px;
  margin-top: 15px;
  font-weight: 300;
}
.call_one .calling_block h4 a {
  color: #616466;
}
.calling_block ul {
  margin-top: 15px;
}

/* ....calendar block starts here....... */
.calendar_backdrop {
  background: #535353;
}
.calendar_backdrop .appointment_list {
  box-shadow: 0 0 1px #fff;
  opacity: 0.3;
  z-index: -9999;
}
.calendar_main_block {
  position: relative;
  z-index: 999;
}
.calendar_block {
  position: fixed;
  bottom: 0px;
  background: #fff;
  padding: 18px 14px 21px;
  border-radius: 19px 19px 0px 0px;
  margin-left: -15px;
  width: 363px;
}
.calendar_block .react-calendar__navigation {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.calendar_block .react-calendar__month-view__days .react-calendar__tile {
  background: #fff;
  border: 0px;
  font-size: 12px;
  font-weight: 400;
  color: #4c5051;
  margin-bottom: 10px;
}
.react-calendar__tile:focus-visible {
  background: #ff9f92;
}
.react-calendar__tile:focus {
  background: #fc8c7d !important;
  border-radius: 5px;
  color: #fff !important;
}
.react-calendar__navigation__prev2-button,
.react-calendar__navigation__next2-button {
  display: none;
}
.calendar_block .react-calendar__navigation__arrow {
  background: #fff;
  border: 0px;
  font-size: 27px;
  color: #44484a;
}
.calendar_block .react-calendar__navigation__arrow:focus-visible {
  outline: none !important;
}
.calendar_block .react-calendar__navigation__label {
  background: #fff;
  border: 0px;
  font-size: 14px;
  position: relative;
  top: 1px;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: #44484a;
}
.calendar_block .react-calendar__month-view__weekdays__weekday {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 15px;
  margin: 10px 0px;
  color: #a2a4a5;
  font-weight: 300;
}
.calendar_block .react-calendar__year-view__months__month,
.react-calendar__century-view__decades__decade {
  background: transparent;
  border: 0px;
  font-size: 12px;
  text-align: center;
  margin-bottom: 15px;
  margin: 10px 0px;
  color: #474747;
  font-weight: 600;
}
.react-calendar__year-view__months,
.react-calendar__decade-view,
.react-calendar__century-view__decades__decade {
  margin-bottom: 15px;
}

.react-calendar__decade-view__years__year {
  background: transparent;
  border: 0px;
  font-size: 12px;
  text-align: center;
  margin-bottom: 15px;
  margin: 10px 0px;
  color: #474747;
  font-weight: 600;
}
.calendar_block .react-calendar__month-view__days {
  margin: 15px 0px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 15px;
  margin: 10px 0px;
  color: #a2a4a5;
  font-weight: 300;
}
.calendar_block abbr[data-original-title],
abbr[title] {
  text-decoration: 0px;
}
.calendar_action .custom_btn {
  height: 36px;
  border: 1px solid transparent;
  padding: 9px;
}
.calendar_action .cancel_btn {
  border: 1px solid #0a94ff;
  background: transparent;
  color: #0a94ff;
}
.calendar_action .cancel_btn:hover {
  color: #0a94ff !important;
}

/* ..........horizontal calendar block starts here..........., */
.horizontal_calendar {
  overflow: auto;
}
.horizontal_calendar::-webkit-scrollbar {
  display: none;
}
.horizontal_calendar ul {
  min-width: 1393px;
}
.horizontal_calendar p {
  margin: 20px 0px 5px;
}
.horizontal_calendar ul li {
  border-radius: 50%;
  background: #f2f4f5;
  padding: 6px;
  width: 33px;
  height: 33px;
  text-align: center;
  margin-right: 15px;
  color: #484c4e;
  font-size: 14px;
  cursor: pointer;
}
.horizontal_calendar ul li:focus-visible {
  background: #ff7360;
  color: #ffe3df;
}

.horizontal_calendar .react-calendar__control,
.horizontal_calendar .react-calendar__header {
  display: none;
}

/* ..........search three page css starts here....... */

/* ..........media queries starts here........ */
@media (max-width: 1200px) {
  .custom_navbar .navbar-brand {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .custom_navbar .navbar {
    padding: 0.5rem 0rem;
  }
  .custom_navbar .navbar-brand {
    font-size: 28px;
  }
  .custom_navbar .nav-link {
    margin: 0px 0px;
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .custom_navbar .nav-link {
    padding: 5px 0rem;
    font-size: 12px;
    margin: 0px;
  }
  .custom_navbar .navbar-toggler {
    padding: 0px;
  }
  .navbar-toggler-icon img {
    float: right;
    width: 19px;
  }
  .custom_navbar .navbar-brand {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .custom_navbar .navbar-brand {
    font-size: 22px;
  }

  .custom_navbar .navbar-toggler-icon img {
    width: 16px;
    position: relative;
    top: 5px;
  }
}