@font-face {
  font-family: "Gilroy-SemiBold";
  src: url("../fonts/Gilroy-SemiBold.ttf") format("truetype");
}

html,
body {
  font-family: "Gilroy-SemiBold" !important;

  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.mob-view {
  display: none !important;
}

.dashboard-doctor-img-mob{
  width: 70px !important;
  height: 40px !important;
  border-radius: 10px !important;
}

.circle-img-doktor {
  border-radius: 50%;
  width: 70px !important;
  height: 70px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.main-data {
  overflow-y: auto;
  height: calc(100vh - 69.14px);
  /* Adjust this line */
}

.load-more {
  background-color: #001884 !important;
  color: white !important;
}

.btn-mtn {
  background: #05269e !important;
  color: white !important;
  font-size: 12px !important;
}
.btn-cancel {
  background: #ffbc1f !important;
  color: black !important;
  font-size: 12px !important;
}

.bg-theme {
  background: #f5f7ff !important;
  color: #05269e !important;
}

.subscription-body li {
  list-style-image: url('<?php echo base_url("assets/media/li.svg") ?>');
  font-family: "Gilroy-SemiBold" !important;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 107.143% */

  color: #2f2f2f;
}

.doctor-card-star i {
  color: #e89806 !important;
  font-size: 12px !important;
}

.doctor-card-book {
  border-radius: 0px 0px 10px 10px !important;
  background: #f4f7f9 !important;
}

.doctor-only span {
  color: #707070;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px; /* 193.75% */
}

.btn-book {
  border-radius: 10px;
  background: #05269e;
  color: #fff;
  border: none !important;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 131.25% */
}
.btn-book-mob {
  border-radius: 12px !important;
  background: #05269e !important;
  color: #fff !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 400 !important;
}
.btn-book-mob-off {
  border-radius: 12px !important;
  background: #959595 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 400 !important;
}
.mobile-view-doc .doctor-item img {
  width: 100% !important;
  height: 90px !important;
}

.mobile-view-doc .doctor-stars i {
  font-size: 12px !important;
  color: #e89806 !important;
}
.btn-book-offline {
  background: #959595 !important;
  color: #fff !important;
  font-style: normal !important;

  border-radius: 10px;
  border: none !important;

  font-size: 14px;
}

.doctor-profile-img {
  border-radius: 10px !important;
}

.doctor-card-languages span {
  font-family: "Gilroy-SemiBold" !important;
  color: #2f2f2f;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 116.667% */
}
.mobile-view-doc .doctor-card-languages span {
  color: #2f2f2f;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
}

.doctor-card-top-detail {
  border-radius: 10px 10px 0px 0px;
  background: #f4f7f9;
}

.doctor-card-sub {
  font-family: "Gilroy-SemiBold" !important;
  color: #707070;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 131.25% */
}
.mobile-view-doc .doctor-card-sub {
  color: #707070;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}
.b-a-f {
  font-size: 18px !important;
}
.doctor-card-name {
  color: #2f2f2f;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px; /* 105% */
}
.mobile-view-doc .doctor-card-name {
  color: #2f2f2f;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
  /* 105% */
}

.message-section {
  position: relative;
  background-color: #fff !important;
}

.send-message-area {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

table .doctor {
  border-radius: 10px 0px 0px 0px !important;
}
table .detail {
  border-radius: 0px 10px 0px 0px !important;
}

tbody tr:nth-of-type(even) {
  background: #f4f7f9 !important;
  /* Lighter background color for odd rows */
}
tbody tr:nth-of-type(odd) {
  background: white !important;
  /* Lighter background color for odd rows */
}

.video-call-mobile {
  display: none;
}

.mobile-sidebar {
  display: none;
  width: 100% !important;
  height: 400px !important;
  background: #000 !important;
  position: relative;
  z-index: 2;
  top: 60px;
  left: 50px;
}

.dropdown-profile {
  width: 200px;
  height: 150px;
  /* background: #000; */
  position: relative;
  right: 70px;
  top: 10px;
  z-index: 2;
}

.active-dropdown .sub-down-dropdown {
  background: #fff;
  padding: 4px;
  border-radius: 50%;
}

.dropdown-profile svg {
  width: 15px !important;
  height: 15px !important;
}

.dropdown-heading-active {
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 31.098px;
  /* 194.359% */
}

.active-dropdown {
  background: #001884 !important;
  box-shadow: 0px 2.97912px 2.97912px 0px rgba(0, 0, 0, 0.25);
}

.odd-dropdown {
  background: #fff !important;
  box-shadow: 0px 2.97912px 2.97912px 0px rgba(0, 0, 0, 0.25);
}

.sub-down-dropdown {
  background: #001884;
  padding: 4px;
  border-radius: 50%;
}

.odd-dropdown .dropdown-heading-active {
  color: #000;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 31.098px;
  /* 194.359% */
}

.even-dropdown {
  background: #f7fefe !important;
  box-shadow: 0px 2.97912px 2.97912px 0px rgba(0, 0, 0, 0.25);
}

.even-dropdown .sub-down-dropdown {
  background: #001884;
  padding: 4px;
  border-radius: 50%;
}

.dropdown-profile img {
  width: 15px !important;
  height: 15px !important;
}

.dropdown-profile svg {
  width: 15px !important;
  height: 15px !important;
}

.even-dropdown .dropdown-heading-active {
  color: #000;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 31.098px;
  /* 194.359% */
}

.modal-body {
  color: #000 !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 31.098px !important;
  /* 194.359% */
  border-radius: 7.448px;
  background: #f8ffff !important;
  box-shadow: 0px 0px 8.98px 0px rgba(0, 0, 0, 0.25);
}
.subscription-header h2 {
  color: #2f2f2f;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 112.5% */
}
.subscription-price {
  border-radius: 10px;
  background: #c9d1ff;
}
.subscription-price span {
  color: #2f2f2f !important;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 18px !important; /* 100% */
}

.subscription-price sub {
  color: rgba(112, 112, 112, 0.92) !important;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 18px !important;
}
.subscription-price sup {
  color: rgba(112, 112, 112, 0.92);
  font-family: "Gilroy-SemiBold" !important;
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 155.556% */
}

.subscription-item {
  border-radius: 15px !important;
  border: 0px solid #8394b2 !important;
  background: #f5f7ff !important;
}

.subscription-price span {
  color: #2f2f2f;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 100% */
}
.subscription-price-div {
  margin-left: -15px !important;
  margin-top: 1px !important;
}

.subscription-price-div h2 {
  color: #2f2f2f;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 112.5% */
}
.subscription-footer button {
  border-radius: 8px;
  background: #05269e;
  color: #fff;
  text-align: center;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  border: none;
}

.subscription-footer-premium button {
  border-radius: 8px;
  background: #ffbc1f;
  color: #000;
  text-align: center;
  font-family: "Gilroy-SemiBold" !important;
  border: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
}

.subscription-header {
  border-bottom: 1px dashed #98beff;
}

.subscription-price sub {
  color: rgba(112, 112, 112, 0.92);
  font-family: "Gilroy-SemiBold" !important;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.btn-yes {
  border-radius: 5px !important;

  color: #fff !important;
  text-align: center !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

.btn-no {
  border-radius: 5px;
  background: black;
  color: #fff !important;
  text-align: center !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

/* Book Appointment Page CSS  */

.header-area {
  display: flex;

  height: 100%;
}

.header-area-videocall {
  display: flex;

  /* height: 100%; */
}

.logo {
  /* width: 392px; */
  height: 69.14px;
  /* flex-shrink: 0; */
  background: #f5f7ff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.logo img {
  /* width: 45%; */
  /* margin: 3% 34% 3% 30%; */
}

.main-header {
  width: 100%;
  height: 69.14px;
  /* flex-shrink: 0; */
  background: #f5f7ff;
  position: relative;
}

.three-lines {
  width: 20px;
  height: 10px;
  flex-shrink: 0;

  margin: 30px 10px;
}

.three-black {
  display: block;
}

.three-white {
  display: none;
}

.main-header h2 {
  color: #2f2f2f;

  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  margin: 25px 0px;
}

.profile {
  margin-top: 15px;
  /* margin-left: 100px; */
  cursor: pointer;
}

.profile svg {
  width: 23px;
  height: 23px;
  fill: #001884 !important;
  margin-left: 4px !important;
}

.notifi {
  margin: 15px 0px !important;
  position: relative;
  cursor: pointer;
}

.notifi img {
  width: 22px;
  height: 22px;
}

.profile-span {
  color: #323232;
  font-size: 13px;
  font-style: normal;
  font-weight: 600 !important;
}

.notifi-span-pink {
  color: #f30a6c !important;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
}

.notifcation-count {
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 5px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: absolute;
  background-color: #f30a6c;
  padding: 3px;
  border-radius: 50%;
  top: 1px;
  left: 55%;
}

/* .sidebar-parent{
	height: 100%;

	margin: 0;
	padding: 0;
	position: fixed;
	overflow: hidden;
} */

.sidebar {
  background: #f5f7ff;
  padding-top: 40px;
  height: 100%;
}

.profile-head {
  border-radius: 10px;
  border: 2px solid #f4f7f9;
  background: #f4f7f9;
}
.profile_f_name {
  color: #05269e !important;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 26px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 32px !important; /* 114.286% */
}

.profile_data label {
  color: #2f2f2f !important;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
.profile_l_name {
  color: #05269e !important;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 32px !important; /* 160% */
}
.profile-sidebar span {
  color: #2f2f2f;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px; /* 193.75% */
}

.navarbar-item-border {
  border-bottom: 0.5px solid #e6e9f5 !important;
}

.profile-sidebar {
  border-radius: 10px;
  background: #f4f7f9;
}
.active {
  border: 2px solid #0074d6 !important;
}

.sidebar-item {
  padding-left: 10px;
  padding-top: 9px;
  height: 49px;
  margin: 10px 0px;
  color: #05269e !important;
}

.sidebar-item svg {
  width: 23px;
  height: 23px;
  flex-shrink: 0;
  color: white;
}

.sidebar .active {
  border-radius: 5px;
  border: 1px solid #001884;

  background: #ecfcfd;
  color: #05269e !important;

  /* padding-left: 20px; */
  padding-top: 9px;
  /* height: 49px; */
}

.sidebar-item-heading {
  font-size: 13px;
  font-style: normal;
  font-weight: 900 !important;
  margin-left: 13px;
  margin-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.subtract {
  width: 6px !important;
  height: 13px !important;
  flex-shrink: 0;
}

.main-content-heading {
  color: #000;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 85.714% */
}

.main-content-paragraph {
  text-align: center;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  /* 157.5% */

  color: #707070;
  line-height: 31px; /* 155% */
}

.card-item {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  border-radius: 13.167px;
  background: #fff;
  box-shadow: 0px 3.51125px 3.51125px 0px rgba(0, 0, 0, 0.25);
}

.card-item-doctor {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  border-radius: 13.167px;
  background: #ecfcfd;
  box-shadow: 0px 3.51125px 3.51125px 0px rgba(0, 0, 0, 0.25);
}

.card-top-doctor {
  border-radius: 13.167px 13.167px 0px 0px;
  background: #001884;
}

.card-top {
  height: 55%;
  flex-shrink: 0;
  border-radius: 13.167px 13.167px 0px 0px;
  background: #001884;
}

.img-div {
  position: relative;
}

.white-rectangle-doctor {
  position: absolute;
  bottom: 20px;
  right: -19%;
}

.add-doctor-detail input[type="text"] {
  color: #838383 !important;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 23.109px;
  /* 144.433% */
}

.white-rectangle {
  border-radius: 0px !important;
  position: relative;
  left: 54px;
  bottom: 20px;
}

.stars-area {
  clip-path: polygon(
    0 0,
    100% 0,
    100% 50%,
    100% 100%,
    0 100%,
    14% 48%
  ) !important;
  background: white !important;
  width: 100%;
  /* height: 20px; */
}

.stars-area i {
  font-size: 12px !important;
  color: #e89806 !important;
}

.stars-area div {
  text-align: center !important;
}

.stars-area img {
  margin-right: -1px !important;
  margin-bottom: 8px !important;
  width: 9px !important;
}

.white-rectangle-stars-doctor {
  position: absolute;
  bottom: 27px;
  right: -16%;
}

.white-rectangle-stars-doctor img {
  width: 10px;
  height: 10px;
  margin-right: -5px !important;
}

.white-rectangle-stars {
  position: absolute;
  bottom: 27px;
  right: -23px;
}

.white-rectangle-stars img {
  width: 10px;
  height: 10px;
  margin-right: -5px !important;
}

.card-top-img-doctor {
  border-radius: 50%;
  border: 1px solid #fff;
  width: 70px;
  height: 70px;
}

.card-top-img {
  border-radius: 57.058px;
  border: 1px solid #fff;
}

.card-top-heading-doctor {
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.068px;
  margin-left: -10px !important;
}

.card-top-second-heading-doctor {
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 21.068px;
  /* 150.482% */
  margin-left: -10px !important;
}

.card-top-heading {
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.068px;
  margin-left: -10px !important;
  /* 117.042% */
}

.card-top-second-heading {
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 21.068px;
  margin-left: -10px !important;
  /* 150.482% */
}

.rectanguler {
}

.rectanguler img {
  position: absolute;
  /* margin-top: 25px !important; */
}

.language-heading {
  color: #2f2f2f;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 21.068px;
  /* 175.563% */
}

.language-name {
  color: #2f2f2f;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  line-height: 14.484px;
  /* 144.839% */
}

.book-now {
  padding: 3px 15px;
  border-radius: 5px;
  background: #001884;
  color: #fff;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  border: none;
}

/* Book Appointment Page CSS  */

/* Add Doctor Page CSS  */

.add-doctor-section {
  border-radius: 10px;
  background: #fbfbfb;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.add-detail-heading {
  border-radius: 10px 10px 0px 0px;
  background: #85f1e0;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.add-detail-heading h2 {
  color: #000;
  text-align: center;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 31.5px;
  /* 157.5% */
}

.add-doctor-detail label {
  font-family: "Gilroy-SemiBold" !important;
  font-style: normal;
  /* 144.433% */
  color: #5d5e60;
  font-size: 14px;
  font-weight: 400;
  line-height: 23.109px;
  /* 144.433% */
}

.error h2 {
  color: #2f2f2f;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 80% */
}

.error span {
  font-family: "Gilroy-SemiBold" !important;

  color: #707070;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.add-doctor-detail option,
select {
  color: #5d5e60;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

.add-doctor-detail select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Safari, Chrome, Opera */
  -webkit-appearance: none;
}

/* for IE10 */
.add-doctor-detail select::-ms-expand {
  display: none;
}

.add-doctor-detail select,
input,
textarea {
  border-radius: 10px;
  background: #eaebed;
  outline: none;
  border: none;
  width: 100%;
  padding: 7px;
}

.mult-select-tag .body {
  border-radius: 10px !important;
  border-radius: 4px !important;
  background: #eaebed !important;
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
  width: 100% !important;
}

.mult-select-tag .btn-container {
  border-left: none !important;
}

.mult-select-tag svg {
  color: #202021;
  width: 20px !important;
}

.add-doctor-detail input::placeholder {
  color: #838383 !important;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 23.109px;
  /* 144.433% */
}

input[type="date"] {
  color: #838383 !important;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400;
  padding: 10px !important;
}

select,
option {
  background: #eaebed !important;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400;

  padding: 10px !important;
}

.add-doctor-detail textarea::placeholder {
  color: #838383 !important;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 23.109px;
  /* 144.433% */
}

.contact-done-btn {
  border-radius: 10px;
  background: #e89806;
  /* box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.25); */
  color: #1e1e1e;
  text-align: center;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 171.429% */
  border: none;
  padding: 5px 70px;
}

.add-doctor-btn {
  border-radius: 5px;
  background: #85f1e0;
  box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border: none;
  color: #2f2f2f;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  width: 100%;
  margin-top: 30px;
}

.add-doctor-btn img {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}

.select-slot-heading {
  border-radius: 10px;
  background: #f4f7f9;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

.select-slot-heading h2 {
  color: #000;
  text-align: center;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;

  /* 157.5% */
}

.checkbox-label {
  display: inline-block;
  position: relative;

  cursor: pointer;
}

.checkbox-label input[type="radio"] {
  display: none;
  /* Hide the actual checkbox */
}

.checkbox-label input[type="radio"]:checked {
  color: white !important;
}

.active-slot {
  background: #001884;
  border-radius: 9px;
  color: #fff !important;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.select-slot-time {
  color: #000;
  text-align: center;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 28.8px */
  letter-spacing: 0.5px;
}
.mult-select-tag .item-label {
  color: #5d5e60 !important;
}
.mult-select-tag .item-container svg {
  width: 10px !important;
  height: 10px !important;
  margin-left: 4px !important;
}
.mult-select-tag .item-container {
  border: none !important;
  background: transparent !important;
  color: #5d5e60 !important;
}

.unactive-slot {
  border: 1px solid #001884;
  background: #fff;
  border-radius: 9px;
  color: #000 !important;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.disable-slot {
  border-radius: 9px;
  background: #9b9b9b;
}

.select-slot-btn {
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 171.429% */
  border-radius: 5px;
  background: #001884;
  box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border: none;
}

/* Add Doctor Page CSS  */

/* Appointment histry page CSS  */
.appointment-history-mobile.card {
  border: none !important;
  border-radius: 5px !important;
  background: #fbffff !important;
  /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important; */
}

.symptoms-title {
  color: #353535;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 13px;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 130%; /* 18.2px */
}
.symptom-sub {
  color: #353535;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
}

.m-card-head {
  border-radius: 10px 10px 0px 0px;
  background: #f5f7ff;
  color: #353535;
  font-family: "Gilroy-SemiBold" !important;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 15.6px */
  font-size: 15px;
}

.m-card-body {
  background: #f7f7f7;
  color: #353535;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 13px */
}

.m-card-foot {
  border-radius: 5px;
  background: #fbffff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  color: #353535;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 13px */
}

.m-card-foot-cancel {
  border: none;
  padding: 2px 20px;
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
}

.view-detail-m-foot {
  color: #3a5aee;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
  text-decoration-line: underline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.appointment-history-section {
  display: block;
}

.appointment-history-mobile {
  display: none !important;
}

.appointment-history-section th {
  background: #f4f7f9 !important;
  padding: 17px 41px !important;
  color: #353535;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 20.8px */
}

.profile-body .first-table {
  padding: 17px 31px !important;
  color: #353535 !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 130% !important;
  /* 20.8px */
  border-radius: 10px !important;
  background: #f4f7f9 !important;
}

.appointment-history-section td {
  padding: 17px 41px !important;
  color: #353535;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 20.8px */
}

.cancel-color {
  border-radius: 6.795px !important;
  background: #fcd9d7 !important;
  color: #f14336 !important;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
}
.profile-body table th {
  padding: 20px 20px;
  color: #2f2f2f;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 31.098px; /* 194.359% */
}
.profile-body table td {
  padding: 20px 20px;
  color: #2f2f2f;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 31.098px; /* 194.359% */
}

.success-color {
  font-family: Gilroy-SemiBold !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  border-radius: 6.795px;
  background: #cbead5;
  color: #28b446 !important;
}

.pending-color {
  border-radius: 6.795px;
  color: #05269e !important;
  background: #cdd4ec !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

.yellow-color {
  border-radius: 6.795px;

  background: #ffa800;
  color: #fff !important;
}

.view-detail {
  color: #05269e !important;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  text-decoration-line: underline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* Appointment histry page CSS  */

/* Appointment Detail Page CSS  */

.appointment-detail-heading {
  border-radius: 7.448px 7.448px 0px 0px;
  background: #f4f7f9;
}

.appointment-detail-heading h2 {
  color: black;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 24.291px;
  /* 151.82% */
  margin-top: 10px !important;
}

.appointment-detail-area th {
  color: #2f2f2f;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.291px; /* 151.82% */
}

.appointment-detail-area th span {
  color: #707070;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24.291px; /* 173.509% */
}

.appointment-detail-area table {
  border-left: 1px solid #dee2e6 !important;
  border-right: 1px solid #dee2e6 !important;
}

.appointment-detail-area {
  border-radius: 7.448px;
  background: #fff;
  box-shadow: 0px 2.97912px 2.97912px 0px rgba(0, 0, 0, 0.25);
}

.doctor-detail-heading {
  border-radius: 7.448px 7.448px 0px 0px;
  background: #05af01;
}

.doctor-detail-heading h2 {
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 24.291px;
  /* 151.82% */
  margin-top: 10px !important;

  font-size: 14px;
}

.doctor-detail-area th {
  color: #2f2f2f;
  font-family: "Gilroy-SemiBold" !important;
  font-weight: 700;
  font-size: 14px;
  font-style: normal;
  line-height: 24.291px; /* 151.82% */
}

.doctor-detail-area th span {
  font-family: "Gilroy-SemiBold" !important;
  font-style: normal;
  font-weight: 400;
  color: #707070;
  font-size: 12px;
  line-height: 24.291px; /* 173.509% */
}

.doctor-detail-area table {
  border-left: 1px solid #dee2e6 !important;
  border-right: 1px solid #dee2e6 !important;
}

.doctor-detail-area {
  border-radius: 7.448px;
  background: #fff;
  box-shadow: 0px 2.97912px 2.97912px 0px rgba(0, 0, 0, 0.25);
}

.doctor-rating-review-heading {
  border-radius: 7.448px 7.448px 0px 0px;
  background: #001884;
}

.doctor-review-web {
  display: block;
}

.doctor-review-mob {
  display: none;
}

.doctor-rating-review-heading h2 {
  color: #fff;
  font-weight: 700;
  margin-top: 10px !important;

  font-family: "Gilroy-SemiBold" !important;

  font-size: 14px;
  font-style: normal;
}

.doctor-rating-review-heading span img {
  width: 21px;
  height: 22px;
}

.doctor-rating-review-heading span {
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 27.998px;
  /* 203.846% */
}

.doctor-rating-review-area th {
  color: #2f2f2f;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.doctor-rating-review-area td {
  color: #2f2f2f;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.doctor-rating-review-area table {
  border-left: 1px solid #dee2e6 !important;
  border-right: 1px solid #dee2e6 !important;
}

.doctor-rating-review-area {
  border-radius: 7.448px;
  background: #fff;
  box-shadow: 0px 2.97912px 2.97912px 0px rgba(0, 0, 0, 0.25);
}

.rating-star img {
  width: 12px;
  margin-right: -3px;
}

/* Appointment Detail Page CSS  */

/* subsciprtion Page CSS  */

.sub-plan-mob {
  display: none;
}

.sub-plan-web {
  display: block;
}

.test-item {
  border-radius: 15.621px;
  background: #000e4b;
}

.carousel-item .price {
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 100 !important;
}

.premium {
  width: 62px;
  height: 62px;
}

.premium-heading {
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.746px;
  margin-left: 20px;
  margin-top: 10px;
}

.currency {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Gilroy-SemiBold" !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14.059px;
  /* 150% */
  margin-left: 20px;
}

.currency-year {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Gilroy-SemiBold" !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14.059px;
  /* 150% */
  margin-left: 2px;
}

.price {
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.746px;
  /* 100% */
  margin-left: 3px;
}

.popular-badge {
  border-radius: 15.621px;
  background: #68e3cf;
  color: #000;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  padding: 2px 3px;
}

.card-body {
  margin-left: -25px;
}

.card-body ul {
  list-style: none;
}

.card-body ul li {
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 111.581% */
  margin-bottom: 10px !important;
}

.card-body ul li span {
  /* margin-left: 20px !important; */
}

.plan-detail-itemss {
  list-style-image: url("media/check-w.svg");
}

.plan-detail-itemss span {
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.621px;
  /* 111.581% */
}

.choose-plan-btn {
  border-radius: 7.811px;
  background: #68e3cf;
  box-shadow: 0px 3.12428px 3.12428px 0px rgba(0, 0, 0, 0.25);
  color: #070707;
  text-align: center;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18.746px;
  /* 133.898% */
  border: none;
}

.choose-plan-btn img {
  width: 20px;
  height: 20px;
}

.test-item-second {
  border-radius: 15.621px;
  border: 0.312px solid #8394b2;
  background: #ff738c;
}

.choose-plan-btn-basic {
  border-radius: 7.811px;
  background: #fff;
  box-shadow: 0px 3.12428px 3.12428px 0px rgba(0, 0, 0, 0.25);
  border: none;
}

.test-item-plus {
  border-radius: 15.621px;
  border: 0.312px solid #8394b2;
  background: #ffeeaf;
}

.choose-plan-btn-basic {
  border-radius: 7.811px;
  background: #fff;
  box-shadow: 0px 3.12428px 3.12428px 0px rgba(0, 0, 0, 0.25);
  border: none;
}

.plus-heading {
  color: #0f173e;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.746px;
  margin-left: 20px;
  margin-top: 10px;
}

.currency-plus {
  color: rgba(15, 23, 62, 0.5);
  font-family: "Gilroy-SemiBold" !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14.059px;
  /* 150% */
  margin-left: 20px;
}

.currency-year-plus {
  color: rgba(15, 23, 62, 0.5);

  font-family: "Gilroy-SemiBold" !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14.059px;
  /* 150% */
  margin-left: 2px;
}

.price-plus {
  color: #0f173e;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.746px;
  /* 100% */
  margin-left: 3px;
}

.plus-plan-detail-itemss {
  list-style-image: url("media/check.svg");
}

.plus-plan-detail-itemss span {
  color: #4e5573;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 15.621px;
  /* 111.581% */
}

.plus-plan {
  border-radius: 15.621px !important;
  border: 0.312px solid #8394b2 !important;
  background: #ffeeaf !important;
  color: #000 !important;
}

.plus-plan .card-body ul li {
  color: #000 !important;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 111.581% */
  margin-bottom: 10px !important;
}

.plus-heading {
  color: #0f173e;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.746px;
  margin-left: 20px;
  margin-top: 10px;
}

.currency-plus {
  color: rgba(15, 23, 62, 0.5);
  font-family: "Gilroy-SemiBold" !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14.059px;
  /* 150% */
  margin-left: 20px;
}

.currency-year-plus {
  color: rgba(15, 23, 62, 0.5);
  font-family: "Gilroy-SemiBold" !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 14.059px;
  /* 150% */
  margin-left: 2px;
}

.price-plus {
  color: #0f173e;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18.746px;
  /* 100% */
  margin-left: 3px;
}

.basic-plan {
  border-radius: 15.621px !important;
  border: 0.312px solid #8394b2 !important;
  background: #ff8787 !important;
}

.basic-btn {
  border-radius: 7.811px !important;
  background: #fff !important;
  box-shadow: 0px 3.12428px 3.12428px 0px rgba(0, 0, 0, 0.25) !important;
  color: #070707 !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 500 !important;
}

.premium-plan {
  border-radius: 15.621px !important;
  background: #000e4b !important;
}

.premium-btn {
  border-radius: 7.811px !important;
  background: #68e3cf !important;
  box-shadow: 0px 3.12428px 3.12428px 0px rgba(0, 0, 0, 0.25) !important;
  color: #070707 !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 500 !important;
}

/* subsciprtion Page CSS  */

/* Chat and Message Page CSS  */

.chat-message-section {
  display: block !important;
}

.chat-message-mob {
  display: none !important;
}

.chat-search {
  box-shadow: 3px 1px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 10px 0px 0px 10px;
}

.search-box {
  border-radius: 5px;
  background: #fff;
  width: 93% !important;
}

.search-box input {
  outline: none !important;
  border: none !important;
  background: white !important;
}

.search-box button {
  border: none;
  background: transparent;
}

.search-box span {
  background: #fff;
  border: none;
}

.search-box input::placeholder {
  color: #4e5573;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.chat-search {
  background: #f4f7f9 !important;
}

.search-box img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.chat-people-active {
  background: #05269e !important;
  border-bottom: 1px solid #dbd7d7;
}

.chat-people-active span {
  color: #fff !important;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.chat-people-area span {
  color: #242424;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.chat-people {
  background: #f4f7f9;
  border-bottom: 1px solid #eaeaea;
}

.chat-people-area img {
  border-radius: 50%;
}

.top-bar-message {
  border-radius: 0px 10px 0px 0px;
  background: #f4f7f9;
}

.top-bar-message .chat-img-active {
  width: 8% !important;
}

.top-bar-message span {
  color: #2f2f2f;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.online {
  position: relative;
  top: -10px;
  left: 10px;
}

.message-section {
  border-radius: 0px 10px 10px 0px;
  background: #f5feff;
  box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.25);
}

.people-message-area {
  overflow-y: auto;
  height: calc(100vh - 150px);
  /* Adjust this line */
  padding: 10px 10px 70px 10px !important;
}

.chat-message-mob .people-message-area {
  overflow-y: auto;
  height: calc(100vh - 150px);
  /* Adjust this line */
  padding: 10px 10px 70px 10px !important;
}

.unseen-msgs {
  background-color: #001884;
  font-size: 7px !important;
  padding: 3px 6px !important;
  border-radius: 50px;
  color: white !important;
}

.people-message-area .my-message {
  border-radius: 10px;
  background: #f4f7f9;
}

.my-message {
  color: #000;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.my-message .time {
  color: #000;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.my-message .rectang {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  transform: rotate(-45deg);
  background: #d9d9d9;

  top: -10%;
}

.doctor-message {
  border-radius: 10px;
  background: #001884;

  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  padding-top: 10px;
  padding-bottom: 24px;
}

.doctor-message .rectang {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  transform: rotate(-45deg);
  background: #85f1e0;

  top: -10%;
}

.send-message-area {
  border-radius: 0px 0px 10px 0px;
  background: #f4f7f9;
}

.send-message-area input {
  width: 100%;
  padding: 7px;
  border: none;
  outline: none;
  border-radius: 5px;
  background: #fff;
  /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
}

.send-message-area input::placeholder {
  color: #4e5573;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 17.286px;
  /* 108.037% */
}

.send-message-area button {
  border: none;
  background: none;
}

.chat-people-time {
  color: #fff !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

.short-msg {
  color: black !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

.chat-people-time-no {
  color: #242424 !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

.short-msg-no {
  color: #242424 !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

.send-message-area .send-msg-btn {
  border-radius: 5px;
  background: #fff;
  /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
  padding-top: 6px;
  padding-bottom: 6px;
}

/* Chat and Message Page CSS  */

/* My Prescription Page CSS  */

.my-prescription-section .first-table {
  border-radius: 9.535px 9.535px 0px 0px;
  margin-bottom: 0px !important;
}

.my-prescription-section .first-table .dkr {
  border-radius: 10px 0px 0px 0px !important;
}
.my-prescription-section .first-table .dtl {
  border-radius: 00px 10px 0px 0px !important;
}

.my-prescription-section .first-table th {
  padding: 17px 31px;
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 20.8px */

  background: #05269e;
}

.my-prescription-section .first-table td {
  color: #000;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 31.098px;
  /* 194.359% */
  padding: 10px 21px;
}

.sub-down-img {
  background: #85f1e0;
  padding: 8px 5px;
  border-radius: 50%;
}

.my-prescription-section .first-table .click-active {
  background: #ecfcfd !important;
  /* box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25); */
}

.second-table th {
  background: #fffae6 !important;
  color: #252525;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 30.967px;
  /* 193.544% */
}

.second-table td {
  color: #313131;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 11.053px;
  /* 69.084% */
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.unfold-heading {
  color: #252525;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  padding: 10px 11px;
}

.unfold-subs {
  color: #313131;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  padding: 10px 11px;
}

.second-table textarea {
  border-radius: 5px !important;
  background: #fff !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
}

/* My Prescription Page CSS  */

/* My Doctor Page CSS  */

.now-btn {
  color: #001884;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  text-decoration-line: underline;
}

/* My Doctor Page CSS  */

/* Profile Page CSS  */

.user-profile-name {
  color: #fff !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 21.068px !important;
  /* 120% */
}

.user-profile-sub-name {
  color: #fff !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 21.068px !important;
  /* 160% */
}

.user-profile-detail {
  color: #2f2f2f !important;
  text-align: right !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24.291px !important;
  /* 151.82% */
}

.support-input input,
textarea {
  border: none;
  outline: none;
  background: transparent;
  padding: 10px 10px !important;
  width: 100% !important;
}

.support-input input::placeholder,
textarea::placeholder {
  color: #2f2f2f !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24.291px !important;
  /* 151.82% */
}

.support-input button {
  border-radius: 5px;
  background: #ffeeaf;
  box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border: none;
  padding: 2% 20% !important;
  color: #000;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.payment {
  color: #000;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 31.098px;
  /* 111.063% */
}

.transaction-histroy-detail td {
  padding: 10px 20px !important;
  color: #000 !important;
  font-family: Gilroy-SemiBold !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 31.098px !important;
  /* 194.359% */
}

.head-profile {
  border-radius: 7.448px 7.448px 0px 0px;
  background: #001884 !important;
}
.profile-head span {
  color: #05269e;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 24px;
  font-style: normal;
  font-weight: 600;
}
.profile-body {
  border-radius: 10px;
  background: #f4f7f9;
}
.profile-body input,
select {
  background-color: white !important;
}

.profile-heading {
  color: #2f2f2f;
  text-align: center;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 80% */

  color: #2f2f2f !important;
  text-align: center !important;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 28px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24px !important; /* 80% */
}
.profile-update-btn {
  border-radius: 10px !important;
  background: #05269e !important;
  border: none !important;

  color: #fff !important;
  text-align: center !important;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24px !important; /* 150% */
}
.profile-body label {
  color: #2f2f2f;
  font-family: "Gilroy-SemiBold" !important;

  font-size: 16px;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal;
}
.profile-head small {
  font-family: "Gilroy-SemiBold" !important;

  color: #05269e;
  font-size: 16px;
  font-style: normal;
  font-weight: 600 !important;
}

.head-profile .profile-image {
  border: 1px solid #fff;
  border-radius: 50%;
}

.user-done-btn {
  border-radius: 5px !important;
  background: #001884 !important;
  box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
  color: #fff;
  text-align: center;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 171.429% */
  padding: 5px 70px;
}

.user-profile-information {
  color: #fff !important;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 200% */
}

.update-user {
  width: 20px;
  height: 20px;
}

.transaction-page-mob {
  display: none;
}

/* Profile Page CSS  */

/* Video Call Page  */

.video-call-section {
  border-radius: 10px;
  background: #ecfcfd;
  box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.calling-timer {
  border-radius: 20px;
  background: #001884;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  /* padding: 10px 50px !important; */
}

.call-to-name {
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 85.714% */
}

.call-timer {
  color: #fff;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.resize-icon {
  width: 20px;
  height: 20px;
}

.first-video {
  max-height: 55vh;
  border-radius: 10px;

  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background: #000;
}

.video-control button {
  border: none;
  outline: none;
  background: none;
}

.video-control .control img {
  width: 30px;
  height: 30px;
}

.video-control .control-end img {
  width: 60px;
  height: 30px;
}

/* Video Call Page  */

/* Trnasaction page CSS  */

.transaction-heading {
  border-radius: 9.535px 9.535px 0px 0px;
  background: #001884;
  color: #fff;
  text-align: center;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 31.098px;
  /* 172.764% */
}

/* Trnasaction page CSS  */

.my-pe-mob-view {
  display: none;
}

.notification-text {
  color: #000;
  font-family: "Gilroy-SemiBold" !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px !important;
}

.notification-mob .first-table td {
  line-height: normal !important;
}

@media screen and (max-width: 1139px) {
  .appointment-history-mobile {
    display: block !important;
  }

  .appointment-history-section {
    display: none;
  }

  .sub-plan-mob {
    display: block;
  }

  .sub-plan-web {
    display: none;
  }

  .transaction-page-web {
    display: none !important;
  }

  .transaction-page-mob {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
  .chat-message-section {
    display: block !important;
  }

  .chat-message-mob {
    display: none !important;
  }

  .sidebar-item svg {
    width: 13px;
    height: 13px;
    color: white;
  }

  .sidebar-item-heading {
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    margin-left: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    color: #05269e !important;
  }

  .notifcation-count {
    color: #fff;
    font-family: "Gilroy-SemiBold" !important;
    font-size: 5px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    background-color: #f30a6c;
    padding: 3px;
    border-radius: 50%;
    top: 1px;
    left: 58%;
  }

  .transaction-page-mob {
    display: block !important;
  }

  .transaction-page-web {
    display: none !important;
  }

  .appointment-history-mobile {
    display: block !important;
  }

  .appointment-history-section {
    display: none;
  }

  .sub-plan-mob {
    display: block;
  }

  .sub-plan-web {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .circle-img-doktor {
    border-radius: 50%;
    width: 50% !important;
  }

  .web-view {
    display: none;
  }
  .mob-view {
    display: block !important;
  }
  .sidebar {
    display: none;
  }

  .header-area {
    height: 100%;
    display: block;
  }

  .header-area-videocall {
    display: block;

    /* height: 100%; */
  }

  .main-header {
    width: 100%;
    /* height: 69.14px; */
    /* flex-shrink: 0; */
    background: #f5f7ff;

    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  }

  .main-header h2 {
    color: #05269e;

    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    margin: 25px 0px;
  }

  .profile-span {
    display: none !important;
  }

  .dropdown-profile {
    width: 200px;
    height: 150px;
    /* background: #000; */
    position: relative;
    right: 150px;
    top: 10px;
    z-index: 2;
  }

  .notifcation-count {
    color: #fff;
    font-family: "Gilroy-SemiBold" !important;
    font-size: 3px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    background-color: #f30a6c;
    padding: 3px;
    border-radius: 50%;
    top: 1px;
    left: 55%;
  }

  .notifi {
    margin: 15px 0px !important;
    position: relative;
    cursor: pointer;
  }

  .profile {
    margin: 15px 0px !important;
  }

  .notifi img {
    width: 14px;
    height: 14px;
  }

  .profile svg {
    width: 14px;
    height: 14px;
    fill: #fff !important;
    margin-left: 4px !important;
  }

  .notifi-span-pink {
    color: #f30a6c !important;
    font-size: 7px;
    font-style: normal;
    font-weight: 400;
  }

  .profile-span {
    color: #fff;
    font-size: 7px;
    font-style: normal;
    font-weight: 400;
  }

  .three-black {
    display: none;
  }

  .three-white {
    display: block;
  }

  .mobile-sidebar {
    display: block;
    width: 100% !important;
    background: #fff !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    position: absolute;
    z-index: 2;
    top: 150px;
    left: 0px;
  }

  .video-call-sidebar {
    display: block;
    width: 100% !important;
    background: #fff !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    position: absolute;
    z-index: 2;
    top: 72px;
    left: 0px;
  }

  .sidebar-item-heading {
    color: #000;
    font-family: "Gilroy-SemiBold" !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 109.091% */
    margin-left: 10px !important;
  }

  .sidebar-item svg {
    width: 23px;
    height: 23px;
    flex-shrink: 0;
    color: white;
  }

  .sidebar-item.active {
    border-radius: 5px;
    border: 1px solid #001884;

    background: #ecfcfd;
    color: #05269e !important;
  }

  .white-rectangle-doctor {
    position: absolute;
    bottom: 20px;
    right: -35%;
  }

  .white-rectangle-stars-doctor {
    position: absolute;
    bottom: 27px;
    right: -29%;
  }

  .select-slot-heading {
    border-radius: 0px;
    background: transparent;
    box-shadow: none !important;
  }

  .select-slot-heading h2 {
    color: #000;
    text-align: center;
    font-family: "Gilroy-SemiBold" !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 31.5px;

    /* 157.5% */
  }

  .select-slot {
    border-radius: 10px;
    background: #f8f8f8;
    box-shadow: none !important;
  }

  .doctor-review-mob {
    display: block;
  }

  .doctor-review-web {
    display: none;
  }

  .logo img {
    /* width: 30%;
		margin: 50px 0px; */
    /* margin: 3% 34% 3% 30%; */
  }

  .talk-to-doc {
    display: none !important;
  }

  .appointment-history-section {
    display: none;
  }

  .appointment-history-mobile {
    display: block !important;
  }

  .sub-plan-mob {
    display: block;
  }

  .sub-plan-web {
    display: none;
  }

  .subscription-top-head {
    display: none;
  }

  .transaction-page-mob {
    display: block;
  }

  .my-pe-down img {
    width: 20px !important;
    height: 20px !important;
  }

  .my-pe-mob-view {
    display: block;
  }

  .my-prescription-section {
    display: none;
  }

  /* .video-call-content {
    display: none;
  } */

  .bg-img img {
    width: 100%;
    height: 100px;
    display: block;
  }

  .caller-name-mobile h2 {
    color: #001884;
    font-family: "Gilroy-SemiBold" !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.817px;
    /* 123.857% */
  }

  .caller-name-mobile small {
    color: #001884;
    font-family: "Gilroy-SemiBold" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.817px;
    /* 141.551% */
  }

  .video-call-mob-second {
    border-radius: 10px;
    background: #e2e2e2;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  }

  .video-call-mob-end {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #001884;
    width: 100vw;
  }

  .call-end-mob {
    width: 80px;
    height: 80px;
  }

  .video-call-mobile {
    display: block;
  }

  .chat-message-section {
    display: none !important;
  }

  .chat-message-mob {
    display: block !important;
  }

  .chat-search {
    background: #fff;
    box-shadow: 3px 1px 4px 0px rgba(0, 0, 0, 0.25);
    height: 100%;
  }

  .prescription-mobile-table {
    border-radius: 20px;
    background: #f5f7ff;
  }

  .chat-people {
    background: #fff;

    /* border-bottom: 1px solid #3d3d3d; */
  }

  .send-message-area {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .message-section {
    border-radius: 0px;
    background: #fff;
    box-shadow: none;
  }

  .show-pres-div {
    border-radius: 10px;
    background: #f5f7ff;
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
  }

  .show-pres-div h2 {
    color: #000;
    text-align: center;
    font-family: "Gilroy-SemiBold" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    /* 28.8px */
    letter-spacing: 0.5px;
  }

  .show-pres-div h6 {
    color: #000;
    text-align: center;
    font-family: "Gilroy-SemiBold" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    /* 28.8px */
    letter-spacing: 0.5px;
  }

  .show-pres-div-mob .pill-table {
    background: #f5f7ff !important;
    /* border-radius: 10px !important; */
    border: 0.1px solid #b1b1b1;
  }
  .show-pres-div-mob .pill-table tbody tr:nth-of-type(even) {
    background: #f5f7ff !important;
    /* Lighter background color for odd rows */
  }
  .show-pres-div-mob .pill-table tbody tr:nth-of-type(odd) {
    background: #f5f7ff !important;
    /* Lighter background color for odd rows */
  }

  .show-pres-div-mob table td {
    color: #575757;
    font-family: "Gilroy-SemiBold" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    /* 28.8px */
    letter-spacing: 0.5px;
  }

  .show-pres-div p {
    color: #000;
    text-align: center;
    font-family: "Gilroy-SemiBold" !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    /* 25.2px */
    letter-spacing: 0.5px;
  }
  .slick-prev,
.slick-next {
  display: none !important;
}

  .notification-mob {
    display: block !important;
  }

  html,
  body {
    overflow: unset;
    height: auto;
  }

  .main-data {
    overflow-y: unset;
    height: auto;
  }

  .stars-area img {
    margin-right: -1px;
    margin-bottom: 8px !important;
    width: 8px !important;
  }

  .stars-area div {
    text-align: center !important;
  }
}

@media screen and (max-width: 360px) {
  .stars-area img {
    margin-right: -1px;
    margin-bottom: 8px !important;
    width: 7px !important;
  }

  .stars-area div {
    text-align: start !important;
  }

  .profile-sidebar-row-area .include-element {
    display: none;
  }

  .stars-area .fa-star {
    font-size: 10px !important;
  }
}