@charset "UTF-8";
html {
  overscroll-behavior: none;
}
.text-justify{
  text-align:justify;
}
.container{
  line-height: 1.8rem;
}
.banner-area.auto-height {
  height: 600px;
  overflow: hidden;
}

.banner-area {
  position: relative;
}

.box-table {
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 280px;
  margin-top: -100px;
}

.vPopup {
  padding: 0;
}

.vPopup iframe {
  width: 100%;
  height: 415px;
}

.vClose {
  position: absolute;
  font-size: 30px;
  color: #fff;
  z-index: 100;
  opacity: 1;
  top: -18px;
  right: -22px;
}

.videom {
  border-radius: 0;
  padding: 0;
  border: 0;
}

.v-info h1 {
  color: #fff;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

.v-info p {
  font-size: 16px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.8);
  padding: 10px 10px;
  border-radius: 5px;
}

.video-play-button {
  color: #327ff5;
  font-size: 30px;
  left: 50%;
  padding-left: 7px;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #4c6665 repeat scroll 0 0;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ffffff repeat scroll 0 0;
  border-radius: 50%;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -o-transition: all 200ms;
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.video-play-button {
  text-decoration: none;
}

.video-play-button.relative i {
  line-height: 80px;
}

.video-play-button i {
  display: block;
  position: relative;
  z-index: 3;
  color: #4c6665;
}

.dr-bg {
  background-image: url(https://dr2bthin.com/assets/front/demo3/assets/img/doctor-home.png);
  background-repeat: no-repeat; /* opacity: 0.6; */
}

.video-play-button.relative {
  position: relative;
  height: 80px;
  width: 80px;
  display: inline-block;
  left: 0;
  top: 0;
  line-height: 80px;
  text-align: center;
  -webkit-transform: inherit;
          transform: inherit;
}

.video-play-button.relative.theme::after,
.video-play-button.relative.theme::before {
  background: #327ff5;
}

.video-play-button.relative.theme i {
  color: #ffffff;
}

.video {
  float: left;
  height: 50px;
  width: 100px;
  margin-right: 15px;
}

.video2 {
  margin-top: 10px;
  margin-right: 15px;
  float: left;
}

:root {
  --body-color: #faf3ed;
  --primary-color: #7f423d;
}

#appoinment {
  margin: 0 auto;
}

#external-events {
  float: left;
  width: 150px;
  padding: 0 10px;
  text-align: left;
}

#external-events h4 {
  font-size: 16px;
  margin-top: 0;
  padding-top: 1em;
}

.external-event { /* try to mimick the look of a real event */
  margin: 10px 0;
  padding: 2px 4px;
  background: #3366CC;
  color: #fff;
  font-size: 0.85em;
  cursor: pointer;
}

#external-events p {
  margin: 1.5em 0;
  font-size: 11px;
  color: #666;
}

#external-events p input {
  margin: 0;
  vertical-align: middle;
}

#calendar { /* 		float: right; */
  margin: 0 auto;
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 6px;
  box-shadow: 0 1px 2px #C3C3C3;
  -webkit-box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.18);
}

td.fc-day {
  background: #FFF !important;
  font-family: "open", sans-serif;
}

td.fc-today {
  background: #FFF !important;
  position: relative;
}

.fc-first th {
  font-family: "open", sans-serif;
  background-color: var(--primary-color);
  color: #FFF;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.fc-event-inner {
  font-family: "open", sans-serif;
  background-color: var(--primary-color);
  color: #FFF !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 5px 0px !important;
}

.fc {
  direction: ltr;
  text-align: left;
}

.fc table {
  border-collapse: collapse;
  border-spacing: 0;
}

html .fc, .fc table {
  font-size: 1em;
  font-family: "Helvetica Neue", Helvetica;
}

.fc td, .fc th {
  padding: 0;
  vertical-align: top;
}

/* Header
------------------------------------------------------------------------*/
.fc-header td {
  white-space: nowrap;
  padding: 15px 10px 0px;
}

.fc-header-left {
  width: 25%;
  text-align: left;
}

.fc-header-center {
  text-align: center;
}

.fc-header-right {
  width: 25%;
  text-align: right;
}

.fc-header-title {
  display: inline-block;
  vertical-align: top;
  margin-top: -5px;
}

.fc-header-title h2 {
  margin-top: 0;
  white-space: nowrap;
  font-size: 32px;
  font-weight: 100;
  margin-bottom: 10px;
  font-family: "open", sans-serif;
}

span.fc-button {
  font-family: "open", sans-serif;
  border-color: var(--primary-color);
  color: #000;
}

span.fc-button:hover {
  color: #fff;
}

.fc-state-down, .fc-state-active {
  background-color: var(--primary-color);
  color: #FFF !important;
}

.fc .fc-header-space {
  padding-left: 10px;
}

.fc-header .fc-button {
  margin-bottom: 1em;
  vertical-align: top;
}

/* buttons edges butting together */
.fc-header .fc-button {
  margin-right: -1px;
}

.fc-header .fc-corner-right,
.fc-header .ui-corner-right { /* theme */
  margin-right: 0; /* back to normal */
}

/* button layering (for border precedence) */
.fc-header .fc-state-hover, .fc-header .ui-state-hover {
  z-index: 2;
}

.fc-header .fc-state-down {
  z-index: 3;
}

.fc-header .fc-state-active, .fc-header .ui-state-active {
  z-index: 4;
}

/* Content
------------------------------------------------------------------------*/
.fc-content {
  clear: both;
  zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}

.fc-view {
  width: 100%;
  overflow: hidden;
}

/* Cell Styles
------------------------------------------------------------------------*/
/* <th>, usually */
.fc-widget-content { /* <td>, usually */
  border: 1px solid #e5e5e5;
}

.fc-widget-header {
  border-bottom: 1px solid #EEE;
}

.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
  /* background: #fcf8e3; */
}

.fc-state-highlight > div > div.fc-day-number {
  background-color: #ff3b30;
  color: #FFFFFF;
  border-radius: 50%;
  margin: 4px;
}

.fc-cell-overlay { /* semi-transparent rectangle while dragging */
  background: #bce8f1;
  opacity: 0.3;
  filter: alpha(opacity=30); /* for IE */
}

/* Buttons
------------------------------------------------------------------------*/
.fc-button {
  position: relative;
  display: inline-block;
  padding: 0 0.6em;
  overflow: hidden;
  height: 1.9em;
  line-height: 1.9em;
  white-space: nowrap;
  cursor: pointer;
}

.fc-state-default { /* non-theme */
  border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*
Our default prev/next buttons use HTML entities like ‹ › « »
and we'll try to make them look good cross-browser.
*/
.fc-text-arrow {
  margin: 0 0.4em;
  font-size: 2em;
  line-height: 23px;
  vertical-align: baseline; /* for IE7 */
}

.fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow { /* for ‹ › */
  font-weight: bold;
}

/* icon (for jquery ui) */
.fc-button .fc-icon-wrap {
  position: relative;
  float: left;
  top: 50%;
}

.fc-button .ui-icon {
  position: relative;
  float: left;
  margin-top: -50%;
  *margin-top: 0;
  *top: -50%;
}

.fc-state-default {
  border-color: #ff3b30;
  color: #ff3b30;
}

.fc-button-month.fc-state-default, .fc-button-agendaWeek.fc-state-default, .fc-button-agendaDay.fc-state-default {
  min-width: 67px;
  text-align: center;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
  color: #333333;
  background-color: var(--primary-color);
}

.fc-state-hover {
  color: #ff3b30;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.fc-state-down, .fc-state-active {
  background-color: var(--primary-color);
  background-image: none;
  outline: 0;
  color: #FFFFFF;
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  background-color: #FFE3E3;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #FFE3E3;
  color: #ff3b30;
}

/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container > * {
  z-index: 8;
}

.fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing {
  z-index: 9;
}

.fc-event {
  border: 1px solid #FFF; /* default BORDER color */
  background-color: #FFF; /* default BACKGROUND color */
  color: #919191; /* default TEXT color */
  font-size: 12px;
  cursor: default;
}

.fc-event.chill {
  background-color: #f3dcf8;
}

.fc-event.info {
  background-color: #c6ebfe;
}

.fc-event.important {
  background-color: #FFBEBE;
}

.fc-event.success {
  background-color: #BEFFBF;
}

.fc-event:hover {
  opacity: 0.7;
}

a.fc-event {
  text-decoration: none;
}

a.fc-event, .fc-event-draggable {
  cursor: pointer;
}

.fc-rtl .fc-event {
  text-align: right;
}

.fc-event-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  line-height: 15px;
}

.fc-event-time, .fc-event-title {
  padding: 0 1px;
}

.fc .ui-resizable-handle {
  display: block;
  position: absolute;
  z-index: 99999;
  overflow: hidden; /* hacky spaces (IE6/7) */
  font-size: 300%; /* */
  line-height: 50%; /* */
}

/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
  border-width: 1px 0;
  margin-bottom: 1px;
}

.fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end {
  border-left-width: 1px; /*
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
*/
}

.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
  border-right-width: 1px; /*
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
*/
}

/* resizable */
.fc-event-hori .ui-resizable-e {
  top: 0 !important; /* importants override pre jquery ui 1.7 styles */
  right: -3px !important;
  width: 7px !important;
  height: 100% !important;
  cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
  top: 0 !important;
  left: -3px !important;
  width: 7px !important;
  height: 100% !important;
  cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
  _padding-bottom: 14px; /* IE6 had 0 height */
}

/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
  border-collapse: separate;
}

.fc-border-separate th, .fc-border-separate td {
  border-width: 1px 0 0 1px;
}

.fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
  border-right-width: 1px;
}

.fc-border-separate .fc-week .fc-first {
  border-left: 0;
}

.fc-border-separate .fc-week .fc-last {
  border-right: 0;
}

.fc-border-separate tr.fc-last th {
  border-bottom-width: 1px;
  border-color: #cdcdcd;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
}

.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
  border-top-width: 0;
}

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
  text-align: center;
}

.fc .fc-week-number {
  width: 22px;
  text-align: center;
}

.fc .fc-week-number div {
  padding: 0 2px;
}

.fc-grid .fc-day-number {
  float: right;
  padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
  opacity: 0.3;
  filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded
might want to set the 'color' property instead
making day-numbers bold also fixes the problem */
}

.fc-grid .fc-day-content {
  clear: both;
  padding: 2px 2px 1px; /* distance between events and day edges */
}

/* event styles */
.fc-grid .fc-event-time {
  font-weight: bold;
}

/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
  float: left;
}

.fc-rtl .fc-grid .fc-event-time {
  float: right;
}

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
  border-collapse: separate;
}

.fc-agenda-days th {
  text-align: center;
}

.fc-agenda .fc-agenda-axis {
  color: #fff;
  width: 50px;
  padding: 0 4px;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
  font-weight: normal;
}

.fc-agenda .fc-week-number {
  font-weight: bold;
}

.fc-agenda .fc-day-content {
  padding: 2px 2px 1px;
}

/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
  border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
  border-left-width: 0;
}

/* all-day area */
.fc-agenda-allday th {
  border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
  min-height: 34px; /* TODO: doesnt work well in quirksmode */
  _height: 34px;
}

/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
  height: 2px;
  overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
  background: #eee;
}

/* slot rows */
.fc-agenda-slots th {
  border-width: 1px 1px 0;
}

.fc-agenda-slots td {
  border-width: 1px 0 0;
  background: none;
}

.fc-agenda-slots td div {
  height: 20px;
}

.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
  border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
  *border-top-style: solid; /* doesn't work with background in IE6/7 */
}

/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
  border-width: 0 1px;
}

.fc-event-vert.fc-event-start {
  border-top-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.fc-event-vert.fc-event-end {
  border-bottom-width: 1px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.fc-event-vert .fc-event-time {
  white-space: nowrap;
  font-size: 10px;
}

.fc-event-vert .fc-event-inner {
  position: relative;
  z-index: 2;
}

.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.25;
  filter: alpha(opacity=25);
}

.fc .ui-draggable-dragging .fc-event-bg,
.fc-select-helper .fc-event-bg {
  display: none\9 ; /* for IE6/7/8. nested opacity filters while dragging don't work */
}

/* resizable */
.fc-event-vert .ui-resizable-s {
  bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
  width: 100% !important;
  height: 8px !important;
  overflow: hidden !important;
  line-height: 8px !important;
  font-size: 11px !important;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
  _overflow: hidden;
}

thead tr.fc-first {
  background-color: #f7f7f7;
}

table.fc-header {
  background-color: #FFFFFF;
  border-radius: 6px 6px 0 0;
}

.fc-week .fc-day > div .fc-day-number {
  font-size: 15px;
  margin: 2px;
  min-width: 19px;
  padding: 6px;
  text-align: center;
  width: 30px;
  height: 30px;
}

.fc-sun, .fc-sat {
  color: #b8b8b8;
}

.fc-week .fc-day:hover .fc-day-number {
  background-color: #B8B8B8;
  border-radius: 50%;
  color: #FFFFFF;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.fc-week .fc-day.fc-state-highlight:hover .fc-day-number {
  background-color: #ff3b30;
}

.fc-button-today {
  border: 1px solid rgba(255, 255, 255, 0);
}

.fc-view-agendaDay thead tr.fc-first .fc-widget-header {
  text-align: right;
  padding-right: 10px;
}

.fc-event {
  background: #fff !important;
  color: #000 !important;
}

/* for vertical events */
.fc-event-bg {
  display: none !important;
}

.fc-event .ui-resizable-handle {
  display: none !important;
}

@media only screen and (max-width: 1120px) {
  .inner-wrap {
    padding: 3rem 0 !important;
  }
  .fc-header-left, .fc-header-right, .fc-header-center {
    width: 100%;
    display: block;
    text-align: left;
  }
}
:root {
  --light: #7f423d;
  --sky: #55dde0;
  --purple: #702459 ;
  --dark: #F77A5E;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
a {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
}

body,.btn {
  /* font-size: 100%; */
  font-size: 0.875rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
.btn {
  display: inline-block;
  line-height: 25px;
  text-transform: capitalize;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  font-weight: 200;
  letter-spacing: 1px;
  border-radius: inherit;
  overflow: hidden;
}



header {
  background-color: #fff;
}

.theme-switches {
  position: fixed;
  top: 165px;
  right: 6px;
  background: #fff;
  padding: 7px;
  border-radius: 40px;
  z-index: 5000;
}

.theme-switches strong {
  display: none;
}

.switch {
  border-radius: 50px;
  height: 20px;
  width: 20px;
  margin: 10px;
  cursor: pointer;
}

.switch:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#switch-1 {
  background-color: var(--light);
}

#switch-2 {
  background-color: var(--sky);
}

#switch-3 {
  background-color: var(--purple);
}

#switch-4 {
  background-color: var(--dark);
}

.navbar-wrap {
  padding: 0;
  background-color: #fff;
}

.fixed-top.navbar {
  padding: 0% 10%;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.navbar-wrap .nav-item .nav-link {
  color: #000;
  text-transform: uppercase;
  padding: 0;
}

.navbar-wrap .nav-item {
  margin: 0 20px;
}

.dropdown-item {
  font-size: 15px;
  color: #000;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
  padding: 5px;
}

.top-bar-area {
  width: 100%;
}

.bar-btn a {
  float: right;
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  padding: 14px 16px;
  color: #ffffff;
  display: inline-block;
}

.top-bar-area ul {
  padding: 0;
  margin: 0;
}

.top-bar-area ul li {
  display: inline-block;
  padding: 15px 15px 15px 0;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  list-style: none;
  color: #fff;
}

.top-bar-area ul li a {
  text-decoration: none;
}

.search {
  position: absolute;
  top: 35px;
  right: -70px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.fixed-top .search {
  top: 35px;
  right: 80px;
}

.search * {
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.search__wrapper {
  border-left: 1px solid #ccc;
  position: relative;
}

.search__field {
  font-size: 16px;
  width: 50px;
  height: 50px;
  color: transparent;
  font-family: Lato, sans-serif;
  font-size: 16px;
  padding: 0.35em 20px 1em 0;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.search__field:focus {
  border-bottom-color: #ccc;
  width: 40vw;
  color: #2b2b2b;
  cursor: default;
}

.search__field:focus ~ .search__icon {
  background-color: transparent;
  cursor: pointer;
  pointer-events: auto;
}

.search__icon {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  width: 50px;
  height: 50px;
  font-size: 1.35em;
  text-align: center;
  border-color: transparent;
  border-radius: 50%;
  pointer-events: none;
  display: inline-block;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

.services-sec {
  padding: 0 0 50px 0;
}

.services-tabs {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 40px;
}

.services-tabs ul li {
  width: 22.5%;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

.services-tabs ul li a {
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.services-tabs .nav-pills .nav-link, .services-tabs .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  border-radius: 0;
}

.site-heading h2 {
  display: inline-block;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 20px;
  /* margin-top: 40px; */
  position: relative;
  text-transform: uppercase;
}

.site-heading h4 {
  text-transform: uppercase;
}

.site-heading2 h4 {
  text-transform: uppercase;
  font-weight: bold;
}

.site-heading.clean h2 {
  padding-bottom: 0;
}

.site-heading.clean h2 span {
  color: #327ff5;
}

.site-heading h2 span {
  color: #864026;
}

.site-heading.barber h2 span {
  color: #bc9355;
}

.site-heading p {
  margin: 0;
}

/* .site-heading h2::after {
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  width: 40px;
} */

/* .site-heading h2::before {
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: 20px;
  position: absolute;
  width: 5px;
} */

.bg-theme .site-heading h2::before, .shadow .site-heading h2::before, .half-bg .site-heading h2::before {
  background: #ffffff none repeat scroll 0 0;
}

.site-heading h2 span {
  color: #864026;
}

.site-heading {
  margin-bottom: 10px;
  overflow: hidden;
}

.site-heading.single {
  margin-bottom: 35px;
}

.carousel-shadow .owl-stage-outer {
  margin: -15px -15px 0;
  padding: 15px;
}

.site-heading2 h4 {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
}

.services-area .equal-height {
  margin-bottom: 30px;
}

.services-area.inc-thumb .item {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.services-area.inc-thumb .item .info {
  background: #ffffff;
  padding: 30px;
  padding-top: 55px;
}

.services-area.inc-thumb .item .info h4 {
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 0;
}

.services-area.inc-thumb .item .thumb {
  position: relative;
  z-index: 1;
}

.services-area.inc-thumb .item .thumb::after {
  position: absolute;
  left: 0;
  bottom: -2px;
  content: "";
  height: 3px;
  width: 100%;
  background: #327ff5;
}

.services-area.inc-thumb .item .thumb .overlay {
  position: absolute;
  left: 50%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  bottom: 0;
  background: #ffffff;
  height: 80px;
  z-index: 1;
  margin-left: -40px;
  margin-bottom: -40px;
  border-radius: 50%;
  width: 80px;
  font-size: 35px;
  color: #864026;
  line-height: 80px;
}

/* Services With Icon ONly */
.services-area.inc-icon .item {
  background: #ffffff;
  position: relative;
  padding: 20px 20px 05px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-top: #d49987;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
  height: 100%;
}

.services-area.inc-icon .item i {
  height: 100px;
  width: 100px;
  line-height: 100px;
  color: #ffffff;
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 30px;
  font-size: 45px;
  position: relative;
  z-index: 1;
  text-align: center;
}

.services-area.inc-icon.less-info .item i {
  height: 90px;
  width: 90px;
  line-height: 90px;
  margin-bottom: 20px;
  font-size: 40px;
  color: #232323;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: transparent;
}

.services-area.inc-icon.less-info .item1 {
  height: 90px;
  width: 90px;
  line-height: 90px;
  margin-bottom: 20px;
  font-size: 40px;
  color: #232323;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: transparent;
}

.services-area.inc-icon.less-info .item i::after {
  display: none;
}

.services-area.inc-icon .item i::after {
  position: absolute;
  left: -8px;
  top: -8px;
  z-index: -1;
  content: "";
  height: 116px;
  width: 116px;
  opacity: 0.3;
  border-radius: 50%;
}

.services-area.inc-icon .item h4 {
  text-transform: uppercase;
  font-size: 100%;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 15px;
}

.services-area.inc-icon .item h4 a {
  color: #000;
  text-decoration: none;
}

.services-area.inc-icon .item h5 {
  color: #327ff5;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.services-area.inc-icon .item .info > a {
  margin-top: 10px;
}

.services-area.inc-icon .item::after {
  position: absolute;
  left: 0;
  top: -100%;
  content: "";
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.services-area.inc-icon .item:hover::after {
  top: 0;
}

.services-area.inc-icon .item h4, .services-area.inc-icon .item p, .services-area.inc-icon .item a, .services-area.inc-icon .item i {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.services-area.inc-icon .item:hover h4, .services-area.inc-icon .item:hover p, .services-area.inc-icon .item:hover a {
  color: #ffffff;
}

.services-area.inc-icon .item:hover a.btn {
  color: #ffffff;
  border-color: #ffffff;
}

.services-area.inc-icon .item:hover i {
  background: #ffffff;
}

.services-area.inc-icon .item:hover i::after {
  opacity: 0.3;
  border: 2px solid #ffffff;
}


.services-area .review-container{
  padding-top: 46.8px;
}

.book-now-btn,.book-now-btn-jitter{
  padding: 20px 50px;
    font-size: 1.5rem;
    font-weight: 500;
    animation: rainbow 3s infinite, heartbeat 0.6s infinite;
  animation: heartbeat 0.6s infinite;
  -webkit-animation: heartbeat 0.6s infinite;
}
.book-now-btn{
  padding: 10px 18px !important;
  font-size: 1.0rem;
}

@keyframes heartbeat {
  50% {
    transform: scale(1.1);
  }
}

.book-now-btn-jitter{
  animation: jittery 4s infinite;
  -webkit-animation: jittery 4s infinite;
}

.book-now-btn-jitter:hover {
  animation: heartbeat 0.2s infinite;
}

@keyframes jittery {
  5%,
  50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.15);
  }
  20% {
    transform: scale(1.15) rotate(-5deg);
  }
  25% {
    transform: scale(1.15) rotate(5deg);
  }
  30% {
    transform: scale(1.15) rotate(-3deg);
  }
  35% {
    transform: scale(1.15) rotate(2deg);
  }
  40% {
    transform: scale(1.15) rotate(0);
  }
}

.health-info {
  padding: 30px 40px 0 40px;
}

.health-info h4 {
  text-transform: uppercase;
  font-weight: 600;
}

.health-info p {
  color: #666666;
}

.btn-review {
  float: right;
  color: #ffffff;
  cursor: pointer;
  margin-right: 20px;
  border-radius: 8px;
  border: 2px solid #864026;
}

.booking-text {
  font-weight: bolder;
  line-height: 30px;
}

.fun-fact-area {
  padding: 40px 0;
}

.fun-fact {
  text-align: center;
}

.home-sec3, .home-sec4, .home-sec5, .home-sec6, .home-sec8 {
  padding: 50px 0;
}

.home-sec4 {
  text-align: center;
}

.product-wrap .item {
  background: #ffffff;
}

.product-wrap .info1 {
  text-align: center;
  padding: 5px 30px 5px;
  border-top: 2px solid #864026;
}

.product-wrap .info2 {
  padding: 20px;
}

.product-wrap .info1 h5 {
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 12px;
  letter-spacing: 1px;
}

.product-wrap .thumb {
  position: relative;
}

.product-wrap .thumb .pro-info {
  background-color: #fff;
  text-align: center;
  padding: 10px 20px;
  font-size: 18px;
  position: absolute;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  bottom: 80px;
  width: 100%;
  opacity: 0;
}

.product-wrap .item:hover .pro-info {
  opacity: 1;
  bottom: 40px;
}

.product-wrap .item:hover img {
  opacity: 0.5;
}

.product-wrap .info2 {
  text-align: center;
  padding: 50px;
}

.product-wrap .info2 a {
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  color: #666666;
  background: #ffffff;
  position: relative;
  z-index: 1;
  padding: 0 10px;
}

.product-wrap .info2 a:hover {
  color: #000;
}

.product-wrap .info1 h4, .product-wrap .info1 h5, .product-wrap .info2 h4, .product-wrap .info2 h5 {
  text-transform: uppercase;
}

.product-wrap .info2 h4 {
  font-size: 20px;
}

.product-wrap .info2 h5 {
  font-size: 14px;
}

.product-wrap .info2 .appoinment-btn {
  position: relative;
  z-index: 1;
}

.product-wrap .info2 .appoinment-btn::after {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  height: 1px;
  width: 100%;
  background: #e7e7e7;
  z-index: -1;
}

.bg-fixed1 {
  background-image: url(https://dr2bthin.com/assets/front/assets/img/banner/7.jpg);
  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
}

.newsletter-sec {
  padding: 50px 0;
}

.shadow2 {
  position: relative;
  z-index: 1;
}

.shadow2.dark::after {
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.newsletter-area form {
  max-width: 400px;
  margin: auto;
  position: relative;
  z-index: 1;
}

.newsletter-area form button {
  position: absolute;
  right: 0;
  z-index: 9;
  min-height: 48px;
  border: 2px solid #ffffff;
  width: 48px;
  border-radius: 30px !important;
  color: #ffffff;
}

.blog-area .info {
  padding-top: 30px;
}

.blog-area .thumb {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.blog-area .thumb .post-type {
  bottom: 20px;
  color: #ffffff;
  font-size: 20px;
  height: 50px;
  right: 20px;
  line-height: 50px;
  position: absolute;
  text-align: center;
  width: 50px;
  border-radius: 5px;
  z-index: 1;
}

.blog-area .thumb img {
  max-width: none;
  width: calc(100% + 60px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform: translate3d(-50px, 0, 0);
  transform: translate3d(-50px, 0, 0);
}

.blog-area .item:hover .thumb img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.blog-area .info h4 {
  font-size: 18px;
  line-height: 1.5;
  text-transform: capitalize;
}

.blog-area .info h4 a {
  text-decoration: none;
}



.blog-area .info h2, .blog-area .info h3 {
  text-transform: capitalize;
  line-height: 1.3;
}

.blog-area.full-blog .single-item {
  margin-bottom: 50px;
}

.blog-area.left-sidebar .blog-content {
  float: right;
}

.home-sec9 {
  padding: 70px 0;
}

.bg-fixed2 {
  background-image: url(https://dr2bthin.com/assets/front/assets/img/banner/4.jpg);
  background-attachment: fixed;
  background-position: center top;
  background-size: cover;
}

.appoinment {
  background-color: #fff;
  padding: 40px;
}

.heading {
  text-align: left;
  margin-bottom: 30px;
}

.heading h2 {
  font-size: 28px;
}

.appoinment .form-control, .appoinment .form-select {
  font-size: 16px;
}

.inner-wrap {
  padding: 5rem 0;
  font-family: "Poppins", sans-serif;;
}

.banner-wrap {
  position: relative;
}

.banner-inn {
  position: absolute;
  bottom: 5%;
  left: 0;
  width: 70%;
  padding: 20px 0;
  margin: 0 15%;
}

.banner-cta {
  padding: 20px;
  text-align: center;
  border-radius: 200px;
}

.banner-cta h3 {
  font-size: 20px;
}

.inner-page {
  line-height: 1.8rem;
}

.inner-page h2, .inner-page h3, .inner-page h4, .inner-page h5 {
  font-family: "Poppins", sans-serif;
}

.inner-page h2 {
  font-weight: 700;
}

.team-box {
  background-color: #fff;
  padding: 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.team-box img {
  width: 150px;
}

.team-box strong {
  display: block;
  font-size: 24px;
  margin-top: 20px;
}

.team-box span {
  display: block;
  font-size: 14px;
  color: #646262;
}

.team-box p {
  margin: 10px 0 0 0;
  min-height: 182px;
}

.team-box:hover {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.loc-top {
  padding: 30px 40px;
  background-color: #fff;
  height: 100%;
  text-align: center;
  border-radius: 15px;
  box-shadow: 5px 10px #838282;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.loc-top h3 {
  font-size: 24px;
  line-height: 34px;
}

.loc-top strong {
  display: block;
  margin-top: 15px;
}

.loc-top img {
  width: 200px;
  margin-top: 20px;
}

.add h3, .faq-sec h3 {
  font-weight: 700;
}

.add img {
  width: 40px;
}

.add {
  font-size: 20px;
}

.faq-sec {
  padding: 5rem 0;
}

#accordionFaqs .accordion-button:not(.collapsed) {
  background-color: #000;
}

.serves_wrap ul {
  padding: 0;
  margin: 0;
}

.serves_wrap ul li {
  width: 90%;
  display: inline-block;
  margin: 5px;
  border: 1px solid #ccc;
  padding: 10px 10px 5px 10px;
  font-size: 14px;
  background: #fff;
  border-radius: 6px;
  text-align: center;
}

.serves_wrap ul li img {
  width: 100%;
}

.serves_wrap ul li span {
  display: block;
  margin-top: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.doc-img {
  width: 80%;
  border-radius: 5px;
  outline: 5px double rgba(0, 0, 0, 0.15);
  outline-offset: -20px;
  -webkit-box-shadow: rgba(50, 50, 105, 0.15) 0 2px 5px 0px, rgba(0, 0, 0, 0.05) 0 1px 1px 0;
          box-shadow: rgba(50, 50, 105, 0.15) 0 2px 5px 0px, rgba(0, 0, 0, 0.05) 0 1px 1px 0;
  top: 130px;
}

.provider h3, .provider h4 {
  font-weight: 700;
}

.provider .nav-pills {
  padding: 0;
  padding: 5px;
  border: 1px solid #544e52;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 0.25rem;
  background: #fff;
}

.provider .nav-pills li::before {
  content: none;
}

.provider .nav-pills .nav-link {
  text-decoration: none;
  color: #000;
}

.provider tbody, td, tfoot, th, thead, tr {
  border-color: #838282;
}

.provider-sec {
  position: relative;
}

.certificate-img {
  position: absolute;
  width: 197px;
  bottom: -23px;
  right: 38px;
}

footer {
  font-family: "open", sans-serif;
  font-size: 0.875rem;
}

.footer-bg {
  color: #fff;
  padding: 50px 0 0 0;
}

.f-items img {
  margin-bottom: 30px;
}

footer .f-item h2 {
  font-weight: 800;
  color: #0cb8b6;
  border: 1px solid;
  display: inline-block;
  padding: 10px 20px;
  margin: 0;
}

footer .f-item h2 i {
  margin-right: 5px;
}

footer .f-item h4 {
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  position: relative;
  z-index: 1;
  padding-bottom: 15px;
  margin-bottom: 30px;
  color: #fff;
}

footer .f-item h4::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  height: 2px;
  width: 30px;
  background: #fff;
}

footer .f-item h4::before {
  position: absolute;
  left: 33px;
  bottom: 0;
  content: "";
  height: 2px;
  width: 5px;
  background: #fff;
}

footer.bg-dark p, footer.bg-dark {
  color: #cccccc;
}

footer .f-item h5 {
  text-transform: uppercase;
  margin-top: 25px;
  margin-bottom: 20px;
}

.opening-info ul, .f-link ul, .f-contact ul {
  padding: 0;
  margin: 0;
}

.opening-info ul li, .f-link ul li, .f-contact ul li {
  list-style: none;
}

footer .f-item .opening-info li {
  display: block;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

footer .f-item.f-contact li i {
  font-size: 25px;
  padding-top: 5px;
  color: #ffffff;
}

footer .f-item.f-contact li i, footer .f-item.f-contact li p {
  display: table-cell;
  vertical-align: top;
}

footer .f-item.f-contact li p span {
  display: inline-block;
  color: #fff;
  font-family: "open", sans-serif;
  text-transform: none;
}

footer .f-item.f-contact li {
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 15px;
}

footer .f-item.f-contact li p {
  margin: 0;
  color: #fff;
  padding-left: 15px;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
}

footer .f-item.f-contact li:last-child, footer .f-item .opening-info li:last-child {
  border-bottom: 0;
}

footer .f-item.f-contact a, .footer-bottom a {
  color: #fff;
}

.f-link {
  padding: 0 20px;
}

.f-link li {
  margin-bottom: 18px;
}

.f-link li a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

.footer-bottom {
  padding: 15px 0;
  margin-top: 30px;
}

@media only screen and (max-width: 1400px) {
  .navbar-wrap .nav-item {
    margin: 0 12px;
  }
  .banner-area.auto-height {
    height: auto;
  }
  .services-sec {
    margin-top: -7px;
  }
  .services-tabs ul li {
    width: 32.5%;
  }
  .theme-switches {
    top: 180px;
    right: 7px;
  }
}
@media only screen and (max-width: 1366px) {
  .navbar-wrap .nav-item {
    margin: 0 9px;
    font-size: 14px;
  }
  .fixed-top.navbar {
    padding: 0.5% 5%;
  }
  .search__wrapper {
    display: none;
  }
  .bar-btn a {
    padding: 14px 10px;
  }
  .theme-switches {
    top: 180px;
    right: 7px;
  }
  .box-table {
    top: 132px;
  }
  .banner-area.auto-height {
    height: auto;
  }
  .services-sec {
    margin-top: -7px;
  }
  .services-tabs ul li {
    width: 32.5%;
  }
  .serves_wrap ul li {
    width: 42%;
  }
}
@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
    display: none;
  }
  .navbar .nav-item:hover .dropdown-menu {
    display: block;
  }
  .navbar .nav-item .dropdown-menu {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1023px) {
  html {
    font-size: 96%;
  }
  .theme-switches {
    top: 130px;
    right: 7px;
  }
  .bar-btn a {
    text-align: center;
    display: block;
    padding: 5px 16px;
  }
  .top-bar-area ul li {
    padding: 17px 15px 17px 0;
  }
  .search {
    top: 39px;
    right: 50px;
  }
  .search__wrapper {
    border: 0;
  }
  .navbar-wrap {
    padding: 0;
  }
  .navbar-wrap .nav-item {
    margin: 7px;
  }
  .services-tabs {
    padding: 0;
    margin-top: -6px;
  }
  .services-tabs ul li {
    width: 32%;
    margin: 0;
  }
  .box-table {
    top: 127px;
  }
  .v-info p {
    padding: 4px 10px;
  }
  .video-play-button::after {
    width: 50px;
    height: 50px;
  }
  .video2 {
    margin-top: -9px;
    margin-right: 0px;
  }
  .video {
    width: 60px;
  }
  .video img {
    width: 100%;
  }
  .banner-area.auto-height {
    height: auto;
  }
  .info img {
    width: 160px;
  }
  .health-info {
    padding: 10px;
  }
  .btn-review {
    float: left;
    margin-right: 10px;
  }
  .footer-bg {
    padding: 20px 0 0 0;
  }
  .f-item h4 {
    margin: 20px 0 0 0;
  }
  .f-link {
    padding: 0;
  }
}
@media only screen and (max-width: 600px) {
  html {
    font-size: 90%;
  }
  .theme-switches {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    top: 0;
    right: 0;
    padding: 10px;
    background-color: #fff;
    border-radius: 0;
    width: 100%;
  }
  .theme-switches strong {
    display: block;
    margin-top: 8px;
    margin-right: 11px;
  }
  .banner-cta {
    display: none;
  }
  .navbar-wrap {
    padding: 0;
  }
  .navbar-wrap .nav-item {
    margin: 7px;
  }
  .top-bar-area {
    padding: 10px 0;
  }
  .top-bar-area ul li {
    padding: 8px;
  }
  .address-mob ul li {
    width: 100%;
    text-align: center;
  }
  .bar-btn a {
    width: 100%;
    text-align: center;
    padding: 9px 0;
  }
  .services-tabs {
    padding: 10px 0;
    margin-top: 7px;
  }
  .services-tabs ul li {
    width: 100%;
    margin: 10px 0;
  }
  .box-table {
    position: inherit;
    z-index: 10;
    width: 100%;
    top: 0;
    margin-top: -7px;
    padding: 10px;
  }
  .video-play-button::after {
    width: 50px;
    height: 50px;
  }
  .video2 {
    margin-top: -9px;
    margin-right: 0px;
  }
  .video {
    width: 60px;
  }
  .video img {
    width: 100%;
  }
  .banner-area.auto-height {
    height: auto;
  }
  .search {
    top: 39px;
    right: 50px;
  }
  .search__wrapper {
    border: 0;
  }
  .health-info {
    padding: 20px 0;
  }
  .btn-review {
    float: left;
  }
  .info img {
    width: 160px;
  }
  .appoinment {
    padding: 17px;
  }
  .footer-bg {
    padding: 20px 0 0 0;
  }
  .f-item h4 {
    margin: 20px 0 0 0;
  }
  .f-link {
    padding: 0;
  }
}

/*-------------appoinment css-----------*/

.modal {

  --bs-modal-width: 874px;

}




/*------appointment state scroller css--------*/
.carousel {
  padding: 24px;
}
.carousel h2 {
  margin: 0;
}
.carousel a {
  text-decoration: none;
  color: #fff;
}
.carousel img {
  /* aspect-ratio: 1/1; */
  /* width: 175px;
  height: 175px; */
  /* width: 100%; */
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  /* margin-bottom: 16px; */
  border-radius: clamp(0px, ((100vw - 4px) - 100%) * 9999, 4px);
}
.carousel h3 {
  font-size: 16px;
  margin: 0;
  margin-bottom: 4px;
}
.carousel span {
  color: #a7a7a7;
  font-size: 14px;
}
.carousel .dragging a {
  pointer-events: none;
}
.carousel .carousel__wrapper {
  position: relative;
  margin-bottom: 24px;
}
@media only screen and (min-width: 1180px) {
  .carousel .carousel__wrapper.has-arrows .carousel__content {
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1180px) {
  .carousel .carousel__wrapper.has-arrows .carousel__arrows {
    display: flex;
  }
}
.carousel .carousel__header {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.carousel .carousel__content {
  overflow-y: hidden;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: grid;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  padding: 0;
  margin: 0;
  grid-gap: 24px;
  grid-auto-flow: column;
  list-style: none;
}
.carousel .carousel__content::-webkit-scrollbar {
  display: none;
}
.carousel .carousel__item .carousel__description {
  width: 100%;
}
.carousel .carousel__item a {
  display: flex;
  justify-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  position: relative;
  user-select: none;
  margin: 10px 0px;
  padding: 16px;
  background: #181818;
  border-radius: clamp(0px, ((100vw - 4px) - 100%) * 9999, 8px);
  cursor: pointer;
}
.carousel .carousel__controls {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 24px;
}
.carousel .carousel__arrow {
  padding: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
}
.carousel .carousel__arrow:before {
  content: "";
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDE2IDIwIiB4PSIwcHgiIHk9IjBweCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMTAxMDE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5JY29uXzwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNC45LDEzLjE1YS41LjUsMCwxLDAsLjcxLjcxbDUuNS01LjVhLjUuNSwwLDAsMCwwLS43MUw1LjYsMi4xNWEuNS41LDAsMSwwLS43MS43MUwxMCw4WiIvPjx0ZXh0IHg9IjAiIHk9IjMxIiBmaWxsPSIjMDAwMDAwIiBmb250LXNpemU9IjVweCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZvbnQtZmFtaWx5PSInSGVsdmV0aWNhIE5ldWUnLCBIZWx2ZXRpY2EsIEFyaWFsLVVuaWNvZGUsIEFyaWFsLCBTYW5zLXNlcmlmIj5DcmVhdGVkIGJ5IEdhdXRhbSBBcm9yYTwvdGV4dD48dGV4dCB4PSIwIiB5PSIzNiIgZmlsbD0iIzAwMDAwMCIgZm9udC1zaXplPSI1cHgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmb250LWZhbWlseT0iJ0hlbHZldGljYSBOZXVlJywgSGVsdmV0aWNhLCBBcmlhbC1Vbmljb2RlLCBBcmlhbCwgU2Fucy1zZXJpZiI+ZnJvbSB0aGUgTm91biBQcm9qZWN0PC90ZXh0Pjwvc3ZnPg==");
  background-size: contain;
  filter: brightness(5);
  display: block;
  width: 18px;
  height: 22px;
  cursor: pointer;
}
.carousel .carousel__arrow.arrow-prev:before {
  /* transform: rotate(180deg); */
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDE2IDIwIiB4PSIwcHgiIHk9IjBweCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMTAxMDE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5JY29uXzwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNiw4LDExLjEsMi44NWEuNS41LDAsMCwwLS43MS0uNzFMNC45LDcuNjVhLjUuNSwwLDAsMCwwLC43MWw1LjUsNS41YS41LjUsMCwwLDAsLjcxLS43MVoiLz48dGV4dCB4PSIwIiB5PSIzMSIgZmlsbD0iIzAwMDAwMCIgZm9udC1zaXplPSI1cHgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmb250LWZhbWlseT0iJ0hlbHZldGljYSBOZXVlJywgSGVsdmV0aWNhLCBBcmlhbC1Vbmljb2RlLCBBcmlhbCwgU2Fucy1zZXJpZiI+Q3JlYXRlZCBieSBHYXV0YW0gQXJvcmE8L3RleHQ+PHRleHQgeD0iMCIgeT0iMzYiIGZpbGw9IiMwMDAwMDAiIGZvbnQtc2l6ZT0iNXB4IiBmb250LXdlaWdodD0iYm9sZCIgZm9udC1mYW1pbHk9IidIZWx2ZXRpY2EgTmV1ZScsIEhlbHZldGljYSwgQXJpYWwtVW5pY29kZSwgQXJpYWwsIFNhbnMtc2VyaWYiPmZyb20gdGhlIE5vdW4gUHJvamVjdDwvdGV4dD48L3N2Zz4=");

}
/* .carousel .carousel__arrow.arrow-next:before {
  transform: rotate(-90deg);
  
} */
.carousel .carousel__arrow.disabled::before {
  filter: brightness(2);
}

/* scrollbar css*/

.scrollbar
{
	margin-left: 30px;
	float: left;
	height: 400px;
	/* background: #F5F5F5; */
	overflow-y: scroll;
	margin-bottom: 25px;
}

.force-overflow
{
	min-height: 450px;
}

#wrapper
{
	text-align: center;
	width: 500px;
	margin: auto;
}





#style-4::-webkit-scrollbar-track
{
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
  border-radius: 10px;
	background-color: #f5f5f500;
}

#style-4::-webkit-scrollbar
{
	width: 10px;
	background-color: #f5f5f500;
}

#style-4::-webkit-scrollbar-thumb
{
	background-color: #555;
  border-radius: 10px;
	border: 2px solid #f2f2f2;
}

.formbg{background-color:#e9ecef;}

.form-check-input:checked{background-color: var(--light); border: 1px solid #000;}

/*----=========== form new ======-----*/ 

.frmcontainer {
  /* max-width: 700px; */
  width: 100%;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
}
.frmcontainer .title {
  font-size: 1rem;
  font-weight: 600;
  position: relative;
  text-align: center;
}

.frmcontainer .title::before {
  content: "";
  position: absolute;
  height: 3.5px;
  width: 30px;
  background: linear-gradient(135deg, var(--main-blue), var(--main-purple));
  left: 0;
  bottom: 0;
}

.frmcontainer form .user__details {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0 12px 0;
}
.frmcontainer form .user__details > .container-fluid{
  padding: 0;
}
/* inside the form user details */
form .user__details label{
  font-size: 0.785rem;
  font-weight: 600;
  text-transform: capitalize;
}
form .user__details .input__box {
  width: calc(100% / 2 - 20px);
  margin-bottom: 15px;
}

.user__details .input__box .details {
  font-weight: 500;
  margin-bottom: 5px;
  display: block;
}
.user__details .input__box input {
  height: 45px;
  width: 100%;
  outline: none;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding-left: 15px;
  font-size: 16px;
  border-bottom-width: 2px;
  transition: all 0.3s ease;
}

.user__details .input__box input:focus,
.user__details .input__box input:valid {
  border-color: var(--light);
}

.user__details .policy-acceptance{
  background-color: #864026;
    color: white;
    border-radius: 5px;
    letter-spacing: normal;
    font-size: 0.75rem;
    font-weight: 400;
    font-family: raleway,sans-serif;
}

/* inside the form gender details */

form .gender__details .gender__title {
  font-size: 20px;
  font-weight: 500;
}

form .gender__details .category {
  display: flex;
  width: 100%;
  margin: 15px 0;
  justify-content: space-between;
}

.gender__details .category label {
  display: flex;

}

.gender__details .category .dot {
  height: 18px;
  width: 18px;
  background: var(--color-light2);
  border-radius: 50%;
  margin: 10px;
  border: 2px solid #3e3d3d;
  transition: all 0.3s ease;
}
.dot-fnt{font-size: 0.78rem; width: 100%;font-weight: 600;text-transform: capitalize;}
#dot-1:checked ~ .category .one,
#dot-2:checked ~ .category .two,
#dot-3:checked ~ .category .three,
#dot-4:checked ~ .category .four,
#dot-5:checked ~ .category .five
 {
  border-color: var(--color-light2);
  background: var(--light);
}
.form-check-label{font-size: 13px;}

form input[type="radio"] {
  display: none; 
  width: 20px;
}


input[type="checkbox"] {
  margin: 0 4px 8px 0;
}
/* submit button */
form .button {
  height: 45px;
  margin: 45px 0;
}

/* form .button input {
  height: 100%;
  width: 100%;
  outline: none;
  color: #fff;
  border: none;
  font-size: 18px;
  font-weight: 500;
  border-radius: 5px;
  background: linear-gradient(180deg, var(--light), var(--color-light2));
  transition: all 0.3s ease;
} */

form button.btn-theme-button{
border-radius:5px;
font-weight: 400;
}

form .button input:hover {
  background: linear-gradient(-180deg, var(--color-light2), var(--light));
}
.frm-group{float: left; margin-bottom: 20px;}
.frm-btn{padding:5px 10px; background-color: var(--light); 
  font-size: 13px;  color: #fff; 
  text-align: center;
  border-radius: 8px; 
  margin-bottom: 20px;
  margin-right: 20px;
}


@media only screen and (max-width: 584px) {
  .frmcontainer {
    max-width: 100%;
  }

  form .user__details .input__box {
    margin-bottom: 15px;
    width: 100%;
  }

  form .gender__details .category {
    width: 100%;
  }

  .frmcontainer form .user__details {
    max-height: 300px;
    overflow-y: scroll;
  }

  .user__details::-webkit-scrollbar {
    width: 0;
  }
}

/*---------------signature-------------------*/
.kbw-signature { width: 400px; height: 200px;}
.kbw-signature {
	display: inline-block;
	border: 1px solid #a0a0a0;
	-ms-touch-action: none;
}
.kbw-signature-disabled {
	opacity: 0.35;
}


.bg1{background-color:#e8e5e5; padding: 10px 10px 10px 0;}
.bg2{background-color:#e9dddd; padding: 10px 10px 10px 0;}



/*-------------Video Thumbnail-------------------*/
.video-container img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.play-btn {
  position: relative;
}
.video-play-buttong {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 30px;
  height: 52px;
  border-radius: 50%;
  padding: 14px 25px 14px 29px;
}
.video-play-buttong:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 105px;
  height: 105px;
  background: rgba(248, 248, 248, 0.5);
  border-radius: 50%;
  -webkit-animation: pulse-border 2200ms ease-out infinite;
  animation: pulse-border 2200ms ease-out infinite;
}
.video-play-buttong:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  transition: all 500ms;
}
.video-play-buttong span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 36px solid #fff;
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
}

#video-3 .video-link img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
/*! CSS Used keyframes */
@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
      scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
      scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}


/* Video Modal
-----------------------------------------*/
.video-modal,
.video-modal .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
}
.video-modal {
	overflow: hidden;
	position: fixed;
	opacity: 0.0;

  -webkit-transform: translate(500%,0%);
  transform: translate(500%,0%);

  -webkit-transition: -webkit-transform 0s linear 0s;
  transition: transform 0s linear 0s;


  /* using flexbox for vertical centering */

  /* Flexbox display */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  /* Vertical alignment */
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.video-modal .overlay {
  z-index: 0;
  background: rgba(13,1,61,0.82); /* overlay color */

  opacity: 0.0;

  -webkit-transition: opacity 0.2s ease-out 0.05s;
  transition: opacity 0.2s ease-out 0.05s;
}


.video-modal-content {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	z-index: 1;
  
	margin: 0 auto;

	overflow-y: visible;

	background: #000;
  
  width: calc(100% - 12em);
  height: 0;
  padding-top: calc((100% - 12em) * 0.5625); /* 16:9 calc */
}

/* Scaling to fit within the current Viewport size:
   When viewport aspect ratio is greater than 16:9
   work off the height instead of the width for calc */
 @media (min-aspect-ratio: 16/9) {
  .video-modal-content {
    width: 0;
    height: calc(100vh - 10em);
    padding-top: 0;
    padding-left: calc((100vh - 10em) * 1.7778); /* 16:9 calc */
  }
}

/* Mobile Layout Tweaks - side margins reduced */
@media (max-width: 640px) {
	.video-modal-content {
		width: calc(100% - 1em);
    padding-top: calc((100% - 1em) * 0.5625); /* 16:9 calc */
	}
}

/* modal close button */
.close-video-modal {
	display: block;
    position: absolute;
    left: 0;
    top: -40px;

    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

/* set the iframe element to stretch to fit its parent element */
iframe#youtube {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;

	background: #000;
	box-shadow: 0px 2px 16px rgba(0,0,0,0.5);
}

/* show the modal: 
   add class to the body to reveal */
.show-video-modal .video-modal {
	opacity: 1.0;

	transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
}
.show-video-modal .video-modal .overlay {
	opacity: 1.0;
}
.show-video-modal .video-modal-content {
	transform: translate(0%,0%);
	-webkit-transform: translate(0%,0%);
}

/*------Appointment Steps-----*/
.pgb .step {
  text-align: center;
  position:relative;
  font-family: 'Open Sans', sans-serif;
    font-size:.9rem;
  }
.pgb h2 {
  font-size:1.3rem;
}
.pgb .step p {
  position:absolute;
  height:60px;
  width:100%;
  text-align:center;
  display:block;
  z-index:3;
  color:#fff;
  font-size:160%;
  line-height:55px;
  opacity:.7;
}
.pgb .active.step p {
  opacity:1;
  font-weight:600;
}
.pgb .img-circle {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius:50%;
    background-color:#9E9E9E;
  border:4px solid #fff;
  }
.pgb .complete .img-circle {
    background-color:#4CAF50;
  }
.pgb .active .img-circle {
    background-color:#FF9800;
  }
.pgb .step .img-circle:before {
      content: "";
      display: block;
      background: #9E9E9E;
      height: 4px;
      width: 50%;
      position: absolute;
      bottom: 50%;
      left: 0;
      z-index: -1;
      margin-right:24px;
  }
.pgb .step .img-circle:after {
      content: "";
      display: block;
      background: #9E9E9E;
      height: 4px;
      width: 50%;
      position: absolute;
      bottom: 50%;
      left: 50%;
      z-index: -1;
  }
.pgb .step.active .img-circle:after {
      background: #9E9E9E;
  }

.pgb .step.complete .img-circle:after, .pgb .step.active .img-circle:before {
      background: #4CAF50;
  }

  .pgb .step:last-of-type .img-circle:after, .pgb .step:first-of-type .img-circle:before{
      display: none;
  }

  /*----Calendar navigation------*/
  .calendar-left,.calendar-right{
    border-radius:5px;
  }

  /*---------appointment dots----------*/
  .color-orange {
    background: linear-gradient(#ff9900, #ff5050);
    box-shadow: 0 2px 12px -3px #ff5050;
  }
  
  .color-pink {
    background: linear-gradient(#ff66cc, #ff6666);
    box-shadow: 0 2px 12px -3px #ff6666;
  }
  
  .color-green {
    background: linear-gradient(#19be6b, #236c61);
    box-shadow: 0 2px 12px -3px #236c61;
  }
  
  .color-blue {
    background: linear-gradient(#33ccff, #72abff);
    box-shadow: 0 2px 12px -3px #72abff;
  }
  
  .dots {
    position: relative;
    bottom: 3px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background-color: transparent !important;
  }
  
  .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 2px;
  }

  .bg-light.appointment-record:hover{
    background-color:#e1e1e1!important;
    cursor:cell;
  }

  

  .appointment-record .slot-time{
    color: #000;
    cursor:cell;
  }

  #v-pills-tabContent{
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: none;
  }

  #v-pills-tabContent::-webkit-scrollbar-track
{
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
  border-radius: 10px;
	background-color: #f5f5f500;
}

#v-pills-tabContent::-webkit-scrollbar
{
	width: 10px;
	background-color: #f5f5f500;
}

#v-pills-tabContent::-webkit-scrollbar-thumb
{
	background-color: #555;
  border-radius: 10px;
	border: 2px solid #f2f2f2;
}


/**----------Login/Sign Up -----------**/
.form-signin{
	background: white;
	padding: 50px 80px;
	/* min-height: 620px; */
}

.one-line{
	display: flex;
}

.forgot{
	margin-left: auto;
}

@media only screen and (max-width: 576px) {
  .form-signin {
    min-width: 360px;
    flex-wrap: wrap;
    padding: 50px 0px;
  }
  
}

/* not active */
.nav-pills .nav-item-pill .nav-link:not(.active) {
    border: none;
    /* color: #6c757d !important; */
    font-weight: 700;
    width: 0%;
    transition: width 0.4s;
}

/* active (faded) */
.nav-pills .nav-item-pill .nav-link {
    background: white !important;
 	  /* border-bottom: 2px solid #007bff; */
    /* color: #212529 !important; */
    font-size: 1.5rem;
    font-weight: 700;
    cursor: pointer;
}
.form-signin .nav-pills .nav-link.active{font-size: 1.7rem;font-weight: 700;padding:10px inherit;}
.form-signin .nav-pills .nav-link{font-size: 1.7rem;font-weight: 700;}

.nav-pills .nav-item-pill .nav-link:hover {
    /* color: #212529 !important; */
    width: 100%;
    /* border-bottom: 2px solid #007bff; */

}


.nav{
	padding: 0 15px !important;
}

/***-------------video Gallery--------------***/

.video-gallery {
  position: relative;
  margin: 0 auto;

  text-align: center;
}

.video-gallery .gallery-item {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;

  width: 31.2%;
  background: #000;
  cursor: pointer;
}

.video-gallery .gallery-item-single {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;

  width: 100%;
  background: #000;
  cursor: pointer;
}

.video-gallery .gallery-item img,.video-gallery .gallery-item-single img {
  position: relative;
  display: block;
  opacity: .45;
  width: 105%;
  height: 300px;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(-23px, 0, 0);
  backface-visibility: hidden;
}

.video-gallery .gallery-item .gallery-item-caption,.video-gallery .gallery-item-single .gallery-item-caption{
  padding: 2em;
  color: #fff;
  text-transform: capitalize;
  font-size: 1.25em;
}

.video-gallery .gallery-item .gallery-item-caption,
.video-gallery .gallery-item .gallery-item-caption > a,.video-gallery .gallery-item-single .gallery-item-caption,
.video-gallery .gallery-item-single .gallery-item-caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-gallery .gallery-item h2,.video-gallery .gallery-item-single h2 {
  font-weight: 300;
  overflow: hidden;
  padding: 0.5em 0;
}
.video-gallery .gallery-item h2 a,.video-gallery .gallery-item-single h2 a{
  font-weight: 300;
  overflow: hidden;
  padding: 0.5em 0;
  text-decoration: none;
  color: #ffffff;
}


.video-gallery .gallery-item h2,
.video-gallery .gallery-item p,.video-gallery .gallery-item-single h2,
.video-gallery .gallery-item-single p {
  position: relative;
  margin: 0;
  z-index: 10;
}

.video-gallery .gallery-item p,.video-gallery .gallery-item-single p {
  letter-spacing: 1px;
  font-size: 68%;

  padding: 1em 0;
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(10%, 0, 0);
}

.video-gallery .gallery-item:hover img,.video-gallery .gallery-item-single:hover img {
  opacity: .3;
  transform: translate3d(0, 0, 0);

}

.video-gallery .gallery-item .gallery-item-caption,.video-gallery .gallery-item-single .gallery-item-caption {
  text-align: left;
}

.video-gallery .gallery-item h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15%;
  height: 1px;
  background: #fff;
  
  transition: transform 0.3s;
  transform: translate3d(-100%, 0, 0);
}

.video-gallery .gallery-item:hover h2::after,.video-gallery .gallery-item-single:hover h2::after {
  transform: translate3d(0, 0, 0);
}

.video-gallery .gallery-item:hover p,.video-gallery .gallery-item-single:hover p {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 50em) {
  .video-gallery .gallery-item,.video-gallery .gallery-item-single {
    display: inline-block;
    float: none;
    margin: 10px auto;
    width: 100%;
  }
}

/*--------form reorder--------*/
/* .wizard-content-left {
  background-blend-mode: darken;
  background-color: rgba(0, 0, 0, 0.45);
  background-image: url("../../../X292hJF/form-wizard-bg-2.jpg");
  background-position: center center;
  background-size: cover;
  height: 100vh;
  padding: 30px;
} */
.wizard-content-left h1 {
  color: #ffffff;
  font-size: 38px;
  font-weight: 600;
  padding: 12px 20px;
  text-align: center;
}

.form-wizard {
  color: #888888;
  padding: 30px;
}
.form-wizard .wizard-form-radio {
  display: inline-block;
  margin-left: 5px;
  position: relative;
}
.form-wizard .wizard-form-radio input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #dddddd;
  height: 25px;
  width: 25px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.form-wizard .wizard-form-radio input[type="radio"]:focus {
  outline: 0;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked {
  background-color: #fb1647;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #ffffff;
  border-radius: 50%;
  left: 1px;
  right: 0;
  margin: 0 auto;
  top: 8px;
}
.form-wizard .wizard-form-radio input[type="radio"]:checked::after {
  content: "";
  display: inline-block;
  webkit-animation: click-radio-wave 0.65s;
  -moz-animation: click-radio-wave 0.65s;
  animation: click-radio-wave 0.65s;
  background: #000000;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
  border-radius: 50%;
}
.form-wizard .wizard-form-radio input[type="radio"] ~ label {
  padding-left: 10px;
  cursor: pointer;
}
.form-wizard .form-wizard-header {
  text-align: center;
}
.form-wizard .form-wizard-next-btn, .form-wizard .form-wizard-previous-btn, .form-wizard .form-wizard-submit {
  background-color: var(--sec-color);
  color: #ffffff;
  display: inline-block;
  min-width: 100px;
  min-width: 120px;
  padding: 10px;
  text-align: center;
}
.form-wizard .form-wizard-next-btn:hover, .form-wizard .form-wizard-next-btn:focus, .form-wizard .form-wizard-previous-btn:hover, .form-wizard .form-wizard-previous-btn:focus, .form-wizard .form-wizard-submit:hover, .form-wizard .form-wizard-submit:focus {
  color: #ffffff;
  opacity: 0.6;
  text-decoration: none;
}
.form-wizard .wizard-fieldset {
  display: none;
}
.form-wizard .wizard-fieldset.show {
  display: block;
}
.form-wizard .wizard-form-error {
  display: none;
  background-color: #d70b0b;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
}
.form-wizard .form-wizard-previous-btn {
  background-color: #fb1647;
}
.form-wizard .form-control {
  font-weight: 300;
  height: auto !important;
  padding: 15px;
  color: #888888;
  background-color: #f1f1f1;
  border: none;
}
.form-wizard .form-control:focus {
  box-shadow: none;
}
.form-wizard .form-group {
  position: relative;
  margin: 25px 0;
}
.form-wizard .wizard-form-text-label {
  position: absolute;
  left: 10px;
  top: 16px;
  /* top: -5px; */
  transition: 0.2s linear all;
}
.form-wizard .focus-input .wizard-form-text-label {
  color: var(--sec-color);
  top: -18px;
  transition: 0.2s linear all;
  font-size: 12px;
}
.form-wizard .form-wizard-steps {
  margin: 30px 0;
}
.form-wizard .form-wizard-steps li {
  width: 25%;
  float: left;
  position: relative;
}
.form-wizard .form-wizard-steps li::after {
  background-color: #f3f3f3;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}
.form-wizard .form-wizard-steps li span {
  background-color: #dddddd;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  width: 40px;
  z-index: 1;
}
.form-wizard .form-wizard-steps li:last-child::after {
  width: 50%;
}
.form-wizard .form-wizard-steps li.active span, .form-wizard .form-wizard-steps li.activated span {
  background-color: var(--sec-color);
  color: #ffffff;
}
.form-wizard .form-wizard-steps li.active::after, .form-wizard .form-wizard-steps li.activated::after {
  background-color: var(--sec-color);
  left: 50%;
  width: 50%;
  border-color: var(--sec-color);
}
.form-wizard .form-wizard-steps li.activated::after {
  width: 100%;
  border-color: var(--sec-color);
}
.form-wizard .form-wizard-steps li:last-child::after {
  left: 0;
}
.form-wizard .wizard-password-eye {
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
@keyframes click-radio-wave {
  0% {
    width: 25px;
    height: 25px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    width: 60px;
    height: 60px;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0.0;
  }
}
@media screen and (max-width: 767px) {
  .wizard-content-left {
    height: auto;
  }
}

h5 .img-circle{
  background:var(--light);
  border-radius: 50%;
}


.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
}


/***FAQ Style start here****/
.faq {
  padding: 60px 0;
}
.faq .faq-list {
  padding: 0;
  list-style: none;
}
.faq .faq-list li {
    /* background-color: #ffee5a; */
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 10px 40px;
}
.faq .faq-list a {
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    /* color: #333333; */
    text-decoration: none;
}

.faq .faq-list i {
  font-size: 16px;
  position: absolute;
  left: -25px;
  top: 6px;
  transition: 1s;
}
.faq-title {
    text-align: center;
    font-size: 17px;
    /* border-bottom: 2px dashed #ffffff; */
    margin-bottom: 30px;
    padding-bottom: 10px;
    /* color: #ffffff; */
}

.faq .faq-list p {
  padding-top: 5px;
  margin-bottom: 20px;
  font-size: 15px;
}

.collapsed i.fa.fa-arrow-up {
    
}
.collapsed i.fa.fa-arrow-up {
    transform: rotate(180deg);
}

/**ends**/


/*------write review-----*/

.write-review{min-width: 98%;}

.write-review ol li a {font-weight: bold; font-size: 1rem; text-decoration:1px solid; padding-bottom: 10px;}

.card-body{min-height: 308px;}



@media screen and (max-width: 992px) {
  .card-body{height:auto;}
}



/*------------------flip card css strat for location page---------------------*/






.card {
  background-color: none!important;
  -webkit-perspective: 150rem;
          perspective: 150rem;
  -moz-perspective: 150rem;
  position: relative;
  
}

.location-card{height: 16rem;}

.card__side {
  height: 16rem;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 3px;
  overflow: hidden;
  -webkit-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
}

.card__side--front {
  background-color:var(--sec-color);
}

.card__side--front-1 {
  background: var(--sec-color);
}



.card__side--back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.card__side--back-1 {
  background: var(--sec-color);
}



.card:hover .card__side--front-1
 {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.card:hover .card__side--back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

.card__title {

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card__title--1 .fas {
  font-size: 5rem;
}

.card__title--2 .fas {
  font-size: 5rem;
}

.card__title--3 .fas {
  font-size: 5rem;
}

.card__heading {
  font-size: 1.5rem;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  width: 75%;
  padding-top: 14px;
}

.card__heading-span {
  padding: 1rem 1.5rem;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.card__details {
  padding: 0 2rem 2rem;
}

.card__details ul {
  list-style: none;
  width: 80%;
  margin: 0 auto;
}

.card__details ul li {
  text-align: center;
  font-size: 1.5rem;
  padding: 1rem;
}

.card__details ul li:not(:last-child) {
  border-bottom: 1px solid #eee;
}

.card__cta {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
  text-align: center;
}

.card__price-box {
  text-align: center;
  color: #fff;
  margin-bottom: 8rem;
}

.card__price-only {
  font-size: 1.4rem;
  text-transform: uppercase;
}

.card__price-value {
  font-size: 3rem;
  font-weight: 100;
}

.btn--green {
  background: var(--sec-color);
 text-align: center;
  color: #fff;
  border-radius: 8px;
  padding: 10px;
}


/*---------our process------------*/
.our-process{background-color: #e3ecec; padding: 20px;}

.our-process ol li{padding-bottom:20px;} 
.our-process-heading2 h4 {
  background-color:var(--primary-color);
  text-transform: uppercase;
  color:#fff;
  margin-bottom: 20px;
  border-radius: 8px;
  padding: 10px;
  font-size: 18px;
}


.process-card {
 width:100%;

border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.process-card-item {
  /* position: relative; */
  display: block;
  padding: 0 10px;
  color: var(--bs-list-group-color);
  text-decoration: none;

  border-bottom: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
  border-left: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
  border-right: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
  
}

.process-card-item:first-child{
  border-top: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}
.process-card-item:last-child{
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
}

.marker{
  position: relative;
}

.step-circle{
  display: inline-block;
  width:40px;
  height: 40px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #4CAF50;
}
.step-circle::after{
  content:"1";
  color: #fff;
  position: absolute;
  top: 5px;
  left: 15px;
  font-size: 1.3rem;
}

.step-circle2{
  display: inline-block;
  width:40px;
  height: 40px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #FF9800;
}
.step-circle2::after{
  content:"2";
  color: #fff;
  position: absolute;
  top: 5px;
  left: 15px;
  font-size: 1.3rem;
}
.step-circle3{
  display: inline-block;
  width:40px;
  height: 40px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #9E9E9E;
}
.step-circle3::after{
  content:"3";
  color: #fff;
  position: absolute;
  top: 5px;
  left: 15px;
  font-size: 1.3rem;
}

.homepage.site-heading h2{
  padding-top:20px;
  line-height: 1.95em;
  font-size: 1.7em;
}

.services-items{
  position: relative;
}

.services-items .book__now_btn{
  position: absolute;
  width: 150px;
  height: 150px;
  z-index: 10;
  border-radius: 50%;
  top:35%;
  left: 38%;
  line-height: 150px;
  vertical-align: middle;
  text-align: center;
}
.services-items .book__now_btn a{
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 600;
}

/*-------------checkbox size in form ---------------*/

.checkbox-lg .form-check-input{
  top: .8rem;
  scale: 1.4;
  margin-right: 0.7rem;
  }
 
 .checkbox-lg .form-check-label {
  padding-top: 13px;
  }
 
 .checkbox-xl .form-check-input {
  top: 1.2rem;
  scale: 1.7;
  margin-right: 0.8rem;
  }
 
 .checkbox-xl .form-check-label {
  padding-top: 19px;
  }

  .video-text-phenetrmine,.video-text-semaglutide{
    font-size:2.0rem;
  }


  /***********form error*************/
  .error{
    color: red;
  }

  /****Semaglutide page Style****/
 #semaglutide-detail .nav-item .nav-link,
 #semaglutide-detail .nav-tabs .nav-link {
     -webkit-transition: all 300ms ease 0s;
     -moz-transition: all 300ms ease 0s;
     -o-transition: all 300ms ease 0s;
     -ms-transition: all 300ms ease 0s;
     transition: all 300ms ease 0s;
 }

 #semaglutide-detail .card a {
  -webkit-transition: all 150ms ease 0s;
  -moz-transition: all 150ms ease 0s;
  -o-transition: all 150ms ease 0s;
  -ms-transition: all 150ms ease 0s;
  transition: all 150ms ease 0s;
}

#semaglutide-detail [data-toggle="collapse"][data-parent="#accordion"] i {
  -webkit-transition: transform 150ms ease 0s;
  -moz-transition: transform 150ms ease 0s;
  -o-transition: transform 150ms ease 0s;
  -ms-transition: all 150ms ease 0s;
  transition: transform 150ms ease 0s;
}

#semaglutide-detail [data-toggle="collapse"][data-parent="#accordion"][aria-expanded="true"] i {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#semaglutide-detail .now-ui-icons {
  display: inline-block;
  font: normal normal normal 14px/1 'Nucleo Outline';
  font-size: inherit;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@-webkit-keyframes nc-icon-spin {
  0% {
      -webkit-transform: rotate(0deg);
  }

  100% {
      -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes nc-icon-spin {
  0% {
      -moz-transform: rotate(0deg);
  }

  100% {
      -moz-transform: rotate(360deg);
  }
}

@keyframes nc-icon-spin {
  0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
  }

  100% {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

#semaglutide-detail .now-ui-icons.objects_umbrella-13:before {
  content: "\ea5f";
}

#semaglutide-detail .now-ui-icons.shopping_cart-simple:before {
  content: "\ea1d";
}

#semaglutide-detail .now-ui-icons.shopping_shop:before {
  content: "\ea50";
}

#semaglutide-detail .now-ui-icons.ui-2_settings-90:before {
  content: "\ea4b";
}

#semaglutide-detail .nav-tabs {
  border: 0;
  padding: 15px 0.7rem;
}

#semaglutide-detail .nav-tabs:not(.nav-tabs-neutral)>.nav-item>.nav-link.active {
  box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.3);
}

#semaglutide-detail .card .nav-tabs {
  border-top-right-radius: 0.1875rem;
  border-top-left-radius: 0.1875rem;
}

#semaglutide-detail .nav-tabs>.nav-item>.nav-link {
  color: #888888;
  margin: 0;
  margin-right: 5px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 30px;
  font-size: 14px;
  padding: 11px 23px;
  line-height: 1.5;
}

#semaglutide-detail .nav-tabs>.nav-item>.nav-link:hover {
  background-color: transparent;
}

#semaglutide-detail .nav-tabs>.nav-item>.nav-link{
  font-size: 1.2rem;
}

#semaglutide-detail .nav-tabs>.nav-item>.nav-link i.now-ui-icons {
  font-size: 14px;
  position: relative;
  top: 1px;
  margin-right: 3px;
}

#semaglutide-detail .nav-tabs.nav-tabs-neutral>.nav-item>.nav-link {
  color: #FFFFFF;
}

#semaglutide-detail .nav-tabs.nav-tabs-neutral>.nav-item>.nav-link.active {
  background-color: rgba(255, 255, 255, 0.2);
  color: #FFFFFF;
}

#semaglutide-detail .card {
  border: 0;
  border-radius: 0.1875rem;
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}

#semaglutide-detail .card .card-header {
  background-color: transparent;
  border-bottom: 0;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
}

#semaglutide-detail .card[data-background-color="orange"] {
  background-color: #f96332;
}

#semaglutide-detail .card[data-background-color="red"] {
  background-color: #FF3636;
}

#semaglutide-detail .card[data-background-color="yellow"] {
  background-color: #FFB236;
}

#semaglutide-detail .card[data-background-color="blue"] {
  background-color: #2CA8FF;
}

#semaglutide-detail .card[data-background-color="green"] {
  background-color: #15b60d;
}

#semaglutide-detail [data-background-color="orange"] {
  background-color: #e95e38;
}

#semaglutide-detail [data-background-color="black"] {
  background-color: #2c2c2c;
}

#semaglutide-detail [data-background-color]:not([data-background-color="gray"]) {
  color: #FFFFFF;
}

#semaglutide-detail [data-background-color]:not([data-background-color="gray"]) p {
  color: #FFFFFF;
}

#semaglutide-detail [data-background-color]:not([data-background-color="gray"]) a:not(.btn):not(.dropdown-item) {
  color: #FFFFFF;
}

#semaglutide-detail [data-background-color]:not([data-background-color="gray"]) .nav-tabs>.nav-item>.nav-link i.now-ui-icons {
  color: #FFFFFF;
}


/* @font-face {
font-family: 'Nucleo Outline';
src: url("https://github.com/creativetimofficial/now-ui-kit/blob/master/assets/fonts/nucleo-outline.eot");
src: url("https://github.com/creativetimofficial/now-ui-kit/blob/master/assets/fonts/nucleo-outline.eot") format("embedded-opentype");
src: url("../../../creativetimofficial/now-ui-kit/master/assets/fonts/nucleo-outline.woff");
font-weight: normal;
font-style: normal;
      
} */

#semaglutide-detail .now-ui-icons {
display: inline-block;
font: normal normal normal 14px/1 'Nucleo Outline';
font-size: inherit;
speak: none;
text-transform: none;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.service-container{
  position: relative;
}
.service_tagger{
  position:absolute;
  top:2px;
  left:75px;
  font-weight: 600;
}
.service_sub_tag{
  position:absolute;
  top:17px;
  left:95px;
}
.service_name{
  font-size:1.4rem;
  font-weight: 600;
  margin-top: 20px;
}

.hightlight{
  padding: 10px;
    border-radius: 10px
}

/****Semaglutide Testimonial Slider******/
/* .testim {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -moz-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  transform: translatey(-50%);
}

.testim .wrap {
  position: relative;
  width: 100%;
  max-width: 1020px;
  padding: 40px 20px;
  margin: auto;
} */
.testim {
  position: relative;
}
.testim .arrow {
  display: block;
  position: absolute;
  color: #000;
  cursor: pointer;
  font-size: 2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .3s ease-in-out;    
  -ms-transition: all .3s ease-in-out;    
  -moz-transition: all .3s ease-in-out;    
  -o-transition: all .3s ease-in-out;    
  transition: all .3s ease-in-out;
  padding: 5px;
  z-index: 22222222;
}

.testim .arrow:before {
  cursor: pointer;
}

.testim .arrow:hover {
  color: #ea830e;
}
  

.testim .arrow.left {
  left: 10px;
}

.testim .arrow.right {
  right: 10px;
}

.testim .dots {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0;
  display: block;
  z-index: 3333;
  height: 12px;
}

.testim .dots .dot {
  list-style-type: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #eee;
  margin: 0 10px;
  cursor: pointer;
  -webkit-transition: all .5s ease-in-out;    
  -ms-transition: all .5s ease-in-out;    
  -moz-transition: all .5s ease-in-out;    
  -o-transition: all .5s ease-in-out;    
  transition: all .5s ease-in-out;
  position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
  background: #ea830e;
  border-color: #ea830e;
}

.testim .dots .dot.active {
  -webkit-animation: testim-scale .5s ease-in-out forwards;   
  -moz-animation: testim-scale .5s ease-in-out forwards;   
  -ms-animation: testim-scale .5s ease-in-out forwards;   
  -o-animation: testim-scale .5s ease-in-out forwards;   
  animation: testim-scale .5s ease-in-out forwards;   
}
  
.testim .cont {
  position: relative;
  overflow: hidden;
}

.testim .cont > div {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 70px 0;
  opacity: 0;
}

.testim .cont > div.inactive {
  opacity: 1;
}
  

.testim .cont > div.active {
  position: relative;
  opacity: 1;
}
  

.testim .cont div .img img {
  display: block;
  width: 280px;
  height: 280px;
  margin: auto;
  border-radius: 50%;
}

.testim .cont div h2 {
  color: #ea830e;
  font-size: 1em;
  margin: 15px 0;
}

.testim .cont div p {
  font-size: 1.15em;
  color: #eee;
  width: 80%;
  margin: auto;
}

.testim .cont div.active .img img {
  -webkit-animation: testim-show .5s ease-in-out forwards;            
  -moz-animation: testim-show .5s ease-in-out forwards;            
  -ms-animation: testim-show .5s ease-in-out forwards;            
  -o-animation: testim-show .5s ease-in-out forwards;            
  animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
  -webkit-animation: testim-content-in .4s ease-in-out forwards;    
  -moz-animation: testim-content-in .4s ease-in-out forwards;    
  -ms-animation: testim-content-in .4s ease-in-out forwards;    
  -o-animation: testim-content-in .4s ease-in-out forwards;    
  animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
  -webkit-animation: testim-content-in .5s ease-in-out forwards;    
  -moz-animation: testim-content-in .5s ease-in-out forwards;    
  -ms-animation: testim-content-in .5s ease-in-out forwards;    
  -o-animation: testim-content-in .5s ease-in-out forwards;    
  animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
  -webkit-animation: testim-hide .5s ease-in-out forwards;            
  -moz-animation: testim-hide .5s ease-in-out forwards;            
  -ms-animation: testim-hide .5s ease-in-out forwards;            
  -o-animation: testim-hide .5s ease-in-out forwards;            
  animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
  -webkit-animation: testim-content-out .4s ease-in-out forwards;        
  -moz-animation: testim-content-out .4s ease-in-out forwards;        
  -ms-animation: testim-content-out .4s ease-in-out forwards;        
  -o-animation: testim-content-out .4s ease-in-out forwards;        
  animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
  -webkit-animation: testim-content-out .5s ease-in-out forwards;    
  -moz-animation: testim-content-out .5s ease-in-out forwards;    
  -ms-animation: testim-content-out .5s ease-in-out forwards;    
  -o-animation: testim-content-out .5s ease-in-out forwards;    
  animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
  0% {
      -webkit-box-shadow: 0px 0px 0px 0px #eee;
      box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
      -webkit-box-shadow: 0px 0px 10px 5px #eee;        
      box-shadow: 0px 0px 10px 5px #eee;        
  }

  70% {
      -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
      box-shadow: 0px 0px 10px 5px #ea830e;        
  }

  100% {
      -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
      box-shadow: 0px 0px 0px 0px #ea830e;        
  }
}

@-moz-keyframes testim-scale {
  0% {
      -moz-box-shadow: 0px 0px 0px 0px #eee;
      box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
      -moz-box-shadow: 0px 0px 10px 5px #eee;        
      box-shadow: 0px 0px 10px 5px #eee;        
  }

  70% {
      -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
      box-shadow: 0px 0px 10px 5px #ea830e;        
  }

  100% {
      -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
      box-shadow: 0px 0px 0px 0px #ea830e;        
  }
}

@-ms-keyframes testim-scale {
  0% {
      -ms-box-shadow: 0px 0px 0px 0px #eee;
      box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
      -ms-box-shadow: 0px 0px 10px 5px #eee;        
      box-shadow: 0px 0px 10px 5px #eee;        
  }

  70% {
      -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
      box-shadow: 0px 0px 10px 5px #ea830e;        
  }

  100% {
      -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
      box-shadow: 0px 0px 0px 0px #ea830e;        
  }
}

@-o-keyframes testim-scale {
  0% {
      -o-box-shadow: 0px 0px 0px 0px #eee;
      box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
      -o-box-shadow: 0px 0px 10px 5px #eee;        
      box-shadow: 0px 0px 10px 5px #eee;        
  }

  70% {
      -o-box-shadow: 0px 0px 10px 5px #ea830e;        
      box-shadow: 0px 0px 10px 5px #ea830e;        
  }

  100% {
      -o-box-shadow: 0px 0px 0px 0px #ea830e;        
      box-shadow: 0px 0px 0px 0px #ea830e;        
  }
}

@keyframes testim-scale {
  0% {
      box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
      box-shadow: 0px 0px 10px 5px #eee;        
  }

  70% {
      box-shadow: 0px 0px 10px 5px #ea830e;        
  }

  100% {
      box-shadow: 0px 0px 0px 0px #ea830e;        
  }
}

@-webkit-keyframes testim-content-in {
  from {
      opacity: 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
  }
  
  to {
      opacity: 1;
      -webkit-transform: translateY(0);        
      transform: translateY(0);        
  }
}

@-moz-keyframes testim-content-in {
  from {
      opacity: 0;
      -moz-transform: translateY(100%);
      transform: translateY(100%);
  }
  
  to {
      opacity: 1;
      -moz-transform: translateY(0);        
      transform: translateY(0);        
  }
}

@-ms-keyframes testim-content-in {
  from {
      opacity: 0;
      -ms-transform: translateY(100%);
      transform: translateY(100%);
  }
  
  to {
      opacity: 1;
      -ms-transform: translateY(0);        
      transform: translateY(0);        
  }
}

@-o-keyframes testim-content-in {
  from {
      opacity: 0;
      -o-transform: translateY(100%);
      transform: translateY(100%);
  }
  
  to {
      opacity: 1;
      -o-transform: translateY(0);        
      transform: translateY(0);        
  }
}

@keyframes testim-content-in {
  from {
      opacity: 0;
      transform: translateY(100%);
  }
  
  to {
      opacity: 1;
      transform: translateY(0);        
  }
}

@-webkit-keyframes testim-content-out {
  from {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
  
  to {
      opacity: 0;
      -webkit-transform: translateY(-100%);        
      transform: translateY(-100%);        
  }
}

@-moz-keyframes testim-content-out {
  from {
      opacity: 1;
      -moz-transform: translateY(0);
      transform: translateY(0);
  }
  
  to {
      opacity: 0;
      -moz-transform: translateY(-100%);        
      transform: translateY(-100%);        
  }
}

@-ms-keyframes testim-content-out {
  from {
      opacity: 1;
      -ms-transform: translateY(0);
      transform: translateY(0);
  }
  
  to {
      opacity: 0;
      -ms-transform: translateY(-100%);        
      transform: translateY(-100%);        
  }
}

@-o-keyframes testim-content-out {
  from {
      opacity: 1;
      -o-transform: translateY(0);
      transform: translateY(0);
  }
  
  to {
      opacity: 0;
      transform: translateY(-100%);        
      transform: translateY(-100%);        
  }
}

@keyframes testim-content-out {
  from {
      opacity: 1;
      transform: translateY(0);
  }
  
  to {
      opacity: 0;
      transform: translateY(-100%);        
  }
}

@-webkit-keyframes testim-show {
  from {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
  }
  
  to {
      opacity: 1;
      -webkit-transform: scale(1);       
      transform: scale(1);       
  }
}

@-moz-keyframes testim-show {
  from {
      opacity: 0;
      -moz-transform: scale(0);
      transform: scale(0);
  }
  
  to {
      opacity: 1;
      -moz-transform: scale(1);       
      transform: scale(1);       
  }
}

@-ms-keyframes testim-show {
  from {
      opacity: 0;
      -ms-transform: scale(0);
      transform: scale(0);
  }
  
  to {
      opacity: 1;
      -ms-transform: scale(1);       
      transform: scale(1);       
  }
}

@-o-keyframes testim-show {
  from {
      opacity: 0;
      -o-transform: scale(0);
      transform: scale(0);
  }
  
  to {
      opacity: 1;
      -o-transform: scale(1);       
      transform: scale(1);       
  }
}

@keyframes testim-show {
  from {
      opacity: 0;
      transform: scale(0);
  }
  
  to {
      opacity: 1;
      transform: scale(1);       
  }
}

@-webkit-keyframes testim-hide {
  from {
      opacity: 1;
      -webkit-transform: scale(1);       
      transform: scale(1);       
  }
  
  to {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
  }
}

@-moz-keyframes testim-hide {
  from {
      opacity: 1;
      -moz-transform: scale(1);       
      transform: scale(1);       
  }
  
  to {
      opacity: 0;
      -moz-transform: scale(0);
      transform: scale(0);
  }
}

@-ms-keyframes testim-hide {
  from {
      opacity: 1;
      -ms-transform: scale(1);       
      transform: scale(1);       
  }
  
  to {
      opacity: 0;
      -ms-transform: scale(0);
      transform: scale(0);
  }
}

@-o-keyframes testim-hide {
  from {
      opacity: 1;
      -o-transform: scale(1);       
      transform: scale(1);       
  }
  
  to {
      opacity: 0;
      -o-transform: scale(0);
      transform: scale(0);
  }
}

@keyframes testim-hide {
  from {
      opacity: 1;
      transform: scale(1);       
  }
  
  to {
      opacity: 0;
      transform: scale(0);
  }
}

@media all and (max-width: 300px) {
/* body {
  font-size: 14px;
} */
}

@media all and (max-width: 500px) {
.testim .arrow {
  font-size: 1.5em;
}

.testim .cont div p {
  line-height: 25px;
}

}


.profile-section #v-pills-tabContent{
  max-height: 100%;
}


::placeholder {
  color: #d1d4d7!important;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #d1d4d7!important;
}

:target {
  scroll-margin-top: 100px!important;
}

.date-dropdowns select{
  padding:6px 10px;
  margin: 5px 3px 0px;
  border-radius: 3px;
  border-color:#d1d4d7!important;
}



#semaglutide__book_steps ul li::marker{
  font-size: 2.8em;
  line-height: 0.1;
}

#semaglutide__book_steps ol li::marker{
  font-size: 1.2em;
  line-height: 0.1;
}