:root {
  --progress-background: #1e3c5a;
  --progress-value: #dee2e6;
}

/*Custom CSS developed by SIT*/
/*Common style start*/
.new-btn {
  float: right;
  margin-top: 14px;
}

.arrowcolor {
  color: #018abe;
}

.fieldsEventDisabled {
  pointer-events: none;
}

.panel-title {
  position: relative;
  display: flex;
  width: 100%;
  cursor: pointer;
}

.panel {
  margin: 10px;
}

.panel-title[aria-expanded="true"]::after {
  content: "\f106";
}

.panel-heading-full.panel-heading {
  padding: 0;
}

.panel-heading-full .panel-title {
  padding: 10px 15px;
}

.panel-heading-full .panel-title::after {
  top: 10px;
  right: 15px;
}

.mobileContainer {
  display: flex;
  gap: 8px;
}

.number {
  width: 100% !important;
}

/*Common style end*/
/*Request visa quote start*/
.form-control {
  background-color: white;
}

.custom-control-label::before {
  left: 8.5em;
}

/*Request visa quote end*/
/*Request enquiry quote start*/
.new-btn {
  float: right;
  margin-top: 14px;
}

form div.row div.col-md-6 div.btns {
  position: absolute;
  bottom: 0px;
  right: 13px;
}

.displayNone {
  display: none !important;
}

.card .card-header {
  /*background: #ceebee !important;*/
  /*border-bottom: 1.5px solid #018abe !important;*/
  padding: 2px 5px;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

button#patientDetailsBtn {
  font-size: 0.888em !important;
  color: #3f414d !important;
  text-decoration: none !important;
}

button#requestDetailsBtn {
  font-size: 0.888em !important;
  color: #3f414d !important;
  text-decoration: none !important;
}

button#otherServicesBtn {
  font-size: 0.888em !important;
  color: #3f414d !important;
  text-decoration: none !important;
}

i.patientDetailsIcon {
  font-size: 36px !important;
  color: #3f414d !important;
}

i.requestDetailsIcon {
  font-size: 36px !important;
  color: #3f414d !important;
}

i.otherServicesIcon {
  font-size: 36px !important;
  color: #3f414d !important;
}

h5.mb-0 {
  font-weight: 500 !important;
}

.previousSection {
  color: #ffffff !important;
}

.NextSection {
  color: #ffffff !important;
}

.mobileContainer {
  display: flex;
  gap: 8px;
}

.checkboxRowSpacing {
  height: 47px;
}

.checkboxSize {
  height: 14px;
  width: 14px;
}

/*Request enquiry quote end*/
/*Request Visa Edit start*/
.manageVisaHeader {
  padding: 0 10px !important;
}

.btns {
  display: flex;
  justify-content: end;
  column-gap: 10px;
}

.nav-tabs {
  height: auto;
}

i.confirmDetailsIcon {
  font-size: 36px !important;
  color: #3f414d !important;
}

.nav-item .nav-link {
  margin: 10px;
  font-size: 16px;
}

.nav-tabs .nav-link.nav-link {
  border-radius: 0;
}

@media screen and (max-width: 500px) {
  .nav-tabs .nav-link.nav-link {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

.panel-title {
  position: relative;
  display: flex;
  width: 100%;
  cursor: pointer;
}

.panel-title::after {
  content: "\f107";
  color: #333;
  top: -9px;
  right: 0px;
  position: absolute;
  font-size: 32px;
  font-family: "FontAwesome";
}

.panel {
  margin: 10px;
}

.panel-title[aria-expanded="true"]::after {
  content: "\f106";
  line-height: 40px;
}

.panel-heading-full.panel-heading {
  padding: 0;
}

.panel-heading-full .panel-title {
  padding: 10px 15px;
}

.panel-heading-full .panel-title::after {
  top: 10px;
  right: 15px;
}

/*Request Visa Edit end*/
/* signup page    */
.validationMessage {
  color: red;
  font-size: small;
}

.elementsSpancing {
  margin-bottom: -1px;
}

/* signup page   */

/* profile address page   */
.ErrorBorderColor {
  border-color: red;
}

/* profile address page   */
/* profile question page   */
.AnalyticsContainer {
  width: 150px;
  height: 150px;
  display: block;
  margin: 0 auto;
}

.outer {
  width: 100% !important;
  height: 100% !important;
  /* max-width: 150px !important; */
  /* any size */
  max-height: 120px !important;
  /* any size */
  margin: auto;
  background-color: white;
  border-radius: 100%;
  position: relative;
}

.inner {
  background-color: #ff1414;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.inner:hover {
  background-color: #5555ff;
}

.inputfile {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  width: 50px;
  height: 50px;
}

.inputfile+label {
  font-size: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  width: 50px;
  height: 50px;
  pointer-events: none;
  cursor: pointer;
  line-height: 50px;
  text-align: center;
}

.inputfile+label svg {
  fill: #fff;
}

.mobileContainer {
  display: flex;
  gap: 8px;
}

.validationMessage {
  color: red;
  font-size: small;
}

.elementsSpancing {
  margin-bottom: -1px;
}

/* signup page   */
/* profile address page   */
.ErrorBorderColor {
  border-color: red;
}

/* profile address page   */
/* profile question page   */
.AnalyticsContainer {
  width: 150px;
  height: 150px;
  display: block;
  margin: 0 auto;
}

.outer {
  width: 100% !important;
  height: 100% !important;
  /* max-width: 150px !important; */
  /* any size */
  max-height: 120px !important;
  /* any size */
  margin: auto;
  background-color: white;
  border-radius: 100%;
  position: relative;
}

.inner {
  background-color: #ff1414;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.inner:hover {
  background-color: #5555ff;
}

.inputfile {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  width: 50px;
  height: 50px;
}

.inputfile+label {
  font-size: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  width: 50px;
  height: 50px;
  pointer-events: none;
  cursor: pointer;
  line-height: 50px;
  text-align: center;
}

.inputfile+label svg {
  fill: #fff;
}

/* profile question page   */
/*Consultation css start*/
.new-btn {
  float: right;
  margin-top: 14px;
}

/* profile question page   */
/*Consultation css start*/
.form-container {
  padding: 20px;
}

.mobileContainer {
  display: flex;
  gap: 8px;
}

.hidden {
  display: none;
}

.error {
  color: red;
  font-size: 11px;
  height: 0px;
}

.errorMobile {
  color: red;
  font-size: 11px;
}

.emailError {
  color: red;
  font-size: 11px;
}

.errorBoder {
  border-color: red;
}

.checkbox-container {
  margin-top: 43px;
}

.submitBtn {
  float: right;
  margin-top: -24px;
}

.additional-submitButton {
  margin: 0 auto;
}

.FirstNameError {
  color: red;
  font-size: 12px;
}

.LastNameError {
  color: red;
  font-size: 12px;
}

.ErrorMessage {
  color: red;
  font-size: 12px;
}

.invalid-feedbacks {
  font-size: 12px;
  color: red;
}

/*Consultation css end*/
/* sign up custom style start*/
.forgotPass {
  border: none;
  color: #018abe;
  width: 131px;
  background-color: white;
}

.signUp {
  color: #018abe;
  border: none;
  background-color: white;
}

.addressCard {
  border-width: 1px;
  margin-top: -20px;
  border-radius: 10px;
}

/*Consultation css end*/
/* visa edit paeg */
.btnsSubmit {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  color: white;
  column-gap: 10px;
  margin-bottom: 34px !important;
  padding-right: 24px;
  margin-top: 34px;
}

/* sign up custom style end*/
/* Mobile Responsive for Profile  */
#top-tab-list li {
  font-size: 1rem;
}

#top-tab-list li i {
  margin: 0 8px 0 0;
}

.profileHeadSize {
  font-size: 126%;
}

/* Chat box css-start */
.left-message {
  background-color: gray !important;
  color: white !important;
}

.subject {
  font-weight: bold;
}

.btnschat {
  margin-bottom: 10px;
  align-items: center;
}

/* Chat box css-end */
@media only screen and (max-width: 1220px) {
  #top-tab-list li {
    text-align: center;
  }

  #top-tab-list li.active i {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }

  .profileStages {
    font-size: 12px !important;
    text-align: center !important;
    display: inline-block !important;
    margin: 0 auto !important;
    display: inline-block;
  }
}

@media only screen and (max-width: 600px) {
  #top-tab-list li.active a {
    padding: 6px !important;
    border-radius: 14px !important;
  }

  #top-tab-list li.active i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #top-tab-list li a {
    padding: 6px !important;
    border-radius: 14px !important;
    margin: 0 5px;
  }

  #top-tab-list li i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }

  #top-tab-list li i {
    height: 45px;
    width: 45px;
  }
}

.NewDocumentArea {
  overflow: scroll;
  border: 1.5px solid #cccccc;
  border-radius: 5px;
  overflow-y: hidden;
}

.NewDocumentArea::-webkit-scrollbar-track {
  background: white;
  border-radius: 10px;
}

.NewDocumentArea::-webkit-scrollbar-thumb {
  background: #c4c4c4;
  border-radius: 10px;
  height: 2rem;
}

.NewDocumentArea::-webkit-scrollbar {
  width: 0.3rem;
}

/*document Uploading scrollbar style*/
/* Mobile Responsive for Profile  */
.fillDetailBtn {
  color: white !important;
}

.userReferenceNumberField {
  width: 141%;
}

.fillDetailsBtnWidth {
  width: 27%;
}

.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
}

.rating img {
  margin-right: 5px;
}

.container-fluid .SearchList.Pagination {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.form-row > [class*="col-"] {
  padding-right: 15px;
  padding-left: 15px;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--baseColor) !important;
  border-color: var(--baseColor) !important;
}

.btn--right-side {
  margin-top: 25px;
}

.btn--right-side-ml {
  margin-left: 41px;
}

.btn--right-side-p {
  padding: 0.7rem;
}

#contactCountryCode {
  width: 87px;
}

.mobileContainer .codeContener {
  flex: 1 7rem;
}

.mobileContainer .number {
  flex: 1 14rem;
}

@media only screen and (max-width: 600px) {
  .userReferenceNumberField {
    width: 78% !important;
  }
}

/* sign up custom style end*/
.form-row .col-md-6:nth-child(odd) {
  padding-right: 14px;
}

.chat-attagement > input {
  display: none;
}

.chat-attagement img {
  width: 80px;
  cursor: pointer;
}

.grid--col-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.radioStyleClass label {
  padding-left: 4px;
}

.qTravelArrangementsID::after {
  float: right;
  margin-top: -41px;
  margin-right: 123px;
}

.mainTitle {
  color: #3f414d;
  font-size: 18px;
}

.m--right-end {
  display: flex;
  justify-content: end;
  margin-top: 12px;
}

/* Hospital Detailing Page */
.AllContainer {
  padding: 0rem 1.5rem 0rem 1.5rem;
}

.HospitalInformationContainer {
  padding: 2rem 1.5rem 2rem 1.5rem;
  background-color: #ffffff;
}

.hospitalName {
  font-size: 1rem;
}

.HospitalImage {
  border-radius: 1rem;
  height: 15rem;
  width: 14rem;
}

.location {
  font-size: 1rem;
}

.ratingSection {
  margin-top: 1rem;
  display: flex;
  gap: 1rem;
}

.ratingIcon {
  box-shadow: 2px 2px 9px 0px #ced4da;
  background-color: white;
  border-radius: 1rem;
  padding: 0.8rem 0.8rem 0.8rem 0.8rem;
}

.hospitalRating {
  color: black;
  font-weight: 400;
  font-size: 1rem;
}

.WhyUsContainer {
  padding-left: 1rem;

  margin-bottom: 1rem;
}

.whyusDescription {
  font-family: poppins;
  font-size: 1rem;
  text-align: justify;
  padding: 0rem 1rem 0rem 0.5rem;
}

.inline-div {
  display: inline-block;
  width: 300px;
  height: 300px;
  padding: 0rem 0rem 0rem 0.6rem;
  margin: 5px;
  padding: 1rem;
}

.facilitiesImage {
  width: 100%;
}

.focusAreaContainer {
  padding-left: 1rem;
}

.reviewCard {
  margin: 1rem;
  height: auto;
  border-radius: 2rem;
  box-shadow: 2px 2px 9px 0px #ced4da;
}

.reviewDescription {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  white-space: normal !important;
}

.customer-give-rating-section .customer-give-rating {
  cursor: pointer;
  display: contents;
}

.customer-give-rating-section .customer-give-rating .fa {
  color: #ffa000;
  font-size: 2rem;
  height: 17px;
  padding-right: 2rem;
  width: 17px;
}

/* Hospital search page */
#FilterAreaContainer {
  position: absolute;
  z-index: 1;
}

/* Navigation bar Page */
.category-main-layout {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin: auto;
  flex-direction: row-reverse;
}

.category {
  flex-grow: 1;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 500px) {
  .category-main-layout {
    display: block;
  }
}

/* Langin page for Agent */
#LogoSection {
  padding-top: 1rem;
}

#MediLogo {
  height: 5rem;
  width: 10rem;
}

.head-line-font {
  font-size: 2.5rem;
  color: #343a40;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.015em;
  font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
    sans-serif;
}

.head-description {
  padding-top: 0.7rem;
  font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
    sans-serif;
  text-align: justify;
}

.agentSearchComponent {
  border-radius: 10px 0px 0px 10px;
  height: 3rem;
  width: 80%;
  border: 0.06rem solid #f37336;
  padding: 1rem;
}

.agentSearchButtonComponent {
  border-radius: 0px 10px 10px 0px;
  height: 3rem;
  width: 14%;
  background-color: #e67e22;
  border: 0rem solid;
}

#searchComponent {
  margin-top: 0.8rem;
}

#WorkersCountArea {
  color: #343a40;
}

#headSection {
  margin-bottom: 2rem;
  padding-left: 10%;
  padding-right: 10%;
}

#headImage {
  height: 100%;
  width: 100%;
}

#howItWorksSno {
  width: 50px;
  margin-bottom: 1rem;
  height: 50px;
  border-radius: 50%;
  background-color: #e67e22;
  font-size: 2rem;
  color: white;
  display: flex;
  justify-content: center;
}

.howItWorkOutline {
  /* border: 1px solid   #ffc6ab; */
  border-radius: 2px;
  padding: 1rem;
  margin-top: 10px;
  /* justify-content: center; */
  display: flex;
  flex-direction: row;
  gap: 8%;
  row-gap: inherit;
}

.subTopicFont {
  font-weight: 800;
  font-size: 1.5rem;
  color: #343a40;
}

.howItWorkHeadSection {
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.nearestHead {
  font-size: 2rem;
  color: #343a40;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.015em;
  font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
    sans-serif;
}

.nearestAgentSection {
  background-color: #d0ebff;
  height: auto;
  padding-left: 4%;
  padding-top: 2%;
  padding-right: 2%;
}

.nearestAgent {
  /* border: 1px solid   #ffc6ab; */
  border-radius: 2px;
  padding: 1rem;
  margin-top: 10px;
  justify-content: center;
  display: flex;
  flex-direction: row;
  gap: 0%;
  row-gap: 1rem;
}

.locationIconColor {
  color: blue;
}

.locationName {
  position: relative;
  bottom: 12px;
  color: #23030382;
}

.ratingStarColor {
  color: #c4c4c4;
}

#nearestBody {
  display: flex;
  flex-direction: row;
  position: relative;
  top: -8px;
  gap: 76px;
}

.button-wrapper {
  margin: 0 auto;
  display: flex;
}

#outerButtonWrapper {
  width: 100%;
  text-align: center;
}

.innerButton {
  display: inline-block;
}

.subList.active.iq-card-body {
  border-color: #28a745 !important;
  border-width: 2px !important;
}

.subList {
  min-height: 199.72px;
}

.inner-table-button {
  /* border: 0!important; */
  padding: 0 10px !important;
  margin: 0 !important;
  /* border-radius: 0!important; */
}

.x-col-row {
  margin: 0 !important;
}

@media only screen and (max-width: 767.5px) {
  .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }

  .x-non-mobile-padding {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .iq-footer {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .iq-top-navbar {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

/* new loginPage css */
.sign-in-from {
  transition: height 0.15s ease-in-out, width 0.15s ease-in-out;
}

img {
  vertical-align: middle;
}

.image {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  overflow: hidden;
}

.WelText {
  font-size: 1.5rem;
  font-weight: 600;
}

.welcomeProfile {
  line-height: 2;
}

.welPara {
  font-size: 12px;
}

.signContainer {
  margin: 0 auto;
  margin-top: 10%;
  width: 65%;
}

.inputWidth {
  width: 100%;
  max-width: 100%;
}

.rememberDiv {
  display: flex;
  justify-content: space-between;
}

.loginMobile input {
  background: white;
  color: #018abe;
}

.loginEmail input {
  background: white;
  color: #018abe;
  display: none;
}

.createaccount {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-top: 4%;
}

.btn-width input {
  width: 100% !important;
}

.btn-width {
  width: 100% !important;
}

.field-set.submit-field-set {
  width: 100%;
}

.btn-color {
  background: white;
  color: #23446d;
  width: 100%;
  margin-top: 4%;
}

.btn-margin {
  margin-top: 4% !important;
}

.slider-height {
  height: 100%;
}

.img-height {
  /* height: 100vh; */
  border-radius: 20px;
}

/* ::-webkit-scrollbar {
  width: 0px;
} */
.sliderstyle {
  width: 81%;
  margin-left: 62px;
}

.colm1 {
  background: var(--progress-value);
  height: 100vh;
  position: sticky;
  top: 0;
}

.sign-in-logo {
  text-align: center;
  margin-top: 10%;
}

.carousel-indicators {
  margin-bottom: 1%;
}

.hide {
  display: none;
}

.btn-primary:hover {
  background: white;
  color: white;
}

.btn .btn-primary:focus {
  background: white;
  color: #018abe;
}

/* old signUp */
.sign-in-from {
  transition: height 0.15s ease-in-out, width 0.15s ease-in-out;
}

.sign-in-from.signIn {
  height: 400px;
  /*top: 25%;*/
}

.otp-progressBarText {
  position: absolute;
  width: 100%;
  text-align: right;
  padding-right: 10px;
  font-weight: 600;
  line-height: 38px;
}

.username-switch {
  display: block;
  margin: 0 auto;
  height: unset;
  text-align: center;
}

.sign-in-page {
  margin-bottom: 0px !important;
}

.slideshow-container {
  position: sticky;
  top: 0px;
}

.row .rowSize {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

@media only screen and (max-width: 575.5px) {
  .signUp-field.opt-in.invisible {
    display: none;
  }

  .sign-in-page .row.rowSize {
    background-color: var(--progress-value);
  }

  .signContainer {
    margin-top: 158%;
    width: 100vw;
    padding: 8px;
    height: fit-content;
    overflow: hidden;
    margin-left: auto;
    margin-right: 25px;
    text-align: center;
    border-top-left-radius: 34px;
    border-top-right-radius: 34px;
    background-color: var(--white);
  }

  .colm1 {
    position: absolute;
  }

  .carousel-indicators {
    display: none;
  }

  .sliderstyle {
    width: 92%;
    margin-left: 7%;
  }

  .mobile-col {
    margin-top: -36%;
  }

  .slideshow-container {
    position: absolute;
    width: 100vw;
  }
}

/* profile new design */
.saveBtn input {
  float: right;
}

.saveBtn {
  margin-right: initial !important;
}

.contactSaveBtn {
  margin-right: inherit;
}

.badge-type {
  float: right;
}

.iq-cardBody {
  padding-top: 10px;
  padding-left: 18px;
  padding-bottom: 10px;
  padding-right: 18px;
}

.contactCard {
  height: 8rem;
}

.cardBtn {
  width: 12%;
  font-size: 20px;
  height: 50px;
  margin-bottom: 20px;
  padding: 10px;
}

.profileSaveBtn {
  display: flex;
  gap: 6px;
  justify-content: center;
}

/* new search page css */
.imgCard {
  padding: 0px;
}

.img {
  width: 100%;
}

.imghospital {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
}

.HospitalCard .imgCard .iamgeContainer .img {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  height: 210px;
}
@media screen and (min-width: 258px) and (max-width: 768px) {
  .HospitalCard .imgCard .iamgeContainer .img {
    height: 238px;
  }
}

.hospitalDetails {
  padding-top: 14px;
  /*padding-left: 20px;*/
  padding-bottom: 14px;
  padding-right: 20px;
}

.cardInDetails .row {
  margin-left: 0;
  margin-right: 0;
}

.p-text {
  margin-bottom: 0px;
}

.location-Hp {
  color: #01648a;
}

.doctorImage {
  width: 10%;
}

.btn-con {
  /* display: flex;
  justify-content: space-between; */
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 575.5px) {
  .img {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}

/* hospitalDetail css */
.hospitalImageSize {
  height: 300px;
}

.hospitalContainer {
  margin-left: 2%;
  margin-right: 2%;
}

.hospitalContainer,
.hospitalContainer h1,
.hospitalContainer h2,
.hospitalContainer h3,
.hospitalContainer h4,
.hospitalContainer h5,
.hospitalContainer h6 {
  color: var(--baseColor);
}

.hospital-detailCard {
  border-radius: 0px !important;
  margin-bottom: 10px !important;
}

.hospitaNameCon {
  margin-top: 4%;
  margin-right: 4%;
}

.hospital-text {
  font-size: 24px;
}

.ratingstar-hospital {
  padding-top: 4px;
  padding-bottom: 4px;
}

.menuHeader {
  display: flex;
  justify-content: space-around;
  padding: 10px;
  border-bottom: gray;
  border-style: solid;
  border-top: none;
  border-left: none;
  border-right: none;
  border-width: thin;
}

.iq-card.hospital-detailCard .menuHeader,
.iq-card.hospital-detailCard .menuHeader h5 {
  background-color: var(--baseColor);
  color: var(--white) !important;
}

@media only screen and (max-device-width: 320px) {
  .iq-card.hospital-detailCard .menuHeader,
  .iq-card.hospital-detailCard .menuHeader h5 {
    font-size: 5vw;
  }
}

.decContainer {
  margin-left: 26px;
  margin-top: 26px;
}

.op-content {
  padding-left: 0px;
  padding-top: 4px;
}

.doctor {
  height: 180px;
}

.viewImageBtn {
  position: absolute;
  margin-top: -37px;
  margin-left: 83%;
  background: #0000009e;
  color: white;
  border: none;
  padding: -12px;
  border-radius: 8px;
  padding-right: 10px;
  padding-left: 10px;
  z-index: 2;
}

.cardbd {
  border-style: solid;
  border-width: thin;
  /*margin-top: 12px;*/
  margin-right: 14px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* .fixed{
  position: sticky !important;
  top: 307px !important;
} */
.imgView {
  height: 100vh;
  width: 100%;
  background: black;
  top: 0;
}

.close-imgView {
  display: none;
}

.imgView {
  height: 100vh;
  width: 100%;
  background: #000000;
  position: fixed;
  z-index: 3;
}

.close-btn {
  color: white;
  float: right;
  padding: 24px;
  cursor: pointer;
  font-size: 35px;
  z-index: calc(9e999);
  position: relative;
}

/*
@media only screen and  (max-device-width: 320px)  {
  .close-btn {
    z-index:3;
    font-size: 25px;
  }
}
*/

.imageView-con {
  margin-top: 6%;
  margin-left: 28%;
}

.hospitalImageSizeView {
  height: 414px;
}

.fixed {
  position: fixed !important;
  top: 100px;
  width: 37%;
}

.bookcard-title {
  font-size: 16px;
}

.hr-tg {
  margin-bottom: 5px !important;
  margin-top: 5px;
}

.req-btn {
  display: flex;
  gap: 10px;
}

.book-btn {
  width: 100%;
}

.innercard {
  border-style: solid;
  border-width: thin;
  margin-top: 15px;
  margin-bottom: 15px;
  background: #dee2e6;
  cursor: pointer;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.iq-card.hospital-detailCard .innercard,
.iq-card.hospital-detailCard .innercard h5 {
  background-color: var(--baseColor);
  color: var(--white);
}

.iq-card.hospital-detailCard .innercard.panel-title::after {
  color: var(--white);
  top: 4px;
  right: 5px;
}

.innercard-op {
  box-shadow: 0px 3px 6px #00000029 !important;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 12px;
  min-width: 210px;
  cursor: pointer;
}

.hideSection {
  display: none;
}

.cardbd {
  background-color: var(--baseColor);
  color: var(--white);
}

.cardbd h1,
.cardbd h2,
.cardbd h3,
.cardbd h4,
.cardbd h5,
.cardbd h6,
.cardbd selectTP-text {
  color: var(--white);
}

.cardbd .card-header {
  background-color: rgba(0, 0, 0, 0.2);
}

.cardbd .hr-tg {
  border-color: var(--gray);
}

.cardbd .btn-primary {
  background-color: var(--white) !important;
  color: var(--baseColor);
}

.selectTP-text {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  color: var(--baseColor);
  margin-bottom: 0px;
}

.selectTP {
  /* background: #018abe38;*/
  background: #ffff;
  width: 100%;
  box-shadow: 0px 8px 9px 0px #ced4da;
}

.slt-tr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.removeIcon {
  padding: 8px;
  color: #000000;
}

.selectlink {
  cursor: pointer;
}

.selectlink:hover {
  color: #018abe;
}

.travelPlan:hover {
  color: #018abe;
  cursor: pointer;
}

.datapicker-width {
  width: 100% !important;
}

.ui-datepicker.ui-datepicker-inline {
  width: 100% !important;
}

.TravelPlan {
  margin-bottom: 24px;
}

.innercard-package {
  padding-top: 14px;
  padding-bottom: 1px;
  padding-right: 20px;
  padding-left: 20px;
  box-shadow: 0px 3px 6px #00000029 !important;
  margin-bottom: 10px;
}

.doctorCard {
  border-radius: 0px;
}

.dates {
  display: flex;
  gap: 20px;
}

.moreOrless {
  color: #018abe;
  display: flex;
  justify-content: center;
}

.moreOrless:hover {
  color: #018abe;
  cursor: pointer;
}

.moreOrless {
  float: right;
}

.card-header {
  display: flex;
  justify-content: space-between;
}

.hidebook {
  display: none;
}

.imageViewSlider {
  width: 90%;
  margin-top: 74px;
  margin-left: 64px;
}

.imageView {
  height: 480px;
}

.hospitalContainer .decContainer {
  padding-right: 1rem;
}

.facilitiesWrapper {
  overflow-y: scroll;
  height: 16rem;
}

.facilitiesWrapper::-webkit-scrollbar {
  width: 0px;
}

@media only screen and (max-width: 767.5px) {
  .hospitalContainer .cardbd {
    /*background: white;*/
    position: fixed;
    z-index: 4;
    bottom: 0;
    top: unset;
    right: 0;
    left: 0;
    width: unset;
    margin: 0;
  }

  .fixed {
    position: fixed !important;
  }

  .hospitalContainer .cardbd .card-header {
    height: 65px;
  }

  .hospitalContainer .cardbd .card-header h4 {
    margin-top: -10px;
    line-height: 60px;
  }

  .hospitalContainer .cardbd .card-header .hidebook {
    display: block;
    padding: 0px;
    margin-top: -5px;
  }

  .hospitalContainer .cardbd .card-body {
    display: none;
    padding: 0.5rem;
  }

  .hospitalContainer .cardbd .card-body .bd-container.section-2 .btn-primary {
    margin-top: 2px !important;
  }

  .hospitalContainer .hospitaNameCon {
    padding-left: 1rem !important;
  }
}

/*--------------------Progress Bar ---------------------*/
/*  profile progress bar  */
.fullContainer .ProgressbarContainer {
  padding-bottom: 0rem;
  padding: 0 15px;
}

@media screen and (max-width: 767.5px) {
  .fullContainer .ProgressbarContainer {
    padding: 0;
  }
}

.fullContainer .ProgressbarContainer {
  padding-top: 2rem;
}

.progressBarContainer {
  width: calc(100% - 250px);
  margin: 0 auto;
  min-width: 300px;
}

.ProgressbarContainer.menu-list .row {
  margin: 0rem 10% 0rem 10%;
}

@media screen and (max-width: 767.5px) {
  .ProgressbarContainer.menu-list .row {
    margin: 0;
  }
}

.ProgressbarContainer.menu-list .row .col {
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 767.5px) {
  .ProgressbarContainer.menu-list .row .col {
    padding: 0;
  }
}

.progressBarContainer.progress-value {
  margin-top: 1rem;
}

@media screen and (max-width: 767.5px) {
  .progressBarContainer.progress-value {
    margin-top: 0;
  }
}

.progressBarContainer .progressHeadSection {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 0px);
  font-size: 14px;
  font-weight: 700;
  margin-top: -10px;
  margin-bottom: 1rem;
}

.progressBarContainer progress {
  width: calc(100% - 0px);
  height: 0.5rem;
  border-radius: 0px;
  /*position: absolute;*/
  margin: 0 0 0.1rem 0;
}

.progressBarContainer progress::-moz-progress-bar {
  background: var(--progress-background);
  background-color: var(--progress-background);
}

.progressBarContainer progress::-webkit-progress-bar {
  background: var(--progress-value);
  background-color: var(--progress-value);
}

.progressBarContainer progress::-webkit-progress-value {
  background: var(--progress-background);
  background-color: var(--progress-background);
}

.progressBarContainer progress {
  background: var(--progress-value);
  background-color: var(--progress-value);
}

.progressBarContainer progress {
  color: var(--progress-background);
}

.fullContainer .allNotes {
  display: flex;
  justify-content: space-between;
  margin: 0rem 10% 0rem 10%;
}

.fullContainer .note {
  text-align: center;
  border: 3px solid #d3d3d3;
  border-radius: 50%;
  color: var(--white);
  height: 55px;
  width: 55px;
  padding: 10px;
  background-color: #1e3c5a;
  z-index: 1;
  cursor: pointer;
}

.fullContainer .testingColor {
  background-color: #d3d3d3;
}

.fullContainer .noteName {
  font-size: 15px;
  font-weight: 500;
  color: #1e3c5a !important;
  background-color: var(--white) !important;
}

.fullContainer .note i {
  font-size: 28px;
}

@media screen and (min-width: 767.5px) and (max-width: 835px) {
  .cardInDetails .doctorMedicalAgreement h6 {
    font-size: 90%;
  }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
  .cardDetailsSection {
    right: 10px;
  }
  .docinfo {
    position: relative;
    /*right: 10px;
    font-size: 0.775rem;*/
  }
}

.fullContainer .activeStyle {
  background-color: var(--white);
  /*#f37336*/
  color: #1e3c5a;
}

.fullContainer .completedStyle {
  background-color: green;
}

.fullContainer .unCompletedStyle {
  background-color: gray;
}

@media screen and (max-width: 500px) {
  /* .noteName {
		display: none;
	} */
  .fullContainer .allNotes {
    margin: 0rem 5% 0rem 5%;
  }
}

/* _______Filter Design css _______*/

/* _______Filter Design css _______*/

/* Custom Pop-Up */
.x-popup-modal .modal-header {
  padding: 0.5rem 1rem;
}

.x-popup-modal .modal-title {
  font-weight: 600;
}

.x-popup-modal .close {
  color: var(--danger);
  font-size: 2rem;
  font-weight: 800;
  opacity: unset;
}

.x-popup-modal .modal-body {
  padding: 5px;
  min-height: calc(100vh - 52px);
}

.x-popup-modal .modal-body .container-fluid {
  min-height: calc(100vh - 62px);
}

.x-popup-modal .modal-body .container-fluid {
  padding: 0;
  margin: 0;
}

.x-popup-modal .modal-body .container-fluid .iq-card {
  border: unset;
  box-shadow: none;
}

.x-popup-modal .modal-body .container-fluid .iq-card-header {
  padding: 0 10px;
  min-height: 40px;
}

.x-popup-modal .modal-body .container-fluid .iq-card-body {
  padding: 5px;
}

/** Custom Pop-Up **/

/* Request Pop-Up */
.x-popup-modal.request-model {
  padding-right: unset !important;
  margin-right: unset !important;
  padding-left: unset !important;
  margin-left: unset !important;
  padding-top: unset !important;
  margin-top: unset !important;
}

.x-popup-modal.request-model .modal-dialog {
  max-width: unset;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

@media only screen and (min-width: 767.5px) {
  .x-popup-modal.request-model .modal-dialog {
    width: 75%;
    min-width: 768px;
  }
}

@media only screen and (max-width: 767.5px) {
  .x-popup-modal.request-model .modal-dialog {
    width: 100%;
    margin: 0;
  }
}

.x-popup-modal .modal-body .container-fluid .iq-card-body .col-md-6 {
  padding-right: 10px;
  padding-left: 10px;
}

.x-popup-modal .modal-body .container-fluid .iq-card-header .card-title {
  display: none;
}

.x-popup-modal .modal-body .container-fluid .iq-card-header .ref-number {
  margin-left: 0 !important;
}

/** Request Pop-Up **/

/* show dot for  lengthy characters */
.showdot {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

/** show dot for  lengthy characters*

/**---------------- Filter Animation -----------------**/
.arrowRotate {
  transform: rotate(0deg);
  transition: all 0.6s;
  transform: rotate(180deg);
}

.container-fluid .FilterContainer {
  position: absolute;
  z-index: 1;
  width: 100%;
}

.container-fluid .filter-search {
  margin-bottom: 1rem;
  margin-left: -15px;
  padding: 12px 3rem 0px 14rem;
  background-color: #ffffff;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .filter-search {
    margin-top: 15px;
    /* margin-bottom: 1rem;
    margin-left: -15px;
    padding: 12px 3rem 0px 14rem;
    background-color: #ffffff;
    width: 100%; */
  }
}

.iq-top-filter
  .FilterContainer
  .filter-search
  .iq-top-filter-subsection-1
  .country-filter {
  width: 30% !important;
}

.container-fluid .iq-top-filter-subsection-1 {
  width: 100%;
  justify-content: center;
}

.SubFilters {
  /* background-color: #ffffff;
  padding: 0rem 0.5rem 0 0.5rem;
  width: 240px;
  position: absolute;
  z-index: 1;
  left: 5%; */
  border-radius: 3px;
  /* margin-top: -77px; */
}

.filterBtn {
  width: 100%;
  font-size: 18px;
  cursor: pointer;
  color: var(--baseColor) !important;
  font-weight: 700;
  padding: 4px;
  border: none;
  margin-bottom: 12px;
  border-radius: 3px;
  color: var(--baseColor);
}

.iq-top-filter-subsection-2 .field-set .field-tag,
.iq-top-filter-subsection-2 .field-set .multiselect.custom-select,
.iq-top-filter-subsection-2 .field-set .field-label,
.container-fluid .filter-search .field-set .field-tag,
.container-fluid .filter-search .field-set .field-label,
.container-fluid .filter-search .field-set .multiselect.custom-select {
  color: var(--baseColor) !important;
}

.filterBtnIconSection {
  display: flex;
  justify-content: space-between;
}

.SubFilter-sub {
  display: flex;
  flex-direction: column;
}

.filter-search .country-filter .fa-map-marker {
  display: none;
}

@media only screen and (max-width: 1020px) {
  .displayAddress .iq-card {
    margin-top: 0rem !important;
  }

  .iq-top-filter .FilterContainer .SubFilters {
    width: unset;
  }

  .iq-top-filter .FilterContainer .filter-search {
    padding: 11px 3rem 0px 4rem;
    /* margin-left: unset; */
  }

  .iq-top-filter .FilterContainer .filter-search .search-filter {
    width: 100% !important;
  }

  .iq-top-filter .FilterContainer .filter-search .iq-top-filter-subsection-1 {
    justify-content: flex-end;
  }

  .iq-top-filter
    .FilterContainer
    .filter-search
    .iq-top-filter-subsection-1
    .country-filter {
    width: 50% !important;
    justify-content: flex-end;
  }

  .iq-top-filter .FilterContainer .SubFilters .filterBtn {
    width: unset;
    font-size: unset;
    color: unset;
    font-weight: unset;
    padding: unset;
  }

  .iq-top-filter
    .FilterContainer
    .SubFilters
    .filterBtn
    .filterBtnIconSection
    .disc-text {
    display: none;
  }

  .iq-top-filter
    .FilterContainer
    .SubFilters
    .filterBtn
    .filterBtnIconSection
    .filterArrow::before {
    content: "\f0ae";
    font-size: 35px;
  }

  .iq-top-filter
    .FilterContainer
    .filter-search.multiselect
    .multiselect-selected-text {
    display: none;
  }

  .filter-search .country-filter {
    display: flex;
    flex-direction: row;
  }

  .filter-search .country-filter .fa-map-marker {
    display: block;
    height: 38px;
    padding: 5px 5px 0 5px;
    font-size: 30px;
    color: var(--baseColor);
  }

  .filter-search .country-filter .field-tag {
    border: 0 !important;
    width: 20px !important;
    height: 38px !important;
    margin-left: -5px;
    margin-top: 5px;
  }

  .filter-search .country-filter .field-label {
    display: none !important;
  }

  .container-fluid .FilterContainer {
    margin-top: 4rem;
  }
}

/* Menuless Layout */
.menuless-layout .content-page .iq-top-navbar,
.menuless-layout .content-page .iq-footer {
  display: none !important;
}

.menuless-layout .content-page.search-listing-page {
  padding: 30px 0 0 !important;
}

.menuless-layout .content-page {
  padding: 0 !important;
  border-radius: 0 !important;
  background: var(--color-white) !important;
}

.menuless-layout .container-fluid {
  bottom: 0 !important;
  padding: 0 !important;
}

.menuless-layout .container-fluid .iq-card {
  border-radius: 0 !important;
}

.menuless-layout .container-fluid .iq-card.HospitalCard {
  border-radius: 20px !important;
  box-shadow: unset;
  border-color: var(--baseColor);
  border-width: 0.5px;
  border-style: solid;
}

/** Menuless Layout **/

/* .container-fluid .iq-card {
  padding-right: 16px;
} */

#profile-details {
  padding: 0px 15px;
}

/*-------------profile User -------------------*/
.container-fluid {
  padding: 0px 15px;
}

/*----------------search list---------------------*/

/* #page-grid {
  margin-top: 6rem;
} */

@media screen and (max-width: 524px) {
  #page-grid {
    margin-top: 11rem;
  }

  a.sign-in-logo {
    padding-left: calc(100vw - 75vw) !important;
  }

  .HospitalCard .imgCard .iamgeContainer .img {
    border-radius: 20px 20px 0px 0px;
  }

  .HospitalCard .imghospital {
    padding-top: 0px !important;
  }

  .HospitalCard .imghospital .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .reviewCard .reviewAvatarLogo {
    display: none;
  }

  .mobileAndEmailRows {
    flex-direction: column;
    width: 60rem !important;
  }

  #MobileIsPrimaryId,
  #EmailIsPrimaryId {
    flex-basis: auto !important;
  }
}

a.sign-in-logo {
  padding-left: calc(100vw - 84vw);
  margin-bottom: 1rem !important;
}

@media screen and (max-width: 1390px) {
  #outerButtonWrapper {
    display: flex;
  }

  .container-fluid {
    padding: 0px 0px;
  }

  .btnsSubmit {
    justify-content: end !important;
  }

  .profileUserFields {
    padding: 0rem 1rem;
  }

  .container-fluid #page-grid:not(.page-grid-searchlist) {
    margin-top: -4rem !important;
  }

  .HospitalCard .imgCard .iamgeContainer .img {
    border-radius: 20px;
  }

  .HospitalCard .imghospital {
    padding-top: 0px !important;
  }

  .container-fluid .iq-card:not(.HospitalCard, .request-page, .profile) {
    margin-top: 6rem;
  }

  .mobileAndEmailRows {
    flex-direction: column;
    /*-----------This Line us Affect the progressbar width while mobile responsive ----------*/
    width: 80rem;
  }

  #SliderSection {
    padding-right: 22px;
  }

  .signIn .field-set {
    width: 100% !important;
    max-width: 100% !important;
  }

  .container-fluid .mobileAndEmailRows .contactCard {
    margin-top: 0rem !important;
  }

  .filterSections .SubFilters {
    position: absolute !important;
    top: -41px !important;
    background-color: var(--white) !important;
    left: 0.5rem;
  }

  .searchButtonName {
    display: none;
  }

  .paceholderSearchIcon {
    display: none;
  }

  #searchBtnIcon {
    display: block !important;
  }

  #SearchHospitalInputFieldId {
    /* width: calc(100% - 40px) !important; */
  }

  #searchListBtn {
    width: 16% !important;
  }

  #profile-details .col-md-3 {
    max-width: 100% !important;
  }

  .progressBarContainer {
    padding: 1rem 0 !important;
  }

  .searchImageContainer .searchListHeadImage {
    height: 12rem !important;
  }
}

@media screen and (max-width: 1020.5px) {
  .HospitalCard .imghospital .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
}

@media screen and (max-width: 767.5px) {
  .HospitalCard .imghospital .row {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

.hospitalDetails .cardDetailsSection .name {
  color: #00a0fd !important;
}
.hospitalDetails .cardDetailsSection .mapDetails .mapLink {
  font-weight: 600;
  color: #23446d;
}
.hospitalDetails .cardDetailsSection .mapDetails .location-Hp {
  font-weight: 600;
  color: #707070;
  text-transform: capitalize;
}
@media screen and (min-width: 767.5px) {
  .hospitalDetails .cardDetailsSection {
    padding-right: 0;
  }
}

.hospitalDetails .cardDetailsButtons .response-btn .cardBtn {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  line-height: 47px;
  height: 47px;
  font-size: medium;
  font-weight: 600;
}

@media screen and (min-width: 767.5px) {
  .response-btn {
    position: relative;
    top: 25%;
  }
}

.doccardColor {
  background-color: #e4eef3;
}

.hoscardColor {
  background-color: white;
}

.align-content {
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.spaceAlign {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.iq-card-body {
  min-height: 175px;
}

@media only screen and (max-width: 992px) {
  .searchheader {
    display: none !important;
  }
  .search-nav-container {
    max-height: 135px !important;
    left: -12px !important;
  }
}

.iq-card.HospitalCard {
  -webkit-box-shadow: 0px 4px 5px 1px var(--baseColor);
  box-shadow: 0px 4px 5px 1px var(--baseColor);
}
@media only screen and (min-width: 767.5px) {
  .iq-card.HospitalCard {
    height: 248px;
  }
}

.HospitalCard .iamgeContainer img {
  height: 247px !important;
}

.content-page.search-listing-page {
  background-color: var(--white);
}

.content-page.search-listing-page footer.iq-footer {
  display: none;
}

.responsive-adjustment
  .page-grid-searchlist
  .row
  .page-grid-searchlist-cards
  .iq-card
  .iq-card-body
  .row
  .hospitalDetails,
.responsive-adjustment
  .page-grid-searchlist
  .row
  .page-grid-searchlist-cards
  .iq-card
  .iq-card-body
  .row
  .hospitalDetails
  h4 {
  color: var(--baseColor);
}

.cardColor {
  background-color: #e4eef3;
}

/* responsive-adjustment search filter */
@media only screen and (min-width: 1020px) {
  .responsive-adjustment {
    /*margin-top: -3rem;*/
  }

  .content-page.search-listing-page .FilterContainer .SubFilters {
    /*border: 1px solid;*/
  }

  /* style search list top filter
   .responsive-adjustment .FilterContainer {
    max-width: 1200px;
  } */

  .responsive-adjustment .FilterContainer .filter-search {
    padding: 12px 0.5rem 0px 0.5rem;
    right: 0;
    left: 0;
    margin: 0;
    width: 100%;
  }

  .responsive-adjustment
    .FilterContainer
    .filter-search
    .iq-top-filter-subsection-1
    .field-set {
    z-index: 2;
  }

  .responsive-adjustment .FilterContainer .SubFilters {
    bottom: 0;
    top: 0;
    left: 0;
    height: 1000vh;
    background-color: var(--white);
    color: var(--baseColor);
  }

  .responsive-adjustment
    .FilterContainer
    .SubFilters
    .SubFilter-sub
    .filterBtn {
    margin-top: 1rem;
    margin-bottom: 0.1rem;
    padding-left: 0;
    border: 0;
  }

  .responsive-adjustment
    .FilterContainer
    .SubFilters
    .SubFilter-sub
    .iq-top-filter-subsection-2 {
    display: block !important;
  }

  .responsive-adjustment {
    margin-left: 0px;
  }

  .responsive-adjustment .page-grid-searchlist .row {
    margin: 0;
  }

  .responsive-adjustment
    .page-grid-searchlist
    .row
    .page-grid-searchlist-cards {
    /*flex: 0 0 100%;
		max-width: 100%;*/
    padding-right: 0;
    z-index: 1;
  }

  .responsive-adjustment
    .page-grid-searchlist
    .row
    .page-grid-searchlist-cards
    .iq-card
    .iq-card-body {
    padding: 0;
  }

  .responsive-adjustment
    .page-grid-searchlist
    .row
    .page-grid-searchlist-cards
    .iq-card
    .iq-card-body
    .row {
    margin: 0;
  }

  .responsive-adjustment
    .page-grid-searchlist
    .row
    .page-grid-searchlist-cards
    .iq-card
    .iq-card-body
    .row
    .imgCard {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .responsive-adjustment
    .page-grid-searchlist
    .row
    .page-grid-searchlist-cards
    .iq-card
    .iq-card-body
    .row
    .hospitalDetails {
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media screen and (max-width: 1020px) {
  .responsive-adjustment .FilterContainer {
    margin-top: 1rem;
  }

  .responsive-adjustment .FilterContainer .filter-search {
    width: 100%;
    border-radius: 3px;
    padding-left: 0;
    padding-right: 10px;
    min-height: 65px;
  }

  .responsive-adjustment .page-grid-searchlist {
    margin-top: 5rem !important;
  }

  .responsive-adjustment
    .FilterContainer
    .SubFilter-sub
    .iq-top-filter-subsection-2 {
    width: 190px !important;
  }

  #SearchHospitalInputFieldId {
    /* width: 50vw !important; */
  }
}

@media screen and (max-width: 500px) {
  .responsive-adjustment
    .page-grid-searchlist
    .row
    .page-grid-searchlist-cards {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* responsive-adjustment search filter */

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

.searchImageContainer .content {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  /* Fallback color */
  background: rgba(0, 0, 0, 0.5);
  /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

.searchImageContainer {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

.searchImageContainer img {
  vertical-align: middle;
}

/* .filter-search {
  position: relative;
  top: -8rem;
  left: 7px;
} */

.filterSections {
  margin-top: 2rem;
}

.container-fluid .filter-search {
  width: 93%;
  padding: 3rem 0rem 2rem 12rem;
  border-radius: 10px;
  background-color: var(--white);
  color: var(--baseColor);
}

.container-fluid .FilterContainer {
  display: flex;
  justify-content: center;
}

#SearchHospitalInputFieldId {
  border-radius: 22px 22px 22px 22px !important;
  height: 40px;
  /* width: 30vw !important; */
  border: 0.06rem solid var(--baseColor) !important;
  padding: 1rem;
  background-color: var(--baseColor);
  color: var(--white);
}

/* do not group these rules */
.searchListSearchComponent *::-webkit-input-placeholder {
  color: var(--white);
}
.searchListSearchComponent *:-moz-placeholder {
  /* FF 4-18 */
  color: var(--white);
  opacity: 1;
}
.searchListSearchComponent *::-moz-placeholder {
  /* FF 19+ */
  color: var(--white);
  opacity: 1;
}
.searchListSearchComponent *:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--white);
}
.searchListSearchComponent *::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--white);
}
.searchListSearchComponent *::placeholder {
  /* modern browser */
  color: var(--white);
}
/* do not group these rules */

#SearchHospitalInputFieldId:placeholder-shown {
  font-family: FontAwesome;
  font-weight: 700;
  overflow: visible;
  vertical-align: top;
  display: inline-block !important;
}

#searchListBtn {
  display: none;
  border-radius: 0px 22px 22px 0px;
  height: 40px;
  /*width: 8%;*/
  padding: 0 5px;
  background-color: var(--baseColor);
  border: 0rem solid;
}

.searchIcon {
  background-image: url("searchicon.png");
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
}

#searchBtnIcon {
  display: none;
}

#searchComponent {
  margin-top: 0.8rem;
}

.hospitalContainer .listedItems {
  padding-bottom: 1rem;
}

.hospitalContainer .viewMore {
  color: blue;
  text-decoration: underline;
}

.hospitalContainer .viewLess {
  display: none;
}

.profile .descriptionImage .documentDescription {
  display: none;
}

.profile
  .descriptionimageArea
  .document-section-existing
  .document-section-row
  div:nth-child(2) {
  display: none;
}

.profile .descriptionImage .documentDescription {
  display: none;
}

.profile-hospital
  .document-section-existing
  .document-section-row
  div:nth-child(2),
.profile-agent
  .document-section-existing
  .document-section-row
  div:nth-child(2) {
  display: none;
}

.profile-hospital .description-field,
.profile-agent .description-field {
  display: none;
}

.hospitalContainer .hospital-detailCard .carousel-inner {
  max-height: 55vh;
}

.profile .ApprovalStatusBtn {
  position: absolute;
  right: 27px;
  top: -1px;
}

.profile .ApprovalStatusBtn .nav-link {
  background: var(--baseColor);
}

.user-profile-details #userCollapse,
.user-profile-details #addressCollapse {
  padding: 1rem 0rem 0rem 0rem;
}

/* .user-profile-details #profileTreatmentAddBtnId{
background: var(--baseColor) !important;
color: white;
} */

#profilePackageAddRecordBtnId,
#profileTreatmentAddBtnId,
#profileAnalyticsAddDoctorBtnId {
  background: var(--baseColor) !important;
  color: white;
}

.user-profile-details .inner,
.profile .inner {
  background: var(--baseColor) !important;
}

.user-profile-details #ProfileContactContainer .button-wrapper {
  gap: 3rem;
}

.user-profile-details #ProfileContactContainer .cancelBtn {
  margin-top: 4px;
}

.user-setting .iq-card-body {
  padding: 0rem 0rem 1rem 0rem;
}

.communicationModule .chatDocument {
  color: white !important;
}

.footer-page .itemContainer {
  font-size: 12px;
  display: flex;
  flex-direction: row;
}

.footer-page {
  text-align: left;
}

.footer-page .itemContainer ul li a {
  color: white !important;
}
.footer-page .itemContainer ul {
  flex-direction: column;
  align-items: flex-start;
  color: white;
}

.footer-container .footerhead {
  font-weight: 600;
}

.footer-container {
  margin: 0px !important;
  color: white;
  background-color: var(--baseColor) !important;
  position: relative;
  height: 260px;
}

.footer-container .sign-in-logo {
  display: flex;
  justify-content: center;
  padding: 0px !important;
  margin-top: 2%;
}

.footer-container .sign-in-logo img {
  width: 211px !important;
}

@media only screen and (max-width: 767.5px) {
  .footer-container {
    height: auto;
  }

  footer .itemContainer .col-md {
    margin-top: 10px;
  }
  .footer-page .itemContainer span::after {
    content: "\f107";
    color: white;
    top: -9px;
    right: 1rem;
    position: absolute;
    font-size: 20px;
    font-family: "FontAwesome";
  }
}

.slider {
  margin-bottom: 10px;
  position: relative;
}

.slider .owl-item.active.center .slider-card {
  transform: scale(1.15);
  opacity: 1;
  background: #ff9966;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #ff5e62, #ff9966);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #ff5e62, #ff9966);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
}

.slider-card {
  background: #fff;
  padding: 0px 0px;
  margin: 50px 15px 25px 15px;
  border-radius: 5px;
  box-shadow: 0 15px 45px -20px rgb(0 0 0 / 73%);
  transform: scale(0.9);
  opacity: 0.5;
  transition: all 0.3s;
}

.slider-card img {
  border-radius: 5px 5px 0px 0px;
}

/* .owl-nav .owl-prev {
  position: absolute;
  top: calc(50% - 25px);
  left: 4px !important;
  opacity: 1;
  font-size: 30px !important;
  z-index: 1;
}

.owl-nav .owl-next {
  position: absolute;
  top: calc(50% - 25px);
  right: 4px !important;
  opacity: 1;
  font-size: 30px !important;
  z-index: 1;
}

.owl-dots {
  text-align: center;
} */

/* .welcome-container .owl-dots .owl-dot {
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background: #ccc !important;
  margin-left: 3px;
  margin-right: 3px;
  outline: none;
}
.welcome-container .owl-dots .owl-dot.active {
  background: #f44336 !important;
}  */

.carousel-treatment-icons {
  font-size: 5vw;
}

/* landing page why choose us style */
.welcome-container .journey {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

img {
  width: 100%;
  height: auto;
}

.box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 25rem;
  min-width: 18rem;
  margin: 10px;
  text-align: center;
}

@media screen and (max-width: 500px) {
  .carousel-treatment-icons {
    font-size: 10vw;
  }
}

/* search filter scroll */
.iq-top-filter-subsection-2 .subfilter-section {
  max-height: 205px;
  overflow-y: scroll;
  padding-top: 10px;
}

.iq-top-filter-subsection-2 .title {
  color: var(--baseColor);
  font-weight: 700 !important;
}

.searchList .container-fluid {
  max-width: none !important;
}

.subfilter-section .field-set.checkbox-field-set .checkbox-field-label {
  font-size: 14px !important;
  line-height: 14px !important;
}

.iq-top-filter-subsection-1 select {
  border: 1px solid var(--baseColor) !important;
}

.iq-top-filter-subsection-1 select:focus + label {
  color: var(--baseColor) !important;
}

.subfilter-section input:focus + label {
  color: var(--baseColor) !important;
}

.iq-top-filter-subsection-1 .country-filter .select-field {
  padding-top: 0;
}
.iq-top-filter-subsection-1 .country-filter .select-field-label {
  display: none;
}

.subfilter-section .field-set.checkbox-field-set .field-tag {
  width: 28px !important;
  height: 28px !important;
  margin-top: -5px;
}

.subfilter-section input:checked {
  outline: 2px solid #ffff !important;
}

.subfilter-section .field-set.checkbox-field-set {
  height: 42px;
}

.SubFilters .panel-title::after {
  color: var(--baseColor);
}

/* mobile view subfilter line color */
@media screen and (max-width: 768px) {
  .filterBtn .filterBtnIconSection .filterArrow {
    color: var(--baseColor) !important;
  }
}
.communicationModule .attachmentArea {
  position: relative;
  top: -4rem;
  left: 29px;
}

.communicationModule .attachmentArea label :hover {
  cursor: pointer;
}

.communicationModule .filename {
  position: relative;
  top: -15px;
}

.user-profile-details .parentTwo .contactCard {
  margin-top: 0rem !important;
}

.profile-address .displayAddress .addressCard .badge {
  margin: 0px 3px;
}

@media screen and (max-width: 500px) {
  .iq-top-filter-subsection-2 h5 {
    font-size: 0.8em !important;
  }
  .SubFilters .panel-title::after {
    font-size: 2em !important;
  }
}

.decContainer .offerings-con.listedItems .fa.detailsicon {
  font-size: 20px !important;
  font-weight: 600 !important;
  min-width: 28px;
}
/*.decContainer .offerings-con.listedItems .fa.detailsicon::after{
  content: "• ";
  margin-left: 5px;
}
.decContainer .offerings-con.listedItems .fa.detailsicon::before{
  position: absolute;
}*/

/* subfilter title */
.cardInDetails .cardtext {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .SubFilter-sub {
    margin-bottom: -2px !important;
  }
}

.welcome-container .feature .chooseusTitle {
  font-weight: 600 !important;
}

.attendeePassport .documentDescriptionMessage {
  font-size: 12px;
  position: relative;
  top: -24px;
}

.document-section-group .documentDescriptionMessage {
  font-size: 12px;
  position: relative;
  top: -24px;
}

.profile-address .addressCard .showdot {
  white-space: unset;
}

.profile .DoctorRecordRemoveBtn {
  height: 35px !important;
}
.navbar .normal a.active {
  color: var(--baseColor) !important;
  border-bottom: 3px solid var(--baseColor) !important;
}

@media only screen and (max-width: 778) {
  .navbar a.active {
    color: var(--baseColor) !important;
    border-bottom: none !important;
  }
}

.noResultsImage {
  margin: 0 auto;
  display: block;
  width: 35%;
}

.profile-address .addressCard .showdot {
  white-space: unset;
}

/* dropdown value overlap fix */
.parentThree .card {
  z-index: auto !important;
}

.adminpage {
  margin-bottom: 100px !important;
}

/* cookie style */
#cookiePopup {
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  flex-wrap: wrap;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.6em 1.8em;
  z-index: 9999;
}

#cookiePopup p {
  text-align: center;
  margin: 1.4em 0;
}
#cookiePopup button {
  background-color: #159b0a;
  margin-right: 30px;
  color: rgb(239, 232, 232);
  flex: 1 0 130px;
  border-color: transparent;
  padding: 0.2em 0.5em;
  font-size: 1.2em;
  font-weight: bolder;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap;
  border-radius: 5px;
  min-height: 30px;
}

.cookie-text {
  font-size: 12px;
  line-height: 1em;
  flex: 99 1 500px;
  text-align: center;
  margin: 6px 30px 5px 0px;
  color: #ffff;
}

#cookiePopup a {
  color: #6859fe;
}

.cookierow {
  margin-bottom: 10px;
}

.cookierow .label {
  padding-left: 10px;
  position: relative;
  top: -14px;
}

.cookieSave {
  color: #ffff;
  background-color: var(--baseColor);
  border: 1px solid #ffff;
  padding: 0.375rem 0.75rem;
  min-width: 200px;
  height: 50px;
  margin-top: 9px;
}

.fa-eye {
  position: absolute;
  top: 28%;
  right: 4%;
  cursor: pointer;
  color: lightgray;
  z-index: 2;
}

.cookierow .chkbx {
  width: 35px;
  height: 35px;
}

.message-sticky {
  background-color: #159b0a;
  color: #fff;
  padding: 6px 0;
  margin: 20px 0;
}

.message-sticky .message-inner .message-content {
  position: relative;
  padding: 5px 10px;
}

.message-sticky .message-inner .message-content .button {
  position: absolute;
  right: 0;
  top: calc(50% - 20px);
  z-index: 1;
  color: #fff !important;
}

#systemUserTable th,
#systemUserTable td {
  padding: 10px 30px;
}

#systemUserTable th.asc:after {
  display: inline;
  content: "↓";
}

#systemUserTable th.desc:after {
  display: inline;
  content: "↑";
}

.profileAccount input[type="checkbox"] + label {
  color: black;
}

.profileAccount input[type="checkbox"]:checked + label {
  color: inherit;
}

/* .notification.panel-title[aria-expanded="true"]::after {
  content: none !important;
}

.notification.panel-title.collapsed[aria-expanded="true"]::after {
  content: none !important;
}

.notification.panel-title[aria-expanded="false"]::after {
  content: none !important;
}

.notification.panel-title.collapsed[aria-expanded="false"]::after {
  content: none !important;
}
 */

p.notread {
  font-weight: 500;
}

@media only screen and (max-width: 500px) {
  div:has(> #OS_1) {
    margin-bottom: 2rem;
  }
}

.aboutUsHeading {
  font-size: 30px;
  margin-bottom: 20px;
  color: #1e3e72;
}

.aboutUsHeading {
  font-weight: 700;
  letter-spacing: -0.5px;
}

.aboutUsContainer {
  text-align: justify;
}
.aboutUsContainer *,
.aboutUsContainer *::before,
.aboutUsContainer *::after {
  list-style: circle !important;
  list-style-type: circle !important;
}

.rImage {
  width: 100%;
  padding-left: 1rem;
  padding: 66px 0px 66px 19px;
}
.lImage {
  width: 100%;
  padding-right: 1rem;
  padding: 66px 0px 66px 19px;
}
.aboutUsContainer ul {
  padding-left: 1rem;
}

@media only screen and (max-width: 500px) {
  .step-img {
    margin-left: 0px;
  }
}

.displayFlex {
  display: flex;
}

footer .logoContainer .iq-sidebar-logo {
  flex-direction: column;
}
.footer-logo {
  height: 70px !important;
}

.logoContainer {
  margin-top: 10px;
  justify-content: center;
}

.copyRightsText {
  justify-content: center;
  position: relative;
  top: -2rem;
  left: 5px;
  font-size: 10px;
}

.footer-container .container-fluid {
  padding-bottom: 30px !important;
}

.gallerySliderImage {
  object-fit: contain;
  margin-top: 68px;
  height: 588px;
}

.doctorCard {
  box-shadow: 0px 3px 6px #00000029 !important;
}
.doctorInfotmation {
  display: flex;
  justify-content: space-between;
}
.doctorCard .doctorImage {
  width: 100%;
}
.doctorCard .doctorImage img {
  width: 88% !important;
}

.doctorCard .doctorName {
  font-size: 23px;
}
.doctorCard .doctorDesignation {
  font-size: 20px;
}
.doctorCard .doctorExp {
  font-size: 15px;
}

.doctorCard .doctorAbout .doctorDescription {
  font-size: 13px;
}
.doctorSpecilities li,
.doctorLanguage li,
.doctorProfileRelation li {
  font-size: 13px;
}
.doctorProfileRelation,
.doctorLanguage {
  margin-top: 10px;
}
.doctorCard .doctorHead {
  font-size: 15px;
}
.doctorDelete {
  float: right;
}
.doctorInputFileArea {
  position: relative;
  top: -40px;
  left: 94px;
}
@media only screen and (min-width: 768px) {
  .doctorBio {
    position: relative;
    left: -32px;
  }
}
.doctorListImage {
  max-width: 120px;
  max-height: 119px;
  min-width: 120px;
  min-height: 119px;
  border-radius: 50%;
}
.searchList .doctorRole {
  font-weight: 600;
  color: #707070;
}

.searchDoctorFilterAllign {
  padding-bottom: 19px;
}
.filterFlexRightAllign {
  justify-content: end !important;
}

.field-set.Content.textarea-field-set .field-tag {
  height: 220px !important;
  font-family: monospace !important;
}

.field-set.Content.textarea-field-set .field-helper {
  margin-top: 220px !important;
}

.field-set.Content.textarea-field-set {
  height: 220px !important;
}
.hospitalContainer .doctorCard {
  cursor: pointer;
  height: 140px;
}
.hospitalContainer .doctorCard .iq-card-body {
  min-height: 140px;
}
.doctorNameC {
  color: #00a0fd !important;
}
.doctorRoleC {
  font-size: 1.4rem !important;
  color: #707070 !important;
  position: relative;
  bottom: 15px;
}

.doctorRegC {
  color: #23446d !important;
}

.doctorShieldC {
  font-size: 24.17px !important;
}

.doctorDetail {
  color: #23446d !important;
}

.treatmentDetail {
  font-size: 1.4rem !important;
  color: white !important;
  font-weight: bold !important;
}

.mapText {
  font-weight: 600;
  color: #23446d !important;
}

.textDetail {
  color: #23446d !important;
}

.locationText {
  font-weight: 600;
  color: #707070 !important;
  text-transform: capitalize;
}

.SnFDetails {
  color: #23446d !important;
}

.doctorFields {
  max-width: 100%;
}

.doctorRecords .doctorEdit {
  float: right;
  position: relative;
  right: 1rem;
}

.login-profile-touchpoint {
  position: relative;
  bottom: 14px;
  color: #ff9966;
}

.doctorRegNumber {
  padding-right: 40px;
}

.profilemenu-btn {
  height: 35px;
  background-color: #e98843;
  color: white !important;
  border-radius: 8px;
  padding: 10px 15px 10px 15px !important;
  position: relative;
  right: 20px !important;
  width: 83px !important;
}

.doctorParticulars {
  color: #23446d !important;
  position: relative !important;
  left: 20px !important;
}

.doctorBio {
  font-size: 16px !important;
  color: #23446d !important;
}

.cancelBtn {
  width: 92px;
}

.breakWord {
  word-break: break-word !important;
}

.admin-system-user .contactCard,
.admin-system-user .addressCard {
  box-shadow: 2px 0px 2px 2px;
}

.singleLineBreak {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.twoLineBreak {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  height: 55px !important;
  line-height: 28px !important;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 1024px) {
  .twoLineBreak {
    height: 125px;
    line-height: 40px;
  }
}

.verified_icon {
  background-image: url(../images/medical_registration_verified_icon.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
}
.verified_icon.listing_page {
  width: 16px;
  height: 20px;
}
.verified_icon.details_page {
  width: 20px;
  height: 28px;
}

.accreditation_icon {
  background-image: url(../images/accreditation_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
}
.accreditation_icon.listing_page,
.accreditation_icon.details_page {
  width: 20px;
  height: 30px;
}

.doctorSearchableData {
  font-weight: 439;
  text-align: center;
}

/* Blog Post Container */
.blog-post {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 24px rgba(60, 72, 88, 0.08);
  padding: 2.5rem 2rem;
  margin-bottom: 2rem;
  transition: box-shadow 0.2s;
}
.blog-post:hover {
  box-shadow: 0 8px 32px rgba(60, 72, 88, 0.16);
}

/* Blog Title */
.blog-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #1a2236;
  margin-bottom: 0.5rem;
}

/* Blog Meta */
.blog-meta {
  font-size: 1rem;
  color: #6c757d;
  margin-bottom: 1.5rem;
  letter-spacing: 0.5px;
}

/* Headings */
.blog-content h2, .blog-content h3, .blog-content h4 {
  color: #1a2236;
  font-weight: 600;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.blog-content h2 {
  font-size: 2rem;