@font-face {
  font-family: "MatterRegular";
  font-weight: "normal";
  font-style: "normal";
  font-display: swap;
  src: url("../../fonts/frontend/MatterRegular.eot");
  src: url("../../fonts/frontend/MatterRegular.eot?#iefix") format("embedded-opentype"), url("../../fonts/frontend/MatterRegular.woff") format("woff"), url("../../fonts/frontend/MatterRegular.ttf") format("truetype"), url("../../fonts/frontend/MatterRegular.svg#MatterRegular") format("svg");
}
@font-face {
  font-family: "MatterLight";
  font-weight: "normal";
  font-style: "normal";
  font-display: swap;
  src: url("../../fonts/frontend/MatterLight.eot");
  src: url("../../fonts/frontend/MatterLight.eot?#iefix") format("embedded-opentype"), url("../../fonts/frontend/MatterLight.woff") format("woff"), url("../../fonts/frontend/MatterLight.ttf") format("truetype"), url("../../fonts/frontend/MatterLight.svg#MatterLight") format("svg");
}
@font-face {
  font-family: "MatterMedium";
  font-weight: "normal";
  font-style: "normal";
  font-display: swap;
  src: url("../../fonts/frontend/MatterMedium.eot");
  src: url("../../fonts/frontend/MatterMedium.eot?#iefix") format("embedded-opentype"), url("../../fonts/frontend/MatterMedium.woff") format("woff"), url("../../fonts/frontend/MatterMedium.ttf") format("truetype"), url("../../fonts/frontend/MatterMedium.svg#MatterMedium") format("svg");
}
@font-face {
  font-family: "MatterSemiBold";
  font-weight: "normal";
  font-style: "normal";
  font-display: swap;
  src: url("../../fonts/frontend/MatterSemiBold.eot");
  src: url("../../fonts/frontend/MatterSemiBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/frontend/MatterSemiBold.woff") format("woff"), url("../../fonts/frontend/MatterSemiBold.ttf") format("truetype"), url("../../fonts/frontend/MatterSemiBold.svg#MatterSemiBold") format("svg");
}
@font-face {
  font-family: "MatterBold";
  font-weight: "normal";
  font-style: "normal";
  font-display: swap;
  src: url("../../fonts/frontend/MatterBold.eot");
  src: url("../../fonts/frontend/MatterBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/frontend/MatterBold.woff") format("woff"), url("../../fonts/frontend/MatterBold.ttf") format("truetype"), url("../../fonts/frontend/MatterBold.svg#MatterBold") format("svg");
}
.font-rg {
  font-family: "MatterRegular" !important;
}

.font-lt {
  font-family: "MatterLight" !important;
}

.font-md {
  font-family: "MatterMedium" !important;
}

.font-sm {
  font-family: "MatterSemiBold" !important;
}

.font-bd {
  font-family: "MatterBold" !important;
}

.h40 {
  font-size: 20px;
}
@media screen and (min-width: 767px) {
  .h40 {
    font-size: 24px;
  }
}
@media screen and (min-width: 992px) {
  .h40 {
    font-size: 28px;
  }
}
@media screen and (min-width: 1200px) {
  .h40 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1600px) {
  .h40 {
    font-size: 40px;
  }
}

.h32 {
  font-size: 18px;
}
@media screen and (min-width: 767px) {
  .h32 {
    font-size: 20px;
  }
}
@media screen and (min-width: 992px) {
  .h32 {
    font-size: 22px;
  }
}
@media screen and (min-width: 1200px) {
  .h32 {
    font-size: 24px;
  }
}
@media screen and (min-width: 1600px) {
  .h32 {
    font-size: 32px;
  }
}

.h28 {
  font-size: 17px;
}
@media screen and (min-width: 768px) {
  .h28 {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  .h28 {
    font-size: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .h28 {
    font-size: 24px;
  }
}
@media screen and (min-width: 1600px) {
  .h28 {
    font-size: 28px;
  }
}

.h24 {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .h24 {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  .h24 {
    font-size: 19px;
  }
}
@media screen and (min-width: 1200px) {
  .h24 {
    font-size: 22px;
  }
}
@media screen and (min-width: 1600px) {
  .h24 {
    font-size: 24px;
  }
}

.h20 {
  font-size: 15px;
}
@media screen and (min-width: 768px) {
  .h20 {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .h20 {
    font-size: 18px;
  }
}
@media screen and (min-width: 1600px) {
  .h20 {
    font-size: 20px;
  }
}

.h14 {
  font-size: 13px;
}
@media screen and (min-width: 576px) {
  .h14 {
    font-size: 14px;
  }
}

.p-30 {
  padding: 30px !important;
}
@media (max-width: 1599px) {
  .p-30 {
    padding: 25px !important;
  }
}
@media (max-width: 1199.98px) {
  .p-30 {
    padding: 20px !important;
  }
}
@media (max-width: 991.98px) {
  .p-30 {
    padding: 15px !important;
  }
}

.mb-20 {
  margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
  .mb-20 {
    margin-bottom: 15px;
  }
}

.theme-color {
  color: #0A71B6 !important;
}

.gray-150 {
  color: #707070;
}

.gray-light-color {
  color: #5D666C !important;
}

.secondary-color {
  color: #66C244 !important;
}

.blue-light-color {
  background-color: #F2FAFD;
}

.black-color {
  color: #000000 !important;
}

.red-color {
  color: #EF0B0B;
}

a {
  transition: all 0.5s;
}

.theme-link {
  color: #0A71B6 !important;
}
.theme-link:hover {
  color: rgb(11.328125, 128.0078125, 206.171875) !important;
}

.common-shadow {
  box-shadow: 0px 2px 3px #CCE1E8;
}

.common-radius {
  border-radius: 5px;
}

.progressive {
  background-color: transparent;
}
.progressive__img {
  width: auto;
  height: auto;
}
.progressive--is-loaded {
  animation: a 0.1s both;
}

.tooltip {
  z-index: 12;
}
.tooltip.show {
  opacity: 1;
}
.tooltip-inner {
  background-color: #66C244;
  max-height: 200px;
  overflow-y: auto;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #66C244;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: #66C244;
}

.toast {
  opacity: 1 !important;
}

.pageLoader {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pageLoader .spinner-border {
  color: #0A71B6;
  font-size: inherit;
  border-width: 0.2em;
}
@media (max-width: 767.98px) {
  .pageLoader .spinner-border {
    width: 26px;
    height: 26px;
  }
}

.buttonLoader {
  margin-left: 5px;
  border-width: 2px;
  width: 20px;
  height: 20px;
}

.error-help-block, .validation-success {
  font-size: 14px;
  display: block;
  text-align: left;
}
@media (max-width: 767.98px) {
  .error-help-block, .validation-success {
    font-size: 12px;
  }
}

.error-help-block {
  color: #e20909 !important;
}

.validation-success {
  color: #66C244;
}

.alert {
  padding: 8px 15px;
  border-radius: 5px;
  font-size: 15px;
  text-align: center;
}
.alert.alert-danger {
  color: #b0cbde;
  border: 0;
  background-color: transparent;
  padding: 0;
  text-align: left;
}
@media (max-width: 1599px) {
  .alert {
    padding: 5px 15px;
  }
}
@media (max-width: 767.98px) {
  .alert {
    font-size: 14px;
    padding: 6px 10px;
  }
}

.mandatory {
  color: #e20909;
}

.iti__selected-flag {
  height: 50px !important;
}
@media (max-width: 1599px) {
  .iti__selected-flag {
    height: 45px !important;
  }
}
@media (max-width: 1199.98px) {
  .iti__selected-flag {
    height: 40px !important;
  }
}

.slick-track {
  margin-left: 0;
}

.text-decoration-0 {
  text-decoration: none !important;
}

.iti.iti--allow-dropdown {
  display: block;
}

@keyframes ripple {
  0% {
    transform: scale(4);
  }
  100% {
    opacity: 0;
    transform: scale(40);
  }
}
html {
  height: 100%;
  scrollbar-color: #66C244 #e2e5e6;
  scrollbar-width: thin;
}

body {
  color: #000000;
  font-family: "MatterRegular";
  background-color: #F2FAFD;
}
@media (max-width: 1199.98px) {
  body {
    font-size: 14px;
  }
}

a:hover {
  text-decoration: none;
}

:focus {
  outline: 0 !important;
}

::-moz-selection {
  color: #ffffff;
  background: #0A71B6;
}

::selection {
  color: #ffffff;
  background: #0A71B6;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
@media (max-width: 1199.98px) {
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: #e2e5e6;
}

::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none;
  background-color: #66C244;
}

@media (min-width: 1430px) {
  .container {
    max-width: 1390px;
  }
}
@media (max-width: 991.98px) {
  .container {
    max-width: 100%;
  }
}

.topPad {
  padding-top: 85px;
}
@media (max-width: 1599px) {
  .topPad {
    padding-top: 80px;
  }
}
@media (max-width: 1199.98px) {
  .topPad {
    padding-top: 70px;
  }
}
@media (max-width: 991.98px) {
  .topPad {
    padding-top: 65px;
  }
}
@media (max-width: 767.98px) {
  .topPad {
    padding-top: 60px;
  }
}

.date-preview {
  margin-top: 30px;
}
.date-preview * {
  color: #ffffff;
}
.date-preview_list {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  background: #6A90AA;
  padding: 4px 21px 4px 10px;
  border-radius: 2px;
}
.date-preview_list li {
  position: relative;
}
.date-preview_list li:not(:last-child) {
  margin-right: 6px;
  padding-right: 12px;
}
.date-preview_list li:not(:last-child):after {
  content: "-";
  position: absolute;
  right: 0;
}
.date-preview_list .dismiss {
  position: absolute;
  right: 6px;
  top: 10px;
  font-size: 8px;
}
@media (max-width: 1199.98px) {
  .date-preview {
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .date-preview {
    margin-top: 15px;
  }
}
@media (max-width: 575.98px) {
  .date-preview span, .date-preview li {
    font-size: 12px;
  }
  .date-preview li:not(:last-child) {
    margin-right: 4px;
    padding-right: 8px;
  }
}
.date-preview_list .dismiss {
  top: 8px;
}

@media (max-width: 1199.98px) {
  .addLoader .spinner-border {
    width: 13px;
    height: 13px;
  }
}

.scroll-down .header {
  transform: translate3d(0, -100%, 0);
}

.ripple-effect-dark, .ripple-effect {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.ripple-effect span.ripple-overlay, .ripple-effect-dark span.ripple-overlay {
  animation: ripple 0.9s;
  border-radius: 100%;
  background: #fff;
  height: 12px;
  position: absolute;
  width: 12px;
  line-height: 12px;
  opacity: 0.2;
  pointer-events: none;
  z-index: 0;
}

.ripple-effect-dark span.ripple-overlay {
  background: #000;
  opacity: 0.07;
}

.menuShow .menu-icon_line {
  height: 2px !important;
  transform: translateX(0px) rotate(-45deg);
}
.menuShow .menu-icon_line-left {
  transform: translate(1px, 2px) rotate(45deg);
}
.menuShow .menu-icon_line-right {
  transform: translate(2px, -1px) rotate(45deg);
}

.asideToggler {
  position: absolute;
  width: 35px;
  height: 35px;
  right: -35px;
  top: 25%;
  border-radius: 0 5px 5px 0;
  z-index: 9;
  background: #0A71B6;
  align-items: center;
  justify-content: center;
  display: none;
  box-shadow: rgba(122, 117, 237, 0.3) 0px 5px 15px;
}
.asideToggler em {
  font-size: 20px;
  color: #ffffff;
}
@media (max-width: 991.98px) {
  .asideToggler {
    display: inline-flex;
  }
}

.overlay {
  overflow: hidden;
}
.overlay .toggle-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(31, 43, 58, 0.2);
  z-index: 8;
  animation: overlay-fade-in 0.4s ease 1;
}

.main-content {
  min-height: calc(100vh - 490px);
}
.main-content.earnings .session .btn {
  font-size: 12px;
  padding: 10px 7px;
  height: 31px;
}
@media (max-width: 1199.98px) {
  .main-content.earnings .session .btn {
    font-size: 11px;
    padding: 7px 7px;
  }
}
@media (max-width: 1599px) {
  .main-content {
    min-height: calc(100vh - 430px);
  }
}
@media (max-width: 1199.98px) {
  .main-content {
    min-height: calc(100vh - 412px);
  }
}

.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-20 > .col, .row-20 > [class*=col-] {
  padding-left: 10px;
  padding-right: 10px;
}

.slickArrow {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F5F8F7;
  border: 1px solid #0A71B6;
  border-radius: 50%;
  color: #0A71B6;
  font-size: 23px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.slickArrow.slick-disabled {
  background-color: rgba(245, 248, 247, 0.2);
  border-color: rgba(93, 102, 108, 0.2);
  color: rgba(93, 102, 108, 0.2);
}
.slickArrow.slickPrev {
  left: -115px;
  margin-left: -6px;
}
.slickArrow.slickNext {
  right: -115px;
  margin-right: -6px;
}
.slickArrow.slickNext em {
  transform: rotate(180deg);
}
@media (max-width: 1670px) {
  .slickArrow.slickPrev {
    left: -80px;
  }
  .slickArrow.slickNext {
    right: -80px;
  }
}
@media (max-width: 1599px) {
  .slickArrow {
    width: 45px;
    height: 45px;
    font-size: 20px;
  }
  .slickArrow.slickPrev {
    left: -65px;
  }
  .slickArrow.slickNext {
    right: -65px;
  }
}
@media only screen and (max-width: 1540px) and (min-width: 1430px) {
  .slickArrow {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  .slickArrow.slickPrev {
    left: -18px;
  }
  .slickArrow.slickNext {
    right: -18px;
  }
}
@media (max-width: 1260px) {
  .slickArrow {
    font-size: 16px;
    top: auto;
    bottom: -50px;
    transform: translate(0);
  }
  .slickArrow.slickPrev {
    left: calc(100% - 90px);
  }
  .slickArrow.slickNext {
    right: 0;
  }
}
@media (max-width: 1199.98px) {
  .slickArrow {
    width: 36px;
    height: 36px;
    font-size: 15px;
    bottom: -40px;
  }
  .slickArrow.slickPrev {
    left: calc(100% - 70px);
  }
}
@media (max-width: 575.98px) {
  .slickArrow {
    width: 30px;
    height: 30px;
    font-size: 13px;
    bottom: -25px;
  }
  .slickArrow.slickPrev {
    left: calc(100% - 60px);
  }
}

.iti__country.iti__highlight {
  background: #0A71B6 !important;
  color: #ffffff;
}
.iti__country.iti__highlight .iti__dial-code {
  color: #ffffff;
}

.header {
  background: #040340;
  padding: 0px 50px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 11;
  min-height: 85px;
  transition: 0.4s;
}
.header .navbar {
  padding: 0;
}
.header .navbar .navbar-brand {
  padding: 12px 0;
}
.header .navbar .userSelect {
  margin-left: 50px;
}
.header .navbar .userSelect_list {
  position: absolute;
  width: 100%;
  margin-top: 5px;
  background: white;
  padding: 12px 10px;
  max-height: 475px;
  min-height: 90px;
  overflow-y: auto;
  box-shadow: 0 2px 2px 1px rgba(49, 49, 49, 0.4);
}
.header .navbar .userSelect_list::-webkit-scrollbar {
  width: 6px;
  height: 2px;
}
@media (max-width: 1199.98px) {
  .header .navbar .userSelect_list::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
}
.header .navbar .userSelect_list::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: #E1E1E1;
}
.header .navbar .userSelect_list::-webkit-scrollbar-thumb {
  background-color: #707070;
  border-radius: 10px;
}
.header .navbar .userSelect_list .media:not(:last-child) {
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.header .navbar .userSelect_list .media_user {
  width: 34px;
  height: 34px;
  background: #F2FAFD;
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .navbar .userSelect_list .media_user img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header .navbar .userSelect_list .media_body .name, .header .navbar .userSelect_list .media_body .userName, .header .navbar .userSelect_list .media_body .consult li, .header .navbar .userSelect_list .media_body .sessionDate li {
  color: #707070;
}
.header .navbar .userSelect_list .media_body .userName, .header .navbar .userSelect_list .media_body .consult li {
  font-size: 14px;
}
.header .navbar .userSelect_list .media_body .consult li {
  margin-top: 2px;
}
.header .navbar .userSelect_list .media_body .sessionDate {
  margin-top: 5px;
}
.header .navbar .userSelect_list .media_body .sessionDate li {
  font-size: 12px;
  color: #455A69;
  position: relative;
}
.header .navbar .userSelect_list .media_body .sessionDate li:not(:last-child) {
  margin-right: 12px;
  border-right: 1px solid #DFDFDF;
  padding-right: 12px;
}
.header .navbar .userSelect_list .media_body .sessionDate li em {
  margin-right: 5px;
}
.header .navbar .userSelect_list.mentee {
  display: none;
}
.header .navbar .userSelect_list.mentor {
  display: none;
}
.header .navbar .userSelect_list.session {
  display: none;
}
.header .navbar .userSelect_list.session .name {
  color: #455A69;
}
.header .navbar .userSelect_item:not(:last-child) {
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.header .navbar .userSelect .bootstrap-select {
  position: relative;
}
.header .navbar .userSelect .bootstrap-select .dropdown-toggle {
  height: 48px;
}
.header .navbar .userSelect .bootstrap-select .dropdown-toggle.btn-light {
  border-left: 0;
}
.header .navbar .userSelect .bootstrap-select .dropdown-toggle:after {
  top: 26px;
}
.header .navbar .userSelect .bootstrap-select .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner {
  color: #5D666C;
}
.header .navbar .userSelect .bootstrap-select:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 19px;
  background: #DFDFDF;
  z-index: 999;
}
.header .navbar .userSelect .bootstrap-select.show .dropdown-toggle.btn-light {
  border-color: #DFDFDF !important;
}
.header .navbar .userSelect .bootstrap-select.show .dropdown-menu {
  margin-top: 4px;
  border: 0;
  border-radius: 4px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.header .navbar .userSelect .bootstrap-select.show .dropdown-menu .inner li {
  padding: 12px 0 !important;
}
.header .navbar .userSelect .bootstrap-select.show .dropdown-menu .inner li:not(:last-child) {
  border-bottom: 1px solid #DFDFDF;
}
.header .navbar .userSelect .bootstrap-select.show .dropdown-menu .inner li a {
  padding: 0;
}
.header .navbar .userSelect .bootstrap-select.show .dropdown-menu .inner li a.active, .header .navbar .userSelect .bootstrap-select.show .dropdown-menu .inner li a:active, .header .navbar .userSelect .bootstrap-select.show .dropdown-menu .inner li a:hover {
  background-color: transparent;
  color: #0A71B6;
}
.header .navbar .userSelect .bootstrap-select.show .dropdown-menu.inner.show {
  padding: 0 14px;
}
.header .navbar .userSelect_dropdown {
  position: absolute;
  right: 0;
}
.header .navbar .navbar-search {
  width: 100%;
  min-width: 420px;
  position: relative;
  display: none;
}
.header .navbar .navbar-search .input-search {
  border-color: #E1E1E1;
  height: 48px;
  padding-left: 40px;
  padding-right: 167px;
}
.header .navbar .navbar-search .input-search:focus {
  z-index: 0;
}
.header .navbar .navbar-search:after {
  content: "\E91F";
  font-family: "icomoon";
  color: #707070;
  position: absolute;
  top: 9px;
  left: 14px;
  font-size: 21px;
}
.header .navbar .navbar-search ::-webkit-input-placeholder {
  color: #707070;
}
.header .navbar .navbar-search :-moz-placeholder {
  color: #707070;
}
.header .navbar .navbar-search ::-moz-placeholder {
  color: #707070;
}
.header .navbar .navbar-search :-ms-input-placeholder {
  color: #707070;
}
.header .navbar .navbar-nav {
  display: none;
}
.header .navbar .navbar-nav .nav-item .nav-link {
  font-size: 16px;
  color: #ffffff;
  position: relative;
  padding: 30px 0 31px;
}
.header .navbar .navbar-nav .nav-item .nav-link:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 0;
  height: 4px;
  background: #66C244;
  bottom: 0;
  transition: all 0.3s ease;
  transform-origin: center;
}
.header .navbar .navbar-nav .nav-item .nav-link.active, .header .navbar .navbar-nav .nav-item .nav-link:hover, .header .navbar .navbar-nav .nav-item .nav-link:focus {
  color: #66C244;
}
.header .navbar .navbar-nav .nav-item .nav-link.active:after, .header .navbar .navbar-nav .nav-item .nav-link:hover:after, .header .navbar .navbar-nav .nav-item .nav-link:focus:after {
  width: 100%;
  left: 0;
}
.header .navbar .navbar-nav .nav-item .nav-link .badgeText {
  position: absolute;
  top: 20px;
  right: -15px;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 12px;
  font-family: "MatterRegular";
  background-color: #66C244;
  border-radius: 50%;
  color: #ffffff;
}
.header .navbar .navbar-nav .nav-item:not(:last-child) {
  margin-right: 40px;
}
.header .navbar .navbar-nav .notificationBox {
  position: relative;
}
.header .navbar .navbar-nav .notificationBox:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 27px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
}
.header .navbar .navbar-nav .notificationBox .inner {
  max-height: 500px;
  overflow-y: auto;
}
.header .navbar .navbar-nav .notificationBox .inner::-webkit-scrollbar {
  width: 6px;
  height: 2px;
}
@media (max-width: 1199.98px) {
  .header .navbar .navbar-nav .notificationBox .inner::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
}
.header .navbar .navbar-nav .notificationBox .inner::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: #E1E1E1;
}
.header .navbar .navbar-nav .notificationBox .inner::-webkit-scrollbar-thumb {
  background-color: #707070;
  border-radius: 10px;
}
.header .navbar .navbar-nav .notificationBox li {
  padding: 15px 18px;
  border-bottom: 1px solid #F2F2F2;
}
.header .navbar .navbar-nav .notificationBox li:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.header .navbar .navbar-nav .notificationBox li:not(:last-child) {
  margin-bottom: 8px;
}
.header .navbar .navbar-nav .notificationBox li.active {
  background-color: #F2FAFD;
}
.header .navbar .navbar-nav .notificationBox_profile {
  width: 40px;
  height: 40px;
  background: #F2FAFD;
  border-radius: 50%;
  margin-right: 12px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .navbar .navbar-nav .notificationBox_profile img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header .navbar .navbar-nav .notificationBox_detail {
  flex: 1;
}
.header .navbar .navbar-nav .notificationBox_detail span {
  font-size: 12px;
  color: #5D666C;
}
.header .navbar .navbar-nav .notificationBox_detail p {
  color: #000000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  -ms-line-clamp: 3;
  -o-line-clamp: 3;
  text-overflow: ellipsis;
}
.header .navbar .navbar-nav .notificationBox_footer {
  padding: 5px 15px;
}
.header .navbar .navbar-nav.nav-right {
  margin-left: 35px;
}
.header .navbar .navbar-nav.nav-right .nav-item.notifications {
  border-left: 1px solid #6A90AA;
  border-right: 1px solid #6A90AA;
}
.header .navbar .navbar-nav.nav-right .nav-item.notifications .nav-link {
  padding: 2px 25px;
  font-size: 21px;
  color: #ffffff;
}
.header .navbar .navbar-nav.nav-right .nav-item.notifications .nav-link:after {
  display: none;
}
.header .navbar .navbar-nav.nav-right .nav-item.notifications .nav-link span {
  background: #66C244;
  height: 9px;
  width: 9px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  right: 22px;
}
.header .navbar .navbar-nav.nav-right .nav-item.notifications .dropdown-menu {
  position: absolute;
  left: auto !important;
  right: 0;
  min-width: 433px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 0;
  border: 0;
  margin-top: 15px;
  transform: scale(0.85);
  opacity: 0;
  visibility: hidden;
  display: initial;
  transition: all, 0.3s;
}
.header .navbar .navbar-nav.nav-right .nav-item.notifications .dropdown-menu.show {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.header .navbar .navbar-nav.nav-right .nav-item.searchIcon .nav-link {
  padding: 2px 18px;
  font-size: 21px;
  color: #ffffff;
}
.header .navbar .navbar-nav.nav-right .nav-item.searchIcon .nav-link:after {
  display: none;
}
.header .navbar .navbar-nav.nav-right .nav-item.user {
  position: relative;
}
.header .navbar .navbar-nav.nav-right .nav-item.user img {
  height: 44px;
  width: 44px;
  -o-object-fit: cover;
     object-fit: cover;
}
.header .navbar .navbar-nav.nav-right .nav-item.user .userInfo {
  margin-right: 12px;
  text-align: right;
  max-width: 270px;
  display: flex;
  flex-direction: column;
  padding-left: 25px;
}
.header .navbar .navbar-nav.nav-right .nav-item.user .userInfo h6 {
  font-size: 18px;
  font-family: "MatterSemiBold";
  color: #ffffff;
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .navbar .navbar-nav.nav-right .nav-item.user .userInfo span {
  font-size: 12px;
  font-family: "MatterMedium";
  color: #6A90AA;
}
.header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-toggle {
  padding: 20px 3px 20px 0;
}
.header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-toggle:after {
  content: "\E908";
  font-family: "icomoon";
  border: 0;
  color: #ffffff;
  margin-left: 6px;
  font-size: 11px;
}
.header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-menu {
  margin: 0;
  background: #040340;
  padding: 0 20px;
  width: 200px;
  position: absolute;
  left: auto;
  right: 0;
}
.header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-menu .dropdown-item {
  padding: 20px 0;
  color: #ffffff;
  background: transparent;
}
.header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-menu .dropdown-item:not(:last-child) {
  border-bottom: 1px solid #363566;
}
.header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-menu .dropdown-item:hover {
  color: #66C244;
}
.header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-menu .dropdown-item.mobileUser {
  display: none;
  white-space: normal;
}
.header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-menu .dropdown-item.mobileUser img {
  margin-right: 7px;
}
.header .navbar .navbar-nav.nav-right .nav-item.user.show {
  background: #0A0950;
}
.header .navbar .navbar-nav.nav-right .nav-item:not(:last-child) {
  margin-right: 0;
}
.header .navbar .requestlistBox {
  position: absolute;
  right: 0;
  min-width: 433px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  top: 70px;
  display: none;
  z-index: 9;
}
.header .navbar .requestlistBox:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 27px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #F2FAFD;
}
.header .navbar .requestlistBox .inner {
  max-height: 450px;
  background-color: #F2FAFD;
  overflow-y: auto;
}
.header .navbar .requestlistBox .inner::-webkit-scrollbar {
  width: 6px;
  height: 2px;
}
@media (max-width: 1199.98px) {
  .header .navbar .requestlistBox .inner::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
}
.header .navbar .requestlistBox .inner::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: #E1E1E1;
}
.header .navbar .requestlistBox .inner::-webkit-scrollbar-thumb {
  background-color: #707070;
  border-radius: 10px;
}
.header .navbar .requestlistBox .inner:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.header .navbar .requestlistBox .inner-Box {
  padding: 17px 18px;
}
.header .navbar .requestlistBox .inner-Box:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 1px solid #F2F2F2;
}
.header .navbar .requestlistBox_profile {
  width: 40px;
  height: 40px;
  margin-right: 12px;
  overflow: hidden;
}
.header .navbar .requestlistBox_profile img {
  width: 100%;
  height: 100%;
}
.header .navbar .requestlistBox_detail {
  flex: 1;
  max-width: 320px;
}
.header .navbar .requestlistBox .consult li {
  color: #6A90AA;
  padding-left: 7px;
  font-size: 14px;
  font-family: "MatterRegular";
}
.header .navbar .requestlistBox .consult li:first-child {
  border-right: 2px solid #DFDFDF;
  padding-right: 7px;
  padding-left: 0;
}
.header .navbar .requestlistBox .bttn .btn-sm {
  height: 30px;
  font-size: 12px;
  font-family: "MatterSemiBold";
  padding: 6px 7px;
  border-radius: 3px;
}
.header .navbar .requestlistBox_footer {
  padding: 17px 18px;
}
.header .navbar .requestlistBox_footer h6 {
  color: #5D666C;
}
.header .navbar .menu-icon {
  padding: 0;
  border: 0;
  margin-left: 30px;
  width: 20px;
}
.header .navbar .menu-icon_line {
  height: 2px;
  width: 24px;
  display: block;
  background: #66C244;
  margin-bottom: 4px;
  transition: transform 0.2s ease, background-color 0.5s ease;
}
.header .navbar .menu-icon_line-left, .header .navbar .menu-icon_line-right {
  width: 12px;
}
.header .navbar .menu-icon_line-right {
  float: right;
}
@media (max-width: 1599px) {
  .header {
    padding: 0 30px;
    min-height: 80px;
  }
  .header .navbar .userSelect {
    margin-left: 25px;
  }
  .header .navbar .userSelect_list {
    max-height: 340px;
  }
  .header .navbar .userSelect .bootstrap-select .dropdown-toggle {
    height: 44px;
  }
  .header .navbar .userSelect .bootstrap-select .dropdown-toggle:after {
    top: 20px;
  }
  .header .navbar .navbar-search {
    min-width: 345px;
    max-width: 345px;
  }
  .header .navbar .navbar-search .input-search {
    height: 44px;
  }
  .header .navbar .navbar-search:after {
    top: 8px;
  }
  .header .navbar .navbar-brand img {
    height: 38px;
  }
  .header .navbar .navbar-nav .nav-item:not(:last-child) {
    margin-right: 25px;
  }
  .header .navbar .navbar-nav .nav-item .nav-link {
    padding: 28px 0;
  }
  .header .navbar .navbar-nav.nav-right {
    margin-left: 25px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .userInfo h6 {
    font-size: 16px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-menu .dropdown-item {
    padding: 15px 0;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-toggle {
    padding: 18px 3px 18px 0;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.notifications .nav-link {
    padding: 2px 15px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.notifications .nav-link span {
    right: 17px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.notifications .dropdown-menu {
    right: -8px;
  }
  .header .navbar .navbar-nav .notificationBox .inner {
    max-height: 405px;
  }
  .header .navbar .navbar-nav .notificationBox_profile {
    width: 35px;
    height: 35px;
  }
  .header .navbar .navbar-nav .notificationBox_detail p {
    font-size: 14px;
  }
  .header .navbar .navbar-nav .notificationBox li {
    padding: 10px 15px;
  }
}
@media (max-width: 1399px) {
  .header .navbar .navbar-nav.nav-right .nav-item.user .userInfo {
    max-width: 120px;
    padding-left: 15px;
  }
}
@media (max-width: 1199.98px) {
  .header {
    padding: 0 20px;
    min-height: 70px;
  }
  .header .navbar .navbar-brand {
    padding: 11px 0;
  }
  .header .navbar .navbar-brand img {
    height: 40px;
  }
  .header .navbar .userSelect {
    margin-left: 0;
  }
  .header .navbar .userSelect_list {
    padding: 12px 7px;
  }
  .header .navbar .userSelect_list.session .name {
    font-size: 14px;
  }
  .header .navbar .userSelect_list .media_user {
    width: 30px;
    height: 30px;
    margin-right: 8px;
  }
  .header .navbar .userSelect_list .media_body .sessionDate li:not(:last-child) {
    margin-right: 5px;
    padding-right: 5px;
  }
  .header .navbar .userSelect .bootstrap-select .dropdown-toggle {
    height: 40px;
    width: 160px;
  }
  .header .navbar .navbar-search {
    min-width: 300px;
    max-width: 300px;
  }
  .header .navbar .navbar-search .input-search {
    height: 40px;
    padding-right: 166px;
    padding-left: 35px;
  }
  .header .navbar .navbar-search:after {
    top: 6px;
    left: 10px;
    font-size: 20px;
  }
  .header .navbar .navbar-nav .nav-item .nav-link {
    font-size: 15px;
    padding: 24px 0;
  }
  .header .navbar .navbar-nav .nav-item .nav-link:after {
    height: 3px;
  }
  .header .navbar .navbar-nav .nav-item .nav-link .badgeText {
    width: 17px;
    height: 17px;
    line-height: 17px;
    top: 15px;
    right: -10px;
    font-size: 10px;
  }
  .header .navbar .navbar-nav.nav-right {
    margin-left: 20px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .userInfo {
    max-width: 220px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .userInfo h6 {
    font-size: 14px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-menu {
    width: 160px;
    padding: 0 15px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-menu .dropdown-item {
    padding: 10px 0;
    font-size: 14px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-toggle {
    padding: 13px 3px 13px 0;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.notifications .nav-link {
    font-size: 19px;
    padding: 2px 16px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.notifications .nav-link span {
    right: 14px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.notifications .dropdown-menu {
    right: -12px;
    min-width: 320px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.searchIcon {
    margin-left: 15px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.searchIcon .nav-link {
    padding: 2px 10px;
    font-size: 18px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.searchIcon .nav-link em.icon-close {
    font-size: 14px;
    padding: 0 2px;
  }
  .header .navbar .navbar-nav .notificationBox_detail p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    text-overflow: ellipsis;
  }
  .header .navbar .navbar-nav .notificationBox .inner {
    max-height: 215px;
  }
  .header .navbar .requestlistBox {
    top: 60px;
  }
  .header .navbar .requestlistBox_footer {
    padding: 17px 18px;
  }
  .header .navbar .requestlistBox_footer h6 {
    font-size: 14px;
  }
}
@media (max-width: 991.98px) {
  .header {
    padding: 0 15px;
    min-height: 65px;
  }
  .header .navbar .menu-icon {
    margin-left: 15px;
  }
  .header .navbar .authLinks .btn {
    font-size: 12px;
  }
  .header .navbar .userSelect_list {
    max-height: 260px;
  }
  .header .navbar .userSelect_list .media_body .name {
    font-size: 14px;
  }
  .header .navbar .userSelect .bootstrap-select .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner {
    font-size: 14px;
  }
  .header .navbar .navbar-brand img {
    height: 40px;
  }
  .header .navbar .navbar-search .input-group-append {
    margin-left: 0;
  }
  .header .navbar .navbar-nav .nav-item:not(:last-child) {
    margin-right: 40px;
  }
  .header .navbar .navbar-nav .nav-item .nav-link {
    padding: 12px 0;
  }
  .header .navbar .navbar-nav .nav-item .nav-link .badgeText {
    top: 3px;
  }
  .header .navbar .navbar-nav.nav-right {
    flex-direction: row;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-menu {
    padding: 0 15px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.notifications .nav-link {
    font-size: 17px;
    padding: 2px 10px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.notifications .nav-link span {
    right: 9px;
    height: 7px;
    width: 7px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.notifications .dropdown-menu {
    right: -20px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .userInfo {
    max-width: 185px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-toggle {
    padding: 10px 3px 10px 0;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user img {
    height: 37px;
    width: 37px;
  }
  .header .navbar .link-collapse {
    background: #040340;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  .header .navbar .link-collapse .navbar-nav {
    flex-direction: row;
    justify-content: center;
  }
  .header .navbar .requestlistBox {
    top: 46px;
    min-width: 350px;
    max-width: 350px;
  }
  .header .navbar .requestlistBox .inner {
    max-height: 210px;
  }
  .header .navbar .requestlistBox_profile {
    width: 30px;
    height: 30px;
  }
  .header .navbar .requestlistBox_detail {
    max-width: 220px;
  }
  .header .navbar .requestlistBox .consult li {
    font-size: 12px;
  }
}
@media (max-width: 767.98px) {
  .header {
    min-height: 60px;
    padding: 0 18px 0 15px;
  }
  .header .navbar .navbar-brand {
    padding: 7px 0;
  }
  .header .navbar .navbar-nav.nav-right {
    margin-left: auto !important;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-toggle {
    padding: 12px 3px 13px 0;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user img {
    height: 35px;
    width: 35px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.notifications .dropdown-menu {
    min-width: 280px;
  }
  .header .navbar .userSelect_list {
    max-height: 195px;
  }
  .header .navbar .userSelect .bootstrap-select .dropdown-toggle:after {
    right: 15px;
  }
  .header .navbar .requestlistBox {
    min-width: 300px;
    max-width: 300px;
    right: auto;
  }
  .header .navbar .requestlistBox:before {
    right: auto;
    left: 27px;
  }
  .header .navbar .requestlistBox .inner {
    max-height: 205px;
  }
}
@media (max-width: 575.98px) {
  .header .navbar .navbar-search .input-search {
    padding-right: 105px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.notifications .dropdown-menu {
    min-width: 250px;
    max-width: 250px;
    right: -50%;
    left: -50% !important;
    transform: translatex(-50%) !important;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .userInfo {
    max-width: 140px;
  }
  .header .navbar .navbar-nav .notificationBox_footer {
    font-size: 14px;
  }
  .header .navbar .navbar-nav .notificationBox:before {
    right: 82px;
  }
  .header .navbar .navbar-nav .nav-item:not(:last-child) {
    margin-right: 30px;
  }
  .header .navbar .userSelect_list {
    max-height: 185px;
  }
  .header .navbar .userSelect .bootstrap-select .dropdown-toggle {
    width: 100px;
    padding: 10px 8px;
  }
  .header .navbar .requestlistBox .inner {
    max-height: 152px;
  }
  .header .navbar .requestlistBox .inner-Box {
    padding: 10px;
  }
}
@media (max-width: 479px) {
  .header .navbar .navbar-brand {
    margin-right: 5px;
  }
  .header .navbar .link-collapse .navbar-nav {
    flex-direction: column;
    align-items: start !important;
    margin-bottom: 7px;
  }
  .header .navbar .authLinks .btn {
    font-size: 12px;
  }
  .header .navbar .navbar-nav .nav-item:not(:last-child) {
    margin-right: 0;
  }
  .header .navbar .navbar-nav .nav-item .nav-link {
    padding: 6px 0;
  }
  .header .navbar .navbar-nav .nav-item .nav-link:after {
    height: 2px;
  }
  .header .navbar .navbar-nav .nav-item .nav-link:hover:after {
    width: 75px;
  }
  .header .navbar .navbar-nav .nav-item .nav-link .badgeText {
    position: initial;
    display: inline-block;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .userInfo {
    display: none;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-toggle {
    padding: 12px 3px 13px 8px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user img {
    width: 30px;
    height: 30px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-menu {
    padding: 0 10px;
    left: auto;
    width: 200px;
    margin-top: 5px;
  }
  .header .navbar .navbar-nav.nav-right .nav-item.user .dropdown-menu .dropdown-item.mobileUser {
    display: flex;
    align-items: center;
    word-break: break-word;
  }
  .header .navbar .navbar-nav .notificationBox:before {
    right: 82px;
  }
  .header .navbar .navbar-nav .notificationBox_footer a {
    font-size: 14px;
  }
  .header .navbar .requestlistBox {
    position: relative;
    top: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 320px) {
  .header .navbar .requestlistBox {
    min-width: 290px;
    max-width: 290px;
  }
}
.header.userlogin .navbar-nav {
  display: flex;
  margin-right: 35px;
}
.header.userlogin .navbar-search {
  display: block;
}
.header.userlogin .authLinks {
  display: none;
}
@media (max-width: 1399px) {
  .header.userlogin .navbar-nav {
    margin-right: 20px;
  }
}
@media (max-width: 1199.98px) {
  .header.userlogin .navbar-nav {
    margin-right: 20px;
  }
  .header.userlogin .userSelect {
    position: absolute !important;
    top: 71px;
    width: 100%;
    z-index: 9;
  }
  .header.userlogin .navbar-nav {
    margin-right: 0;
  }
  .header.userlogin .navbar-search {
    display: none;
    background: #ffffff;
    padding: 10px 15px;
    min-width: 100%;
    max-width: 100%;
    box-shadow: rgba(122, 117, 237, 0.4) 0px 5px 15px;
  }
  .header.userlogin .navbar-search:after {
    display: none;
  }
  .header.userlogin .navbar-search .input-search {
    padding-left: 15px;
  }
}
@media (max-width: 991.98px) {
  .header.userlogin .userSelect {
    top: 65px;
  }
}
@media (max-width: 767.98px) {
  .header.userlogin .userSelect {
    top: 60px;
  }
}
@media (max-width: 575.98px) {
  .header.userlogin .navbar-search {
    max-width: 100%;
    padding: 10px;
  }
  .header.userlogin .navbar-search .input-search {
    padding-left: 10px;
  }
}

.footer {
  background: #040340;
  padding-top: 70px;
}
.footer__top {
  padding-bottom: 50px;
}
.footer__top p {
  color: #6A90AA;
  padding-right: 155px;
}
.footer__top .appImg {
  margin-top: 30px;
}
.footer__top .appImg a + a {
  margin-left: 16px;
}
.footer__top h4 {
  margin-bottom: 20px;
  font-size: 16px;
  color: #ffffff;
  font-family: "MatterSemiBold";
}
.footer__top .columnLinks li a {
  color: #6A90AA;
  word-break: break-all;
}
.footer__top .columnLinks li a:hover {
  color: #66C244;
}
.footer__top .columnLinks li:not(:last-child) {
  margin-bottom: 15px;
}
.footer__top .socialIcons li a {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #0A71B6;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer__top .socialIcons li a:hover {
  border-radius: 0;
}
.footer__top .socialIcons li:not(:last-child) {
  margin-right: 15px;
}
.footer__bottom {
  color: #363566;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 20px 0;
}
@media (max-width: 1599px) {
  .footer {
    padding-top: 40px;
  }
  .footer__top {
    padding-bottom: 30px;
  }
  .footer__top p {
    padding-right: 35px;
  }
  .footer__top h4 {
    margin-bottom: 15px;
  }
  .footer__top .topLeft {
    max-width: 38%;
    flex: 0 0 38%;
  }
  .footer__top .topRight {
    max-width: 62%;
    flex: 0 0 62%;
  }
  .footer__top .columnLinks ul {
    margin-bottom: 0;
  }
  .footer__top .columnLinks li:not(:last-child) {
    margin-bottom: 10px;
  }
  .footer__top .socialIcons li:not(:last-child) {
    margin-right: 10px;
  }
  .footer__top .socialIcons li a {
    height: 38px;
    width: 38px;
    font-size: 15px;
  }
  .footer__top .appImg {
    margin-top: 20px;
  }
  .footer__top .appImg a + a {
    margin-left: 10px;
  }
  .footer__top .appImg img {
    height: 45px;
  }
  .footer__bottom {
    padding: 15px 0;
  }
}
@media (max-width: 1199.98px) {
  .footer__top p {
    padding-right: 0;
  }
}
@media (max-width: 991.98px) {
  .footer {
    padding-top: 30px;
  }
  .footer__top {
    padding-bottom: 15px;
  }
  .footer__top .topLeft {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .footer__top .topLeft img {
    height: 48px;
  }
  .footer__top .topRight {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .footer__top .socialIcons li:not(:last-child) {
    margin-right: 10px;
  }
  .footer__top .socialIcons li a {
    height: 34px;
    width: 34px;
    font-size: 14px;
  }
  .footer__top .appImg {
    margin: 15px 0 20px;
  }
  .footer__top .appImg img {
    height: 40px;
  }
}
@media (max-width: 767.98px) {
  .footer__bottom {
    padding: 10px 0;
  }
  .footer__bottom p {
    font-size: 13px;
  }
  .footer__bottom img {
    width: 160px;
  }
}
@media (max-width: 575.98px) {
  .footer {
    padding-top: 20px;
  }
  .footer__top h4 {
    font-size: 15px;
  }
  .footer__top .topLeft img {
    height: 40px;
  }
  .footer__top h4 {
    margin-bottom: 8px;
  }
  .footer__top .columnLinks li:not(:last-child) {
    margin-bottom: 7px;
  }
  .footer__top .socialIcons {
    margin-top: 15px;
  }
  .footer__top .socialIcons h4 {
    margin-bottom: 15px;
  }
  .footer__top .socialIcons li:not(:last-child) {
    margin-right: 10px;
  }
  .footer__top .socialIcons li a {
    height: 30px;
    width: 30px;
    font-size: 12px;
  }
  .footer__top .appImg img {
    height: 35px;
  }
  .footer__bottom {
    text-align: center;
  }
}

.modal .close {
  font-size: 17px;
  color: #5D666C;
  opacity: 1;
  transition: all 0.5s;
  position: absolute;
  right: 20px;
  top: 20px;
}
.modal .close:hover {
  color: #0A71B6;
}
.modal .close a {
  color: #5D666C;
}
.modal .close a:hover {
  color: #0A71B6;
}
.modal-header {
  padding: 30px;
}
.modal-body {
  padding: 0 30px 30px;
}
.modal-title {
  font-size: 24px;
  font-family: "MatterBold";
}
.modal-subTitle {
  color: #5D666C;
  margin-top: 12px;
}
.modal-content {
  border-radius: 15px;
}
@media (min-width: 576px) {
  .modal-sm {
    max-width: 450px;
  }
}
.modal-backdrop.show {
  opacity: 0.7;
}
@media (max-width: 1199.98px) {
  .modal-header {
    padding: 25px;
  }
  .modal-body {
    padding: 0 25px 25px;
  }
  .modal-title {
    font-size: 22px;
  }
  .modal-content {
    border-radius: 10px;
  }
}
@media (max-width: 991.98px) {
  .modal-header {
    padding: 20px;
  }
  .modal-body {
    padding: 0 20px 20px;
  }
  .modal-title {
    font-size: 20px;
  }
}
@media (max-width: 767.98px) {
  .modal-header {
    padding: 15px;
  }
  .modal-body {
    padding: 0 15px 15px;
  }
  .modal-title {
    font-size: 18px;
  }
  .modal .close {
    font-size: 12px;
    right: 15px;
    top: 15px;
  }
  .modal-subTitle {
    margin-top: 8px;
  }
  .modal-content {
    border-radius: 5px;
  }
}
@media (max-width: 575.98px) {
  .modal .modal-dialog {
    margin: 0.5rem auto;
    padding: 0 6px;
  }
}
.modal.withoutRoundedModal .close {
  position: inherit;
  color: #000000;
}
.modal.withoutRoundedModal .modal-content {
  border-radius: 5px;
}

.noteModal p span {
  color: #000000;
}

.paymentDetails .modal-content {
  background-color: #F2FAFD;
}
.paymentDetails .modal-body {
  padding: 0 48px;
}
.paymentDetails_info .img {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  overflow: hidden;
}
.paymentDetails_info .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.paymentDetails_info .caption {
  margin-left: 10px;
  flex: 1;
}
.paymentDetails_info .caption p {
  font-size: 14px;
  color: #5D666C;
}
.paymentDetails_amount {
  margin: 20px 0;
}
.paymentDetails_amount li {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.paymentDetails_amount li + li {
  margin-top: 15px;
}
.paymentDetails_amount li:last-child {
  border-top: 1px solid #DFDFDF;
  padding-top: 15px;
}
.paymentDetails_amount li label {
  margin-bottom: 0;
}
.paymentDetails .modal-footer {
  padding: 24px;
  border-radius: 0 0 15px 15px;
}
@media (max-width: 1199.98px) {
  .paymentDetails .modal-body {
    padding: 0 35px;
  }
}
@media (max-width: 991.98px) {
  .paymentDetails .modal-body {
    padding: 0 25px;
  }
  .paymentDetails .modal-footer {
    padding: 20px;
  }
  .paymentDetails_amount {
    margin: 10px 0;
  }
  .paymentDetails_amount li + li {
    margin-top: 10px;
  }
  .paymentDetails_amount li:last-child {
    padding-top: 10px;
  }
}
@media (max-width: 767.98px) {
  .paymentDetails .modal-body {
    padding: 0 15px;
  }
  .paymentDetails .modal-footer {
    padding: 15px;
  }
  .paymentDetails_info .img {
    width: 70px;
    height: 70px;
  }
  .paymentDetails_info .caption h6 {
    font-size: 15px;
  }
}

.makePayment .head h6 {
  color: #5D666C;
}
.makePayment .custom-radio {
  padding-left: 40px;
}
.makePayment .custom-radio .custom-control-label:before {
  top: 14px;
}
.makePayment .custom-radio .custom-control-label:after {
  top: 19px !important;
}
.makePayment .cardList {
  padding: 14px 0 26px;
  max-height: 425px;
  overflow-y: auto;
  padding-right: 5px;
}
.makePayment li + li {
  margin-top: 20px;
}
.makePayment li:nth-child(odd) .cardWrap {
  background-color: #DBD6E0;
}
.makePayment li:nth-child(even) .cardWrap {
  background-color: #C8ECE9;
}
.makePayment .cardWrap {
  padding: 20px;
  padding-right: 10px;
  border-radius: 3px;
}
.makePayment .cardWrap_top li {
  font-family: "MatterSemiBold";
  font-size: 20px;
  color: #101010;
}
.makePayment .cardWrap_top li:not(:last-child) {
  margin-right: 15px;
  letter-spacing: 0.5px;
  position: relative;
  top: 4px;
}
.makePayment .cardWrap_top li + li {
  margin-top: 0;
}
.makePayment .cardWrap_bottom {
  margin-top: 24px;
  font-size: 0;
}
.makePayment .cardWrap_bottom li + li {
  margin-left: 50px;
  margin-top: 0;
}
.makePayment .cardWrap_bottom label {
  font-size: 8px;
  color: #707070;
  margin-bottom: 0;
}
.makePayment .cardWrap_bottom p {
  font-size: 14px;
  color: #242324;
}
@media (max-width: 1599px) {
  .makePayment .cardList {
    max-height: 400px;
  }
}
@media (max-width: 1199.98px) {
  .makePayment .cardList {
    padding: 14px 5px 15px 0;
    max-height: 350px;
  }
  .makePayment .cardWrap {
    padding: 15px;
  }
  .makePayment .cardWrap_top li {
    font-size: 18px;
  }
  .makePayment .cardWrap_top li:not(:last-child) {
    margin-right: 10px;
  }
  .makePayment .cardWrap_bottom {
    margin-top: 20px;
  }
}
@media (max-width: 767.98px) {
  .makePayment .cardList {
    padding: 14px 5px 10px 0;
    max-height: 280px;
  }
  .makePayment .custom-radio {
    padding-left: 30px;
  }
  .makePayment li + li {
    margin-top: 10px;
  }
  .makePayment .cardWrap {
    padding: 10px;
  }
  .makePayment .cardWrap_top li {
    font-size: 16px;
  }
  .makePayment .cardWrap_top li:not(:last-child) {
    margin-right: 5px;
  }
  .makePayment .cardWrap_top li + li {
    margin-top: 0;
  }
  .makePayment .cardWrap_bottom {
    margin-top: 15px;
  }
  .makePayment .cardWrap_bottom li + li {
    margin-left: 30px;
  }
}

.paymentSuccessfully .modal-body {
  padding-left: 30px;
  padding-right: 30px;
}
.paymentSuccessfully .icon {
  width: 68px;
  height: 68px;
  background-color: #66C244;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-bottom: 20px;
}
.paymentSuccessfully .icon em {
  color: #ffffff;
  font-size: 20px;
}
.paymentSuccessfully .sessionWrap_img {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 170px;
  background: rgba(220, 220, 220, 0.3411764706);
  text-align: center;
}
.paymentSuccessfully .sessionWrap_img video {
  max-width: 100%;
}
.paymentSuccessfully .sessionWrap_img .playIcon {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.paymentSuccessfully .sessionWrap_img .playIcon img {
  height: 35px;
}
.paymentSuccessfully .sessionWrap_img img {
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.paymentSuccessfully .sessionWrap_img_overlay {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 4%, rgba(0, 0, 0, 0.12) 11%, rgb(0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 );
  height: 56px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px;
}
.paymentSuccessfully .sessionWrap_img_overlay img {
  width: 36px;
  height: 36px;
}
.paymentSuccessfully .sessionWrap_img_overlay .info {
  margin-left: 15px;
}
.paymentSuccessfully .sessionWrap_img_overlay .info h6 {
  font-size: 15px;
  margin-bottom: 0;
}
.paymentSuccessfully .sessionWrap_img_overlay .info p {
  font-size: 12px;
}
.paymentSuccessfully .sessionWrap_img_overlay .info h6, .paymentSuccessfully .sessionWrap_img_overlay .info p {
  color: #ffffff;
}
.paymentSuccessfully .sessionWrap .userInfo {
  border-bottom: 1px solid #E4EEF2;
  padding-bottom: 20px;
}
.paymentSuccessfully .sessionWrap .userInfo_img {
  width: 120px;
  height: 120px;
  margin-bottom: 15px;
}
.paymentSuccessfully .sessionWrap .userInfo_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.paymentSuccessfully .sessionWrap .userInfo h5 {
  font-size: 18px;
  line-height: normal;
  margin-bottom: 5px;
}
.paymentSuccessfully .sessionWrap .userInfo p {
  color: #5D666C;
}
.paymentSuccessfully .sessionWrap_content ul {
  margin: 24px 0 30px;
}
.paymentSuccessfully .sessionWrap_content label {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: normal;
}
.paymentSuccessfully .sessionWrap_content .sessionStartTime {
  color: #66C244;
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
  padding: 8px 0;
  margin-bottom: 15px;
}
@media (max-width: 1599px) {
  .paymentSuccessfully .sessionWrap .userInfo_img {
    width: 100px;
    height: 100px;
  }
  .paymentSuccessfully .sessionWrap .userInfo h5 {
    font-size: 16px;
  }
}
@media (max-width: 1199.98px) {
  .paymentSuccessfully .sessionWrap .userInfo_img {
    width: 80px;
    height: 80px;
  }
  .paymentSuccessfully .modal-body {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 0;
  }
  .paymentSuccessfully .icon {
    width: 55px;
    height: 55px;
    margin-bottom: 15px;
  }
  .paymentSuccessfully .icon em {
    font-size: 18px;
  }
  .paymentSuccessfully .sessionWrap_content ul {
    margin: 15px 0 25px;
  }
}
@media (max-width: 767.98px) {
  .paymentSuccessfully .sessionWrap .userInfo {
    padding-bottom: 12px;
  }
  .paymentSuccessfully .sessionWrap .userInfo_img {
    width: 65px;
    height: 65px;
    margin-bottom: 10px;
  }
  .paymentSuccessfully .modal-body {
    padding-left: 15px;
    padding-right: 15px;
  }
  .paymentSuccessfully .icon {
    width: 45px;
    height: 45px;
    margin-bottom: 10px;
  }
  .paymentSuccessfully .icon em {
    font-size: 14px;
  }
  .paymentSuccessfully .sessionWrap_content ul {
    margin: 10px 0 15px;
  }
}

.feedbackModal .modal-body img {
  height: 100px;
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 25px;
}
.feedbackModal .modal-body h4 {
  font-size: 18px;
  line-height: 27px;
}
.feedbackModal .modal-body p {
  font-size: 14px;
  margin: 30px 0 40px;
}
.feedbackModal .modal-body .rating {
  margin-bottom: 60px;
}
.feedbackModal .modal-body .rating input {
  opacity: 0;
}
.feedbackModal .modal-body .rating input:checked ~ label, .feedbackModal .modal-body .rating input:hover ~ label {
  color: #FFBB00;
  text-shadow: 5px 4px 2px rgba(255, 187, 0, 0.3);
}
.feedbackModal .modal-body .rating label {
  color: #DFDFDF;
  font-size: 40px;
  margin-bottom: 0;
  margin-right: 10px;
}
.feedbackModal .modal-body .rating label:before {
  content: "\E921";
  font-family: "icomoon" !important;
  display: inline-block;
}
@media (max-width: 1199.98px) {
  .feedbackModal .modal-body img {
    height: 85px;
    width: 85px;
    margin-bottom: 15px;
  }
  .feedbackModal .modal-body h4 {
    font-size: 17px;
    line-height: 24px;
  }
  .feedbackModal .modal-body p {
    margin: 20px 0 30px;
  }
  .feedbackModal .modal-body .rating {
    margin-bottom: 40px;
  }
  .feedbackModal .modal-body .rating label {
    font-size: 30px;
    margin-right: 7px;
  }
}
@media (max-width: 767.98px) {
  .feedbackModal .modal-body img {
    height: 75px;
    width: 75px;
    margin-bottom: 10px;
  }
  .feedbackModal .modal-body h4 {
    font-size: 16px;
    line-height: 22px;
  }
  .feedbackModal .modal-body p {
    margin: 15px 0;
  }
  .feedbackModal .modal-body .rating {
    margin-bottom: 30px;
  }
  .feedbackModal .modal-body .rating label {
    font-size: 24px;
    margin-right: 4px;
  }
}

.addNewCard .modal-content {
  border-radius: 5px;
}
.addNewCard .modal-header {
  padding: 23px 28px;
}
.addNewCard .modal-body {
  padding: 0 28px 45px;
}
@media (max-width: 1599px) {
  .addNewCard .modal-header {
    padding: 20px;
  }
  .addNewCard .modal-body {
    padding: 0 20px 30px;
  }
}
@media (max-width: 991.98px) {
  .addNewCard .modal-header {
    padding: 15px;
  }
  .addNewCard .modal-body {
    padding: 0 15px 20px;
  }
}

.invitePeople_search .searchResult {
  position: absolute;
  top: 0;
  width: 50px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: 0;
  font-size: 18px;
  color: #5D666C;
}
.invitePeople_search .form-control {
  padding-left: 50px !important;
  font-size: 14px;
}
.invitePeople_list {
  max-height: 420px;
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: thin;
}
.invitePeople_list .user {
  display: flex;
  align-items: center;
}
.invitePeople_list li img {
  width: 35px;
  height: 35px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin-right: 10px;
}
.invitePeople_list li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 240px;
  width: 100%;
}
.invitePeople_list li .invite-btn {
  font-size: 12px;
  padding: 5px 8px;
  height: 27px;
}
.invitePeople_list li .invite-btn:focus {
  background: transparent;
  color: #0A71B6;
}
.invitePeople_list li .invite-btn.invited {
  color: #66C244;
  background: transparent;
  border-color: #F2FAFD;
}
.invitePeople_list li .invite-btn.disable {
  pointer-events: none;
  cursor: default;
}
.invitePeople_list li + li {
  margin-top: 20px;
}
.invitePeople_list::-webkit-scrollbar {
  width: 6px;
  height: 2px;
}
@media (max-width: 1199.98px) {
  .invitePeople_list::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
}
.invitePeople_list::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: #E1E1E1;
}
.invitePeople_list::-webkit-scrollbar-thumb {
  background-color: #707070;
  border-radius: 10px;
}
.invitePeople .customTabs {
  margin-bottom: 15px;
}
.invitePeople .customTabs ul.nav-tabs li.nav-item a {
  font-size: 16px;
  padding: 0 0 15px;
}
.invitePeople .customTabs ul.nav-tabs li.nav-item:not(:last-child) {
  margin-right: 30px;
}
.invitePeople .modal-header {
  padding: 25px 30px;
}
.invitePeople .modal-header .dismiss {
  background: transparent;
  border: 0;
  font-size: 17px;
  padding: 0;
}
.invitePeople .modal-title {
  font-size: 26px;
}
.invitePeople .modal-content {
  border-radius: 5px;
}
.invitePeople .modal-body {
  padding: 0 30px 23px;
}
@media (max-width: 1199.98px) {
  .invitePeople .modal-title {
    font-size: 22px;
  }
}
@media (max-width: 991.98px) {
  .invitePeople .modal-title {
    font-size: 20px;
  }
}
@media (max-width: 767.98px) {
  .invitePeople .modal-title {
    font-size: 18px;
  }
  .invitePeople .modal-header {
    padding: 15px;
  }
  .invitePeople .modal-header .dismiss {
    font-size: 12px;
  }
  .invitePeople .modal-body {
    padding: 0 15px 15px;
  }
  .invitePeople .customTabs ul.nav-tabs li.nav-item a {
    font-size: 15px;
    padding: 0 0 10px;
  }
  .invitePeople_search .searchResult {
    width: 40px;
  }
  .invitePeople_search .form-control {
    padding-left: 40px !important;
  }
  .invitePeople_list {
    max-height: calc(100vh - 285px);
  }
}
@media (max-width: 575.98px) {
  .invitePeople .modal-dialog {
    margin: auto;
    padding: 10px;
  }
}
@media (max-width: 480px) {
  .invitePeople_list {
    padding-right: 10px;
  }
  .invitePeople_list li span {
    max-width: 135px;
  }
}

.profileModal h3 {
  font-size: 18px;
}
.profileModal .modal-header {
  padding: 27px 24px;
}
.profileModal .modal-body {
  padding: 0 24px 15px;
}
.profileModal_user .userImg {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 15px;
  overflow: hidden;
}
.profileModal_user .userImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.profileModal_user .userDetail {
  flex: 1;
}
.profileModal_user .userDetail span {
  color: #5D666C;
}
.profileModal_user .userDetail .rating {
  margin: 3px 0;
}
.profileModal_user .userDetail .rating em {
  font-size: 15px;
}
.profileModal_user .userDetail .rating em.active {
  color: #FFA933;
}
.profileModal_list {
  margin: 15px 0;
}
.profileModal_list li {
  font-size: 18px;
  font-family: "MatterSemiBold";
  position: relative;
}
.profileModal_list li:not(:last-child) {
  border-right: 1px solid #DFDFDF;
  padding-right: 27px;
  margin-right: 12px;
}
.profileModal_list li span {
  display: block;
  font-size: 14px;
  color: #5D666C;
}
.profileModal .userRow--desc {
  padding-right: 35px;
}
.profileModal .userRow:not(:last-child) {
  margin-bottom: 15px;
}
.profileModal_content {
  padding-top: 15px;
}
.profileModal_content .user-label, .profileModal_content .user-value {
  display: block;
}
.profileModal_content .user-label {
  font-size: 14px;
  color: #455A69;
}
.profileModal_content .user-value {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  -ms-line-clamp: 3;
  -o-line-clamp: 3;
  text-overflow: ellipsis;
}
.profileModal .tagList {
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
  padding: 15px 0;
}
@media (max-width: 1399px) {
  .profileModal_user .userImg {
    width: 70px;
    height: 70px;
  }
  .profileModal_list li:not(:last-child) {
    padding-right: 20px;
  }
}
@media (max-width: 991.98px) {
  .profileModal h3 {
    font-size: 16px;
  }
  .profileModal .modal-header {
    padding: 20px;
  }
  .profileModal .modal-body {
    padding: 0 20px 15px;
  }
}
@media (max-width: 575.98px) {
  .profileModal .modal-header {
    padding: 15px;
  }
  .profileModal .modal-body {
    padding: 0 15px 15px;
  }
  .profileModal_user .userImg {
    width: 60px;
    height: 60px;
  }
  .profileModal .tagList {
    padding: 10px 0;
  }
  .profileModal_content {
    padding-top: 10px;
  }
}
@media (max-width: 375px) {
  .profileModal_list li {
    font-size: 16px;
  }
  .profileModal_list li:not(:last-child) {
    padding-right: 17px;
  }
  .profileModal_list li span {
    display: block;
    font-size: 11px;
  }
}

.videoPopup .modal-content {
  background: transparent;
}
.videoPopup .modal-body .close {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  top: -15px;
  right: -15px;
  text-shadow: none;
  background: #66C244;
  color: #ffffff;
  font-size: 12px;
  z-index: 1;
}
.videoPopup .modal-body video {
  width: 100%;
  display: block;
  border-radius: 15px;
  position: relative;
  max-height: 450px;
  border: 2px solid #66C244;
}
@media (max-width: 1199.98px) {
  .videoPopup .modal-body video {
    border-radius: 10px;
  }
}
@media (max-width: 575.98px) {
  .videoPopup .modal-body .close {
    height: 25px;
    width: 25px;
    top: -15px;
    right: 0px;
    font-size: 10px;
  }
}

.rejectionReason .tagLine {
  color: #707070;
}
.rejectionReason .userInfo {
  background-color: #F2FAFD;
  padding: 15px;
  border-radius: 3px;
}
.rejectionReason .userInfo_img {
  width: 55px;
  height: 55px;
}
.rejectionReason .userInfo_img img {
  width: 100%;
  height: 100%;
}
.rejectionReason .userInfo_caption {
  margin-left: 15px;
  flex: 1;
}
.rejectionReason .userInfo_caption h4 {
  line-height: 18px;
}
.rejectionReason .userInfo_caption span {
  font-size: 18px;
  color: #5D666C;
  margin-bottom: 8px;
  display: block;
  line-height: normal;
}
.rejectionReason .userInfo_caption li {
  color: #6A90AA;
  line-height: 14px;
}
.rejectionReason .userInfo_caption li:not(:last-child) {
  border-right: 2px solid #DFDFDF;
  padding-right: 6px;
  margin-right: 5px;
}
@media (max-width: 991.98px) {
  .rejectionReason .userInfo_caption span {
    font-size: 15px;
    margin-bottom: 5px;
  }
}
@media (max-width: 767.98px) {
  .rejectionReason .userInfo_img {
    width: 40px;
    height: 40px;
  }
  .rejectionReason .userInfo_caption span {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .rejectionReason .userInfo_caption li {
    font-size: 13px;
  }
  .rejectionReason .userInfo_caption li:not(:last-child) {
    border-right: 0;
  }
}

.verifyNumber .modal-content {
  border-radius: 5px;
}
.verifyNumber .modal-header {
  padding: 23px 28px;
}
.verifyNumber .modal-body {
  padding: 0 28px 45px;
}
.verifyNumber_head {
  margin-bottom: 30px;
}
.verifyNumber_head h3 {
  line-height: 55px;
}
.verifyNumber_head p {
  margin-bottom: 0;
  color: #5D666C;
}
.verifyNumber_head p span {
  color: #000000;
  display: block;
}
.verifyNumber_otp {
  margin-bottom: 5px;
}
.verifyNumber_otp input {
  width: 64px;
  border: 0;
  border-bottom: 2px solid #DFDFDF;
  background: transparent;
  font-size: 26px;
  text-align: center;
}
.verifyNumber_otp input:not(:last-child) {
  margin-right: 30px;
}
.verifyNumber_otp input::-moz-placeholder {
  color: #DFDFDF;
  font-size: 24px;
}
.verifyNumber_otp input::placeholder {
  color: #DFDFDF;
  font-size: 24px;
}
.verifyNumber_otp input:focus {
  border-color: #0A71B6;
}
.verifyNumber .duration {
  margin: 30px 0;
}
.verifyNumber .duration span {
  font-size: 18px;
  color: #DFDFDF;
}
.verifyNumber .duration span.active {
  color: #0A71B6;
}
.verifyNumber .resendCode {
  color: #707070;
  margin-top: 40px;
  margin-bottom: 0;
}
.verifyNumber .resendCode a.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
@media (max-width: 1599px) {
  .verifyNumber .modal-header {
    padding: 20px;
  }
  .verifyNumber .modal-body {
    padding: 0 20px 30px;
  }
  .verifyNumber_head {
    margin-bottom: 20px;
  }
  .verifyNumber_head h3 {
    line-height: normal;
  }
  .verifyNumber_otp input {
    font-size: 20px;
  }
  .verifyNumber .duration {
    margin: 20px 0;
  }
  .verifyNumber .resendCode {
    margin-top: 20px;
  }
}
@media (max-width: 1199.98px) {
  .verifyNumber_otp input {
    width: 47px;
  }
  .verifyNumber_otp input:not(:last-child) {
    margin-right: 20px;
  }
  .verifyNumber .duration span {
    font-size: 16px;
  }
  .verifyNumber .resendCode {
    margin-top: 15px;
  }
}
@media (max-width: 991.98px) {
  .verifyNumber .modal-header {
    padding: 15px;
  }
  .verifyNumber .modal-body {
    padding: 0 15px 20px;
  }
  .verifyNumber .duration {
    margin: 15px 0;
  }
}
@media (max-width: 575.98px) {
  .verifyNumber_head {
    margin-bottom: 15px;
  }
  .verifyNumber_otp input::-moz-placeholder {
    font-size: 20px;
  }
  .verifyNumber_otp input::placeholder {
    font-size: 20px;
  }
}

.btn {
  cursor: pointer;
  border-radius: 100px;
  line-height: normal;
  text-transform: uppercase;
  height: 40px;
  font-size: 16px;
  padding: 10px 20px;
  font-family: "MatterSemiBold";
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.btn-lg {
  padding: 15px 30px;
  height: 50px;
}
.btn-sm {
  padding: 10px 13px;
  height: 40px;
  font-size: 14px;
}
.btn-xs {
  padding: 8px 15px;
  height: 35px;
  font-size: 14px;
}
.btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .show > .btn.dropdown-toggle:focus, .btn:focus {
  box-shadow: none !important;
  outline: none !important;
}
.btn.min-w-350 {
  min-width: 350px;
}
@media (max-width: 1599px) {
  .btn.min-w-350 {
    min-width: 300px;
  }
}
@media (max-width: 1199.98px) {
  .btn.min-w-350 {
    min-width: 220px;
  }
}
@media (max-width: 991.98px) {
  .btn.min-w-350 {
    min-width: 145px;
    font-size: 12px;
  }
}
.btn.btn-primary {
  border-color: #0A71B6;
  color: #ffffff;
  background: #0A71B6;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):not(.disabled):active {
  background: rgb(11.0625, 125.00625, 201.3375);
  color: #ffffff;
  border-color: rgb(11.0625, 125.00625, 201.3375);
}
.btn.btn-primary:focus {
  border-color: #0A71B6;
  color: #ffffff;
  background: #0A71B6;
}
.btn.btn-secondary {
  border-color: #5D666C;
  color: #ffffff;
  background: #5D666C;
}
.btn.btn-secondary:hover, .btn.btn-secondary:active, .btn.btn-secondary:not(:disabled):not(.disabled):active {
  background: rgb(102.4388059701, 112.352238806, 118.9611940299);
  color: #ffffff;
  border-color: rgb(102.4388059701, 112.352238806, 118.9611940299);
}
.btn.btn-secondary:focus {
  border-color: #5D666C;
  color: #ffffff;
  background: #5D666C;
}
.btn.btn-info {
  border-color: #707070;
  color: #ffffff;
  background: #707070;
}
.btn.btn-info:hover, .btn.btn-info:active, .btn.btn-info:not(:disabled):not(.disabled):active {
  background: rgb(11.0625, 125.00625, 201.3375);
  color: #ffffff;
  border-color: rgb(11.0625, 125.00625, 201.3375);
}
.btn.btn-info:focus {
  border-color: #0A71B6;
  color: #ffffff;
  background: #0A71B6;
}
.btn.btn-light {
  border-color: #DFDFDF;
  color: #5D666C;
  background: #DFDFDF;
}
.btn.btn-light:hover, .btn.btn-light:active, .btn.btn-light:not(:disabled):not(.disabled):active {
  background: rgb(233.2, 233.2, 233.2);
  color: #5D666C;
  border-color: rgb(233.2, 233.2, 233.2);
}
.btn.btn-light:focus {
  border-color: #DFDFDF;
  color: #5D666C;
  background: #DFDFDF;
}
.btn.btn-outline-primary {
  border-color: #0A71B6;
  color: #0A71B6;
  background: transparent;
}
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:active, .btn.btn-outline-primary:not(:disabled):not(.disabled):active {
  background: rgb(11.0625, 125.00625, 201.3375);
  color: #ffffff;
  border-color: rgb(11.0625, 125.00625, 201.3375);
}
.btn.btn-outline-primary:focus {
  border-color: #0A71B6;
  color: #ffffff;
  background: #0A71B6;
}
@media (max-width: 1199.98px) {
  .btn {
    padding: 8px 15px;
    height: 35px;
    font-size: 14px;
  }
  .btn-lg {
    padding: 8px 15px;
    height: 40px;
  }
}
@media (max-width: 767.98px) {
  .btn {
    font-size: 14px;
  }
}

.progressive {
  overflow: hidden;
  position: relative;
  background: transparent;
}
.progressive__img {
  transform: translateZ(0);
}
.progressive--not-loaded {
  filter: blur(30px);
  transform: scale(1.1);
}
.progressive--is-loaded {
  filter: blur(20px);
  animation: a 0.5s both;
  transform: scale(1);
}

@keyframes a {
  0% {
    filter: blur(20px);
  }
  to {
    filter: blur(0);
  }
}
.form-group, .input-group {
  position: relative;
  margin-bottom: 20px;
}
.form-group label, .input-group label {
  margin-bottom: 8px;
  line-height: 20px;
  color: #707070;
}
.form-group .form-control, .input-group .form-control {
  border-color: #DFDFDF;
  color: #000000;
  background-color: #ffffff;
  border-radius: 0;
  background-clip: initial;
  padding: 15px;
  height: 50px;
  border-radius: 3px;
}
.form-group .form-control:focus, .input-group .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #0A71B6;
}
.form-group .form-control:valid:focus, .form-group .form-control:invalid:focus, .input-group .form-control:valid:focus, .input-group .form-control:invalid:focus {
  outline: none;
  box-shadow: none;
}
.form-group .form-control:disabled, .form-group .form-control[readonly], .input-group .form-control:disabled, .input-group .form-control[readonly] {
  background-color: #fbfbfb;
  color: #000000;
}
.form-group .form-control:disabled:focus, .form-group .form-control[readonly]:focus, .input-group .form-control:disabled:focus, .input-group .form-control[readonly]:focus {
  border-color: #DFDFDF;
}
.form-group .form-control::-webkit-outer-spin-button, .form-group .form-control::-webkit-inner-spin-button, .input-group .form-control::-webkit-outer-spin-button, .input-group .form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-group .form-control::-moz-placeholder, .input-group .form-control::-moz-placeholder {
  color: #DFDFDF;
}
.form-group .form-control::placeholder, .input-group .form-control::placeholder {
  color: #DFDFDF;
}
.form-group .verifyNumber, .input-group .verifyNumber {
  right: 0;
  font-size: 12px;
  top: 8px;
}
.form-group-icon .form-control, .input-group-icon .form-control {
  padding-right: 50px !important;
}
.form-group-icon .icon, .input-group-icon .icon {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  display: flex;
  padding: 0 15px;
  align-items: center;
  color: #DFDFDF;
}
.form-group-icon .icon .icon-eye-visible, .input-group-icon .icon .icon-eye-visible {
  color: #000000;
  font-size: 18px;
}
.form-group textarea, .input-group textarea {
  resize: none;
}
.form-group textarea.form-control, .input-group textarea.form-control {
  height: auto;
}
.form-group ::-webkit-input-placeholder, .input-group ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.form-group :-moz-placeholder, .input-group :-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.form-group ::-moz-placeholder, .input-group ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.form-group :-ms-input-placeholder, .input-group :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.form-group.phoneNumber .bootstrap-select, .input-group.phoneNumber .bootstrap-select {
  width: 90px !important;
  margin-right: 20px;
}
.form-group .dateIcon,
.form-group .timeIcon, .input-group .dateIcon,
.input-group .timeIcon {
  position: relative;
}
.form-group .dateIcon input,
.form-group .timeIcon input, .input-group .dateIcon input,
.input-group .timeIcon input {
  padding-right: 40px;
}
.form-group .dateIcon:after,
.form-group .timeIcon:after, .input-group .dateIcon:after,
.input-group .timeIcon:after {
  right: 15px;
  position: absolute;
  top: 16px;
  content: "\E905";
  font-family: "icomoon";
  color: #b1b2b4;
  font-size: 20px;
  line-height: 20px;
}
.form-group .dateIcon:after, .input-group .dateIcon:after {
  content: "\E902";
}
.form-group .cke_contents.cke_reset, .input-group .cke_contents.cke_reset {
  min-height: 250px;
}
.form-group.gender-field.has-error, .input-group.gender-field.has-error {
  padding-bottom: 22px;
  position: relative;
}
.form-group.gender-field.has-error #gender-error, .input-group.gender-field.has-error #gender-error {
  position: absolute;
  bottom: 0px;
  left: 7px;
}
@media (max-width: 1599px) {
  .form-group, .input-group {
    margin-bottom: 20px;
  }
  .form-group label, .input-group label {
    font-size: 16px;
  }
  .form-group .form-control, .input-group .form-control {
    height: 45px;
    padding: 10px 15px;
    font-size: 16px;
  }
  .form-group .dateIcon:after,
  .form-group .timeIcon:after, .input-group .dateIcon:after,
  .input-group .timeIcon:after {
    top: 14px;
  }
  .form-group.phoneNumber .bootstrap-select, .input-group.phoneNumber .bootstrap-select {
    margin-right: 15px;
  }
  .form-group-icon .icon, .input-group-icon .icon {
    font-size: 13px;
    height: 45px;
  }
  .form-group-icon .icon .icon-eye-visible, .input-group-icon .icon .icon-eye-visible {
    font-size: 15px;
  }
}
@media (max-width: 1199.98px) {
  .form-group, .input-group {
    margin-bottom: 20px;
  }
  .form-group label, .input-group label {
    font-size: 15px;
  }
  .form-group .form-control, .input-group .form-control {
    height: 40px;
    padding: 6px 15px;
    font-size: 15px;
  }
  .form-group .dateIcon:after, .form-group .timeIcon:after, .input-group .dateIcon:after, .input-group .timeIcon:after {
    top: 10px;
    font-size: 16px;
    line-height: 16px;
  }
  .form-group-icon .icon, .input-group-icon .icon {
    height: 40px;
  }
  .form-group .cke_contents.cke_reset, .input-group .cke_contents.cke_reset {
    min-height: 200px;
  }
  .form-group.phoneNumber .bootstrap-select, .input-group.phoneNumber .bootstrap-select {
    margin-right: 10px;
  }
}
@media (max-width: 767.98px) {
  .form-group, .input-group {
    margin-bottom: 15px;
  }
  .form-group label, .form-group .form-control, .input-group label, .input-group .form-control {
    font-size: 14px;
  }
}

.custom-checkbox, .custom-radio {
  padding-left: 26px;
  line-height: normal;
  min-height: auto;
}
.custom-checkbox.custom-control-inline:last-child, .custom-radio.custom-control-inline:last-child {
  margin-right: 0;
}
.custom-checkbox .custom-control-input, .custom-radio .custom-control-input {
  z-index: 1;
  cursor: pointer;
}
.custom-checkbox .custom-control-input:focus ~ .custom-control-label:before, .custom-radio .custom-control-input:focus ~ .custom-control-label:before {
  box-shadow: none;
}
.custom-checkbox .custom-control-input:not(:disabled):active ~ .custom-control-label::before, .custom-radio .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #ffffff;
  border-color: #d6d6d6;
}
.custom-checkbox .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, .custom-radio .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #d6d6d6;
}
.custom-checkbox.interactive-effect .custom-control-label:after, .custom-radio.interactive-effect .custom-control-label:after {
  animation: radius-shadow 0.4s;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before, .custom-radio .custom-control-input:checked ~ .custom-control-label:before {
  border-color: #66C244;
  border-radius: 3px;
  background: #66C244;
}
.custom-checkbox .custom-control-label, .custom-radio .custom-control-label {
  width: 100%;
  cursor: pointer;
  position: static;
  color: #5D666C;
  font-family: "MatterRegular";
}
.custom-checkbox .custom-control-label:before, .custom-radio .custom-control-label:before {
  content: "";
  position: absolute;
  left: 0px;
  display: block;
  width: 19px;
  height: 19px;
  border-radius: 3px;
  background: #ffffff;
  top: 2px;
  border: 1.5px solid #d6d6d6;
  cursor: pointer;
  transition: all 0.3s;
}
.custom-checkbox .custom-control-label:after, .custom-radio .custom-control-label:after {
  content: "";
  position: absolute;
  display: block;
  left: 3px;
  top: 4px;
  transition: all 0.3s;
  cursor: pointer;
}
.custom-checkbox.custom-radio, .custom-radio.custom-radio {
  min-height: 19px;
}
.custom-checkbox.custom-radio .custom-control-input:checked ~ .custom-control-label, .custom-radio.custom-radio .custom-control-input:checked ~ .custom-control-label {
  color: #000000;
  font-family: "MatterMedium";
}
.custom-checkbox.custom-radio .custom-control-input:checked ~ .custom-control-label:after, .custom-radio.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
  background-color: #66C244;
  background-image: none;
  content: "";
  border-radius: 50%;
}
.custom-checkbox.custom-radio .custom-control-input:checked ~ .custom-control-label:before, .custom-radio.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
  border-color: #66C244;
  border-radius: 50%;
  background-color: transparent;
}
.custom-checkbox.custom-radio .custom-control-label:before, .custom-checkbox.custom-radio .custom-control-label:after, .custom-radio.custom-radio .custom-control-label:before, .custom-radio.custom-radio .custom-control-label:after {
  border-radius: 50%;
  content: "";
  border-color: #DFDFDF;
}
.custom-checkbox.custom-radio .custom-control-label:before, .custom-radio.custom-radio .custom-control-label:before {
  height: 18px;
  width: 18px;
  border: 2px solid #DFDFDF;
}
.custom-checkbox.custom-radio .custom-control-label:after, .custom-radio.custom-radio .custom-control-label:after {
  width: 8px;
  height: 8px;
  left: 5px;
  top: 7px;
  background-color: #d6d6d6;
}

.custom-checkbox {
  padding-left: 22px;
  min-height: 15px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label {
  color: #5D666C;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  border-color: #0A71B6;
  border-radius: 2px;
  background: #0A71B6;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
  width: 15px;
  height: 15px;
  left: 0;
  top: 3px;
}
.custom-checkbox .custom-control-input {
  width: 16px;
  height: 16px;
}
.custom-checkbox .custom-control-label {
  color: #5D666C;
  min-height: 16px;
  vertical-align: baseline;
  line-height: normal;
  margin-bottom: 0;
}
.custom-checkbox .custom-control-label:before {
  width: 15px;
  height: 15px;
  border-width: 1px;
  top: 3px;
}
@media (max-width: 575.98px) {
  .custom-checkbox .custom-control-label {
    padding-top: 2px;
  }
  .custom-checkbox .custom-control-label:before {
    width: 16px;
    height: 16px;
  }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    width: 16px;
    height: 16px;
    background-size: 8px;
  }
}

input:-internal-autofill-selected {
  -webkit-appearance: menulist-button;
  background-color: rgb(247, 248, 249) !important;
  background-image: none !important;
  color: -internal-light-dark-color(black, white) !important;
  font: 18px "MatterRegular" !important;
}

textarea,
input:matches([type=email],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=url]) {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  outline: 0 !important;
}

:focus {
  outline: 0 !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: 0 !important;
}

.bootstrap-select,
.input-group .bootstrap-select {
  height: auto;
  padding: 0;
}
.bootstrap-select .dropdown-toggle,
.input-group .bootstrap-select .dropdown-toggle {
  border-color: #DFDFDF;
  border-radius: 3px;
  transition: none;
  color: #000000;
  background-color: transparent;
  padding: 14px 15px;
  padding-right: 45px;
  height: 50px;
  letter-spacing: normal;
  text-transform: initial;
  font-family: "MatterRegular";
}
.bootstrap-select .dropdown-toggle.btn-light,
.input-group .bootstrap-select .dropdown-toggle.btn-light {
  border-color: #DFDFDF !important;
}
.bootstrap-select .dropdown-toggle .filter-option,
.input-group .bootstrap-select .dropdown-toggle .filter-option {
  line-height: normal;
}
.bootstrap-select .dropdown-toggle .filter-option-inner,
.input-group .bootstrap-select .dropdown-toggle .filter-option-inner {
  padding-right: 0px;
}
.bootstrap-select .dropdown-toggle:hover, .bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:active:focus, .bootstrap-select .dropdown-toggle:active, .bootstrap-select .dropdown-toggle:active:hover, .bootstrap-select .dropdown-toggle:not(:disabled), .bootstrap-select .dropdown-toggle:not(.disabled):active,
.input-group .bootstrap-select .dropdown-toggle:hover,
.input-group .bootstrap-select .dropdown-toggle:focus,
.input-group .bootstrap-select .dropdown-toggle:active:focus,
.input-group .bootstrap-select .dropdown-toggle:active,
.input-group .bootstrap-select .dropdown-toggle:active:hover,
.input-group .bootstrap-select .dropdown-toggle:not(:disabled),
.input-group .bootstrap-select .dropdown-toggle:not(.disabled):active {
  background-color: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
  color: #000000;
  -webkit-box-shadow: none !important;
  outline: 0 !important;
  border-radius: 3px;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.input-group .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
  padding-right: 5px;
}
.bootstrap-select .dropdown-toggle:after,
.input-group .bootstrap-select .dropdown-toggle:after {
  content: "\E908";
  font-family: "icomoon";
  vertical-align: middle;
  border: none;
  right: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #5D666C;
  line-height: 10px;
  font-size: 12px;
  transition: all 0.5s;
}
.bootstrap-select .dropdown-toggle.bs-placeholder .filter-option-inner-inner,
.input-group .bootstrap-select .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
  color: rgba(0, 0, 0, 0.5);
}
.bootstrap-select .dropdown-toggle.bs-placeholder:after,
.input-group .bootstrap-select .dropdown-toggle.bs-placeholder:after {
  color: rgba(0, 0, 0, 0.5);
}
.bootstrap-select.form-control,
.input-group .bootstrap-select.form-control {
  z-index: initial;
  padding: 0;
}
.bootstrap-select.show .dropdown-toggle,
.input-group .bootstrap-select.show .dropdown-toggle {
  border-radius: 3px 3px 0 0;
  border-color: #0A71B6;
}
.bootstrap-select.show .dropdown-toggle.btn-light,
.input-group .bootstrap-select.show .dropdown-toggle.btn-light {
  border-color: #0A71B6 !important;
}
.bootstrap-select.show .dropdown-toggle:after,
.input-group .bootstrap-select.show .dropdown-toggle:after {
  transform: translateY(-50%) rotate(180deg);
}
.bootstrap-select.show .dropdown-toggle:active,
.input-group .bootstrap-select.show .dropdown-toggle:active {
  border-radius: 0;
}
.bootstrap-select.show .dropdown-menu,
.input-group .bootstrap-select.show .dropdown-menu {
  min-width: 100% !important;
  border-color: #0A71B6;
  border-radius: 0 0 8px 8px;
  z-index: 4;
  width: 100%;
  background-color: #ffffff;
  margin-top: 0px;
  padding: 0;
  border-top: 0;
}
.bootstrap-select.show .dropdown-menu[x-placement=top-start],
.input-group .bootstrap-select.show .dropdown-menu[x-placement=top-start] {
  border-top: 1px solid #0A71B6;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  margin-top: -20px;
}
.bootstrap-select.show .dropdown-menu ul,
.input-group .bootstrap-select.show .dropdown-menu ul {
  display: block !important;
}
.bootstrap-select.show .dropdown-menu .inner li small,
.input-group .bootstrap-select.show .dropdown-menu .inner li small {
  float: right;
  font-size: 14px;
}
.bootstrap-select.show .dropdown-menu .inner li a span.text,
.input-group .bootstrap-select.show .dropdown-menu .inner li a span.text {
  display: block;
}
.bootstrap-select.show .dropdown-menu .inner li.active a, .bootstrap-select.show .dropdown-menu .inner li:active a, .bootstrap-select.show .dropdown-menu .inner li.selected a,
.input-group .bootstrap-select.show .dropdown-menu .inner li.active a,
.input-group .bootstrap-select.show .dropdown-menu .inner li:active a,
.input-group .bootstrap-select.show .dropdown-menu .inner li.selected a {
  background-color: #0A71B6;
  color: #ffffff;
}
.bootstrap-select.show .dropdown-menu .inner li.active a span, .bootstrap-select.show .dropdown-menu .inner li:active a span, .bootstrap-select.show .dropdown-menu .inner li.selected a span,
.input-group .bootstrap-select.show .dropdown-menu .inner li.active a span,
.input-group .bootstrap-select.show .dropdown-menu .inner li:active a span,
.input-group .bootstrap-select.show .dropdown-menu .inner li.selected a span {
  top: 10px;
}
.bootstrap-select.show .dropdown-menu .inner li a,
.input-group .bootstrap-select.show .dropdown-menu .inner li a {
  padding: 10px 15px;
  font-size: 14px;
  white-space: normal;
  line-height: normal;
  transition: all 0.5s;
}
.bootstrap-select.show .dropdown-menu .inner li a:focus,
.input-group .bootstrap-select.show .dropdown-menu .inner li a:focus {
  outline: none !important;
}
.bootstrap-select.show .dropdown-menu .inner li a.active, .bootstrap-select.show .dropdown-menu .inner li a:active, .bootstrap-select.show .dropdown-menu .inner li a:hover,
.input-group .bootstrap-select.show .dropdown-menu .inner li a.active,
.input-group .bootstrap-select.show .dropdown-menu .inner li a:active,
.input-group .bootstrap-select.show .dropdown-menu .inner li a:hover {
  background-color: #0A71B6;
  color: #ffffff;
}
.bootstrap-select.show .dropdown-menu .inner li a.active span, .bootstrap-select.show .dropdown-menu .inner li a:active span, .bootstrap-select.show .dropdown-menu .inner li a:hover span,
.input-group .bootstrap-select.show .dropdown-menu .inner li a.active span,
.input-group .bootstrap-select.show .dropdown-menu .inner li a:active span,
.input-group .bootstrap-select.show .dropdown-menu .inner li a:hover span {
  top: 10px;
}
.bootstrap-select.show .dropdown-menu .inner li a.active .text-muted, .bootstrap-select.show .dropdown-menu .inner li a:active .text-muted, .bootstrap-select.show .dropdown-menu .inner li a:hover .text-muted,
.input-group .bootstrap-select.show .dropdown-menu .inner li a.active .text-muted,
.input-group .bootstrap-select.show .dropdown-menu .inner li a:active .text-muted,
.input-group .bootstrap-select.show .dropdown-menu .inner li a:hover .text-muted {
  color: #ffffff !important;
}
.bootstrap-select.show .dropdown-menu .inner li.no-results,
.input-group .bootstrap-select.show .dropdown-menu .inner li.no-results {
  margin: 10px 5px;
  padding: 7px 10px;
  border-radius: 3px;
  color: #D60000;
  border: 1px solid #d60000;
  background-color: #ffe5e7;
  font-size: 14px;
  white-space: normal;
}
.bootstrap-select.show .dropdown-menu .bs-searchbox,
.input-group .bootstrap-select.show .dropdown-menu .bs-searchbox {
  padding: 10px 8px;
}
.bootstrap-select.show .dropdown-menu .bs-searchbox .form-control,
.input-group .bootstrap-select.show .dropdown-menu .bs-searchbox .form-control {
  padding: 6px 15px;
  border: 1px solid #0A71B6;
  border-radius: 0;
  height: 35px;
}
.bootstrap-select.show.dropup .dropdown-toggle,
.input-group .bootstrap-select.show.dropup .dropdown-toggle {
  border-radius: 0 0 3px 3px;
}
.bootstrap-select.dropup .dropdown-toggle,
.input-group .bootstrap-select.dropup .dropdown-toggle {
  border-radius: 3px;
}
.bootstrap-select.dropup .dropdown-menu,
.input-group .bootstrap-select.dropup .dropdown-menu {
  padding: 0;
  margin-bottom: 0;
  border-bottom: 0;
  border-top: 0;
  border-radius: 3px 3px 0 0;
}
@media (max-width: 1599px) {
  .bootstrap-select .dropdown-toggle,
  .input-group .bootstrap-select .dropdown-toggle {
    height: 45px;
    padding: 10px 15px;
    padding-right: 40px;
    font-size: 15px;
  }
  .bootstrap-select .dropdown-toggle:after,
  .input-group .bootstrap-select .dropdown-toggle:after {
    right: 15px;
  }
}
@media (max-width: 1199.98px) {
  .bootstrap-select .dropdown-toggle,
  .input-group .bootstrap-select .dropdown-toggle {
    padding-right: 30px;
    height: 40px;
    padding: 8px 15px;
  }
  .bootstrap-select .dropdown-toggle:after,
  .input-group .bootstrap-select .dropdown-toggle:after {
    font-size: 12px;
    margin-top: 0;
  }
  .bootstrap-select .dropdown-toggle .filter-option,
  .input-group .bootstrap-select .dropdown-toggle .filter-option {
    line-height: normal;
  }
  .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
  .input-group .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    min-height: 20px;
  }
}
@media (max-width: 767.98px) {
  .bootstrap-select .dropdown-toggle,
  .input-group .bootstrap-select .dropdown-toggle {
    padding-right: 35px;
    font-size: 14px;
  }
  .bootstrap-select .dropdown-toggle:after,
  .input-group .bootstrap-select .dropdown-toggle:after {
    font-size: 10px;
  }
}
.bootstrap-select.phone-field .dropdown-toggle,
.input-group .bootstrap-select.phone-field .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #dcdcdc !important;
  padding-right: 25px;
}
.bootstrap-select.phone-field .dropdown-toggle:after,
.input-group .bootstrap-select.phone-field .dropdown-toggle:after {
  right: 10px;
}

.typeahead.dropdown-menu {
  width: 100% !important;
  padding: 0px;
  border-color: #0A71B6;
  margin-top: -2px;
  border-radius: 0 0 0.25rem 0.25rem;
  max-height: 220px;
  overflow-y: auto;
}
.typeahead.dropdown-menu li.active a, .typeahead.dropdown-menu li:active a, .typeahead.dropdown-menu li.selected a {
  background-color: #0A71B6;
  color: #ffffff;
}
.typeahead.dropdown-menu li.active a span, .typeahead.dropdown-menu li:active a span, .typeahead.dropdown-menu li.selected a span {
  top: 10px;
}
.typeahead.dropdown-menu li a {
  padding: 10px 15px;
  font-size: 14px;
  white-space: normal;
  line-height: normal;
}
.typeahead.dropdown-menu li a:hover {
  background-color: #0A71B6;
  color: #ffffff;
}
.typeahead.dropdown-menu li a:hover span {
  top: 10px;
}
@media (max-width: 767.98px) {
  .typeahead.dropdown-menu {
    left: 0 !important;
    border-radius: 0;
  }
}

.bootstrap-select .btn-default.placeholder {
  color: #999;
}

.bootstrap-select .btn-default:hover.placeholder,
.bootstrap-select .btn-default:active.placeholder {
  color: #777;
}

.selectFocusField label {
  position: absolute;
  cursor: text;
  opacity: 1;
  transition: 0.2s ease all;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  top: 15px;
  left: 21px;
  color: #d6d6d6;
  font-family: "MatterRegular";
  z-index: 3;
}
.selectFocusField .bs-placeholder .filter-option-inner-inner {
  opacity: 0;
}
.selectFocusField .bootstrap-select.show {
  z-index: 4;
}
.selectFocusField .bootstrap-select.hash-value ~ label {
  font-size: 12px;
  color: #d6d6d6;
  font-family: "MatterSemiBold";
  margin-bottom: 0;
  background-color: #f7f8f9;
  top: -8px;
  left: 16px;
  padding: 0 5px;
}
@media (max-width: 1599px) {
  .selectFocusField label {
    top: 12px;
    left: 15px;
    font-size: 15px;
  }
  .selectFocusField .bootstrap-select.hash-value label {
    left: 12px;
  }
}
@media (max-width: 1199.98px) {
  .selectFocusField label {
    top: 10px;
  }
}

.select2.select2-container {
  width: 100% !important;
}
.select2.select2-container span:focus {
  outline: none;
  border: 1px solid #0A71B6;
}
.select2.select2-container--open .select2-selection__arrow, .select2.select2-container--open .select2-selection--multiple:after {
  transform: translateY(-50%) rotate(180deg) !important;
}
.select2.select2-container--default .select2-search--inline .select2-search__field {
  height: 42px !important;
  margin-top: 0;
  font-size: 16px;
  font-family: "MatterRegular";
  padding: 14px 0 6px;
}
.select2.select2-container--default .select2-search--inline .select2-search__field::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.select2.select2-container--default .select2-search--inline .select2-search__field::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.select2.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #0A71B6;
}
.select2.select2-container .select2-selection--single {
  height: 50px;
  padding: 10px 15px;
  border-radius: 3px;
  border: 1px solid #DFDFDF;
  display: flex;
  align-items: center;
}
.select2.select2-container .select2-selection--multiple {
  padding-left: 10px;
  padding-right: 40px;
  border-color: #DFDFDF;
}
.select2.select2-container .select2-selection--multiple:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  font-family: "icomoon";
  content: "\E908";
  font-size: 12px;
  display: inline-block;
  color: #5D666C;
  cursor: pointer;
  transition: 0.5s;
}
.select2.select2-container .select2-selection--multiple .select2-selection__choice {
  padding: 5px 5px 5px 10px;
  margin-top: 7px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  background: #6A90AA;
  color: #ffffff;
  font-size: 12px;
  font-family: "MatterRegular";
  border: 0;
  border-radius: 3px;
}
.select2.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  font-size: 15px;
  padding: 0;
  margin: 0;
  margin-left: 7px;
  color: #ffffff;
  font-weight: normal;
}
.select2.select2-container .select2-selection--multiple .select2-selection__choice__display {
  font-family: "MatterBold";
}
.select2.select2-container .select2-selection__arrow {
  top: 50% !important;
  transform: translateY(-50%);
  right: 8px !important;
  text-align: center;
  transition: 0.5s;
}
.select2.select2-container .select2-selection__arrow:after {
  font-family: "icomoon";
  content: "\E90C";
  font-size: 8px;
  display: inline-block;
  color: #DFDFDF;
}
.select2.select2-container .select2-selection__arrow b {
  display: none;
}
.select2.select2-container .select2-selection__rendered {
  font-size: 16px;
  font-family: "MatterBold";
  color: #000000 !important;
  padding-left: 0px !important;
}
@media (max-width: 1599px) {
  .select2.select2-container--default .select2-search--inline .select2-search__field {
    height: 37px !important;
    padding: 9px 0 6px;
  }
  .select2.select2-container .select2-selection--multiple:after {
    right: 15px;
  }
  .select2.select2-container .select2-selection--multiple .select2-selection__choice {
    padding: 4px 5px 4px 10px;
  }
}
@media (max-width: 1199.98px) {
  .select2.select2-container--default .select2-search--inline .select2-search__field {
    height: 32px !important;
  }
  .select2.select2-container .select2-selection--multiple .select2-selection__choice {
    padding: 3px 5px 3px 10px;
    margin-top: 5px;
  }
}
@media (max-width: 991.98px) {
  .select2.select2-container .select2-selection--single {
    height: 44px;
    padding: 8px 15px;
  }
  .select2.select2-container .select2-selection__arrow {
    top: 50% !important;
    transform: translateY(-50%);
    right: 8px !important;
    text-align: center;
    transition: 0.5s;
  }
  .select2.select2-container .select2-selection__arrow:after {
    font-family: "icomoon";
    content: "\E90C";
    font-size: 8px;
    display: inline-block;
    color: #DFDFDF;
  }
  .select2.select2-container .select2-selection__arrow b {
    display: none;
  }
  .select2.select2-container .select2-selection__rendered {
    font-size: 16px;
    font-family: "MatterBold";
    color: #000000 !important;
    padding-left: 0px !important;
  }
}
@media (max-width: 767.98px) {
  .select2.select2-container--default .select2-search--inline .select2-search__field {
    height: 28px !important;
    font-size: 14px;
  }
  .select2.select2-container .select2-selection--multiple {
    padding-left: 5px;
  }
  .select2.select2-container .select2-selection--multiple:after {
    font-size: 10px;
  }
}

.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above {
  border-color: #0A71B6;
}
.select2-container--open .select2-dropdown .select2-search__field {
  outline: none;
}
.select2-container--open .select2-dropdown .select2-search__field:focus {
  border-color: #0A71B6;
}
.select2-container--open .select2-dropdown .select2-results__option {
  padding: 8px 15px !important;
  color: #707070;
  margin-bottom: 5px;
}
.select2-container--open .select2-dropdown .select2-results__option [aria-selected=true] {
  background-color: #0A71B6 !important;
}
.select2-container--open .select2-dropdown .select2-results__option--highlighted {
  background-color: #0A71B6 !important;
  color: #ffffff !important;
}
.select2-container--open .select2-dropdown .select2-results__option--selected {
  background-color: #0A71B6 !important;
  color: #ffffff !important;
}
@media (max-width: 1599px) {
  .select2-container--open .select2-dropdown .select2-results__option {
    padding: 5px 15px !important;
  }
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #0A71B6 !important;
  color: #ffffff !important;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 175px !important;
}

@font-face {
  font-family: "icomoon";
  src: url("../../fonts/frontend/icomoon.eot?84mlu5");
  src: url("../../fonts/frontend/icomoon.eot?84mlu5#iefix") format("embedded-opentype"), url("../../fonts/frontend/icomoon.ttf?84mlu5") format("truetype"), url("../../fonts/frontend/icomoon.woff?84mlu5") format("woff"), url("../../fonts/frontend/icomoon.svg?84mlu5#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-share:before {
  content: "\E933";
}

.icon-i-share:before {
  content: "\E934";
}

.icon-bank:before {
  content: "\E92F";
}

.icon-upload:before {
  content: "\E930";
}

.icon-filter:before {
  content: "\E900";
}

.icon-mic-off:before {
  content: "\E93C";
}

.icon-video-off:before {
  content: "\E940";
}

.icon-arrow-round:before {
  content: "\E901";
}

.icon-calendar:before {
  content: "\E902";
}

.icon-camera:before {
  content: "\E903";
}

.icon-check-mark:before {
  content: "\E904";
}

.icon-close:before {
  content: "\E905";
}

.icon-credit-card:before {
  content: "\E906";
}

.icon-delete:before {
  content: "\E907";
}

.icon-down-arrow:before {
  content: "\E908";
}

.icon-edit:before {
  content: "\E909";
}

.icon-edit-profile:before {
  content: "\E90A";
}

.icon-facebook:before {
  content: "\E90B";
}

.icon-file:before {
  content: "\E90C";
}

.icon-hand:before {
  content: "\E90D";
}

.icon-information:before {
  content: "\E90E";
}

.icon-instagram:before {
  content: "\E90F";
}

.icon-invitation:before {
  content: "\E910";
}

.icon-left-arrow:before {
  content: "\E911";
}

.icon-lock:before {
  content: "\E912";
}

.icon-mentee:before {
  content: "\E913";
}

.icon-mentor:before {
  content: "\E914";
}

.icon-mic:before {
  content: "\E915";
}

.icon-next-arrow:before {
  content: "\E916";
}

.icon-bell:before {
  content: "\E917";
}

.icon-eye:before {
  content: "\E918";
}

.icon-past-sessions:before {
  content: "\E919";
}

.icon-previous-arrow:before {
  content: "\E91A";
}

.icon-profile:before {
  content: "\E91B";
}

.icon-rate-the-app:before {
  content: "\E91C";
}

.icon-right-arrow:before {
  content: "\E91D";
}

.icon-schedule:before {
  content: "\E91E";
}

.icon-search:before {
  content: "\E91F";
}

.icon-sign-out:before {
  content: "\E920";
}

.icon-star:before {
  content: "\E921";
}

.icon-support:before {
  content: "\E922";
}

.icon-time:before {
  content: "\E923";
}

.icon-timer:before {
  content: "\E924";
}

.icon-top-arrow:before {
  content: "\E925";
}

.icon-transaction:before {
  content: "\E926";
}

.icon-twitter:before {
  content: "\E927";
}

.icon-video:before {
  content: "\E928";
}

.icon-walk-out:before {
  content: "\E929";
}

.icon-youtube:before {
  content: "\E92A";
}

.icon-check:before {
  content: "\E92B";
}

.icon-eye-visible:before {
  content: "\E92C";
}

.icon-notification:before {
  content: "\E92E";
}

.icon-list-view:before {
  content: "\E92D";
}

.icon-sort-arrow:before {
  content: "\E932";
}

.icon-information-outline:before {
  content: "\E931";
}

.ui-datepicker {
  text-align: center;
  margin-top: 2px;
  padding: 0 !important;
  border: 0;
  font-family: "MatterMedium" !important;
  width: 190px;
}
.ui-datepicker .ui-datepicker-title {
  line-height: normal;
  padding: 6px;
  margin: 0 !important;
}
.ui-datepicker .ui-state-active {
  border-color: #0A71B6;
  background-color: #0A71B6 !important;
  color: #ffffff !important;
}
.ui-datepicker.ui-widget-content {
  box-shadow: 0px 0 2px 2px rgba(0, 0, 0, 0.04);
  border: 0 !important;
  width: 265px;
  z-index: 55555 !important;
  border: 1px solid #F2F2F2 !important;
  border-radius: 5px;
}
.ui-datepicker .ui-datepicker-header {
  padding: 0;
  border: 0;
  border-radius: 0;
  padding-top: 8px;
  background-color: transparent !important;
  background-image: none !important;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  cursor: pointer;
  background-color: transparent !important;
  background-image: none !important;
  left: 10px !important;
  top: 12px !important;
  height: 22px !important;
  width: 22px !important;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
  display: none !important;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after {
  content: "\E91D";
  font-family: icomoon;
  height: 100% !important;
  width: 100% !important;
  font-size: 11px;
  border: 1px solid #0A71B6 !important;
  font-weight: normal;
  color: #0A71B6;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(-180deg);
  transform-origin: center;
  line-height: normal;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  cursor: pointer;
  background-color: transparent !important;
  background-image: none !important;
  right: 10px !important;
  top: 12px !important;
  height: 22px !important;
  width: 22px !important;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  display: none !important;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
  content: "\E91D";
  font-family: icomoon;
  height: 100% !important;
  width: 100% !important;
  font-size: 11px;
  border: 1px solid #0A71B6 !important;
  font-weight: normal;
  color: #0A71B6;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: normal;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-month {
  width: 65px !important;
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  font-family: "MatterMedium" !important;
  color: #000000;
  font-size: 14px !important;
  text-align: center;
  border: none !important;
  vertical-align: text-top;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-year {
  width: 65px !important;
  height: 22px;
  font-family: "MatterMedium" !important;
  color: #000000;
  font-size: 14px !important;
  font-weight: 400;
  text-align: center;
  vertical-align: text-top;
}
.ui-datepicker .ui-datepicker-header select.ui-datepicker-month, .ui-datepicker .ui-datepicker-header select.ui-datepicker-year {
  background-color: #ffffff;
  border: 1px solid #DFDFDF !important;
  color: #000000;
  font-size: 16px !important;
  width: 80px !important;
  height: 30px;
  padding: 0px 10px;
  position: relative;
}
.ui-datepicker .ui-datepicker-header select.ui-datepicker-month option, .ui-datepicker .ui-datepicker-header select.ui-datepicker-year option {
  color: #000000 !important;
  font-weight: normal;
}
.ui-datepicker .ui-datepicker-header select.ui-datepicker-month option:hover, .ui-datepicker .ui-datepicker-header select.ui-datepicker-year option:hover {
  color: #ffffff;
}
.ui-datepicker .ui-datepicker-header select.ui-datepicker-month {
  margin-right: 10px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-month option, .ui-datepicker .ui-datepicker-header .ui-datepicker-year option {
  color: #0A71B6 !important;
  background-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-month option [selected], .ui-datepicker .ui-datepicker-header .ui-datepicker-year option [selected] {
  background-color: #e5edf0 !important;
}
.ui-datepicker .ui-datepicker-header .ui-state-hover {
  border: 0 !important;
}
.ui-datepicker .ui-datepicker-calendar thead th {
  color: #C7C7C7;
  font-size: 12px;
  padding: 8px 5px;
  font-weight: normal;
  font-family: "MatterMedium";
  text-transform: uppercase;
}
.ui-datepicker .ui-datepicker-calendar td {
  vertical-align: top;
  width: 33px;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
  border-radius: 2px;
  border-color: #edebeb !important;
  width: 32px;
  height: 32px;
  padding: 0 !important;
  border-radius: 50%;
  line-height: 32px;
  text-align: center !important;
  color: #000;
  font-size: 14px;
  font-weight: 400 !important;
  background: transparent;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-highlight {
  border-color: #dcdcdc;
  background-color: #0A71B6 !important;
  color: #ffffff !important;
  border-radius: 50%;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-hover, .ui-datepicker .ui-datepicker-calendar td .ui-state-default .ui-state-active {
  border-color: #0A71B6;
  background-color: #0A71B6 !important;
  color: #ffffff !important;
  border-radius: 50%;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-datepicker-current {
  float: none !important;
  font-family: Open Sans, Arial, sans-serif;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  border-width: 0 !important;
  border: none;
  vertical-align: top;
  margin: 0 !important;
  background-color: transparent !important;
}
@media (max-width: 1199.98px) {
  .ui-datepicker .ui-datepicker-calendar td .ui-state-default {
    height: 28px;
    width: 28px;
    line-height: 28px;
    font-style: 13px;
  }
}

.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 0 !important;
  background-color: #ffffff;
  color: #000000;
}

.ui-datepicker-buttonpane .ui-datepicker-current.ui-state-default.ui-priority-secondary,
.ui-datepicker-buttonpane .ui-datepicker-close.ui-state-default.ui-priority-primary {
  height: 35px;
  font-size: 14px;
  padding: 7px 20px;
}
.ui-datepicker-buttonpane .ui-datepicker-current.ui-state-default.ui-priority-secondary {
  border-color: #0A71B6;
  color: #0A71B6;
  opacity: 1;
}
.ui-datepicker-buttonpane .ui-datepicker-current.ui-state-default.ui-priority-secondary:hover, .ui-datepicker-buttonpane .ui-datepicker-current.ui-state-default.ui-priority-secondary:focus, .ui-datepicker-buttonpane .ui-datepicker-current.ui-state-default.ui-priority-secondary:active, .ui-datepicker-buttonpane .ui-datepicker-current.ui-state-default.ui-priority-secondary:not(:disabled):not(.disabled):active {
  background: #0A71B6;
  color: #ffffff;
}
.ui-datepicker-buttonpane .ui-datepicker-close.ui-state-default.ui-priority-primary {
  border-color: #0A71B6;
  color: #ffffff;
  background-color: #0A71B6;
}
.ui-datepicker-buttonpane .ui-datepicker-close.ui-state-default.ui-priority-primary:hover, .ui-datepicker-buttonpane .ui-datepicker-close.ui-state-default.ui-priority-primary:focus, .ui-datepicker-buttonpane .ui-datepicker-close.ui-state-default.ui-priority-primary:active, .ui-datepicker-buttonpane .ui-datepicker-close.ui-state-default.ui-priority-primary:not(:disabled):not(.disabled):active {
  border-color: rgb(8.40625, 94.990625, 152.99375);
  background: rgb(8.40625, 94.990625, 152.99375);
  color: #ffffff;
}
@media (max-width: 1599px) {
  .ui-datepicker-buttonpane .ui-datepicker-current.ui-state-default.ui-priority-secondary,
  .ui-datepicker-buttonpane .ui-datepicker-close.ui-state-default.ui-priority-primary {
    padding: 7px 15px;
  }
}
@media (max-width: 767.98px) {
  .ui-datepicker-buttonpane .ui-datepicker-current.ui-state-default.ui-priority-secondary,
  .ui-datepicker-buttonpane .ui-datepicker-close.ui-state-default.ui-priority-primary {
    height: 30px;
    font-size: 13px;
    padding: 5px 12px;
  }
}

.pagination {
  margin-bottom: 0;
  margin-top: 50px;
  justify-content: center;
}
.pagination li + li {
  margin-left: 15px;
}
.pagination li .page-link {
  width: 40px;
  height: 40px;
  border-color: #E1E1E1;
  margin-left: 0;
  font-size: 18px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  border-radius: 5px;
  font-family: "MatterSemiBold";
}
.pagination li .page-link:hover {
  border-color: #66C244;
  background-color: #66C244;
}
.pagination li .page-link:focus {
  box-shadow: none;
}
.pagination li.active .page-link {
  border-color: #66C244;
  background-color: #66C244;
}
.pagination li:first-child .page-link, .pagination li:last-child .page-link {
  border-color: #0A71B6;
  background-color: #0A71B6;
  color: #ffffff;
  font-size: 14px;
}
.pagination li.disabled .page-link {
  border-color: #DFDFDF;
  color: #707070;
  background-color: #ffffff;
}
@media (max-width: 1599px) {
  .pagination {
    margin-top: 20px;
  }
  .pagination li + li {
    margin-left: 10px;
  }
  .pagination li .page-link {
    width: 35px;
    height: 35px;
    font-size: 15px;
  }
}
@media (max-width: 1199.98px) {
  .pagination li .page-link {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 991.98px) {
  .pagination {
    margin-top: 15px;
  }
  .pagination li .page-link {
    font-size: 13px;
  }
  .pagination li:first-child .page-link, .pagination li:last-child .page-link {
    font-size: 12px;
  }
}
@media (max-width: 575.98px) {
  .pagination li:not(:first-child):not(:last-child) {
    display: none;
  }
}

.pageTitle {
  background: #56b457; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #56b457 44%, #56b457 44%, #1b80a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding: 11px 0 15px;
  margin-bottom: 30px;
}
.pageTitle .breadcrumb {
  padding: 0;
  background: transparent;
  margin-bottom: 12px;
}
.pageTitle .breadcrumb .breadcrumb-item {
  font-family: "MatterSemiBold";
}
.pageTitle .breadcrumb .breadcrumb-item a {
  color: rgba(255, 255, 255, 0.7);
}
.pageTitle .breadcrumb .breadcrumb-item a:hover {
  color: #2FE2FF;
}
.pageTitle .breadcrumb .breadcrumb-item.active {
  color: #2FE2FF;
}
.pageTitle .breadcrumb .breadcrumb-item + .breadcrumb-item {
  margin-left: 6px;
}
.pageTitle .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "|";
  color: rgba(255, 255, 255, 0.7);
  margin-right: 6px;
}
.pageTitle h1 {
  font-size: 32px;
  font-family: "MatterBold";
  margin-bottom: 0;
  color: #ffffff;
}
@media (max-width: 1599px) {
  .pageTitle .breadcrumb {
    margin-bottom: 10px;
  }
  .pageTitle h1 {
    font-size: 28px;
  }
}
@media (max-width: 1199.98px) {
  .pageTitle {
    margin-bottom: 25px;
  }
  .pageTitle h1 {
    font-size: 24px;
  }
}
@media (max-width: 991.98px) {
  .pageTitle {
    margin-bottom: 20px;
  }
  .pageTitle .breadcrumb {
    margin-bottom: 7px;
  }
  .pageTitle .breadcrumb .breadcrumb-item + .breadcrumb-item {
    margin-left: 4px;
  }
  .pageTitle .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    margin-right: 4px;
  }
  .pageTitle h1 {
    font-size: 21px;
  }
}
@media (max-width: 575.98px) {
  .pageTitle {
    padding: 9px 0 12px;
  }
  .pageTitle .breadcrumb .breadcrumb-item + .breadcrumb-item {
    margin-left: 0px;
  }
  .pageTitle .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    margin-right: 0px;
  }
  .pageTitle h1 {
    font-size: 18px;
  }
}

.session {
  background: #ffffff;
  border-radius: 3px;
  padding: 15px;
  box-shadow: 2px 2px 3px 1px #cce1e8;
  height: calc(100% - 20px);
  margin-bottom: 20px;
}
.session_img {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  height: 240px;
}
.session_img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.session_img .live {
  background-color: #ffffff;
  padding: 3px 6px;
  font-size: 15px;
  color: #EF0B0B;
  border-radius: 3px;
  position: absolute;
  top: 7px;
  left: 7px;
}
.session_img .live em {
  width: 16px;
  height: 16px;
  background-color: #FDDADA;
  position: relative;
  display: inline-block;
  border-radius: 50px;
  vertical-align: -2px;
  margin-right: 4px;
}
.session_img .live em:before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #EF0B0B;
  border-radius: 50%;
}
.session_img_bottom {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 8px;
}
.session_img_bottom .left {
  display: flex;
  align-items: center;
}
.session_img_bottom .left img {
  width: 18px;
  height: 18px;
  -o-object-fit: cover;
     object-fit: cover;
}
.session_img_bottom .left h6 {
  margin-bottom: 0;
  font-size: 13px;
  margin-left: 5px;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.session_img_bottom .left--moreImages img + img {
  margin-left: -8px;
}
.session_img_bottom .right {
  display: flex;
  align-items: center;
}
.session_img_bottom .right .badge {
  font-size: 11px;
  border-radius: 3px;
  height: 16px;
  min-width: 33px;
  background-color: #66C244;
  margin-right: 5px;
}
.session_img_bottom .right .price {
  font-size: 18px;
  color: #2FE2FF;
  line-height: normal;
}
.session_img .sessionStatus {
  font-size: 11px;
  font-family: "MatterSemiBold";
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 3px;
  padding: 2px 7px;
  position: absolute;
  left: 10px;
  top: 10px;
}
.session_img .sessionStatus.completed {
  background: #66C244;
}
.session_img .sessionStatus.cancelled {
  background: #EF0B0B;
}
.session_img .playIcon {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.session_img .playIcon img {
  height: 35px;
}
.session_caption .title {
  font-size: 18px;
  margin: 15px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  text-overflow: ellipsis;
}
.session_caption a.title {
  color: #000000;
}
.session_caption a.title:hover {
  color: #0A71B6;
}
.session_caption_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E4EEF2;
  flex-wrap: wrap;
  padding-top: 15px;
}
.session_caption_bottom .viewUsers img + img {
  margin-left: -16px;
}
.session_caption_bottom .viewUsers h6 {
  margin-left: 5px;
  margin-bottom: 0;
  color: #455A69;
}
.session_caption_bottom .date {
  color: #6A90AA;
}
.session_caption_bottom .date em {
  margin-right: 5px;
}
.session_caption_bottom .time {
  color: #455A69;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.session_caption_bottom .time em {
  font-size: 16px;
  margin-right: 5px;
}
.session_caption_bottom .time span {
  color: #66C244;
  font-family: "MatterMedium";
  font-size: 16px;
  margin-right: 5px;
}
.session_caption_bottom .sessionStatus {
  font-size: 11px;
  font-family: "MatterSemiBold";
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 3px;
  padding: 2px 7px;
}
.session_caption_bottom .sessionStatus.completed {
  background: #66C244;
}
.session_caption_bottom .sessionStatus.cancelled {
  background: #EF0B0B;
}
.session_caption_bottom .btn {
  padding: 7px 10px;
  height: 36px;
  font-size: 13px;
}
.session_top {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}
.session_top img {
  height: 75px;
  width: 75px;
  -o-object-fit: cover;
     object-fit: cover;
}
.session_top .topContent {
  padding-left: 13px;
}
.session_top .topContent h4 {
  font-size: 18px;
  margin-bottom: 2px;
}
.session_top .topContent span {
  display: block;
  color: #8B8B8B;
  margin-bottom: 5px;
  font-size: 14px;
}
@media (max-width: 1599px) {
  .session_caption .title {
    font-size: 16px;
  }
  .session_caption_bottom {
    padding-top: 8px;
  }
  .session_caption_bottom .viewUsers img {
    height: 25px;
  }
  .session_caption_bottom .viewUsers img + img {
    margin-left: -13px;
  }
  .session_caption_bottom .viewUsers h6 {
    font-size: 14px;
  }
  .session_caption_bottom .viewUsers ~ .btn {
    height: 35px;
    font-size: 12px;
    padding: 10px 8px;
  }
  .session_caption_bottom .time span {
    font-size: 14px;
  }
  .session_caption_bottom .btn {
    margin-top: 5px;
    padding: 8px 12px;
    font-size: 12px;
  }
  .session_top img {
    height: 65px;
    width: 65px;
  }
  .session_top .topContent {
    padding-left: 10px;
  }
  .session_top .topContent h4 {
    font-size: 16px;
  }
  .session_top .topContent span {
    font-size: 13px;
    margin-bottom: 2;
  }
}
@media (max-width: 1199.98px) {
  .session_img {
    height: 220px;
  }
  .session_caption_bottom .date, .session_caption_bottom .time {
    font-size: 13px;
  }
  .session_caption_bottom .time em {
    font-size: 13px;
  }
  .session_caption_bottom .btn {
    font-size: 11px;
    padding: 8px 8px;
    height: 32px;
  }
}
@media (max-width: 991.98px) {
  .session {
    height: calc(100% - 15px);
    margin-bottom: 15px;
  }
  .session_caption .title {
    min-height: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    text-overflow: ellipsis;
  }
}
@media (max-width: 575.98px) {
  .session {
    padding: 10px;
  }
  .session_img .live {
    font-size: 13px;
  }
  .session_img_bottom .left img {
    width: 16px;
    height: 16px;
  }
  .session_img_bottom .right {
    display: flex;
    align-items: center;
  }
  .session_img_bottom .right .badge {
    font-size: 10px;
  }
  .session_img_bottom .right .price {
    font-size: 14px;
  }
  .session_img .playIcon img {
    height: 30px;
  }
  .session_caption .title {
    margin: 10px 0;
    font-size: 15px;
  }
  .session_caption_bottom ul {
    margin-bottom: 5px !important;
  }
  .session_top {
    margin-bottom: 12px;
  }
  .session_top img {
    height: 55px;
    width: 55px;
  }
  .session_top .topContent h4 {
    font-size: 15px;
    margin-bottom: 1px;
  }
  .session_top .topContent span {
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .session_caption .title {
    min-height: auto;
  }
}

.customTabs {
  position: relative;
  margin-bottom: 30px;
}
.customTabs ul.nav-tabs {
  border: 0;
  position: relative;
  margin-bottom: 0;
}
.customTabs ul.nav-tabs:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #E2E2E2;
  position: absolute;
  bottom: 0.5px;
  left: 0;
}
.customTabs ul.nav-tabs li.nav-item a {
  color: #5D666C;
  border: none;
  padding: 0 0 10px;
  font-size: 18px;
  font-family: "MatterSemiBold";
}
.customTabs ul.nav-tabs li.nav-item a:after {
  content: "";
  width: 0%;
  height: 3px;
  background-color: #0A71B6;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  transition: all 0.5s;
}
.customTabs ul.nav-tabs li.nav-item a.active, .customTabs ul.nav-tabs li.nav-item a:hover {
  color: #0A71B6;
  background-color: transparent;
}
.customTabs ul.nav-tabs li.nav-item a.active:after, .customTabs ul.nav-tabs li.nav-item a:hover:after {
  width: 100%;
}
.customTabs ul.nav-tabs li.nav-item:not(:last-child) {
  margin-right: 40px;
}
.customTabs .dropdown-filter {
  position: absolute;
  right: 0;
  top: 0;
}
.customTabs .dropdown-filter .btn-filter {
  border: 0;
  background: transparent;
  color: #0A71B6;
}
.customTabs .dropdown-filter .btn-filter em {
  font-size: 13px;
  margin-right: 3px;
}
.customTabs .dropdown-filter .dropdown-menu {
  border: 0;
  border-radius: 3px;
  background: #040340;
  padding: 5px 15px;
  min-width: inherit;
  left: auto !important;
  right: 0;
  margin-top: 10px;
}
.customTabs .dropdown-filter .dropdown-menu:before {
  content: "";
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #040340;
  right: 10px;
  top: -6px;
}
.customTabs .dropdown-filter .dropdown-menu .dropdown-item {
  color: #ffffff;
  padding: 10px 0 10px 15px;
  background: transparent;
}
.customTabs .dropdown-filter .dropdown-menu .dropdown-item:not(:last-child) {
  border-bottom: 1px solid #2C3B6B;
}
.customTabs .dateRange {
  border-radius: 2px;
  background: #6A90AA;
  color: #ffffff;
  padding: 2px 6px;
  position: absolute;
  right: 85px;
  top: 0;
}
.customTabs .dateRange a {
  color: #ffffff;
  margin-left: 5px;
  font-size: 11px;
}
.customTabs .dateRange a:hover {
  color: #66C244;
}
@media (max-width: 1599px) {
  .customTabs ul.nav-tabs li.nav-item a {
    font-size: 16px;
  }
  .customTabs ul.nav-tabs li.nav-item:not(:last-child) {
    margin-right: 35px;
  }
}
@media (max-width: 1199.98px) {
  .customTabs {
    margin-bottom: 20px;
  }
  .customTabs ul.nav-tabs li.nav-item a {
    font-size: 16px;
  }
  .customTabs ul.nav-tabs li.nav-item:not(:last-child) {
    margin-right: 30px;
  }
  .customTabs .dropdown-filter .dropdown-menu .dropdown-item {
    padding: 5px 0 5px 10px;
    font-size: 14px;
  }
}
@media (max-width: 991.98px) {
  .customTabs {
    margin-bottom: 15px;
  }
  .customTabs ul.nav-tabs li.nav-item:not(:last-child) {
    margin-right: 25px;
  }
  .customTabs ul.nav-tabs li.nav-item a:after {
    height: 2px;
  }
}
@media (max-width: 767.98px) {
  .customTabs ul.nav-tabs li.nav-item:not(:last-child) {
    margin-right: 15px;
  }
  .customTabs ul.nav-tabs li.nav-item a {
    font-size: 15px;
  }
  .customTabs .dateRange {
    padding: 1px 5px;
    right: 0px;
    top: 30px;
    font-size: 12px;
  }
  .customTabs .dateRange a {
    margin-left: 3px;
    font-size: 9px;
  }
}
@media (max-width: 575.98px) {
  .customTabs ul.nav-tabs {
    margin-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .customTabs .dropdown-filter {
    font-size: 12px;
  }
  .customTabs .dropdown-filter .btn-filter {
    font-size: 0;
  }
  .customTabs .dropdown-filter .btn-filter em {
    font-size: 9px;
  }
  .customTabs .dropdown-filter .btn-filter span {
    font-size: 12px;
  }
  .customTabs .dropdown-filter .dropdown-menu .dropdown-item {
    padding: 3px 0 3px 3px;
    font-size: 12px;
  }
  .customTabs ul.nav-tabs li.nav-item:not(:last-child) {
    margin-right: 10px;
  }
  .customTabs ul.nav-tabs li.nav-item a {
    font-size: 14px;
  }
}

.oneSessionList .pagination {
  margin-top: 30px;
}
.oneSessionList .row {
  margin-left: -5px;
  margin-right: -5px;
}
.oneSessionList .row > .col, .oneSessionList .row > [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 21px;
}
.oneSessionList .sessionBox {
  padding: 15px;
  height: 100%;
}
.oneSessionList .sessionBox_top {
  padding: 3px 0 0 7px;
}
.oneSessionList .sessionBox_top_img {
  width: 75px;
  height: 75px;
  min-width: 75px;
}
.oneSessionList .sessionBox_top_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.oneSessionList .sessionBox_top_info {
  margin-left: 12px;
  width: 100%;
}
.oneSessionList .sessionBox_top_info h5 {
  font-size: 18px;
  margin-bottom: 2px;
}
.oneSessionList .sessionBox_top_info p {
  font-size: 14px;
  color: #8B8B8B;
}
.oneSessionList .sessionBox_top_info .rating {
  margin-top: 7px;
  font-size: 0;
  margin-bottom: 2px;
}
.oneSessionList .sessionBox_top_info .rating em {
  font-size: 13px;
  color: #d9d9d9;
}
.oneSessionList .sessionBox_top_info .rating em:not(:last-child) {
  margin-right: 5px;
}
.oneSessionList .sessionBox_top_info .rating em.active {
  color: #FFA933;
}
.oneSessionList .sessionBox_top_info .ratingRow {
  position: relative;
}
.oneSessionList .sessionBox_top_info .ratingRow .rateNowBtn {
  font-size: 14px;
  padding: 7px 12px;
  border: 1px solid #0A71B6;
  color: #0A71B6;
  background-color: #F2FAFD;
  border-radius: 5px;
  position: absolute;
  right: 0;
  top: 8px;
}
.oneSessionList .sessionBox_bottom {
  border-top: 1px solid #E4EEF2;
  padding-top: 12px;
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.oneSessionList .sessionBox_bottom .date {
  color: #6A90AA;
}
.oneSessionList .sessionBox_bottom .date em {
  margin-right: 5px;
}
.oneSessionList .sessionBox_bottom .time {
  color: #455A69;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.oneSessionList .sessionBox_bottom .time em {
  font-size: 16px;
  margin-right: 5px;
}
.oneSessionList .sessionBox_bottom .time span {
  color: #66C244;
  font-family: "MatterMedium";
  font-size: 16px;
  margin-right: 5px;
}
.oneSessionList .sessionBox_bottom .right {
  text-align: right;
}
.oneSessionList .sessionBox_bottom .right p .text {
  color: #C7C7C7;
  font-size: 15px;
  margin-right: 6px;
  font-family: "MatterRegular";
}
.oneSessionList .sessionBox_bottom .right p .rateNo {
  font-size: 18px;
  font-family: "MatterSemiBold";
  color: #000000;
}
.oneSessionList .sessionBox_bottom .right p .rateNo em {
  font-size: 16px;
  color: #FFA933;
}
.oneSessionList .sessionBox_bottom .right .status {
  font-family: "MatterSemiBold";
  font-size: 11px;
  color: #ffffff;
  border-radius: 3px;
  padding: 2px 12px;
  display: inline-block;
}
.oneSessionList .sessionBox_bottom .right .status.status-cancel {
  background-color: #EF0B0B;
}
.oneSessionList .sessionBox_bottom .right .status.status-complete {
  background-color: #66C244;
}
@media (max-width: 1599px) {
  .oneSessionList .sessionBox_top {
    padding: 3px 0 0 7px;
  }
  .oneSessionList .sessionBox_top_img {
    width: 55px;
    height: 55px;
    min-width: 55px;
  }
  .oneSessionList .sessionBox_top_info h5 {
    font-size: 16px;
  }
}
@media (max-width: 1199.98px) {
  .oneSessionList .pagination {
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .oneSessionList .pagination {
    margin-top: 10px;
  }
  .oneSessionList .row > .col, .oneSessionList .row > [class*=col-] {
    margin-bottom: 15px;
  }
  .oneSessionList .sessionBox_top {
    padding: 0;
  }
  .oneSessionList .sessionBox_top_img {
    width: 45px;
    height: 45px;
    min-width: 45px;
  }
  .oneSessionList .sessionBox_bottom .right p .rateNo {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .oneSessionList .sessionBox_top_info .ratingRow .rateNowBtn {
    font-size: 13px;
    padding: 6px 10px;
  }
  .oneSessionList .sessionBox_bottom {
    padding-top: 8px;
    margin-top: 9px;
  }
  .oneSessionList .sessionBox_bottom .date {
    font-size: 13px;
  }
  .oneSessionList .sessionBox_bottom .time {
    font-size: 13px;
  }
  .oneSessionList .sessionBox_bottom .time em {
    font-size: 14px;
  }
  .oneSessionList .sessionBox_bottom .right p .text {
    font-size: 13px;
    margin-right: 2px;
  }
  .oneSessionList .sessionBox_bottom .right p .rateNo {
    font-size: 14px;
  }
  .oneSessionList .sessionBox_bottom .right p .rateNo em {
    font-size: 14px;
  }
  .oneSessionList .sessionBox_bottom .right .status {
    padding: 2px 6px;
  }
}

.tagList {
  margin-top: 9px;
}
.tagList a {
  display: inline-block;
  background: #455A69;
  color: #ffffff;
  border-radius: 5px;
  cursor: context-menu;
  font-size: 12px;
  font-family: "MatterMedium";
  padding: 6px 10px;
}
.tagList a:not(:last-child) {
  margin-right: 5px;
  margin-bottom: 5px;
}
@media (max-width: 1199.98px) {
  .tagList a {
    font-size: 11px;
    padding: 3px 7px;
  }
}

.commonTable .table {
  margin-bottom: 0;
}
.commonTable .table thead tr th {
  font-family: "MatterMedium";
  font-size: 14px;
  padding: 12px;
  white-space: nowrap;
  border-top-color: #DFDFDF;
  border-bottom: 0;
  font-weight: normal;
}
.commonTable .table thead tr th .sort {
  display: inline-block;
  position: relative;
}
.commonTable .table thead tr th .sort:before {
  content: "\E932";
  font-family: "icomoon" !important;
  position: absolute;
  right: -14px;
  color: #0A71B6;
  top: 0;
  font-size: 16px;
}
.commonTable .table thead tr th:first-child {
  padding-left: 0;
}
.commonTable .table tbody tr td {
  font-size: 14px;
  padding: 15px;
  white-space: nowrap;
  vertical-align: top;
}
.commonTable .table tbody tr td .userInfo {
  display: flex;
  align-items: center;
}
.commonTable .table tbody tr td .userInfo img {
  height: 30px;
  margin-right: 10px;
  min-width: 30px;
  max-width: 30px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.commonTable .table tbody tr td .userInfo .info h5 {
  font-size: 14px;
  margin-bottom: 0;
}
.commonTable .table tbody tr td .userInfo .info span {
  display: block;
  color: #0A71B6;
  font-size: 12px;
}
.commonTable .table tbody tr td .status {
  font-size: 11px;
  font-family: "MatterSemiBold";
  border-radius: 3px;
  text-transform: uppercase;
  padding: 2px 5px;
  border: 1px solid #66C244;
  color: #66C244;
  background-color: #F1FFEC;
}
.commonTable .table tbody tr td:first-child {
  padding-left: 0;
}
.commonTable .table tbody tr td .tableDesc {
  white-space: normal;
  width: 195px;
  display: block;
}
.commonTable .table tbody tr:last-child td {
  border-bottom: 1px solid #DFDFDF;
}
@media (max-width: 1399px) {
  .commonTable .table tbody tr td {
    padding: 12px;
  }
}

.filterCalender {
  position: absolute;
  right: 0;
  z-index: 9;
  min-width: 310px;
  background: #ffffff;
  margin-top: 15px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.filterCalender .form-control:disabled {
  background-color: #fcfcfc;
}
.filterCalender:before {
  content: "";
  position: absolute;
  top: -15px;
  right: 33px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ffffff;
}
.filterCalender_body {
  padding: 15px 18px 0;
}
.filterCalender_body label {
  font-size: 14px;
}
.filterCalender_body span {
  font-size: 12px;
  color: #B4D0DB;
}
.filterCalender_body .form-control {
  height: 44px;
}
.filterCalender_body .dateIcon:after {
  top: 12px;
  font-size: 18px;
}
.filterCalender_body .checkList .custom-checkbox {
  padding-left: 0;
  margin-bottom: 20px;
}
.filterCalender_body .checkList .custom-checkbox:last-child {
  border-top: 1px solid #F2F2F2;
  padding-top: 10px;
}
.filterCalender_body .checkList .custom-checkbox:last-child .custom-control-label:before, .filterCalender_body .checkList .custom-checkbox:last-child .custom-control-label:after {
  top: 12px;
}
.filterCalender_body .checkList .custom-checkbox .custom-control-label {
  font-size: 18px;
  color: #000000;
}
.filterCalender_body .checkList .custom-checkbox .custom-control-label:before {
  width: 18px;
  height: 18px;
  border-radius: 2px;
  right: 0;
  left: auto;
  border-color: #DFDFDF;
  background: transparent;
}
.filterCalender_body .checkList .custom-checkbox .custom-control-label:after {
  background-color: transparent;
  background-image: none;
  content: "\E92B";
  font-family: "icomoon";
  font-size: 8px;
  right: 0;
  left: auto;
  color: #DFDFDF;
  top: 3px;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 100;
}
.filterCalender_body .checkList .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #66C244;
  border-color: #66C244;
}
.filterCalender_body .checkList .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
  background-image: none;
  color: #ffffff;
}
.filterCalender_footer {
  border-top: 1px solid #F2F2F2;
  padding: 10px 18px;
}
.filterCalender_footer .clear-btn {
  background: transparent;
  border: 0;
}
@media (max-width: 1199.98px) {
  .filterCalender {
    min-width: 300px;
  }
  .filterCalender_body {
    padding: 15px 15px 0;
  }
  .filterCalender_body .form-control {
    height: 40px;
  }
  .filterCalender_body .checkList .custom-checkbox {
    margin-bottom: 15px;
  }
  .filterCalender_body .checkList .custom-checkbox .custom-control-label {
    font-size: 16px;
  }
  .filterCalender_body .checkList .custom-checkbox .custom-control-label:before {
    width: 15px;
    height: 15px;
  }
  .filterCalender_body .checkList .custom-checkbox .custom-control-label:after {
    width: 15px;
    height: 15px;
    font-size: 6px;
  }
  .filterCalender_footer {
    padding: 10px 15px;
  }
}
@media (max-width: 991.98px) {
  .filterCalender_body .checkList .custom-checkbox .custom-control-label {
    font-size: 15px;
  }
  .filterCalender_body .dateIcon:after {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .filterCalender {
    min-width: 290px;
  }
  .filterCalender:before {
    top: -11px;
    right: 20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
  }
}
@media (max-width: 480px) {
  .filterCalender:before {
    right: 5px;
  }
}

.homePage .banner {
  background: #1b7f9f;
  overflow: hidden;
  background: linear-gradient(to bottom, #1b7f9f 0%, #218497 11%, #218796 12%, #238796 15%, #248a8f 19%, #298d8f 25%, #2a8c8b 26%, #2d9189 32%, #2f9085 34%, #2e9385 36%, #319386 37%, #319482 38%, #379a7d 49%, #399a79 51%, #48a668 77%, #49aa67 79%, #4bab61 85%, #4eac62 85%, #50ae60 89%, #4fae5d 89%, #51b05e 92%, #51af5b 92%, #54b357 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1b7f9f", endColorstr="#54b357",GradientType=0 );
  min-height: 412px;
  position: relative;
}
.homePage .banner:before {
  background: url("../../images/home/banner-left-shape.png") no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 272px;
  height: 354px;
  content: "";
}
.homePage .banner:after {
  background: url("../../images/home/banner-bottom-shape.png") no-repeat;
  background-size: cover;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 264px;
  height: 287px;
  content: "";
}
.homePage .banner .img {
  animation: imgAnimation 1.5s;
}
@keyframes imgAnimation {
  0% {
    transform: translateY(100%);
    visibility: hidden;
  }
  100% {
    transform: translateY(0);
    visibility: visible;
  }
}
.homePage .banner_content {
  margin-right: 140px;
  animation: contentAnimation 1.5s;
}
.homePage .banner_content h1 {
  font-size: 48px;
  margin-bottom: 50px;
  position: relative;
}
.homePage .banner_content li {
  font-size: 20px;
  color: #ffffff;
  animation: contentAnimation 1.8s;
}
.homePage .banner_content li + li {
  margin-top: 32px;
}
.homePage .banner_content li:before {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ffffff;
  content: "";
  display: block;
  margin: 0 auto 6px;
}
@keyframes contentAnimation {
  0% {
    transform: translateY(125%);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 1599px) {
  .homePage .banner_content {
    margin-right: 80px;
  }
  .homePage .banner_content h1 {
    font-size: 38px;
  }
}
@media (max-width: 1199.98px) {
  .homePage .banner {
    min-height: 308px;
  }
  .homePage .banner:before, .homePage .banner:after {
    width: 150px;
    height: 180px;
  }
  .homePage .banner img {
    width: 430px;
  }
  .homePage .banner_content {
    margin-right: 30px;
    padding: 15px 0;
  }
  .homePage .banner_content h1 {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .homePage .banner_content li {
    font-size: 18px;
  }
  .homePage .banner_content li + li {
    margin-top: 20px;
  }
  .homePage .banner_content li:before {
    width: 8px;
    height: 8px;
    margin-bottom: 2px;
  }
}
@media (max-width: 991.98px) {
  .homePage .banner {
    min-height: 280px;
  }
  .homePage .banner img {
    width: 392px;
  }
  .homePage .banner_content {
    margin-right: 20px;
  }
  .homePage .banner_content h1 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .homePage .banner_content li {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .homePage .banner {
    min-height: 200px;
  }
  .homePage .banner img {
    width: 280px;
  }
  .homePage .banner_content h1 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .homePage .banner_content li {
    font-size: 14px;
  }
}
@media (max-width: 575.98px) {
  .homePage .banner {
    height: auto;
  }
  .homePage .banner_content {
    margin-right: 0;
  }
  .homePage .banner:before, .homePage .banner:after {
    width: 100px;
    height: 120px;
  }
  .homePage .banner img {
    width: 250px;
  }
  .homePage .banner .container {
    text-align: center;
  }
}
.homePage .liveSession {
  padding: 50px 0;
}
.homePage .liveSession_head {
  margin-bottom: 25px;
}
.homePage .liveSession_head_left {
  flex: 1;
}
.homePage .liveSession_head span {
  width: 30px;
  height: 30px;
  background-color: #F76E26;
  color: #ffffff;
  border-radius: 50%;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.homePage .liveSession_head p {
  color: #6A90AA;
}
.homePage .liveSession_head .showLink {
  color: #0A71B6;
}
.homePage .liveSession_head .showLink:hover {
  color: rgb(11.328125, 128.0078125, 206.171875);
}
.homePage .liveSession .slick-list {
  margin: 0 -10px;
  padding-bottom: 10px;
}
.homePage .liveSession .arrow {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F5F8F7;
  border: 1px solid #0A71B6;
  border-radius: 50%;
  color: #0A71B6;
  font-size: 23px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.homePage .liveSession .arrow.slick-disabled {
  background-color: rgba(245, 248, 247, 0.2);
  border-color: rgba(93, 102, 108, 0.2);
  color: rgba(93, 102, 108, 0.2);
}
.homePage .liveSession .arrow.prev {
  left: -115px;
  margin-left: -6px;
}
.homePage .liveSession .arrow.next {
  right: -115px;
  margin-right: -6px;
}
.homePage .liveSession .arrow.next em {
  transform: rotate(180deg);
}
.homePage .liveSession .session {
  margin: 0 5px;
}
@media (max-width: 1670px) {
  .homePage .liveSession .arrow.prev {
    left: -80px;
  }
  .homePage .liveSession .arrow.next {
    right: -80px;
  }
}
@media (max-width: 1599px) {
  .homePage .liveSession .arrow {
    width: 45px;
    height: 45px;
    font-size: 20px;
  }
  .homePage .liveSession .arrow.prev {
    left: -65px;
  }
  .homePage .liveSession .arrow.next {
    right: -65px;
  }
}
@media only screen and (max-width: 1540px) and (min-width: 1430px) {
  .homePage .liveSession .arrow {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
  .homePage .liveSession .arrow.prev {
    left: -18px;
  }
  .homePage .liveSession .arrow.next {
    right: -18px;
  }
}
@media (max-width: 1260px) {
  .homePage .liveSession .arrow {
    font-size: 16px;
    top: auto;
    bottom: -50px;
    transform: translate(0);
  }
  .homePage .liveSession .arrow.prev {
    left: calc(100% - 90px);
  }
  .homePage .liveSession .arrow.next {
    right: 0;
  }
}
@media (max-width: 1199.98px) {
  .homePage .liveSession {
    padding: 30px 0;
  }
  .homePage .liveSession .arrow {
    width: 36px;
    height: 36px;
    font-size: 15px;
    bottom: -40px;
  }
  .homePage .liveSession .arrow.prev {
    left: calc(100% - 70px);
  }
  .homePage .liveSession_head {
    margin-bottom: 15px;
  }
  .homePage .liveSession_head span {
    width: 26px;
    height: 26px;
    font-size: 14px;
  }
}
@media (max-width: 575.98px) {
  .homePage .liveSession {
    padding: 20px 0 36px;
  }
  .homePage .liveSession_head_right {
    margin-top: 10px;
    text-align: right;
  }
  .homePage .liveSession .arrow {
    width: 30px;
    height: 30px;
    font-size: 13px;
    bottom: -25px;
  }
  .homePage .liveSession .arrow.prev {
    left: calc(100% - 60px);
  }
  .homePage .liveSession .slick-list {
    padding-bottom: 15px;
  }
}
.homePage .upcomingSession {
  padding-bottom: 80px;
}
@media (max-width: 1599px) {
  .homePage .upcomingSession {
    padding-bottom: 65px;
  }
}
@media (max-width: 1199.98px) {
  .homePage .upcomingSession {
    padding-bottom: 57px;
  }
}
@media (max-width: 575.98px) {
  .homePage .upcomingSession {
    padding-bottom: 35px;
  }
}

.loginPage .innerBox {
  min-height: 100vh;
}
@media (max-width: 1599px) {
  .loginPage .innerBox {
    min-height: calc(100vh - 80px);
  }
}
@media (max-width: 1199.98px) {
  .loginPage .innerBox {
    min-height: calc(100vh - 70px);
  }
}
@media (max-width: 991.98px) {
  .loginPage .innerBox {
    min-height: calc(100vh - 65px);
  }
}
@media (max-width: 767.98px) {
  .loginPage .innerBox {
    min-height: calc(100vh - 60px);
    display: block;
  }
}
.loginPage .loginWrap {
  background-color: #ffffff;
}
.loginPage .loginWrap_left {
  background: rgb(74, 166, 205);
  position: relative;
  background: linear-gradient(to bottom, rgb(74, 166, 205) 0%, rgb(28, 121, 162) 0%, rgb(22, 123, 165) 0%, rgb(22, 125, 168) 0%, rgb(22, 123, 165) 1%, rgb(25, 128, 163) 5%, rgb(27, 127, 161) 5%, rgb(27, 127, 159) 7%, rgb(30, 132, 157) 13%, rgb(32, 132, 155) 16%, rgb(31, 132, 152) 16%, rgb(37, 138, 148) 24%, rgb(38, 136, 145) 25%, rgb(37, 138, 146) 26%, rgb(39, 138, 144) 26%, rgb(48, 145, 134) 41%, rgb(51, 150, 132) 45%, rgb(52, 150, 127) 48%, rgb(54, 152, 127) 51%, rgb(56, 152, 125) 51%, rgb(55, 154, 125) 54%, rgb(57, 154, 121) 55%, rgb(62, 159, 118) 62%, rgb(62, 159, 114) 64%, rgb(64, 162, 115) 66%, rgb(65, 162, 111) 68%, rgb(66, 163, 112) 69%, rgb(65, 162, 109) 69%, rgb(71, 166, 108) 75%, rgb(70, 166, 105) 75%, rgb(76, 172, 101) 84%, rgb(75, 171, 99) 85%, rgb(78, 172, 98) 85%, rgb(82, 175, 94) 92%, rgb(81, 177, 90) 94%, rgb(85, 180, 90) 98%, rgb(86, 180, 86) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4aa6cd", endColorstr="#56b456",GradientType=0 );
}
.loginPage .loginWrap_left:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: url("../../images/auth/top-left-shape.png"), url("../../images/auth/top-right-shape.png"), url("../../images/auth/bottom-left-shape.png"), url("../../images/auth/bottom-right-shape.png");
  background-position: top left, top right, bottom left, bottom right;
  background-repeat: no-repeat;
}
.loginPage .loginWrap_left .details_bottom {
  max-width: 400px;
  margin-top: -45px;
  position: relative;
  text-align: center;
}
.loginPage .loginWrap_left .details_bottom h3 {
  line-height: 48px;
  margin-bottom: 20px;
}
.loginPage .loginWrap_left .details_bottom p {
  margin-bottom: 0;
}
.loginPage .loginWrap_left .details_bottom-lg {
  max-width: 520px;
  margin-top: -62px;
}
.loginPage .loginWrap_left .welcome {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width: 1599px) {
  .loginPage .loginWrap_left .details_bottom h3 {
    line-height: normal;
    margin-bottom: 15px;
  }
  .loginPage .loginWrap_left .details_bottom-lg {
    padding: 0 15px;
  }
  .loginPage .loginWrap_left:before {
    background-size: 30%;
  }
}
@media (max-width: 991.98px) {
  .loginPage .loginWrap_left .details_bottom {
    margin-top: -35px;
    padding: 0 15px;
  }
}
@media (max-width: 767.98px) {
  .loginPage .loginWrap_left {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .loginPage .loginWrap_left--welcome-bg {
    height: 300px;
  }
  .loginPage .loginWrap_left .welcome {
    position: static;
    height: 100%;
    margin: 0;
    margin-top: auto;
  }
  .loginPage .loginWrap_left .details {
    padding: 15px 15px 20px;
  }
  .loginPage .loginWrap_left .details img {
    max-width: 400px;
  }
  .loginPage .loginWrap_left .details_bottom h3 {
    margin-bottom: 8px;
  }
  .loginPage .loginWrap_left:before {
    background-size: 15%;
  }
}
@media (max-width: 575.98px) {
  .loginPage .loginWrap_left--welcome-bg {
    height: 220px;
  }
  .loginPage .loginWrap_left .details img {
    max-width: 290px;
  }
  .loginPage .loginWrap_left .details_bottom {
    margin-top: -20px;
    padding: 0;
  }
}
.loginPage .loginWrap_right {
  background: url("../../images/auth/right-curve-top.png") top right no-repeat, url("../../images/auth/right-curve-bottom.png") bottom right no-repeat;
  background-size: 220px, 235px;
}
.loginPage .loginWrap_right .content {
  padding: 45px 115px 90px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.loginPage .loginWrap_right .content h2 {
  font-size: 70px;
  line-height: 78px;
  margin: 42px 0 45px;
}
.loginPage .loginWrap_right .content h5 {
  font-size: 18px;
}
.loginPage .loginWrap_right .content .logo {
  margin-bottom: 45px;
}
.loginPage .loginWrap_right .content .authUser {
  max-width: 570px;
}
.loginPage .loginWrap_right .content .authUser ul {
  margin: 40px 0 50px;
}
.loginPage .loginWrap_right .content .authUser li + li {
  margin-top: 40px;
}
.loginPage .loginWrap_right .content .authUser li a {
  color: #000000;
}
.loginPage .loginWrap_right .content .authUser li label {
  margin-bottom: 0;
  width: 100%;
  padding: 23px 30px 23px 24px;
  border: 1px solid #DFDFDF;
  position: relative;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 6px 0px;
  border-radius: 5px;
  transition: all 0.5s;
}
.loginPage .loginWrap_right .content .authUser li span {
  width: 72px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  background: #F2F2F2;
  border-radius: 50%;
  margin-right: 30px;
  color: #8B8B8B;
  transition: all 0.5s;
}
.loginPage .loginWrap_right .content .authUser li input[type=checkbox], .loginPage .loginWrap_right .content .authUser li input[type=radio] {
  opacity: 0;
  position: absolute;
}
.loginPage .loginWrap_right .content .authUser li input[type=checkbox]:checked ~ label, .loginPage .loginWrap_right .content .authUser li input[type=radio]:checked ~ label {
  border-color: #F26F27;
  color: #F76E26;
}
.loginPage .loginWrap_right .content .authUser li input[type=checkbox]:checked ~ label::before, .loginPage .loginWrap_right .content .authUser li input[type=radio]:checked ~ label::before {
  content: "\E904";
  font-family: "icomoon" !important;
  color: #66C244;
  font-size: 35px;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s;
}
.loginPage .loginWrap_right .content .authUser li input[type=checkbox]:checked ~ label > span, .loginPage .loginWrap_right .content .authUser li input[type=radio]:checked ~ label > span {
  background: #FFF3EC;
  color: #F76E26;
}
.loginPage .loginWrap_right .content .authUser .proceed-btn {
  height: 56px;
  font-size: 18px;
}
.loginPage .loginWrap_right .content .socialPlatform p {
  color: #5D666C;
  margin-bottom: 5px;
}
.loginPage .loginWrap_right .content .socialPlatform p a {
  text-decoration: underline;
}
.loginPage .loginWrap_right .content .socialPlatform span {
  font-size: 14px;
  color: #DFDFDF;
}
.loginPage .loginWrap_right .formTab {
  margin-bottom: 55px;
}
.loginPage .loginWrap_right .formTab li {
  min-width: 75px;
}
.loginPage .loginWrap_right .formTab li:not(:last-child) {
  margin-right: 40px;
}
.loginPage .loginWrap_right .formTab li a {
  padding: 0;
  font-size: 16px;
  color: #5D666C;
  text-align: center;
  position: relative;
}
.loginPage .loginWrap_right .formTab li a:after {
  content: "";
  width: 75px;
  height: 3px;
  background-color: #0A71B6;
  position: absolute;
  bottom: -10px;
  left: 0;
  z-index: 1;
  transform: scale(0);
  transition: all 0.5s;
}
.loginPage .loginWrap_right .formTab li a.active, .loginPage .loginWrap_right .formTab li a:hover {
  background: transparent;
  color: #0A71B6;
}
.loginPage .loginWrap_right .formTab li a.active:after, .loginPage .loginWrap_right .formTab li a:hover:after {
  transform: scale(1);
}
.loginPage .loginWrap_right .userForm {
  max-width: 443px;
  position: relative;
}
.loginPage .loginWrap_right .userForm_head {
  margin-bottom: 30px;
}
.loginPage .loginWrap_right .userForm_head h3 {
  line-height: 55px;
}
.loginPage .loginWrap_right .userForm_head p {
  margin-bottom: 0;
  color: #5D666C;
}
.loginPage .loginWrap_right .userForm_head p span {
  color: #000000;
  margin-left: 15px;
}
.loginPage .loginWrap_right .userForm textarea {
  height: 120px;
}
.loginPage .loginWrap_right .userForm .keepMe {
  margin: 10px 0 60px;
}
.loginPage .loginWrap_right .userForm .submit {
  min-width: 350px;
  margin-top: 25px;
}
.loginPage .loginWrap_right .userForm_otp {
  margin-bottom: 5px;
}
.loginPage .loginWrap_right .userForm_otp input {
  width: 64px;
  border: 0;
  border-bottom: 2px solid #DFDFDF;
  background: transparent;
  font-size: 26px;
  text-align: center;
}
.loginPage .loginWrap_right .userForm_otp input:not(:last-child) {
  margin-right: 30px;
}
.loginPage .loginWrap_right .userForm_otp input::-moz-placeholder {
  color: #DFDFDF;
  font-size: 24px;
}
.loginPage .loginWrap_right .userForm_otp input::placeholder {
  color: #DFDFDF;
  font-size: 24px;
}
.loginPage .loginWrap_right .userForm_otp input:focus {
  border-color: #0A71B6;
}
.loginPage .loginWrap_right .userForm .duration {
  margin: 30px 0;
  max-width: 350px;
}
.loginPage .loginWrap_right .userForm .duration span {
  font-size: 18px;
  color: #DFDFDF;
}
.loginPage .loginWrap_right .userForm .duration span.active {
  color: #0A71B6;
}
.loginPage .loginWrap_right .userForm .resendCode {
  color: #707070;
  margin-top: 40px;
  margin-bottom: 0;
}
.loginPage .loginWrap_right .userForm .row {
  margin: 0 -10px;
}
.loginPage .loginWrap_right .userForm .row > [class*=col-] {
  padding: 0 10px;
}
.loginPage .loginWrap_right .userForm_user {
  margin-bottom: 24px;
}
.loginPage .loginWrap_right .userForm .userProfile_thumb {
  width: 100px;
  height: 100px;
  background-color: #F2FAFD;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.loginPage .loginWrap_right .userForm .userProfile_thumb img {
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.loginPage .loginWrap_right .userForm .userProfile_thumb input {
  position: absolute;
}
.loginPage .loginWrap_right .userForm .userProfile_icon {
  font-size: 30px;
  margin-bottom: 0;
  color: #0A71B6;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loginPage .loginWrap_right .userForm .userProfile h6 {
  margin-left: 15px;
  color: #0A71B6;
}
.loginPage .loginWrap_right .userForm .userProfile label {
  color: #0A71B6;
  cursor: pointer;
}
.loginPage .loginWrap_right .timeline {
  margin: 15px 0 24px;
  overflow: hidden;
  counter-reset: step;
  display: flex;
  padding: 0;
  justify-content: space-between;
}
.loginPage .loginWrap_right .timeline li {
  list-style-type: none;
  color: #DFDFDF;
  position: relative;
  display: flex;
  align-items: center;
}
.loginPage .loginWrap_right .timeline li:before {
  content: counter(step);
  counter-increment: step;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  line-height: 26px;
  text-align: center;
  border: 1px solid #DFDFDF;
  display: block;
  color: #DFDFDF;
  border-radius: 50%;
  margin-right: 10px;
}
.loginPage .loginWrap_right .timeline li:after {
  content: "";
  width: 17px;
  height: 1px;
  background: #DFDFDF;
  position: absolute;
  left: 0;
  margin: 0 -25px;
}
.loginPage .loginWrap_right .timeline li:first-child:after {
  content: none;
}
.loginPage .loginWrap_right .timeline li:not(:last-child) {
  margin-right: 20px;
}
.loginPage .loginWrap_right .timeline li.active {
  color: #0A71B6;
}
.loginPage .loginWrap_right .timeline li.active:before, .loginPage .loginWrap_right .timeline li.active:after {
  background: #0A71B6;
  border-color: #0A71B6;
  color: #ffffff;
}
.loginPage .loginWrap_right .previous {
  margin-top: 125px;
}
.loginPage .loginWrap_right .previous p {
  color: #707070;
  margin-right: 10px;
}
@media (max-width: 1700px) {
  .loginPage .loginWrap_right .content {
    padding: 45px 90px 45px;
  }
  .loginPage .loginWrap_right .content h2 {
    margin: 0px 0 45px;
  }
}
@media (max-width: 1599px) {
  .loginPage .loginWrap_right {
    background-size: 160px, 175px;
  }
  .loginPage .loginWrap_right .content {
    padding: 30px 70px 30px;
  }
  .loginPage .loginWrap_right .content h2 {
    font-size: 60px;
    line-height: 68px;
    margin: 0 0 25px;
  }
  .loginPage .loginWrap_right .content .logo {
    margin-bottom: 20px;
  }
  .loginPage .loginWrap_right .content .authUser ul {
    margin: 30px 0;
  }
  .loginPage .loginWrap_right .content .authUser li label {
    padding: 15px;
  }
  .loginPage .loginWrap_right .content .authUser li span {
    width: 62px;
    height: 62px;
    line-height: 62px;
    margin-right: 20px;
    font-size: 20px;
  }
  .loginPage .loginWrap_right .content .authUser li input[type=checkbox]:checked ~ label::before, .loginPage .loginWrap_right .content .authUser li input[type=radio]:checked ~ label::before {
    font-size: 30px;
    right: 15px;
  }
  .loginPage .loginWrap_right .content .authUser li + li {
    margin-top: 30px;
  }
  .loginPage .loginWrap_right .formTab {
    margin-bottom: 30px;
  }
  .loginPage .loginWrap_right .formTab li:not(:last-child) {
    margin-right: 30px;
  }
  .loginPage .loginWrap_right .userForm_head {
    margin-bottom: 20px;
  }
  .loginPage .loginWrap_right .userForm_head h3 {
    line-height: normal;
  }
  .loginPage .loginWrap_right .userForm_head p span {
    margin-left: 5px;
  }
  .loginPage .loginWrap_right .userForm_otp input {
    font-size: 20px;
  }
  .loginPage .loginWrap_right .userForm .keepMe {
    margin: 10px 0 30px;
  }
  .loginPage .loginWrap_right .userForm .duration {
    margin: 20px 0;
  }
  .loginPage .loginWrap_right .userForm .resendCode {
    margin-top: 20px;
  }
  .loginPage .loginWrap_right .userForm_user {
    margin-bottom: 15px;
  }
  .loginPage .loginWrap_right .userForm .userProfile_thumb {
    width: 80px;
    height: 80px;
  }
  .loginPage .loginWrap_right .userForm .userProfile_icon {
    font-size: 25px;
  }
  .loginPage .loginWrap_right .userForm .timeline {
    margin: 15px 0;
  }
}
@media (max-width: 1199.98px) {
  .loginPage .loginWrap_right {
    background-size: 130px, 145px;
  }
  .loginPage .loginWrap_right .content {
    padding: 30px;
  }
  .loginPage .loginWrap_right .content .logo {
    margin-bottom: 15px;
  }
  .loginPage .loginWrap_right .content .logo img {
    height: 32px;
  }
  .loginPage .loginWrap_right .content h2 {
    font-size: 35px;
    line-height: 45px;
    margin: 0 0 20px;
  }
  .loginPage .loginWrap_right .content .authUser .proceed-btn {
    height: 50px;
    font-size: 16px;
  }
  .loginPage .loginWrap_right .content .authUser ul {
    margin: 20px 0;
  }
  .loginPage .loginWrap_right .content .authUser li span {
    width: 52px;
    height: 52px;
    line-height: 52px;
    margin-right: 15px;
  }
  .loginPage .loginWrap_right .content .authUser li input[type=checkbox]:checked ~ label::before, .loginPage .loginWrap_right .content .authUser li input[type=radio]:checked ~ label::before {
    font-size: 27px;
  }
  .loginPage .loginWrap_right .content .authUser li + li {
    margin-top: 20px;
  }
  .loginPage .loginWrap_right_tags .select2.select2-container .select2-selection__choice {
    padding: 2px 5px 5px 8px;
  }
  .loginPage .loginWrap_right_tags .select2.select2-container .select2-selection__choice__remove {
    font-size: 15px;
  }
  .loginPage .loginWrap_right .userForm_head h3 {
    font-size: 26px;
  }
  .loginPage .loginWrap_right .userForm .submit {
    min-width: 250px;
    margin-top: 10px;
  }
  .loginPage .loginWrap_right .userForm .timeline {
    justify-content: end;
  }
  .loginPage .loginWrap_right .userForm .timeline li:not(:last-child) {
    margin-right: 40px;
  }
  .loginPage .loginWrap_right .userForm_otp input {
    width: 47px;
  }
  .loginPage .loginWrap_right .userForm_otp input:not(:last-child) {
    margin-right: 20px;
  }
  .loginPage .loginWrap_right .userForm .duration {
    max-width: 245px;
  }
  .loginPage .loginWrap_right .userForm .duration span {
    font-size: 16px;
  }
  .loginPage .loginWrap_right .userForm .resendCode {
    margin-top: 15px;
  }
  .loginPage .loginWrap_right .userForm .userProfile_thumb {
    width: 65px;
    height: 65px;
  }
  .loginPage .loginWrap_right .userForm .userProfile_icon {
    font-size: 20px;
  }
  .loginPage .loginWrap_right .userForm textarea {
    height: 80px;
  }
  .loginPage .loginWrap_right .previous {
    margin-top: 15px;
  }
}
@media (max-width: 991.98px) {
  .loginPage .loginWrap_right .userForm_head p span {
    display: block;
    margin-left: 0;
  }
  .loginPage .loginWrap_right .content {
    padding: 20px;
  }
  .loginPage .loginWrap_right .content h2 {
    font-size: 25px;
    line-height: 33px;
    margin-top: 0;
  }
  .loginPage .loginWrap_right .content .authUser .proceed-btn {
    height: 45px;
    font-size: 14px;
  }
  .loginPage .loginWrap_right .content .authUser ul {
    margin: 15px 0 20px;
  }
  .loginPage .loginWrap_right .content .authUser li span {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 17px;
  }
  .loginPage .loginWrap_right .content .authUser li input[type=checkbox]:checked ~ label::before, .loginPage .loginWrap_right .content .authUser li input[type=radio]:checked ~ label::before {
    font-size: 24px;
  }
  .loginPage .loginWrap_right .content .authUser li + li {
    margin-top: 15px;
  }
  .loginPage .loginWrap_right .formTab {
    margin-bottom: 25px;
  }
  .loginPage .loginWrap_right .timeline {
    display: block;
  }
  .loginPage .loginWrap_right .timeline li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .loginPage .loginWrap_right .timeline li:before {
    min-width: 25px;
    max-width: 25px;
    height: 25px;
    line-height: 21px;
    font-size: 12px;
  }
  .loginPage .loginWrap_right .timeline li:after {
    width: 1px;
    height: 17px;
    left: 13px;
    margin: 0;
    top: -16px;
  }
}
@media (max-width: 767.98px) {
  .loginPage .loginWrap_right {
    background-image: none;
  }
  .loginPage .loginWrap_right .userForm {
    max-width: 100%;
  }
  .loginPage .loginWrap_right .userForm_head h3 {
    font-size: 24px;
  }
  .loginPage .loginWrap_right .userForm .duration {
    margin: 15px 0;
  }
  .loginPage .loginWrap_right .content .socialPlatform {
    margin-top: 15px;
  }
  .loginPage .loginWrap_right .content .authUser {
    max-width: 100%;
  }
  .loginPage .loginWrap_right .content h5 {
    font-size: 16px;
  }
  .loginPage .loginWrap_right .content .logo {
    margin-bottom: 10px;
  }
  .loginPage .loginWrap_right .content .logo img {
    height: 28px;
  }
}
@media (max-width: 575.98px) {
  .loginPage .loginWrap_right .userForm_head {
    margin-bottom: 15px;
  }
  .loginPage .loginWrap_right .userForm_head h3 {
    font-size: 20px;
  }
  .loginPage .loginWrap_right .userForm_head p span {
    margin-left: 0;
  }
  .loginPage .loginWrap_right .userForm_otp input::-moz-placeholder {
    font-size: 20px;
  }
  .loginPage .loginWrap_right .userForm_otp input::placeholder {
    font-size: 20px;
  }
  .loginPage .loginWrap_right .userForm .keepMe {
    margin: 10px 0 20px;
  }
  .loginPage .loginWrap_right .userForm .submit {
    min-width: 140px;
    height: 35px;
  }
  .loginPage .loginWrap_right .userForm .duration span {
    font-size: 14px;
  }
  .loginPage .loginWrap_right .userForm textarea {
    height: 70px;
  }
  .loginPage .loginWrap_right .content {
    padding: 15px;
  }
  .loginPage .loginWrap_right .content h2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
  }
  .loginPage .loginWrap_right .content .authUser li span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    margin-right: 8px;
  }
  .loginPage .loginWrap_right .content .authUser li input[type=checkbox]:checked ~ label::before, .loginPage .loginWrap_right .content .authUser li input[type=radio]:checked ~ label::before {
    font-size: 18px;
  }
  .loginPage .loginWrap_right .content .socialPlatform--welFooter {
    margin-top: 30px;
  }
  .loginPage .loginWrap_right .formTab li {
    min-width: 40px;
  }
  .loginPage .loginWrap_right .formTab li:not(:last-child) {
    margin-right: 20px;
  }
  .loginPage .loginWrap_right .formTab li a {
    font-size: 14px;
    text-align: left;
  }
  .loginPage .loginWrap_right .formTab li a:after {
    width: 45px;
    bottom: -7px;
    right: 0;
  }
}

.groupDetail {
  padding-bottom: 50px;
}
.groupDetail__left__top h2 {
  margin-bottom: 10px;
}
.groupDetail__left__top p {
  color: #707070;
  font-size: 18px;
}
.groupDetail__left .mentordetails__rating img {
  height: 56px;
  width: 56px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin-right: 15px;
}
.groupDetail__left .mentordetails__rating h5 {
  font-size: 18px;
}
.groupDetail__left .mentordetails__rating .rating em {
  margin-right: 3px;
  color: #d9d9d9;
}
.groupDetail__left .mentordetails__rating .rating em.active {
  color: #FFA933;
}
.groupDetail__left .mentordetails__rating .ratingContent {
  padding-top: 6px;
}
.groupDetail__left .mentordetails__rating .otherInfo li {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.groupDetail__left .mentordetails__rating .otherInfo li label {
  color: #5D666C;
  margin-bottom: 0;
  margin-right: 10px;
}
.groupDetail__left .mentordetails__rating .otherInfo li span {
  font-family: "MatterMedium";
}
.groupDetail__left .mentordetails__rating .otherInfo li:not(:last-child) {
  margin-right: 10px;
  padding-right: 18px;
}
.groupDetail__left .mentordetails__rating .otherInfo li:not(:last-child):after {
  content: "";
  width: 1px;
  height: 18px;
  background-color: #DFDFDF;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.groupDetail__left .mentordetails__rating .otherInfo.borderBottom {
  border-bottom: 1px solid #F2F2F2;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.groupDetail__left .mentordetails__rating .sessionList {
  background-color: #F2FAFD;
  padding: 10px 15px;
  border-radius: 5px;
  margin: 11px 0;
}
.groupDetail__left .mentordetails__rating .sessionList li {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.groupDetail__left .mentordetails__rating .sessionList li span {
  border-radius: 3px;
  background: #66C244;
  display: inline-flex;
  align-items: center;
  min-width: 27px;
  max-width: 27px;
  height: 26px;
  justify-content: center;
  color: #ffffff;
  margin-right: 6px;
}
.groupDetail__left .mentordetails__rating .sessionList li:not(:last-child) {
  margin-right: 15px;
  padding-right: 12px;
}
.groupDetail__left .mentordetails__rating .sessionList li:not(:last-child):after {
  content: "";
  width: 1px;
  height: 34px;
  background-color: #E4EEF2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.groupDetail__left .participantsList__box {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.groupDetail__left .participantsList__box .user {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.groupDetail__left .participantsList__box img {
  height: 44px;
  width: 44px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin-right: 15px;
}
.groupDetail__left .participantsList__box a {
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.groupDetail__left .participantsList__box a:hover {
  text-decoration: underline;
  color: #0A71B6;
}
.groupDetail__right {
  padding: 20px;
}
.groupDetail__right .rightTop {
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  text-align: center;
  height: 285px;
}
.groupDetail__right .rightTop img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.groupDetail__right .rightTop .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.35);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.groupDetail__right .rightTop .overlay .playIcon img:hover {
  opacity: 0.8;
}
.groupDetail__right .rightBody__heading .paymentStatus {
  background: #66C244;
  color: #ffffff;
  border-radius: 3px;
  font-family: "MatterSemiBold";
  padding: 0 9px;
  margin-right: 7px;
  display: inline-block;
}
.groupDetail__right .secionschedule {
  margin-bottom: 15px;
}
.groupDetail__right .secionschedule li {
  color: #455A69;
}
.groupDetail__right .secionschedule li em {
  color: #F76E26;
  margin-right: 5px;
}
.groupDetail__right .secionschedule li:not(:last-child) {
  margin-bottom: 5px;
}
.groupDetail__right .secionschedule .scheduleRight_group span + span {
  margin-left: 8px;
}
.groupDetail__right .secionschedule span {
  font-size: 14px;
  color: #C5C5C5;
  margin: 5px 0 0;
}
.groupDetail__right .secionschedule span.session-status {
  color: #ffffff;
  border-radius: 3px;
  padding: 1px 10px;
  margin-top: 5px;
  text-transform: uppercase;
}
.groupDetail__right .secionschedule span.session-status-success {
  border-color: #66C244;
  background: #66C244;
  color: #ffffff;
}
.groupDetail__right .secionschedule span.session-status-cancelled {
  border-color: #EF0B0B;
  background-color: #EF0B0B;
}
.groupDetail__right .secionschedule span.session-status-outline {
  border-radius: 3px;
  padding: 1px 10px;
  text-transform: uppercase;
  border: 1px solid;
}
.groupDetail__right .secionschedule span.session-status-outline-success {
  border-color: #66C244;
  color: #66C244;
  background-color: #F1FFEC;
}
.groupDetail__right .secionschedule span.session-status-outline-pending {
  border-color: #6A90AA;
  color: #6A90AA;
}
.groupDetail__right .cancelReason {
  border-top: 1px solid #F2F2F2;
  padding-top: 20px;
  margin-bottom: 15px;
}
.groupDetail__right .cancelReason p {
  color: #707070;
  line-height: 22px;
  word-break: break-all;
}
.groupDetail__right .refundText {
  border-top: 1px solid #F2F2F2;
  padding-top: 15px;
  color: #455A69;
}
.groupDetail__right .refundText em {
  font-size: 20px;
  color: #F76E26;
  margin-right: 12px;
}
.groupDetail__right .sessionAction {
  border-top: 1px solid #DFDFDF;
  padding-top: 15px;
  margin-top: 15px;
}
.groupDetail__right .sessionAction a {
  color: #EF0B0B;
}
.groupDetail__right .sessionAction a em {
  height: 17px;
  width: 17px;
  border: 1px solid #EF0B0B;
  border-radius: 50%;
  font-style: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  font-size: 14px;
  margin-right: 4px;
}
.groupDetail__right .share {
  margin-bottom: 10px;
}
.groupDetail__right .share .btn {
  padding: 0;
  height: 40px;
  width: 40px;
  background-color: #FFA933;
  color: #ffffff;
  font-size: 16px;
  border-radius: 50%;
}
.groupDetail .requested {
  background-color: #E4EEF2;
  color: #6A90AA;
  cursor: context-menu !important;
}
@media (max-width: 1599px) {
  .groupDetail {
    padding-bottom: 35px;
  }
  .groupDetail__left__top p {
    font-size: 16px;
  }
  .groupDetail__left .mentordetails__rating h5 {
    font-size: 16px;
  }
  .groupDetail__left .mentordetails__rating .rating em {
    margin-right: 2px;
  }
  .groupDetail__left .participantsList__box {
    margin-bottom: 15px;
  }
  .groupDetail__right .rightTop {
    margin-bottom: 15px;
    height: 240px;
  }
  .groupDetail__right .cancelReason {
    padding-top: 8px;
  }
  .groupDetail__right .refundText {
    padding-top: 8px;
  }
  .groupDetail__right .refundText em {
    font-size: 15px;
  }
  .groupDetail__right .secionschedule span {
    font-size: 12px;
  }
  .groupDetail__right .secionschedule li {
    font-size: 13px;
  }
  .groupDetail__right .secionschedule .scheduleRight_group {
    display: block !important;
  }
  .groupDetail__right .secionschedule .scheduleRight_group span {
    display: block;
  }
}
@media (max-width: 1199.98px) {
  .groupDetail .groupRow {
    margin: 0 -10px;
  }
  .groupDetail .groupRow > .col, .groupDetail .groupRow > [class*=col-] {
    padding: 0 10px;
  }
  .groupDetail__left .mentordetails__rating img {
    height: 50px;
    width: 50px;
    margin-right: 10px;
  }
  .groupDetail__left .participantsList__box img {
    height: 40px;
    width: 40px;
    margin-right: 10px;
  }
  .groupDetail__right {
    padding: 15px;
  }
  .groupDetail__right .rightTop {
    height: 200px;
  }
  .groupDetail__right .rightBody__heading .paymentStatus {
    font-size: 12px;
    padding: 0 7px;
    margin-right: 4px;
  }
  .groupDetail__right .secionschedule {
    margin-bottom: 10px;
  }
  .groupDetail__right .secionschedule span.session-status {
    font-size: 11px;
  }
}
@media (max-width: 991.98px) {
  .groupDetail {
    padding-bottom: 15px;
  }
  .groupDetail__left .participantsList__box img {
    height: 35px;
    width: 35px;
  }
  .groupDetail__left .participantsList__wrapper {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
  }
  .groupDetail__left .mentordetails__rating .sessionList {
    padding: 8px 10px;
  }
  .groupDetail__left .mentordetails__rating .sessionList li:not(:last-child) {
    margin-right: 10px;
    padding-right: 7px;
  }
  .groupDetail__left .mentordetails__rating .otherInfo li label {
    margin-right: 6px;
  }
  .groupDetail__left .mentordetails__rating .otherInfo li:not(:last-child) {
    margin-right: 8px;
    padding-right: 10px;
  }
  .groupDetail__left .mentordetails__rating .otherInfo.borderBottom {
    border-bottom: 1px solid #F2F2F2;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .groupDetail .groupRow {
    margin: 0 -7px;
  }
  .groupDetail .groupRow .groupCol {
    padding: 0 7px;
  }
}
@media (max-width: 767.98px) {
  .groupDetail__left__top p {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .groupDetail__left .mentordetails__rating .sessionList li {
    width: 100%;
  }
  .groupDetail__left .mentordetails__rating .sessionList li:not(:last-child) {
    margin-right: 0px;
    padding-right: 0px;
    margin-bottom: 5px;
  }
  .groupDetail__left .mentordetails__rating .sessionList li:not(:last-child):after {
    display: none;
  }
  .groupDetail__left .participantsList__wrapper {
    max-height: 230px;
  }
  .groupDetail__left .participantsList__box {
    margin-bottom: 12px;
  }
  .groupDetail__right {
    padding: 10px;
  }
  .groupDetail__right .sessionAction {
    padding-top: 10px;
    margin-top: 10px;
  }
  .groupDetail__right .sessionAction a em {
    height: 15px;
    width: 15px;
  }
  .groupDetail__right .rightTop {
    margin-bottom: 10px;
    height: 185px;
  }
  .groupDetail__right .rightTop .playIcon img {
    height: 30px;
  }
  .groupDetail__right .secionschedule {
    margin-bottom: 12px;
  }
  .groupDetail__right .secionschedule li {
    color: #455A69;
  }
  .groupDetail__right .secionschedule li em {
    color: #F76E26;
    margin-right: 5px;
  }
  .groupDetail__right .secionschedule li:not(:last-child) {
    margin-bottom: 5px;
  }
  .groupDetail__right .secionschedule .scheduleRight {
    display: flex;
    justify-content: space-between;
  }
  .groupDetail__right .secionschedule span.session-status.status-sucess {
    margin-left: 3px;
    margin-top: 0;
  }
}
@media (max-width: 575.98px) {
  .groupDetail__left .mentordetails__rating {
    display: block !important;
    text-align: center;
  }
  .groupDetail__right {
    padding: 15px;
  }
  .groupDetail__right .rightTop {
    text-align: center;
    height: 220px;
  }
  .groupDetail__right .secionschedule {
    margin-bottom: 12px;
  }
  .groupDetail__right .secionschedule li {
    color: #455A69;
  }
  .groupDetail__right .secionschedule li em {
    color: #F76E26;
    margin-right: 5px;
  }
  .groupDetail__right .secionschedule li:not(:last-child) {
    margin-bottom: 5px;
  }
  .groupDetail__right .secionschedule span.session-status.status-sucess {
    margin-left: 3px;
  }
}

.officeHours {
  padding-bottom: 50px;
}
.officeHours__wrapper .row {
  margin: 0 -5px;
}
.officeHours__wrapper .row [class*=col-] {
  padding: 0 5px;
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .officeHours__wrapper .listing [class*=col-] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
  }
}
@media (max-width: 1599px) {
  .officeHours {
    padding-bottom: 35px;
  }
}
@media (max-width: 991.98px) {
  .officeHours {
    padding-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .officeHours__wrapper .row [class*=col-] {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.videoCall {
  background: #040340;
}
.videoCall .callSection {
  flex: 0 0 75%;
  max-width: 75%;
  padding: 60px 55px 0;
}
.videoCall .callSection--full {
  flex: 0 0 100%;
  max-width: 100%;
}
.videoCall .callSection.oneVideoSession {
  padding: 52px;
}
.videoCall .callSection.oneVideoSession .videoScreen {
  height: calc(100vh - 207px);
}
.videoCall .callSection.oneVideoSession .videoControl .video-btn em, .videoCall .callSection.oneVideoSession .videoControl .video-btn span {
  margin-left: 95px;
}
.videoCall .callSection__head {
  margin-bottom: 35px;
}
.videoCall .callSection__head .callTimer {
  margin-left: 20px;
}
.videoCall .callSection__head .callTimer em {
  height: 64px;
  width: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #F76E26;
  background: rgba(255, 255, 255, 0.2);
  margin-right: 15px;
  font-size: 32px;
  border-radius: 50%;
}
.videoCall .callSection .videoScreen {
  height: calc(100vh - 262px);
  position: relative;
}
.videoCall .callSection .videoScreen video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.videoCall .callSection .videoScreen .timeDuration {
  display: flex;
  align-items: center;
  color: #ffffff;
  padding: 36px 15px 21px;
  bottom: 0;
  width: 100%;
  justify-content: center;
  z-index: 1;
  position: absolute;
  left: 0;
}
.videoCall .callSection .videoScreen .timeDuration em {
  font-size: 21px;
  margin-right: 12px;
}
.videoCall .callSection .videoScreen .timeDuration span {
  font-size: 18px;
}
.videoCall .callSection .videoScreen .timeDuration.gradiant:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  opacity: 0.4;
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 100%, rgb(0, 0, 0) 100%);
}
.videoCall .callSection .videoScreen .profile-picture, .videoCall .callSection .videoScreen .profile-picture-local {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.videoCall .callSection .videoScreen .profile-picture img, .videoCall .callSection .videoScreen .profile-picture-local img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.videoCall .callSection .videoScreen .muteVideoBox {
  display: none;
  height: 100%;
  width: 100%;
}
.videoCall .callSection .videoScreen .muteVideoBox > div {
  background-color: #2D2D2D;
  position: relative;
}
.videoCall .callSection .videoScreen .muteVideoBox > div .nameCircle {
  font-size: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0A71B6;
  color: #ffffff;
  height: 76px;
  width: 76px;
  border-radius: 50%;
}
.videoCall .callSection .videoScreen.muteVideo #mainVideo {
  display: none;
}
.videoCall .callSection .videoScreen.muteVideo .muteVideoBox {
  display: block;
}
.videoCall .callSection .videoScreen .callReciever {
  position: absolute;
  height: 215px;
  width: 290px;
  border-radius: 5px;
  right: 30px;
  bottom: 30px;
  overflow: hidden;
  z-index: 2;
}
.videoCall .callSection .videoScreen .callReciever #smallVideo {
  background: rgba(255, 255, 255, 0.2);
}
.videoCall .callSection .videoScreen .callReciever .noVideo {
  height: 100%;
  width: 100%;
  background-color: #2D2D2D;
  position: relative;
}
.videoCall .callSection .videoScreen .callReciever .noVideo span {
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0A71B6;
  color: #ffffff;
  height: 54px;
  width: 54px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(50% - 37px);
}
.videoCall .callSection .videoScreen .callReciever video {
  -o-object-fit: cover;
     object-fit: cover;
}
.videoCall .callSection .videoScreen .callReciever .recieverName {
  position: absolute;
  padding: 4px 10px;
  color: #ffffff;
  left: 0;
  width: 100%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 0 0 5px 5px;
  text-transform: capitalize;
  display: flex;
}
.videoCall .callSection .videoScreen .callReciever .recieverName .callControls {
  position: static;
}
.videoCall .callSection .videoScreen .callReciever .recieverName .callControls a {
  height: 24px;
  width: 24px;
  font-size: 13px;
}
.videoCall .callSection .videoScreen .callReciever .recieverName.hideRemoteUserInfo {
  display: none;
}
.videoCall .callSection .videoScreen .callReciever .full-video {
  height: 24px;
  width: 24px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  position: absolute;
  left: 10px;
  top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.videoCall .callSection .videoScreen .callControls {
  position: absolute;
  right: 25px;
  top: 25px;
  display: flex;
}
.videoCall .callSection .videoScreen .callControls a {
  height: 41px;
  width: 41px;
  border-radius: 50%;
  border: 2px solid #5D5D5D;
  color: #5D5D5D;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  position: relative;
}
.videoCall .callSection .videoScreen .callControls a:not(:last-child) {
  margin-right: 10px;
}
.videoCall .callSection .videoScreen .callControls a.active {
  color: #2FE2FF;
  border-color: #2FE2FF;
}
.videoCall .callSection .videoControl {
  background: rgba(255, 255, 255, 0.2);
  padding: 15px 45px;
}
.videoCall .callSection .videoControl .btn-circle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.videoCall .callSection .videoControl .btn-circle em {
  height: 42px;
  width: 42px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  margin-bottom: 10px;
  background: #ffffff;
  font-size: 20px;
}
.videoCall .callSection .videoControl .btn-circle span {
  color: #ffffff;
  font-size: 14px;
  font-family: "MatterSemiBold";
}
.videoCall .callSection .videoControl .btn-circle:not(:last-child) {
  margin-right: 40px;
}
.videoCall .callSection .videoControl .btn-circle.walk-out-btn em {
  background: #EF0B0B;
  color: #ffffff;
}
.videoCall .callSection .videoControl .btn-circle.disabled {
  opacity: 0.3;
}
.videoCall__participants {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 60px 15px 25px 30px;
}
.videoCall__participants.no-participants {
  display: none;
}
.videoCall__participants .participantsList {
  max-height: calc(100vh - 138px);
  overflow: auto;
}
.videoCall__participants .participantsList__box {
  display: flex;
  align-items: center;
  font-family: "MatterSemiBold";
  color: #000000;
  padding: 2px 0;
}
.videoCall__participants .participantsList__box img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin-right: 15px;
  border: 1px solid transparent;
  -o-object-fit: cover;
     object-fit: cover;
}
.videoCall__participants .participantsList__box:not(:last-child) {
  margin-bottom: 15px;
}
.videoCall__participants .participantsList__box > div {
  max-width: calc(100% - 55px);
}
.videoCall__participants .participantsList__box:hover {
  background: #F2FAFD;
}
.videoCall__participants .participantsList__box em, .videoCall__participants .participantsList__box span {
  display: none;
}
.videoCall__participants .participantsList__box strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 280px;
  padding-right: 3px;
}
.videoCall__participants .participantsList__box.active {
  background: #F2FAFD;
}
.videoCall__participants .participantsList__box.active img {
  border-color: #F76E26;
}
.videoCall__participants .participantsList__box.active em {
  position: absolute;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #F76E26;
  left: 24px;
  bottom: 0;
  color: #ffffff;
  font-size: 12px;
}
.videoCall__participants .participantsList__box.active .videoMsg {
  display: inline-block;
  color: rgba(93, 102, 108, 0.4);
  font-size: 14px;
  margin-left: 5px;
  font-family: "MatterRegular";
}
.videoCall__participants .participantsList__box .riseHand {
  color: #5D666C;
  font-size: 14px;
  font-family: "MatterRegular";
  height: auto;
}
.videoCall__participants .participantsList__box .riseHand em {
  border: 0;
  background: transparent;
  color: #5D666C;
  display: inline-block;
  height: auto;
  width: auto;
  font-size: 14px;
}
.videoCall__participants .participantsList .btnRow .btn {
  font-size: 12px;
  height: 26px;
  padding: 5px 11px;
}
.videoCall__participants h4 {
  margin-bottom: 25px;
}
.videoCall__participants .divider {
  height: 1px;
  width: 100%;
  background: #f2f2f2;
  margin: 15px 0;
}
.videoCall ~ footer {
  display: none;
}
@media (max-width: 1599px) {
  .videoCall {
    height: 100vh;
  }
  .videoCall__wrapper {
    height: 100%;
  }
  .videoCall .callSection {
    padding: 40px 35px 0;
  }
  .videoCall .callSection__head {
    margin-bottom: 25px;
  }
  .videoCall .callSection__head .callTimer em {
    height: 50px;
    width: 50px;
    font-size: 28px;
  }
  .videoCall .callSection .videoScreen {
    height: calc(100vh - 210px);
  }
  .videoCall .callSection .videoScreen .callReciever {
    height: 180px;
    width: 250px;
    right: 25px;
    bottom: 25px;
  }
  .videoCall .callSection .videoScreen .callReciever .recieverName {
    font-size: 14px;
  }
  .videoCall .callSection .videoScreen .callReciever .recieverName .callControls {
    position: absolute;
    top: auto;
    bottom: 34px;
    right: 10px;
  }
  .videoCall .callSection .videoScreen .callReciever .recieverName .callControls a {
    height: 22px;
    width: 23px;
    font-size: 12px;
  }
  .videoCall .callSection .videoScreen .callReciever .full-video {
    height: 20px;
    width: 20px;
    font-size: 14px;
  }
  .videoCall .callSection .videoScreen .callControls {
    right: 15px;
    top: 15px;
  }
  .videoCall .callSection .videoScreen .callControls a {
    height: 35px;
    width: 35px;
    font-size: 18px;
  }
  .videoCall .callSection .videoControl {
    background: rgba(255, 255, 255, 0.2);
    padding: 15px 35px;
  }
  .videoCall .callSection .videoControl .btn-circle em {
    height: 38px;
    width: 38px;
    font-size: 18px;
    margin-bottom: 5px;
  }
  .videoCall .callSection .videoControl .btn-circle span {
    color: #ffffff;
    font-size: 14px;
    font-family: "MatterSemiBold";
  }
  .videoCall__participants {
    padding: 45px 15px 15px 20px;
  }
  .videoCall__participants h4 {
    margin-bottom: 20px;
  }
  .videoCall__participants .participantsList {
    max-height: calc(100vh - 108px);
  }
  .videoCall__participants .participantsList__box.active em {
    height: 18px;
    width: 18px;
    left: 24px;
    font-size: 10px;
  }
  .videoCall__participants .participantsList__box strong {
    max-width: 245px;
  }
}
@media (max-width: 1399px) {
  .videoCall .callSection {
    padding: 30px 25px 0;
  }
  .videoCall .callSection__head {
    margin-bottom: 20px;
  }
  .videoCall .callSection .videoScreen {
    height: calc(100vh - 195px);
  }
  .videoCall .callSection .videoScreen .callReciever {
    right: 15px;
    bottom: 15px;
  }
  .videoCall .callSection.oneVideoSession {
    padding: 40px;
  }
  .videoCall .callSection.oneVideoSession .videoScreen {
    height: calc(100vh - 174px);
  }
  .videoCall .callSection .videoControl {
    padding: 15px 35px;
  }
  .videoCall .callSection .videoControl .btn-circle em {
    height: 38px;
    width: 38px;
    font-size: 18px;
    margin-bottom: 5px;
  }
  .videoCall .callSection .videoControl .btn-circle span {
    font-size: 14px;
  }
  .videoCall__participants {
    padding: 25px 15px 15px;
  }
  .videoCall__participants .participantsList {
    max-height: calc(100vh - 95px);
  }
  .videoCall__participants .participantsList__box {
    font-size: 14px;
  }
  .videoCall__participants .participantsList__box img {
    height: 35px;
    width: 35px;
    margin-right: 10px;
  }
  .videoCall__participants .participantsList__box > div {
    max-width: calc(100% - 45px);
  }
  .videoCall__participants .participantsList__box:not(:last-child) {
    margin-bottom: 10px;
  }
  .videoCall__participants .participantsList__box strong {
    max-width: 215px;
  }
  .videoCall__participants .divider {
    margin: 10px 0;
  }
}
@media (max-width: 1199.98px) {
  .videoCall .callSection.oneVideoSession {
    padding: 30px;
  }
  .videoCall .callSection.oneVideoSession .videoScreen {
    height: calc(100vh - 155px);
  }
  .videoCall__participants .participantsList {
    max-height: calc(100vh - 68px);
  }
  .videoCall__participants .participantsList__box strong {
    max-width: 165px;
  }
  .videoCall__participants .divider {
    margin: 10px 0;
  }
}
@media (max-width: 991.98px) {
  .videoCall .callSection {
    padding: 20px 15px 0;
    flex: 1 1 70%;
    max-width: 70%;
  }
  .videoCall .callSection--full {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .videoCall .callSection__head {
    height: 50px;
  }
  .videoCall .callSection .videoScreen {
    height: calc(100vh - 170px);
  }
  .videoCall .callSection .videoScreen .callReciever {
    height: 160px;
    width: 210px;
  }
  .videoCall .callSection .videoScreen .timeDuration {
    padding: 21px 15px 10px;
  }
  .videoCall .callSection .videoScreen .timeDuration em {
    font-size: 18px;
    margin-right: 6px;
  }
  .videoCall .callSection .videoScreen .timeDuration span {
    font-size: 16px;
  }
  .videoCall .callSection .videoScreen .timeDuration.gradiant:after {
    height: 60px;
  }
  .videoCall .callSection .videoScreen .profile-picture img, .videoCall .callSection .videoScreen .profile-picture-local img {
    width: 80px;
    height: 80px;
  }
  .videoCall .callSection.oneVideoSession {
    padding: 20px;
  }
  .videoCall .callSection.oneVideoSession .videoScreen {
    height: calc(100vh - 119px);
  }
  .videoCall .callSection.oneVideoSession .videoControl .video-btn em, .videoCall .callSection.oneVideoSession .videoControl .video-btn span {
    margin-left: 85px;
  }
  .videoCall .callSection .videoControl {
    padding: 10px 30px;
  }
  .videoCall .callSection .videoControl .btn-circle em {
    height: 35px;
    width: 35px;
    font-size: 16px;
  }
  .videoCall .callSection .videoControl .btn-circle span {
    font-size: 13px;
  }
  .videoCall .callSection .videoControl .btn-circle:not(:last-child) {
    margin-right: 30px;
  }
  .videoCall__participants {
    padding: 20px 15px 15px;
    flex: 1 1 30%;
    max-width: 30%;
  }
  .videoCall__participants .participantsList__box.active span {
    font-size: 12px;
  }
  .videoCall__participants .participantsList__box .riseHand {
    font-size: 12px;
  }
  .videoCall__participants .participantsList__box strong {
    max-width: 150px;
  }
}
@media (max-width: 767.98px) {
  .videoCall__wrapper {
    flex-wrap: wrap;
  }
  .videoCall .callSection {
    padding: 15px 15px 0;
    flex: 1 1 100%;
    max-width: 100%;
  }
  .videoCall .callSection__head {
    height: auto;
  }
  .videoCall .callSection__head h1 {
    height: 42px;
  }
  .videoCall .callSection__head .callTimer {
    margin-left: 0;
    margin-top: 15px;
  }
  .videoCall .callSection__head .callTimer em {
    height: 40px;
    width: 40px;
    font-size: 24px;
    margin-right: 10px;
  }
  .videoCall .callSection__head .callTimer em.icon-filter {
    margin-right: 0;
  }
  .videoCall .callSection__head .callTimer .participantsFilter em {
    font-size: 14px;
  }
  .videoCall .callSection.oneVideoSession {
    padding: 15px 15px 0;
  }
  .videoCall .callSection.oneVideoSession .videoScreen {
    height: calc(100vh - 155px);
  }
  .videoCall .callSection.oneVideoSession .videoControl .video-btn em, .videoCall .callSection.oneVideoSession .videoControl .video-btn span {
    margin-left: 75px;
  }
  .videoCall .callSection .videoScreen {
    height: calc(100vh - 214px);
  }
  .videoCall .callSection .videoScreen .callReciever {
    height: 150px;
    width: 150px;
    right: 10px;
    bottom: 10px;
  }
  .videoCall .callSection .videoScreen .callReciever .recieverName .callControls {
    bottom: 117px;
  }
  .videoCall .callSection .videoScreen .callControls {
    right: 10px;
  }
  .videoCall .callSection .videoControl {
    padding: 10px 15px;
  }
  .videoCall .callSection .videoControl .btn-circle:not(:last-child) {
    margin-right: 20px;
  }
  .videoCall__participants {
    padding: 15px;
    flex: auto;
    max-width: inherit;
    position: fixed;
    right: -100%;
    width: 250px;
    height: 100%;
    z-index: 3;
    top: 0;
    transition: all 0.5s ease;
  }
  .videoCall__participants.showFilter {
    right: 0;
  }
}
@media (max-width: 575.98px) {
  .videoCall .callSection .videoScreen .callReciever {
    width: 130px;
  }
  .videoCall .callSection .videoScreen .timeDuration {
    justify-content: flex-start;
    padding-left: 10px;
  }
  .videoCall .callSection .videoScreen .timeDuration span {
    font-size: 15px;
  }
  .videoCall .callSection .videoScreen .timeDuration em {
    font-size: 16px;
  }
  .videoCall .callSection .videoScreen .profile-picture img, .videoCall .callSection .videoScreen .profile-picture-local img {
    width: 60px;
    height: 60px;
  }
  .videoCall .callSection.oneVideoSession .videoControl .video-btn em, .videoCall .callSection.oneVideoSession .videoControl .video-btn span {
    margin-left: 0;
  }
}

@media (max-width: 1599px) {
  .myProfilePage .oneSessionList .row > .col, .myProfilePage .oneSessionList .row > [class*=col-] {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 575.98px) {
  .myProfilePage .oneSessionList .row > .col, .myProfilePage .oneSessionList .row > [class*=col-] {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.myProfilePage .profileCnt {
  padding-bottom: 56px;
}
.myProfilePage .profileCnt .min-w-350 {
  min-width: 350px;
}
.myProfilePage .profileCnt_smallCard {
  padding: 18px 15px;
  background: #F2FAFD;
  margin-bottom: 15px;
}
.myProfilePage .profileCnt_smallCard .img {
  width: 113px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 12px;
  height: 80px;
}
.myProfilePage .profileCnt_smallCard .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.myProfilePage .profileCnt_smallCard .detail {
  flex: 1;
}
.myProfilePage .profileCnt_smallCard .detail p {
  font-size: 18px;
  margin-bottom: 10px;
}
.myProfilePage .profileCnt_smallCard .detail p a {
  color: #000000;
}
.myProfilePage .profileCnt_smallCard .detail li {
  display: flex;
  align-items: center;
}
.myProfilePage .profileCnt_smallCard .detail li.date em {
  color: #F76E26;
}
.myProfilePage .profileCnt_smallCard .detail li.time {
  font-size: 14px;
  color: #455A69;
}
.myProfilePage .profileCnt_smallCard .detail li em {
  margin-right: 5px;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
}
.myProfilePage .profileCnt_smallCard .detail li:not(:last-child) {
  margin-right: 20px;
}
.myProfilePage .profileCnt .p-25x43 {
  padding: 25px 43px;
}
@media (max-width: 1599px) {
  .myProfilePage .profileCnt .p-25x43 {
    padding: 25px;
  }
}
@media (max-width: 1199.98px) {
  .myProfilePage .profileCnt .p-25x43 {
    padding: 20px;
  }
}
@media (max-width: 767.98px) {
  .myProfilePage .profileCnt .p-25x43 {
    padding: 15px;
  }
}
.myProfilePage .profileCnt .headTitle {
  margin-bottom: 12px;
}
.myProfilePage .profileCnt .customRow {
  margin-left: -10px;
  margin-right: -10px;
}
.myProfilePage .profileCnt .customRow_left, .myProfilePage .profileCnt .customRow_right {
  padding-left: 10px;
  padding-right: 10px;
}
.myProfilePage .profileCnt .customRow_left {
  flex: 0 0 25%;
  max-width: 25%;
  transition: transform 650ms ease;
}
.myProfilePage .profileCnt .customRow_right {
  flex: 0 0 75%;
  max-width: 75%;
}
.myProfilePage .profileCnt_pageContent {
  padding: 0 115px;
}
.myProfilePage .profileCnt_pageContent .title {
  font-size: 24px;
  font-family: "MatterBold";
  margin-bottom: 24px;
}
.myProfilePage .profileCnt_pageContent_inner {
  padding: 40px 115px 60px;
  background-color: #FCFCFC;
}
@media (max-width: 1599px) {
  .myProfilePage .profileCnt {
    padding-bottom: 40px;
  }
  .myProfilePage .profileCnt .min-w-350 {
    min-width: 300px;
  }
  .myProfilePage .profileCnt .customRow_left {
    flex: 0 0 28%;
    max-width: 28%;
  }
  .myProfilePage .profileCnt .customRow_right {
    flex: 0 0 72%;
    max-width: 72%;
  }
  .myProfilePage .profileCnt_pageContent {
    padding: 0 50px;
  }
  .myProfilePage .profileCnt_pageContent .title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .myProfilePage .profileCnt_pageContent_inner {
    padding: 30px 50px 50px;
  }
}
@media (max-width: 1199.98px) {
  .myProfilePage .profileCnt .min-w-350 {
    min-width: 250px;
  }
  .myProfilePage .profileCnt_smallCard .detail p {
    font-size: 17px;
    line-height: 22px;
  }
  .myProfilePage .profileCnt .customRow_left {
    flex: 0 0 29%;
    max-width: 29%;
  }
  .myProfilePage .profileCnt .customRow_right {
    flex: 0 0 71%;
    max-width: 71%;
  }
  .myProfilePage .profileCnt_pageContent {
    padding: 0 20px;
  }
  .myProfilePage .profileCnt_pageContent .title {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .myProfilePage .profileCnt_pageContent_inner {
    padding: 20px;
  }
}
@media (max-width: 991.98px) {
  .myProfilePage .profileCnt {
    padding-bottom: 20px;
  }
  .myProfilePage .profileCnt .min-w-350 {
    min-width: 200px;
  }
  .myProfilePage .profileCnt_smallCard .detail p {
    font-size: 16px;
  }
  .myProfilePage .profileCnt_sidebar {
    height: 100%;
  }
  .myProfilePage .profileCnt .customRow_left {
    width: 270px;
    max-width: 270px;
    position: fixed;
    top: 0;
    z-index: 9;
    left: -270px;
    padding: 0;
    height: 100%;
    padding-top: 65px;
    transition: all 0.5s;
  }
  .myProfilePage .profileCnt .customRow_left.open {
    left: 0;
  }
  .myProfilePage .profileCnt .customRow_left ul {
    border-radius: 0;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
  }
  .myProfilePage .profileCnt .customRow_right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  .myProfilePage .profileCnt .customRow_left {
    padding-top: 60px;
  }
}
@media (max-width: 575.98px) {
  .myProfilePage .profileCnt_smallCard {
    padding: 15px;
  }
  .myProfilePage .profileCnt_smallCard .img {
    width: 100%;
    height: 220px;
    margin-bottom: 15px;
  }
  .myProfilePage .profileCnt_smallCard .detail li em {
    font-size: 16px;
  }
  .myProfilePage .profileCnt_smallCard .detail li:not(:last-child) {
    margin-right: 15px;
    font-size: 12px;
  }
  .myProfilePage .profileCnt_smallCard .detail li.time {
    font-size: 12px;
  }
  .myProfilePage .profileCnt_smallCard .detail li.time em {
    font-size: 12px;
  }
  .myProfilePage .profileCnt .customRow_left {
    width: 250px;
    max-width: 250px;
    left: -250px;
  }
  .myProfilePage .profileCnt_pageContent {
    padding: 15px;
  }
  .myProfilePage .profileCnt_pageContent_inner {
    padding: 0;
    background: transparent;
  }
}
@media (max-width: 480px) {
  .myProfilePage .profileCnt_smallCard .img {
    height: 140px;
  }
}
.myProfilePage .profileCnt_sidebar li {
  padding: 0 20px;
}
.myProfilePage .profileCnt_sidebar li a {
  color: #000000;
  padding: 20px 0;
  display: block;
  position: relative;
  border-bottom: 1px solid #F2F2F2;
}
.myProfilePage .profileCnt_sidebar li a em {
  min-width: 24px;
  margin-right: 15px;
}
.myProfilePage .profileCnt_sidebar li:not(:last-child) a:after {
  content: "\E91D";
  font-family: "icomoon";
  font-size: 14px;
  color: #000000;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  font-weight: bold;
}
.myProfilePage .profileCnt_sidebar li:not(:last-child) a:hover, .myProfilePage .profileCnt_sidebar li:not(:last-child) a.active {
  color: #0A71B6;
}
.myProfilePage .profileCnt_sidebar li:not(:last-child) a:hover:after, .myProfilePage .profileCnt_sidebar li:not(:last-child) a.active:after {
  color: #0A71B6 !important;
}
.myProfilePage .profileCnt_sidebar li:not(:last-child) a:hover:before, .myProfilePage .profileCnt_sidebar li:not(:last-child) a.active:before {
  content: "";
  height: 40px;
  width: 4px;
  background-color: #0A71B6;
  left: -20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.myProfilePage .profileCnt_sidebar li:last-child a {
  font-size: 18px;
  color: #F76E26;
  font-family: "MatterMedium";
}
.myProfilePage .profileCnt_sidebar li:last-child a em {
  margin-right: 8px;
}
.myProfilePage .profileCnt_sidebar li.divider {
  font-size: 18px;
  background: #F2FAFD;
  padding: 20px;
  position: relative;
  z-index: 1;
}
.myProfilePage .profileCnt_sidebar li.divider:before {
  content: "";
  background-color: #F2FAFD;
  width: 105%;
  height: 100%;
  position: absolute;
  left: -5px;
  right: -5px;
  top: 0;
  z-index: -1;
}
@media (max-width: 1599px) {
  .myProfilePage .profileCnt_sidebar li {
    padding: 0 15px;
  }
  .myProfilePage .profileCnt_sidebar li a {
    padding: 15px 0;
  }
  .myProfilePage .profileCnt_sidebar li a em {
    margin-right: 10px;
  }
  .myProfilePage .profileCnt_sidebar li.divider {
    padding: 15px;
  }
  .myProfilePage .profileCnt_sidebar li:not(:last-child) a:hover:before, .myProfilePage .profileCnt_sidebar li:not(:last-child) a.active:before {
    left: -15px;
    height: 35px;
  }
}
@media (max-width: 1199.98px) {
  .myProfilePage .profileCnt_sidebar li:not(:last-child) a:after {
    font-size: 12px;
    right: 2px;
  }
  .myProfilePage .profileCnt_sidebar li.divider {
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  .myProfilePage .profileCnt_sidebar li {
    padding: 0 15px;
  }
  .myProfilePage .profileCnt_sidebar li a {
    padding: 15px 0;
  }
  .myProfilePage .profileCnt_sidebar li:not(:last-child) a:after {
    font-size: 12px;
  }
  .myProfilePage .profileCnt_sidebar li:last-child a {
    font-size: 16px;
  }
  .myProfilePage .profileCnt_sidebar li.divider {
    padding: 10px 15px;
  }
}

.profileDetails .profileErroe {
  margin-bottom: 30px;
}
.profileDetails .profileErroe .error-help-block {
  margin-top: 5px;
}
.profileDetails_top .img {
  width: 120px;
  height: 120px;
  position: relative;
}
.profileDetails_top .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.profileDetails_top .uploadIcon {
  width: 40px;
  height: 40px;
  background-color: #0A71B6;
  color: #ffffff;
  font-size: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -10px;
  right: 0;
  cursor: pointer;
}
.profileDetails_top .uploadIcon:hover {
  background-color: rgb(11.328125, 128.0078125, 206.171875);
}
.profileDetails_top .uploadIcon input {
  position: absolute;
  font-size: 12px;
  max-width: 100%;
}
.profileDetails_top .caption a em {
  font-size: 11px;
  margin-right: 2px;
}
.profileDetails_top .caption ul {
  background-color: #E4EEF2;
  margin-top: 16px;
  padding: 20px 15px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.profileDetails_top .caption li {
  display: flex;
  align-items: center;
}
.profileDetails_top .caption li .number {
  font-size: 24px;
  width: 40px;
  height: 40px;
  background-color: #66C244;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  margin-right: 5px;
}
.profileDetails_top .caption li + li {
  border-left: 1px solid #C6DAE2;
  padding-left: 15px;
  margin-left: 20px;
}
.profileDetails_top h6 {
  margin-left: 20px;
  color: #0A71B6;
}
.profileDetails_body .topRow {
  margin-left: -6px;
  margin-right: -6px;
}
.profileDetails_body .topRow > .col, .profileDetails_body .topRow > [class*=col-] {
  padding-left: 6px;
  padding-right: 6px;
}
.profileDetails_body .tagsList li {
  padding: 6px 10px;
  background-color: #455A69;
  color: #ffffff;
  font-size: 12px;
  font-family: "MatterMedium";
  border-radius: 5px;
  margin-bottom: 5px;
}
.profileDetails_body .tagsList li:not(:last-child) {
  margin-right: 5px;
}
.profileDetails_body .form-group textarea {
  width: 100%;
  min-height: 180px;
}
.profileDetails_body .form-group textarea.support {
  min-height: 130px;
}
.profileDetails_body-view input, .profileDetails_body-view textarea {
  background-color: transparent !important;
}
.profileDetails_body-view input {
  pointer-events: none !important;
}
.profileDetails_body-view .bootstrap-select .dropdown-toggle {
  background-color: transparent !important;
  pointer-events: none;
  padding-right: 15px;
}
.profileDetails_body-view .bootstrap-select .dropdown-toggle:after {
  display: none;
}
.profileDetails_body-view .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  text-align: center;
}
@media (max-width: 1599px) {
  .profileDetails_top .img {
    width: 100px;
    height: 100px;
  }
  .profileDetails_top .uploadIcon {
    width: 30px;
    height: 30px;
    font-size: 20px;
  }
  .profileDetails_top .caption li .number {
    font-size: 17px;
    width: 34px;
    height: 34px;
  }
  .profileDetails_top .caption ul {
    padding: 15px 10px;
  }
  .profileDetails_top .caption li + li {
    margin-left: 10px;
  }
}
@media (max-width: 1199.98px) {
  .profileDetails_top .img {
    width: 80px;
    height: 80px;
  }
  .profileDetails_top h6 {
    margin-left: 15px;
  }
  .profileDetails_top .uploadIcon {
    width: 25px;
    height: 25px;
    font-size: 17px;
  }
  .profileDetails_top .caption li .number {
    font-size: 15px;
    width: 30px;
    height: 30px;
  }
  .profileDetails_top .caption ul {
    padding: 10px;
  }
  .profileDetails_body .form-group textarea {
    min-height: 140px;
  }
}
@media (max-width: 991.98px) {
  .profileDetails .profileErroe {
    margin-bottom: 20px;
  }
  .profileDetails_top .img {
    width: 70px;
    height: 70px;
  }
  .profileDetails_top h6 {
    margin-left: 10px;
    font-size: 15px;
  }
  .profileDetails_top .uploadIcon {
    width: 20px;
    height: 20px;
    font-size: 13px;
  }
  .profileDetails_top .caption li .number {
    font-size: 13px;
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 575.98px) {
  .profileDetails_top .caption li .number {
    font-size: 13px;
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 480px) {
  .profileDetails .profileErroe .error-help-block {
    text-align: center;
  }
  .profileDetails_top {
    display: block !important;
  }
  .profileDetails_top .img {
    margin: auto;
  }
  .profileDetails_top h6 {
    text-align: center;
    margin: 15px 0 0;
  }
  .profileDetails_top .caption ul {
    margin: 15px auto;
  }
  .profileDetails_top .caption li {
    font-size: 13px;
  }
  .profileDetails_top .caption li + li {
    padding-left: 5px;
    margin-left: 0px;
  }
  .profileDetails_top .caption li .number {
    font-size: 10px;
  }
  .profileDetails_body .form-group textarea {
    min-height: 95px;
  }
  .profileDetails_body .form-group textarea.support {
    min-height: 95px;
  }
}

.paymentSettings {
  width: 700px;
  padding: 40px 0 65px;
}
.paymentSettings .row {
  margin-left: -10px;
  margin-right: -10px;
}
.paymentSettings .row > .col, .paymentSettings .row > [class*=col-] {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 40px;
}
.paymentSettings .row > .col:nth-child(odd) .card, .paymentSettings .row > [class*=col-]:nth-child(odd) .card {
  background-color: #DBD6E0;
}
.paymentSettings .row > .col:nth-child(even) .card, .paymentSettings .row > [class*=col-]:nth-child(even) .card {
  background-color: #C8ECE9;
}
.paymentSettings .card {
  padding: 15px 20px;
  border-radius: 10px;
}
.paymentSettings .card-header {
  padding: 0;
}
.paymentSettings .card-header em {
  font-size: 20px;
  vertical-align: -2px;
  margin-right: 2px;
}
.paymentSettings .card-header a {
  font-size: 14px;
  color: #000000;
}
.paymentSettings .card-header a:hover {
  color: #0A71B6;
}
.paymentSettings .card-body ul {
  padding: 35px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.paymentSettings .card-body ul li {
  font-size: 20px;
  font-family: "MatterBold";
  letter-spacing: 1px;
  line-height: 15px;
}
.paymentSettings .card-body p {
  font-size: 14px;
}
.paymentSettings .uploadCard {
  border: 1px solid #0A71B6;
  border-radius: 5px;
  color: #0A71B6;
  height: 190px;
  transition: background 0.4s;
}
.paymentSettings .uploadCard:hover {
  background-color: rgba(10, 113, 182, 0.1);
}
@media (max-width: 1599px) {
  .paymentSettings {
    width: 650px;
    padding: 30px 0;
  }
  .paymentSettings .uploadCard {
    height: 150px;
  }
  .paymentSettings .card-header em {
    font-size: 17px;
  }
  .paymentSettings .card-body ul {
    padding: 30px 0;
  }
  .paymentSettings .card-body ul li {
    font-size: 18px;
    line-height: 12px;
  }
  .paymentSettings .row > .col, .paymentSettings .row > [class*=col-] {
    margin-bottom: 30px;
  }
}
@media (max-width: 1199.98px) {
  .paymentSettings {
    width: auto;
    padding: 20px 0 0;
  }
  .paymentSettings .row > .col, .paymentSettings .row > [class*=col-] {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .paymentSettings {
    padding: 0;
  }
  .paymentSettings .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .paymentSettings .row > .col, .paymentSettings .row > [class*=col-] {
    padding-left: 7.5px;
    padding-right: 7.5px;
    margin-bottom: 15px;
  }
  .paymentSettings .row > .col:last-child, .paymentSettings .row > [class*=col-]:last-child {
    margin-bottom: 0;
  }
}

.bankDetails_body .form-group textarea {
  width: 100%;
  min-height: 180px;
}
.bankDetails_body .form-group .bttn .btn {
  min-width: 267px;
}
.bankDetails_body .form-group .bttn .btn:not(:first-child) {
  margin-left: 15px;
}
.bankDetails_body .proofImg {
  width: 100%;
  background-color: #ffffff;
  padding: 13px 20px;
  border: 1px solid #DFDFDF;
  border-radius: 3px;
}
.bankDetails_body .proofImg label {
  margin-bottom: 2px;
  color: #6A90AA;
}
.bankDetails_body .proofImg .custom-file {
  width: 100%;
  border-bottom: 1px solid #DFDFDF;
  height: auto;
}
.bankDetails_body .proofImg .custom-file input {
  border: 0;
  padding-left: 0;
}
.bankDetails_body .proofImg .custom-file input[type=file] {
  position: absolute;
  right: 0;
  width: 100%;
  top: 0;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.bankDetails_body .proofImg .custom-file .custom-file-label {
  border: none;
  border-bottom: 1px solid #DFDFDF;
  border-radius: 0;
  height: 45px;
}
.bankDetails_body .proofImg .sessionAction {
  margin-top: 15px;
}
.bankDetails_body .proofImg .sessionAction a {
  color: #EF0B0B;
}
.bankDetails_body .proofImg .sessionAction a em {
  height: 17px;
  width: 17px;
  border: 1px solid #EF0B0B;
  border-radius: 50%;
  font-style: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  font-size: 14px;
  margin-right: 4px;
}
.bankDetails_body-view h3 {
  font-size: 24px;
  font-family: "MatterBold";
}
.bankDetails_body-view .caption .removeText {
  color: #EF0B0B;
}
.bankDetails_body-view .caption .editIcon {
  font-size: 12px;
}
.bankDetails_body-view .caption a:not(:last-child) {
  border-right: 1px solid #DFDFDF;
  padding-right: 15px;
  margin-right: 15px;
}
.bankDetails_body-view input {
  background-color: transparent;
  pointer-events: none;
}
@media (max-width: 1599px) {
  .bankDetails_body .form-group .bttn {
    text-align: center;
  }
}
@media (max-width: 1199.98px) {
  .bankDetails_body-view h3 {
    font-size: 18px;
  }
}
@media (max-width: 991.98px) {
  .bankDetails_body .form-group .bttn {
    text-align: left;
  }
  .bankDetails_body .form-group .bttn .btn {
    min-width: 140px;
  }
}
@media (max-width: 767.98px) {
  .bankDetails_body .custom-file .btn {
    font-size: 10px;
  }
  .bankDetails_body-view .caption a:not(:last-child) {
    padding-right: 10px;
    margin-right: 5px;
  }
}
@media (max-width: 575.98px) {
  .bankDetails_body .form-group .bttn .btn {
    min-width: 120px;
    font-size: 13px;
  }
  .bankDetails_body .form-group .bttn .btn:not(:first-child) {
    margin-left: 10px;
  }
}

.notification_profile {
  width: 40px;
  height: 40px;
  background: #F2FAFD;
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notification_profile img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.notification_detail {
  flex: 1;
}
.notification_detail span {
  font-size: 12px;
  color: #5D666C;
}
.notification_detail a {
  color: #000000;
}
.notification_detail a:hover {
  color: #0A71B6;
}
.notification ul {
  height: 812px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.notification ul::-webkit-scrollbar {
  width: 6px;
  height: 2px;
}
@media (max-width: 1199.98px) {
  .notification ul::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
}
.notification ul::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: #E1E1E1;
}
.notification ul::-webkit-scrollbar-thumb {
  background-color: #707070;
  border-radius: 10px;
}
.notification li {
  padding: 15px;
}
.notification li:not(:last-child) {
  border-bottom: 1px solid #F2F2F2;
  margin-bottom: 8px;
}
.notification li.active {
  background-color: #F2FAFD;
}
@media (max-width: 1599px) {
  .notification ul {
    height: 670px;
  }
}
@media (max-width: 991.98px) {
  .notification ul {
    height: 460px;
  }
}
@media (max-width: 575.98px) {
  .notification_profile {
    width: 35px;
    height: 35px;
  }
  .notification_detail p {
    font-size: 13px;
  }
  .notification li {
    padding: 10px;
  }
}

.faq .accordion {
  margin-top: 23px;
}
.faq .accordion_card {
  background: #F2FAFD;
  padding: 15px;
  margin-bottom: 15px;
}
.faq .accordion_title {
  color: #000000;
  display: inline-block;
  width: 100%;
  padding-right: 20px;
  position: relative;
}
.faq .accordion_title:before {
  position: absolute;
  top: 5px;
  right: 0;
  font-family: "icomoon" !important;
  content: "\E908";
  transition: 0.4s;
  color: #888888;
  font-size: 12px;
}
.faq .accordion_title[aria-expanded=true]::before {
  content: "\E925";
}
.faq .accordion_body {
  margin: 10px 0 0;
}
.faq .accordion_body p {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
  color: #5D666C;
}
@media (max-width: 767.98px) {
  .faq .accordion_card {
    margin-bottom: 10px;
  }
  .faq .accordion_body {
    margin: 5px 0 0;
  }
}

.staticPage b, .staticPage strong {
  font-family: "MatterMedium";
}
.staticPage a {
  color: #0A71B6 !important;
}
.staticPage p {
  font-size: 14px;
  line-height: 22px;
  color: #707070;
}
.staticPage p strong {
  color: #000000;
}
.staticPage h1, .staticPage h2, .staticPage h3, .staticPage h4, .staticPage h5, .staticPage h6 {
  font-family: "MatterBold";
  margin-bottom: 15px;
}
.staticPage h1 {
  font-size: 22px;
}
@media (max-width: 1599px) {
  .staticPage h1 {
    font-size: 20px;
  }
}
@media (max-width: 1199.98px) {
  .staticPage h1 {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  .staticPage h1 {
    font-size: 16px;
  }
}
.staticPage h2, .staticPage h4, .staticPage h5, .staticPage h6 {
  font-size: 18px;
}
@media (max-width: 1599px) {
  .staticPage h2, .staticPage h4, .staticPage h5, .staticPage h6 {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .staticPage h2, .staticPage h4, .staticPage h5, .staticPage h6 {
    font-size: 16px;
  }
}
.staticPage ul {
  padding: 0;
  list-style: none;
}
.staticPage ul li {
  position: relative;
  padding-left: 18px;
}
.staticPage ul li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 7px;
  height: 7px;
  background: #0A71B6;
}
.staticPage li {
  font-size: 14px;
}
.staticPage li:not(:last-child) {
  padding-bottom: 8px;
}
.staticPage ol {
  padding-left: 20px;
}
.staticPage ol li ol li {
  list-style: lower-roman;
}
.staticPage ol li ol li ol li {
  list-style: lower-alpha;
}
.staticPage .subTitle {
  font-size: 18px;
  font-family: "MatterSemiBold";
}
@media (max-width: 1199.98px) {
  .staticPage .subTitle {
    font-size: 16px;
  }
}
@media (max-width: 767.98px) {
  .staticPage .subTitle {
    font-size: 14px;
  }
}

.filterList {
  margin-top: 20px;
}
.filterList .filterTag {
  background: #6A90AA;
  color: #ffffff;
  border-radius: 2px;
  display: inline-block;
  padding: 3px 10px;
  margin: 0 0 4px 0;
}
.filterList .filterTag a {
  margin-left: 4px;
  color: #ffffff;
  font-size: 8px;
  vertical-align: middle;
}
.filterList .filterTag a:hover {
  color: #66C244;
}

.sectionList {
  background: #ffffff;
  border-radius: 5px;
  padding: 15px;
  box-shadow: 0px 2px 3px #cce1e8;
}
.sectionList + .sectionList {
  margin-top: 20px;
}
.sectionList__img {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  width: 280px;
  height: 160px;
}
.sectionList__img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sectionList__img__bottom {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 8px;
}
.sectionList__img__bottom .left {
  display: flex;
  align-items: center;
}
.sectionList__img__bottom .left img {
  width: 18px;
  height: 18px;
}
.sectionList__img__bottom .left h6 {
  margin-bottom: 0;
  font-size: 13px;
  margin-left: 5px;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sectionList__head h4 {
  font-size: 18px;
  font-family: "MatterSemiBold";
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}
.sectionList__head .sessionStatus {
  margin-left: 10px;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 3px;
  font-size: 11px;
  font-family: "MatterSemiBold";
  padding: 3px 7px;
}
.sectionList__head .sessionStatus--complete {
  background: #66C244;
}
.sectionList__head .sessionStatus--canceled {
  background: #EF0B0B;
}
.sectionList__content {
  padding-left: 20px;
  width: calc(100% - 280px);
}
.sectionList__content .sectionDate {
  margin: 25px 0;
}
.sectionList__content .sectionDate li {
  display: flex;
  align-items: center;
}
.sectionList__content .sectionDate li.date em {
  color: #F76E26;
}
.sectionList__content .sectionDate li.time {
  font-size: 14px;
  color: #455A69;
}
.sectionList__content .sectionDate li em {
  margin-right: 5px;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
}
.sectionList__content .sectionDate li:not(:last-child) {
  margin-right: 20px;
}
.sectionList__content .sectionBtn .btn + .btn {
  margin-left: 15px;
}
.sectionList__content .sectionPrice span {
  margin-right: 7px;
  display: inline-block;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 3px;
  font-size: 11px;
  font-family: "MatterSemiBold";
  padding: 1px 7px;
  background: #66C244;
}
.sectionList__content .sectionPrice strong {
  font-family: "MatterBold";
  font-size: 20px;
}
@media (max-width: 1599px) {
  .sectionList__img {
    width: 250px;
  }
  .sectionList__content {
    padding-left: 15px;
    width: calc(100% - 250px);
  }
  .sectionList__content .sectionDate {
    margin: 20px 0;
  }
  .sectionList__content .sectionPrice strong {
    font-size: 18px;
  }
  .sectionList__bottom .sectionBtn .btn {
    font-size: 14px;
  }
  .sectionList__bottom .sectionBtn .btn + .btn {
    margin-left: 10px;
  }
}
@media (max-width: 1199.98px) {
  .sectionList__head h4 {
    font-size: 17px;
  }
  .sectionList__img {
    width: 220px;
    height: 140px;
  }
  .sectionList__content {
    width: calc(100% - 220px);
  }
  .sectionList__content .sectionDate {
    margin: 15px 0;
  }
  .sectionList__content .sectionPrice strong {
    font-size: 17px;
  }
}
@media (max-width: 920px) {
  .sectionList + .sectionList {
    margin-top: 15px;
  }
  .sectionList__head h4 {
    font-size: 16px;
    margin-bottom: 0;
  }
  .sectionList__head .sessionStatus {
    font-size: 10px;
  }
  .sectionList__img {
    width: 180px;
    height: 125px;
  }
  .sectionList__content {
    width: calc(100% - 180px);
  }
  .sectionList__content .sectionPrice strong {
    font-size: 16px;
  }
  .sectionList__content .sectionDate li.time em {
    font-size: 14px;
  }
  .sectionList__bottom .sectionBtn .btn {
    font-size: 10px;
    padding: 8px 12px;
  }
  .sectionList__bottom .sectionBtn .btn + .btn {
    margin-left: 5px;
  }
}
@media (max-width: 575.98px) {
  .sectionList {
    display: block !important;
    position: relative;
  }
  .sectionList__head h4 {
    font-size: 16px;
  }
  .sectionList__img {
    width: 100%;
    height: 220px;
    margin: 0 0 15px;
  }
  .sectionList__img__bottom .left h6 {
    font-size: 12px;
  }
  .sectionList__content {
    width: 100%;
    padding-left: 0;
  }
  .sectionList__content .sectionDate li:not(:last-child) {
    margin-right: 15px;
    font-size: 12px;
  }
  .sectionList__content .sectionDate li.time {
    font-size: 12px;
  }
  .sectionList__content .sectionDate li.time em {
    font-size: 12px;
  }
  .sectionList__content .sectionDate li em {
    margin-right: 5px;
    font-size: 16px;
  }
  .sectionList__content .sectionPrice span {
    font-size: 10px;
  }
  .sectionList__content .sectionPrice strong {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .sectionList__img {
    height: 140px;
  }
}

.mentorsPage .dropdown-filter .filterCheckboxList {
  background-color: #ffffff;
  min-width: 310px;
  padding-right: 10px;
  position: absolute;
  top: 42px;
  border-radius: 3px;
  right: 0;
  z-index: 2;
}
.mentorsPage .dropdown-filter .filterCheckboxList_inner {
  max-height: 300px;
  overflow-y: auto;
  padding: 15px 15px 0;
  scrollbar-width: thin;
}
.mentorsPage .dropdown-filter .filterCheckboxList .custom-checkbox {
  padding-left: 0;
  margin-bottom: 20px;
}
.mentorsPage .dropdown-filter .filterCheckboxList .custom-checkbox .custom-control-label {
  font-size: 18px;
  color: #000000;
}
.mentorsPage .dropdown-filter .filterCheckboxList .custom-checkbox .custom-control-label:before {
  width: 18px;
  height: 18px;
  border-radius: 2px;
  right: 0;
  left: auto;
  border-color: #DFDFDF;
}
.mentorsPage .dropdown-filter .filterCheckboxList .custom-checkbox .custom-control-label:after {
  background-color: transparent;
  background-image: none;
  content: "\E92B";
  font-family: "icomoon";
  font-size: 8px;
  right: 0;
  left: auto;
  color: #DFDFDF;
  top: 3px;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 100;
}
.mentorsPage .dropdown-filter .filterCheckboxList .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #66C244;
  border-color: #66C244;
}
.mentorsPage .dropdown-filter .filterCheckboxList .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
  background-image: none;
  color: #ffffff;
}
.mentorsPage .dropdown-filter .filterCheckboxList .clearAll {
  padding: 10px 25px 15px 15px;
  position: relative;
}
.mentorsPage .dropdown-filter .filterCheckboxList .clearAll:before {
  content: "";
  width: calc(100% - 40px);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  background-color: #F2F2F2;
  top: 0;
}
@media (max-width: 1599px) {
  .mentorsPage .dropdown-filter .filterCheckboxList .custom-checkbox .custom-control-label {
    font-size: 16px;
  }
}
.mentorsPage .mentorsList {
  padding-bottom: 40px;
}
.mentorsPage .mentorsList .row {
  margin-left: -5px;
  margin-right: -5px;
}
.mentorsPage .mentorsList .row > .col, .mentorsPage .mentorsList .row > [class*=col-] {
  padding-left: 5px;
  padding-right: 5px;
}
.mentorsPage .mentorsList .mentors {
  padding: 15px;
  height: calc(100% - 30px);
  margin-bottom: 30px;
}
.mentorsPage .mentorsList .mentors_top_img {
  width: 68px;
  height: 68px;
}
.mentorsPage .mentorsList .mentors_top_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mentorsPage .mentorsList .mentors_top_info {
  margin-left: 20px;
  flex: 1;
}
.mentorsPage .mentorsList .mentors_top_info h5 {
  font-size: 18px;
  margin-bottom: 2px;
}
.mentorsPage .mentorsList .mentors_top_info p {
  font-size: 14px;
  color: #8B8B8B;
}
.mentorsPage .mentorsList .mentors_top_info .rating {
  margin-top: 10px;
  font-size: 0;
}
.mentorsPage .mentorsList .mentors_top_info .rating em {
  font-size: 13px;
  color: #d9d9d9;
}
.mentorsPage .mentorsList .mentors_top_info .rating em:not(:last-child) {
  margin-right: 5px;
}
.mentorsPage .mentorsList .mentors_top_info .rating em.active {
  color: #FFA933;
}
.mentorsPage .mentorsList .mentors_bottom {
  border-top: 1px solid #E4EEF2;
  padding-top: 12px;
  margin-top: 12px;
}
.mentorsPage .mentorsList .mentors_bottom p {
  font-size: 14px;
  color: #8B8B8B;
  flex: 1;
  padding-right: 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  text-overflow: ellipsis;
}
@media (max-width: 1599px) {
  .mentorsPage .mentorsList {
    padding-bottom: 20px;
  }
  .mentorsPage .mentorsList .mentors {
    height: calc(100% - 20px);
    margin-bottom: 20px;
  }
  .mentorsPage .mentorsList .mentors_top_img {
    width: 55px;
    height: 55px;
  }
  .mentorsPage .mentorsList .mentors_top_info {
    margin-left: 15px;
  }
  .mentorsPage .mentorsList .mentors_top_info h5 {
    font-size: 16px;
  }
  .mentorsPage .mentorsList .mentors_bottom .btn {
    height: 35px;
    font-size: 12px;
  }
}
@media (max-width: 991.98px) {
  .mentorsPage .mentorsList .mentors {
    height: calc(100% - 15px);
    margin-bottom: 15px;
  }
  .mentorsPage .mentorsList .dropdown-filter .filterCheckboxList {
    min-width: 290px;
  }
  .mentorsPage .mentorsList .dropdown-filter .filterCheckboxList .custom-checkbox {
    margin-bottom: 15px;
  }
  .mentorsPage .mentorsList .dropdown-filter .filterCheckboxList .custom-checkbox .custom-control-label {
    font-size: 15px;
  }
  .mentorsPage .mentorsList .dropdown-filter .filterCheckboxList .custom-checkbox .custom-control-label:before {
    width: 15px;
    height: 15px;
  }
  .mentorsPage .mentorsList .dropdown-filter .filterCheckboxList .custom-checkbox .custom-control-label:after {
    font-size: 6px;
    width: 15px;
    height: 15px;
  }
}
@media (max-width: 575.98px) {
  .mentorsPage .mentorsList .dropdown-filter .filterCheckboxList_inner {
    max-height: 295px;
  }
}

.mentorDetail {
  padding-bottom: 65px;
}
.mentorDetail .p-24 {
  padding: 24px;
}
@media (max-width: 991.98px) {
  .mentorDetail .p-24 {
    padding: 15px;
  }
}
@media (max-width: 575.98px) {
  .mentorDetail {
    padding-bottom: 40px;
  }
}
.mentorDetail .mentorInfo_left {
  width: 325px;
}
.mentorDetail .mentorInfo_left .img {
  width: 170px;
  height: 170px;
  border: 7px solid #E4EEF2;
}
.mentorDetail .mentorInfo_left .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mentorDetail .mentorInfo_left .rating {
  margin-bottom: 15px;
}
.mentorDetail .mentorInfo_left .rating em {
  font-size: 18px;
  color: #d9d9d9;
}
.mentorDetail .mentorInfo_left .rating em.active {
  color: #FFA933;
}
.mentorDetail .mentorInfo_left ul li {
  padding: 16px 35px;
  border-bottom: 1px solid #E4EEF2;
  font-family: "MatterSemiBold";
  display: flex;
  align-items: center;
}
.mentorDetail .mentorInfo_left ul li:first-child {
  border-top: 1px solid #E4EEF2;
}
.mentorDetail .mentorInfo_left ul li .number {
  width: 38px;
  height: 38px;
  font-size: 20px;
  background-color: #66C244;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  margin-right: 8px;
  display: inline-flex;
}
.mentorDetail .mentorInfo_right {
  width: calc(100% - 345px);
  padding-bottom: 15px;
  margin-left: 20px;
  word-break: break-all;
}
.mentorDetail .mentorInfo_right .form-group label {
  color: #455A69;
  line-height: 18px;
}
@media (max-width: 1599px) {
  .mentorDetail .mentorInfo_left .img {
    width: 130px;
    height: 130px;
  }
  .mentorDetail .mentorInfo_left .rating em {
    font-size: 16px;
  }
  .mentorDetail .mentorInfo_left ul li {
    padding: 12px 25px;
  }
  .mentorDetail .mentorInfo_left ul li .number {
    font-size: 17px;
    width: 34px;
    height: 34px;
  }
}
@media (max-width: 1199.98px) {
  .mentorDetail .mentorInfo_left .img {
    width: 100px;
    height: 100px;
    border-width: 5px;
  }
  .mentorDetail .mentorInfo_left .rating em {
    font-size: 14px;
  }
  .mentorDetail .mentorInfo_left ul li {
    padding: 12px 15px;
  }
  .mentorDetail .mentorInfo_left ul li .number {
    font-size: 15px;
    width: 30px;
    height: 30px;
  }
  .mentorDetail .mentorInfo_right {
    margin-left: 15px;
  }
}
@media (max-width: 991.98px) {
  .mentorDetail .mentorInfo_left {
    width: 275px;
  }
  .mentorDetail .mentorInfo_left .img {
    width: 80px;
    height: 80px;
  }
  .mentorDetail .mentorInfo_left .rating {
    margin-bottom: 10px;
  }
  .mentorDetail .mentorInfo_right {
    width: calc(100% - 290px);
  }
}
@media (max-width: 767.98px) {
  .mentorDetail .mentorInfo_left {
    width: 250px;
  }
  .mentorDetail .mentorInfo_left .img {
    border-width: 4px;
  }
  .mentorDetail .mentorInfo_right {
    width: calc(100% - 265px);
  }
}
@media (max-width: 575.98px) {
  .mentorDetail .mentorInfo_inner {
    display: block !important;
  }
  .mentorDetail .mentorInfo_left {
    width: 100%;
  }
  .mentorDetail .mentorInfo_left .img {
    border-width: 3px;
  }
  .mentorDetail .mentorInfo_right {
    width: 100%;
    margin: 15px 0 0;
  }
}
.mentorDetail .upcomingSession {
  padding-top: 30px;
}
.mentorDetail .upcomingSession h2 {
  margin-bottom: 30px;
}
.mentorDetail .upcomingSession .slick-list {
  margin: 0 -10px;
  padding-bottom: 15px;
}
.mentorDetail .upcomingSession .session {
  margin: 0 5px;
}
@media (max-width: 1199.98px) {
  .mentorDetail .upcomingSession {
    padding-top: 20px;
  }
  .mentorDetail .upcomingSession h2 {
    margin-bottom: 20px;
  }
}
@media (max-width: 575.98px) {
  .mentorDetail .upcomingSession h2 {
    margin-bottom: 15px;
  }
}

.scheduleSession .scheduleContent {
  padding-bottom: 54px;
}
@media (max-width: 1599px) {
  .scheduleSession .scheduleContent {
    padding-bottom: 40px;
  }
}
@media (max-width: 1199.98px) {
  .scheduleSession .scheduleContent {
    padding-bottom: 30px;
  }
}
@media (max-width: 575.98px) {
  .scheduleSession .scheduleContent {
    padding-bottom: 20px;
  }
}
.scheduleSession .scheduleContent_left {
  width: calc(100% - 345px);
  margin-right: 20px;
}
.scheduleSession .scheduleContent_left_wrap {
  padding: 0 115px;
}
.scheduleSession .scheduleContent_left_inner {
  background-color: #FCFCFC;
}
.scheduleSession .scheduleContent_left_header {
  padding: 25px 20px;
  border-bottom: 1px solid #E4EEF2;
  margin-bottom: 25px;
}
.scheduleSession .scheduleContent_left_body {
  padding: 0 20px 45px;
}
.scheduleSession .scheduleContent_left .desField {
  padding-bottom: 20px;
}
.scheduleSession .scheduleContent_left .dateCalender {
  margin-bottom: 20px;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker {
  margin: 0 auto;
  padding: 20px !important;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker.ui-widget-content {
  width: 450px;
  box-shadow: 0px 2px 3px #cce1e8;
  border: 1px solid #E4EEF2 !important;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header {
  background-color: #ffffff !important;
  margin-bottom: 15px;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-month, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-year {
  background-color: #ffffff;
  border: 1px solid #DFDFDF !important;
  color: #000000;
  font-size: 16px !important;
  width: 80px !important;
  height: 30px;
  padding: 0px 10px;
  position: relative;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-month option, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-year option {
  color: #000000 !important;
  font-weight: normal;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-month option:hover, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-year option:hover {
  color: #ffffff;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-month {
  margin-right: 10px;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  width: 12px !important;
  height: 12px !important;
  background: none !important;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
  font-weight: inherit;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
  position: absolute;
  font-size: 12px;
  font-family: "icomoon";
  font-size: 12px;
  color: #000000;
  position: absolute;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  width: 30px !important;
  height: 30px !important;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
  font-weight: bold;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-calendar thead {
  background-color: #ffffff;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-calendar thead th {
  color: #C7C7C7 !important;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-calendar td .ui-state-default {
  text-align: center;
  width: auto;
  font-size: 16px;
  line-height: 30px;
  height: 32px;
  color: #000000;
  z-index: 1;
  transition: inherit;
  background: transparent;
  border: 0;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-highlight, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-hover, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-active, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-calendar td .ui-state-default:hover {
  background-color: #ffffff !important;
  border: 0 !important;
  color: #ffffff !important;
  position: relative;
}
.scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-highlight:before, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-hover:before, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-active:before, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-calendar td .ui-state-default:hover:before {
  content: "";
  width: 32px;
  height: 32px;
  background-color: #0A71B6;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  margin-top: -2px;
}
.scheduleSession .scheduleContent_left .timeSlotBox + .timeSlotBox {
  margin-top: 24px;
}
.scheduleSession .scheduleContent_left .timeSlotBox_head .duration {
  color: #6A90AA;
}
.scheduleSession .scheduleContent_left .timeSlotBox_list {
  margin: 0 -3px;
}
.scheduleSession .scheduleContent_left .timeSlotBox_list .timeSlot {
  padding: 0 3px;
  flex: 1 1 16.666%;
  max-width: 16.666%;
}
.scheduleSession .scheduleContent_left .timeSlotBox_list .timeSlot:not(:last-child) {
  margin-bottom: 6px;
}
.scheduleSession .scheduleContent_left .timeSlotBox_list .timeSlot input {
  display: none;
}
.scheduleSession .scheduleContent_left .timeSlotBox_list .timeSlot input ~ label {
  border: 1px solid rgba(69, 90, 105, 0.3);
  border-radius: 5px;
  padding: 11px;
  width: 100%;
  color: #455A69;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 0;
  text-align: center;
  font-family: "MatterMedium";
  background-color: #ffffff;
}
.scheduleSession .scheduleContent_left .timeSlotBox_list .timeSlot input:checked ~ label {
  color: #ffffff;
  background: #66C244;
  border-color: #66C244;
}
.scheduleSession .scheduleContent_left .timeSlotBox_list .timeSlot input:checked ~ label span {
  color: #ffffff;
}
.scheduleSession .scheduleContent_left .timeSlotBox_list .timeSlot input:disabled ~ label {
  border-color: #C3C7CB;
  background: #C3C7CB;
  color: #ffffff;
  cursor: default;
}
.scheduleSession .scheduleContent_left .scheduleInfo {
  margin-top: 25px;
}
.scheduleSession .scheduleContent_left .scheduleInfo ul {
  border-top: 1px solid #E4EEF2;
  border-bottom: 1px solid #E4EEF2;
  padding: 10px 0;
}
.scheduleSession .scheduleContent_left .scheduleInfo li {
  line-height: normal;
}
.scheduleSession .scheduleContent_left .scheduleInfo li:not(:last-child) {
  margin-right: 25px;
}
.scheduleSession .scheduleContent_left .scheduleInfo li label {
  font-size: 12px;
  color: #5D666C;
}
.scheduleSession .scheduleContent_left .scheduleInfo li p {
  font-size: 14px;
}
@media (max-width: 1599px) {
  .scheduleSession .scheduleContent_left_wrap {
    padding: 0 50px;
  }
  .scheduleSession .scheduleContent_left .timeSlotBox + .timeSlotBox {
    margin-top: 15px;
  }
  .scheduleSession .scheduleContent_left .timeSlotBox_list .timeSlot {
    flex: 1 1 20%;
    max-width: 20%;
  }
}
@media (max-width: 1199.98px) {
  .scheduleSession .scheduleContent_left_wrap {
    padding: 0 20px;
  }
  .scheduleSession .scheduleContent_left .timeSlotBox_list .timeSlot {
    flex: 1 1 25%;
    max-width: 25%;
  }
  .scheduleSession .scheduleContent_left .scheduleInfo {
    margin: 20px 0;
  }
  .scheduleSession .scheduleContent_left .scheduleInfo li:not(:last-child) {
    margin-right: 15px;
  }
  .scheduleSession .scheduleContent_left .scheduleInfo li p {
    font-size: 13px;
  }
  .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker.ui-widget-content {
    width: 410px;
  }
  .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-calendar td .ui-state-default {
    font-size: 14px;
    line-height: 32px;
  }
}
@media (max-width: 991.98px) {
  .scheduleSession .scheduleContent_left {
    width: calc(100% - 300px);
    margin-right: 15px;
  }
  .scheduleSession .scheduleContent_left_wrap {
    padding: 0 15px;
  }
  .scheduleSession .scheduleContent_left_inner {
    background: transparent;
  }
  .scheduleSession .scheduleContent_left_header {
    padding: 15px 0;
    margin-bottom: 15px;
  }
  .scheduleSession .scheduleContent_left_body {
    padding: 0 0 15px;
  }
  .scheduleSession .scheduleContent_left .timeSlotBox + .timeSlotBox {
    margin-top: 10px;
  }
  .scheduleSession .scheduleContent_left .timeSlotBox_head .duration {
    font-size: 13px;
  }
  .scheduleSession .scheduleContent_left .timeSlotBox_list .timeSlot {
    flex: 1 1 33.33%;
    max-width: 33.33%;
  }
  .scheduleSession .scheduleContent_left .timeSlotBox_list .timeSlot input ~ label {
    padding: 8px;
    font-size: 13px;
  }
  .scheduleSession .scheduleContent_left .scheduleInfo {
    margin: 15px 0;
  }
  .scheduleSession .scheduleContent_left .dateCalender {
    margin-bottom: 15px;
  }
  .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-month {
    margin-right: 8px !important;
  }
  .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-month, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-year {
    font-size: 14px !important;
    width: 65px !important;
    height: 30px;
    padding: 0px 5px;
  }
  .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    top: 14px !important;
  }
  .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
    font-size: 10px;
  }
}
@media (max-width: 767.98px) {
  .scheduleSession .scheduleContent_left {
    width: 100%;
  }
  .scheduleSession .scheduleContent_left .timeSlotBox_list .timeSlot {
    flex: 1 1 25%;
    max-width: 25%;
  }
}
@media (max-width: 575.98px) {
  .scheduleSession .scheduleContent_left .timeSlotBox_list {
    height: 165px;
    overflow-y: auto;
    scrollbar-width: thin;
  }
  .scheduleSession .scheduleContent_left .timeSlotBox_list .timeSlot {
    flex: 1 1 25%;
    max-width: 25%;
  }
  .scheduleSession .scheduleContent_left .timeSlotBox_list .timeSlot input ~ label {
    font-size: 12px;
  }
  .scheduleSession .scheduleContent_left .scheduleInfo {
    margin: 15px 0 0;
  }
  .scheduleSession .scheduleContent_left .scheduleInfo .btn {
    height: 35px;
  }
}
@media (max-width: 480px) {
  .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker {
    padding: 15px !important;
  }
  .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker.ui-widget-content {
    width: 100%;
  }
  .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    top: 18px !important;
    width: 24px !important;
    height: 24px !important;
  }
  .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after, .scheduleSession .scheduleContent_left .dateCalender .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
    font-size: 9px;
  }
  .scheduleSession .scheduleContent_left .timeSlotBox_list .timeSlot {
    flex: 1 1 50%;
    max-width: 50%;
  }
  .scheduleSession .scheduleContent_left .scheduleInfo {
    display: block !important;
  }
  .scheduleSession .scheduleContent_left .scheduleInfo ul {
    margin-bottom: 10px !important;
  }
}
.scheduleSession .scheduleContent_right {
  width: 325px;
}
.scheduleSession .scheduleContent_right .mentors {
  padding: 15px 20px;
}
.scheduleSession .scheduleContent_right .mentors_top_img {
  width: 75px;
  height: 75px;
}
.scheduleSession .scheduleContent_right .mentors_top_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.scheduleSession .scheduleContent_right .mentors_top_info {
  margin-left: 10px;
}
.scheduleSession .scheduleContent_right .mentors_top_info h5 {
  font-size: 18px;
  margin-bottom: 2px;
}
.scheduleSession .scheduleContent_right .mentors_top_info p {
  color: #8B8B8B;
}
.scheduleSession .scheduleContent_right .mentors_top_info .rating {
  margin-top: 10px;
  font-size: 0;
}
.scheduleSession .scheduleContent_right .mentors_top_info .rating em {
  font-size: 13px;
  color: #d9d9d9;
}
.scheduleSession .scheduleContent_right .mentors_top_info .rating em:not(:last-child) {
  margin-right: 5px;
}
.scheduleSession .scheduleContent_right .mentors_top_info .rating em.active {
  color: #FFA933;
}
.scheduleSession .scheduleContent_right .mentors .sessionDetails {
  margin-top: 15px;
}
.scheduleSession .scheduleContent_right .mentors .sessionDetails h5 {
  font-size: 18px;
  margin-bottom: 5px;
}
.scheduleSession .scheduleContent_right .mentors .sessionDetails p {
  font-size: 14px;
  color: #707070;
}
.scheduleSession .scheduleContent_right .mentors .sessionDetails .col + .col {
  border-left: 1px solid #E4EEF2;
}
.scheduleSession .scheduleContent_right .mentors_bottom {
  border-top: 1px solid #E4EEF2;
  margin-top: 12px;
  padding-top: 12px;
  font-size: 14px;
  color: #707070;
}
@media (max-width: 1599px) {
  .scheduleSession .scheduleContent_right .mentors_top_img {
    width: 65px;
    height: 65px;
  }
  .scheduleSession .scheduleContent_right .mentors_top_info h5 {
    font-size: 16px;
  }
  .scheduleSession .scheduleContent_right .mentors .sessionDetails h5 {
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  .scheduleSession .scheduleContent_right .mentors {
    padding: 15px;
  }
  .scheduleSession .scheduleContent_right .mentors_top_img {
    width: 55px;
    height: 55px;
  }
}
@media (max-width: 767.98px) {
  .scheduleSession .scheduleContent_right {
    width: 100%;
    margin-top: 16px;
  }
}

.errorPage .errorBox_content {
  max-width: 432px;
  padding: 30px 0 90px;
}
.errorPage .errorBox_content h3 {
  font-size: 36px;
}
.errorPage .errorBox_content p {
  font-size: 22px;
  line-height: 30px;
  color: #5D666C;
  margin-bottom: 30px;
}
.errorPage .errorBox_content .btn {
  min-width: 350px;
}
@media (max-width: 1599px) {
  .errorPage .errorBox img {
    height: 300px;
  }
  .errorPage .errorBox_content {
    padding: 30px 0 60px;
  }
  .errorPage .errorBox_content h3 {
    font-size: 26px;
  }
  .errorPage .errorBox_content p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
  }
  .errorPage .errorBox_content .btn {
    min-width: 270px;
  }
}
@media (max-width: 1199.98px) {
  .errorPage .errorBox img {
    height: 250px;
  }
  .errorPage .errorBox_content {
    max-width: 355px;
    padding: 20px 0 30px;
  }
  .errorPage .errorBox_content h3 {
    font-size: 22px;
  }
  .errorPage .errorBox_content p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  .errorPage .errorBox_content .btn {
    min-width: 220px;
  }
}
@media (max-width: 991.98px) {
  .errorPage .errorBox img {
    height: 200px;
  }
  .errorPage .errorBox_content {
    padding: 20px 0 20px;
  }
  .errorPage .errorBox_content h3 {
    font-size: 18px;
  }
  .errorPage .errorBox_content p {
    font-size: 15px;
    line-height: 22px;
  }
  .errorPage .errorBox_content .btn {
    min-width: 170px;
  }
}
@media (max-width: 575.98px) {
  .errorPage .errorBox_content {
    padding: 15px 15px 20px;
  }
}