:root {
  --text-white: #FFFFFF;
  --text-black: #000000;
  --bg-periwinkle: #B2B7FF;
  --bg-gray: #EAEAEA;
  --dark-gray: #707070;
  --text-blue: #0000FF;
  --text-light-blue: #2564DD;
  --text-light-gray: #ADADAD;
  --text-dark-gray: #6E6E6E;
  --link-color: #007BFF;
  --body-scroll-bg: #6D6D6D;
  --off-white: #DBDBDB;
  --text-gray: #666363;
  --service-time-bg: #F1F1F1;
  --service-time-thumb-bg: #C2C2C2;
  --light-black: #3E3E3E;
  --color-red: #FF0000;
  --dark-red: #FF0700;
  --table-border-color: #E0E0E0;
  --loader-color: #333333;
  --bg-light-periwinkle: #F0F4FF;
  --profile-border-colr: #C0C6CC;
  --date-selector-border: #CCCCCC;
  --bg-table-even: #F5F5F5;
  --input-number-border: #909697;
  --light-periwinkle: #CDD0FF;
  --text-green: #008000;
  --off-light-white: #EFF2F7;
  --dark-periwinkle: #9198FF;
  --light-green: #47DF47;
  --bg-peach: #F2D7C7;
  --bg-footer: #232F3E;
  --bg-dark-gray: #444857;
  --light-gray: #5A5F73;
  --text-orange: #FFA500;
  --bg-pastelred: #FFCCCB;
  --bg-pastelgreen: #D2E7D6;
  --bg-yellow: #FFD75D;
  --bs-blue: #5e72e4;
  --tagify-dd-color-primary: #3595f6;
  --bg-blue-light: #007aff;
  --bg-blue-light-hover: #3693f7;
  --e-global-color-primary: #002448;
  --e-global-color-primary-theme-light: #013160;
  --bg-add-btn-hover: #47C831;
  --bg-calendar: #d1e2ff;
  --e-global-color-f1a59c6: #FF1414;
}

body::-webkit-scrollbar {
  width: 10px;
}

body::-webkit-scrollbar-track {
  background-color: var(--text-white);
}

body::-webkit-scrollbar-thumb {
  background-color: var(--body-scroll-bg);
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

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

ul,
ol {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

ul li,
ol li {
  margin: 0px;
  padding: 0px;
}

ul li a,
ol li a {
  transition: all 0.4s ease;
}

a:hover {
  text-decoration: none;
  transition: all 0.3s ease;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="subject"],
input[type="search"],
input[type="tel"],
textarea,
select {
  font-family: 'Montserrat';
  width: 100%;
  resize: none;
  outline: none;
  font-weight: 700;
  font-size: 20px;
  padding: 10px 16px;
  padding: 16px 20px;
  border-radius: 8px;
  border: 0px;
  color: var(--text-black) !important;
  background-color: var(--bg-gray) !important;
}

textarea::-webkit-input-placeholder {
  color: var(--text-black);
}

button {
  border: 0;
  background-color: transparent;
}

.theme_btn {
  font-family: 'Montserrat';
  display: block;
  border: 0;
  padding: 0.9em 2em;
  font-weight: 800;
  border-radius: 50px;
  color: var(--text-black);
  background-color: var(--bg-periwinkle);
  width: 220px;
  max-width: 220px;
  font-size: 22px;
  transition: all 0.3s ease;
}

.theme_btn:hover {
  color: var(--text-black);
}

.theme_btn_plr-0 {
  padding: 0em 2em;
}

.theme_btn_hover:hover {
  background-color: var(--light-periwinkle);
}

.theme_btn_plr-0 {
  padding: 0.9em 0;
}

.theme_btn_ml-6 {
  margin-left: 6rem;
}

.theme_btn_border {
  border: 2px solid var(--text-black);
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/FontAwesome6Brands-Regular.woff") format("woff"), url("../fonts/FontAwesome6Brands-Regular.woff2") format("woff2"), url("../fonts/FontAwesome6Brands-Regular.eot") format("eot"), url("../fonts/FontAwesome6Brands-Regular.ttf") format("ttf"), url("../fonts/FontAwesome6Brands-Regular.svg") format("svg");
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/FontAwesome6Free-Solid.woff") format("woff"), url("../fonts/FontAwesome6Free-Solid.woff2") format("woff2"), url("../fonts/FontAwesome6Free-Solid.eot") format("eot"), url("../fonts/FontAwesome6Free-Solid.ttf") format("ttf"), url("../fonts/FontAwesome6Free-Solid.svg") format("svg");
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.eot") format("eot"), url("../fonts/Montserrat-Bold.ttf") format("ttf"), url("../fonts/Montserrat-Bold.svg") format("svg");
}

@font-face {
  font-family: 'Poppins';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.eot") format("eot"), url("../fonts/Poppins-SemiBold.ttf") format("ttf"), url("../fonts/Poppins-SemiBold.svg") format("svg");
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.eot") format("eot"), url("../fonts/Montserrat-Regular.ttf") format("ttf"), url("../fonts/Montserrat-Regular.svg") format("svg");
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.eot") format("eot"), url("../fonts/Montserrat-SemiBold.ttf") format("ttf"), url("../fonts/Montserrat-SemiBold.svg") format("svg");
}

@font-face {
  font-family: 'Bebas Neue';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/BebasNeue-Regular.woff") format("woff"), url("../fonts/BebasNeue-Regular.woff2") format("woff2"), url("../fonts/BebasNeue-Regular.eot") format("eot"), url("../fonts/BebasNeue-Regular.ttf") format("ttf"), url("../fonts/BebasNeue-Regular.svg") format("svg");
}

@font-face {
  font-family: 'Bebas Neue';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/BebasNeue-Regular.woff") format("woff"), url("../fonts/BebasNeue-Regular.woff2") format("woff2"), url("../fonts/BebasNeue-Regular.eot") format("eot"), url("../fonts/BebasNeue-Regular.ttf") format("ttf"), url("../fonts/BebasNeue-Regular.svg") format("svg");
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Montserrat-ExtraBold.woff") format("woff"), url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBold.eot") format("eot"), url("../fonts/Montserrat-ExtraBold.ttf") format("ttf"), url("../fonts/Montserrat-ExtraBold.svg") format("svg");
}

.pb-44 {
  padding-bottom: 44px;
}

.pb-40 {
  padding-bottom: 40px;
}

.p-20 {
  padding: 20px !important;
}

.p-lr-2 {
  padding: 0 2rem;
}

.p-tb-2 {
  padding: 2rem 0;
}

.p-tb {
  padding: 10px 15px;
}

.p-t-5 {
  padding-top: 5rem;
}

.m-b-2 {
  margin-bottom: 2rem;
}

.font-w-500 {
  font-weight: 500;
}

.telehealth-image {
  position: absolute;
  width: 160px;
}

.error {
  font-weight: 700;
  color: var(--bg-periwinkle);
}

.div_height {
  height: 250px;
}

.registration-join-btn {
  position: relative;
}

.loader-container {
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  transform: translateY(-100%);
  transition: all 0.5s ease-in-out;
  opacity: 0;
  visibility: hidden;
  font-size: 1.75rem;
  font-weight: 600;
}

.loader-container .loader-icon {
  font-size: 2.5rem;
  color: var(--loader-color);
}

.loader_active {
  position: relative;
  text-align: center;
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  margin-top: 10px;
}

.speciality_list {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

.speciality_list .speciality_list_inner {
  width: 250px;
  max-width: 250px;
}

.speciality_list .speciality_list_inner label {
  font-size: 20px;
  font-weight: 600;
}

.speciality_list .speciality_list_inner:first-child {
  margin-right: 32px;
}

.pending-status {
  font-weight: 700;
  color: var(--text-green);
}

.completed-status {
  font-weight: 700;
  color: var(--link-color);
}

.canceled-status {
  font-weight: 700;
  color: var(--color-red);
}

.landing-page_title {
  padding: 24px 0;
}

.landing-page_title h2 {
  font-size: 2.25rem;
  font-weight: 600;
  margin-bottom: 0;
  text-align: center;
}

.landing-page_title h2 b {
  font-size: 2.75rem;
}

.landing-page_title hr {
  border-top: 5px solid var(--bg-periwinkle);
  max-width: 100px;
  margin: 3rem auto 0 auto;
}

.landing-page_title-bottom {
  margin-bottom: 0;
}

.note-container {
  display: inline-block;
  max-height: 1.2em;
  /* Adjust as needed for the initial height */
  text-align: left;
}

.note-content {
  margin: 0;
}

.note-toggle {
  cursor: pointer;
  color: var(--link-color);
  /** margin-right: 5px; **/
  /* Adjust for spacing between "Read More" and additional content */
  display: inline-block;
  margin-top: 4px;
  color: var(--text-black);
  background-color: var(--bg-periwinkle);
  padding: 2px 12px;
  border-radius: 50px;
  font-size: 18px;
  transition: all 0.3s ease-in-out;
}

.note-toggle:hover {
  color: var(--text-white);
  background-color: var(--text-black);
}

.note-toggle_imp {
  cursor: pointer !important;
  color: var(--link-color) !important;
  display: inline-block !important;
  margin-top: 4px !important;
  color: var(--text-black) !important;
  background-color: var(--bg-periwinkle) !important;
  padding: 2px 12px !important;
  border-radius: 50px !important;
  font-size: 16px !important;
  transition: all 0.3s ease-in-out !important;
}

.full-note {
  display: none;
}

.come_join_telehealth {
  position: relative;
  margin: 10rem 0;
  z-index: 9;
}

.get-start-button {
  padding: 4.5rem 0;
}

.get-start-button .get-start-btn {
  display: inline-block;
  font-size: 35px;
  font-weight: 700;
  color: var(--text-black);
  background-color: var(--light-green);
  padding: 2rem 3.5rem;
  border-radius: 100px;
  line-height: 1;
}

.get-start-button .get-start-btn:hover {
  color: var(--text-white);
  background-color: var(--text-black);
}

.code_continue_back-button {
  text-align: center;
  margin-top: 4.5rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.resend_code a {
  font-family: 'Montserrat';
  display: inline-block;
  border: 0;
  padding: 14px 32px;
  font-weight: 700;
  border-radius: 50px;
  background-color: var(--bg-periwinkle);
}

.label-font {
  font-family: 'Montserrat';
  font-size: 20px;
  font-weight: 600;
}

.bg_pastelred {
  background-color: var(--bg-pastelred);
}

.bg_pastelgreen {
  background-color: var(--bg-pastelgreen);
}

.booking-title h1 {
  display: flex;
  align-items: center;
}

.booking-title h1 span {
  display: block;
  width: 100%;
}

.timeline-panel_widget,
.suggested_numbers {
  scrollbar-width: thin;
  scrollbar-color: var(--body-scroll-bg) var(--text-white);
}

.timeline-panel_widget::-webkit-scrollbar,
.suggested_numbers::-webkit-scrollbar {
  width: 8px;
}

.timeline-panel_widget::-webkit-scrollbar-track,
.suggested_numbers::-webkit-scrollbar-track {
  background-color: var(--text-white);
}

.timeline-panel_widget::-webkit-scrollbar-thumb,
.suggested_numbers::-webkit-scrollbar-thumb {
  background-color: var(--body-scroll-bg);
}

.suggested_numbers {
  width: 100%;
  padding: 6px 0px 6px 6px;
  margin-top: 4px;
  max-height: 200px;
  overflow-y: scroll;
}

.suggested_numbers li a {
  font-family: 'Montserrat';
  display: block;
  font-size: 20px;
  font-weight: 700;
  padding: 16px 20px;
  color: var(--text-black);
  background-color: var(--text-white);
}

.suggested_numbers li a:hover {
  border-radius: 0.25rem;
  background-color: var(--bg-gray);
}

.modal-dialog {
  margin: 6.75rem auto;
}

.dataTables_wrapper .dataTables_paginate .previous,
.dataTables_wrapper .dataTables_paginate .next {
  font-size: 22px !important;
  font-weight: 700 !important;
}

.alert-success {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: var(--text-black);
  border-color: var(--text-green);
  background-color: var(--bg-pastelgreen);
}

.alert-success img {
  max-width: 100%;
  height: 100%;
  width: 40px;
  margin-right: 1rem;
}

.pro-pen-can-com_font {
  width: 114px;
  font-size: 17px;
  font-weight: 600;
  border-radius: 50px;
}

.pending_bg {
  color: var(--text-black);
  background-color: var(--light-green);
}

.completed_bg {
  color: var(--text-white);
  background-color: var(--tagify-dd-color-primary);
}

.cancelled_bg {
  color: var(--text-white);
  background-color: var(--color-red);
}

.in_progress_bg {
  color: var(--text-black) !important;
  background-color: var(--bg-periwinkle) !important;
}

.show-hide-password {
  position: relative;
}

.show-hide-password .show-password,
.show-hide-password .confirmation_show-password {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  cursor: pointer;
}

.profile-page-title {
  position: relative;
}

.profile-page-title h4::before {
  content: '';
  position: absolute;
  width: 100px;
  height: 3px;
  bottom: 24px;
  left: 50%;
  background-color: var(--bg-periwinkle);
  transform: translateX(-50%);
}

.add-group-btn {
  color: var(--text-white);
  background-color: var(--bg-blue-light);
}

.add-group-btn:hover {
  color: var(--text-white);
  background-color: var(--bg-blue-light-hover);
}

.download-btn {
  color: var(--text-black);
  background-color: var(--light-green);
}

.pri-download-btn:hover {
  color: var(--text-black);
  background-color: var(--bg-add-btn-hover);
}

.send-email_btn {
  color: var(--text-white);
  background-color: var(--e-global-color-primary);
}

.send-email_btn:hover {
  color: var(--text-white);
  background-color: var(--e-global-color-primary-theme-light);
}

.action-btns {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.action-btns a {
  margin-right: 16px;
}

.action-btns a:last-child {
  margin-right: 0;
}

.edit-btn {
  background-color: transparent !important;
  border: 1px solid var(--e-global-color-primary);
  transition: all 0.15s ease-in-out;
}

.edit-btn:hover {
  color: var(--text-white);
  background-color: var(--e-global-color-primary) !important;
}

.custom-date-range-filter {
  margin: 0 !important;
  padding: 2.2rem 0;
  border-left: 2px solid var(--text-black);
  border-right: 2px solid var(--text-black);
}

.daterangepicker .ranges li {
  font-weight: 600;
}

.daterangepicker .ranges li,
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td,
.daterangepicker .drp-selected {
  font-size: 16px !important;
  color: var(--text-black) !important;
}

.daterangepicker .ranges li.active {
  color: var(--text-black) !important;
  background-color: var(--bg-calendar) !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  color: var(--text-white) !important;
  background-color: var(--e-global-color-primary) !important;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.end-date {
  color: var(--text-black) !important;
  background-color: transparent !important;
}

.daterangepicker button.applyBtn {
  background-color: var(--e-global-color-primary);
  border-color: var(--e-global-color-primary);
}

.cancelBtn {
  color: var(--text-white);
  background-color: var(--e-global-color-f1a59c6);
}

.cancelBtn-imp {
  color: var(--text-white);
  background-color: var(--e-global-color-f1a59c6) !important;
}

.cancelBtn:hover {
  color: var(--text-white);
  background-color: var(--e-global-color-f1a59c6);
}

.applyBtn,
.cancelBtn {
  width: 80px;
  border-radius: 20px;
}

.borderbtn {
  border: 1px solid var(--text-black);
}

.daterangepicker .drp-buttons .btn {
  font-size: 16px !important;
  padding: 1px 8px !important;
}

.daterangepicker .drp-selected {
  display: inline !important;
  background-color: var(--light-green);
  padding: 4px 8px;
  border-radius: 20px;
  font-weight: 600;
}

.can-save_btn .btn {
  width: 84px;
  border-radius: 50px;
  font-weight: 500;
  font-size: 18px;
}

.close-timeline-btn {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
}

.y-c_btn {
  width: 96px;
  border-radius: 50px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: .625em 0rem !important;
}

.yes_btn-bg {
  color: var(--text-black) !important;
  background-color: var(--light-green) !important;
}

.cancle_btn-bg {
  background-color: var(--e-global-color-f1a59c6) !important;
}

.close-absolute-btn {
  position: absolute;
  top: 19px;
  right: 19px;
}

.modal-table-custom tbody tr th {
  vertical-align: middle;
}

.accepted_bg {
  color: var(--text-white);
  background-color: var(--bs-blue);
}

.inquiry-error-message {
  font-weight: 700;
  font-size: 24px  !important;
  color: var(--color-red) !important;
  display: block;
  text-align: center;
}

/** START OF : Header **/
.header-main {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  padding: 10px 0;
  z-index: 9999;
  background-color: var(--text-black);
}

.header-main .header-main_logo_menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .header-main_logo a {
  display: block;
  color: var(--text-white);
}

.header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .header-main_logo a img {
  width: 35px;
  display: none;
}

.header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .header-main_logo a span {
  display: inline-block;
  font-size: 1.9rem;
  font-family: "Bebas Neue";
  line-height: 1;
  margin-top: 4px;
}

.header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .header-main_logo a .responsive-logo {
  display: none;
}

.header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .login-consult-btn .login-consult-btn_inner {
  display: flex;
  align-items: center;
}

.header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .login-consult-btn .login-consult-btn_inner .login-registration-btn {
  display: block;
  padding: 1em 2em;
  border-radius: 100px;
  line-height: 1;
  font-weight: 700;
  font-size: 20px;
}

.header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .login-btn {
  color: var(--text-white);
  background-color: var(--bg-dark-gray);
  border: 3px solid transparent;
}

.header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .login-btn:hover {
  background-color: var(--light-gray);
  outline-offset: 3px;
}

.header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .registration-btn {
  color: var(--text-black);
  margin-left: 12px;
  background-color: var(--light-green);
  border: 3px solid transparent;
}

.header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .registration-btn:hover {
  background-color: var(--text-white);
  outline-offset: 3px;
}

.header-main .header-main_logo_menu .loggedin_header {
  width: auto;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu {
  display: flex;
  align-items: center;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list {
  display: flex;
  align-items: center;
  padding: 17px 0;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .header-profile-menu {
  display: flex;
  align-items: center;
  color: var(--text-white);
  margin-left: 30px;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .header-profile-menu .prfimg {
  width: 32px;
  height: 32px;
  color: var(--text-black);
  background-color: var(--text-white);
  border-radius: 100%;
  font-size: 20px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .notification_link {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: var(--text-white);
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .notification_link .notification_icon svg {
  font-size: 1.5rem;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .notification_link .notification_icon .notification-bell_icon {
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@keyframes ring {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  3% {
    transform: rotate(-28deg);
  }
  5% {
    transform: rotate(34deg);
  }
  7% {
    transform: rotate(-32deg);
  }
  9% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  13% {
    transform: rotate(26deg);
  }
  15% {
    transform: rotate(-24deg);
  }
  17% {
    transform: rotate(22deg);
  }
  19% {
    transform: rotate(-20deg);
  }
  21% {
    transform: rotate(18deg);
  }
  23% {
    transform: rotate(-16deg);
  }
  25% {
    transform: rotate(14deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  29% {
    transform: rotate(10deg);
  }
  31% {
    transform: rotate(-8deg);
  }
  33% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  37% {
    transform: rotate(2deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }
  43% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .notification_link .notification_number {
  position: absolute;
  width: 24px;
  height: 24px;
  top: -12px;
  right: -12px;
  color: var(--text-black);
  background-color: var(--bg-yellow);
  font-weight: 700;
  border-radius: 50%;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .timeline-panel_dropdown {
  position: absolute;
  width: 25rem;
  top: 60px;
  right: 0;
  padding-top: 8px;
  background-color: var(--text-white);
  border: 1px solid var(--profile-border-colr);
  border-radius: 4px;
  display: none;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .timeline-panel_dropdown .timeline-panel_widget {
  padding: 0 8px;
  max-height: 380px;
  overflow-y: scroll;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .timeline-panel_dropdown .timeline-panel_widget .timeline li {
  position: relative;
  display: grid;
  grid-template-columns: 56px auto;
  margin-bottom: 20px;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .timeline-panel_dropdown .timeline-panel_widget .timeline li a {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 15px 8px;
  color: var(--text-black);
  border-radius: 4px;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .timeline-panel_dropdown .timeline-panel_widget .timeline li a .timeline-image {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .timeline-panel_dropdown .timeline-panel_widget .timeline li a .timeline-text h6 {
  font-size: 20px;
  margin-bottom: 0;
  font-weight: 700;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .timeline-panel_dropdown .timeline-panel_widget .timeline li a .timeline-text span {
  font-size: 16px;
  font-weight: 500;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .timeline-panel_dropdown .timeline-panel_widget .timeline li a:hover {
  background-color: var(--bg-light-periwinkle);
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .timeline-panel_dropdown .timeline-panel_widget .timeline .timeline-image {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .timeline-panel_dropdown .timeline-panel_widget .timeline .timeline-text h6 {
  font-size: 20px;
  margin: 10px 0 4px 0;
  font-weight: 700;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .timeline-panel_dropdown .timeline-panel_widget .timeline .timeline-text span {
  font-size: 16px;
  font-weight: 500;
}

.header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .timeline-panel_dropdown .all-notification {
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px;
  color: var(--text-black);
  border-top: 1px solid var(--profile-border-colr);
  font-weight: 600;
  font-size: 20px;
}

.header-profile-menu-show .header-profile {
  position: absolute !important;
  right: 0px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.header-profile-menu-show .background-overly {
  opacity: 0.5;
  visibility: visible;
}

.background-overly {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 9;
}

.header-main.sticky-header {
  transition: 0.3s;
  animation: headerSlideDown 0.95s ease 0s normal forwards 1 running;
}

@keyframes headerSlideDown {
  0% {
    margin-top: -100px;
  }
  100% {
    margin-top: 0;
  }
}

.header-profile {
  position: fixed;
  width: 400px;
  top: 86px;
  right: -450px;
  z-index: 99;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 20px 18px rgba(49, 57, 73, 0.6);
  background-color: var(--bg-light-periwinkle);
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 86px);
}

.header-profile .header-profile_inner {
  position: relative;
  padding-top: 40px;
  box-shadow: 0px 8px 18px rgba(49, 57, 73, 0.6);
  background-image: linear-gradient(#b2b7ff, var(--text-white));
  z-index: 9;
}

.header-profile .header-profile_inner .user-icon {
  width: 48px;
  height: 48px;
  display: block;
  margin: 0 auto;
  padding: 24px;
  background-color: var(--text-white);
  border-radius: 100%;
}

.header-profile .header-profile_inner .header-profile-account-info {
  padding: 18px 0;
  text-align: center;
}

.header-profile .header-profile_inner .header-profile-account-info .user-name {
  font-weight: 700;
  font-size: 18px;
}

.header-profile .header-profile_inner .header-profile-account-info .header-profile-user-icon {
  padding: 12px 0;
}

.header-profile .header-profile_inner .header-profile-account-info .header-profile-user-icon span {
  font-size: 18px;
  font-weight: 600;
}

.header-profile .header-profile_inner .header-profile-buttons {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.header-profile .header-profile_inner .header-profile-buttons .my-account,
.header-profile .header-profile_inner .header-profile-buttons .sign-out {
  width: 200px;
  padding: 16px 0;
  font-weight: 700;
  font-size: 18px;
  border-top: 1px solid var(--text-black);
  transition: all 0.3s ease-in-out;
}

.header-profile .header-profile_inner .header-profile-buttons .my-account:hover,
.header-profile .header-profile_inner .header-profile-buttons .sign-out:hover {
  background-color: var(--bg-periwinkle) !important;
}

.header-profile .header-profile_inner .header-profile-buttons .my-account {
  border-right: 1px solid var(--text-black);
}

.header-profile .header-profile_inner .header-profile-menu-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
}

.header-profile .user-booking-details {
  height: 100%;
  padding: 24px 13px 24px 30px;
  background-color: var(--bg-light-periwinkle);
  overflow-y: auto;
}

.header-profile .user-booking-details .user-booking-details_inner h5 {
  margin-bottom: 16px;
}

.header-profile .user-booking-details .user-booking-details_inner ul li a {
  color: var(--text-black);
  margin-bottom: 8px;
  padding: 20px 14px;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.header-profile .user-booking-details .user-booking-details_inner ul li a svg {
  margin: 0 8px 0 0;
  font-size: 1.5rem;
}

.header-profile .user-booking-details .user-booking-details_inner ul li a:hover {
  background-color: var(--bg-periwinkle);
}

.header-profile .header-profile_footer p {
  margin: 0;
  padding: 15px 20px;
  border-top: 1px solid var(--profile-border-colr);
  background-color: var(--bg-light-periwinkle);
  text-align: center;
}

/** END OF : Header **/
/** START OF : Main **/
main {
  flex: 1;
  padding-top: 86px;
  display: flex;
  flex-direction: column;
}

/** START OF : Registration Form **/
.sec-registration-form {
  position: relative;
}

.sec-registration-form .registration-title {
  font-family: 'Montserrat';
  text-align: center;
  font-weight: 700;
  margin-bottom: 40px;
  text-align: center;
  font-weight: 700;
  width: 100%;
  height: 200px;
  margin: 0px auto;
  display: grid;
  align-content: space-around;
  justify-content: center;
  align-items: center;
  justify-items: stretch;
}

.sec-registration-form .registration-form .registration-form-title {
  font-family: 'Poppins';
  margin-bottom: 0;
  font-weight: 700;
}

.sec-registration-form .registration-form form {
  margin: 16px 0 32px 0;
  padding-bottom: 32px;
  border-bottom: 2px solid var(--dark-gray);
}

.sec-registration-form .registration-form form .contact-form-item {
  margin-bottom: 32px;
}

.sec-registration-form .registration-form form .show-hide-password {
  position: relative;
}

.sec-registration-form .registration-form .registration-login-btn-img h3 {
  font-family: 'Montserrat';
  color: var(--dark-gray);
  text-align: center;
  line-height: 1.816;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 32px;
}

.sec-registration-form .registration-form .registration-login-btn-img img {
  left: -50%;
  top: 144px;
}

/** END OF : Registration Form **/
/** START OF : Telehealth Login Portal Page **/
.telehealth-login-portal {
  position: relative;
}

.telehealth-login-portal .telehealth-image {
  left: -50%;
  top: 64px;
}

/** END OF : Telehealth Login Portal Page **/
/** START OF : Speak Doctor Page **/
.talk-doctor-border {
  border: 3px solid var(--dark-gray);
  border-radius: 32px;
  box-shadow: inset 10px 5px 29px var(--bg-periwinkle);
}

.speak-doctor-titles {
  text-align: center;
  display: grid;
  height: 280px;
  align-content: center;
}

.speak-doctor-titles h1 {
  position: relative;
  font-weight: 700;
  margin-bottom: 0;
}

.speak-doctor-titles h3 {
  font-family: 'Montserrat';
  font-weight: 400;
  margin: 20px 0;
}

.speak-doctor-titles h2 {
  font-family: 'Montserrat';
  font-weight: 600;
  margin-bottom: 0;
}

.sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5rem 0;
}

.sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner a {
  cursor: pointer;
  display: block;
  font-size: 21px;
  color: var(--text-black);
  border: 1px solid var(--dark-gray);
  padding: 10px 12px;
  border-radius: 16px;
  width: 250px;
  max-width: 250px;
  transition: all 0.3s ease-in-out;
  margin-right: 32px;
  text-align: center;
}

.sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner a span {
  margin-left: 10px;
  font-family: 'Montserrat';
  font-weight: 600;
}

.sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner a:last-child {
  margin-right: 0;
}

.sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner .speciality_list, .sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner .phone-call_zoom-video-call {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner a:hover {
  color: var(--text-black);
  background-color: var(--text-white);
  border: 1px solid var(--dark-gray);
  border-left: 8px solid var(--bg-periwinkle);
  box-shadow: 8px 4px 15px var(--bg-periwinkle);
}

/** END OF : Speak Doctor Page **/
/** START OF : Help Page **/
.registration-title {
  font-family: 'Montserrat';
  text-align: center;
  font-weight: 700;
  margin-bottom: 40px;
  font-family: 'Montserrat';
  text-align: center;
  font-weight: 700;
  width: 100%;
  height: 210px;
  margin: 0px auto;
  display: grid;
  align-content: space-around;
  justify-content: center;
  align-items: center;
  justify-items: stretch;
}

.sec-help .container-fluid {
  max-width: 1440px;
}

.sec-help .container-fluid .help .help_inner {
  display: block;
  text-align: center;
  padding: 56px 24px 24px;
  border-radius: 23px;
  border: 1px solid var(--dark-gray);
  box-shadow: inset 8px 4px 15px var(--bg-periwinkle);
  margin-bottom: 30px;
  height: 195px;
  transition: all 0.3s ease-in-out;
}

.sec-help .container-fluid .help .help_inner h2 {
  color: var(--text-black);
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
  height: 52px;
  text-transform: capitalize;
}

.sec-help .container-fluid .help .help_inner p {
  font-family: 'Montserrat';
  color: var(--text-black);
  font-size: 20px;
  margin-bottom: 0;
  font-weight: 400;
}

.sec-help .container-fluid .help .help_inner:hover {
  border-left: 8px solid var(--bg-periwinkle);
  box-shadow: 8px 4px 15px var(--bg-periwinkle);
}

/** END OF : Help Page **/
/** START OF : Speak Doctor Page **/
.talk-doctor-border {
  border: 3px solid var(--dark-gray);
  border-radius: 32px;
  box-shadow: inset 10px 5px 29px var(--bg-periwinkle);
}

.speak-doctor-titles {
  text-align: center;
  display: grid;
  height: 280px;
  align-content: center;
}

.speak-doctor-titles h1 {
  font-weight: 700;
  margin-bottom: 0;
}

.speak-doctor-titles h3 {
  font-family: 'Montserrat';
  font-weight: 400;
  margin: 20px 0;
}

.speak-doctor-titles h2 {
  font-family: 'Montserrat';
  font-weight: 600;
  margin-bottom: 0;
}

.sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner a {
  display: block;
  font-size: 21px;
  color: var(--text-black);
  border: 1px solid var(--dark-gray);
  padding: 10px 12px;
  border-radius: 16px;
  width: 250px;
  max-width: 250px;
  transition: all 0.3s ease-in-out;
  margin-right: 32px;
  text-align: center;
}

.sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner a span {
  margin-left: 10px;
  font-family: 'Montserrat';
  font-weight: 600;
}

.sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner a:last-child {
  margin-right: 0;
}

.sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner a:hover {
  color: var(--text-black);
  background-color: var(--text-white);
  border: 1px solid var(--dark-gray);
  border-left: 8px solid var(--bg-periwinkle);
  box-shadow: 8px 4px 15px var(--bg-periwinkle);
}

/** END OF : Speak Doctor Page **/
/** START OF : Phone Call Form **/
.sec-phone-call_form .phone-call_form .phone-call_form_inner .contact-form-item {
  position: relative;
  padding: 60px 60px;
}

.sec-phone-call_form .phone-call_form .phone-call_form_inner .contact-form-item .contact-form-item_inner #mobile-error {
  position: absolute;
  bottom: -32px;
  left: 15px;
  color: var(--bg-periwinkle);
  font-weight: 700;
}

.sec-phone-call_form .phone-call_form .phone-call_form_inner .contact-form-item .contact-form-item_inner .phone-call_form-next-btn {
  font-family: 'Montserrat';
  display: block;
  border: 0;
  padding: 14px 32px;
  font-weight: 700;
  border-radius: 50px;
  background-color: var(--bg-periwinkle);
  margin: 32px auto 0 auto;
  width: 174px;
  max-width: 174px;
}

/** END OF : Phone Call Form **/
/** START OF : Phone Call Waiting Message **/
.sec-phone-call_waiting-page .phone-call_waiting-page .phone-call_waiting-page_inner {
  padding: 4rem 15px;
}

.sec-phone-call_waiting-page .phone-call_waiting-page .phone-call_waiting-page_inner h2 {
  text-align: center;
  font-size: 24px;
  font-family: 'Montserrat';
  font-weight: 600;
  margin-bottom: 0;
  line-height: 2;
}

.sec-phone-call_waiting-page .phone-call_waiting-page .phone-call_waiting-page_inner h2 span {
  display: block;
}

/** END OF : Phone Call Waiting Message **/
/** START OF : Telehealth Call **/
.sec-telehealth_call .telehealth_call .telehealth_call_inner {
  padding: 0 !important;
  border-radius: 16px !important;
}

.sec-telehealth_call .telehealth_call .telehealth_call_inner .telehealth_call-title {
  border-bottom: 2px solid var(--bg-periwinkle);
}

.sec-telehealth_call .telehealth_call .telehealth_call_inner .telehealth_call-title h4 {
  font-family: 'Montserrat';
  font-weight: 600;
  margin-bottom: 0;
  padding: 16px 30px;
  text-align: center;
}

.sec-telehealth_call .telehealth_call .telehealth_call_inner .telehealth_call_inner_content {
  padding: 16px 0;
}

.sec-telehealth_call .telehealth_call .telehealth_call_inner .telehealth_call_inner_content .telehealth_call_details .telehealth_call_details-icon {
  margin-bottom: 8px;
}

.sec-telehealth_call .telehealth_call .telehealth_call_inner .telehealth_call_inner_content .telehealth_call_details .telehealth_call_details-icon span {
  font-family: 'Montserrat';
  margin-left: 8px;
}

.sec-telehealth_call .telehealth_call .telehealth_call_inner .telehealth_call_inner_content .telehealth_call_description {
  font-family: 'Montserrat';
  padding: 0 30px;
}

.sec-telehealth_call .telehealth_call .telehealth_call_inner .telehealth_call_inner_content .telehealth_call_description h4 {
  font-weight: 600;
}

.sec-telehealth_call .telehealth_call .telehealth_call_inner .telehealth_call_inner_content .telehealth_call-btn {
  margin: 0 auto;
}

.sec-telehealth_call .telehealth_call .telehealth_call_inner .telehealth_call_inner_content .telehealth_call-btn input {
  font-family: 'Montserrat';
  display: block;
  margin: 0 auto;
  border: 0;
  padding: 10px 24px;
  font-weight: 700;
  border-radius: 8px;
  background-color: var(--bg-periwinkle);
}

/** END OF : Telehealth Call **/
/** START OF : Future Doctor **/
.sec-future_doctor .future_doctor .speak-doctor-titles {
  height: 200px;
}

.sec-future_doctor .future_doctor .future_doctor_select .future_doctor_select_inner label {
  display: block;
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 20px;
  text-align: center;
}

.sec-future_doctor .future_doctor .future_doctor_select .future_doctor_select_inner .future_doctor_selected {
  color: var(--text-dark-gray);
  padding: 14px 16px;
}

.sec-future_doctor .future_doctor .future_doctor_select .service-date {
  margin-top: -20px;
}

.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector {
  border: 1px solid var(--date-selector-border);
  margin: 15px 0;
  border-radius: 20px;
}

.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker {
  width: 100%;
  border: 0;
  padding: 2px 8px;
  display: flex;
  background-color: var(--light-periwinkle);
  border-radius: 19px;
  font-family: 'Montserrat';
  font-weight: 600;
}

.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker .xdsoft_datepicker {
  width: 100%;
  float: none;
  margin: 0;
}

.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table thead tr th {
  border: 0;
  font-size: 16px;
  color: var(--text-black);
  background-color: transparent;
}

.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td {
  border: 0;
  color: var(--text-black);
  background-color: transparent;
  text-align: center;
}

.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr .xdsoft_current {
  box-shadow: none;
  color: var(--text-white);
  background-color: var(--text-black);
  border-radius: 50px;
}

.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label,
.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month {
  color: var(--text-black);
  background-color: var(--light-periwinkle);
  z-index: 1;
}

.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label .xdsoft_select,
.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_label .xdsoft_monthselect,
.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month .xdsoft_select,
.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_monthpicker .xdsoft_month .xdsoft_monthselect {
  background-color: var(--light-periwinkle);
}

.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time_variant .xdsoft_time {
  border-top: 0;
  box-shadow: none;
  color: var(--text-black);
  background-color: var(--light-periwinkle);
  padding: 8px;
  height: auto;
  margin-bottom: 4px;
}

.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time_variant .xdsoft_current {
  color: var(--text-white);
  background-color: var(--text-black);
  border-radius: 50px;
}

.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time_variant .xdsoft_time:hover {
  border-radius: 50px;
  color: var(--text-white) !important;
  background-color: var(--text-black) !important;
}

.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker .xdsoft_month {
  width: auto;
  text-align: inherit;
}

.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker .xdsoft_year {
  width: auto;
}

.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selected {
  display: inline-block;
  font-family: 'Montserrat';
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  margin: 32px 0;
  padding: 24px 40px;
  background-color: var(--light-green);
  border-radius: 40px;
}

.sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-btn ul li a {
  padding: 14px 0;
}

.service-date-title {
  font-size: 20px;
  text-align: center;
}

.service-date-title-text {
  font-size: 2rem;
  margin-bottom: 32px;
}

.day-month-year-title {
  color: var(--link-color);
}

.selector-item_radio:checked + .selector-item_label {
  color: var(--text-white) !important;
  background-color: var(--link-color);
}

.service-time-selector::-webkit-scrollbar {
  width: 8px;
}

.service-time-selector::-webkit-scrollbar-track {
  background-color: var(--service-time-bg);
}

.service-time-selector::-webkit-scrollbar-thumb {
  background-color: var(--service-time-thumb-bg);
  border-radius: 6px;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  opacity: 1;
  filter: brightness(0);
}

.xdsoft_datetimepicker .xdsoft_label .xdsoft_select.xdsoft_monthselect,
.xdsoft_datetimepicker .xdsoft_label .xdsoft_select.xdsoft_yearselect {
  right: 0;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label .xdsoft_select div .xdsoft_option.xdsoft_current {
  color: var(--text-white);
  background-color: var(--bg-periwinkle);
  box-shadow: none;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label .xdsoft_select div .xdsoft_option:hover {
  color: var(--text-white);
  background-color: var(--bg-periwinkle);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover {
  color: var(--text-white) !important;
  background-color: var(--text-black) !important;
  border-radius: 50px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  margin: 0 auto 7px auto !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  margin: 7px auto 0 auto !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: var(--loader-color) !important;
}

/** END OF : Future Doctor **/
/** START OF : Telehealth Pay **/
.sec-telehealth_pay .telehealth_pay .speak-doctor-titles {
  height: 180px;
}

.sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay-title {
  font-family: 'Montserrat';
  font-weight: 600;
  padding: 16px 24px;
  color: var(--text-white);
  background-color: var(--bg-periwinkle);
  border-radius: 20px;
  border: 1px solid var(--dark-gray);
  margin-bottom: 16px;
}

.sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content {
  padding: 32px 0px;
  border: 1px solid var(--dark-gray);
  border-radius: 20px;
}

.sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_heading {
  display: flex;
  justify-content: space-between;
  font-family: 'Montserrat';
  padding: 0 32px;
  border-bottom: 1px solid var(--dark-gray);
}

.sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_heading h5,
.sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_heading h6 {
  font-weight: 600;
}

.sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_body {
  padding: 30px 32px 0;
}

.sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_body .telehealth_pay_inner_body-title-total_inner .telehealth_pay_inner_body-title-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'Montserrat';
  margin-bottom: 12px;
}

.sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_body .telehealth_pay_inner_body-title-total_inner .telehealth_pay_inner_body-title-total .telehealth_pay_inner_body-title h5,
.sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_body .telehealth_pay_inner_body-title-total_inner .telehealth_pay_inner_body-title-total .telehealth_pay_inner_body-total h5 {
  font-weight: 600;
  margin-bottom: 0;
}

.sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_body .apply-coupon {
  margin-top: 40px;
}

.sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_body .apply-coupon form .contact-form-item {
  display: flex;
  background-color: var(--bg-gray);
  border-radius: 8px;
}

.sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_body .apply-coupon form .contact-form-item .apply-coupon-btn {
  font-family: 'Montserrat';
  font-weight: 600;
  border: 1px solid var(--dark-gray);
  border-radius: 8px;
  background-color: var(--bg-periwinkle);
  padding: 0 12px;
  font-size: 14px;
}

.sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .apply-coupon-btn ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 8px 0;
}

.sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .apply-coupon-btn ul li a {
  display: block;
  margin-left: 8px;
  font-family: 'Montserrat';
  font-weight: 700;
  padding: 6px 24px;
  background-color: var(--bg-periwinkle);
  border-radius: 8px;
  color: var(--text-black);
}

.sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .pay-images .service-date-title {
  font-family: 'Montserrat';
  font-weight: 600;
  text-align: center;
}

.sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .pay-images .stripe_box a img {
  width: 200px;
}

/** END OF : Telehealth Pay **/
/** START OF : Booking **/
.sec-booking .booking .booking-informations {
  padding: 12px;
  border: 2px solid var(--light-black);
}

.sec-booking .booking .booking-informations h4 {
  font-family: 'Montserrat';
  font-weight: 700;
  margin: 12px 0px 20px;
  text-align: center;
}

.sec-booking .booking .booking-informations .hiddensearch {
  display: none;
}

.sec-booking .booking .booking-informations .table {
  margin: 0 !important;
  border-collapse: collapse !important;
}

.sec-booking .booking .booking-informations .table thead tr {
  background-image: linear-gradient(var(--text-white), var(--bg-periwinkle));
}

.sec-booking .booking .booking-informations .table thead tr th {
  font-size: 22px;
  padding: 1.844rem 0.5rem;
  border: 1px solid var(--table-border-color);
  vertical-align: top;
}

.sec-booking .booking .booking-informations .table thead tr th input[type="checkbox"] {
  position: relative;
  left: 0;
  visibility: visible;
}

.sec-booking .booking .booking-informations .table tbody tr td {
  position: relative;
  padding: 1rem 0.5rem;
  border: 1px solid var(--table-border-color);
  font-size: 22px;
  font-weight: 500;
  vertical-align: middle;
}

.sec-booking .booking .booking-informations .table tbody tr td input[type="checkbox"] {
  position: relative;
  left: 0;
  visibility: visible;
}

.sec-booking .booking .booking-informations .table tbody tr td span {
  display: inline-block;
}

.sec-booking .booking .booking-informations .table tbody tr td .cancle-icon-btn {
  color: var(--color-red);
  font-weight: 700;
}

.sec-booking .booking .booking-informations .table tbody tr td .view-appoinment-btn {
  cursor: pointer;
  width: auto !important;
  background-color: var(--bg-periwinkle);
}

.sec-booking .booking .booking-informations .table tbody tr td .pay-now-btn, .sec-booking .booking .booking-informations .table tbody tr td .view-appoinment-btn {
  width: 88px;
  padding: 5px 18px;
  border-radius: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

.sec-booking .booking .booking-informations .table tbody .even {
  background-color: var(--bg-table-even);
}

.sec-booking .booking .booking-informations .table-footer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 8px;
  background-color: var(--bg-table-even);
}

.sec-booking .booking .booking-informations .table-footer .dataTables_length label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  color: var(--text-black);
}

.sec-booking .booking .booking-informations .table-footer .dataTables_length label .browser-default {
  height: auto;
  padding: 6px 12px;
  margin-left: 4px;
  border-radius: 0;
  border: 1px solid var(--table-border-color);
  background-color: var(--text-white) !important;
}

.sec-booking .booking .booking-informations .table-footer .dataTables_paginate {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.sec-booking .booking .booking-informations .table-footer .dataTables_paginate ul {
  display: flex;
  margin-left: 6px;
}

.sec-booking .booking .booking-informations .table-footer .dataTables_paginate ul li a {
  display: block;
  width: 24px;
  height: 24px;
}

.sec-booking .booking .nav-tabs-table .nav-tabs {
  border-bottom: 1px solid var(--text-black);
}

.sec-booking .booking .nav-tabs-table .nav-tabs .nav-item .nav-link {
  color: var(--text-black);
  font-weight: 700;
  font-size: 20px;
  padding: 1rem 2rem;
}

.sec-booking .booking .nav-tabs-table .nav-tabs .nav-item .nav-link:hover {
  background-color: var(--bg-periwinkle);
  border-color: var(--text-black) var(--text-black) transparent;
}

.sec-booking .booking .nav-tabs-table .nav-tabs .nav-item .nav-link.active {
  background-color: var(--bg-periwinkle);
  border-color: var(--text-black) var(--text-black) transparent;
}

.sec-booking .booking .nav-tabs-table .tab-content .tab-pane .booking-informations {
  border-top: 0;
}

.sec-booking .booking .nav-tabs-table .tab-content .tab-pane .booking-informations .material-table .dataTables_wrapper .dataTables_length {
  float: inherit;
}

.sec-booking .booking .nav-tabs-table .tab-content .tab-pane .booking-informations .material-table .dataTables_wrapper .dataTables_length label {
  margin-bottom: 2rem;
  font-size: 20px;
  font-weight: 700;
}

.sec-booking .booking .nav-tabs-table .tab-content .tab-pane .booking-informations .material-table .dataTables_wrapper .dataTables_length label select {
  width: auto;
  border-color: var(--bg-periwinkle) !important;
  background-color: var(--bg-periwinkle) !important;
  margin: 0 0.5rem;
}

.sec-booking .booking .nav-tabs-table .tab-content .tab-pane .booking-informations .material-table .dataTables_wrapper .dataTables_filter {
  float: none;
  text-align: inherit;
}

.sec-booking .booking .nav-tabs-table .tab-content .tab-pane .booking-informations .material-table .table-footer {
  display: none;
}

.sec-booking .booking .material-table .dataTables_wrapper .dataTables_length label {
  margin-bottom: 2rem;
  font-size: 20px;
  font-weight: 700;
}

.sec-booking .booking .material-table .dataTables_wrapper .dataTables_length label select {
  width: auto;
  border-color: var(--bg-periwinkle) !important;
  background-color: var(--bg-periwinkle) !important;
  margin: 0 0.5rem;
}

.sec-booking .booking .material-table .dataTables_wrapper .dataTables_length label select option {
  font-weight: 600;
}

.collapsed thead tr th:first-child {
  padding: 0.5rem 16px !important;
}

.collapsed tbody tr .child {
  padding: 0 !important;
}

.collapsed tbody tr .child ul {
  width: 100%;
}

.collapsed tbody tr .child ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left !important;
  padding: 0.5rem !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  font-size: 20px;
  font-weight: 600;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: var(--text-black) !important;
  background-color: var(--bg-periwinkle);
  background-image: none;
  border: 1px solid var(--text-black);
  font-size: 20px;
  font-weight: 600;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: var(--text-black) !important;
  background-color: var(--bg-periwinkle);
  background-image: none;
}

.dataTables_info {
  display: none;
}

.dataTables_paginate {
  float: inherit !important;
  width: 100%;
  text-align: center !important;
  padding-top: 0 !important;
  margin-top: 16px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  color: var(--text-black) !important;
}

/** END OF : Booking **/
/** START OF : Telehealth Inquiry **/
.sec-telehealth_inquiry .telehealth_inquiry .telehealth_inquiry-textarea {
  padding: 4rem 40px 4rem;
}

.sec-telehealth_inquiry .telehealth_inquiry .telehealth_inquiry-textarea textarea {
  height: 170px;
  padding: 12px 12px;
  font-weight: 400;
  border: 2px solid var(--dark-gray);
  font-size: 24px;
  background-color: var(--text-white) !important;
  color: var(--text-black) !important;
  font-weight: 600;
}

/** END OF : Telehealth Inquiry **/
/** START OF : Phone Verification Form **/
.sec-phone_verification_form .phone_verification_form form .talk-doctor-border {
  padding: 32px 32px;
}

.sec-phone_verification_form .phone_verification_form form .talk-doctor-border .speak-doctor-titles {
  height: auto;
}

.sec-phone_verification_form .phone_verification_form form .talk-doctor-border .speak-doctor-titles h1 {
  font-weight: 600;
}

.sec-phone_verification_form .phone_verification_form form .talk-doctor-border .phone_call_verification_form_inputs {
  margin: 20px 0;
  text-align: center;
}

.sec-phone_verification_form .phone_verification_form form .talk-doctor-border .phone_call_verification_form_inputs input[type="number"] {
  position: relative;
  width: 48px;
  min-height: 3.5rem;
  margin: 0 4px;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.5rem;
  border: 1.5px solid var(--text-black);
  border-radius: 0.25rem;
  color: var(--text-black);
  background-color: var(--text-white);
  outline: none;
  text-align: center;
}

.sec-phone_verification_form .phone_verification_form form .talk-doctor-border .phone_call_verification_form_inputs input[type="number"]:focus {
  border-color: var(--bg-periwinkle);
  box-shadow: inset 0 0 0 0.125rem var(--bg-periwinkle), 0 0 0 0.375rem rgba(16, 114, 235, 0.16);
}

.sec-phone_verification_form .phone_verification_form form .talk-doctor-border .phone_call_verification_form_inputs input::-webkit-outer-spin-button,
.sec-phone_verification_form .phone_verification_form form .talk-doctor-border .phone_call_verification_form_inputs input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/** END OF : Phone Verification Form **/
#pr-box i {
  width: 0;
  height: 0;
  margin-left: 20px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid var(--bg-periwinkle) !important;
}

#pr-box.light p {
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: var(--text-black) !important;
  background-color: var(--bg-periwinkle) !important;
  margin-bottom: 0 !important;
}

#pr-box.light ul {
  padding-top: 16px !important;
  background-color: var(--text-white) !important;
}

#pr-box.light ul li span {
  border: 3px solid var(--bg-periwinkle) !important;
  background-color: var(--text-white) !important;
}

#pr-box.light ul li span.pr-ok {
  background-color: var(--bg-periwinkle) !important;
}

.section-center {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/** START OF : Banner **/
.sec-banner {
  position: relative;
  z-index: 1;
}

.sec-banner .banner {
  background-color: var(--bg-peach);
}

.sec-banner .banner .container-fluid {
  padding: 0;
}

.sec-banner .banner .container-fluid .banner_inner {
  display: inline-block;
  width: 100%;
  padding: 18rem 0;
}

.sec-banner .banner .container-fluid .banner_inner .banner_content {
  position: relative;
  padding: 10px 15px;
  z-index: 99;
}

.sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-text-image h1 {
  font-family: "Bebas Neue";
  font-size: 7rem;
  margin-bottom: 2rem;
  line-height: 0.9;
  font-weight: 600;
  text-align: center;
}

.sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-title-link {
  text-align: center;
}

.sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-title-link h4 {
  font-size: 2.5rem;
  margin-bottom: 0;
}

.sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-title-link h3 {
  font-size: 2rem;
  font-weight: 700;
}

.sec-banner .banner .container-fluid .banner_inner .banner_image {
  float: right;
  margin: 50px 16px 0 0;
}

.sec-banner .banner .container-fluid .banner_inner .banner_image img {
  width: 600px;
  height: 600px;
  border-radius: 100%;
  object-fit: cover;
  border: 8px solid var(--text-white);
}

.sec-banner .custom-shape-divider {
  position: relative;
}

.sec-banner .custom-shape-divider_first {
  position: absolute;
  width: 100%;
  height: 66px;
  top: -1px;
  left: 0;
  fill: var(--bg-peach);
  transform: rotate(180deg);
  z-index: 9;
}

/** END OF : Banner **/
/** START OF : Choose Help **/
.b-green {
  background-image: linear-gradient(140deg, var(--text-green), var(--text-white)) !important;
}

.b-green svg {
  color: var(--text-green) !important;
}

.b-orange {
  background-image: linear-gradient(140deg, var(--text-orange), var(--text-white)) !important;
}

.b-orange svg {
  color: var(--text-orange) !important;
}

.sec-choose-help {
  text-align: center;
  font-family: 'Montserrat';
  padding-bottom: 4rem;
}

.sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list {
  margin: 4rem 0 8rem 0;
}

.sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul li a {
  position: relative;
  display: flex;
  width: 200px;
  max-width: 200px;
  height: 200px;
  background-image: linear-gradient(140deg, var(--bg-periwinkle), var(--text-white));
  border-radius: 50%;
  padding: 16px 16px;
  margin: 0 8px 8px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 10px 3px rgba(45, 45, 51, 0.2);
  transition: all 0.3s ease;
}

.sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul li a svg {
  font-size: 4rem;
  padding: 16px;
  color: var(--text-black);
  transition: all 0.3s ease;
  z-index: 9;
}

.sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul li a::after {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  left: 10px;
  bottom: 10px;
  border-radius: 50%;
  background-color: var(--text-white);
}

.sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul li span {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: var(--text-black);
  margin-top: 16px;
}

/** END OF : Choose Help **/
/** START OF : How It Work **/
.sec-how-it-works {
  position: relative;
  font-family: 'Montserrat';
  background-color: var(--off-light-white);
}

.sec-how-it-works .how-it-works {
  position: relative;
  padding-top: 15rem;
  z-index: 99;
}

.sec-how-it-works .how-it-works .how-it-works_inner {
  padding-bottom: 5rem;
}

.sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_image-title {
  position: relative;
  text-align: center;
  border-radius: 12px;
  background-color: var(--text-white);
  box-shadow: 0 3px 6px 0 rgba(45, 45, 51, 0.08);
  transition: 0.3s ease;
  z-index: 99;
}

.sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_image-title .how-it-works_inner_image {
  position: relative;
}

.sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_image-title .how-it-works_inner_image img {
  border-radius: 12px 12px 0 0;
}

.sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_image-title .how-it-works_inner_title-icon {
  padding: 60px 16px;
}

.sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_image-title .how-it-works_inner_title-icon .how-it-works_inner_title h4 {
  font-size: 1.42rem;
  font-weight: 600;
  margin-bottom: 0;
}

.sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_image-title:hover {
  background-color: var(--off-light-white);
  box-shadow: 0 3px 6px 0 #2d2d33;
}

.sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_right-side-icon {
  width: 100px;
}

.sec-how-it-works .how-it-works .how-it-works_inner .responsive_right-side-icon {
  display: none;
}

.custom-shape-divider_sec {
  position: relative;
  top: -1px;
  transform: rotate(180deg);
  fill: var(--off-light-white);
}

.profile_form .row .contact-form-item,
.profile_password_form .row .contact-form-item {
  margin-bottom: 2rem;
}

/** END OF : How It Work **/
/** END OF : Main **/
/** START OF : Footer **/
.footer-main {
  width: 100%;
  z-index: -100;
  padding: 10px 0;
  color: var(--text-white);
  background-color: var(--bg-footer);
}

.footer-main .footer-main-text p {
  text-align: center;
  margin-bottom: 0;
  font-weight: 600;
}

/** END OF : Footer **/
/** START OF : Media Query **/
@media (min-width: 1400px) {
  .container {
    max-width: 1400px;
  }
}

@media (min-width: 1640px) and (max-width: 1899px) {
  .sec-banner .banner .container-fluid .banner_inner {
    padding: 13rem 0;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_content .banner_image img {
    width: 500px;
    height: 500px;
  }
}

@media (min-width: 768px) and (max-width: 1665px) {
  .sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_image-title .how-it-works_inner_title-icon {
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media (min-width: 1366px) and (max-width: 1639px) {
  .get-start-button {
    padding: 3.5rem 0;
  }
  .sec-banner .banner .container-fluid .banner_inner {
    padding: 12rem 0;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-text-image h1 {
    font-size: 5.4rem;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_content .banner_image img {
    width: 480px;
    height: 480px;
  }
}

@media (min-width: 1200px) and (max-width: 1590px) {
  .sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_image-title .how-it-works_inner_title-icon {
    height: 180px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .speak-doctor-titles h1 {
    font-size: 2.1rem;
  }
}

@media (min-width: 1200px) and (max-width: 1365px) {
  .get-start-button {
    padding: 2.3rem 0;
  }
  .get-start-button .get-start-btn {
    padding: 1.5rem 3.5rem;
  }
  .sec-banner .banner .container-fluid .banner_inner {
    padding: 14rem 0;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-text-image h1 {
    font-size: 5rem;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-title-link h3 {
    font-size: 1.75rem;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_content .banner_image img {
    width: 400px;
    height: 400px;
  }
  .sec-help .container-fluid .help .help_inner {
    padding: 56px 10px 24px;
  }
  .sec-help .container-fluid .help .help_inner h2 {
    font-size: 22px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .width-85 {
    flex: 0 0 85%;
    max-width: 85%;
  }
  .speak-doctor-titles h1 {
    font-size: 1.77rem;
  }
  .sec-help .container-fluid .help .help_inner {
    padding: 64px 16px 16px;
    margin-bottom: 20px;
  }
  .sec-help .container-fluid .help .help_inner h2 {
    font-size: 20px;
  }
  .sec-help .container-fluid .help .help_inner p {
    font-size: 18px;
  }
  .sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_image-title .how-it-works_inner_title-icon {
    height: 180px;
  }
  .sec-banner .banner .container-fluid .banner_inner {
    padding: 10rem 0;
  }
  .sec-phone-call_form .phone-call_form .phone-call_form_inner .contact-form-item {
    padding: 60px 16px;
  }
}

@media (min-width: 875px) and (max-width: 991px) {
  .sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_image-title .how-it-works_inner_title-icon {
    height: 150px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner a {
    margin-bottom: 32px;
  }
  .sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner a:last-child {
    margin-bottom: 0;
  }
  .sec-booking .booking .booking-informations .table tbody tr td .pay-now-btn, .sec-booking .booking .booking-informations .table tbody tr td .view-appoinment-btn {
    padding: 5px 7px;
    border-radius: 5px;
  }
}

@media (min-width: 768px) and (max-width: 874px) {
  .sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_image-title .how-it-works_inner_title-icon {
    padding: 0 16px;
    height: 150px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .p-lr-2 {
    padding: 0 1.25rem;
  }
  .registration-form-title {
    font-size: 1.5rem;
  }
  .registration-login-btn-img img, .telehealth-image {
    width: 120px;
  }
  .booking-title h1 span {
    font-size: 1.5rem;
  }
  .come_join_telehealth {
    margin: 6rem 0;
  }
  .header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list {
    padding: 6px 0;
  }
  .header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .timeline-panel_dropdown {
    top: 49px;
  }
  .header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .notification_link {
    margin-right: 12px;
  }
  .header-profile {
    top: 64px;
    height: calc(100vh - 64px);
  }
  main {
    padding-top: 64px;
  }
  .sec-telehealth-login-portal .telehealth-login-portal .telehealth-image {
    position: relative;
    display: block;
    left: 0;
    top: 0;
    margin: 16px auto 0;
  }
  .sec-registration-form .registration-form .registration-login-btn-img img {
    position: relative;
    display: block;
    left: 0;
    top: 0;
    margin: 16px auto 0;
  }
  .sec-help .container-fluid .help .help_inner {
    padding: 60px 20px 20px;
    margin-bottom: 20px;
  }
  .sec-future_doctor .future_doctor .future_doctor_select .service-date .service-time-selector .selector-item .selector-item_label {
    min-width: 116px;
  }
  .sec-how-it-works .how-it-works {
    padding-top: 10rem;
  }
  .sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_image-title .how-it-works_inner_title-icon .how-it-works_inner_title h4 {
    font-size: 0.93rem;
  }
  .sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_right-side-icon {
    width: 80px;
  }
  .sec-banner .banner .container-fluid .banner_inner {
    padding: 8rem 0;
  }
  .sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul li a {
    width: 180px;
    max-width: 180px;
    height: 180px;
  }
  .sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul li a svg {
    font-size: 3.5rem;
  }
  .sec-booking .booking .booking-informations .table thead tr th {
    font-size: 20px;
  }
  .sec-booking .booking .booking-informations .table tbody tr td {
    font-size: 20px;
  }
  .sec-booking .booking .booking-informations .table tbody tr td .pay-now-btn, .sec-booking .booking .booking-informations .table tbody tr td .view-appoinment-btn {
    font-size: 15px;
  }
}

@media (min-width: 568px) and (max-width: 991px) {
  .speak-doctor-titles h1 {
    font-size: 2rem;
  }
  .speak-doctor-titles h3 {
    font-size: 1.25rem;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul li a {
    width: 100px;
    max-width: 100px;
    height: 100px;
    margin: 0 8px 20px;
  }
  .sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul li a svg {
    padding: 4px;
    font-size: 1.7rem;
  }
  .sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul li span {
    font-size: 13px;
  }
  .sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul li:last-child a {
    margin: 0 8px 0;
  }
}

@media (min-width: 568px) and (max-width: 991px) {
  .sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list {
    margin: 0 0 5rem 0;
  }
}

@media (min-width: 568px) and (max-width: 767px) {
  .come_join_telehealth {
    margin: 6rem 0;
  }
  .header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .header-main_logo a span {
    font-size: 1.5rem;
  }
  .header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .login-consult-btn .login-consult-btn_inner li .login-registration-btn {
    font-size: 16px;
  }
  .sec-registration-form .registration-title {
    font-size: 2rem;
  }
  .sec-registration-form .registration-form {
    width: 340px;
    margin: 0 auto;
  }
  .sec-registration-form .registration-form .registration-form-title {
    font-size: 1.2rem;
  }
  .sec-registration-form .registration-form form {
    margin: 10px 0 40px 0;
  }
  .sec-registration-form .registration-form .registration-login-btn-img h3 {
    font-size: 1.2rem;
  }
  .sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner .speciality_list .speciality_list_inner {
    width: 220px;
    max-width: 220px;
  }
  .sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner .phone-call_zoom-video-call a {
    font-size: 18px;
    width: 220px;
    max-width: 220px;
  }
  .sec-phone-call_form .phone-call_form .phone-call_form_inner {
    padding: 60px 24px;
  }
  .sec-help .container-fluid .help .registration-title {
    font-size: 2rem;
  }
  .sec-help .container-fluid .help .row .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sec-help .container-fluid .help .row .col-sm-6 .help_inner {
    padding: 54px 16px 16px;
  }
  .sec-help .container-fluid .help .row .col-sm-6 .help_inner h2 {
    font-size: 18px;
  }
  .sec-help .container-fluid .help .row .col-sm-6 .help_inner p {
    font-size: 16px;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-text-image h1 {
    font-size: 5rem;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-title-link h4 {
    font-size: 2.25rem;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-title-link h3 {
    font-size: 1.5rem;
  }
}

@media (min-width: 320px) and (max-width: 567px) {
  .speak-doctor-titles h1 {
    font-size: 2rem;
  }
  .speak-doctor-titles h3 {
    font-size: 1.5rem;
  }
  .landing-page_title h2 {
    font-size: 1.27rem;
  }
  .landing-page_title h2 b {
    font-size: 1.75rem;
  }
  .get-start-button .get-start-btn {
    font-size: 1.5rem;
  }
  .header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .header-main_logo a span {
    display: none;
  }
  .header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .header-main_logo a .responsive-logo {
    display: block;
    font-size: 1.5rem;
  }
  .sec-registration-form .registration-title {
    font-size: 1.5rem;
    text-align: left;
    margin: 0 auto;
  }
  .sec-registration-form .registration-form {
    width: 280px;
    margin: 0 auto;
  }
  .sec-registration-form .registration-form .registration-form-title {
    font-size: 1rem;
  }
  .sec-registration-form .registration-form form {
    margin: 10px 0 25px 0;
  }
  .sec-registration-form .registration-form .registration-login-btn-img h3 {
    font-size: 1rem;
  }
  .sec-help .container-fluid .help .registration-title {
    font-size: 1.75rem;
  }
  .sec-phone_verification_form .phone_verification_form form .talk-doctor-border .phone_call_verification_form_inputs {
    width: 220px;
    margin: 20px auto;
  }
  .sec-phone_verification_form .phone_verification_form form .talk-doctor-border .phone_call_verification_form_inputs input[type="number"] {
    margin: 0 4px 4px;
  }
  .service-date-title-text {
    font-size: 1.5rem;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-text-image h1 {
    font-size: 3.25rem;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-title-link h4 {
    font-size: 1.75rem;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-title-link h3 {
    font-size: 1.2rem;
  }
}

@media (min-width: 280px) and (max-width: 567px) {
  .get-start-button {
    padding: 3rem 0;
  }
  .come_join_telehealth {
    margin: 5rem 0;
  }
  .header-profile .header-profile_inner {
    padding-top: 28px;
  }
  .header-profile .header-profile_inner .user-icon {
    width: 32px;
    height: 32px;
    padding: 20px;
  }
  .header-profile .header-profile_inner .header-profile-account-info {
    padding: 14px 0;
  }
  .header-profile .user-booking-details {
    padding: 16px 20px;
  }
  .header-profile .user-booking-details .user-booking-details_inner h5 {
    font-size: 1.14rem;
  }
  .header-profile .header-profile_footer p {
    padding: 11px 20px;
  }
  .header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .header-main_logo a span {
    display: none;
  }
  .header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .header-main_logo a .responsive-logo {
    display: block;
  }
  .header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .login-consult-btn .login-consult-btn_inner li .login-registration-btn {
    font-size: 16px;
  }
  .header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .login-consult-btn .login-consult-btn_inner .login-btn {
    display: none;
  }
  .header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li a .prfimg {
    margin-right: 0;
  }
  .header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li a .menuprfname {
    display: none;
  }
  .sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner {
    display: block;
    padding: 50px 15px;
  }
  .sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner .speciality_list {
    display: block;
  }
  .sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner .speciality_list .speciality_list_inner {
    width: auto;
    max-width: inherit;
  }
  .sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner .speciality_list .speciality_list_inner:first-child {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner .phone-call_zoom-video-call {
    display: block;
  }
  .sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner .phone-call_zoom-video-call a {
    width: auto;
    max-width: inherit;
    font-size: 16px;
  }
  .sec-speak-doctor .speak-doctor .talk-doctor .talk-doctor_inner .phone-call_zoom-video-call a:first-child {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .sec-phone-call_form .phone-call_form .phone-call_form_inner {
    padding: 32px 20px;
  }
  .sec-phone-call_form .phone-call_form .phone-call_form_inner .contact-form-item {
    padding: 32px 24px;
  }
  .sec-help .container-fluid .help .help_inner {
    height: auto;
    padding: 24px 24px;
  }
  .sec-help .container-fluid .help .help_inner h2 {
    font-size: 18px;
    margin-bottom: 0;
    height: inherit;
  }
  .sec-help .container-fluid .help .help_inner p {
    font-size: 16px;
  }
  .sec-future_doctor .future_doctor .future_doctor_select .speciality_list {
    display: block;
  }
  .sec-future_doctor .future_doctor .future_doctor_select .speciality_list_inner:first-child {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .sec-future_doctor .future_doctor .future_doctor_select .speciality_list_inner {
    width: auto;
    max-width: inherit;
  }
  .sec-telehealth_pay .telehealth_pay .speak-doctor-titles h1 {
    font-size: 1.4rem;
  }
  .sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay-title {
    font-size: 1.25rem;
  }
  .sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_heading {
    padding: 0 12px;
  }
  .sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_heading .telehealth_pay_inner_heading-title h5,
  .sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_heading .telehealth_pay_inner_heading-total h5 {
    font-size: 1rem;
  }
  .sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_heading .telehealth_pay_inner_heading-title h6 {
    font-size: 0.8rem;
  }
  .sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_body {
    padding: 0.5rem 12px 0;
  }
  .sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_body .telehealth_pay_inner_body-title-total_inner .telehealth_pay_inner_body-title-total .telehealth_pay_inner_body-title h5,
  .sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content .telehealth_pay_inner_body .telehealth_pay_inner_body-title-total_inner .telehealth_pay_inner_body-title-total .telehealth_pay_inner_body-total h5 {
    font-size: 1rem;
  }
  .width-85 {
    padding-left: 0;
    padding-right: 0;
  }
  .width-85 .future_doctor_select form .service-date .row .col-lg-10 {
    padding: 0 10px;
  }
  .sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector {
    margin: 12px 0;
  }
  .sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selector .xdsoft_datetimepicker {
    flex-direction: column;
    align-items: center;
    padding: 2px 2px;
  }
  .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    width: 50% !important;
    margin: 8px 0 0;
  }
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 96px !important;
    padding: 0 !important;
  }
  .sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list {
    margin: 0 0 5rem 0;
  }
}

@media (min-width: 280px) and (max-width: 420px) {
  .header-profile {
    width: 250px;
  }
  .header-profile .header-profile_inner .header-profile-buttons .my-account,
  .header-profile .header-profile_inner .header-profile-buttons .sign-out {
    width: 125px;
  }
  .sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul li {
    margin-bottom: 16px;
  }
  .sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul li:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 280px) and (max-width: 319px) {
  .p-lr-2 {
    padding: 0 15px;
  }
  .landing-page_title h2 {
    font-size: 1.05rem;
  }
  .landing-page_title h2 b {
    font-size: 1.5rem;
  }
  .speak-doctor-titles h1 {
    font-size: 1.75rem;
  }
  .speak-doctor-titles h3 {
    font-size: 1.25rem;
  }
  .get-start-button .get-start-btn {
    font-size: 1.25rem;
  }
  .header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .header-main_logo a span {
    font-size: 1.4rem;
  }
  .header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .login-consult-btn .login-consult-btn_inner li .login-registration-btn {
    font-size: 15px;
  }
  .sec-registration-form .registration-form .registration-title {
    height: 160px;
    font-size: 1rem;
    text-align: left;
    justify-content: flex-start;
  }
  .sec-registration-form .registration-form .registration-form-title {
    font-size: 1rem;
  }
  .sec-registration-form .registration-form .registration-login-btn-img .registration-login-btn-img_image img {
    position: relative;
    display: block;
    right: inherit;
    border: inherit;
    margin: 10px auto;
    width: 100px;
  }
  .sec-help .container-fluid .help .registration-title {
    font-size: 1.5rem;
  }
  .sec-phone_verification_form .phone_verification_form form .talk-doctor-border .phone_call_verification_form_inputs {
    width: 180px;
    margin: 20px auto;
  }
  .sec-phone_verification_form .phone_verification_form form .talk-doctor-border .phone_call_verification_form_inputs input[type="number"] {
    width: 40px;
    min-height: 3rem;
    margin: 0 4px 4px;
  }
  .sec-telehealth_inquiry .telehealth_inquiry form .telehealth_inquiry-textarea {
    padding: 32px 32px 28px;
  }
  .sec-future_doctor .future_doctor .future_doctor_select .service-date .service-date-selected {
    font-size: 16px;
  }
  .service-date-title-text {
    font-size: 1.1rem;
    margin-bottom: 32px;
  }
  .xdsoft_datetimepicker * {
    font-size: 14px !important;
    padding: 5px 2px !important;
  }
  .collapsed tbody tr .child ul li {
    font-size: 14px;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-text-image h1 {
    font-size: 3.5rem;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-title-link h4 {
    font-size: 20px;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-title-link h3 {
    font-size: 1rem;
  }
  .sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul li a {
    width: 130px;
    max-width: 130px;
    height: 130px;
    margin: 0 8px 20px;
  }
  .sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul li a svg {
    font-size: 2.25rem;
  }
  .sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul li span {
    font-size: 16px;
  }
  .sec-choose-help .choose-help .choose-help_inner .choose-help_inner_list ul li:last-child a {
    margin: 0 8px 0;
  }
  .sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_image-title {
    width: 100% !important;
  }
}

@media (max-width: 1199px) {
  .sec-banner .banner .container-fluid .banner_inner .banner_content {
    padding-right: 15px;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_content .banner_content-text-image h1 {
    line-height: inherit;
  }
  .sec-banner .banner .container-fluid .banner_inner .banner_image img {
    display: none;
  }
}

@media (max-width: 991px) {
  .header-main .header-main_logo_menu .header-main_logo_menu_login-consult-btn .login-consult-btn .login-consult-btn_inner li .login-registration-btn {
    padding: 9px 10px;
  }
  .header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .header-profile-menu {
    margin-left: 8px;
  }
}

@media (max-width: 767px) {
  .rmb-0 {
    margin-bottom: 0 !important;
  }
  .header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list {
    padding: 4px 0;
  }
  .header-main .header-main_logo_menu .menu_header-profile-main-menu .header-profile-main-menu .header-profile-main-menu_list li .timeline-panel_dropdown {
    top: 47px;
  }
  .header-profile {
    top: 60px;
    height: calc(100vh - 60px);
  }
  main {
    padding-top: 60px;
  }
  .sec-telehealth-login-portal .telehealth-login-portal .telehealth-image {
    display: block;
    position: relative;
    width: 100px;
    right: inherit;
    bottom: inherit;
    margin: 10px auto;
    top: inherit;
    left: inherit;
    transform: translateY(0);
  }
  .sec-registration-form .registration-form .registration-login-btn-img img {
    display: block;
    position: relative;
    width: 100px;
    right: inherit;
    bottom: inherit;
    margin: 10px auto;
    top: inherit;
    left: inherit;
    transform: translateY(0);
  }
  .sec-future_doctor .future_doctor .row {
    margin-right: 0;
    margin-left: 0;
  }
  .sec-how-it-works {
    padding-bottom: 0;
  }
  .sec-how-it-works .how-it-works {
    padding-top: 4rem;
  }
  .sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_image-title {
    width: 250px;
    margin: 0 auto;
  }
  .sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_image-title .how-it-works_inner_image {
    margin: 0 auto 8px;
  }
  .sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_image-title .how-it-works_inner_title-icon .how-it-works_inner_title h4 {
    font-size: 1.25rem;
  }
  .sec-how-it-works .how-it-works .how-it-works_inner .how-it-works_inner_right-side-icon {
    display: none;
  }
  .sec-how-it-works .how-it-works .how-it-works_inner .responsive_right-side-icon {
    display: block;
    margin: 2rem auto;
    transform: rotate(90deg);
  }
  .sec-banner .banner .container-fluid .banner_inner {
    padding: 3.5rem 0;
  }
}

@media (max-width: 372px) {
  .go-to-home-history-btn {
    margin-bottom: 8px;
  }
}

@media (min-height: 768px) and (max-height: 830px) {
  .sec-telehealth_pay .telehealth_pay .speak-doctor-titles h3 {
    margin: 8px 0;
  }
  .sec-telehealth_pay .telehealth_pay .telehealth_pay_inner .telehealth_pay_inner_content {
    padding: 24px 0px;
    border: 1px solid var(--dark-gray);
    border-radius: 20px;
  }
  .sec-registration-form .registration-form .registration-title {
    height: 150px;
  }
}

@media (min-height: 280px) and (max-height: 547px) {
  .header-profile {
    overflow-y: scroll;
  }
  .header-profile .user-booking-details {
    height: auto;
    overflow-y: visible;
  }
}

/** END OF : Media Query **/