@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");
h1, h2, h3, h4, h5, h6 {
  margin: 0px;
}

p, strong {
  margin: 0px;
}

:root {
  --size-80: 80px;
  --size-76: 76px;
  --size-70: 70px;
  --size-64: 64px;
  --size-58: 58px;
  --size-52: 52px;
  --size-48: 48px;
  --size-44: 44px;
  --size-40: 40px;
  --size-36: 36px;
  --size-32: 32px;
  --size-28: 28px;
  --size-24: 24px;
  --size-20: 20px;
  --size-18: 18px;
  --size-16: 16px;
  --size-14: 14px;
  --size-12: 12px;
  --size-10: 10px;
  --size-8: 8px;
  --muslish: "Mulish", sans-serif;
}

@media screen and (min-width: 1600px) {
  .myaccount-flex {
    padding-top: 0px;
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 100vh;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1420px;
  }
}
@media screen and (max-width: 1440px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 90%;
  }
}
@media screen and (max-width: 1366px) {
  p, a, label, .form-control, .form-select, .btn, .bot-message {
    font-size: var(--size-14);
  }
  .header .navbar-nav li a {
    font-size: var(--size-12);
  }
  .hero-flex .row .img-part img {
    width: 440px;
  }
  .hero-flex .row .text-part .virtual-logo {
    width: 270px;
  }
  .hero-flex .row .text-part .dropdown {
    width: 270px;
  }
  .hero-flex .row .text-part .dropdown button {
    font-size: var(--size-14);
  }
  .bot-incoming-msg .text-part h3 {
    font-size: var(--size-16);
  }
  .main-card #pills-tab {
    font-size: var(--size-14);
  }
}
@media screen and (max-width: 1200px) {
  .navbar-expand-lg .navbar-toggler {
    display: block;
  }
  .header .navbar-nav {
    flex-wrap: wrap;
    gap: 10px;
    flex-direction: inherit;
    margin: 30px 0px;
  }
  .header .navbar-nav li {
    margin-right: 0px;
    width: -moz-fit-content;
    width: fit-content;
    flex: 0 0 auto;
  }
  .header .v-logo img {
    width: 130px;
  }
  .header .nsw-logo img {
    width: 50px;
  }
  .footer .bot-message {
    bottom: 65px;
    font-size: var(--size-14) !important;
  }
  .footer .container {
    flex-direction: row;
    gap: 15px;
    justify-content: space-between;
  }
  .footer .footer-logo {
    position: static;
  }
  .navbar-collapse {
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    height: 100vh;
    padding: 60px 20px 20px 20px;
    box-shadow: -6px 2px 20px 20px rgba(0, 0, 0, 0.0901960784);
    border-left: 2px solid rgba(206, 206, 206, 0.5490196078);
    width: 70vw;
    right: -100vw;
    display: block;
  }
  .btn-gradient {
    width: -moz-fit-content;
    width: fit-content;
  }
  .collapse.show {
    right: 0vw;
  }
}
@media screen and (max-width: 1024px) {
  .myaccount-flex .col-lg-9 {
    width: 100%;
  }
  #midwife-step {
    position: absolute;
    top: 120px;
    left: 0;
    right: 0;
    width: 100% !important;
    float: left;
    margin: auto;
  }
  .main-card {
    margin-bottom: 10px !important;
  }
  .help-flex, .hero-flex {
    padding-top: 100px;
  }
  .bot-incoming-msg .text-part h3 {
    font-size: var(--size-14);
  }
}
@media screen and (max-width: 991px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100% !important;
  }
  .pending-booking-card .img-part {
    width: 15%;
  }
  .pending-booking-card .text-part {
    padding: 10px 10px 10px 0px;
  }
  .pending-booking-card .text-part .incomplete-btn {
    font-size: var(--size-12) !important;
  }
  .pending-booking-card .text-part .head-flex h4 {
    font-size: var(--size-16);
  }
  .pending-booking-card .text-part .time-date {
    font-size: var(--size-12);
  }
  .pending-booking-card .text-part .cancel-edit-buttons a {
    font-size: var(--size-12);
  }
  #choose-midwife #selec-midwife {
    width: 100% !important;
    margin: 0px 0px 130px auto !important;
  }
  #choose-midwife .row {
    width: 100% !important;
    margin: auto;
  }
  .login {
    margin-bottom: 130px;
  }
}
@media screen and (max-width: 767px) {
  #midwife-step {
    position: static !important;
    top: 120px;
    left: 0;
    right: 0;
    width: 100% !important;
    float: left;
    margin: auto;
  }
  .guide-sec {
    margin: 15px 0px 50px 0px;
    font-weight: 600;
    flex-direction: column;
  }
  .guide-sec .msg-guide {
    margin-top: 20px;
  }
  .hero-flex .img-part {
    display: flex;
    justify-content: center;
  }
  .hero-flex .text-part {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0px 0px !important;
    text-align: left;
    align-items: center;
  }
  .select-appointment .head-flex .selected-date {
    position: static;
  }
  .select-appointment {
    margin-top: 30px;
  }
  .select-appointment .btn-appointment {
    font-size: var(--size-14);
  }
  .confirm-info {
    margin-top: 30px;
  }
  .confirm-info .view-booking {
    position: static;
    width: 100%;
    margin: 30px 0px 0px 0px;
  }
  .confirm-info .view-booking a {
    justify-content: center;
    width: 100%;
  }
  .step-sec ul li span {
    padding-top: 20px;
    display: block;
    font-size: var(--size-14);
  }
  .tab-cards .col-12 {
    flex: 0 0 auto;
    width: 50%;
    display: flex;
  }
  .question-sec {
    align-items: flex-start;
    margin-top: 30px;
  }
  .question-sec .assistance-btn {
    font-size: var(--size-12) !important;
  }
  .question-sec .question-icon-part img {
    width: 40px;
    height: 40px;
  }
  .question-sec h5 {
    margin-bottom: 0px !important;
    font-size: var(--size-16);
  }
  .question-sec span {
    font-size: var(--size-12);
  }
  .pending-booking-card {
    flex-direction: column;
    width: 100%;
  }
  .pending-booking-card .img-part {
    width: 100%;
    margin: 0px;
  }
  .pending-booking-card .img-part img {
    width: 100%;
    border-radius: 10px;
  }
  .pending-booking-card .text-part {
    padding: 20px;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start;
  }
  .pending-booking-card .incomplete-btn {
    margin-top: 20px;
  }
  .step-sec .step-completed {
    right: -10px;
    font-size: var(--size-14);
  }
  .calendar-img-part {
    margin-top: 30px;
  }
}
@media screen and (max-width: 576px) {
  .bot-incoming-msg .text-part h3, .bot-incoming-msg .text-part a {
    font-size: var(--size-12);
  }
  .accordian-sec {
    flex-direction: column;
  }
  .accordian-sec .ref-card a {
    font-size: var(--size-12) !important;
  }
  .accordian-sec .caution {
    font-size: var(--size-14) !important;
    margin-top: 10px;
  }
  .accordian-sec #accordionExample {
    width: 100%;
  }
  .accordian-sec #accordionExample button {
    font-size: var(--size-14) !important;
  }
  .hero-flex .row .text-part .welcome-txt {
    font-size: var(--size-16);
  }
  .has-selected {
    background-size: 16px;
  }
  .calendar-icon-flex-small img {
    width: 30px;
    height: 30px;
  }
  .calendar-icon-flex-small h3 {
    font-size: var(--size-16);
  }
  .booked-time-info .location-flex {
    font-size: var(--size-14);
  }
  .tab-cards .col-12 {
    width: 100%;
    margin-bottom: 30px;
  }
  .main-card #pills-tab {
    flex-direction: row;
    overflow-y: scroll;
    flex-wrap: nowrap;
  }
  .main-card #pills-tab li {
    flex: 0 0 auto;
  }
  .main-card #pills-tab .account-settings-tab {
    position: static;
  }
  .question-sec {
    flex-direction: column;
  }
  .question-sec .question-icon-part {
    margin-bottom: 20px;
    align-items: flex-start;
  }
  .question-sec .assistance-btn img {
    width: 10px !important;
    height: 10px !important;
    margin-left: 5px;
  }
}
@media screen and (max-width: 480px) {
  p, a, .form-control, .form-select {
    line-height: 28px;
  }
  .booked-time-info span {
    font-size: var(--size-20);
  }
}
@media screen and (max-width: 320px) {
  p {
    font-weight: 500;
  }
}/*# sourceMappingURL=responsive.css.map */