/* Backgrounds colors*/
/* Header Section*/
/* Footer Section*/
/* Interactive colors*/
/* Typography colors*/
/* Icons colors*/
/* Button colors*/
/* Brand colors*/
/* Common colors*/
.figures_desktop {
  font-family: 'Noto Serif', serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 88px;
}
.figures_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 64px;
  font-weight: 300;
  line-height: 72px;
}
.hero_desktop {
  font-family: 'Noto Serif', serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 72px;
}
.hero_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 64px;
}
.h1_desktop {
  font-family: 'Noto Serif', serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
}
.h4_desktop {
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}
.h1_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
}
.h2_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}
.h3_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #1c304b;
}
.h4_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}
.body_large {
  font-family: 'Noto Sans', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}
.body_large_semibold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}
.body_large_bold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}
.subtitle {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.small_title {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.body_base {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
}
.body_base_semibold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
}
.body_base_bold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.body_medium {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
}
.body_medium p p {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
}
.body_medium_semibold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.body_medium_bold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}
.body_small {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.body_small_semibold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.body_small_bold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}
.caption {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
}
.tag {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
}
.link_big {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
}
.link_small {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
}
.button_l {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
}
.button_s {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
}
.button_m {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
}
.form_labels {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.upcoming-meeting-box-control {
  position: relative;
  padding-bottom: 25px;
}
.box-meeting h4 {
  color: #1c304b;
  margin-bottom: 24px;
  margin-top: 0;
}
.box-meeting .button-schedule-viewcenter {
  width: 100%;
}
.box-meeting .viewcenter button {
  text-transform: uppercase;
  width: 100%;
  padding: 6px 12px;
  text-align: center;
  white-space: normal;
  word-wrap: break-word;
  height: auto;
  overflow: visible;
  box-sizing: border-box;
}
.box-meeting .viewcenter button span {
  display: block;
}
.margin-bottom-30-home .upcoming-meetings-control .upcomingflextContainer .meetingDateSection {
  flex: 2;
}
@media (min-width: 320px) and (max-width: 900px) {
  .margin-bottom-30-home .upcoming-meetings-control .upcomingflextContainer .meetingDateSection {
    flex: 5;
  }
  .margin-bottom-30-home .upcoming-meetings-control .upcomingflextContainer .meetingDateSection span.uptime-span {
    display: block;
  }
}
.margin-bottom-30-home .upcoming-meeting-dashboard .padding-up {
  padding: 32px 0 32px 0;
}
.upcoming-meetings-control .container-schedule-btn {
  margin: 10px 0;
}
.upcoming-meetings-control .container-schedule-btn .btn {
  white-space: normal;
  word-wrap: break-word;
  height: auto;
  overflow: visible;
  box-sizing: border-box;
}
.upcoming-meetings-control .no-upcoming-meeting .no-upcoming-meeting-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
}
.upcoming-meetings-control .no-upcoming-meeting .no-upcoming-meeting-content .no-upcoming-meeting-info {
  text-align: left;
  padding-left: 16px;
}
.upcoming-meetings-control .meeting-section {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.upcoming-meetings-control .upcoming-meeting-row {
  margin-top: 20px;
  margin-bottom: 20px;
}
.upcoming-meetings-control .meeting-cnt.show-more-items {
  height: auto;
  overflow: auto;
}
.upcoming-meetings-control .meeting-section a:hover,
.upcoming-meetings-control .meeting-section a:active,
.upcoming-meetings-control .meeting-section a:focus {
  text-decoration: none;
}
.upcoming-meetings-control .meeting-section .date-section {
  font-weight: 800;
  display: block;
}
.upcoming-meetings-control .meeting-section .date-section span {
  font-size: 1em;
}
.upcoming-meetings-control .meeting-section .time-section {
  display: flex;
  color: #333333;
}
.upcoming-meetings-control .meeting-section .time-section .uptime-span {
  margin-right: 0;
  width: 150px;
  white-space: nowrap;
}
.upcoming-meetings-control .meeting-section .time-section .upseparator {
  padding-right: 3px;
}
.upcoming-meetings-control .meeting-section .meeting-details-section {
  font-size: 0.9em;
}
.upcoming-meetings-control .viewcenter {
  text-align: center;
}
.upcoming-meetings-control .viewcenter .view-less-icon {
  margin-top: 8px;
}
.schedule-btn {
  margin: 20px -30px -40px -30px;
  width: calc(100% + 60px);
}
.schedule-btn .btn {
  display: block;
  width: 100%;
}
.schedule-btn .btn:hover {
  color: white;
}
.upcoming-meeting-dashboard .no-upcoming-meeting {
  margin-top: 10px;
}
.upcoming-meeting-dashboard .viewcenter {
  width: 100%;
  margin: 0px 0px 10px 0px;
}
.upcoming-meeting-dashboard .viewcenter .btn-view {
  width: 100%;
}
.upcoming-meeting-dashboard button {
  text-align: center;
}
.upcoming-meetings-control .control-wrapper-body {
  padding: 0 !important;
}
.upcomingflextContainer {
  display: flex;
  align-items: center;
}
.upcomingflextContainer .meetingDateSection {
  flex: 42%;
  padding: 0 11px 0 0;
  border-right: 1px solid #ebebee;
}
.upcomingflextContainer .meetingDateSection .date-section {
  font-weight: 700;
  line-height: 24px;
}
.upcomingflextContainer .meetingName {
  flex: 50%;
  padding: 0 0 0 10px;
}
.upcomingflextContainer .displayFlex {
  display: flex;
}
.upcomingflextContainer .padding-up {
  padding: 32px 0 32px 0;
}
.upcoming-meeting-row:after {
  border-bottom: 1px solid #ebebee;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
  content: '';
}
.upcoming-meeting-row:nth-child(0):after {
  display: none;
}
.upcoming-meeting-row:last-child:after {
  display: none;
}
.upcoming-meeting-atag:hover {
  text-decoration: none;
}
.upcoming-meeting-atag .uptime-span {
  color: #45505f;
  font-size: 14px;
}
.upcoming-meeting-atag .uptime-span b {
  font-weight: 400;
}
.upcoming-meeting-atag .upcoming-name {
  color: #45505f !important;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
}
.schedule-btn {
  display: block;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.upcoming-meeting-dashboard.skeleton-loader .mid-body-section,
.upcoming-meeting-box-control.skeleton-loader .mid-body-section {
  padding: 8px 32px;
}
.upcoming-meeting-dashboard.skeleton-loader .time-section,
.upcoming-meeting-box-control.skeleton-loader .time-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
}
.upcoming-meeting-dashboard.skeleton-loader .line-upcoming-custom-one,
.upcoming-meeting-box-control.skeleton-loader .line-upcoming-custom-one {
  width: 27%;
}
.upcoming-meeting-dashboard.skeleton-loader .line-upcoming-custom-two,
.upcoming-meeting-box-control.skeleton-loader .line-upcoming-custom-two {
  width: 40px;
}
.upcoming-meeting-dashboard.skeleton-loader .button-schedule-viewcenter,
.upcoming-meeting-box-control.skeleton-loader .button-schedule-viewcenter {
  padding: 14px 24px 25px 24px;
}
.upcoming-meeting-dashboard.skeleton-loader .skeleton-button,
.upcoming-meeting-box-control.skeleton-loader .skeleton-button {
  border-radius: 15px;
  min-height: 32px;
  height: 32px;
}
@media all and (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
  .upcoming-meetings .meeting-section .date-section {
    font-family: Helvetica, Arial, sans-serif;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1180px) {
  .no-upcoming-meeting .no-upcoming-meeting-content .no-upcoming-meeting-info {
    padding-bottom: 15px;
  }
}
.askacoach-main h1,
.askacoach-main h2 {
  margin: 0;
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  color: #1c304b;
}
.askacoach-main video {
  border-radius: 8px;
  width: 526px;
  height: 297px;
}
.white-box h4 {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px !important;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 0;
}
.white-box p {
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 24px;
  margin-top: 4px;
}
.upcoming-meeting-box-control h2.pink-font {
  margin: 0px 0px 24px;
}