/*****reset*****/
:root {
  --clr-primary-main: #1b41bc;
  --clr-primary-100: #7bb64c;
  --clr-primary-700: #458576;
  --clr-primary-tx: #003177;
  --clr-primary-bg: #f0f2f4;
  --clr-primary-br: #e3e3e3;
  --clr-secondary-main: #41a5b9;
  --clr-secondary-bg: #f7f6f4;
  --clr-secondary-tx: #2a1f6d;
  --clr-secondary-br: #808080;
  --clr-tertiary-tx: #1a2633;
  --clr-danger-main: #be131b;
  --clr-danger-tx: #be131b;
}
:root .bg-primary-main {
  background-color: #7857a2;
}
:root .cl-primary-main {
  color: #7857a2;
}
:root .br-primary-main {
  color: #7857a2;
}
:root .bg-primary-100 {
  background-color: #ccaaf8;
}
:root .cl-primary-100 {
  color: #ccaaf8;
}
:root .br-primary-100 {
  color: #ccaaf8;
}
:root .bg-primary-700 {
  background-color: #2c0e53;
}
:root .cl-primary-700 {
  color: #2c0e53;
}
:root .br-primary-700 {
  color: #2c0e53;
}
:root .bg-primary-tx {
  background-color: #372852;
}
:root .cl-primary-tx {
  color: #372852;
}
:root .br-primary-tx {
  color: #372852;
}
:root .bg-primary-bg {
  background-color: #f0f2f4;
}
:root .cl-primary-bg {
  color: #f0f2f4;
}
:root .br-primary-bg {
  color: #f0f2f4;
}
:root .bg-primary-br {
  background-color: #e3e3e3;
}
:root .cl-primary-br {
  color: #e3e3e3;
}
:root .br-primary-br {
  color: #e3e3e3;
}
:root .bg-secondary-main {
  background-color: #41a5b9;
}
:root .cl-secondary-main {
  color: #41a5b9;
}
:root .br-secondary-main {
  color: #41a5b9;
}
:root .bg-secondary-bg {
  background-color: #f7f6f4;
}
:root .cl-secondary-bg {
  color: #f7f6f4;
}
:root .br-secondary-bg {
  color: #f7f6f4;
}
:root .bg-secondary-tx {
  background-color: #2a1f6d;
}
:root .cl-secondary-tx {
  color: #2a1f6d;
}
:root .br-secondary-tx {
  color: #2a1f6d;
}
:root .bg-secondary-br {
  background-color: #808080;
}
:root .cl-secondary-br {
  color: #808080;
}
:root .br-secondary-br {
  color: #808080;
}
:root .bg-tertiary-tx {
  background-color: #1a2633;
}
:root .cl-tertiary-tx {
  color: #1a2633;
}
:root .br-tertiary-tx {
  color: #1a2633;
}
:root .bg-danger-main {
  background-color: #be131b;
}
:root .cl-danger-main {
  color: #be131b;
}
:root .br-danger-main {
  color: #be131b;
}
:root .bg-danger-tx {
  background-color: #be131b;
}
:root .cl-danger-tx {
  color: #be131b;
}
:root .br-danger-tx {
  color: #be131b;
}

/********map-functions***/
:root {
  --dur-quick: 0.25s;
  --dur-fast: 0.5s;
  --dur-normal: 1s;
  --dur-delayed: 2s;
  --dur-slow: 3s;
}

@-webkit-keyframes blinkinAnimation {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.95;
  }
  100% {
    opacity: 0.4;
  }
}

@keyframes blinkinAnimation {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.95;
  }
  100% {
    opacity: 0.4;
  }
}
@-webkit-keyframes movinArrowAnim {
  0% {
    left: 0;
    opacity: 1;
  }
  100% {
    left: 25%;
    opacity: 0.3;
  }
}
@keyframes movinArrowAnim {
  0% {
    left: 0;
    opacity: 1;
  }
  100% {
    left: 25%;
    opacity: 0.3;
  }
}
@-webkit-keyframes rotatingAnim {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}
@keyframes rotatingAnim {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}
/***************************animations**********************************/
.ScalerUp {
  opacity: 0;
}

.bgScaler:hover {
  transition: all 5s !important;
  background-size: 155%;
}

.SlideIn {
  transform: translateY(150px);
  opacity: 0;
  -webkit-animation: FadeIn 2.5s ease forwards;
          animation: FadeIn 2.5s ease forwards;
}
.SlideIn:nth-child(odd) {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
.SlideIn.quick {
  -webkit-animation-duration: 1s !important;
          animation-duration: 1s !important;
}
.SlideIn.quick:nth-child(odd) {
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
}

.SlideLeft {
  transform: translateX(-150px);
  opacity: 0;
  -webkit-animation: FadeIn 2.5s ease forwards;
          animation: FadeIn 2.5s ease forwards;
}
.SlideLeft:nth-child(odd) {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
.SlideLeft.quick {
  -webkit-animation-duration: 1s !important;
          animation-duration: 1s !important;
}
.SlideLeft.quick:nth-child(odd) {
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
}

.SlideDown {
  transform: translateY(-150px);
  opacity: 0;
  -webkit-animation: FadeIn 2.5s ease forwards;
          animation: FadeIn 2.5s ease forwards;
}
.SlideDown.quick {
  -webkit-animation-duration: 1s !important;
          animation-duration: 1s !important;
}
.SlideDown:nth-child(odd) {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}

@-webkit-keyframes FadeIn {
  to {
    transform: translate(0);
    opacity: 1;
  }
}

@keyframes FadeIn {
  to {
    transform: translate(0);
    opacity: 1;
  }
}
.ScaleUp {
  opacity: 0;
  transform: scale(0);
  -webkit-animation: ScaleAnim 2.5s ease forwards;
          animation: ScaleAnim 2.5s ease forwards;
}
.ScaleUp.quick {
  -webkit-animation-duration: 1s !important;
          animation-duration: 1s !important;
}
.ScaleUp.quick:nth-child(odd) {
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
}

.ScaleDown {
  opacity: 0;
  transform: scale(2.5);
  -webkit-animation: ScaleAnim 2.5s ease forwards;
          animation: ScaleAnim 2.5s ease forwards;
}
.ScaleDown.quick {
  -webkit-animation-duration: 1s !important;
          animation-duration: 1s !important;
}

@-webkit-keyframes ScaleAnim {
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes ScaleAnim {
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.FadeInVisible {
  opacity: 1;
  animation: FadeInAnim 0.8s ease reverse;
}

@-webkit-keyframes FadeInAnim {
  to {
    width: 200px;
    opacity: 0;
  }
}

@keyframes FadeInAnim {
  to {
    width: 200px;
    opacity: 0;
  }
}
:root {
  /********sizes-vars-setup**/
  --font-default-size: 16px;
  /* --max-layer-width: 124rem;
  --min-layer-width: 20rem; */
  --max-layer-width: 80rem;
  --min-layer-width: 20rem;
  /* --max-layer-width: 1280px;
  --min-layer-width: 320px; */
  --default-padding: 1rem;
  /* @media screen and (max-width: 2050px) {
      --font-default-size: 1px;
  } */
  /*

  @include minQ(tablet)
  {
      --font-default-size: 20px;
  }

  @include minQ(desktop)
  {
      --font-default-size: 24px;
  } */
}
@media screen and (min-width: 2080px) {
  :root {
    font-size: 24px;
    --font-default-size: 24px;
  }
}

* {
  transition: all 0.5s;
}

html, body {
  font-size: var(--font-default-size);
  width: 100%;
  height: 100%;
  min-width: var(--min-layer-width);
}

.app-canvas {
  width: 100%;
  min-height: 100%;
  contain: paint;
}

.layer-content {
  width: 100%;
  max-width: var(--max-layer-width);
}

.layer-content-95 {
  width: 100%;
  max-width: calc( var(--max-layer-width) * .95 );
}

.layer-content-70 {
  width: 100%;
  max-width: calc( var(--max-layer-width) * .7 );
}

.layer-content-50 {
  width: 100%;
  max-width: calc( var(--max-layer-width) * .5 );
}

.layer-content-60 {
  width: 100%;
  max-width: calc( var(--max-layer-width) * .6 );
}

.layer-content-40 {
  width: 100%;
  max-width: calc( var(--max-layer-width) * .4 );
}

.layer-content-35 {
  width: 100%;
  max-width: calc( var(--max-layer-width) * .35 );
}

.dynamic-section {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 20;
  width: 0;
  min-height: 100%;
}

.specs .dynamic-section,
.menu .dynamic-section,
.about-doctor .dynamic-section {
  width: 100%;
  transition: all 0.25s;
  opacity: 1;
}

.specialties-panel {
  --Radius: 1rem;
  position: absolute;
  justify-content: center;
  top: 100%;
  width: 100%;
  height: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}
.specialties-panel .specialties-scope {
  position: relative;
  width: 100%;
  max-width: 52rem;
  background-color: #fff;
  border-bottom-left-radius: var(--Radius);
  border-bottom-right-radius: var(--Radius);
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  padding: 3em;
  overflow: hidden;
  top: 300%;
  left: 50%;
  translate: -50% 0;
  transition: all 0.25s !important;
}
.specialties-panel .specialties-scope::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 0.3em;
  background-image: linear-gradient(to right, var(--clr-primary-main), var(--clr-secondary-main));
}
.specialties-panel .specialties-scope::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 80%;
  height: 80%;
  background: url("/assets/lobby/images/background/specialties-vector-background.png") no-repeat center;
  background-size: contain;
  transform: translate(20%, 35%) scale(1.6);
}
.specialties-panel .specialties-scope .specialties-list-wrapper {
  position: relative;
  z-index: 5;
}
.specialties-panel .specialties-scope .specialties-list-wrapper .nav-header h2 {
  text-align: center;
  font-size: 1.4em;
  /*font-family: 'Roboto', sans-serif;*/
  font-weight: 600;
  margin-bottom: 0.5em;
}
.specialties-panel .specialties-scope .specialties-list-wrapper .nav-wrapper nav {
  list-style-type: none;
}
.specialties-panel .specialties-scope .specialties-list-wrapper .nav-wrapper nav a li {
  --Color: var(--clr-primary-main);
  display: flex;
  align-items: center;
  list-style-type: none;
  padding: 0.7em 1em;
  white-space: nowrap;
  font-size: 0.9em;
  border-radius: 0.4rem;
}
.specialties-panel .specialties-scope .specialties-list-wrapper .nav-wrapper nav a li::before {
  --Size: .6em;
  content: "";
  width: var(--Size);
  height: var(--Size);
  border: 2px solid;
  border-radius: 0.1em;
  display: inline-flex;
  margin-right: 0.5em;
  rotate: -45deg;
  border-color: transparent var(--Color) var(--Color) transparent;
  translate: -10% 0;
}
.specialties-panel .specialties-scope .specialties-list-wrapper .nav-wrapper nav a li:hover {
  background-color: var(--clr-primary-bg);
}
.specialties-panel .specialties-scope .specialties-content-side {
  position: relative;
  z-index: 5;
  padding: 1em;
  display: none;
  justify-content: center;
}
.specialties-panel .specialties-scope .specialties-content-side .content-scope {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.specialties-panel .specialties-scope .specialties-content-side .content-scope .picture-wrapper {
  margin-bottom: 1.2em;
}
.specialties-panel .specialties-scope .specialties-content-side .content-scope .picture-wrapper img {
  width: 100%;
  max-width: 18rem;
  aspect-ratio: 1.4;
  border-radius: 0.5rem;
}
.specialties-panel .specialties-scope .specialties-content-side .content-scope .text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.specialties-panel .specialties-scope .specialties-content-side .content-scope .text-wrapper * {
  color: var(--clr-primary-tx);
}
.specialties-panel .specialties-scope .specialties-content-side .content-scope .text-wrapper h3 {
  font: 700 1.3em;
  margin-bottom: 1.1em;
}
.specialties-panel .specialties-scope .specialties-content-side .content-scope .text-wrapper p {
  text-align: center;
  font-size: 0.95em;
  max-width: 42ch;
}
@media screen and (min-width: 768px) {
  .specialties-panel .specialties-scope .specialties-content-side {
    display: flex;
  }
}

.specs .specialties-panel {
  z-index: 25;
  opacity: 1;
  transition: all 0.3s;
  pointer-events: all;
}
.specs .specialties-panel .specialties-scope {
  top: 0;
}

/*****components*****/
.mobile-menu-trigger {
  --Size: 3rem;
  --Duration: .25s;
  position: relative;
  border: 1px solid var(--clr-primary-100);
  width: var(--Size);
  height: var(--Size);
  overflow: hidden;
}
.mobile-menu-trigger * {
  transition: all var(--Duration);
}
.mobile-menu-trigger::before, .mobile-menu-trigger::after, .mobile-menu-trigger i.thread {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  height: 0.27rem;
  translate: -50% -50%;
  display: inline-flex;
  background-color: var(--clr-primary-main);
  border-radius: 0.1rem;
}
.mobile-menu-trigger::before {
  top: 25%;
  width: 80%;
  /* rotate: -45deg; */
  transition: all var(--Duration);
}
.mobile-menu-trigger i.thread {
  width: 60%;
}
.mobile-menu-trigger::after {
  top: 75%;
  width: 70%;
  /* rotate: 45deg; */
  transition: all var(--Duration);
}
.mobile-menu-trigger.opened::before {
  top: 50%;
  width: 80%;
  rotate: -45deg;
}
.mobile-menu-trigger.opened i.thread {
  left: 100%;
  opacity: 0;
}
.mobile-menu-trigger.opened::after {
  top: 50%;
  width: 80%;
  rotate: 45deg;
}

.bdr-gradient-btn {
  --StartColor: var(--clr-primary-main);
  --EndColor: var(--clr-secondary-main);
  --BgColor: #fff;
  --Radius: 1.5rem;
  --Padding: .25rem 1.5rem;
  --Border: .15rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(to right, var(--StartColor), var(--EndColor));
  border-radius: var(--Radius);
  padding: var(--Border);
}
.bdr-gradient-btn * {
  transition: all 0.25s;
}
.bdr-gradient-btn .solid-scope {
  display: flex;
  border-radius: var(--Radius);
  /*background-color: var(--BgColor);*/
  padding: var(--Padding);
  border: solid var(--Border) transparent;
  justify-content: center;
  align-self: center;
  font-weight: 400;
  font-size: 1rem;
  cursor: pointer;
  color:white;
}
.bdr-gradient-btn .full {
  width: 100%;
}
.bdr-gradient-btn:hover {
  opacity: 0.85;
}
.bdr-gradient-btn:hover .solid-scope {
  background-color: transparent;
  color: #fff;
  text-decoration: none;
}

.rounded-button-like-link {
  border-radius: 5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1em 2.5em;
  font-size: 1.01rem;
  color: #fff;
  font-weight: 500;
}
.rounded-button-like-link.primary {
  background-color: var(--clr-primary-main);
}
.rounded-button-like-link.secondary {
  background-color: var(--clr-secondary-main);
}
.rounded-button-like-link.mixed {
  background-image: linear-gradient(to right, var(--clr-primary-main), var(--clr-secondary-main));
}
.rounded-button-like-link:hover {
  /*background: #fff !important;*/
  color:#fff;
  transition: all 0.25s !important;
  /*outline: 4px solid var(--clr-primary-main);*/
  text-decoration: none;
  cursor: pointer;
  opacity:0.8;
}
.rounded-button-like-link:hover * {
  cursor: pointer;
}

.ovs-alert-modal {
  --Color: var(--clr-primary-main);
  --IconSize: 2.5em;
  position: fixed;
  top: 4%;
  right: 1%;
  translate: 0 -400%;
  width: 100vw;
  max-width: 30em;
  border-top: 0.2em solid var(--Color);
  display: flex;
  background-color: #fff;
  z-index: 100000;
  box-shadow: 0 0 0.8em rgba(0, 0, 0, 0.25);
  opacity: 0;
}
.ovs-alert-modal .icon-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em;
  background-color: var(--Color);
}
.ovs-alert-modal .icon-tab .icon-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--IconSize);
  height: var(--IconSize);
}
.ovs-alert-modal .icon-tab .icon-item::before {
  content: "!";
  width: 70%;
  height: 70%;
  border: 0.2em solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
}
.ovs-alert-modal .message-tab {
  position: relative;
  display: flex;
  flex: 1;
}
.ovs-alert-modal .message-tab .message-scope {
  padding: 0.7em;
  flex: 1;
}
.ovs-alert-modal .message-tab .message-scope h2 {
  font: 600 1em;
  margin-bottom: 0.3em;
  color: var(--Color);
}
.ovs-alert-modal .message-tab .message-scope p {
  font: 0.8em "Open Sans";
  color: var(--clr-primary-tx);
}
.ovs-alert-modal .message-tab .closer {
  position: relative;
  width: 100%;
  max-width: 2em;
  border: 0;
  border-left: 1px solid var(--clr-primary-br);
  background-color: var(--clr-primary-bg);
  cursor: pointer;
}
.ovs-alert-modal .message-tab .closer::before, .ovs-alert-modal .message-tab .closer::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 70%;
  height: 0.15em;
  background-color: var(--Color);
}
.ovs-alert-modal .message-tab .closer::before {
  rotate: -45deg;
}
.ovs-alert-modal .message-tab .closer::after {
  rotate: 45deg;
}
.ovs-alert-modal .message-tab .closer:hover {
  background-color: var(--Color);
}
.ovs-alert-modal .message-tab .closer:hover::before, .ovs-alert-modal .message-tab .closer:hover::after {
  background-color: #fff;
}
.ovs-alert-modal.actived {
  translate: 0% 0%;
  opacity: 1;
}
.ovs-alert-modal.success {
  --Color: var(--clr-secondary-main);
}
.ovs-alert-modal.failed {
  --Color: var(--clr-danger-main);
}

.about-doctor-modal {
  position: absolute;
  /* width: 100vw;
  height: 100vh; */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.8em;
  /*
  */
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -10;
}
.about-doctor-modal .modal-scope {
  flex: 1;
  background-color: #fff;
  border-radius: 0.8em;
  box-shadow: 0 0.1em 0.7em rgba(0, 0, 0, 0.25);
  overflow: hidden;
  height: 70%;
  translate: 0 100%;
}
.about-doctor-modal .modal-scope .insider {
  position: relative;
  display: flex;
  overflow: auto;
  flex-wrap: wrap;
  height: 100%;
}
.about-doctor-modal .modal-scope .insider .profile-scope {
  width: 100%;
}
.about-doctor-modal .modal-scope .insider .profile-scope img {
  width: 100%;
  aspect-ratio: 1;
}
.about-doctor-modal .modal-scope .insider .description-scope {
  padding: 1em;
}
.about-doctor-modal .modal-scope .insider .description-scope h2 {
  font: 700 1.4em "Open Sans";
  color: var(--clr-primary-tx);
  margin-bottom: 0.7em;
}
.about-doctor-modal .modal-scope .insider .description-scope p {
  font: 0.9em "Open Sans";
  color: var(--clr-primary-tx);
  margin-bottom: 0.4em;
}
.about-doctor-modal .modal-scope .insider .description-scope .desc-section {
  margin-bottom: 0.7em;
}
.about-doctor-modal .modal-scope .insider .description-scope .desc-section h3 {
  font: 600 1.2em "Open Sans";
  color: var(--clr-primary-tx);
  margin-bottom: 0.3em;
}
.about-doctor-modal .modal-scope .insider .description-scope .desc-section nav {
  list-style-type: none;
  margin-bottom: 0.35em;
}
.about-doctor-modal .modal-scope .insider .description-scope .desc-section nav li {
  list-style-type: none;
  font-size: 0.85em;
  color: var(--clr-primary-tx);
}
.about-doctor-modal .modal-scope .insider .closer {
  --Size: 1.5em;
  position: absolute;
  top: 0%;
  right: 0%;
  width: var(--Size);
  height: var(--Size);
}
.about-doctor-modal .modal-scope .insider .closer::before, .about-doctor-modal .modal-scope .insider .closer::after {
  content: "";
  width: 70%;
  height: 0.2em;
  background-color: var(--clr-secondary-br);
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.about-doctor-modal .modal-scope .insider .closer::before {
  rotate: -45deg;
}
.about-doctor-modal .modal-scope .insider .closer::after {
  rotate: 45deg;
}
@media screen and (min-width: 420px) {
  .about-doctor-modal .modal-scope .insider .profile-scope {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--clr-primary-br);
    padding: 3em;
    background-color: var(--clr-primary-bg);
  }
  .about-doctor-modal .modal-scope .insider .profile-scope img {
    max-width: 14em;
    border-radius: 0.4em;
  }
}
@media screen and (min-width: 579px) {
  .about-doctor-modal .modal-scope .insider {
    flex-wrap: nowrap;
  }
  .about-doctor-modal .modal-scope .insider .profile-scope {
    align-items: flex-start;
    background-color: #fff;
    padding: 0.5em;
    border-bottom: 0;
    min-width: 35%;
  }
  .about-doctor-modal .modal-scope .insider .profile-scope img {
    max-width: 100%;
  }
  .about-doctor-modal .modal-scope .insider .description-scope {
    overflow: auto;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .about-doctor-modal .modal-scope {
    padding: 1em;
  }
}

.about-doctor .about-doctor-modal {
  opacity: 1;
  z-index: 100;
}
.about-doctor .about-doctor-modal .modal-scope {
  translate: 0% 0%;
}

.scroll-button-wrapper {
  position: fixed;
  bottom: 0;
  height: 0;
  width: 100%;
  z-index: 40;
}
.scroll-button-wrapper .positioned-lyer {
  position: absolute;
  left: 50%;
  translate: -50% 0;
  display: flex;
  justify-content: flex-end;
}
.scroll-button-wrapper .positioned-lyer .scroll-button {
  position: relative;
  translate: 30% 130%;
  width: 3em;
  height: 3em;
  border-radius: 0.8em;
  background-color: var(--clr-primary-main);
}
.scroll-button-wrapper .positioned-lyer .scroll-button::before {
  --Size: 35%;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  border: 3px solid #fff;
  transform: translate(-50%, -25.5%) rotate(-45deg);
  display: inline-block;
  width: var(--Size);
  height: var(--Size);
  border-color: #fff #fff transparent transparent;
  border-radius: 0.2em;
}

.btn-scroll .scroll-button-wrapper .scroll-button {
  translate: -30% -130%;
}

/****header****/
.header_layout_simple {
  /*--LogoSize: 4.5rem;*/
  /*--verticalPadding: .5rem;*/
  /*--MaxHeaderHeight: 7rem;*/
  max-height:112px;
  height:112px;
  position: sticky;
  display: flex;
  justify-content: center;
  width: 100%;
  top: 0;
  z-index: 1000;
  /*--contentPadding: var(--verticalPadding) var(--default-padding);*/
  transition: all var(--dur-quick);
  /*background:aliceblue;*/
   /*margin-bottom: -128px!important;*/
 background:rgba(255,255,255,0.5);
  
}
.header_layout_simple .masthead {
  display: flex;
  /*max-height: var(--MaxHeaderHeight);*/
  align-items: center;
}
.header_layout_simple .masthead .logo-scope {
 /* --LogoSize: 4.5rem;*/
  /*width: var(--LogoSize);*/
  max-width: 345px;
  margin-left: 15px;
  
  height: var(--LogoSize);
  padding: var(--contentPadding);
  transition: all var(--dur-quick);
  max-height: 100%;
}
.header_layout_simple .masthead .logo-scope img {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 579px) {
  .header_layout_simple .masthead .logo-scope {
   /* --LogoSize: 7rem;*/
  }
}
@media screen and (min-width: 1200px) {
  .header_layout_simple .masthead .logo-scope {
    /*--LogoSize: 10rem;*/
  }
}
.header_layout_simple .masthead .logo-scope:hover {
  -webkit-animation: blinkinAnimation var(--dur-slow);
          animation: blinkinAnimation var(--dur-slow);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.header_layout_simple .masthead .menu-scope {
  display: flex;
  flex: 1;
  justify-content: end;
  overflow: hidden;
  margin-right: 10px;
}
.header_layout_simple .masthead .menu-scope > div {
  padding: var(--contentPadding);
  display: flex;
  flex: 1;
  transition: all 0.25s;
}
.header_layout_simple .masthead .menu-scope .mobile-scope {
  align-items: center;
  justify-content: end;
}
@media screen and (min-width: 1200px) {
  .header_layout_simple .masthead .menu-scope .mobile-scope {
    opacity: 0;
    position: absolute;
    translate: 0 100%;
  }
}
.header_layout_simple .masthead .menu-scope .desktop-scope {
  position: absolute;
  translate: 0 -100%;
  justify-content: flex-end;
}
@media screen and (min-width: 1200px) {
  .header_layout_simple .masthead .menu-scope .desktop-scope {
    position: relative;
    translate: 0 0%;
  }
}
.header_layout_simple .masthead .menu-scope .desktop-scope .dsk-scope {
  display: flex;
  align-items: center;
}
.header_layout_simple .masthead .menu-scope .desktop-scope .dsk-scope.insider {
  justify-content: end;
  align-items: start;
  margin-top: calc( var(--LogoSize) / 2.5 );
}
.header_layout_simple .masthead .menu-scope .desktop-scope .dsk-scope.menu .menu-items {
  display: flex;
}
.header_layout_simple .masthead .menu-scope .desktop-scope .dsk-scope.menu .menu-items .item a {
  display: inline-flex;
  padding: 0.5rem 1.2rem;
  letter-spacing: 0.01rem;
  font-size: 1.2rem;
  font-weight: 300;
  /*font-family: 'Roboto', sans-serif;*/
}
.header_layout_simple .masthead .menu-scope .desktop-scope .dsk-scope.menu .menu-items .item a label {
  position: relative;
  cursor: pointer;
  color:#000!important;
}
.header_layout_simple .masthead .menu-scope .desktop-scope .dsk-scope.menu .menu-items .item a label::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.2rem;
  translate: 0 200%;
  background-color:#1b41bc;
  scale: 0 1;
  transition: all 0.25s;
}
.header_layout_simple .masthead .menu-scope .desktop-scope .dsk-scope.menu .menu-items .item.actived a label::before {
  scale: 1 1;
}
.header_layout_simple .masthead .menu-scope .desktop-scope .dsk-scope.menu .menu-items .item:hover a label::before {
  background-color:#1b41bc;
  scale: 1 1;
}
.header_layout_simple .masthead .menu-scope .desktop-scope .dsk-scope.button {
  margin-left: 3rem;
  flex-shrink: 0;
}
.header_layout_simple .masthead .menu-scope .desktop-scope .dsk-scope.button .bdr-gradient-btn {
  --StartColor: var(--clr-primary-main);
  --EndColor: var(--clr-secondary-main);
}
.header_layout_simple.small {
  background-color:rgba(255,255,255,0.5);
  /*box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);*/
-webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
      max-height:112px;
      height:112px;
  
}
.header_layout_simple.small .masthead .logo-scope {
  --LogoSize: 4.5rem !important;
  /*height: auto;*/
}
.header_layout_simple.small .masthead .desktop-scope {
  /* align-items: start; */
}
.header_layout_simple.small .masthead .desktop-scope .dsk-scope.insider {
  align-items: center;
  margin-top: 0;
}
.header_layout_simple.small .masthead .desktop-scope .dsk-scope.insider .menu-items .item label {
    font-size: 1.2rem;
  transition: all var(--dur-quick);
}
.header_layout_simple.small .masthead .desktop-scope .dsk-scope .button .bdr-gradient-btn .solid-scope {
  font-size: 1rem;
}
.header_layout_simple .mobile-menu {
  position: absolute;
  width: 100%;
  top: 300%;
  background-color: #fff;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}
.header_layout_simple .mobile-menu .menu-insider {
  width: 100%;
  padding-bottom: 40px;
    padding-top: 40px;
}
.header_layout_simple .mobile-menu .menu-insider .item {
  width: 100%;
}
.header_layout_simple .mobile-menu .menu-insider .item a .item-label {
  display: flex;
  justify-content: center;
  padding: 0.75em 1em;
  font: 500 1.1em;
}
.header_layout_simple .mobile-menu .menu-insider .item a:hover .item-label {
  background-color: var(--clr-primary-bg);
}

.menu .header_layout_simple .mobile-menu {
  z-index: 25;
  opacity: 1;
  top: 100%;
  transition: all 0.25s;
  pointer-events: all;
  background:aliceblue;
}

.specs .header_layout_simple,
.menu .header_layout_simple,
.about-doctor .header_layout_simple {
  background: #fff;
}

.mobile-menu-trigger {
  --Size: 3rem;
  --Duration: .25s;
  position: relative;
  border: 1px solid #000;
  width: var(--Size);
  height: var(--Size);
  overflow: hidden;
}
.mobile-menu-trigger * {
  transition: all var(--Duration);
}
.mobile-menu-trigger::before, .mobile-menu-trigger::after, .mobile-menu-trigger i.thread {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  height: 0.27rem;
  translate: -50% -50%;
  display: inline-flex;
  background-color: var(--clr-primary-main);
  border-radius: 0.1rem;
}
.mobile-menu-trigger::before {
  top: 25%;
  width: 80%;
  /* rotate: -45deg; */
  transition: all var(--Duration);
}
.mobile-menu-trigger i.thread {
  width: 60%;
}
.mobile-menu-trigger::after {
  top: 75%;
  width: 70%;
  /* rotate: 45deg; */
  transition: all var(--Duration);
}
.mobile-menu-trigger.opened::before {
  top: 50%;
  width: 80%;
  rotate: -45deg;
}
.mobile-menu-trigger.opened i.thread {
  left: 100%;
  opacity: 0;
}
.mobile-menu-trigger.opened::after {
  top: 50%;
  width: 80%;
  rotate: 45deg;
}

/****sections****/
.home-page-banner {
  display: flex;
  justify-content: center;
  font-size: 1rem;
  margin-top: 0;
  background:rgba(255,255,255,0.5);
  min-height:700px;
    background-image:  linear-gradient(134deg, rgb(10 125 227 / 74%) 0%, rgb(7 17 68 / 61%) 69%), url(/assets/lobby/images/background/rps_home_banner_3.jpg);
    background-size: cover;
    background-position: center;
}



.home-page-banner .content-scope {
  display: flex;
  flex-direction: column;
}
.home-page-banner .content-scope .static-scope {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  /*padding: 1em;*/
  padding:80px 0;
}
.home-page-banner .content-scope .static-scope .text-wrapper {
  margin-bottom: 2.5em;
}
.home-page-banner .content-scope .static-scope .text-wrapper h1 {
  font-size: 1.7em;
  font-weight: bold;
  max-width: 36ch;
  /*font-family: 'Roboto', sans-serif;*/
  margin-bottom: 0.5em;
  line-height: 1.3;
}
.home-page-banner .content-scope .static-scope .text-wrapper h1 label {
  display: inline-flex;
  /*margin-right: 2em;*/
}
.home-page-banner .content-scope .static-scope .text-wrapper h1 label.gradient {
  background-image: linear-gradient(var(--clr-primary-main), var(--clr-secondary-main));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home-page-banner .content-scope .static-scope .text-wrapper p {
  /*font-family: 'Roboto', sans-serif;*/
  font-weight: 500;
  max-width: 42ch;
  font-size: 0.8em;
}
.home-page-banner .content-scope .static-scope .button-scope {
  display: flex;
  flex-direction: column;
}
.home-page-banner .content-scope .static-scope .button-scope .rounded-button-like-link {
  margin-bottom: 0.5rem;
  width: 100%;
}
.home-page-banner .content-scope .graphic-scope {
  position: relative;
  height: 100%;
  aspect-ratio: 1;
}
.home-page-banner .content-scope .graphic-scope::before {
  aspect-ratio: 1;
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: url("/assets/lobby/images/background/main-page-banner-background.png") no-repeat center;
  background-size: contain;*/
}
@media screen and (min-width: 500px) {
  .home-page-banner {
    font-size: 1.1rem;
  }
  .home-page-banner .content-scope .static-scope {
    display: flex;
    flex: 1;
    justify-content: center;
  }
  .home-page-banner .content-scope .static-scope .button-scope {
    display: flex;
    flex-direction: row;
    gap: 0.8rem;
  }
  .home-page-banner .content-scope .static-scope .button-scope .rounded-button-like-link {
    width: 50%;
    font-size: 0.7em;
    max-width: 17em;
    min-height: 4.5em;
  }
}
@media screen and (min-width: 650px) {
  .home-page-banner {
    font-size: 1rem;
    margin-top: 6em;
  }
  .home-page-banner .content-scope {
    flex-direction: row;
  }
  .home-page-banner .content-scope .graphic-scope {
    width: 20%;
  }
  .home-page-banner .content-scope .graphic-scope::before {
    position: absolute;
    scale: 3.5;
  }
  .home-page-banner .content-scope .static-scope .button-scope .rounded-button-like-link {
    font-size: 0.9em;
  }
}
@media screen and (min-width: 900px) {
  .home-page-banner {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .home-page-banner {
    margin-top: 0;
    font-size: 1.4rem;
  }
  .home-page-banner .rounded-button-like-link {
    max-width: 14em;
    min-height: 3em !important;
  }
}
@media screen and (min-width: 1200px) {
  .home-page-banner {
    font-size: 1.5rem;
  }
}

.welcome-section {
  font-size: 1rem;
  padding: 4.8em 1.3em;
  display: flex;
  justify-content: center;
}
.welcome-section .insider {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.welcome-section .insider h3 {
  text-align: center;
  font-size: 1.8em;
  /*font-family: 'Roboto', sans-serif;*/
  font-weight: 700;
  margin-bottom: 0.6em;
  line-height: 1.2;
  max-width: 28ch;
}
.welcome-section .insider h3 span {
  color: var(--clr-primary-main);
}
.welcome-section .insider p {
  margin-bottom: 1.3em;
  font-size: 0.7em;
  text-align: center;
  max-width: 74ch;
}
.welcome-section .insider h5 {
  font-size: 0.9em;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 579px) {
  .welcome-section .insider {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .welcome-section .insider {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1200px) {
  .welcome-section .insider {
    font-size: 1.6rem;
    margin-top: 5em;
  }
}

/********map-functions***/
.post-card-section {
  --BorderRadius: 1rem;
  display: flex;
  justify-content: center;
  padding: 1.2rem;
}
.post-card-section .layer-content-95 .content-scope {
  display: flex;
  flex-direction: column;
  border-radius: var(--BorderRadius);
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.post-card-section .layer-content-95 .content-scope .image-content {
  line-height: 0;
  width: 100%;
  aspect-ratio: 16/11;
  border-top-left-radius: var(--BorderRadius);
  border-top-right-radius: var(--BorderRadius);
}
.post-card-section .layer-content-95 .content-scope .image-content img {
  width: 100%;
  height: 100%;
  line-height: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.post-card-section .layer-content-95 .content-scope .card-content {
  padding: 1.4rem 1.5rem;
}
.post-card-section .layer-content-95 .content-scope .card-content h3 {
  font-size: 0.85rem;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--clr-primary-main);
  margin-bottom: 0.5rem;
}
.post-card-section .layer-content-95 .content-scope .card-content h2 {
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
.post-card-section .layer-content-95 .content-scope .card-content p {
  font-size: 0.9rem;
  margin-bottom: 0.7rem;
}
@media screen and (min-width: 579px) {
  .post-card-section {
    padding: 2.2rem;
  }
  .post-card-section .layer-content-95 .content-scope .card-content h3 {
    font-size: 0.95rem;
  }
  .post-card-section .layer-content-95 .content-scope .card-content h2 {
    font-size: 1.6rem;
  }
  .post-card-section .layer-content-95 .content-scope .card-content p {
    font-size: 0.98rem;
  }
}
@media screen and (min-width: 768px) {
  .post-card-section {
    padding: 2.5rem 1rem;
  }
  .post-card-section .layer-content-95 .content-scope {
    padding: 3rem 2rem;
    flex-direction: row;
  }
  .post-card-section .layer-content-95 .content-scope .image-content {
    border-radius: var(--BorderRadius);
    overflow: hidden;
    min-width: 40%;
    max-width: 45%;
  }
  .post-card-section .layer-content-95 .content-scope .card-content {
    padding: 2rem 4rem;
    display: flex;
    align-items: center;
  }
  .post-card-section .layer-content-95 .content-scope .card-content h3 {
    font-size: 1rem;
  }
  .post-card-section .layer-content-95 .content-scope .card-content h2 {
    font-size: 2rem;
  }
  .post-card-section .layer-content-95 .content-scope .card-content p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .post-card-section {
    padding: 2.5rem 1rem;
  }
  .post-card-section .layer-content-95 .content-scope {
    padding: 5rem 4rem;
  }
  .post-card-section .layer-content-95 .content-scope .card-content h3 {
    font-size: 1.15rem;
  }
  .post-card-section .layer-content-95 .content-scope .card-content h2 {
    font-size: 2.5rem;
  }
  .post-card-section .layer-content-95 .content-scope .card-content p {
    font-size: 1.4rem;
    max-width: 50ch;
  }
}

.read-more-button {
  text-transform: uppercase;
  padding: 0.25rem 0;
  color: var(--clr-secondary-main);
  font-size: 0.85rem;
  font-weight: 600;
}

.health-plans-section {
  display: flex;
  justify-content: center;
}
.health-plans-section * {
  font-family: "Open Sans" !important;
}
.health-plans-section .layer-content-95 .scope-insider {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0rem 1.5rem;
}
.health-plans-section .layer-content-95 .scope-insider .scope-content {
  display: flex;
  flex-direction: column;
  padding: 0.9rem;
}
.health-plans-section .layer-content-95 .scope-insider .scope-content h3 {
  font-size: 1.5rem;
  margin-bottom: 0.7rem;
}
.health-plans-section .layer-content-95 .scope-insider .scope-content p {
  font-size: 1rem;
}
.health-plans-section .layer-content-95 .scope-insider .scope-content p a {
  font-weight: 700;
}
.health-plans-section .layer-content-95 .scope-insider .scope-content p a:hover {
  text-decoration: none;
  text-underline-offset: 0.2rem;
  opacity: 0.9;
  -webkit-animation: blinkinAnimation var(--dur-slow);
          animation: blinkinAnimation var(--dur-slow);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.health-plans-section .layer-content-95 .scope-insider .scope-insurances {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(12em, 20em);
  grid-template-rows: 1fr;
  padding: 1rem;
  gap: 0.5rem;
  overflow-x: auto;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  /* display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  padding: 1rem;
  gap: .5rem; */
}
.health-plans-section .layer-content-95 .scope-insider .scope-insurances .insurances-item {
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.4rem;
  max-width: 9rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  -webkit-animation: blinkinAnimation var(--dur-slow);
          animation: blinkinAnimation var(--dur-slow);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.health-plans-section .layer-content-95 .scope-insider .scope-insurances .insurances-item:hover {
  -webkit-animation: none;
          animation: none;
  opacity: 0.8;
}
@media screen and (min-width: 440px) {
  .health-plans-section .layer-content-95 .scope-insider .scope-content h3 {
    font-size: 2.2rem;
    line-height: 1.2;
  }
  .health-plans-section .layer-content-95 .scope-insider .scope-content p {
    font-size: 1rem;
  }
  .health-plans-section .layer-content-95 .scope-insider .scope-insurances .insurances-item {
    max-width: 9rem;
    pointer-events: none;
  }
}
@media screen and (min-width: 700px) {
  .health-plans-section .layer-content-95 .scope-insider .scope-insurances {
    max-width: 100%;
    /* grid-template-columns: 1fr 1fr 1fr; */
  }
  .health-plans-section .layer-content-95 .scope-insider .scope-insurances .insurances-item {
    max-width: 11rem;
  }
}
@media screen and (min-width: 992px) {
  .health-plans-section {
    padding: 6rem 0;
  }
  .health-plans-section .layer-content-95 .scope-insider {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .health-plans-section .layer-content-95 .scope-insider .scope-content h3 {
    font-size: 3.4rem;
    line-height: 1.2;
    max-width: 15ch;
  }
  .health-plans-section .layer-content-95 .scope-insider .scope-content p {
    font-size: 1.2rem;
  }
  .health-plans-section .layer-content-95 .scope-insider .scope-insurances {
    margin-bottom: 1.5rem;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: unset;
    overflow-x: hidden;
  }
  .health-plans-section .layer-content-95 .scope-insider .scope-insurances .insurances-item {
    max-width: 10rem;
  }
}
@media screen and (min-width: 1080px) {
  .health-plans-section .layer-content-95 .scope-insider .scope-content h3 {
    font-size: 4rem;
  }
  .health-plans-section .layer-content-95 .scope-insider .scope-insurances .insurances-item {
    max-width: 11rem;
  }
}

.welcome-video-section {
  display: flex;
  justify-content: center;
  padding: 1.5rem 1.2rem;
}
.welcome-video-section * {
  transition: all 0.5s !important;
}
.welcome-video-section .layer-content-70 .scope-content .video-wrapper {
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
}
.welcome-video-section .layer-content-70 .scope-content .video-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 140%;
  height: 140%;
  z-index: 10;
  transform: translate(-60%, -50%);
  /*background: url("/assets/lobby/images/background/video-section-background.png") no-repeat center;*/
  background-size: contain;
  z-index: 1;
}
.welcome-video-section .layer-content-70 .scope-content .video-wrapper .frame-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.welcome-video-section .layer-content-70 .scope-content .video-wrapper .frame-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.welcome-video-section .layer-content-70 .scope-content .description-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem 0.5rem;
  position: relative;
  z-index: 5;
}
.welcome-video-section .layer-content-70 .scope-content .description-wrapper p {
  font-size: 0.95em;
  margin-bottom: 0.9em;
}
.welcome-video-section .layer-content-70 .scope-content .description-wrapper a {
  display: flex;
  font-size: 1.3em;
  position: relative;
}
.welcome-video-section .layer-content-70 .scope-content .description-wrapper a::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.1rem;
  background-color: var(--clr-secondary-main);
  transition: all 0.25s !important;
}
.welcome-video-section .layer-content-70 .scope-content .description-wrapper a:hover {
  opacity: 0.7;
}
.welcome-video-section .layer-content-70 .scope-content .description-wrapper a:hover::after {
  height: 0.5rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
@media screen and (min-width: 900px) {
  .welcome-video-section .layer-content-70 .scope-content .video-wrapper .frame-wrapper {
    border-radius: 0.7rem;
  }
}
@media screen and (min-width: 1200px) {
  .welcome-video-section .layer-content-70 .scope-content .description-wrapper {
    padding: 3rem 1rem;
  }
  .welcome-video-section .layer-content-70 .scope-content .description-wrapper p {
    font-size: 1.2rem;
    margin-bottom: 0.7rem;
  }
  .welcome-video-section .layer-content-70 .scope-content .description-wrapper a {
    display: flex;
    font-size: 2.8rem;
  }
}

.reviews-section {
  --Gap: 2em;
  display: flex;
  justify-content: center;
  padding: 5rem 1rem;
  background-color: #fff;
  background-image: url("/assets/lobby/images/background/review-section-background.png");
  background-size: cover;
}
.reviews-section * {

}
.reviews-section .layer-content-95 .reviews-insider {
  display: flex;
  flex-direction: column;
}
.reviews-section .layer-content-95 .reviews-insider .header-scope {
  text-align: center;
}
.reviews-section .layer-content-95 .reviews-insider .header-scope h2 {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--clr-primary-tx);
}
.reviews-section .layer-content-95 .reviews-insider .review-scope {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  margin: 2rem 0;
  padding: 0.5em 0;
  width: 100%;
  overflow-x: auto;
  gap: var(--Gap);
}
.reviews-section .layer-content-95 .reviews-insider .review-scope .review-item {
  scroll-snap-align: start;
  background-color: #fff;
  border-radius: 0.8rem;
  padding: 2.5rem 1rem 1rem;
}
.reviews-section .layer-content-95 .reviews-insider .review-scope .review-item .item-insider {
  text-align: center;
}
.reviews-section .layer-content-95 .reviews-insider .review-scope .review-item .item-insider h3 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
.reviews-section .layer-content-95 .reviews-insider .review-scope .review-item .item-insider p {
  font-size: 1.1rem;
  margin-bottom: 3rem;
}
.reviews-section .layer-content-95 .reviews-insider .review-scope .review-item .item-insider .reviews-star-component {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.reviews-section .layer-content-95 .reviews-insider .review-scope .review-item .item-insider .reviews-star-component .star-item {
  width: 1.3rem;
  height: 1.3rem;
  background: url("/assets/lobby/images/icons/star-item-icon.png") no-repeat center;
  background-size: contain;
}
@media screen and (min-width: 579px) {
  .reviews-section .layer-content-95 .reviews-insider .review-scope {
    --gapByItem: calc(var(--Gap) / 2);
    grid-auto-columns: calc(50% - var(--gapByItem));
  }
}
@media screen and (min-width: 768px) {
  .reviews-section .layer-content-95 .reviews-insider .review-scope {
    --gapByItem: calc(var(--Gap) / 3);
    grid-auto-columns: calc(32% - var(--gapByItem));
  }
}

.services-grid-section {
  --gridItemSize: 16rem;
  --arrowSize: 2em;
  display: flex;
  justify-content: center;
  min-height: 40rem;
  padding: 1.2rem;
}
.services-grid-section .services-scope {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(var(--gridItemSize), 1fr);
  grid-template-rows: repeat(8, minmax(var(--gridItemSize), 1fr));
  grid-template-areas: "service2" "service2" "service3" "service4" "service5" "service6" "service7" "service8";
  grid-auto-rows: minmax(var(--gridItemSize), auto);
  grid-auto-columns: minmax(var(--gridItemSize), auto);
}
.services-grid-section .services-scope .service-item {
  position: relative;
  border-radius: 0.8rem;
  overflow: hidden;
  aspect-ratio: 1;
}
.services-grid-section .services-scope .service-item * {
  transition: all 0.25s !important;
}
.services-grid-section .services-scope .service-item a {
  width: 100%;
  height: 100%;
}
.services-grid-section .services-scope .service-item a .service-content-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.services-grid-section .services-scope .service-item a .service-content-wrapper .graphic-item {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.services-grid-section .services-scope .service-item a .service-content-wrapper .graphic-item .graph {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.services-grid-section .services-scope .service-item a .service-content-wrapper .graphic-item video {
  scale: 1.1;
}
.services-grid-section .services-scope .service-item a .service-content-wrapper .static-scope {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 5;
  padding: 0.9em;
  pointer-events: none;
}
.services-grid-section .services-scope .service-item a .service-content-wrapper .static-scope .description {
  position: relative;
  z-index: 2;
  font-size: 1.5em;
  font-weight: 500;
  color: #fff;
  margin-bottom: 0.5rem;
  max-width: 20ch;
  /*font-family: 'Roboto', sans-serif;*/
}
.services-grid-section .services-scope .service-item a .service-content-wrapper .static-scope .arrow-component {
  width: 100%;
  position: relative;
  z-index: 2;
}
.services-grid-section .services-scope .service-item a .service-content-wrapper .static-scope .arrow-component .arrow {
  position: relative;
  --border: .2rem;
  --borderColor: var(--clr-primary-main);
  height: var(--arrowSize);
  width: var(--arrowSize);
}
.services-grid-section .services-scope .service-item a .service-content-wrapper .static-scope .arrow-component .arrow::before, .services-grid-section .services-scope .service-item a .service-content-wrapper .static-scope .arrow-component .arrow::after {
  position: absolute;
  top: 50%;
  right: 0%;
  content: "";
  display: flex;
  width: calc(var(--arrowSize) * .7);
  translate: -0.15rem -50%;
  border-radius: 0.3rem;
}
.services-grid-section .services-scope .service-item a .service-content-wrapper .static-scope .arrow-component .arrow::before {
  width: 100%;
  height: var(--border);
  background-color: var(--borderColor);
  translate: 0 -55%;
}
.services-grid-section .services-scope .service-item a .service-content-wrapper .static-scope .arrow-component .arrow::after {
  height: calc(var(--arrowSize) * .7);
  border: var(--border) solid;
  rotate: -45deg;
  border-color: transparent var(--borderColor) var(--borderColor) transparent;
}
.services-grid-section .services-scope .service-item a .service-content-wrapper .static-scope .arrow-component.color .arrow {
  --borderColor: #fff;
}
.services-grid-section .services-scope .service-item a .service-content-wrapper .static-scope .shadow-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-image: linear-gradient(transparent, #000);
  opacity: 0.7;
}
.services-grid-section .services-scope .service-item:hover {
  opacity: 0.8;
}
.services-grid-section .services-scope .service-item:hover a .service-content-wrapper .graphic-item .graph {
  scale: 1.2;
}
.services-grid-section .services-scope .service-item:hover a .service-content-wrapper .static-scope .arrow-component .arrow {
  max-width: 50%;
  -webkit-animation: movinArrowAnim var(--dur-normal);
          animation: movinArrowAnim var(--dur-normal);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.services-grid-section .services-scope .service-item:hover a .service-content-wrapper .static-scope .arrow-component .arrow::before {
  transition: all 1s;
  background-color: #fff;
}
.services-grid-section .services-scope .service-item:hover a .service-content-wrapper .static-scope .arrow-component .arrow::after {
  transition: all 1s;
  --borderColor: #fff;
}
.services-grid-section .services-scope .service-1 {
  grid-area: service1;
}
.services-grid-section .services-scope .service-2 {
  grid-area: service2;
}
.services-grid-section .services-scope .service-3 {
  grid-area: service3;
}
.services-grid-section .services-scope .service-4 {
  grid-area: service4;
}
.services-grid-section .services-scope .service-5 {
  grid-area: service5;
}
.services-grid-section .services-scope .service-6 {
  grid-area: service6;
}
.services-grid-section .services-scope .service-7 {
  grid-area: service7;
}
.services-grid-section .services-scope .service-8 {
  grid-area: service8;
}
@media screen and (min-width: 450px) {
  .services-grid-section .services-scope .service-item {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 650px) {
  .services-grid-section .services-scope {
    grid-template-columns: repeat(2, minmax(var(--gridItemSize), 1fr));
    grid-template-rows: repeat(5, minmax(var(--gridItemSize), 1fr));
    gap: 1.5rem;
    grid-template-areas: "service2  service2" "service1  service4" "service3  service6" "service5  service6" "service7  service8";
  }
  .services-grid-section .services-scope .service-item {
    aspect-ratio: auto;
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 800px) {
  .services-grid-section .services-scope .service-item {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1186px) {
  .services-grid-section .services-scope {
    grid-template-columns: repeat(4, minmax(var(--gridItemSize), 1fr));
    grid-template-rows: repeat(3, minmax(var(--gridItemSize), 1fr));
    gap: 2rem;
    grid-template-areas: "service2  service2    service3    service3" "service1  service4    service5    service6" "service7  service7    service8    service6";
  }
  .services-grid-section .services-scope .service-item {
    aspect-ratio: auto;
    font-size: 1rem;
  }
}

.staff-note-section {
  display: flex;
  justify-content: center;
  font-size: 1rem;
  margin: 9em 0 2em;
}
.staff-note-section .staff-note-scope {
  background-color: var(--clr-primary-bg);
  padding: 2em;
}
.staff-note-section .staff-note-scope .inner-scope {
  display: flex;
  flex-direction: column;
}
.staff-note-section .staff-note-scope .inner-scope .text-wrapper {
  position: relative;
  z-index: 5;
}
.staff-note-section .staff-note-scope .inner-scope .text-wrapper * {
  font-family: "Open Sans";
  margin-bottom: 1.4rem;
}
.staff-note-section .staff-note-scope .inner-scope .text-wrapper h2 {
  font-size: 1.5em;
  max-width: 25ch;
}
.staff-note-section .staff-note-scope .inner-scope .text-wrapper p {
  font-size: 0.85em;
  max-width: 60ch;
}
.staff-note-section .staff-note-scope .inner-scope .text-wrapper .rounded-button-like-link {
  max-width: 100%;
  padding: 1em 2.6em;
}
.staff-note-section .staff-note-scope .inner-scope .graphic-scope {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
}
.staff-note-section .staff-note-scope .inner-scope .graphic-scope::before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  background: url("/assets/lobby/images/background/staff-section-background.png") no-repeat center;
  background-size: contain;
}
@media screen and (min-width: 550px) {
  .staff-note-section {
    font-size: 1.1rem;
  }
  .staff-note-section .staff-note-scope .inner-scope {
    flex-direction: row;
  }
  .staff-note-section .staff-note-scope .inner-scope .text-wrapper {
    flex: 1;
  }
  .staff-note-section .staff-note-scope .inner-scope .graphic-scope {
    width: 20%;
  }
  .staff-note-section .staff-note-scope .inner-scope .graphic-scope::before {
    scale: 3;
    opacity: 0.7;
  }
}
@media screen and (min-width: 750px) {
  .staff-note-section .staff-note-scope .inner-scope .graphic-scope::before {
    scale: 2.5;
    opacity: 0.8;
  }
}
@media screen and (min-width: 1000px) {
  .staff-note-section {
    font-size: 1.28rem;
  }
  .staff-note-section .staff-note-scope {
    padding: 2.8rem;
  }
  .staff-note-section .staff-note-scope .inner-scope .text-wrapper h2, .staff-note-section .staff-note-scope .inner-scope .text-wrapper p {
    margin-bottom: 1.9rem;
  }
  .staff-note-section .staff-note-scope .inner-scope .graphic-scope::before {
    scale: 2.3;
    opacity: 0.9;
  }
}
@media screen and (min-width: 1250px) {
  .staff-note-section .staff-note-scope {
    padding: 3.8rem;
    border-radius: 3rem;
  }
  .staff-note-section .staff-note-scope .inner-scope .text-wrapper h2 {
    font-size: 1.9em;
  }
  .staff-note-section .staff-note-scope .inner-scope .text-wrapper p {
    font-size: 0.9em;
    margin-bottom: 2.2rem;
  }
  .staff-note-section .staff-note-scope .inner-scope .text-wrapper .rounded-button-like-link {
    padding: 1em 2.4em;
    font-size: 1.01em;
  }
  .staff-note-section .staff-note-scope .inner-scope .graphic-scope::before {
    scale: 2.8;
    opacity: 1;
  }
}

.team-section {
  display: flex;
  justify-content: center;
  padding: 1.5rem;
  font-size: 1rem;
}
.team-section .team-scope * {
  /*font-family: "Open Sans";*/
}
.team-section .team-scope .scope-header {
  margin-bottom: 1.5em;
}
.team-section .team-scope .scope-header h2 {
  font-size: 1.8em;
}
.team-section .team-scope .teams-wrapper {
  display: flex;
  flex-direction: column;
}
.team-section .team-scope .teams-wrapper .team-item .profile-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.team-section .team-scope .teams-wrapper .team-item .profile-wrapper img {
  max-width: 14em;
}
.team-section .team-scope .teams-wrapper .team-item .profile-wrapper .network-wrapper {
  display: flex;
  justify-content: space-between;
  max-width: 10rem;
  margin: 1.5em 0 2em;
}
.team-section .team-scope .teams-wrapper .team-item .profile-wrapper .network-wrapper a {
  display: inline-flex;
  margin-inline: 0.1em;
}
.team-section .team-scope .teams-wrapper .team-item .profile-wrapper .network-wrapper a img {
  width: 1.1em;
  height: 1.1em;
}
.team-section .team-scope .teams-wrapper .team-item .team-content h3 {
  font-size: 1.5em;
}
.team-section .team-scope .teams-wrapper .team-item .team-content h5 {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 2em;
}
.team-section .team-scope .teams-wrapper .team-item .team-content p {
  font-size: 0.9em;
  /*color: var(--clr-primary-tx);*/
  margin-bottom: 1.5em;
}
.team-section .team-scope .teams-wrapper .team-item .team-content p.highlighted {
  font-weight: 700;
}
@media screen and (min-width: 579px) {
  .team-section {
    font-size: 1.1rem;
  }
  .team-section .team-scope .teams-wrapper .team-item .profile-wrapper {
    text-align: center;
    align-items: center;
  }
  .team-section .team-scope .teams-wrapper .team-item .profile-wrapper img {
    max-width: 20em;
    margin: auto;
  }
  .team-section .team-scope .teams-wrapper .team-item .profile-wrapper .network-wrapper {
    max-width: 14rem;
  }
  .team-section .team-scope .teams-wrapper .team-item .profile-wrapper .network-wrapper a {
    margin-inline: 0.5em;
  }
}
@media screen and (min-width: 1000px) {
  .team-section {
    font-size: 1.2rem;
  }
  .team-section .team-scope .teams-wrapper {
    flex-direction: row;
    gap: 3.7rem;
  }
  .team-section .team-scope .teams-wrapper .team-item .profile-wrapper img {
    max-width: 15em;
  }
}
@media screen and (min-width: 1200px) {
  .team-section .team-scope {
    /*padding: 3.5rem;*/
  }
  .team-section .team-scope .scope-header h2 {
    font-size: 2.4em;
  }
  .team-section .team-scope .teams-wrapper {
    gap: 8rem;
  }
  .team-section .team-scope .teams-wrapper .team-item .profile-wrapper img {
    max-width: 20em;
  }
  .team-section .team-scope .teams-wrapper .team-item .team-content p {
    font-size: 0.8em;
  }
}

.left-graphical-content {
  display: flex;
  justify-content: center;
  font-size: 1em;
  padding: 1.5rem;
}
.left-graphical-content .content-panel {
  display: flex;
  flex-direction: column;
}
.left-graphical-content .content-panel .graphic-scope {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
}
.left-graphical-content .content-panel .graphic-scope::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  background: url("/assets/lobby/images/background/rps_family.jpg") no-repeat center;
  background-size: contain;
}
.left-graphical-content .content-panel .content-scope h2, .left-graphical-content .content-panel .content-scope p {
  /*color: var(--clr-primary-tx);*/
  font-family: "Open Sans";
}
.left-graphical-content .content-panel .content-scope h2 {
  font-size: 1.5em;
  margin-bottom: 1.5em;
  font-weight: 500;
  line-height: 1.5;
  max-width: 34ch;
}
.left-graphical-content .content-panel .content-scope p {
  font-size: 0.95em;
  font-weight: 500;
  max-width: 62ch;
}
.left-graphical-content .content-panel .content-scope p span {
  font-weight: 700;
}
.left-graphical-content .content-panel .content-scope .rounded-button-like-link {
  margin-top: 1.5em;
}
@media screen and (min-width: 600px) {
  .left-graphical-content {
    font-size: 0.9rem;
  }
  .left-graphical-content .content-panel {
    flex-direction: row;
  }
  .left-graphical-content .content-panel .graphic-scope {
    position: relative;
    z-index: 1;
    width: 25%;
  }
  .left-graphical-content .content-panel .graphic-scope::before {
    scale: 2.2;
    translate: -40% 0;
    opacity: 0.8;
  }
  .left-graphical-content .content-panel .content-scope {
    position: relative;
    z-index: 5;
    flex: 1;
  }
}
@media screen and (min-width: 760px) {
  .left-graphical-content .content-panel .graphic-scope {
    width: 30%;
  }
  .left-graphical-content .content-panel .content-scope {
    padding-left: 2em;
  }
  .left-graphical-content .content-panel .graphic-scope::before {
    scale: 2;
  }
}
@media screen and (min-width: 850px) {
  .left-graphical-content {
    font-size: 1rem;
  }
  .left-graphical-content .content-panel .content-scope {
    padding-left: 3em;
  }
  .left-graphical-content .content-panel .graphic-scope::before {
    scale: 1.8;
    translate: -30% 0;
    opacity: 1;
  }
}
@media screen and (min-width: 1100px) {
  .left-graphical-content {
    font-size: 1.2rem;
  }
  .left-graphical-content .content-panel .content-scope h2 {
    font-size: 1.7em;
  }
  .left-graphical-content .content-panel .content-scope p {
    font-size: 0.8em;
    margin-bottom: 1.6em;
  }
}
@media screen and (min-width: 1200px) {
  .left-graphical-content {
    font-size: 1.3rem;
  }
}

.about-page-banner {
  display: flex;
  justify-content: center;
  font-size: 1rem;
}
.about-page-banner .layer-content-60 .top-about {
  display: flex;
  padding: 1.5rem;
  justify-content: center;
}
.about-page-banner .layer-content-60 .top-about .text-wrapper h1 {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  max-width: 28ch;
  /*font-family: 'Roboto', sans-serif;*/
  margin-bottom: 0.5em;
  line-height: 1.3;
  color: var(--clr-primary-tx);
}
.about-page-banner .layer-content-60 .top-about .text-wrapper h1 label {
  display: inline-flex;
}
.about-page-banner .layer-content-60 .top-about .text-wrapper h1 label.middle {
  margin-inline: 1.4em;
}
.about-page-banner .layer-content-60 .top-about .text-wrapper h1 label.gradient {
  background-image: linear-gradient(var(--clr-primary-main), var(--clr-secondary-main));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 380px) {
  .about-page-banner .layer-content-60 .top-about .text-wrapper h1 label.middle {
    margin-inline: 2.8em;
  }
}
@media screen and (min-width: 579px) {
  .about-page-banner {
    font-size: 1.2rem;
  }
  .about-page-banner .layer-content-60 .top-about {
    padding: 2.5rem 0;
  }
  .about-page-banner .layer-content-60 .top-about .text-wrapper h1 label.middle {
    margin-inline: 3em;
  }
}
@media screen and (min-width: 768px) {
  .about-page-banner {
    font-size: 1.5rem;
  }
  .about-page-banner .layer-content-60 .top-about {
    padding: 3rem 0;
  }
}
@media screen and (min-width: 992px) {
  .about-page-banner {
    font-size: 1.8rem;
  }
  .about-page-banner .layer-content-60 .top-about {
    padding: 4rem 0;
  }
}
@media screen and (min-width: 1200px) {
  .about-page-banner {
    font-size: 2rem;
  }
  .about-page-banner .layer-content-60 .top-about {
    padding: 5rem 0 7rem;
  }
}

.dual-columns-panel {
  display: flex;
  justify-content: center;
  --Radius: 0rem;
}
.dual-columns-panel .insider-scope {
  display: flex;
  flex-direction: column;
}
.dual-columns-panel .insider-scope .panel-header {
  padding: 1.5rem;
}
.dual-columns-panel .insider-scope .panel-header h2 {
  font-size: 1.4rem;
  max-width: 18ch;
  color: var(--clr-primary-tx);
  font-family: "Open Sans";
}
.dual-columns-panel .insider-scope .panel-body {
  display: flex;
  flex-direction: column;
}
.dual-columns-panel .insider-scope .panel-body .card-item {
  background-color: var(--clr-primary-bg);
  border-radius: var(--Radius);
}
.dual-columns-panel .insider-scope .panel-body .card-item .profile-panel {
  width: 100%;
  aspect-ratio: 1;
}
.dual-columns-panel .insider-scope .panel-body .card-item .profile-panel img {
  width: 100%;
  aspect-ratio: 1;
  border-radius: var(--Radius);
}
.dual-columns-panel .insider-scope .panel-body .card-item .item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
}
.dual-columns-panel .insider-scope .panel-body .card-item .item-content h4, .dual-columns-panel .insider-scope .panel-body .card-item .item-content p {
  font-family: "Open Sans" !important;
  color: var(--clr-primary-tx);
}
.dual-columns-panel .insider-scope .panel-body .card-item .item-content h4 {
  font-size: 1.3rem;
  font-weight: 700;
}
.dual-columns-panel .insider-scope .panel-body .card-item .item-content p {
  margin: 1.2em 0 1.5em;
  font-size: 0.9rem;
}
.dual-columns-panel .insider-scope .panel-body .card-item .item-content .bdr-gradient-btn {
  /*font-family: 'Roboto', sans-serif;*/
  align-self: self-start;
}
.dual-columns-panel .insider-scope .panel-body .card-item .item-content .bdr-gradient-btn .solid-scope {
  background-color: var(--clr-primary-bg);
  color: var(--clr-primary-tx);
}
.dual-columns-panel .insider-scope .panel-body .no-specialty {
  padding: 1.5em 2.5em;
}
.dual-columns-panel .insider-scope .panel-body .no-specialty p {
  color: #818181;
  font: 1.5em "Open Sans";
}
@media screen and (min-width: 400px) {
  .dual-columns-panel .insider-scope .panel-header h2 {
    font-size: 1.7rem;
  }
  .dual-columns-panel .insider-scope .panel-body .card-item {
    border-bottom: 1px solid #e3e3e3;
    display: flex;
    padding: 0;
  }
  .dual-columns-panel .insider-scope .panel-body .card-item .profile-panel {
    width: 100%;
    max-width: 30%;
    aspect-ratio: auto;
  }
  .dual-columns-panel .insider-scope .panel-body .card-item .profile-panel img {
    aspect-ratio: auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .dual-columns-panel .insider-scope .panel-body .card-item .item-content {
    flex: 1;
    padding: 2em;
    font-size: 0.5em;
  }
  .dual-columns-panel .insider-scope .panel-body .card-item .item-content .bdr-gradient-btn .solid-scope {
    font-size: 1.4em;
  }
}
@media screen and (min-width: 650px) {
  .dual-columns-panel {
    --Radius: .8rem;
    font-size: 0.8rem;
    padding: 1.5rem;
  }
  .dual-columns-panel .insider-scope .panel-header h2 {
    font-size: 2rem;
  }
  .dual-columns-panel .insider-scope .panel-body {
    font-size: 0.9em;
    gap: 0.7em;
  }
  .dual-columns-panel .insider-scope .panel-body .card-item {
    display: flex;
    padding: 1.8em;
    border-radius: 0.5rem;
    gap: 1rem;
  }
  .dual-columns-panel .insider-scope .panel-body .card-item .profile-panel {
    max-width: 1000px;
    width: auto;
    aspect-ratio: auto;
  }
  .dual-columns-panel .insider-scope .panel-body .card-item .profile-panel img {
    max-width: 13rem;
  }
  .dual-columns-panel .insider-scope .panel-body .card-item .item-content {
    flex: 1;
    padding: 0 1em;
  }
  .dual-columns-panel .insider-scope .panel-body .card-item .item-content .bdr-gradient-btn .solid-scope {
    font-size: 1.9em;
  }
}
@media screen and (min-width: 1080px) {
  .dual-columns-panel .insider-scope .panel-header h2 {
    font-size: 2.6rem;
    max-width: 20ch;
  }
  .dual-columns-panel .insider-scope .panel-body {
    flex-direction: row;
    gap: 1.5rem;
  }
  .dual-columns-panel .insider-scope .panel-body .card-item {
    padding: 2.4em;
    border-radius: 1.5rem;
  }
  .dual-columns-panel .insider-scope .panel-body .card-item .profile-panel img {
    max-width: 15rem;
  }
}

.specialties-about-banner {
  display: flex;
  font-size: 1rem;
  justify-content: center;
  background-color: #f7f6f41f;
}
.specialties-about-banner .inner-scope {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, auto);
  grid-template-areas: "primary" "primary-two" "primary-third" "content" "secondary";
}
.specialties-about-banner .inner-scope .content-scope {
  grid-area: content;
  grid-row: primary-two-start/secondary-start;
  position: relative;
  z-index: 5;
  padding: 1.5rem;
}
.specialties-about-banner .inner-scope .content-scope h5, .specialties-about-banner .inner-scope .content-scope p {
  font-family: "Open Sans";
}
.specialties-about-banner .inner-scope .content-scope h1, .specialties-about-banner .inner-scope .content-scope a.rounded-button-like-link {
  /*font-family: 'Roboto', sans-serif;*/
}
.specialties-about-banner .inner-scope .content-scope h5 {
  font-size: 0.8em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  color: var(--clr-secondary-main);
}
.specialties-about-banner .inner-scope .content-scope h1 {
  font-size: 1.4em;
  font-weight: bold;
  color: var(--clr-primary-tx);
  margin-bottom: 1.7em;
}
.specialties-about-banner .inner-scope .content-scope h1 span {
  display: flex;
}
.specialties-about-banner .inner-scope .content-scope p {
  font-size: 0.95em;
  margin-bottom: 1.7em;
  color: var(--clr-primary-tx);
  max-width: 76ch;
}
.specialties-about-banner .inner-scope .image-secondary, .specialties-about-banner .inner-scope .image-primary {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 1;
}
.specialties-about-banner .inner-scope .image-secondary::before, .specialties-about-banner .inner-scope .image-primary::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  display: flex;
}
.specialties-about-banner .inner-scope .image-primary {
  grid-area: primary;
  grid-row: primary-start/primary-third-end;
  max-height: 30rem;
}
.specialties-about-banner .inner-scope .image-primary::before {
  background-repeat: no-repeat;
  background-position: right 10% center;
  background-size: cover;
}
.specialties-about-banner .inner-scope .image-secondary {
  grid-area: secondary;
}
.specialties-about-banner .inner-scope .image-secondary::before {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (min-width: 579px) {
  .specialties-about-banner {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 768px) {
  .specialties-about-banner {
    font-size: 1.2rem;
  }
  .specialties-about-banner .inner-scope .content-scope h1 {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 992px) {
  .specialties-about-banner .inner-scope {
    display: grid;
    grid-template-columns: 1fr 25%;
    grid-template-rows: repeat(4, minmax(5rem, auto));
    grid-template-areas: "primary       primary" "primary-two    primary-two" "primary-third  primary-third" "content        secondary";
  }
  .specialties-about-banner .inner-scope .content-scope {
    grid-area: content;
    grid-row: primary-two-start/content-end;
  }
  .specialties-about-banner .inner-scope .image-primary {
    grid-area: primary;
    grid-row: primary-start/primary-third-end;
  }
  .specialties-about-banner .inner-scope .image-secondary {
    grid-area: secondary;
    grid-row: primary-two-end/secondary-end;
  }
  .specialties-about-banner .inner-scope .image-secondary::before {
    scale: 1.5;
    translate: -10% 0;
  }
}
@media screen and (min-width: 1200px) {
  .specialties-about-banner {
    position: relative;
  }
  .specialties-about-banner .inner-scope .content-scope h5 {
    font-size: 1.2rem;
  }
  .specialties-about-banner .inner-scope .content-scope h1 {
    font-size: 3.2rem;
    line-height: 1.3;
  }
  .specialties-about-banner .inner-scope .image-primary {
    position: initial;
  }
  .specialties-about-banner .inner-scope .image-primary::before {
    content: "";
    left: 0;
  }
  .specialties-about-banner .inner-scope .image-secondary::before {
    scale: 2.1;
    translate: 0% 25%;
  }
}

.instagram_section {
  display: flex;
  justify-content: center;
}
.instagram_section .instag-scope .header-section {
  --IconSize: 2rem;
  --IconMargin: 1rem;
}
.instagram_section .instag-scope .header-section * {
  color: var(--clr-primary-tx);
  font-family: "Open Sans";
}
.instagram_section .instag-scope .header-section h2 {
  display: flex;
  align-items: center;
  font-size: 1.7rem;
  line-height: 1.1;
}
.instagram_section .instag-scope .header-section h2::before {
  content: "";
  width: var(--IconSize);
  height: var(--IconSize);
  margin-right: var(--IconMargin);
  display: inline-flex;
  background: url("/assets/lobby/images/icons/instagram-icon-primary.png") no-repeat center;
  background-size: contain;
}
.instagram_section .instag-scope .header-section p {
  padding-left: calc(var(--IconSize) + var(--IconMargin));
}
.instagram_section .instag-scope .instag-body {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.instagram_section .instag-scope .instag-body .insta-item {
  border: 1px solid;
}

.appointment-section {
  background: url(/assets/lobby/images/bg_heartbeat.png) no-repeat right;
  background-size: cover;
  font-size: 1rem;
  padding: 3rem 0.8rem;
  display: flex;
  justify-content: center;
}
.appointment-section .container {
  padding: 0.7em 0;
  margin-bottom: 1em;
}
.appointment-section .container .alert {
  padding: 1em;
  border-radius: 0.7em;
  background-color: var(--clr-secondary-main);
  color: #fff;
}
.appointment-section .layer-content-95 .appointment-header {
  margin-bottom: 2rem;
}
.appointment-section .layer-content-95 .appointment-header h2 {
  display: flex;
  justify-content: center;
  font: bold 1.8rem;
  color: var(--clr-secondary-tx);
}
.appointment-section .layer-content-95 .appointment-form-scope {
  padding: 2em;
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-section {
  margin-top: 0.5rem;
}
.appointment-section .layer-content-95 .appointment-form-scope .holiday-text {
  grid-column: 1/span 5;
  padding: 4em 0.8em;
  color: var(--clr-danger-main);
  text-align: center;
  font-size: 0.85em;
}
.appointment-section .layer-content-95 .appointment-form-scope .timeable-panel {
  padding: 1em 0.5em;
}
.appointment-section .layer-content-95 .appointment-form-scope .timeable-panel .slots-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 0.5em;
}
.appointment-section .layer-content-95 .appointment-form-scope .timeable-panel .timeable-badge {
  display: inline-flex;
  padding: 0.7em 2em;
  border-radius: 1rem;
  border: 1px solid var(--clr-primary-main);
  color: var(--clr-primary-tx);
  text-transform: uppercase;
  font-size: 0.9em;
  justify-content: center;
  cursor: pointer;
}
.appointment-section .layer-content-95 .appointment-form-scope .timeable-panel .timeable-badge.bookedSlot {
  background-color: var(--clr-danger-main);
  color: #fff;
  border-color: transparent;
}
.appointment-section .layer-content-95 .appointment-form-scope .timeable-panel .timeable-badge:hover {
  background-color: var(--clr-secondary-main);
  color: #fff;
  border-color: var(--clr-secondary-main);
}
.appointment-section .layer-content-95 .appointment-form-scope .timeable-panel .timeable-badge.activeSlot {
  background-color: var(--clr-primary-main);
  color: #fff;
}
@media screen and (min-width: 579px) {
  .appointment-section .layer-content-95 .appointment-form-scope .timeable-panel .slots-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .appointment-section .layer-content-95 .appointment-form-scope .timeable-panel .slots-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .appointment-section .layer-content-95 .appointment-form-scope .timeable-panel .slots-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
.appointment-section .layer-content-95 .appointment-form-scope .amount-label {
  display: flex;
  justify-content: center;
  /* padding: .5em; */
}
.appointment-section .layer-content-95 .appointment-form-scope .amount-label span {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--clr-primary-tx);
  font-size: 0.8em;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: var(--inputHeight);
  padding: 0.7em 1em;
  border-radius: 1em;
  background-color: var(--clr-secondary-main);
  color: #fff;
  font-weight: 600;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button label {
  cursor: pointer;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button:hover {
  background: #fff;
  color: var(--clr-secondary-main);
  outline: 0.2em solid var(--clr-secondary-main);
  text-decoration: none;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button label.fixed-label {
  display: inline-flex;
  position: relative;
  translate: 0 0;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button label.loading-label {
  display: inline-flex;
  position: absolute;
  translate: 0 200%;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button label.loading-label::before {
  --LoadingSize: 1.5em;
  content: "";
  display: inline-flex;
  width: var(--LoadingSize);
  height: var(--LoadingSize);
  border: 2px solid;
  border-radius: 50%;
  border-right-color: transparent;
  margin-right: 0.5em;
  -webkit-animation: rotatingAnim var(--dur-normal);
          animation: rotatingAnim var(--dur-normal);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button:disabled {
  outline-color: var(--clr-primary-bg);
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button:disabled label.fixed-label {
  position: absolute;
  translate: 0 200%;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button:disabled label.loading-label {
  position: relative;
  translate: 0 0;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button:disabled {
  background-color: var(--clr-primary-bg);
  color: #c3c3c3;
  border-color: var(--clr-primary-bg);
}
@media screen and (min-width: 579px) {
  .appointment-section .layer-content-95 .appointment-form-scope {
    padding: 3.4em;
  }
}
@media screen and (min-width: 768px) {
  .appointment-section .layer-content-95 .appointment-form-scope {
    padding: 3.4em;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.3em 2em;
  }
  .appointment-section .layer-content-95 .appointment-form-scope .fieldset-s1 {
    /* padding-bottom: 0; */
  }
  .appointment-section .layer-content-95 .appointment-form-scope .timeable-panel, .appointment-section .layer-content-95 .appointment-form-scope .amount-label, .appointment-section .layer-content-95 .appointment-form-scope .trigger-section {
    grid-column: 1/span 2;
  }
}

.fieldset-s1 {
  padding-bottom: 0.7em;
  --inputHeight: 3.5em;
}
.fieldset-s1 .legend {
  font-size: 0.85em;
  color: var(--clr-tertiary-tx);
  padding-bottom: 0.2em;
}
.fieldset-s1 .input-wrapper input, .fieldset-s1 .input-wrapper select {
  width: 100%;
  height: var(--inputHeight);
  border: 0;
  border-radius: 0.7em;
  background-color: var(--clr-primary-bg);
  font-size: 0.95em;
  padding: 0.2em 1.5em;
  color: var(--clr-primary-tx);
}

.appointment-section {
  background: url(/assets/lobby/images/bg_heartbeat.png) no-repeat right;
  background-size:auto;
  background-color:aliceblue;
  font-size: 1rem;
  padding: 3rem 0.8rem;
  display: flex;
  justify-content: center;
}
.appointment-section .container {
  padding: 0.7em 0;
  margin-bottom: 1em;
}
.appointment-section .container .alert {
  padding: 1em;
  border-radius: 0.7em;
  background-color: var(--clr-secondary-main);
  color: #fff;
}
.appointment-section .layer-content-95 .appointment-header {
  margin-bottom: 2rem;
}
.appointment-section .layer-content-95 .appointment-header h2 {
  display: flex;
  justify-content: center;
  font: bold 1.8rem;
  color: var(--clr-secondary-tx);
}
.appointment-section .layer-content-95 .appointment-form-scope {
  padding: 2em;
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-section {
  margin-top: 0.5rem;
}
.appointment-section .layer-content-95 .appointment-form-scope .holiday-text {
  grid-column: 1/span 5;
  padding: 4em 0.8em;
  color: var(--clr-danger-main);
  text-align: center;
  font-size: 0.85em;
}
.appointment-section .layer-content-95 .appointment-form-scope .timeable-panel {
  padding: 1em 0.5em;
}
.appointment-section .layer-content-95 .appointment-form-scope .timeable-panel .slots-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 0.5em;
}
.appointment-section .layer-content-95 .appointment-form-scope .timeable-panel .timeable-badge {
  display: inline-flex;
  padding: 0.7em 2em;
  border-radius: 1rem;
  border: 1px solid var(--clr-primary-main);
  color: var(--clr-primary-tx);
  text-transform: uppercase;
  font-size: 0.9em;
  justify-content: center;
  cursor: pointer;
}
.appointment-section .layer-content-95 .appointment-form-scope .timeable-panel .timeable-badge.bookedSlot {
  background-color: var(--clr-danger-main);
  color: #fff;
  border-color: transparent;
}
.appointment-section .layer-content-95 .appointment-form-scope .timeable-panel .timeable-badge:hover {
  background-color: var(--clr-secondary-main);
  color: #fff;
  border-color: var(--clr-secondary-main);
}
.appointment-section .layer-content-95 .appointment-form-scope .timeable-panel .timeable-badge.activeSlot {
  background-color: var(--clr-primary-main);
  color: #fff;
}
@media screen and (min-width: 579px) {
  .appointment-section .layer-content-95 .appointment-form-scope .timeable-panel .slots-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .appointment-section .layer-content-95 .appointment-form-scope .timeable-panel .slots-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .appointment-section .layer-content-95 .appointment-form-scope .timeable-panel .slots-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
.appointment-section .layer-content-95 .appointment-form-scope .amount-label {
  display: flex;
  justify-content: center;
  /* padding: .5em; */
}
.appointment-section .layer-content-95 .appointment-form-scope .amount-label span {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--clr-primary-tx);
  font-size: 0.8em;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: var(--inputHeight);
  padding: 0.7em 1em;
  border-radius: 1em;
  background-color: #0047ab!important;
  color: #fff;
  font-weight: 600;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button label {
  cursor: pointer;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button:hover {
  background: #fff;
  color: var(--clr-secondary-main);
  outline: 0.2em solid var(--clr-secondary-main);
  text-decoration: none;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button label.fixed-label {
  display: inline-flex;
  position: relative;
  translate: 0 0;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button label.loading-label {
  display: inline-flex;
  position: absolute;
  translate: 0 200%;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button label.loading-label::before {
  --LoadingSize: 1.5em;
  content: "";
  display: inline-flex;
  width: var(--LoadingSize);
  height: var(--LoadingSize);
  border: 2px solid;
  border-radius: 50%;
  border-right-color: transparent;
  margin-right: 0.5em;
  -webkit-animation: rotatingAnim var(--dur-normal);
          animation: rotatingAnim var(--dur-normal);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button:disabled {
  outline-color: var(--clr-primary-bg);
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button:disabled label.fixed-label {
  position: absolute;
  translate: 0 200%;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button:disabled label.loading-label {
  position: relative;
  translate: 0 0;
}
.appointment-section .layer-content-95 .appointment-form-scope .trigger-button:disabled {
  background-color: var(--clr-primary-bg);
  color: #c3c3c3;
  border-color: var(--clr-primary-bg);
}
@media screen and (min-width: 579px) {
  .appointment-section .layer-content-95 .appointment-form-scope {
    padding: 3.4em;
  }
}
@media screen and (min-width: 768px) {
  .appointment-section .layer-content-95 .appointment-form-scope {
    padding: 3.4em;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.3em 2em;
  }
  .appointment-section .layer-content-95 .appointment-form-scope .fieldset-s1 {
    /* padding-bottom: 0; */
  }
  .appointment-section .layer-content-95 .appointment-form-scope .timeable-panel, .appointment-section .layer-content-95 .appointment-form-scope .amount-label, .appointment-section .layer-content-95 .appointment-form-scope .trigger-section {
    grid-column: 1/span 2;
  }
}

.fieldset-s1 {
  padding-bottom: 0.7em;
  --inputHeight: 3.5em;
}
.fieldset-s1 .legend {
  font-size: 0.85em;
  color: var(--clr-tertiary-tx);
  padding-bottom: 0.2em;
}
.fieldset-s1 .input-wrapper input, .fieldset-s1 .input-wrapper select {
  width: 100%;
  height: var(--inputHeight);
  border: 0;
  border-radius: 0.7em;
  background-color: var(--clr-primary-bg);
  font-size: 0.95em;
  padding: 0.2em 1.5em;
  color: var(--clr-primary-tx);
}

/****footer****/
.footer_layout_simple {
  position: relative;
  background-color: #003252;
  padding: 3rem 0 0.5rem;
  display: flex;
  justify-content: center;
  --NetworkIconSize: 1.5rem;
}
.footer_layout_simple .video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 100%;
  display: none;
}
.footer_layout_simple .video-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: #220e4c8f;
}
.footer_layout_simple .video-wrapper video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 2;
}
.footer_layout_simple .layer-content-95 {
  position: relative;
  z-index: 5;
}
.footer_layout_simple .layer-content-95 .footer-insider {
  display: grid;
  grid-template-areas: "logo" "network" "hours" "menu" "services" "rights";
}
.footer_layout_simple .layer-content-95 .footer-insider .logo-section {
  grid-area: logo;
  display: flex;
  width: 100%;
}
.footer_layout_simple .layer-content-95 .footer-insider .logo-section .logo-insider {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding: 2rem;
  text-align: left;
  align-items: start;
}
.footer_layout_simple .layer-content-95 .footer-insider .logo-section .logo-insider .logo-wrapper {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 1rem;
}
.footer_layout_simple .layer-content-95 .footer-insider .logo-section .logo-insider .logo-wrapper img {
  width: 100%;
  max-width: 12rem;
}
.footer_layout_simple .layer-content-95 .footer-insider .logo-section .logo-insider .logo-wrapper img:hover {
  -webkit-animation: blinkinAnimation var(--dur-slow);
          animation: blinkinAnimation var(--dur-slow);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.footer_layout_simple .layer-content-95 .footer-insider .logo-section .logo-insider .address {
  max-width: 17ch;
}
.footer_layout_simple .layer-content-95 .footer-insider .logo-section .logo-insider .phone {
  font-size: 1.5rem;
}
.footer_layout_simple .layer-content-95 .footer-insider .logo-section .logo-insider .phone:hover {
  -webkit-animation: blinkinAnimation var(--dur-slow);
          animation: blinkinAnimation var(--dur-slow);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  text-decoration: none;
}
.footer_layout_simple .layer-content-95 .footer-insider .logo-section .logo-insider .email {
  font-size: 0.95rem;
}
.footer_layout_simple .layer-content-95 .footer-insider .logo-section .logo-insider .email:hover {
  -webkit-animation: blinkinAnimation var(--dur-slow);
          animation: blinkinAnimation var(--dur-slow);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  text-decoration: none;
}
.footer_layout_simple .layer-content-95 .footer-insider .logo-section .logo-insider * {
  color: #fff;
  font-family: "Open Sans";
  font-weight: 600;
}
.footer_layout_simple .layer-content-95 .footer-insider .menu-section {
  grid-area: menu;
}
.footer_layout_simple .layer-content-95 .footer-insider .menu-section nav, .footer_layout_simple .layer-content-95 .footer-insider .menu-section nav li {
  list-style-type: none;
  color: #fff;
  text-align: left;
}
.footer_layout_simple .layer-content-95 .footer-insider .menu-section nav {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
}
.footer_layout_simple .layer-content-95 .footer-insider .menu-section nav:hover li {
  opacity: 0.4;
  cursor: pointer !important;
}
.footer_layout_simple .layer-content-95 .footer-insider .menu-section nav:hover li:hover {
  text-decoration: none;
  opacity: 1;
}
.footer_layout_simple .layer-content-95 .footer-insider .menu-section nav li {
  padding: 0.5rem 2rem;
}
.footer_layout_simple .layer-content-95 .footer-insider .services-section {
  grid-area: services;
}
.footer_layout_simple .layer-content-95 .footer-insider .services-section nav, .footer_layout_simple .layer-content-95 .footer-insider .services-section nav li {
  list-style-type: none;
  color: #fff;
  text-align: center;
  text-align: left;
}
.footer_layout_simple .layer-content-95 .footer-insider .services-section nav {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
}
.footer_layout_simple .layer-content-95 .footer-insider .services-section nav:hover li {
  opacity: 0.4;
  cursor: pointer !important;
}
.footer_layout_simple .layer-content-95 .footer-insider .services-section nav:hover li:hover {
  text-decoration: none;
  opacity: 1;
}
.footer_layout_simple .layer-content-95 .footer-insider .services-section nav li {
  padding: 0.5rem 2rem;
}
.footer_layout_simple .layer-content-95 .footer-insider .hours-section {
  margin-top: 2rem;
  grid-area: hours;
}
.footer_layout_simple .layer-content-95 .footer-insider .hours-section .hours-scope {
  text-align: left;
}
.footer_layout_simple .layer-content-95 .footer-insider .hours-section .hours-scope h2 {
  font-size: 1.7em;
  font-weight: 700;
  color: #fff;
  /*font-family: 'Roboto', sans-serif;*/
  margin-bottom: 0.8em;
  padding: 0 2em;
  text-align: left;
}
.footer_layout_simple .layer-content-95 .footer-insider .hours-section .hours-scope .hours-section-scope .hours-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1.7em;
  padding: 0 2em;
}
.footer_layout_simple .layer-content-95 .footer-insider .hours-section .hours-scope .hours-section-scope .hours-wrapper .hours-item {
  display: flex;
}
.footer_layout_simple .layer-content-95 .footer-insider .hours-section .hours-scope .hours-section-scope .hours-wrapper .hours-item * {
  color: #fff;
}
.footer_layout_simple .layer-content-95 .footer-insider .hours-section .hours-scope .hours-section-scope .hours-wrapper .hours-item .days {
  font-size: 0.9em;
  width: 7em;
  text-align: left;
  font-weight: 500;
}
.footer_layout_simple .layer-content-95 .footer-insider .hours-section .hours-scope .hours-section-scope .hours-wrapper .hours-item .hours {
  font-size: 0.9em;
  text-align: left;
  font-weight: 500;
}
.footer_layout_simple .layer-content-95 .footer-insider .hours-section .hours-scope .hours-section-scope .appointment {
  display: flex;
  flex-direction: column;
  padding: 0 2em;
  gap: 0.5em;
}
.footer_layout_simple .layer-content-95 .footer-insider .hours-section .hours-scope .hours-section-scope .appointment .rounded-button-like-link {
  font-size: 1em;
  max-width: 100%;
  padding: 1.1em 2.2em;
}
.footer_layout_simple .layer-content-95 .footer-insider .network-section {
  display: flex;
  grid-area: network;
  justify-content: flex-start;
  padding: 0 2rem;
}
.footer_layout_simple .layer-content-95 .footer-insider .network-section .network-scope {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: calc(7 * var(--NetworkIconSize));
}
.footer_layout_simple .layer-content-95 .footer-insider .network-section .social-item {
  display: flex;
  width: var(--NetworkIconSize);
  height: var(--NetworkIconSize);
}
.footer_layout_simple .layer-content-95 .footer-insider .network-section:hover .social-item {
  opacity: 0.4;
}
.footer_layout_simple .layer-content-95 .footer-insider .network-section:hover .social-item:hover {
  -webkit-animation: blinkinAnimation var(--dur-slow);
          animation: blinkinAnimation var(--dur-slow);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.footer_layout_simple .layer-content-95 .footer-insider .rights-section {
  grid-area: rights;
  display: flex;
  justify-content: center;
  padding: 0.5rem 0.8rem;
}
.footer_layout_simple .layer-content-95 .footer-insider .rights-section .rights-scope {
  font-size: 0.8rem;
}
.footer_layout_simple .layer-content-95 .footer-insider .rights-section .rights-scope .rights-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.footer_layout_simple .layer-content-95 .footer-insider .rights-section .rights-scope .rights-text p {
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  margin-bottom: 0.7em;
}
.footer_layout_simple .layer-content-95 .footer-insider .rights-section .rights-scope .rights-text p a {
  font-weight: 700;
  display: inline-flex;
  margin-inline: 0.5ch;
}
.footer_layout_simple .layer-content-95 .footer-insider .rights-section .rights-scope .rights-text p a:hover {
  text-decoration: none;
}
.footer_layout_simple .layer-content-95 .footer-insider .rights-section .rights-scope .hipaa-image-wrapper {
  display: flex;
  justify-content: center;
}
.footer_layout_simple .layer-content-95 .footer-insider .rights-section .rights-scope .hipaa-image-wrapper img {
  height: 3em;
  display: flex;
}
@media screen and (min-width: 600px) {
  .footer_layout_simple {
    font-size: 0.85rem;
  }
  .footer_layout_simple .layer-content-95 .footer-insider {
    grid-template-areas: "logo      hours" "network  network" "menu     services" "rights    rights";
  }
  .footer_layout_simple .layer-content-95 .footer-insider .hours-section .hours-scope .hours-section-scope .appointment .rounded-button-like-link {
    font-size: 0.9rem;
  }
  .footer_layout_simple .layer-content-95 .footer-insider .logo-section {
    position: relative;
  }
  .footer_layout_simple .layer-content-95 .footer-insider .logo-section::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 90%;
    top: 50%;
    display: inline-flex;
    background-image: linear-gradient(transparent 0%, #fff 50%, transparent);
    translate: 0 -50%;
  }
  .footer_layout_simple .layer-content-95 .footer-insider .logo-section::after {
    right: 0;
  }
  .footer_layout_simple .layer-content-95 .footer-insider .menu-section {
    position: relative;
  }
  .footer_layout_simple .layer-content-95 .footer-insider .menu-section::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 90%;
    top: 50%;
    display: inline-flex;
    background-image: linear-gradient(transparent 0%, #fff 50%, transparent);
    translate: 0 -50%;
  }
  .footer_layout_simple .layer-content-95 .footer-insider .menu-section::after {
    right: 0;
  }
  .footer_layout_simple .layer-content-95 .footer-insider .menu-section, .footer_layout_simple .layer-content-95 .footer-insider .services-section {
    border-top: 1px solid #fff;
    margin-top: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .footer_layout_simple {
    font-size: 0.85rem;
  }
  .footer_layout_simple .layer-content-95 .footer-insider {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "logo      menu    services" "network   menu    services" "hours     menu    services" "rights    rights  rights";
  }
  .footer_layout_simple .layer-content-95 .footer-insider .menu-section, .footer_layout_simple .layer-content-95 .footer-insider .services-section {
    border-top: 0;
  }
  .footer_layout_simple .layer-content-95 .footer-insider .rights-section {
    margin-top: 4em;
  }
  .footer_layout_simple .layer-content-95 .footer-insider .rights-section .rights-scope {
    display: flex;
    align-items: center;
  }
  .footer_layout_simple .layer-content-95 .footer-insider .rights-section .rights-scope .rights-text p {
    margin: 0;
  }
}
@media screen and (min-width: 1200px) {
  .footer_layout_simple {
    font-size: 1rem;
  }
  .footer_layout_simple .layer-content-95 .footer-insider {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "logo      menu    services    hours" "logo      menu    services    hours" "network   menu    services    hours" "rights    rights  rights      rights";
  }
  .footer_layout_simple .layer-content-95 .footer-insider .menu-section, .footer_layout_simple .layer-content-95 .footer-insider .services-section {
    border-top: 0;
  }
  .footer_layout_simple .layer-content-95 .footer-insider .rights-section {
    margin-top: 4em;
  }
  .footer_layout_simple .video-wrapper {
    display: block;
  }
}


.white{color:white!important;}
.blue{color:#1b41bc!important;}
.green{color:#2ac4df!important;}
.darkblue{color:#00275e!important;}

h1{
    font-size:48px;
    font-weight:600;
}

.about-img {
    position: relative;
    overflow: hidden;
}

.about-img::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../img/bg-about-img.png) top left no-repeat;
    background-size: contain;
}




/*** Service ***/
.service-item {
    position: relative;
    padding: 45px 30px;
    background: #FFFFFF;
    transition: .5s;
}

.service-item:hover {
    background: #f0f8ff;
}

.service-item .service-icon {
    margin: 0 auto 20px auto;
    width: 100px;
    height: 100px;
    color: white;
    background: aliceblue;
    transition: .5s;
    padding:10px;
    border-radius:15px;
}

.service-item:hover .service-icon {
    background: #FFFFFF;
}
.service-item:hover .service-icon img{
    scale:1.1
}

.service-item h5,
.service-item p {
    transition: .5s;
}
/*
.service-item h3 {
    font-size: 30px;
    background: -webkit-linear-gradient(45deg, #7cb64b, #0047ab 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
}
*/
.service-item h3 {
    font-size: 30px;
    color:#1b41bc;
    
}

.service-item:hover h5,
.service-item:hover p {
    color: #000;
}

.service-item .e3_line {
    position: relative;
    display: flex;
    color: black;
    transition: .5s;
    z-index: 1;
}

.service-item:hover .e3_line {
    color: #2ac4df;
}

.service-item .e3_line::before {
    position: absolute;
    content: "";
    width: 0px;
    height: 4px;
    top: 0;
    left: 0;
    border-radius: 0px;
    /*background: #0047ab;*/
    transition: .5s;
    z-index: -1;
}

.service-item:hover .e3_line::before {
    width: 100%;
    background: #2ac4df;
}






.section_header{
    min-height:300px!important;
    background-image: url(/assets/lobby/images/section_header.jpg);
    background-size: cover;
    background-position: center;
}
.section_header_inner{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

background: rgba(1, 32, 87, 0.5);
background: linear-gradient(135deg, rgba(1, 32, 87, 0.5), rgba(1, 139, 2, 0.5));
}


.new_gradient_bg{
    background-color: #8EC5FC;
background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);

}


.bg_dark_blue{background-color: #003252;}
.bg_aliceblue{background-color: aliceblue;}

.e3_footer{
    min-height:300px;
    min-height:300px!important;
    background-image: linear-gradient(90deg, rgba(10,193,227,0.8) 0%, rgba(27,65,188,0.8) 69%), url(/assets/lobby/images/footer_bg.jpg);
    background-size: cover;
    background-position: center;
}
.e3_footer a li {list-style:none;}
.e3_footer h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom:10px;
}
.e3_footer p {
    line-height:1.5rem;
}

.e3_footer_logo img{ max-width:345px;}

.e3_hipaa{ max-width:110px!important;}
.e3_copyright{border-top:1px solid #004978; opacity:0.8;}

.mt_-200{margin-top:-200px;}


.bg_logo_lines{
    background-image: url(/assets/lobby/images/bg_grid.png);
    background-size: auto;
    background-position: top left;
    background-repeat:no-repeat;
    background-attachment:fixed;
}


.home_medical_plan{
    background-image: url(/assets/lobby/images/bg_heartbeat.png);
    background-size: auto;
    background-position:right center;
    background-repeat:no-repeat;
    
}
.home_medical_plan h2{
    font-size:30px;
}
.home_medical_plan h3{
    font-size:22px;
}

.e3_btn{
    background: #0047ab!important;
}

.e3_home_video_wrap{
    background: #e8f3df!important;
}

.e3_gradient_text{
    background: -webkit-linear-gradient(45deg, #7cb64b, #0047ab 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.e3_gradient_title{
    background: -webkit-linear-gradient(45deg, #7cb64b, #0047ab 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.bg_soft_blue{background:#dbeeff;}

.services_wrap{ background:aliceblue;}
.services_wrap .img_icon{ background:#dbeeff; height:110px; width:110px;}
.services_wrap .img_icon img{margin:0 auto; padding:20px;}
.services_list li:before{
            display: inline-flex;
            content: '';
            background-image: url('/assets/lobby/images/check.svg');
            background-size: 15px 15px;
            height: 15px;
            width: 15px;
            margin-right:10px;
}

@media screen and (max-width: 768px) {
    .section_header {
        min-height: 200px!important;
        background-image: url(/assets/lobby/images/section_header.jpg);
        background-size: cover;
        background-position: center;
    }
    
    .home-page-banner {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        margin-top: 0;
        min-height: 410px;
    } 
    
    .mt_-200 {
        margin-top: -115px;
    }
    
    .home-page-banner .content-scope .static-scope {
        padding: 45px 0;
    }
    .fs-5 {
        font-size:16px!important;
        line-height:20px;
    } 
    
    .service-item {
        position: relative;
        padding: 15px 15px 10px 15px;
        background: #FFFFFF;
        transition: .5s;
    }
    
    .home_medical_plan {
        background-image: url(/assets/lobby/images/bg_heartbeat.png);
        background-size: contain;
        background-position: 50% 60%;
        background-repeat: no-repeat;
    }
    
    
    .e3_gradient_title{
        background: #fff;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;    
    }
    
    .white_text_sm{
        color:#fff!important;
        font-weight: 400!important;
    }
    
    .e3_footer_logo img{ margin:0 auto;}
    
    
}

.display-2 {
    line-height: 1.4;
}


.mobile-menu .item-label{
    font-size:20px;
    color:#00275e!important;
    font-weight: 600;
    
}
.rounded-pill-right{
border-top-right-radius: 50em; /* 50% of height */
border-bottom-right-radius: 50em; /* 50% of height */
}
.rounded-pill-left{
border-top-left-radius: 50em; /* 50% of height */
border-bottom-left-radius: 50em; /* 50% of height */
}

.mh_contact_box{
    min-height: 338px;
}