@font-face {
  font-family: "sf-ui-display-regular";
  src: url("../fonts/SFUIDisplay-Regular.eot");
  src: local("../fonts/SFUIDisplay-Regular"), url("../fonts/SFUIDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SFUIDisplay-Regular.woff2") format("woff2"), url("../fonts/SFUIDisplay-Regular.woff") format("woff"), url("../fonts/SFUIDisplay-Regular.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "circularStdBlack";
  src: url("../fonts/circularStdBlack.eot");
  src: url("../fonts/circularStdBlack.ttf");
  src: url("../fonts/circularStdBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/circularStdBlack.svg") format("svg") url("../fonts/circularStdBlack.woff") format("woff"), url("../fonts/circularStdBlack.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sf-uidisplay-bold";
  src: url("../fonts/sf-uidisplay-bold.eot");
  src: url("../fonts/sf-uidisplay-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/sf-uidisplay-bold.woff2") format("woff2"), url("../fonts/sf-uidisplay-bold.woff") format("woff"), url("../fonts/sf-uidisplay-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "sf-uidisplay-ultralight";
  src: url("../fonts/sf-uidisplay-ultralight.eot");
  src: url("../fonts/sf-uidisplay-ultralight.eot?#iefix") format("embedded-opentype"), url("../fonts/sf-uidisplay-ultralight.woff2") format("woff2"), url("../fonts/sf-uidisplay-ultralight.woff") format("woff"), url("../fonts/sf-uidisplay-ultralight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "sf-uidisplay-medium";
  src: url("../fonts/sf-uidisplay-medium.eot");
  src: url("../fonts/sf-uidisplay-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/sf-uidisplay-medium.woff2") format("woff2"), url("../fonts/sf-uidisplay-medium.woff") format("woff"), url("../fonts/sf-uidisplay-medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "sf-uidisplay-heavy";
  src: url("../fonts/sf-uidisplay-heavy.eot");
  src: url("../fonts/sf-uidisplay-heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/sf-uidisplay-heavy.woff2") format("woff2"), url("../fonts/sf-uidisplay-heavy.woff") format("woff"), url("../fonts/sf-uidisplay-heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "sf-uidisplay-light";
  src: url("../fonts/sf-uidisplay-light.eot");
  src: url("../fonts/sf-uidisplay-light.eot?#iefix") format("embedded-opentype"), url("../fonts/sf-uidisplay-light.woff2") format("woff2"), url("../fonts/sf-uidisplay-light.woff") format("woff"), url("../fonts/sf-uidisplay-light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "sf-uidisplay-black";
  src: url("../fonts/sf-uidisplay-black.eot");
  src: url("../fonts/sf-uidisplay-black.eot?#iefix") format("embedded-opentype"), url("../fonts/sf-uidisplay-black.woff2") format("woff2"), url("../fonts/sf-uidisplay-black.woff") format("woff"), url("../fonts/sf-uidisplay-black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "sf-uidisplay-thin";
  src: url("../fonts/sf-uidisplay-thin.eot");
  src: url("../fonts/sf-uidisplay-thin.eot?#iefix") format("embedded-opentype"), url("../fonts/sf-uidisplay-thin.woff2") format("woff2"), url("../fonts/sf-uidisplay-thin.woff") format("woff"), url("../fonts/sf-uidisplay-thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "sf-uidisplay-semibold";
  src: url("../fonts/sf-uidisplay-semibold.eot");
  src: url("../fonts/sf-uidisplay-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/sf-uidisplay-semibold.woff2") format("woff2"), url("../fonts/sf-uidisplay-semibold.woff") format("woff"), url("../fonts/sf-uidisplay-semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.btn-primary.btn-primary-bg {
  background-color: #f99289 !important;
}

.bg-white {
  background-color: #fff !important;
}

.text-red {
  color: #FF5D42;
}

.grayText {
  color: #7e7e7e;
}

.greenText {
  color: #2eb6b8 !important;
}

.profile-role {
  color: #3eb7ae;
  font-size: 16px;
}

.over-ride-dates {
  background-color: #2eb6b8 !important;
}

.slot-available-dates {
  background-color: #2eb6b8 !important;
}

.text-success {
  color: #2eb6b8 !important;
}

button:focus,
.btn-check:focus + .btn-secondary,
.btn-secondary:focus,
.accordion-button:focus,
.fc .fc-button-primary:not(:disabled):active:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: none !important;
}

.fc-today-button.fc-button.fc-button-primary,
.fc-dayGridMonth-button.fc-button.fc-button-primary.fc-button-active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
  background-color: #f99289 !important;
  border-color: #f99289 !important;
}

* {
  border: 0px;
  outline: none !important;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
  margin: 0px;
  padding: 0px;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  list-style-type: none;
}

body,
html {
  overflow-x: hidden;
}

body {
  font-family: "sf-ui-display-regular", sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

.container-fluid {
  padding: 0 25px;
}

a {
  text-decoration: none;
  transition: all 0.3s ease-in-out 0.1s;
  color: inherit;
}
a:hover, a:focus {
  text-decoration: none;
  outline: none;
  color: #f99289;
}

textarea {
  resize: none;
}

img {
  max-width: 100%;
}

.blankSpace {
  flex: 1 1 auto;
}

.fc-toolbar-title .mb-0 {
  margin-bottom: 0px !important;
}

.mb-1 {
  margin-bottom: 10px !important;
}

.mb-2 {
  margin-bottom: 20px !important;
}

.mb-3 {
  margin-bottom: 30px !important;
}

.mb-4 {
  margin-bottom: 40px !important;
}

.mb-5 {
  margin-bottom: 50px !important;
}

.mb-6 {
  margin-bottom: 60px !important;
}

.mb-7 {
  margin-bottom: 70px !important;
}

.mb-8 {
  margin-bottom: 80px !important;
}

.mb-9 {
  margin-bottom: 90px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-05 {
  margin-bottom: 8px !important;
}

.mb-08 {
  margin-bottom: 8px !important;
}

.p-3 {
  padding: 30px 0 !important;
}

.p-7 {
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.p-9 {
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.p-9.bottomOff {
  padding-bottom: 0 !important;
}

.p-5 {
  padding: 50px 0 !important;
}

.bg-info {
  background-color: #f5f9fa !important;
}

.bg-secondary {
  background-color: #f7f7f7 !important;
}

hr {
  margin-top: 50px;
  margin-bottom: 50px;
  height: 0;
  border: none;
  background-color: transparent;
  border-top: 2px dashed #a7adb3;
}

h1 {
  font-weight: 700;
  margin-bottom: 15px;
  color: #243141;
  font-size: 70px;
}

h2 {
  font-weight: 700;
  margin-bottom: 15px;
  color: #243141;
  font-size: 60px;
}

.g-1 {
  gap: 10px !important;
}

.f16, p.f16 {
  font-size: 16px !important;
}

.f18, p.f18, .timeslotAll {
  font-size: 18px !important;
}

.f20, p.f20 {
  font-size: 20px !important;
}

.heading1 {
  font-size: 62px;
  line-height: 62px;
  margin-bottom: 15px;
  font-weight: 600;
}

.heading2 {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 15px;
  font-weight: 400;
}

.heading3 {
  font-size: 42px;
  line-height: 42px;
  font-weight: 400;
}

h3 {
  font-weight: 600;
  margin-bottom: 15px;
  color: #243141;
  font-size: 35px;
}

h4 {
  font-weight: 700;
  margin-bottom: 15px;
  color: #243141;
  font-size: 22px;
}

h5 {
  font-weight: 600;
  margin-bottom: 15px;
  color: #000;
  font-size: 20px;
}

h6 {
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 600;
  color: #7e7e7e;
}

p {
  font-size: 16px;
  color: #243141;
  margin-bottom: 16px;
}
p strong {
  font-weight: 600;
}

.faqSec .accordion h4 {
  font-size: 25px;
  font-weight: 700;
}

.form-check .form-check-input {
  margin-left: 0;
  margin-right: 5px;
}

.btn {
  font-size: 15px;
  min-width: inherit;
  padding: 15px 25px;
  line-height: normal;
  font-weight: normal;
  letter-spacing: 0.06em;
  text-transform: capitalize;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  overflow: hidden;
}

.btn.btn-lg {
  font-size: 17px;
  padding: 25px 40px;
}

.btn.btn-sm {
  font-size: 13px;
  min-width: inherit;
  padding-top: 8px;
  padding-right: 13px;
  padding-bottom: 8px;
  padding-left: 13px;
  line-height: normal;
}

.btn-primary {
  color: #fff;
  background-color: #4164e3;
  border-color: #4164e3;
}
.btn-primary:hover, .btn-primary:focus {
  color: #fff;
  background-color: #f99289;
  border-color: #f99289;
}

.btn-secondary {
  color: #fff !important;
  background-color: #2eb6b8 !important;
  border-color: #2eb6b8 !important;
}
.btn-secondary:hover, .btn-secondary:focus {
  color: #fff !important;
  background-color: #f99289 !important;
  border-color: #f99289 !important;
}

.btn-red {
  color: #fff !important;
  background-color: #f99289 !important;
  border-color: #f99289 !important;
}
.btn-red:hover, .btn-red:focus {
  color: #fff !important;
  background-color: #f99289 !important;
  border-color: #f99289 !important;
}

.teamSec .btn-secondary .material-icons {
  color: #fff;
}

.mobileButtons {
  display: none;
}

.mobileOn {
  display: none;
}

.mobileOff {
  display: block;
}

#calendar {
  margin: 40px auto;
}

#calendar .fc-col-header-cell {
  padding: 15px;
}

#calendar .fc-col-header {
  padding: 15px;
  background-color: #2c3e50;
  color: #fff;
}

.fc-today-button.fc-button.fc-button-primary,
.fc-dayGridMonth-button.fc-button.fc-button-primary.fc-button-active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
  background-color: #f99289;
  text-transform: uppercase;
  border-color: #f99289;
}

.fc-toolbar-title {
  font-weight: 600;
  text-transform: uppercase;
}

.linkSecondary {
  color: #2eb6b8;
}

.btn-success {
  color: #fff;
  background-color: #2eb6b8;
  border-color: #2eb6b8;
}
.btn-success:hover, .btn-success:focus {
  color: #fff;
  background-color: #f99289;
  border-color: #f99289;
}

.btn-warning {
  color: #fff;
  background-color: #f99289;
  border-color: #f99289;
}
.btn-warning:hover, .btn-warning:focus {
  color: #fff;
  background-color: #f99289;
  border-color: #f99289;
}

.roundedBtn {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  overflow: hidden;
}

.btn-default {
  color: #2eb6b8;
  background-color: #eaf8f8;
  border-color: #eaf8f8;
}
.btn-default:hover, .btn-default:focus {
  color: #fff;
  background-color: #f99289;
  border-color: #f99289;
}

.btn-white {
  color: #182531;
  background-color: #fff;
  border-color: #fff;
}
.btn-white:hover, .btn-white:focus {
  color: #fff !important;
  background-color: #f99289;
  border-color: #f99289;
}

.btn-rounded {
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 40px;
}

.btn-black {
  color: #fff;
  background-color: #1a2020;
  border-color: #1a2020;
}
.btn-black:hover, .btn-black:focus {
  color: #fff;
  background-color: #f99289;
  border-color: #f99289;
}

.btn-full {
  width: 100% !important;
}

.btn-link {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  color: #182531;
  text-decoration: none;
  letter-spacing: 0.05em;
  text-decoration: underline;
}
.btn-link:hover, .btn-link:focus {
  text-decoration: none;
  color: #f99289;
  text-decoration: none;
}

.btn-block {
  width: 100%;
}

.text-primary {
  color: #f99289 !important;
}

.text-dark {
  color: #182531 !important;
}

.text-info {
  color: #1a67e7 !important;
}

.text-muted {
  color: #7e7e7e !important;
}

.text-grey {
  color: #666666 !important;
}

.text-none {
  text-transform: none;
}

.form-group {
  margin-bottom: 10px;
}

.form-control {
  font-size: 14px;
  font-weight: 400;
  padding: 16px 30px;
  border: 1px solid #dfdfdf;
  color: #788088;
  height: auto;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  line-height: normal;
  transition: all 0.3s ease-in-out 0s;
}

.fileUpload {
  overflow: hidden;
  border: 1px solid #dfdfdf;
  border-radius: 30px;
}

.fileUpload .form-control {
  background-color: transparent;
  width: calc(100% + 200px);
  transform: translate(-101px);
  border: none !important;
  cursor: pointer;
}

.createProfile {
  padding-top: 50px;
  padding-bottom: 50px;
}

.termAnchorContent {
  margin-top: 50px;
}

.termsTableOfContent li {
  list-style-type: decimal;
}

.termsTableOfContent li a {
  text-decoration: underline;
}

.termAnchorContent {
  margin-bottom: 10px;
}

.createProfile textarea.form-control {
  border-radius: 5px;
}

select.form-control {
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../img/drop-arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #dfdfdf !important;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  top: calc(50% - 12px);
  left: calc(50% + 50px);
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

.profileView #mentor_booking .tab-pane,
.profileView #mentee_booking .tab-pane {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.cursorAuto {
  cursor: auto;
}

.rightAccPanel #mentor_booking .table-responsive,
.rightAccPanel #mentee_booking .table-responsive {
  border: none;
}

.expForm .select2-container--default .select2-selection--single {
  padding-top: 10px;
}

.bannerImg img {
  width: 1920px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.bannerPlay a,
.videoBox a {
  cursor: pointer;
}

.bannerBottomSection {
  padding-top: 60px;
}

.newsLetterLogin {
  position: relative;
  float: right;
}

.newsLetterLogin .form-control {
  padding: 0px;
  line-height: 42px;
  font-size: 13px;
}

.newsLetterLogin .btn-link {
  padding: 0px;
  text-decoration: none;
  position: absolute;
  right: 0px;
  top: 10px;
  font-size: 13px;
  font-weight: 600;
}

.logedInFooter h4 {
  font-weight: 600;
}

.logedInFooter p {
  color: #6e7073;
  font-size: 12px;
}

.headerProfileImg {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
}

.profileDropdownToggle {
  border-radius: 40px;
  padding: 0px 30px 0px 0px !important;
  height: 40px;
  color: #000;
  background-image: url(../img/arrow-down.jpg);
  background-repeat: no-repeat;
  display: flex;
  background-position: calc(100% - 10px) center;
  align-items: center;
  font-size: 14px;
}

.profileDropdownToggle.show {
  background-image: url(../img/arrow-down2.png);
}

.profileDropdownToggle:hover {
  color: #2eb6b8;
  background-image: url(../img/arrow-down3.png);
}

.profileDropdownToggle:focus {
  color: #2eb6b8;
  background-image: url(../img/arrow-down2.png);
}

.profileDropdownToggle span {
  position: relative;
  margin-left: 7px;
  margin-right: 5px;
  font-size: 14px;
  color: #262937;
}

.profileDropdownToggle.dropdown-toggle::after {
  bottom: 5px;
  position: relative;
  display: none;
}

.searchForm {
  width: calc(100% - 480px);
}

.searchForm form {
  width: 100%;
}

.searchForm .form-control {
  font-size: 13px;
  font-weight: 400;
  padding: 15px 15px;
  border: 1px solid #dfdfdf;
  color: #868a8d;
  border-radius: 30px;
  padding-left: 50px;
  background-image: url(../img/header-search.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  width: 100%;
}

.navbar-expand-lg .navbar-nav {
  flex-direction: row;
  width: 100%;
}

.nav-item {
  font-size: 15px;
  margin-right: 30px;
  display: flex;
  align-items: center;
}

.navbar-nav .nav-item:last-child {
  margin-right: 0px !important;
}

/*menu*/
.headerSection {
  padding: 0px 30px;
  border-bottom: 1px solid #efefef;
  display: flex;
  align-items: center;
}

.logo {
  width: 150px;
}

.desktopMenu {
  width: calc(100% - 150px);
}

.headerSection ul > li {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
}

.headerSection ul li a.nav-link {
  color: #5a5a5a;
  font-weight: 600;
  padding-top: 14px;
  padding-bottom: 15px;
}
.headerSection ul li a.nav-link:hover, .headerSection ul li a.nav-link:focus {
  color: #000;
}

.nav-item {
  margin-right: 48px;
}

.navbar-light .navbar-nav .nav-link {
  color: #000;
  font-weight: 400;
}

/*menu end*/
/*Banner Top Section*/
.bannerTop {
  background-color: #2eb6b8 !important;
  padding: 15px 0px;
}

.bannerTop p {
  color: #fff !important;
  margin-bottom: 0px;
  font-size: 14px;
}

.bannerTop p b {
  font-weight: 600;
}

.closeTopBar {
  position: absolute;
  top: 11px;
  line-height: 17px;
  color: #fff;
  right: 20px;
}

.closeTopBar .bi.bi-x {
  height: 30px;
  width: 30px;
  cursor: pointer;
}

/*Banner Top Section End*/
/*Banner Section*/
.homeBanner {
  border-bottom: 1px solid #efefef;
}

.bannerSec {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bannerText {
  position: relative;
}

.bannerText h1,
.bannerText h2 {
  font-weight: 600;
}

.bannerText h1 {
  font-size: 42px;
  margin-bottom: 0px;
  font-weight: 300;
}

.bannerText h2 {
  font-size: 106px;
  margin-bottom: 40px;
  line-height: 74px;
  color: #2eb6b8 !important;
  letter-spacing: -2px;
}

.bannerText p {
  font-size: 22px;
  line-height: 26px;
}

.bannerText * {
  color: #000 !important;
}

/*Banner section end*/
/*Team*/
.teamHold {
  margin: 0px 24px;
}
.teamHold h5 {
  margin-bottom: 0px;
}
.teamHold h6 {
  font-family: "sf-ui-display-regular", sans-serif;
  font-weight: 500;
}

.teamHold {
  max-width: 300px;
}

.owl-mentor.owl-carousel .owl-item {
  display: inline-block;
}

.teamImg {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  overflow: hidden;
  margin-bottom: 0px;
}
.teamImg img {
  position: relative;
  z-index: 9;
}

.teamThumb {
  position: relative;
}

.teamSec .btn-secondary {
  transition: 0.3s;
  color: #f99289;
  padding: 23px 110px 23px 75px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  overflow: hidden;
}
.teamSec .btn-secondary:hover, .teamSec .btn-secondary:focus {
  color: #fff;
}
.teamSec .btn-secondary .material-icons {
  transition: 0.3s;
  color: #000;
  position: absolute;
  transform: translate(0px);
  opacity: 1;
}
.teamSec .btn-secondary .material-icons {
  color: #fff;
  animation: 1s moveRight infinite linear;
}

.mentorBoxDes:hover .material-icons {
  animation: 1s moveRight infinite linear;
  -webkit-animation: 1s moveRight infinite linear;
}

@keyframes moveRight {
  0% {
    transform: translate(0px);
    opacity: 1;
  }
  100% {
    transform: translate(30px);
    opacity: 0;
  }
}
.brandLogo {
  padding-left: 25px;
  padding-right: 25px;
}

/*Team end*/
/*countbox*/
.countSec {
  position: relative;
  z-index: 9;
}

.countBox {
  padding: 95px 0px;
  box-shadow: 0px 0px 15px #f0efef;
  border-radius: 20px;
  background-color: #fff;
}

.countThumb {
  width: 33.3333333%;
  padding: 40px 0px;
  position: relative;
}
.countThumb h4,
.countThumb h5,
.countThumb h6 {
  position: relative;
  z-index: 9;
}

.middleThumb {
  position: relative;
}

.firstThumb::after,
.middleThumb:after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #cccccc;
  position: absolute;
  top: 0px;
}

.middleThumb::after,
.firstThumb::after {
  right: 0px;
}

.countThumb h4 {
  font-size: 18px;
  font-weight: 400;
  color: #526088;
  opacity: 0.5;
  margin-bottom: 30px;
}

.countThumb h5 {
  font-size: 45px;
  color: #243141;
  text-transform: uppercase;
  line-height: 44px;
}

.countThumb h6 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 400;
  color: #526088;
}

/*countbox end*/
/*testimonialSec*/
.testimonialSec {
  padding-top: 50px;
  position: relative;
  padding-bottom: 50px;
}

.testimonialBox {
  padding-left: 0px;
  padding-right: 0px;
}

.testiImg img {
  transform: translate(0px, 5px) scale(1.2);
}

.testiDes p {
  color: #222626;
  font-size: 28px;
  font-weight: 600;
}

.testiImg {
  position: relative;
  top: -35px;
  border-radius: 50%;
}

.testUserImg {
  width: 70px;
  height: 70px;
  bottom: 0px;
  overflow: hidden;
  border-radius: 50%;
  border: 5px solid #fff;
  position: relative;
  left: 20px;
}

.testiName h5 {
  font-size: 18px;
  color: #262937;
}

.testimonialBox p {
  font-size: 20px;
  font-weight: 400;
  color: #454C64;
}

.testimonialsContent {
  border-radius: 20px;
  padding: 20px 20px 50px 20px;
  position: relative;
  background-color: #F5F4FF;
  height: 340px;
}

.quotes .owl-stage .owl-item:first-child .testimonialsContent {
  background-color: #2eb6b8;
}

.typewrite {
  color: #2eb6b8;
}

.testimonialBox h5 {
  font-size: 18px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 8px !important;
}

.testimonialBox h6 {
  font-size: 16px;
  font-weight: 400;
  color: #989DAF;
}

/*testimonialSec end*/
/*Mentor section*/
.mentorSec {
  padding: 80px 0px 100px;
}

.mentorBoxDes {
  padding-top: 27px;
}

.mentorBoxDes h5 {
  color: #9894a6;
  font-weight: 400;
}

/*Mentor section end*/
/*works*/
.howWorkSec {
  background-color: #F7F8FB;
  padding: 85px 0px 45px 0px;
  margin-top: 50px;
}

.howWorkSec .customContainer {
  padding-left: 30px;
  padding-right: 30px;
}

.howWorkSec h2,
.howWorkSec h5 {
  color: #fff;
  font-weight: 400;
}

.howWorkSec h2 {
  color: #262937;
  font-weight: 400;
}

.howWorkSec h2 strong {
  font-weight: 600;
}

.howWorkSec h5 strong {
  font-weight: 600;
}

.howWorkThumb {
  padding: 0px;
}

.howWorkThumb h4 {
  color: #262937;
  font-weight: 600;
}

.howWorkThumb p {
  color: #454C64;
  font-size: 18px;
}

.homeFaqSec .accordion-item {
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 15px;
}

.homeFaqSec .accordion-item .accordion-button,
.homeFaqSec .accordion-item {
  background-color: transparent;
}

.mentorBox .heading2 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 400;
}

.testimonialSec .heading2 {
  font-weight: 400;
  margin-top: -20px;
}

.howWorkThumb a {
  background-color: #2eb6b8;
  font-weight: 400;
  text-decoration: none;
  color: #fff;
  font-size: 15px;
  width: 190px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #2eb6b8;
  font-weight: 600;
  text-decoration: none;
}
.howWorkThumb a:hover, .howWorkThumb a:focus {
  color: #182531;
}

.howWorkThumbImg img {
  position: relative;
  z-index: 9;
}

.howWorkThumbImg {
  position: relative;
  margin-bottom: 20px;
}

.owl-prev,
.owl-next {
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: calc(50% - 14px);
}

.howWorkSec .owl-prev {
  background-image: url(../img/white-arrow2.png);
  left: -40px;
}

.howWorkSec .owl-prev,
.howWorkSec .owl-next {
  top: 106px;
}

.howWorkSec .owl-next {
  background-image: url(../img/white-arrow.png);
  right: -40px;
}

.owl-mentor .owl-prev,
.category-matches .owl-prev,
.timeslotBox .owl-theme .owl-prev {
  background-image: url(../img/black-array2.png);
  left: -40px;
}

.owl-mentor .owl-next,
.category-matches .owl-next,
.timeslotBox .owl-theme .owl-next {
  background-image: url(../img/black-array.png);
  right: -40px;
}

.timeslotBox .owl-controls {
  display: block !important;
}

.quotes .owl-prev,
.quotes .owl-next,
.category-slider.owl-carousel .owl-next,
.category-slider.owl-carousel .owl-prev {
  width: 45px;
  height: 45px;
  border: 1px solid #DBDCDF;
  border-radius: 50%;
  top: auto;
}

.quotes .owl-prev,
.quotes .owl-next {
  bottom: -25px;
}

.testimonialBox h6 {
  margin-bottom: 0px;
}

.category-slider.owl-carousel .owl-next,
.category-slider.owl-carousel .owl-prev {
  bottom: -90px;
}

.quotes .owl-prev,
.category-slider.owl-carousel .owl-prev {
  background-image: url(../img/previous-left.png);
  left: 0px;
}

.quotes .owl-next,
.category-slider.owl-carousel .owl-next {
  background-image: url(../img/next-right.png);
  left: 55px;
}

.quotes .owl-prev {
  left: 20px;
}

.quotes .owl-next {
  left: 75px;
}

.category-matches .owl-next,
.category-matches .owl-prev {
  top: 90px;
}

.howWorkThumb:hover .howWorkThumbImg::before {
  transform: scale(1);
  opacity: 0.5;
  animation: 2s wave linear infinite;
}

@keyframes wave {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
/*works end*/
/*faq sec*/
.faqSec h4,
.faqSec h5 {
  font-weight: 400;
}

.faqSec .accordion-button,
.faqSec .accordion-button span {
  display: block;
}

.faqSec .accordion-button {
  font-size: 18px;
  padding: 24px 50px 24px 20px;
}

.accordion-button:not(.collapsed) {
  background: none;
  color: #1a2020;
}

.accordion-button:focus {
  outline: none;
  border: none;
}

.faqSec .accordion-body {
  font-weight: normal;
}

.accordion-button:not(.collapsed)::after {
  color: #1a2020;
}

.faqSec .accordion-button span {
  font-size: 15px;
  color: #7e7e7e;
}

.faqSec .accordion-button::after {
  position: absolute;
  right: 0px;
  top: 40px;
}

.accordion-item {
  border-left: none;
  border-right: none;
}

.ProfileAccordion .accordion-button h5 {
  color: #fff !important;
}

/*faq sec end*/
/*Category sec*/
.CategorySec {
  padding-top: 105px;
  padding-bottom: 100px;
}

.CategorySec h2 {
  color: #000;
  font-weight: 400;
}

.CategorySec h2 strong {
  font-weight: 600;
}

.catThumb {
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
}

.catThumbText {
  padding-top: 20px;
}

.catThumbText h4,
.catThumbText p {
  color: #000;
}

.catThumbText h4.heading2 {
  font-size: 30px;
  background-image: url(../img/long-right-arrow.png);
  padding-right: 40px;
  background-repeat: no-repeat;
  background-position: right 7px;
}

.catThumbText p:empty {
  display: none;
}

.catThumbText p {
  font-size: 18px;
}

.catCommentCount {
  font-size: 18px;
}

.catThumbText a {
  color: #fff;
  position: absolute;
  right: 0px;
  top: 20px;
}

.catThumbText a svg {
  width: 30px;
  height: 30px;
}

/*Category sec end*/
.VideoSection {
  padding: 140px 0px 180px;
  border-bottom-left-radius: 80px;
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.videoPlay2 {
  position: absolute;
  cursor: pointer;
}

footer .btn-black {
  text-transform: none;
  font-weight: 400;
}

footer.home .btn.btn-black {
  padding: 12px 40px !important;
  text-transform: uppercase;
}

footer form {
  width: 300px;
}

footer .form-control {
  background-color: transparent;
  border-bottom: 1px solid #ddd;
  border-left: none;
  border-right: none;
  border-top: none;
}

footer {
  padding-bottom: 30px;
}

footer.home {
  position: relative;
  padding-top: 80px;
}

.footerLogoContent {
  width: 346px;
}

footer li a {
  color: #989DAF;
  font-size: 15px;
  margin-bottom: 4px;
  display: block;
}
footer li a:hover, footer li a:focus {
  color: #f99289 !important;
}

footer p {
  color: #989DAF;
  font-size: 15px;
}

.newsletterHeading {
  margin-top: 10px;
  color: #8698a3;
  font-size: 13px;
}

footer h6 {
  color: #262937;
  font-size: 18px;
}

.copyright {
  padding-top: 40px;
  border-top: 1px solid #efefef;
  margin-top: 40px;
}

.copyright p {
  font-size: 16px;
  color: #989DAF;
}

.mentorBox.card {
  border: 1px solid #e2e2e2;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 5px;
  position: relative;
  background-color: transparent;
}

.mentorBox .rating {
  position: absolute;
  background-color: #2eb6b8;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  overflow: hidden;
  padding: 4px;
  right: 10px;
  top: 10px;
  font-size: 11px;
  color: #fff;
}

.memberImg {
  border-radius: 50%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

.memberimgBlock {
  width: 118px;
  position: relative;
  margin-bottom: 25px;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.memberimgBlock .memberImg {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0px 0px 2px #969595;
}

.memberimgBlock .memberImg img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.memberDesc p {
  font-size: 13px;
  color: #6c6b6b;
}

.memberDesc h4 {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
}

.mentorBox .btn-primary {
  padding: 10px 20px;
  font-weight: 600;
  text-transform: none;
  font-size: 14px;
  border-radius: 30px;
  background-color: #2eb6b8;
  border-color: #2eb6b8;
  text-transform: uppercase;
}

button#nextBtn,
button#skipBtn,
button#prevBtn {
  text-transform: uppercase !important;
}

.mentorBox .btn-primary:hover {
  color: #fff !important;
  background-color: #f99289 !important;
  border-color: #f99289 !important;
}

.mentorBox .btn-default {
  padding: 8px 15px;
  font-weight: 500;
  text-transform: none;
}

.mentorBox .btn-link {
  padding: 8px 0px;
  font-weight: 500;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0px;
}

.mentorBox .card-footer {
  padding: 8px;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  justify-content: center;
  display: flex;
}

.mentorSection {
  padding-bottom: 80px;
  margin-bottom: 80px;
}

.customContainer {
  padding-left: 230px;
  padding-right: 230px;
}

.testimonialSec .customContainer {
  padding-left: 70px;
  padding-right: 70px;
}

.footerContainer,
.headerContainer {
  padding-left: 100px;
  padding-right: 100px;
}

.mentorSection .alert {
  border: 1px solid #f2f2f2;
  padding: 17px 30px;
  color: #243141;
  display: flex;
  align-items: center;
}

.mentorSection .alert b {
  margin-left: 10px;
}

.sortByOption select {
  background-color: #fff;
  color: #000;
  padding: 5px 25px 5px 5px;
  font-size: 14px !important;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-image: url(../img/arrow-down.jpg);
  background-position: 95% center;
  background-repeat: no-repeat;
  border: 1px solid #d8d8d8;
}

.iconInfo {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 25px;
  margin-right: 20px;
  color: #fff;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  background-color: #2eb6b8;
}

.form-check-input:checked {
  background-color: #2eb6b8;
  border-color: #2eb6b8 !important;
}

.resize-ta {
  min-height: 100px;
}

.dropzone .dz-preview .dz-remove {
  font-size: 0px !important;
}

.form-check {
  padding-left: 0;
  padding-bottom: 14px;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  margin-bottom: 0px;
  padding-top: 14px;
  border-bottom: 1px solid #ddd;
}

.catSubMenu .form-check:last-child {
  border-bottom: none;
}

.badge.bg-light {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 13px;
  color: #4164e3 !important;
  font-weight: 500;
  background-color: #e9f1ff !important;
}

.form-check-input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 0px;
  border-radius: 0px !important;
}

.editProfileDes p {
  font-size: 18px;
}

.editProfileDes svg {
  height: 30px;
  width: 30px;
  color: #6f7d90;
  margin-top: 10px;
  margin-bottom: 7px;
}

.editProfileDes a {
  color: #3eb7ae;
  font-weight: 600;
}
.editProfileDes a:hover {
  color: #f99289;
}

.editProfileDes h4 {
  font-size: 34px;
  color: #000;
  margin-bottom: 0px !important;
}

.editProfileDes h5 {
  color: #000;
  font-size: 21px;
  font-weight: normal;
  margin-bottom: 10px;
}

.editProfileDes p {
  font-size: 16px;
  color: #909090;
}

footer.logedInFooter {
  background-color: #eff3f6;
  padding-top: 65px;
  padding-bottom: 65px;
}

footer.logedInFooter h6 {
  color: #f99289;
  font-size: 16px;
}

footer.logedInFooter li a {
  color: #5d6e7c;
}
footer.logedInFooter li a:hover, footer.logedInFooter li a:focus {
  color: #f99289 !important;
}

.editProfileDes {
  border-bottom: 1px solid #ddd;
  padding-bottom: 40px;
  margin-bottom: 55px;
}

.myAccountSection h3,
.editProfileDes h4,
.contentHeading h4 {
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  font-size: 52px;
  line-height: 52px;
  color: #000 !important;
}

.contentHeading h5 {
  font-size: 23px;
  color: #243141;
  font-weight: 400;
}

.modal-header .btn-close {
  position: absolute;
  right: -5px;
  background-color: #fff;
  opacity: 1;
  padding: 0px;
  border-radius: 50%;
  top: -5px;
  box-shadow: 0px 0px 5px #333;
  height: 30px;
  width: 30px;
  background-size: 12px;
}

.modal-header {
  border-bottom: none;
}

.modal-body {
  padding: 30px;
  position: relative;
}

.modal-body::before {
  position: absolute;
  content: "";
  left: 0px;
  right: 0px;
  height: 1px;
  background-color: #e8e8ea;
  bottom: 99px;
}

.modal-body h4 {
  font-weight: 400;
  color: #243141;
}
.modal-body h4 a {
  color: #243141;
}
.modal-body h4 a:hover, .modal-body h4 a:focus {
  color: #f99289;
}

.modal-lg {
  max-width: 650px;
}

.modalRow {
  padding-left: 50px;
  position: relative;
  min-height: 50px;
  padding-bottom: 20px;
}
.modalRow a {
  color: #2eb6b8;
}

.modal-content {
  border-radius: 5px;
}

.modal-header {
  border-bottom: 1px solid #e8e8ea;
}

.modal-backdrop.show {
  opacity: 0.7;
}

.modalRow .modalIcon {
  position: absolute;
  left: 0px;
  top: 0px;
}

.myAccountSection {
  min-height: 400px;
}

.tableData table thead tr:first-child th {
  background-color: #2eb6b8 !important;
  color: #fff;
}

.tableData table tr:nth-child(odd) th,
.tableData table tr:nth-child(odd) td {
  background-color: #fff !important;
  color: #182531;
}

.tableData table tr:nth-child(even) th,
.tableData table tr:nth-child(even) td {
  background-color: #ddd !important;
  color: #182531;
}

.tableData table tr td a:hover,
.tableData table tr td a:focus {
  color: #000;
  background-color: transparent;
}

.tableData table tr:hover td a,
.tableData table tr:hover td,
.tableData table tr:hover td a,
.tableData table tr:hover td a {
  background-color: transparent;
}

.tableData table td,
.tableData table th {
  border: 1px solid #fff;
  padding: 15px;
}

.mentorRightPan {
  border-left: 1px solid #f2f2f2;
  padding-left: 40px;
}

.mentorLeftPan h5 {
  font-size: 17px;
  font-weight: 400;
  color: #243141;
  position: relative;
}

.leftContentBox h6 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 26px;
  font-weight: 400;
  color: #243141;
  position: relative;
}

.mentorLeftPan .accordion-item {
  border: none;
  padding-left: 0px;
  padding-right: 0px;
}

.mentorLeftPan .accordion-item .accordion-button {
  padding-left: 0px;
  padding-right: 0px;
  font-size: 19px;
  font-weight: 600;
}

.mentorLeftPan .accordion-button.collapsed {
  color: #9798a0;
}
.mentorLeftPan .accordion-button.collapsed:hover {
  color: #000 !important;
}

.mentorLeftPan .accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

a.edit,
.about-edit {
  position: absolute;
  right: 0px;
  font-size: 14px;
  color: #2eb6b8;
}

a.edit:hover {
  color: #f99289 !important;
}

.about-edit {
  position: relative;
}

.about-edit svg {
  color: #788597;
  height: 23px;
  width: 23px;
}

.about-social {
  margin-bottom: 25px;
}

.about-social a {
  color: #2eb6b8;
  text-decoration: underline;
}

.about-social a:hover {
  color: #f99289;
}

.about-social svg {
  color: #8c939d;
  height: 25px;
  width: 25px;
  margin-left: 15px;
  transition: 0.3;
  -webkit-transition: 0.3;
  -moz-transition: 0.3;
  -ms-transition: 0.3;
  -o-transition: 0.3;
}
.about-social svg:hover, .about-social svg:focus {
  color: #2eb6b8;
}

.about-social .leftContentBox.noBorder svg {
  margin-right: 15px;
  margin-left: 0px;
}

.mentorLeftPan h5 svg {
  color: #788597;
  height: 23px;
  width: 23px;
}

.leftContentBox {
  border-top: 1px solid #e4e6e8;
  border-right: 1px solid #e4e6e8;
  border-bottom: 1px solid #e4e6e8;
  padding: 25px 25px 25px 0px;
}

.leftContentBox.noBorder {
  border: none;
  padding: 0px;
}

.alert-secondary h5 {
  font-size: 22px;
  color: #243141 !important;
  font-weight: 400 !important;
}

.profileSec .container {
  max-width: 100%;
  padding-left: 80px;
  padding-right: 80px;
}

.mentorProfileSection .accordion-item {
  background-color: #f5f7fa;
  border: none;
}

.mentorProfileSection .ProfileAccordion .accordion-button.collapsed,
.mentorProfileSection .ProfileAccordion .accordion-button {
  background-color: #2eb6b8 !important;
  color: #fff;
}

.mentorProfileSection .accordion-item {
  margin-bottom: 15px;
}

.mentorProfileSection .accordion-button:not(.collapsed) {
  box-shadow: none;
  border-bottom: 1px solid #ddd;
}

.leftContentBox p,
.leftContentBox li {
  font-size: 14px;
  color: #5a677a;
}

.leftContentBox.noBorder li {
  font-size: 17px;
}

.leftContentBox li,
.comunityBox ul li {
  padding-left: 15px;
  position: relative;
  padding-bottom: 5px;
}

.leftContentBox li a,
.leftContentBox h5 .find-new,
.comunityBox li a,
.videoHeading h4 a {
  position: absolute;
  display: inline-block;
  right: 0px;
  font-size: 11px;
  color: #5a677a;
  text-transform: uppercase;
}

.videoHeading h4 {
  position: relative;
}

.videoHeading h4 a {
  font-family: Poppins;
  font-weight: 600;
  bottom: 0px;
  text-decoration: underline;
  font-size: 14px;
  color: #243141;
}
.videoHeading h4 a:hover, .videoHeading h4 a:focus {
  color: #f99289;
}

.eventDate {
  font-size: 14px !important;
  color: #243141;
  margin-bottom: 5px;
}

.eventText {
  padding: 0px 10px 20px 10px;
}
.eventText a {
  font-weight: 600;
  color: #f99289;
}
.eventText a:hover, .eventText a:focus {
  color: #2eb6b8;
}
.eventText p {
  color: #6c6b6b;
}

.leftContentBox li a,
.comunityBox li a {
  text-decoration: underline;
}
.leftContentBox li a:hover, .leftContentBox li a:focus,
.comunityBox li a:hover,
.comunityBox li a:focus {
  color: #f99289;
}

.comunityBox span {
  font-size: 13px;
}

.leftContentBox li::before,
.comunityBox li::before {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  background-color: #737983;
  left: 0px;
  top: 6px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
}

.leftContentBox.boBorder li::before {
  top: 10px;
}

.alert-secondary {
  background-color: #f5f7fa;
  border: none !important;
  box-shadow: 0px 3px 5px #ddd;
  padding: 30px;
}

.alert-secondary p:last-child {
  margin-bottom: 0px;
}

.alert-secondary p {
  color: #6c6b6b;
}

.editProfilePic {
  margin-left: auto;
  margin-right: auto;
  width: 328px;
  height: 328px;
  line-height: 328px;
  text-align: center;
  position: relative;
  margin-top: -250px;
  margin-bottom: 20px;
}

.editImg {
  border: 6px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  width: 328px;
  height: 328px;
  line-height: 328px;
  text-align: center;
}

.editProfilePic img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.changePic svg {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 10px;
  left: 10px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.changePic:hover svg {
  color: #f99289;
}

.changePic {
  cursor: pointer;
  position: absolute;
  right: 13px;
  bottom: 65px;
  background-color: #fff;
}

.optionBox {
  position: relative;
}

.edit.add {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 11px !important;
  color: #5a677a;
  cursor: pointer;
}

.edit.add:hover {
  color: #f99289 !important;
}

.edit.add.blockItem {
  padding-right: 0px;
  font-size: 11px !important;
}

.blockItem {
  position: relative;
  padding: 5px 25px 5px 0px;
}

span.plusMinus {
  padding-right: 0px;
}

.removeItem {
  transition: 0.3s;
  color: red !important;
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 27px;
  height: 25px;
  width: 25px;
  text-align: center;
  box-shadow: 0px 0px 5px #666;
  border-radius: 50%;
  cursor: pointer;
  line-height: 26px;
}

.removeItem:hover {
  background-color: red !important;
  color: #fff !important;
}

.videoBox {
  margin-bottom: 20px;
}

.comunityBox .comunityHead {
  background-color: #f99289;
  color: #fff;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 25px;
  line-height: 53px;
  border-radius: 5px;
}

.comunityBox ul {
  background-color: #f7f9fb;
  min-height: 185px;
  padding: 30px;
}

.comunityBox ul li {
  font-size: 17px;
  color: #243141;
  position: relative;
}

.comunityBox li::before {
  top: 8px;
}

.videoBox {
  position: relative;
}

.videoBox:hover:after {
  background-color: rgba(88, 197, 198, 0.5);
}

.matchDesc h6 {
  font-size: 20px;
  color: #000;
}

.matchDesc p {
  font-size: 14px;
  color: #6c6b6b;
}

.matchVdo {
  margin-bottom: 12px;
  height: 200px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  overflow: hidden;
  overflow: hidden;
}

.createProfile .form-control:focus {
  border: 1px solid #182531;
}

select.form-control {
  background-image: url(../img/dropdown.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  padding-right: 45px;
}

.fileUpload {
  background-repeat: no-repeat;
  background-position: calc(100% - 3px) 3px;
}

.caseNormal {
  text-transform: none !important;
}

.loginScreen {
  background-color: #dee4f0;
  padding: 80px;
}

.loginSec {
  height: auto;
  width: 100%;
  display: flex;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
}

html,
body {
  overflow-x: hidden !important;
}

html,
body.loginScreen {
  height: auto;
}

.loginLeft {
  background-color: #fff;
  width: 42%;
  padding: 100px 120px 60px 120px;
  position: relative;
  box-sizing: border-box;
}

.passwordGroup {
  position: relative;
}

.loginPassShow {
  position: absolute;
  right: 15px;
  cursor: pointer;
}

#profile_password + .loginPassShow {
  top: 50px;
  width: 18px;
  height: 14px;
  color: transparent !important;
  font-size: 0px;
}

#profile_password[type=password] + .loginPassShow {
  background-image: url(../img/show.png);
}

#profile_password[type=text] + .loginPassShow {
  background-image: url(../img/hide.png);
}

.loginPassShow.showPass {
  color: #f99289;
}

.loginLeft label {
  font-size: 13px;
  color: #353f63;
  margin-bottom: 0px;
  position: relative;
  top: -3px;
  display: inline;
}

.loginLeft .form-control {
  border-radius: 3px;
  border-color: #edeff1;
}

.form-control::-moz-placeholder {
  color: #bbb !important;
  opacity: 1;
  /* Firefox */
}

.form-control::placeholder {
  color: #bbb !important;
  opacity: 1;
  /* Firefox */
}

.form-control:-ms-input-placeholder,
.form-control::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #bbb !important;
}

/* WebKit browsers */
.form-control:focus::-webkit-input-placeholder {
  color: transparent !important;
}

/* Mozilla Firefox 4 to 18 */
.form-control:focus:-moz-placeholder {
  color: transparent !important;
}

/* Mozilla Firefox 19+ */
.form-control:focus::-moz-placeholder {
  color: transparent !important;
}

/* Internet Explorer 10+ */
.form-control:focus:-ms-input-placeholder {
  color: transparent !important;
}

.loginLeft .form-control:hover,
.loginLeft .form-control:focus {
  border: 1px solid #2eb6b8 !important;
}

.loginLeft .loginBtn {
  width: 100%;
  text-transform: uppercase !important;
}

.loginLeft .form-check-input {
  width: 20px;
  height: 20px;
  box-shadow: none !important;
  outline: none !important;
}

.forgetPass {
  color: #2eb6b8 !important;
  font-size: 14px;
  font-weight: normal;
}

.rememberCheck {
  display: flex;
  gap: 10px;
}

.loginRightCol label.rememberLebel {
  font-size: 14px;
  color: #5A617B;
}

.loginOr {
  position: relative;
}

#rememberMe {
  border-color: #E2E5EA;
  border-radius: 4px !important;
}

.loginOr::before {
  content: "";
  height: 1px;
  background-color: #ebeef5;
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
}

.loginOr span {
  background-color: #fff;
  padding: 0px 10px;
  position: relative;
  z-index: 9;
  font-size: 14px;
}

.loginMember {
  position: relative;
  padding-top: 40px;
}

.loginMember p {
  font-size: 14px;
}
.loginMember p a {
  color: #4164e3;
}
.loginMember p a:hover, .loginMember p a:focus {
  color: #f99289;
}

.loginRight {
  width: 60%;
  background-color: #39c1c3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 185px;
  box-sizing: border-box;
  height: auto;
}

.chatRow {
  position: relative;
  min-height: 90px;
  margin-bottom: 20px;
}

.chatRow.rightChat {
  padding-left: 100px;
}

.chatRow.leftChat {
  padding-right: 100px;
}

.chatRow .chatPersonImg {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  height: 90px;
  width: 90px;
  position: absolute;
  top: 0px;
  line-height: normal !important;
}

.chatRow.rightChat .chatPersonImg {
  left: 0px;
}

.chatRow.leftChat .chatPersonImg {
  right: 0px;
}

.chatText {
  padding: 25px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #fff;
  font-size: 13px;
  color: #000;
}

.chatRow.leftChat .chatPerson {
  text-align: right;
}

.rightChat .chatText {
  border-top-right-radius: 30px;
}

.leftChat .chatText {
  border-top-left-radius: 30px;
}

.chatPerson {
  color: #fff;
  font-size: 13px;
  margin-bottom: 5px;
}

.full-border hr {
  margin: 0px;
  border: 1px solid #e8e8e8;
}

.resize-ta {
  min-height: 100px !important;
  padding: 16px 40px !important;
}

.noscroll {
  overflow: hidden;
  resize: none;
}

.hiddendiv {
  display: none;
  white-space: pre-wrap;
  width: 100%;
  min-height: 100px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding: 60px 30px;
}

.lbr {
  line-height: 3px;
}

#regForm {
  position: relative;
}

#regForm .form-group label.mb-1 {
  margin-bottom: 6px !important;
  font-size: 12px;
  color: #000;
}

#regForm .form-group .fieldDesc b {
  color: #000;
  font-weight: 500 !important;
}

input.invalid {
  background-color: #ffdddd !important;
}

textarea.invalid {
  background-color: #ffdddd !important;
}

.tab {
  display: none;
}

.stepformIdentifier {
  position: absolute;
  top: 40px;
  left: 0px;
  right: 0px;
  text-align: center;
  width: 538px;
  margin: auto;
}

.stepformIdentifier::before {
  content: "";
  height: 2px;
  width: calc(100% - 3px);
  position: absolute;
  background-color: #2eb6b8;
  top: 10px;
  z-index: 0;
  opacity: 1;
}

.stepformIdentifier .step:last-child::before {
  display: none;
}

.step {
  height: 20px;
  width: 20px;
  border: 3px solid #fff !important;
  margin: 0 20px;
  background-color: #bdc7d0;
  border: none;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  z-index: 999;
}

.stepformIdentifier .step:first-child {
  margin-left: 0px;
}

.stepformIdentifier .step:last-child {
  margin-right: 0px;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
  border: 3px solid #3ba8aa !important;
  background-color: #fff !important;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #2eb6b8;
}

.profileFormBtn {
  min-width: 120px;
}

.profileFormBtn.btnFinishForm {
  width: auto;
}

.fileUpload .form-control input {
  display: none;
}

.teamSec .btn-secondary {
  position: relative;
}

.thankYouContainer {
  padding: 160px 0px;
}

.groupTemp {
  padding-top: 45px;
}

.tempLeft {
  min-width: 160px;
  margin-right: 20px;
}

.wishShareBox {
  width: 75px;
  margin-bottom: 40px;
}

.shareImg {
  height: 75px;
  width: 75px;
  display: grid;
  align-items: center;
  justify-content: center;
  border: 1px solid #cacaca;
  border-radius: 50%;
  margin-bottom: 10px;
  transform: scaleX(-1);
  transition: 0.3s;
}

.wishShareBox .shareImg.heart {
  color: #d7443e;
}

.wishShareBox:hover .shareImg.heart {
  background-color: #d7443e;
  border-color: #d7443e;
}

.shareImg.reply {
  color: #324860;
}

.wishShareBox:hover .shareImg.reply {
  background-color: #324860;
  border-color: #324860;
}

.wishShareBox:hover .shareImg {
  color: #fff;
}

.shareImg .material-icons {
  font-size: 36px;
}

.wishShareCount {
  font-size: 11px;
  color: #616161;
}

.devider {
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: 1px solid #cccccc;
}

.tempBodySidebar {
  min-width: 335px;
}

.tempBodyContent {
  min-width: calc(100% - 407px);
}

.rightbarWithBg {
  background-color: #faf9fd;
  padding: 35px 25px;
  margin-bottom: 40px;
}

.groupMemberSingle {
  width: 50px;
  display: inline-block;
  margin: 15px 8px 0px 8px;
}

.groupMemberName {
  font-size: 10px;
  color: #939294;
}

.tempBodySidebar .groupMembers .btn-outline-secondary,
.loadmore-activity.btn-outline-secondary {
  font-size: 12px;
  color: #353f63;
  border-color: #edeff1;
  text-transform: none;
  margin-top: 25px;
}

.tempBodySidebar .groupMembers .btn-outline-secondary:hover,
.loadmore-activity.btn-outline-secondary:hover {
  background-color: #353f63;
  color: #fff;
  border-color: #353f63;
}

.recentMediaBox {
  width: 82px;
  margin: 3px;
  display: inline-block;
}

.activeGroupThumb {
  min-width: 155px;
  background-color: #faf9fd;
  border-radius: 10px;
  padding: 25px 30px 30px;
  margin-bottom: 15px;
}

.activeGroupImage {
  width: 65px;
  display: inline-block;
  margin-bottom: 15px;
}

.activeGroup {
  justify-content: space-between;
}

.activeGroup h5 {
  margin-bottom: 0px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}

.countMember {
  font-size: 12px;
}

.tempBodyContent {
  margin-right: 75px;
  position: relative;
}

.noSidebar .tempBodyContent {
  margin-right: 0px !important;
}

.tempBodyContent nav {
  position: absolute;
  left: -160px;
}

.tempBodyContent nav .nav-tabs {
  display: block;
  border-bottom: none;
}

.tempBodyContent .nav-tabs .nav-link {
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 13px;
  color: #9c9c9c;
  font-weight: 600;
}

.activeGroupDesc .text-danger {
  font-size: 12px;
  font-weight: 600;
  margin-top: 10px;
}

.tempBannerFooter h4 {
  font-weight: 400;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #000;
}

.tempBodyContent p {
  font-size: 14px;
  color: #7c7c7c;
}

.tempBodyContent h4 {
  font-weight: 400;
}

.recomendedMatch {
  justify-content: space-between;
}

.recomendedMatch li {
  background-color: #faf9fd;
  min-width: 300px;
  padding: 45px;
  border-radius: 20px;
  margin-bottom: 35px;
}

.recSecGap {
  padding-bottom: 70px;
  margin-bottom: 100px;
  border-bottom: 1px solid #efefef;
}

.recomemdedSec {
  margin-bottom: 100px;
}

.recomemdedSec h4 {
  font-weight: normal;
  margin-bottom: 35px;
}

.recomemdedSec h5 {
  font-size: 26px;
  margin-bottom: 0px;
}

.recomemdedCountMatch {
  font-size: 15px;
}

.roundedImage {
  width: 85px;
  display: inline-block;
}

.tempBodySidebar h4 {
  font-size: 16px;
}

.tempBodySidebar h5 {
  font-size: 14px;
}

.buttonsGroup .btn-secondary {
  background-color: #2eb6b8 !important;
}

.buttonsGroup .btn-outline-secondary {
  position: relative;
  padding-left: 37px;
  color: #353f63;
  letter-spacing: 0px;
  border-color: #edeff1;
}

.buttonsGroup .btn {
  font-size: 13px;
  text-transform: none;
  font-weight: normal;
}

.buttonsGroup .btn-outline-secondary:hover {
  color: #fff;
  background-color: #353f63;
  border-color: #353f63;
}

.buttonsGroup .btn-outline-secondary i {
  position: absolute;
  left: 0px;
  transition: 0.3s;
  color: #323d3d;
  font-size: 23px;
  left: 11px;
}

.buttonsGroup .btn-outline-secondary:hover i {
  color: #fff;
}

.tempBannerImg {
  margin-bottom: 18px;
}

.buttonsGroup {
  justify-content: flex-end;
  margin-left: auto;
}

.postBanner {
  padding-bottom: 18px;
  border-bottom: 1px solid #efefef;
}

.groupCat {
  display: block;
}

.leftGropTitle {
  font-size: 13px;
  color: #616161;
  line-height: 15px;
}

.postGroupDetails .leftGropTitle {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  line-height: 20px;
}

.gap00 {
  margin: 0px;
  padding: 0px;
}

.tempBannerFooter {
  align-items: center;
}

.profileBy {
  font-size: 13px;
  font-weight: 500px;
  margin-bottom: 20px;
}

.profileBy span {
  display: block;
  font-weight: 400;
}

.groupProfileImg {
  width: 65px;
  margin-bottom: 10px;
}

.userGroupDetails .btn {
  font-weight: 400 !important;
  padding: 5px 20px;
  margin-bottom: 5px;
}

.myGropSidebar {
  flex-wrap: wrap;
}

.evebtImgDesc {
  padding-left: 90px;
  position: relative;
}

.eventImgThumb {
  margin-bottom: 20px;
}

.eventDateThumb {
  position: absolute;
  left: 0px;
  width: 70px;
  text-align: center;
  background-color: #eceff1;
  border-radius: 5px;
  padding: 12px 10px 10px 10px;
}

.eventDateThumb .date {
  font-weight: 700;
  font-size: 37px;
  line-height: 34px;
}

.eventDateThumb .month {
  font-weight: 700;
  font-size: 10px;
}

.eventThumbCont h5 {
  font-size: 19px;
  font-weight: 400;
  margin-bottom: 10px;
}

.eventThumbCont p {
  font-size: 13px;
  color: #6c6b6b;
}

.tabletOn {
  display: none !important;
}

.paginationList {
  display: flex;
  justify-content: center;
  border-top: 1px solid #ddd;
  padding-top: 20px;
  padding-bottom: 20px;
}

.paginationList li a {
  color: #182531;
  display: inline-block;
  padding: 10px;
  border: 1px solid #f5f3ee !important;
  min-height: 40px;
  min-width: 46px;
  transition: 0.3s;
}
.paginationList li a:hover, .paginationList li a:focus {
  border-color: #2eb6b8 !important;
  color: #fff;
  background-color: #2eb6b8;
}

header {
  position: relative;
  transition: 0.3s;
}

.top-fixed {
  position: fixed;
  left: 0px;
  right: 0px;
  top: -200px;
  z-index: 99990;
}

.top-fixed-come {
  top: 0;
}

.calendar-feed {
  position: absolute;
  right: 17px;
  top: 13px;
  font-size: 12px;
}

.calendar-feed .material-icons {
  position: relative !important;
  right: auto;
  top: 2px;
}

.CommunityList .memberimgFullBlock a.btn-primary:hover {
  color: #fff !important;
}

.buttonGroupRow {
  padding: 0px 40px 0px 0px !important;
  position: relative;
  min-height: 53px;
  width: 212px;
}

.buttonGroupRow .helpPopAnchor {
  position: absolute;
  right: 0px;
  top: 0;
  box-shadow: none !important;
  border-left: 1px solid #ddd;
  border-radius: 0px;
  width: 48px;
}

.buttonGroupRow #copy-calendar-feed {
  position: relative;
  padding-right: 35px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: end;
  width: calc(100% - 7px);
  letter-spacing: 0px;
}

.helpPopAnchor .material-icons {
  right: 16px;
  left: auto !important;
  top: 0px !important;
  transform: translateY(0px) !important;
}

/*landing page styles*/
#speaker_bio_popup .modal-lg {
  max-width: 945px;
}

#speaker_bio_popup .overview-community {
  margin-bottom: 20px !important;
}

#speaker_bio_popup .overview-community .overview-community-image img {
  border-radius: 10px;
}

#speaker_bio_popup .editCommunityRow {
  padding-right: 0px !important;
}

#speaker_bio_popup.modal {
  padding-right: 0px !important;
}

#speaker_bio_popup #bio-tagline {
  color: #31b2b6;
}

#speaker_bio_popup .modal-content {
  border-radius: 20px;
}

#speaker_bio_popup .overview-community .overview-community-image img {
  max-width: 80px;
}

@media (max-width: 1700px) {
  .container-fluid.customContainer.groupContainer {
    padding-left: 100px;
    padding-right: 100px;
  }
  .recomendedMatch li {
    min-width: calc(25% - 15px);
  }
}
/*community*/
.activityRow {
  margin-bottom: 30px;
}

.eventCpmment {
  padding-top: 30px;
}

.eventCpmment .activityRow {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 30px;
}

.activityProfile {
  min-width: 65px;
  margin-right: 35px;
  position: relative;
}

.activityProfile span {
  font-size: 12px;
}

.activityPin {
  position: absolute;
  right: -5px;
  top: -10px;
}

.activityDesc {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 20px;
  position: relative;
}

.eventCpmment .activityDesc {
  border: none;
  border-radius: 0px;
  padding: 0px;
  width: 100%;
}

.activityDate {
  font-size: 11px;
  position: absolute;
  right: 20px;
  top: -11px;
  background-color: #f3f5f7;
  padding: 2px 10px;
  border-radius: 10px;
}

.activityDate .material-icons {
  font-size: 12px;
}

.activityDesc h3 {
  font-size: 22px;
}

.eventCpmment .activityDesc h3 {
  font-size: 18px;
}

.eventCpmment .activityDesc h3 .material-icons {
  color: white;
  background-color: red;
  border-radius: 50%;
  font-size: 14px;
  padding: 3px;
}

.eventCpmment .commentSubRow .activityDesc h3 .material-icons {
  font-size: 10px;
}

.activityAction ul li,
.commentTime {
  font-size: 12px;
  display: inline-block;
  position: relative;
  margin-right: 20px;
  padding-right: 15px;
}

.activityAction ul li a,
.commentTime {
  color: #7c7c7c;
}

.commentTime {
  margin-left: 20px;
}

.activityAction ul li::before,
.commentTime::before {
  position: absolute;
  content: "";
  height: 5px;
  width: 5px;
  background-color: #7c7c7c;
  right: -5px;
  border-radius: 50%;
  top: calc(50% - 2px);
}

.commentTime::before {
  right: auto;
  left: -12px;
}

.activityAction ul li:last-child {
  margin-right: 0px;
  padding-right: 0px;
}

.activityAction ul li:last-child:before {
  display: none;
}

.activityAction ul li .favorite .material-icons {
  color: white;
  background-color: red;
  border-radius: 50%;
  font-size: 9px;
  padding: 3px;
}

.activityAction ul li .like .material-icons {
  color: white;
  background-color: #1a64f4;
  border-radius: 50%;
  font-size: 9px;
  padding: 3px;
}

.commentSubRow {
  padding-top: 40px;
  padding-bottom: 40px;
}

.activityDesc .commentSubRow:last-child {
  padding-bottom: 0px;
}

.commentSubRow .activityDesc h3 {
  font-size: 14px;
}

.commentSubRow .activityProfile {
  min-width: 45px;
  margin-right: 15px;
  position: relative;
}

.activityContent .form-control {
  padding: 40px;
  border-radius: 15px;
  border-color: #ddd;
  margin-bottom: 20px;
}

.activityContent .btn {
  width: 100%;
  background-color: #f3f5f7 !important;
  color: #000 !important;
  border: none !important;
}
.activityContent .btn:hover, .activityContent .btn:focus {
  background-color: #2eb6b8 !important;
  color: #fff !important;
}

.alert-secondary.commentAelrt {
  background-color: #f9fafb;
  text-transform: uppercase;
  padding: 20px;
  font-size: 12px;
  letter-spacing: 1px;
  color: #9f9fa0;
  margin-bottom: 35px;
  box-shadow: none;
}

.commentNo .heading1 {
  font-size: 62px;
  line-height: 60px;
  font-weight: 700;
  margin-bottom: 0px;
}

.commentNo span {
  font-size: 12px;
  display: block;
  letter-spacing: 1px;
  color: #9f9fa0;
  line-height: 20px;
}

.commentCount {
  margin-bottom: 35px;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 35px;
}

.commentSignout {
  margin-left: auto;
}

.commentSignout .loadmore-activity.btn-outline-secondary {
  margin-left: auto;
  margin-top: 0px;
  padding: 20px 60px;
  border-width: 2px;
  font-size: 18px;
  letter-spacing: 0px;
}

.reactImg {
  position: absolute;
  right: 50px;
  top: -24px;
}

.activityContent form .form-group {
  position: relative;
}

.activityContent form .form-group .form-control {
  min-height: 200px;
}

.commentMainRow {
  margin-top: 60px;
}

.category-slider .owl-stage {
  height: auto;
}

/*community end*/
.fieldDesc {
  font-size: 12px;
  padding-left: 19px;
  position: relative;
  margin-top: 2px;
  display: block;
}

.createProfile .form-group {
  min-height: 72px;
}

.navbar,
.bannerTop {
  position: relative;
  z-index: 90;
}

header .navbar {
  padding-top: 15.5px;
  padding-bottom: 15.5px;
}

.slider {
  width: calc(100% - 65px);
  margin: 0px 30px;
  padding: 15px 20px;
}

.subMenuSlider {
  background-color: #fafafc !important;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.slick-slide {
  margin: 0px 2px;
}

.slick-prev:before,
.slick-next:before {
  color: #2eb6b8 !important;
  transition: 0.3s;
  transform: scale(1);
  font-size: 36px;
}

.slick-prev,
.slick-next {
  width: 36px;
  height: 40px;
}

.slick-slide {
  transition: all ease-in-out 0.3s;
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}

.subMenuSlider {
  transform: translateY(-200px);
  transition: 0.3s;
  opacity: 0;
  display: none;
}

.subMenuSlider.profileListing.catSubListing.submenuComes {
  background-color: transparent !important;
  border-bottom: none;
}

.subMenuSlider.submenuComes {
  transform: translateY(0);
  opacity: 1;
  display: block;
}

.subMenuSlider .variable a {
  font-size: 16px;
  padding: 7px 15px;
  display: inline-block;
  border-radius: 30px;
  color: #5A617B;
}

.subMenuSlider .variable a:hover,
.subMenuSlider .variable a.current {
  color: #2EB6B8 !important;
}

.owl-carousel .owl-controls {
  display: none;
}

.quotes .owl-controls {
  display: inline-block;
}

.teamImg,
.matchVdo,
.catThumbImg {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
  border-radius: 50%;
}

.matchVdo {
  border-radius: 25px;
}

.catThumbImg {
  border-radius: 0px;
}

.teamImg img,
.matchVdo img,
.catThumbImg img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.owlProfile,
.matchProfile {
  position: relative;
  margin-bottom: 12px;
}

.catematch {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}

.category-slider .item {
  display: inline-block;
}

.staticLink.leftContentBox a {
  position: relative;
}

.staticLink.leftContentBox li::before {
  top: 8px;
}

.nodate {
  padding-left: 0px;
}

.eventThumbCont a.readMore {
  font-weight: 600;
  color: #f99289;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  border: 1px solid #dfdfdf;
  padding: 9.5px 10px;
  min-height: 56px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single {
  border: 1px solid #dfdfdf;
}

select.form-control.invalid + .select2-container--default .select2-selection--multiple,
select.form-control.invalid + .select2-container--default .select2-selection--single {
  background-color: #ffdddd !important;
}

.bannerCaption .select2-container--default .select2-selection--single {
  border: none !important;
}

.select2.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display,
.select2-container--default .select2-selection--single .select2-selection__choice__display {
  font-size: 12px;
  color: #646464;
}

.form-group label.mb-1 {
  margin-bottom: 3px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--single .select2-selection__choice {
  background-color: transparent;
  border: 1px solid #e0e4e9;
  border-radius: 30px;
  margin: 5px 2.5px;
  padding: 2px 0px 4px 27px;
  color: #fff;
  line-height: 16px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: #2eb6b8;
  border: none;
  color: #fff;
  font-weight: normal;
  padding: 0;
  left: 3px;
  top: calc(50% - 6.5px);
  bottom: 0;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  transition: 0.3s;
}

.select2-selection__choice__remove span {
  height: 13px;
  display: inline-block;
  line-height: 8px;
  position: absolute;
  left: 2px;
  top: 3px;
  font-size: 14px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-right: 8px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f99289;
  color: #fff;
}

.catSelect {
  max-width: 60%;
  min-width: 60%;
}

.btn-redius {
  border-radius: 40px;
}

.homeCateSelect {
  width: 1024px;
  margin-left: calc(50% - 512px);
}

/*Time tab*/
.timeslotBox .item {
  text-align: center;
}

.timeslotBox {
  padding: 0px 70px;
}

.timeTab {
  padding: 15px 25px;
  border-radius: 30px;
  background-color: #f8f9fb;
  box-shadow: 0px 3px 3px #e7e8ec;
  width: auto;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  margin: 4px;
  transition: 0.3s;
  white-space: nowrap;
}

.timeTab:hover,
.timeTab.active {
  background-color: #54c4c5;
  color: #fff;
}

.timeslotBox .text-success {
  color: #2eb6b8;
}

.timeslotBox .owl-prev {
  left: -70px !important;
  background-color: #fff;
  border-radius: 50%;
  top: calc(50% - 20px);
  box-shadow: 0px 0px 3px #ddd;
  background-size: 20px;
}

.timeslotBox .owl-next {
  right: -70px !important;
  background-color: #fff;
  border-radius: 50%;
  top: calc(50% - 20px);
  box-shadow: 0px 0px 3px #ddd;
  background-size: 20px;
}

.homeFaqSec .nav-item {
  margin-left: 10px;
  margin-right: 10px;
}

.homeFaqSec .nav-pills .nav-link {
  border-radius: 30px;
  padding: 10px 30px;
  border: 1px solid #2eb6b8;
  color: #2eb6b8;
}

.homeFaqSec .nav-pills .nav-link:hover {
  color: #fff;
  background-color: #2eb6b8;
}

.homeFaqSec .nav-pills .nav-link.active,
.homeFaqSec .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #2eb6b8;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  box-shadow: 0px 0px 8px #edeff1;
}

.select2-dropdown.select2-dropdown--below {
  border-color: #dfdfdf;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.select2-dropdown.select2-dropdown--above {
  border-color: #dfdfdf;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--selected {
  background-color: #2eb6b8;
  color: #fff;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: auto !important;
  box-shadow: 5px 5px 5px #999;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  background-image: url(../img/angle_down_icon.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
}

.homeCateSelect .select2-container--default .select2-selection--multiple,
.homeCateSelect .select2-container--default .select2-selection--single {
  width: calc(100% - 1px) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 35px;
}

.bannerSearchBox .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 42px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #000;
}

.mentorLeftPan .form-check .form-check-input {
  margin-right: 5px;
  box-shadow: none !important;
}

.mentorLeftPan .accordion-body {
  padding: 1rem 1.5rem;
}

.innerBanner {
  max-height: 210px !important;
  width: 100% !important;
  background: #ebebeb;
  overflow: hidden;
  min-height: 210px !important;
}

.innerBanner img {
  width: 100%;
  min-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}

#regForm .fieldDesc {
  color: #788088;
}

#regForm .form-check-input {
  margin-right: 5px;
  box-shadow: none !important;
}

#regForm .accordion-body {
  padding: 1rem 42px;
  border-top: 1px solid #dfdfdf;
}

#regForm .accordion-item {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  margin-bottom: 10px;
}

#regForm .accordion-button {
  border-radius: 5px;
  font-size: 15px;
  font-weight: 400;
  padding: 19px 12px;
  font-family: "sf-uidisplay-medium" !important;
  color: #788088;
}

.changePic {
  font-family: "sf-uidisplay-medium" !important;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}

.profile-resume_upload {
  margin-bottom: 40px;
}

.bigbutton {
  padding: 20px 60px;
  color: #fff !important;
  border-radius: 50px;
  text-transform: uppercase !important;
}

.tempBodyContent.blogList {
  margin-right: 0px;
}

.fc .fc-button-primary {
  background-color: #2eb6b8 !important;
  background-color: #2eb6b8 !important;
  border-color: #2eb6b8 !important;
  border-color: #2eb6b8 !important;
}

.fc .fc-daygrid-day.fc-day-today,
.guestSlotBooking .fc-unthemed .fc-today,
.fc td:hover.fc-day {
  background-color: #2eb6b8 !important;
  background-color: #2eb6b8 !important;
}

.fc .fc-day-today .fc-daygrid-day-number,
.guestSlotBooking .fc-basic-view td.fc-day-number.fc-today,
.fc td:hover.fc-day {
  color: #23a9bb !important;
}

.myAccountSection .fc-theme-standard td {
  cursor: pointer;
}

.fc-unthemed .fc-today {
  background: #def2f5 !important;
}

.fc-state-default {
  background-color: #2eb6b8 !important;
  background-image: none !important;
  color: #fff !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

#booking-calendar h2 {
  width: 100%;
  font-size: 16px;
  float: left;
  margin-top: 0;
  font-weight: 500;
  text-transform: uppercase;
  color: #000 !important;
  padding-top: 8px;
}

.fc-prev-button,
.fc-next-button {
  background-color: #2d3e50 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: auto !important;
}

.fc-today-button,
.fc-month-button {
  background-color: #f99289 !important;
}

.fc-agendaWeek-button,
.fc-month-button,
.fc-agendaDay-button,
.fc-today-button {
  padding-top: 8.5px !important;
  padding-bottom: 8.5px !important;
  height: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  text-transform: uppercase;
  font-size: 13px !important;
  font-weight: 600;
  border-radius: 5px !important;
  margin-left: 2px !important;
  border: none !important;
  min-width: 85px !important;
}

.fc-agendaWeek-button,
.fc-agendaDay-button {
  background-color: #0f212b !important;
}

.fc-day-header {
  font-weight: 400;
}

.fc th {
  font-weight: 400;
  font-size: 13px;
}

.fc .fc-toolbar-title {
  position: relative;
  top: auto;
}

.slotWrap {
  margin: 30px 0px 0px;
  padding: 20px 0px 50px;
  border-bottom: 1px solid #ddd;
}

.fc td.fc-widget-content:not(.fc-past) {
  cursor: pointer;
}

.mentorLeftPan .accordion-body .accordion-body {
  padding-right: 0px;
}

.mentorLeftPan .accordion-item .accordion-button {
  padding-left: 0px;
  padding-right: 0px;
  font-size: 19px;
  font-weight: 600;
}

.mentorLeftPan .accordion-item .accordion-item .accordion-button {
  font-size: 15px !important;
  padding-left: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.mentorLeftPan .accordion-item .accordion-item .form-check {
  font-size: 12px;
}

.tableData table td,
.tableData table th {
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  padding: 15px !important;
}

.fc .fc-col-header-cell-cushion {
  display: inline-block !important;
  padding: 15px 4px !important;
}

.fc .fc-toolbar-title {
  position: relative !important;
}

.fc .fc-view-harness {
  margin-bottom: 80px !important;
}

.contentHeading {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.guestSlotBooking .fc th {
  font-weight: 400 !important;
  font-size: 13px !important;
  padding: 15px 0px !important;
}

.fc-day-today::before,
.guestSlotBooking .fc-unthemed .fc-bg .fc-today::before,
.fc td:hover.fc-day::before,
.fc-unthemed .fc-bg .fc-today::before {
  content: "";
  position: absolute;
  height: 4px;
  background-color: #23a9bb;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.fc-day-today,
.guestSlotBooking .fc-unthemed .fc-today,
.fc td {
  position: relative;
}

.guestSlotBooking {
  padding-top: 20px;
}

.mentorLeftPan .accordion-item .accordion-item .accordion-button {
  color: #000;
}

.leftPanMenu {
  margin-bottom: 30px;
}

.leftPanMenu li a {
  background-color: #2eb6b8 !important;
  display: block !important;
  padding: 12px 15px !important;
  color: #fff !important;
  border-bottom: 1px solid #fff !important;
}
.leftPanMenu li a:hover, .leftPanMenu li a:focus {
  background-color: #f99289 !important;
  color: #fff !important;
}

.select2-container {
  z-index: 0;
}

#mentorCountry .select2-container {
  z-index: 999;
}

#edit-questionaries-frm label,
#edit-questionaries-frm label,
#edit-profile-frm label {
  margin-bottom: 6px !important;
  margin-left: 31px;
  font-size: 14px;
}

#edit-questionaries-frm h5 {
  border-top: 1px solid #ebebeb;
  text-align: center;
}

.viewProfile .blockItem {
  position: relative;
  padding: 0;
  width: calc(20% - 6px);
  text-align: center;
  margin: 5px 3px;
  display: inline-block;
}

.viewProfile .blockItem img {
  width: auto !important;
  height: auto !important;
}

.viewProfile .blockItem a {
  font-size: 14px !important;
  line-height: 16px !important;
}

.socialLogin .customCol {
  text-align: center;
}

.about-social svg.bi.bi-facebook:hover {
  color: #395498;
}

.about-social svg.bi.bi-instagram:hover {
  color: #933593;
}

.about-social svg.bi.bi-youtube:hover {
  color: #f70000;
}

.homeDropDown.select2-container--default .select2-results > .select2-results__options {
  max-height: none !important;
  overflow-y: auto !important;
}

#book-slot-frm .form-group {
  min-height: 72px;
  position: relative;
  z-index: 9;
}

.autoTextArea {
  border-radius: 5px;
  border: 1px solid #dfdfdf;
  padding: 20px 12px !important;
}

.autoTextArea textarea,
.autoTextArea textarea.resize-ta {
  border: 0px !important;
  padding: 0px !important;
}

#mentorlist > .row {
  width: 100% !important;
  padding-right: 0px !important;
}

#mentorlist > .row .mobCenter {
  padding-right: 0px !important;
}

#mentorlist > .row .mobCenter p {
  margin-bottom: 0px;
  margin-top: 60px;
  font-weight: 600;
  font-size: 20px !important;
  border-bottom: 1px solid #dcdddf;
  padding-bottom: 16px;
}

#mentorlist > .row:not(:first-of-type) {
  margin-top: 60px;
}

.table-striped .bi-x-circle path {
  fill: red;
}

.table-striped .bi-check-circle path {
  fill: green;
}

.imgCircle {
  border-radius: 50%;
  overflow: hidden;
}

.restSetion {
  justify-content: center;
}

.restSetion .card {
  border: 0px !important;
}

.restSetion .card-header {
  border: 0px !important;
  background: transparent !important;
}

.slick-list.draggable {
  max-width: 1600px;
  margin: 0 auto;
}

.subMenuSlider .slider {
  width: 100%;
  margin: 0px;
  padding: 17px 20px;
  transition: 0.3s;
}

.top-fixed .subMenuSlider .slider {
  padding: 8px 20px;
}

header.top-fixed .navbar {
  padding-top: 8px;
  padding-bottom: 8px;
}

.categoryToggle.dropdown-toggle::after {
  display: none;
}

.select2-results__options li:empty {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  box-shadow: none !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 0px;
  padding: 0px 20px;
}

.select2-container--default .select2-results > .select2-results__options {
  border: none !important;
  box-shadow: none !important;
}

.select2-dropdown.select2-dropdown--below {
  border-color: #dfdfdf !important;
  box-shadow: none !important;
}

.select2-results__option {
  padding: 6px 20px;
}

.swal-overlay--show-modal {
  z-index: 99999;
}

.select2-container--default:not(.homeCateSelect) .select2-selection--single .select2-selection__rendered {
  color: #888;
  font-size: 15px;
  padding: 0px !important;
  font-family: "Poppins", sans-serif !important;
}

.select2-container .select2-search--inline .select2-search__field {
  color: #212529 !important;
  font-size: 15px;
  padding: 0px !important;
  margin-left: 0px;
  font-family: "Poppins", sans-serif !important;
}

.select2-container--default:not(.homeDropDown) .select2-results__option {
  font-size: 15px;
}

.mentorLeftPan .accordion-item .accordion-item .form-check {
  font-size: 12px;
  position: relative;
  padding-right: 30px;
  display: flex;
}

.form-check-label {
  display: inline-block;
  width: calc(100% - 25px) !important;
}

.accordion-body .form-check .form-check-input {
  margin-left: 0;
  margin-right: 5px;
}

.btn {
  box-shadow: none !important;
}

.halfButton,
.fullButton {
  padding-top: 20.5px;
  padding-bottom: 20.5px;
  font-size: 14px;
}

.bannerButtonBox {
  width: 485px;
  margin-left: calc(50% - 242.5px);
}

.halfButton {
  width: calc(50% - 10px);
  margin-left: 5px;
  margin-right: 5px;
}

.fullButton {
  width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
}

.btn.btnmentor {
  box-shadow: 0px 0px 20px #e9e9e9 !important;
  border-radius: 40px;
  margin-bottom: 15px;
}

.blockWrapMiddle {
  display: flex;
  align-items: center;
}

.swal-button {
  background-color: #2eb6b8 !important;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  padding: 15px 25px;
}

.swal-button:hover {
  color: #fff;
  background-color: #f99289 !important;
  border-color: #f99289 !important;
}

.sortByOption,
.shortByWrap {
  display: inline-block;
}

.shortByWrap {
  margin-left: 5px;
}

.sortByOption {
  font-size: 15px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  position: relative;
  top: 14px;
}

.shortByWrap .select2-container--default .select2-selection--single {
  padding: 0px 35px 0px 20px !important;
  min-height: 40px !important;
}

.shortByWrap .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

.blogList .contentHeading {
  margin-bottom: 60px !important;
}

.BlogListWrap {
  border-bottom: 0px;
}

/*New account*/
.leftAccPanel {
  margin-top: -120px;
  position: relative;
}

.tableData table tr td,
.rightAccPanel td {
  font-size: 12px;
  color: #646464;
}

.tableData table tr:nth-child(2n) td {
  background-color: #fff !important;
}

.tableData table thead tr:first-child th {
  background-color: #fff !important;
  color: #777;
  font-size: 12px;
  font-weight: 400;
}

.rightAccPanel .table td {
  border-bottom: 1px solid #e8e8ea !important;
  color: #646464 !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.rightAccPanel #mentor_booking .table td {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.rightAccPanel .table tr:last-child td {
  border-bottom: none !important;
}

.rightAccPanel .table tr td:first-child {
  border-left: 5px solid #fff;
  transition: 0.3s;
}

.rightAccPanel .table tr:hover td:first-child {
  border-left: 5px solid #6ab592;
}

.rightAccPanel .table tr {
  box-shadow: 5px solid red;
}

.tableData table thead tr:first-child th {
  border-bottom: 1px solid #e8e8ea !important;
}

.rightAccPanel .table {
  margin-bottom: 0px;
}

.rightAccPanel .table-responsive {
  border: 1px solid #ddd;
}

.rightAccPanel .status {
  width: 110px !important;
  display: inline-block;
  position: relative;
}

.rightAccPanel .status.btnThin {
  padding: 5px 5px 5px 20px !important;
  font-size: 11px;
  letter-spacing: 0px;
  width: 98px !important;
  margin-top: 1px;
  margin-bottom: 1px;
}

.statusAction {
  margin-left: 15px;
}

.statusPending {
  background-color: #ffea8a !important;
}

.statusApproved {
  background-color: #e4f5ed !important;
}

.statusRejected {
  background-color: #fdd9e6 !important;
}

.statusPending {
  background-color: #ffea8a !important;
  border-radius: 40px;
  padding: 5px;
  display: flex;
  font-size: 14px;
}

.rightAccPanel .material-icons {
  position: absolute;
  font-size: 16px;
  left: 5px;
  top: 4px;
}

.deleteTimeSlotRow .material-icons, .editTimeSlotRow .material-icons {
  position: absolute;
  font-size: 16px;
  left: auto;
  top: 4px;
  height: 24px;
  min-width: 24px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}

.rightAccPanel .status .material-icons {
  top: calc(50% - 8px);
}

.rightAccPanel .statusPending .material-icons {
  color: #9c6f21;
}

.rightAccPanel .statusApproved .material-icons {
  color: #6ab592;
}

.rightAccPanel .statusRejected .material-icons {
  color: #e35a8e;
}

.rightAccPanel .statusCanceled .material-icons {
  color: #e35a8e;
}

.rightAccPanel .tableData table td:first-child {
  width: 115px;
}

.rightAccPanel .tableData table td:nth-child(2) {
  width: 125px;
}

.rightAccPanel .tableData table td:nth-child(3) {
  width: 180px;
}

.rightAccPanel .tableData table td:last-child {
  width: 130px;
}

.paginationCol {
  text-align: right;
}

.paginationUl li {
  display: inline-block;
  padding: 5px;
}

.countRow {
  font-size: 12px;
  color: #646464;
}

.countRow {
  font-size: 12px;
  color: #939495;
}

.connectionPageUl {
  border-left: 1px solid #e8e8ea;
  border-right: 1px solid #e8e8ea;
  border-top: 1px solid #e8e8ea;
}

.connectionPageUl li a {
  background-color: #fff;
  font-size: 13px;
  font-weight: 500;
  color: #59646f;
  position: relative;
  padding-right: 40px;
  display: flex;
  padding: 20px 45px 20px 55px;
  border-bottom: 1px solid #e8e8ea;
}

.connectionPageUl li a:hover {
  color: #2eb6b8;
  background-color: #fff;
  box-shadow: 0px 0px 8px #ddd;
  z-index: 9;
  position: relative;
}

.connectionPageUl li a::before {
  content: "";
  width: 3px;
  background-color: #2eb6b8;
  position: absolute;
  left: 0px;
  top: 100%;
  bottom: 0px;
  transition: 0.3s;
}

.connectionPageUl li a:hover::before,
.connectionPageUl li.current a::before {
  top: 0px;
}

.connectionPageUl li.current a {
  color: #2eb6b8;
  background-color: transparent;
}

.connectionPageUl li a span.bg-danger {
  position: absolute;
  right: 12px;
  background-color: #f99289 !important;
  color: #fff !important;
  font-weight: normal;
  border-radius: 20px;
  font-size: 12px;
}

.connectionPageUl li a .material-icons {
  position: absolute;
  left: 20px;
  color: #919eab;
}

.linkUrlsRow,
.linkSocialNetwork {
  background-color: #fff;
  border-left: 1px solid #e8e8ea;
  border-right: 1px solid #e8e8ea;
  padding: 20px;
  position: relative;
}

.linkSocialNetwork {
  border-bottom: 1px solid #e8e8ea;
}

.linkUrl {
  border-radius: 50%;
  background-color: #2eb6b8;
  text-align: center;
  line-height: 45px;
  width: 45px;
  height: 45px;
}

.linkBox {
  width: 45px;
  height: 45px;
  position: relative;
  margin-right: 10px;
  display: inline-block;
}

.linkUrl .material-icons {
  line-height: 45px;
  color: #97dbdc;
}

.addRemovedIcon {
  position: absolute;
  right: -8px;
  bottom: 0px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  cursor: pointer;
}

.addRemovedIcon .material-icons {
  font-size: 25px;
  border-radius: 50%;
  color: #f99289 !important;
  background-color: #fff;
}

.rowHeading {
  font-weight: 500;
  font-size: 14px;
  padding-bottom: 15px;
}

.documentRow {
  background-color: #fff;
  border: 1px solid #e8e8ea;
  padding: 20px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  position: relative;
}

.fileImg {
  height: 45px;
  width: 45px;
  text-align: center;
  border: 1px solid #e8e8ea;
  line-height: 39px;
  border-radius: 50%;
}

.fileImg img {
  max-width: 30px;
  width: 20px;
}

.singleFile {
  width: 45px;
  position: relative;
  display: inline-block;
  margin-right: 10px;
}

.singleIcon {
  position: relative;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: #2E3A48;
  text-align: center;
  line-height: 25px;
  margin-right: 10px;
  display: inline-block;
  border: 2px solid #fff;
}

.singleIcon .fab {
  color: #fff;
  font-size: 24px;
  line-height: 45px;
}

.activate.facebook {
  background-color: #395498;
}

.activate.linkedin {
  background-color: #007ab9;
}

.activate.youtube {
  background-color: #f70000;
}

.activate.instagram {
  background-color: #933593;
}

.profileSec {
  background-color: #f5f6f8;
  padding-bottom: 50px;
  padding-top: 0px;
}

.profileThumb,
.profileExpart {
  background-color: #fff;
  padding: 33px 18px 24px 18px;
  border-radius: 10px;
  margin-bottom: 15px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
}

.profileExpart {
  padding: 20px;
}

.profileimage {
  border-radius: 50%;
  overflow: hidden;
  height: 140px;
  width: 140px;
  margin: 0px auto 10px;
  border: 1px solid #e8e8ea;
}

.profileimage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.profileName {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
}

.profileCategory {
  padding: 9px 15px;
  display: inline-block;
  font-size: 12px;
  border: 1px solid #DBDCDF;
  margin: 0 5px 10px 0px;
  display: inline-block;
  border-radius: 8px;
  color: #5A617B;
}

.contactBtnProfile {
  height: 44px;
  width: 44px;
  background-color: #2E3A48;
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 50%;
}
.contactBtnProfile:hover {
  background-color: #f99289 !important;
  color: #fff !important;
}

.categoryRow .material-icons {
  transform: translateY(9px);
}

.btn-primary .material-icons {
  transform: translateY(7px);
  position: absolute;
  top: 8px;
}

.profileThumb .btn-primary {
  background-color: transparent;
  border-radius: 30px;
  color: #335496;
  font-weight: 600;
  font-size: 13px;
  border: none;
  box-shadow: 0px 2px 5px #ccc !important;
  margin: auto;
  position: relative;
  padding: 16px 65px 16px 35px;
}

.profileAddress {
  margin: 40px 0px 10px 0px;
  padding: 13px 0px 13px 70px;
  position: relative;
  border-top: 1px solid #e8e8ea;
  border-bottom: none;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  animation-play-state: paused;
}

.location-edit {
  cursor: pointer;
  position: absolute;
  right: -13px;
  height: 30px;
  width: 30px;
  left: auto;
  top: -17px;
  border-radius: 50%;
  box-shadow: 0px 0px 5px #aaa;
  text-align: center;
  line-height: 30px;
  background-color: #fff;
}

#edit-category {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  box-shadow: 0px 0px 5px #aaa;
  text-align: center;
  line-height: 30px;
  background-color: #fff;
}

.form-check-input:focus {
  box-shadow: none !important;
}

.modal-body #edit_profile_field_category .accordion-body label {
  font-size: 13px;
  padding-left: 5px;
}

.modal-body #edit_profile_field_category .accordion-body .accordion-button {
  padding: 1rem 0px 1rem 0px;
  font-size: 14px;
}

.profileAddress.country-row {
  margin: 0px 0px 20px 0px;
  border-top: 1px solid #e8e8ea;
  border-bottom: 1px solid #e8e8ea;
}

.profileAddress.country-row.country {
  margin-bottom: 5px !important;
  border-bottom: 0px !important;
}

.edit-city,
.edit-country {
  font-weight: 600;
  margin-right: 5px;
  display: inline-block;
}

.location-edit {
  position: absolute;
  right: 0px;
}

.timezone-edit {
  position: absolute !important;
  right: 0px !important;
  height: 30px;
  width: 30px;
  left: auto;
  top: -17px !important;
  border-radius: 50%;
  box-shadow: 0px 0px 5px #aaa !important;
  text-align: center;
  line-height: 30px;
  background-color: #fff;
}

#edit_profile_field_category label {
  font-size: 13px;
  margin-left: 5px;
}

#edit_profile_field_category .accordion-button {
  padding-left: 0px !important;
  padding-right: 0px !important;
  font-size: 14px;
}

.profileAddress .location {
  position: absolute;
  left: 0px;
  top: 13px;
  color: #939393;
  font-size: 12px;
}

.profileAddress p {
  font-size: 12px;
  margin-bottom: 0px;
  color: #000;
}

.rightAccPanel .nav-tabs .nav-link,
.rightAccPanel .nav-tabs .nav-item .nav-link {
  color: #5A617B;
  font-size: 16px;
  font-weight: 400;
  padding: 12px 0px;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 2px solid transparent;
}

.rightAccPanel .nav-tabs .nav-link.active,
.rightAccPanel .nav-tabs .nav-item.show .nav-link {
  color: #2eb6b8 !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  background-color: transparent;
  border-bottom: 2px solid #2eb6b8 !important;
}

.rightAccPanel .nav-tabs .nav-link:hover,
.rightAccPanel .nav-tabs .nav-link:focus {
  color: #2eb6b8 !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 2px solid #2eb6b8 !important;
}

.rightAccPanel .nav-tabs {
  border: 1px solid #e8e8ea;
  background-color: #fff;
  margin-bottom: -1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.rightAccPanel .nav-tabs .nav-link {
  margin-bottom: 0;
}

.pageName {
  font-size: 12px;
  position: relative;
  padding-top: 13px;
  padding-left: 16px;
  padding-right: 45px;
  margin-right: 25px;
  font-weight: 500;
  background-image: url(../img/seperater.png);
  background-repeat: no-repeat;
  background-position: right center;
}

.profileAge {
  font-size: 12px;
  color: #939393;
  text-align: center;
  margin-bottom: 10px;
}

.black-text {
  color: #000;
}

.addNewItem {
  font-size: 12px;
  color: #335496;
  font-weight: 500;
  position: absolute;
  right: 15px;
  cursor: pointer;
  transition: 0.3s;
}

.addNewItem:hover {
  color: #2eb6b8 !important;
}

.addNewItem {
  font-size: 12px;
  color: #335496;
  font-weight: 500;
  position: absolute;
  right: 15px;
  cursor: pointer;
  transition: 0.3s;
}

.addNewItem:hover {
  color: #2eb6b8 !important;
}

.profileImgWrap {
  position: relative;
}

.profileImgWrap .profileEditIcon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: #e0e4e9;
  line-height: 35px;
  text-align: center;
  position: absolute;
  right: -94px;
  left: 0px;
  margin: auto;
  bottom: 8px;
}

.profileEditIcon.linkedInIcon {
  height: 40px;
  width: 40px;
  background-color: transparent !important;
}

#startZoomMeeting {
  margin-top: 60px;
  background-color: #2eb6b8;
  font-weight: 400;
  text-decoration: none;
  color: #fff;
  font-size: 15px;
  width: 190px;
  padding-left: 15px;
}

.zmwebsdk-makeStyles-center-898 {
  color: #fff !important;
}

.zmwebsdk-MuiBox-root p,
#zmwebsdk-MuiPaper-root p,
.zmwebsdk-MuiPaper-root p,
.zmwebsdk-MuiTypography-root p,
zmwebsdk-MuiSelect-root {
  color: #fff !important;
}

.zmwebsdk-MuiSvgIcon-fontSizeSmall {
  color: #2eb6b8 !important;
}

.zmwebsdk-MuiFormControl-root input:not(:-moz-placeholder) + span {
  transform: translateY(0px) translateX(2px);
}

.zmwebsdk-MuiFormControl-root input:not(:placeholder-shown) + span {
  transform: translateY(0px) translateX(2px);
}

.profileImgWrap .material-icons {
  color: #707274;
  font-size: 16px;
}

.bannerSec .changePic {
  padding: 7.5px 9px 7.5px 35px;
  right: 60px;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #fff;
  border-radius: 30px;
  background-color: rgba(0, 0, 0, 0.5);
  font-family: "sf-uidisplay-medium" !important;
}

.bannerSec .changePic span {
  font-size: 13px;
  color: #fff;
  border-radius: 30px;
}

.bannerSec .changePic .material-icons {
  font-size: 15px;
  color: #fff;
  position: absolute;
  left: 14px;
  top: 8px;
}

.editSection {
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 20px;
}

.editSecHeading {
  border-bottom: 1px solid #e8e8ea;
  position: relative;
}

#mentorlist {
  padding: 20px;
}

.editSecHeading .pageName {
  width: auto;
  display: inline-block;
  padding: 18px 35px 18px 28px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
}

.editThumb {
  padding: 24px 10px 10px 10px;
  border: 1px solid #e8e8ea;
  width: 33.3333333%;
  border-radius: 5px;
  position: relative;
  min-height: 162px;
  margin-bottom: 10px;
}

.editThumb.fullWidthThumb {
  width: 100%;
  min-height: 65px;
}

.editThumb.no-content {
  border: none;
}

.editThumbEdit {
  height: 32px;
  width: 32px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 5px #ddd;
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  text-align: center;
}

.editThumbEdit .material-icons {
  font-size: 24px;
  color: #335496;
  position: relative;
  line-height: 32px;
  left: auto;
  top: auto;
}

.editThumb p {
  font-size: 14px;
  color: #5c5c5c;
  margin-bottom: 0;
}

.editThumbHeading {
  font-size: 16px;
  font-weight: 500;
  color: #193369;
  width: calc(100% - 45px);
}

.seeMore,
.rm-link {
  font-size: 11px;
  color: #2eb6b8;
  text-transform: uppercase;
  font-weight: 500;
}

.editThumbRow {
  display: flex;
  gap: 10px;
}

.editThumb ul li {
  font-size: 12px;
  color: #000;
  background-color: #f4f6f7;
  padding: 5px 10px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 4px;
  font-weight: 500;
}

.BookSlotPanel {
  background-color: #fff;
}

.bookingBody {
  padding: 20px 18px;
}

/*view profile*/
.attachRowBottom {
  margin-top: -1px;
}

.attachRowTop {
  margin-bottom: 0px;
}

.profileThumb .btn-primary.bookMentor {
  font-size: 12px;
  letter-spacing: 0px;
  width: 100%;
  background-color: #2eb6b8;
  box-shadow: none;
  color: #fff;
}

.profileThumb .btn-primary.bookMentor .material-icons {
  top: calc(50% - 10px);
  left: auto;
  font-size: 20px;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  right: 40px;
}

.listChoice ul li {
  font-size: 12px;
  border: 1px solid #e0e4e9;
  color: #646464;
  padding: 3px 10px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 4px;
  font-weight: 500;
}

.listChoiceRow {
  background-color: #fff;
  border-left: 1px solid #e8e8ea;
  border-right: 1px solid #e8e8ea;
  padding: 20px;
  position: relative;
}

.singleItem {
  font-size: 12px;
  color: #646464;
}

.leftButtonRow {
  background-color: #fff;
  border: 1px solid #e8e8ea;
  padding: 20px 20px 20px 20px;
}

.leftButtonRow .btn-primary {
  background-color: transparent;
  border-radius: 30px;
  color: #335496;
  font-weight: 600;
  font-size: 12px;
  border: none;
  box-shadow: 0px 2px 5px #ccc;
  margin: auto;
  position: relative;
  padding: 16px 55px 16px 35px;
  letter-spacing: 0;
  width: 100%;
}

.leftButtonRow .btn-primary .material-icons {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  position: absolute;
  top: calc(50% - 10px);
  left: auto;
  font-size: 20px;
  right: 40px;
}

.editThumb.viewThumb {
  border: none;
}

.editThumbRow.viewRow {
  gap: 30px;
}

.viewRow .editThumbHeading {
  width: auto;
}

.editSection.viewSection {
  margin-bottom: 0px;
  border-radius: 0px;
  padding: 15px;
}

.viewSection .editSecHeading .pageName span {
  position: relative;
  z-index: 9;
}

.viewSection .editSecHeading .pageName::before {
  content: "";
  background-color: #fff;
  position: absolute;
  left: 0px;
  right: -5px;
  height: 20px;
  z-index: 0;
}

.viewSection .editSecHeading .pageName {
  padding: 0 0 0 28px;
  background-image: none;
  position: relative;
  top: 10px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: #000;
}

.editThumb.viewThumb {
  min-height: auto;
}

.rightBtnSection {
  border-top: 1px solid #e8e8ea;
  background-color: #fff;
  padding: 20px;
}

.whiteBtn {
  padding: 12px 25px 12px 50px;
  right: 60px;
  bottom: 20px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #335496;
  border-radius: 30px;
  font-weight: 600;
  box-shadow: 0px 0px 5px #ddd;
  border: none;
  width: auto;
  display: inline-block;
}

/*view profile end*/
/*Registration form*/
.stepwizard-step p {
  margin-top: 10px;
  font-size: 11px;
  color: #b0b1b2;
}

.stepwizard {
  display: block;
  width: 885px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.stepwizard-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.stepwizard-row::before {
  top: 14px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 765px;
  height: 1px;
  background-color: #ccc;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.stepwizard-step {
  display: inline-block;
  text-align: center;
  position: relative;
  width: 12.5%;
}

.stepwizard-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.btn-circle {
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 0;
  line-height: 1.428571429;
  border-radius: 50%;
  border: 2px solid #949596;
  font-size: 11px;
  color: #b0b1b2;
  background-color: #fff;
  line-height: 15px;
}

.btn-circle.btn-primary {
  border-color: #2eb6b8 !important;
  color: #2eb6b8 !important;
}

.stepRegForm {
  background-color: #f5f6f8;
}

.setup-content h3 {
  font-size: 16px;
  color: #193369;
  margin-bottom: 25px !important;
}

.regForm {
  max-width: 1024px;
  padding: 35px;
  background-color: #fff;
  border-radius: 5px;
  margin: 75px auto 0px;
}

/*replace*/
.form-group {
  margin-bottom: 15px;
}

.form-control {
  font-size: 15px;
  font-weight: 500;
  padding: 16px 12px;
  border: 1px solid #dfdfdf;
  color: #2a3d4e;
  height: auto;
  border-radius: 10px;
  line-height: normal;
  transition: all 0.3s ease-in-out 0s;
}

.fileUpload {
  overflow: hidden;
  border: 1px solid #dfdfdf;
  border-radius: 10px;
}

.dropzone {
  background-color: transparent !important;
}

.fieldDesc {
  font-size: 12px;
  padding-left: 0;
  position: relative;
  margin-top: 8px;
  display: block;
}

.form-group {
  position: relative;
}

.form-group span.placehold {
  padding: 10px;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 10px;
  transition: 0.2s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  font-size: 15px;
  line-height: 15px;
  color: #888;
}

input:not(:-moz-placeholder) + span, textarea:not(:-moz-placeholder) + span {
  transform: translateY(-15px) translateX(2px);
  font-size: 12px !important;
}

input:focus + span,
input:not(:placeholder-shown) + span,
.autoTextArea:focus + span,
textarea:not(:placeholder-shown) + span,
.autoTextArea:focus-within + span,
.autoTextArea + span.HasVal,
.UserNameArea:focus-within + span,
.UserNameArea + span.HasVal {
  transform: translateY(-15px) translateX(2px);
  font-size: 12px !important;
}

/* For IE Browsers*/
input:focus + span,
input:not(:-ms-input-placeholder) + span,
.autoTextArea:focus + span,
textarea:not(:placeholder-shown) + span,
.autoTextArea:focus-within + span,
textarea:not(:placeholder-shown) + span {
  transform: translateY(-15px) translateX(2px);
  font-size: 12px !important;
}

.UserNameArea #user_name_check {
  font-size: 12px;
}

.setup-content .btn {
  font-size: 12px;
  min-width: inherit;
  padding: 12px 45px;
  line-height: normal;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.nextBtn {
  float: right;
  position: relative;
  padding-right: 60px !important;
}

.prevBtn {
  position: relative;
  padding-left: 60px !important;
  float: left;
}

.prevBtn .material-icons {
  position: absolute;
  font-size: 20px;
  left: 38px;
  top: 11px;
}

.nextBtn .material-icons {
  position: absolute;
  font-size: 20px;
  left: auto;
  top: 11px;
}

.btn-skip {
  float: right;
  text-decoration: none;
}

/*Registration form*/
#profile-resume.dropzone .dz-preview.dz-file-preview .dz-image {
  background: url(../img/doc-white.png) no-repeat !important;
  background-position: center center;
  border-radius: 0px !important;
}

#profile-assets.dropzone .dz-preview.dz-file-preview .dz-image {
  background: url(../img/file-white.png) no-repeat !important;
  background-position: center center;
  border-radius: 0px !important;
}

.mentorSection {
  padding-bottom: 30px;
  margin-bottom: 80px;
  background-color: #f5f6f8;
}

.mentorBox.card {
  border: 1px solid #e2e2e2;
  padding-top: 35px;
  padding-bottom: 35px;
  border-radius: 5px;
  position: relative;
  background-color: transparent;
}

.memberimgBlock {
  width: 85px;
  height: 85px;
  position: relative;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.mentorBox .card-footer {
  padding: 0px;
  background-color: transparent;
  border-top: none;
  justify-content: center;
  display: flex;
}

.mentorBox .btn-primary {
  padding: 9px 27px;
  font-weight: 600;
  text-transform: none;
  font-size: 12px;
  border-radius: 30px;
  background-color: #2eb6b8;
  border-color: #2eb6b8;
  text-transform: uppercase;
}

.mentorRightPan {
  border-left: none;
  padding-left: 0px;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  background-image: url(../img/angle_down_icon.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 1px) calc(50% + 3px);
  background-color: transparent;
  padding-right: 15px;
}

.stepwizard-step.active .btn-circle.btn-primary {
  border-color: #2eb6b8 !important;
  color: #2eb6b8 !important;
}

.btn-circle {
  line-height: 16px;
}

.select2-dropdown {
  position: relative;
}

.singleIcon {
  margin-bottom: 10px;
}

.linkBox {
  margin-bottom: 10px;
}

.singleFile {
  margin-bottom: 10px;
}

.mentorLeftPan {
  border: 1px solid #e8e8ea;
  border-radius: 5px;
  padding: 0px 18px;
  background-color: #fff;
}

.editProfileModelForm {
  width: 100%;
}

#mentorlist > .row > .mobCenter p {
  margin-top: 0;
}

.mentorSection.mentorList {
  margin-bottom: 0px !important;
}

.memberDesc .catItem {
  font-size: 12px;
  color: #000;
  display: inline-block;
  background-color: #e6e9ed;
  padding: 3px 15px 5px 15px;
  border-radius: 20px;
  margin: 1px 0px;
}

.mentorSection.mentorList {
  margin-bottom: 0px !important;
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
  background-color: #2eb6b8 !important;
  background-image: linear-gradient(to bottom, #2eb6b8, #2eb6b8) !important;
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
  background-color: #2eb6b8 !important;
  background-image: linear-gradient(to bottom, #2eb6b8, #2eb6b8) !important;
}

.modal-body label {
  font-size: 15px;
  font-weight: 500;
  color: #193369;
  width: calc(100% - 0px);
}

.modalTitle h3 {
  font-size: 16px !important;
  text-transform: uppercase;
  margin-bottom: 0px;
  background-image: url(../img/seperater.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 40px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.modal-header {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 30px;
}

.caseNormal.modelSave,
.caseNormal.modelClose {
  text-transform: uppercase !important;
  padding: 10px 25px !important;
  letter-spacing: 0px;
  min-width: auto;
  position: relative;
}

.caseNormal.modelSave {
  padding-right: 50px !important;
  float: right;
}

.caseNormal.modelClose {
  float: left;
}

.caseNormal.modelSave:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  right: 25px;
  top: calc(50% - 6px);
  background: url(../img/next-arrow.png) no-repeat !important;
  background-position: center;
}

.sloticon {
  position: relative;
  display: inline-block;
  margin: 0px 4px;
}

.sloticon span {
  border: 1px solid #e0e4e9;
  box-shadow: 0px 3px 3px #eeeeee;
  padding: 5px;
  font-size: 20px !important;
  top: inherit !important;
  left: inherit !important;
  position: relative !important;
  border-radius: 50%;
  font-size: 20px;
  color: #4a67a2 !important;
}

.swal-button--cancel {
  color: #fff !important;
  text-transform: uppercase !important;
}

.datepicker {
  background: url(../img/calender_icon.png) no-repeat !important;
  background-position: calc(100% - 10px) center !important;
}

.timepicker {
  background: url(../img/clock_icon.png) no-repeat !important;
  background-position: calc(100% - 10px) center !important;
}

.weekDays {
  background-color: transparent;
  border: 1px solid #e0e4e9;
  border-radius: 30px;
  margin: 1px 1px;
  padding: 2px 0px 4px 20px;
  line-height: 16px;
  width: auto !important;
  display: inline-block;
  font-size: 12px;
  color: #646464;
  padding-right: 8px;
  position: relative;
}

.weekDays .material-icons {
  position: absolute;
  height: 13px;
  display: inline-block;
  line-height: 8px;
  position: absolute;
  left: 2px;
  top: 7px;
  font-size: 14px;
  color: #2eb6b8;
}

.rightAccPanel .tableData table.slotTable td:nth-child(2) {
  width: 220px;
}

.rightAccPanel .tableData table.slotTable td:first-child {
  width: 220px;
}

.rightAccPanel .tableData table.slotTable td:nth-child(3) {
  width: 160px;
}

.fc th {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #000;
  padding-top: 19px;
  padding-bottom: 19px;
}

.fc-other-month {
  background: url(../img/pastdate.png) !important;
}

.fas.fa-globe {
  color: #fff;
}

.AllMentorList td:nth-child(5) {
  width: 130px;
}

.AllMentorList td:nth-child(6) {
  width: 220px;
}

input:not(:-moz-placeholder) + span.select2-container {
  transform: translateY(0px) translateX(0px);
}

input:not(:placeholder-shown) + span.select2-container {
  transform: translateY(0px) translateX(0px);
}

.timeBetweenRow input + .material-icons,
.timeBetweenRow input:focus + .material-icons {
  transform: translateY(0px) translateX(0px) !important;
}

.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #000;
  padding: 2px 2px !important;
}

.modal-open {
  padding-right: 0px !important;
}

.stepwizard-row .stepwizard-step.active ~ .stepwizard-step .btn {
  border-color: #949596 !important;
  color: #b0b1b2 !important;
  background: #fff !important;
}

.stepwizard-row .stepwizard-step .btn {
  border-color: #2eb6b8 !important;
  color: #fff !important;
  background: #2eb6b8 !important;
  cursor: auto;
}

.stepwizard-row .stepwizard-step.active .btn {
  border-color: #2eb6b8 !important;
  color: #fff !important;
  background: #2eb6b8 !important;
}

#user-booking-slots {
  margin-bottom: 30px !important;
}

#booking-user-details {
  padding-top: 0px !important;
}

.glyphicon {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.glyphicon-arrow-left::before {
  content: "\f060";
}

.glyphicon-arrow-right::before {
  content: "\f061";
}

.category-slider.owl-carousel .owl-controls {
  display: block !important;
}

.datetimepicker-hours th.prev,
.datetimepicker-minutes th.prev,
.datetimepicker-minutes th.next,
.datetimepicker-hours th.next {
  opacity: 0;
  pointer-events: none;
}

.select2-container .select2-search--inline .select2-search__field {
  line-height: 25px;
  height: 25px;
}

.comRow {
  display: flex;
  flex-flow: row wrap;
}

.comRow img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

.comImg {
  height: 60px;
  width: 60px;
  text-align: center;
  border: 1px solid #e8e8ea;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}

.comText {
  font-size: 10px !important;
  line-height: 12px !important;
  text-align: center;
  text-transform: capitalize;
  font-weight: 600;
  margin-top: 8px;
  word-break: break-all;
}

.comRow .comsingleImg {
  display: inline-block;
  padding: 5px;
  width: 31%;
  margin: 1%;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #e2e2e2;
  text-align: center;
}

.seeMore {
  font-size: 12px;
  color: #335496;
  font-weight: 500;
  cursor: pointer;
  transition: 0.3s;
  text-align: right;
}

.seeMoreSec {
  margin-top: 15px;
  text-align: right;
}

.profileThumb .btn-primary.bookMentor.connectBtn {
  margin-top: 15px !important;
}

/*Home Page Banner*/
.HomeBannerBlocks .container-fluid {
  padding: 0px 4px !important;
}

.HomeBannerBlocks .container-fluid .row {
  margin: 0px !important;
}

.HomeBannerBlocks .col {
  padding: 0px 5px !important;
}

.HomeBannerBlocks .imgBox {
  position: relative;
  transition: 0.3s all ease-in-out;
  -webkit-transition: 0.3s all ease-in-out;
}

.HomeBannerBlocks .imgBox::before {
  content: "";
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}

.HomeBannerBlocks .imgBox:hover::before {
  opacity: 0;
}

.blockWrap3 {
  max-width: 245px;
}

.blockWrap3 .imgBox:not(:last-of-type),
.blockWrap2 .imgBox:not(:last-of-type) {
  margin-bottom: 10px;
}

.blockWrap2 {
  max-width: 320px;
  margin-top: 2.5%;
}

.HomeBannerBlocks .bannerText {
  margin-bottom: 45px;
}

.blockWrapMiddle {
  margin-top: 2.5%;
  min-width: 670px;
}

.HomeBannerBlocks {
  padding: 34px 0px;
}

/*End Home Page Banner*/
#view-avatar .modal-body::before {
  display: none;
}

#view-avatar .modal-body {
  padding: 15px !important;
}

.ProfileBannerImage {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.innerBanner {
  position: relative;
}

.innerBanner img {
  opacity: 0;
  display: none !important;
}

.innerBanner.blog-banner img {
  opacity: 1;
  display: block !important;
}

.community .rowHeading {
  text-transform: uppercase !important;
}

.community .comRow .rowHeading {
  text-transform: inherit !important;
  width: 100% !important;
  font-size: 12px;
}

.profileThumb .btn-primary.connectBtn .material-icons {
  top: calc(50% - 10px);
  left: auto;
  font-size: 20px;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  right: 40px;
}

.profileThumb .btn-primary.connectBtn {
  margin-top: 15px !important;
  width: 100%;
  font-size: 12px;
  background: #f99289 !important;
  color: #fff;
}

.CommunityList .btnStatus {
  font-size: 12px !important;
  line-height: 18px !important;
  margin: 5px 5px;
  color: #646464 !important;
  width: auto !important;
  padding: 4px 7px 4px 25px;
  border-radius: 40px;
}

.catItemRowFull {
  line-height: 16px;
}

.profileDesig {
  margin-bottom: 10px;
}

.CommunityList a:hover,
.CommunityList a:focus {
  color: #000000 !important;
}

#view-avatar .modal-lg {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.swal-text {
  text-align: center;
}

/*Datatable*/
.dataTables_wrapper .dataTables_length {
  display: none;
}

div.dataTables_wrapper div.dataTables_paginate {
  display: inline-block;
  width: 70%;
  box-sizing: border-box;
  font-size: 12px !important;
}

div.dataTables_wrapper div.dataTables_info {
  width: 29% !important;
  box-sizing: border-box;
  float: left;
  font-size: 12px;
}

/**/
.rightAccPanel .table-responsive .viewDetails {
  padding: 5px 15px 5px 15px;
  width: auto !important;
  text-align: center;
  white-space: nowrap;
}

.modal-header .btn-close {
  z-index: 999999;
}

.view-booking-Details {
  text-align: left !important;
  border: 1px solid #e8e8ea;
  width: 100%;
}

.modal-body::before {
  display: none;
}

.view-booking-Details th {
  font-weight: 600;
}

.view-booking-Details th,
.view-booking-Details td {
  background-color: #fff !important;
  color: #000000;
  font-size: 14px;
  padding: 15px 15px !important;
  border: 1px solid #e8e8ea;
  color: #646464 !important;
}

.view-booking-Details td .status {
  padding: 3px 10px 3px 25px;
  border-radius: 15px;
  width: 90px !important;
  display: inline-block;
  position: relative;
  margin: 3px 0px;
  font-size: 12px;
  color: #646464 !important;
}

.view-booking-Details td .material-icons {
  position: absolute;
  font-size: 16px;
  left: 5px;
  top: 4px;
}

.view-booking-Details td .statusPending {
  background-color: #ffea8a !important;
}

.view-booking-Details td .statusRejected {
  background-color: #fdd9e6 !important;
}

.view-booking-Details td .statusApproved {
  background-color: #e4f5ed !important;
}

.view-booking-Details td .statusPending .material-icons {
  color: #9c6f21;
}

.view-booking-Details td .statusRejected .material-icons {
  color: #e35a8e;
}

.view-booking-Details td .statusApproved .material-icons {
  color: #6ab592;
}

/*create an account*/
.animateToDown .material-icons {
  transition: 0.3s;
  color: #000;
  position: absolute;
  transform: translate(0px);
  opacity: 1;
}

.animateToDown .material-icons {
  animation: 1s moveDown infinite linear;
}
@keyframes moveDown {
  0% {
    transform: translate(0px);
    opacity: 1;
  }
  100% {
    transform: translate(30px);
    opacity: 0;
  }
}
.animateToDown {
  padding: 0;
  width: 30px;
  height: 30px;
  left: 0px;
  right: 0px;
  top: -110px;
  position: absolute;
  margin: auto;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}

.buttonSection {
  position: relative;
}

.buttonSection h3 {
  font-size: 20px;
  margin-bottom: 60px !important;
}

.buttonSection {
  max-width: 800px;
  padding: 40px 35px 80px 35px;
  background-color: #fff;
  border-radius: 5px;
  margin: 20px auto 20px;
}

.setup-content .btn.btnFull {
  margin: 5px 0px;
  font-size: 16px;
  padding: 12px 15px !important;
}

.btnFull {
  width: 100%;
}

.blogDetails h1,
.blogDetails h2,
.blogDetails h3,
.blogDetails h4,
.blogDetails h5,
.blogDetails h6 {
  color: #000 !important;
  font-weight: 500;
}

.blogDetails p {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #212529;
  margin-bottom: 16px;
}

.blogDetails .heading1 {
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  font-size: 52px;
  line-height: 52px;
  color: #000 !important;
}

.blogHeading {
  padding-bottom: 25px;
}

.blogHeading p {
  font-size: 14px;
  margin-bottom: 15px !important;
}

/*create an account end*/
/*New header design 31-01-22*/
.rightMenu {
  margin-left: auto;
}

.navTopBtn,
.navTopLink {
  margin-right: 10px;
}

.actionLink a {
  font-size: 18px;
  font-weight: 600 !important;
  color: #262937 !important;
}

.actionLink a:hover {
  font-size: 18px;
  font-weight: 600 !important;
  color: #2eb6b8 !important;
}

.navTopBtn a {
  transition: 0.3s;
  height: 44px;
  width: 125px;
  text-align: center;
  border-radius: 30px;
  padding-top: 10px;
  text-transform: uppercase;
  font-size: 15px;
}

.actionButtonAccBorder a,
.actionButtonAccFill a:hover {
  background-color: transparent;
  border: 1px solid #D8D8D8;
  color: #262937 !important;
}

.actionButtonAccBorder a:hover {
  background-color: #2eb6b8;
  color: #fff !important;
  border-color: #2eb6b8;
}

.actionButtonAccFill a {
  background-color: #2eb6b8;
  border: 1px solid #2eb6b8;
  color: #fff !important;
}

.faqSec .accordion-button::after {
  position: absolute;
  right: 15px;
  top: 20px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ddd;
  line-height: 30px;
  text-align: center;
  background-size: auto;
  background-position: center;
}

.faqSec .accordion-button::after {
  background-image: url(../img/accordion-plus.png);
}

.faqSec .accordion-button:not(.collapsed)::after {
  background-image: url(../img/accordion-minus.png);
}

/*New header design end 31-01-22*/
/*New home banner*/
.newBannerHome {
  position: relative;
  height: 768px;
  background-image: url(../img/banner-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  align-items: center;
  background-color: #fbfbfd;
}

.bannerLeftImg {
  position: absolute;
  left: 0px;
  width: 20%;
  top: 0px;
  bottom: 0px;
}

.bannerRightImg {
  position: absolute;
  right: 0px;
  width: 20%;
  top: 0px;
  bottom: 0px;
}

.bannerRoundImage {
  position: absolute;
  width: 20%;
}

.bannerCaption {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 60%;
}

.bannerCaption h1 {
  font-weight: 600;
  font-size: 60px;
  line-height: 76px;
}

.bannerCaption h1 span {
  font-weight: 600;
}

.bannerCaption h2 {
  font-weight: 400;
  font-size: 22px;
  line-height: 35px;
  color: #5A617B;
  margin-bottom: 40px;
}

.B_image1 {
  width: 54px;
  height: 54px;
  left: 152px;
  top: 134px;
}

.B_image2 {
  width: 105px;
  height: auto;
  left: 192px;
  top: 270px;
}

.B_image3 {
  width: 76px;
  height: 76px;
  left: 114px;
  top: 400px;
}

.B_image4 {
  width: 46px;
  height: 46px;
  left: 260px;
  top: 477px;
}

.B_image8 {
  width: 70px;
  height: 70px;
  right: 205px;
  top: 173px;
}

.B_image6 {
  width: 58px;
  height: 58px;
  right: 134px;
  top: 300px;
}

.B_image7 {
  width: 130px;
  height: 130px;
  right: 215px;
  top: 455px;
}

.B_image5 {
  width: 115px;
  height: 115px;
  right: -90px;
  top: 60px;
}

.B_image9 {
  width: 70px;
  height: 70px;
  right: 370px;
  top: 80px;
}

.B_image10 {
  width: 92px;
  height: 92px;
  right: 385px;
  top: 295px;
}

.bannerBrowse {
  font-size: 20px;
  line-height: 24px;
  color: #262937;
}

.bannerBrowse .material-icons {
  position: relative;
  right: 0px;
  left: 4px;
  top: 6px;
}

.bannerTip {
  color: #989DAF;
  font-size: 12px;
  margin-bottom: 70px;
}

.formBar {
  position: absolute;
  left: 225px;
  top: 10.5px;
  height: 44px;
  width: 1px;
  background-color: #DBDDE3;
}

.bannerSearchBtn {
  background-color: #2eb6b8;
  color: #fff;
}

.bannerSearchBox {
  position: relative;
  height: 65px;
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #E6E7EC;
  border-radius: 50px;
  margin-bottom: 15px;
  background-color: #fff;
}

.bannerSearchBox .catSelect .form-control {
  max-width: none;
  min-width: 0;
  width: 200px;
  position: absolute;
  left: 25px;
  z-index: 9;
  top: 0px;
  background-image: url(../img/angle_down_icon.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) center;
  padding-left: 0px;
  padding-right: 27px;
  background-color: #fff;
  padding-bottom: 17px;
}

.bannerSearchBox .catSelect option:hover {
  background-color: #2eb6b8 !important;
  color: #fff !important;
}

.bannerSearchBox li:hover {
  background-color: #2eb6b8;
  color: #fff;
}

.bannerForm {
  position: relative;
  right: 0px;
  top: 0px;
  left: 0;
}

#search_category .options {
  background-color: #fff;
}

#search_category .options li:hover {
  background-color: #39f;
  color: white;
}

.bannerSearchBox .catSelect {
  max-width: 200px;
  min-width: 200px;
  left: 25px;
  position: absolute;
}

.bannerForm .form-control {
  padding: 20px 0px 20px 65px;
  position: absolute;
  right: 0;
  border-radius: 0px;
  border-right: 0px;
  left: 0;
  width: 100%;
  background-color: transparent;
  border: none;
  font-size: 16px;
  color: #989DAF;
  background-image: url(../img/searchicon.png);
  background-repeat: no-repeat;
  background-position: 30px center;
  font-weight: 400;
}

.bannerSearchBox select.form-control {
  border: none;
}

.bannerSearchBtn {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  height: 65px;
  position: absolute;
  right: 0px;
  top: -1px;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 1px;
  padding-left: 50px;
  padding-right: 50px;
}

.bannerCaption .select2-results__option {
  padding: 6px 12px !important;
  font-size: 14px !important;
}

.faqSec .customContainer {
  padding: 85px 100px;
  margin-left: 100px;
  background-color: #FAFAFC;
  width: calc(100% - 200px);
  border-radius: 30px;
}

.subHeading {
  font-size: 22px;
}

.footerTop {
  padding-top: 80px;
}

.footerTopContent {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/review.png);
  height: 410px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e3f7f8;
  border-radius: 30px;
  background-size: contain;
}

.footerTopContent.becomeMentorFooter {
  background-image: url(../img/become-mentor-footer-bg.png);
}

.becomeMentorFooter .subHeader {
  font-size: 20px;
}

.footerTopContent .btn {
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.mobileMenu {
  display: none;
}

.customWidth {
  width: 315px;
  margin-left: calc(50% - 157.5px);
}

.howWorkThumb p {
  min-height: 150px;
}

.reviewImgMob {
  display: none;
}

.quotes .owl-stage .owl-item .testimonialsContent,
.quotes .owl-stage .owl-item .testimonialsContent p {
  transition: 0.3s;
}

.quotes .owl-stage .owl-item:first-child .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(5) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(9) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(13) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(17) .testimonialsContent {
  background-color: #F1FAFA;
}

.quotes .owl-stage .owl-item:nth-child(2) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(6) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(10) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(10) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(14) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(18) .testimonialsContent {
  background-color: #FFF5F4;
}

.quotes .owl-stage .owl-item:nth-child(3) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(7) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(11) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(11) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(15) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(19) .testimonialsContent {
  background-color: #F5F4FF;
}

.quotes .owl-stage .owl-item:nth-child(4) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(8) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(12) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(12) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(16) .testimonialsContent,
.quotes .owl-stage .owl-item:nth-child(20) .testimonialsContent {
  background-color: #FAF8EE;
}

.quotes .owl-stage .owl-item:hover .testimonialsContent {
  background-color: #2EB6B8;
}

.quotes .owl-stage .owl-item:hover .testimonialsContent p {
  color: #fff;
}

.footerLogoCol.col-md-6 {
  width: calc(50% + 16.6666667% - 110px);
}

.footerSocialCol.col-md-2 {
  width: 110px !important;
}

.footerTopContent .fullButton {
  font-size: 17px;
}

.footerTopContent {
  padding: 0px 35px;
}

/*New home banner end*/
.slick-list {
  overflow-y: visible;
}

/*New Listing Page*/
.dropdown-menu[data-bs-popper].activeProfileDropdown {
  width: 240px;
  right: 0px;
  left: auto;
  margin-top: 5px;
}

.activeProfile {
  display: flex;
  padding: 0px 15px;
  margin-bottom: 10px;
  margin-top: 15px;
}

.activeProfile .activeProfileImg {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}

.profileView {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  overflow: hidden;
  margin-top: 25px;
}

.activeProfileViewProfile a {
  font-size: 12px;
  color: #2eb6b8;
}

.overview-availability-class-timeslots h6,
.overview-left-section h6 {
  font-size: 16px !important;
}

.activeProfileDropdown a.dropdown-item .material-icons {
  color: #989DAF;
  margin-right: 10px;
  transition: 0.3s;
}

.activeProfileDropdown a.dropdown-item {
  font-size: 14px;
  color: #000;
  position: relative;
  padding-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 290px;
}

.activeProfileDropdown a.dropdown-item::after {
  display: none;
}

.notificationLists .material-icons.notificationClose {
  right: 8px;
  left: auto;
  top: 14px !important;
  bottom: auto;
}

.navbar-expand-lg .navbar-nav .activeProfileDropdown.dropdown-menu,
.activeProfileDropdown.dropdown-menu {
  position: absolute;
  border: none;
  box-shadow: 0px 0px 30px #eee;
  border-radius: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.activeProfileDropdown.dropdown-menu {
  padding-bottom: 10px;
}

.activeProfileDropdown.notificationLists.dropdown-menu {
  padding-bottom: 0px;
}

.activeProfileDropdown.notificationLists li::after {
  content: "";
  height: 1px;
  background-color: #92ABB8;
  position: absolute;
  left: 15px;
  right: 15px;
  opacity: 0.2;
  bottom: 0px;
}

.activeProfileDropdown .dropdown-item:hover,
.activeProfileDropdown .dropdown-item:focus {
  color: #2eb6b8;
  background-color: transparent;
}

.activeProfileDropdown .dropdown-item:hover .material-icons,
.activeProfileDropdown .dropdown-item:focus .material-icons {
  color: #2eb6b8;
}

.activeProfileDropdown li:last-child .dropdown-item::after {
  display: none;
}

.activeProfileDropdown a.dropdown-item .menuIcon {
  position: relative;
  top: 6px;
}

.activeProfileDropdown a.dropdown-item.activeProfileEdit .material-icons {
  font-size: 16px;
  top: 2px;
}

.activeProfileDropdown a.dropdown-item.activeProfileFavourite .material-icons {
  font-size: 21px;
  top: 6px;
}

.activeProfileDropdown a.dropdown-item.activeProfileSupport .material-icons {
  font-size: 21px;
  top: 6px;
}

.activeProfileDropdown a.dropdown-item.activeProfileLogout .material-icons {
  font-size: 21px;
}

.mentorBoxFull .favouriteIcon {
  position: absolute;
  right: 15px;
  top: 15px;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 999;
}

.mentorBoxFull .favouriteIcon:hover .material-icons,
.mentorBoxFull .favouriteIcon.active .material-icons {
  color: #fff;
}

.mentorBoxFull .favouriteIcon .material-icons {
  color: #fff;
  line-height: 35px;
  font-size: 23px;
  cursor: pointer;
}

.mentorBoxFull .favouriteIcon .active {
  color: #fff !important;
}

.mentorBoxFull .favouriteIcon .material-icons {
  cursor: pointer;
}

.mentorBoxFull .communityIcon {
  position: absolute;
  left: 15px;
  top: 15px;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 999;
}

.mentorBoxFull .communityIcon:hover .material-icons,
.mentorBoxFull .communityIcon.active .material-icons {
  color: #fff;
}

.mentorBoxFull .communityIcon .material-icons {
  color: #fff;
  line-height: 35px;
  font-size: 23px;
  cursor: pointer;
}

.mentorBoxFull .communityIcon .active {
  color: #fff !important;
}

.mentorBoxFull .communityIcon .material-icons {
  cursor: pointer;
}

.mentorBoxFull {
  position: relative;
  height: 420px !important;
  border-radius: 20px;
  overflow: hidden;
}

.memberDescFull {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.86%, rgba(0, 0, 0, 0.6) 77.99%);
  padding-top: 60px;
}

.memberDescFull h4 {
  font-size: 17px;
  color: #fff;
  font-weight: normal;
}

.profileDesig {
  font-size: 14px;
  color: #fff;
}

.catItemRowFull .catItem {
  font-size: 12px;
  color: #fff;
}

.memberimgFullBlock .memberImgFull {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
  box-shadow: 0px 0px 2px #969595;
}

.mentorBoxFull:hover .memberImgFull a:hover {
  position: absolute;
  left: 0px;
  right: 0px;
  z-index: 99;
}

.mentorBoxFull:hover .memberImgFull a:hover {
  position: absolute;
  z-index: 99;
  left: 0;
  right: 0;
}

.mentorBoxFull:hover .memberDescFull {
  display: none;
}

.memberimgFullBlock,
.memberImgFull,
.memberImgFull a {
  height: 100%;
}

.memberimgFullBlock {
  position: absolute;
}

.memberimgFullBlock .memberImgFull img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.profileCount {
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  padding: 7px 10px 7px 35px;
  margin-bottom: 10px;
  border-radius: 40px;
  display: inline-block;
  position: relative;
}

.profileCount .material-icons {
  font-size: 20px;
  position: absolute;
  left: 10px;
  top: 7px;
}

.profileCount span,
.profileCount {
  color: #fff;
}

.mentorBoxFull .btn-primary {
  position: absolute;
  z-index: 999;
  left: 0px;
  right: 0px;
  margin: auto;
  text-align: center;
  background-color: #2eb6b8;
  font-size: 14px;
  font-weight: normal;
  padding: 11px 25px;
  border: none;
  width: 150px;
  border-radius: 40px;
  top: calc(50% - 22px);
  opacity: 0;
  transition: 0.3s;
  transform: scale(0);
}

.mentorBoxFull:hover .btn-primary {
  opacity: 1;
  transform: scale(1);
}

.notificationLists .material-icons {
  color: #23a9bb !important;
  position: absolute;
  left: 0px;
  top: 6px !important;
  font-size: 18px !important;
}

.notificationLists li {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  position: relative;
}

.notificationLists li a {
  padding-left: 25px;
  padding-right: 0px;
}

.resumeFileList {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 35px;
}

.resumeFileList {
  display: flex;
  flex-direction: column;
}

.activeProfileDropdownWrap {
  margin-left: 10px;
  margin-right: 100px;
  display: flex;
  gap: 20px;
}

.notificationBell {
  position: relative;
  padding-right: 8px;
  padding-top: 7px;
}

.notificationBell .material-icons {
  font-size: 30px;
  color: #39c1c3;
}

.notificationTotalNumber {
  position: absolute;
  right: 0px;
  background-color: #f99289;
  padding: 3px;
  font-size: 9px;
  border-radius: 50%;
  height: 21px;
  width: 21px;
  text-align: center;
  line-height: 17px;
  color: #fff;
  top: 4px;
}

.notificationBell.dropdown-toggle::after {
  display: none !important;
}

.notificationBell + .dropdown-menu[data-bs-popper].activeProfileDropdown {
  width: 350px;
}

.headerSearchForm .form-control {
  padding: 20px 0px 20px 30px;
  border-radius: 0px;
  border-right: 0px;
  width: 100%;
  background-color: transparent;
  border: none;
  font-size: 16px;
  color: #989DAF;
  background-image: url(../img/searchicon.png);
  background-repeat: no-repeat;
  background-position: 0px center;
  font-weight: 400;
}

.filterBarHeader {
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 9;
}

.firstMenuLink {
  margin-left: auto;
}

.mentorFilterHeader {
  display: flex;
  align-items: center;
  gap: 45px;
}

.mentorFilterHeader li {
  display: inline-block;
  position: relative;
}

.mentorFilterHeader li ul,
.mentorFilterHeader .countryDropDown,
.mentorFilterHeader .levelDropDown {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 91;
  background-color: #fff;
  padding: 15px 15px 0px 15px;
  border-radius: 10px;
  text-align: left;
  width: 230px;
  right: 0px;
  box-shadow: -15.4225px 16px 53.832px rgba(68, 92, 113, 0.2);
  transition: 0.3s;
}

.mentorFilterHeader .countryDropDown ul {
  position: relative;
  top: auto;
  width: 100%;
  padding: 0px;
  border-radius: 0px;
  min-width: 0px;
  box-shadow: none;
  display: block;
}

.mentorFilterHeader .countryDropDown .countrySearchInput {
  width: 100%;
  padding: 10px 20px 10px 40px;
  border-radius: 0px;
  border-right: 0px;
  width: 100%;
  background-color: transparent;
  border: 1px solid #ddd;
  font-size: 16px;
  color: #989DAF;
  background-image: url(../img/searchicon.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  font-weight: 400;
  border-radius: 40px;
}

.mentorFilterHeader li ul li {
  display: block;
}

.mentorFilterHeader li ul li a {
  color: #5A617B;
  display: block;
}

.levelDropDown .form-check .form-check-input {
  margin-left: 0;
}

.levelDropDown .form-check .form-check-label {
  font-weight: normal;
  color: #5A617B;
  padding-left: 8px;
}

.menuFilter {
  display: flex;
  justify-content: right;
}

.mentorFilterHeader li .countryDropDown {
  display: none;
}

.mentorFilterHeader li:hover ul,
.mentorFilterHeader li:hover .countryDropDown,
.mentorFilterHeader li:hover .levelDropDown {
  display: block;
}

.mentorFilterHeader li:hover ul li {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.mentorFilterHeader li ul li:hover a {
  color: #2eb6b8 !important;
}

.mentorFilterHeader li:hover ul li:last-child {
  border-bottom: none;
}

.levelDropDown {
  left: 0px;
  right: auto;
}

.countryDropDown {
  position: absolute;
  top: 100%;
  padding: 15px;
}

.mentorFilterList .select2-container {
  position: absolute;
  top: 100%;
  width: 230px !important;
  right: 0px;
  background-color: #fff;
  display: none;
}

.menuFilter .select2.select2-container {
  position: absolute;
  top: 100%;
  width: 230px !important;
  right: 0px;
  background-color: #fff;
}

.countryDropWrap {
  position: relative;
  height: 4px;
  margin-right: 30px;
  margin-left: auto;
  z-index: 2;
}

.countryDropWrap .select2-selection {
  border: none !important;
}

.countryDropWrap .select2-container--default .select2-selection--single .select2-selection__clear {
  font-size: 20px;
  margin-top: 4px;
}

#mentorCountry + .select2-container--default .select2-selection--single .select2-selection__clear,
#menteeCountry + .select2-container--default .select2-selection--single .select2-selection__clear,
#bothCountry + .select2-container--default .select2-selection--single .select2-selection__clear {
  font-size: 20px;
  margin-top: 4px;
}

.countryDropWrap .select2-container--default:not(.homeCateSelect) .select2-selection--single .select2-selection__rendered {
  color: #000;
  text-align: left;
}

.countryDropWrap .select2-hidden-accessible {
  position: absolute !important;
}

.mentorFilterList:hover .select2-container {
  display: inline-block;
}

.mentorFilterList .select2-container .select2-selection--single .select2-selection__rendered {
  text-align: left;
}

.menuFilter li a {
  color: #262937;
  font-size: 16px;
}

.selectSortBy {
  font-weight: 600;
}

.filterMenuHeading {
  display: inline-block;
  padding-right: 30px;
  position: relative;
}

.mentorFilterList .material-icons {
  position: absolute;
  right: 0px;
  left: auto;
  color: #5A617B;
  transition: 0.3s;
  font-size: 20px;
  top: calc(50% - 10px);
  transform: rotate(0deg);
}

.mentorFilterList:hover .material-icons {
  transform: rotate(180deg);
  color: #2eb6b8;
}

.selectCatItemList {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mentorSection.mentorList {
  background-color: #fff;
}

.shortBySec p:empty {
  display: none;
}

.CatItems {
  padding: 5px 25px 5px 10px;
  border: 1px solid #ddd;
  font-size: 14px;
  border-radius: 30px;
  position: relative;
  display: inline-block;
  margin: 2px 6px 2px 0px;
}

.CatItems .material-icons {
  font-size: 16px;
  position: absolute;
  right: 5px;
  left: auto;
  top: calc(50% - 8px);
  transition: 0.3s;
}

.CatItems .material-icons:hover {
  color: #2eb6b8;
  cursor: pointer;
}

.menuBtn {
  position: relative;
}

.catDropMenu {
  background-color: red;
  position: absolute;
  top: 100%;
  left: 0;
}

.profileListing .slick-list {
  overflow: visible;
}

header {
  z-index: 99999;
}

.catMainMenu {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.catSubMenu {
  display: none;
  position: absolute;
  width: 340px;
  padding: 15px;
  background-color: #fff;
  z-index: 90;
  box-shadow: 0px 0px 30px #ddd;
  border-radius: 10px;
}

.catMainMenu:hover .catSubMenu {
  display: inline-block;
}

.catSubAnchor .material-icons {
  position: absolute;
  right: 15px;
  left: auto;
  font-size: 18px;
  top: calc(50% - 9.5px);
  transform: rotate(0deg);
  transition: 0.3s;
}

.catMainMenu:hover .material-icons {
  transform: rotate(180deg);
  color: #2eb6b8;
}

.catSubAnchor {
  border: 1px solid #ddd;
  padding: 7px 35px 7px 15px;
  border-radius: 30px;
  font-weight: 400;
  font-size: 16px;
  color: #5A617B;
  transition: 0.3s;
}

.catMainMenu:hover .catSubAnchor {
  border: 1px solid #2EB6B8;
  color: #2eb6b8;
}

.catMainMenu .form-check .form-check-input {
  margin-left: 0px;
}

.catMainMenu .form-check .form-check-label {
  margin-left: 7px;
  width: calc(100% - 30px) !important;
  font-weight: normal;
  font-size: 16px;
  color: #5A617B;
}

.navbar-expand-lg .navbar-nav {
  justify-content: right;
}

.catSliderListing {
  position: relative;
}

.catSliderListing::before,
.catSliderListing::after {
  content: "";
  position: absolute;
  top: 17px;
  bottom: 0px;
  width: 270px;
  height: 40px;
  z-index: 999;
}

.catSliderListing::before {
  left: -250px;
  background-color: #fff;
}

.catSliderListing::after {
  right: -150px;
  background: rgb(255, 255, 255);
  background: linear-gradient(270deg, rgb(255, 255, 255) 85%, rgba(255, 255, 255, 0) 100%);
}

.catSliderListing .slick-prev,
.catSliderListing .slick-next {
  z-index: 9999;
  width: 44px;
  height: 44px;
  border: 1px solid #DBDCDF;
  border-radius: 50%;
}

.catSliderListing .slick-prev::before,
.catSliderListing .slick-next::before {
  color: #262937 !important;
  font-size: 20px;
}

.catSliderListing .slick-prev {
  left: -35px;
}

.catSliderListing .slick-next {
  right: -45px;
}

.catSliderListing .slick-list.draggable {
  max-width: 1660px;
}

.catSliderListing .slick-slide {
  margin: 0px 7px;
}

.subMenuSlider .slider {
  width: calc(100% - 80px) !important;
  margin: 0px 30px !important;
}

.subMenuSlider .slider {
  width: 100%;
  margin: 0px;
  padding: 17px 20px;
  transition: 0.3s;
}

.slick-track .slick-slide:last-child .catSubMenu {
  right: 0px;
  left: auto;
}

.becomeMentorBox {
  padding: 30px;
  background-color: #F8F9FA;
  background-image: url(../img/become-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.becomeMentorBox .material-icons {
  background-color: #FF5D42;
  color: #fff;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 35px;
  border-radius: 50%;
  margin-bottom: 45px;
}

.becomeMentorBox h4 {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 20px;
}

.mentorBoxFull.becomeMentorBox .btn-primary {
  position: relative;
  top: auto;
  opacity: 1;
  transform: scale(1);
}

.top-fixed {
  border-bottom: 1px solid #ededed;
}

.top-fixed .catSubListing {
  display: none;
}

.rightAccPanel .favdiv .material-icons {
  left: 6px;
  top: 1px;
}

#mentorCountry + .select2-container--default .select2-selection--single .select2-selection__placeholder,
#menteeCountry + .select2-container--default .select2-selection--single .select2-selection__placeholder,
#bothCountry + .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #888 !important;
}

.searchCountryList ul {
  border: 1px dotted black;
  overflow-y: scroll;
  /* Add the ability to scroll y axis*/
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.searchCountryList ul::-webkit-scrollbar {
  display: none;
}

.searchCountryList {
  border-top: 1px solid #dfdfdf !important;
  left: auto !important;
  right: 0px !important;
}

.searchCountryList .select2-search__field {
  padding: 7px 5px 7px 32px !important;
  border: 1px solid #dfdfdf !important;
  border-radius: 30px !important;
  background-image: url(../img/search-small.png);
  background-repeat: no-repeat;
  background-position: 10px center;
}

.searchCountryList .select2-search--dropdown {
  padding: 10px;
}

.select2-container--default .searchCountryList .select2-results__option--selectable,
.select2-container--default .searchCountryList .select2-results__option--selected {
  background-color: transparent !important;
  color: #5A617B !important;
  transition: 0.3s;
}

.select2-container--default .searchCountryList .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .searchCountryList .select2-results__option--selected {
  background-color: transparent !important;
  color: #2eb6b8 !important;
}

.searchCountryList .select2-results__option {
  padding: 13px 10px;
  position: relative;
}

.searchCountryList .select2-results__option::after {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #eee;
  left: 10px;
  right: 10px;
  bottom: 0px;
}

.searchCountryList.select2-dropdown.select2-dropdown--below {
  border: none !important;
  box-shadow: -15.4225px 16px 53.832px rgba(68, 92, 113, 0.2) !important;
  border-radius: 10px;
}

.bg-light {
  background-color: #fafafc !important;
}

.filterMenuMobile {
  display: flex;
  justify-content: right !important;
  width: 100%;
}

.filterMenuMobileTrigger {
  background-image: url(../img/filterToggle.png);
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  background-position: center center;
  display: none;
}

.mentorListPagination {
  padding-top: 30px;
  padding-bottom: 5px;
}

.MentorPaginationList {
  text-align: center;
}

.MentorPaginationList li {
  display: inline-block;
  margin: 4px 1px;
}

.MentorPaginationList li.MentorPaginationPrev {
  margin-right: 20px;
}

.MentorPaginationList li.MentorPaginationNext {
  margin-left: 20px;
}

.MentorPaginationList li.MentorPaginationPrev a,
.MentorPaginationList li.MentorPaginationNext a {
  border: 1px solid #2EB6B8;
  color: #2EB6B8;
}

.MentorPaginationList li a {
  width: 45px;
  height: 45px;
  line-height: 43px;
  text-align: center;
  color: #000;
  border: 1px solid #DBDCDF;
  font-size: 16px;
  border-radius: 50%;
  display: inline-block;
}

.MentorPaginationList li a:hover,
.MentorPaginationList li a.active {
  color: #2EB6B8;
  border: 1px solid #2EB6B8;
}

.footerTopContent .subHeading {
  font-size: 24px;
}

.footerTopContent .heading2 {
  font-weight: 500;
}

.overview-availability-class {
  background-color: #f9f9f9;
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #f0f0f0;
}

/* .overview-availability-class h5{font-weight: 400;} */
.overview-availability-class-timeslots p,
.overview-availability-class-timeslots a {
  font-size: 13px;
}

.overview-time-slot p {
  font-size: 13px;
}

.overview-time-slot {
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
}

.color-red {
  color: red;
}

.overview-best-skills li {
  padding: 9px 15px;
  border-radius: 8px;
  border: 1px solid #e0e4e9;
  display: inline-block;
  font-size: 12px;
  margin: 0px 6px 0px 0px;
  margin-bottom: 0px;
  margin-bottom: 10px;
  color: #5A617B;
}

.overview-skill-class h5 {
  font-size: 18px;
  color: #454545;
}

.overview-left-section h6 {
  font-size: 16px;
  color: #262937;
}

.overview-left-section p {
  font-size: 14px;
  color: #5A617B;
}

.overview-community-main {
  border: 1px solid #EAEAEA;
  border-radius: 10px;
}

.overview-community .overview-community-image img {
  max-width: 60px;
  border-radius: 50%;
}

.overview-community .overview-community-heading h6 {
  font-size: 14px;
  margin-bottom: 7px;
  color: #5A617B;
}

.overview-community-heading p {
  font-size: 14px;
  color: #989DAF;
}

.overview-availability-class-timeslots a {
  color: #2EB6B8;
}

.overview-availability-class h5,
.availableTimeSlot h5 {
  font-size: 20px;
  color: #262937;
  font-weight: 500;
}

.availableTimeSlot {
  background-color: #fff;
  padding: 15px 0px 0px 0px;
  width: 100%;
}

.availableTimeSlot .overview-time-slot {
  width: 105px !important;
}

.bg-lightGreen {
  background-color: #F1FAFA;
}

.timeSlotSection h6 {
  font-weight: 400;
}

.timeSlotBtnRow {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.timeSlotBtnRow .btn,
#availableSlots .btn {
  font-weight: 400 !important;
  font-size: 15px !important;
}

.timeSlotBtnRow .btn-secondary,
#availableSlots .btn-secondary,
#continueSlotBooking {
  border-radius: 30px !important;
  padding: 12px 25px !important;
}

#availableSlots .slotWrap {
  border-bottom: 0px;
  padding-bottom: 20px;
  margin-top: 0px;
}

.swal-modal .swal-footer {
  text-align: center;
}

.swal-modal .swal-button {
  font-weight: 400 !important;
  text-transform: uppercase !important;
  padding: 10px 25px !important;
}

#availableSlots {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.timeSlotBtnRow .material-icons,
#availableSlots .material-icons {
  position: relative;
  left: auto;
  font-size: 17px;
  top: 4px;
}

.timeSpanRow {
  padding: 12px 0px;
}

.timeSpan {
  border: 1px solid #E6E7EC;
  border-radius: 7px;
  padding: 11px 15px;
  font-size: 14px;
  transition: 0.3s;
  display: inline-block;
  margin: 4px 1px;
  cursor: pointer;
}

.timeSpan:hover {
  border: 1px solid #2EB6B8;
  border-radius: 5px;
  padding: 11px 15px;
  font-size: 14px;
}

.overview-community:last-child {
  margin-bottom: 0 !important;
  border: 0 !important;
  padding-bottom: 0 !important;
}

.grayText {
  color: #7e7e7e;
}

.greenText {
  color: #2eb6b8 !important;
}

.profile-role {
  color: #3eb7ae;
  font-size: 16px;
}

.profileView h6 {
  font-weight: normal;
  font-size: 12px;
}

.profile-right-button {
  display: flex;
  justify-content: center;
  gap: 5px;
}

.profile-right-button .bookBtnProfile {
  background-color: #2eb6b8;
  border-radius: 8px;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  line-height: 44px;
  text-align: center;
  width: 100%;
}
.profile-right-button .bookBtnProfile:hover {
  background-color: #f99289;
}

.profile-right-button .bookBtnProfile .material-icons {
  position: relative;
  left: auto;
  top: 6px;
  font-size: 23px;
}

.leftProfileDesig {
  font-size: 16px;
  color: #5A617B;
  margin-bottom: 10px;
}

.leftProfileCountry {
  margin-bottom: 30px;
  font-size: 15px;
  color: #989DAF;
}

.overview-time-slot h5 {
  font-weight: 500;
  color: #262936;
  font-size: 16px;
}

.experiencesRow {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  display: block;
}

.reviewPanel .reviewRow:last-child,
.experiencePanel .experiencesRow:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.companyDetails {
  padding-left: 50px;
  position: relative;
  width: 100%;
}

.fullWidth {
  width: 100%;
}

.companyImg {
  position: absolute;
  left: 0px;
  top: 0px;
}

.expDesig {
  color: #262936;
  font-size: 16px;
  font-weight: normal;
}

.expCom {
  color: #5A617B;
  font-size: 14px;
}

.expTime {
  color: #989DAF;
  font-size: 14px;
}

.conpanyDesc {
  color: #5A617B;
  font-size: 14px;
}

.profileView .tab-pane {
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-bottom: 30px !important;
}

.revImg {
  width: 40px;
  margin-right: 10px;
  position: absolute;
  left: 0px;
  border-radius: 50%;
  overflow: hidden;
}

.reviewDesc {
  margin-bottom: 20px;
  display: none;
}

.reviewRow {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.reviewDesc {
  color: #262936;
  font-size: 14px;
}

.revDetails {
  width: calc(100% - 60px);
}

.revName {
  font-size: 14px;
  color: #262937;
}

.revDesig {
  font-size: 14px;
  color: #989DAF;
}

.revDegDate {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.revDate {
  font-size: 12px;
  color: #989DAF;
}

.reviewFormSec {
  margin-bottom: 40px;
}

.reviewFormSec .ReviewBtnRow {
  box-shadow: none !important;
  font-size: 13px;
  font-weight: normal;
  border-radius: 40px;
}

.reviewFormBox {
  display: none;
  padding-top: 15px;
}

.reviewFormFiend {
  border-bottom: 1px solid #ddd;
  width: 100%;
  padding-bottom: 30px;
}

.reviewFormBtns {
  display: flex;
  justify-content: flex-start;
  gap: 30px;
  align-items: center;
  padding-top: 15px;
}

.reviewFormBox .reviewFormSubmit.btn-default.reviewFocus {
  background-color: #2eb6b8;
}

.reviewFormBox .btn-default {
  border-radius: 40px;
  background-color: #989dae;
  color: #fff;
  padding: 12px 35px;
  border: none !important;
}

.reviewFormSkip {
  color: #bec1cc;
  cursor: pointer;
  background-color: transparent !important;
  transition: 0.3s;
}
.reviewFormSkip:hover {
  color: #f99289;
}

.textReviewLimit {
  position: relative;
}

.totalCharacter {
  position: absolute;
  bottom: 5px;
  right: 0px;
  font-size: 12px;
  color: #989DAF;
}

.timeslotAll {
  color: #262937;
}

.timeSlotSection {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.timeSlotSection .overview-time-slot {
  width: 110px;
  display: inline-block;
}

.timeslotBoxText {
  font-size: 12px;
  color: #989DAF;
}

.timeslotBoxTextRed {
  font-size: 12px;
  color: #FF5D42;
}

#requestForBooking .modal-header,
#requestForBooking .modal-footer {
  border: none;
}

#requestFroBooking .modal-content {
  border-radius: 10px;
}

#requestFroBooking .modal-body {
  padding-top: 40px;
  padding-bottom: 0px;
}

.modalHeaderLogo {
  padding-bottom: 20px;
}

.bookingModalHeading {
  font-size: 24px;
  font-weight: 600;
  color: #262937;
  padding-bottom: 20px;
}

#requestFroBooking .modal-body label {
  font-size: 16px;
  font-weight: 500;
  color: #262937;
  width: calc(100% - 0px);
  padding-bottom: 5px;
}

#requestFroBooking .form-group {
  margin-bottom: 25px;
}

#requestFroBooking .form-control {
  border-radius: 0px;
  border-left: none;
  border-right: none;
  border-top: none;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 16px;
  font-weight: 600;
}

#requestFroBooking .btn,
#requestForBooking .btn {
  font-size: 14px;
  border-radius: 40px !important;
  padding: 9px 25px;
  font-weight: normal;
  border: 1px solid #2eb6b8 !important;
}

#requestFroBooking .modal-dialog {
  max-width: 620px;
}

#requestFroBooking .btn-primary {
  background-color: transparent;
  color: #2eb6b8;
}

#requestForBooking .btn-primary,
#requestForBooking .btn-secondary:hover {
  background-color: transparent !important;
  color: #2eb6b8 !important;
  border: 1px solid #2eb6b8 !important;
}

#requestFroBooking .btn-secondary:hover {
  background-color: transparent !important;
  color: #2eb6b8 !important;
}

#availableSlots .modal-footer {
  border-top: none;
}

#availableSlots .timeTab {
  padding: 12px 8px;
  border-radius: 7px;
  background-color: #fff;
  box-shadow: none;
  width: calc(33.3333333% - 3px);
  font-size: 12px;
  font-weight: 400;
  margin: 1px 0px;
  color: #5A617B;
  border: 1px solid #E6E7EC;
  display: inline-block;
  text-align: center;
}

#availableSlots .timeslotBox {
  padding: 0px 0px;
}

#availableSlots .timeslotBox .owl-prev {
  left: -55px !important;
}

#availableSlots .timeslotBox .owl-next {
  right: -55px !important;
}

#availableSlots .timeTab:hover,
#availableSlots .timeTab.active {
  color: #000;
  border: 1px solid #2eb6b8 !important;
}

.selectedDate {
  background: #F1FAFA;
  border: 1px solid rgba(46, 182, 184, 0.3);
  box-sizing: border-box;
  border-radius: 10px;
  padding: 14px 14px 14px 45px;
  margin-bottom: 10px;
  color: #262937;
  font-size: 16px;
  position: relative;
}

.selectedDate pre {
  margin-bottom: 0px;
  font-family: inherit;
}

#requestForBooking .resize-ta {
  padding: 16px 10px !important;
}

#requestForBooking .form-group {
  margin-bottom: 10px;
}

.selectedDate .material-icons {
  color: #989DAF;
  position: absolute;
  left: 14px;
  font-size: 22px;
}

.selectedDate .editDate {
  color: #989DAF;
  position: absolute;
  right: 16px;
  font-size: 16px;
  color: #2eb6b8 !important;
  cursor: pointer;
}

.overview-right-section {
  width: 400px !important;
}

.overview-left-section {
  width: calc(100% - 400px) !important;
}

#requestForBooking .modal-header {
  border: none;
}

#requestForBooking .form-control {
  padding: 10px 12px;
}

.profile-right-button .bookBtnProfile.editprofileBtn .material-icons {
  top: 2px;
  font-size: 14px;
  margin-right: 5px;
}

/*New Listing Page End*/
/*More menu*/
ul#more-nav,
ul#nav-bar-filter {
  display: inline-block;
  vertical-align: top;
}

#nav-bar-filter li {
  display: inline-block;
}

#nav-bar-filter li a,
#more-nav a {
  padding: 7px 15px;
  display: block;
  color: #5A617B;
}

#nav-bar-filter li a:hover,
#more-nav a:hover {
  color: #2EB6B8 !important;
}

.filter-wrapper {
  width: 100%;
  padding: 17px 20px 17px 20px;
  background-color: #fafafc !important;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  text-align: center;
}

.top-fixed .filter-wrapper {
  padding: 8px 20px 8px 20px;
}

.subfilter {
  padding-top: 10px;
}

.subfilter li {
  padding: 0;
}

#more-nav a {
  position: relative;
  padding-right: 20px;
}

#more-nav a .material-icons {
  transition: 0.3s;
  transform: rotate(0deg);
  position: absolute;
  left: auto;
  right: -5px;
  top: 7px;
}

#more-nav:hover a .material-icons {
  transform: rotate(-180deg);
}

.CommunityList {
  padding: 20px;
}

#availableSlots .modal-header {
  border: 0px !important;
}

#dayAvailability {
  padding-bottom: 0px !important;
}

.editRightPanelRow {
  width: 100%;
}

.leftSpace {
  width: 100%;
  position: relative;
  padding-left: 60px;
  min-height: 50px;
  padding-bottom: 16px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 16px;
}

.fullBorder {
  border: 1px solid #ddd;
}

.memberRowList {
  padding-top: 16px;
  padding-left: 76px;
  padding-right: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fullBorder .profileRowPic {
  left: 16px;
  top: 16px;
}

.profileRowContent .profileDate,
.profileRowContent .profileTime {
  margin-right: 10px;
  color: #5A617B;
}

.rightAccPanel .profileRowContent .material-icons {
  position: relative;
  font-size: 16px;
  left: auto;
  top: 2px;
}

.btn-bordered {
  background-color: transparent !important;
  border: 1px solid #2eb6b8 !important;
  color: #2eb6b8 !important;
}

.r5 {
  border-radius: 5px;
}

.r8 {
  border-radius: 8px;
}

.r10 {
  border-radius: 10px;
}

.r40 {
  border-radius: 40px;
}

.profileRowHeading {
  font-size: 16px;
  padding-bottom: 5px;
}

.profileRowHeading a {
  font-size: 16px;
}

.profileRowPic {
  position: absolute;
  left: 0px;
  top: 0px;
}

.profileRowContent {
  font-size: 14px;
  color: #989DAF;
}

.rightText {
  float: right;
}

.editProfileRightCol .editRightPanelRow:last-child .profileRow {
  border: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.editCommunityRow {
  padding-right: 30px;
  position: relative;
}

.rightAccPanel .deleteCommunity .material-icons {
  font-size: 21px;
  right: 0;
  top: calc(50% - 12px);
  color: transparent;
  left: auto;
  height: 32px;
  width: 32px;
  border: 1px solid #989DAF;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-image: url(../img/trash-icon.png);
  background-repeat: no-repeat;
  background-position: center;
}

.rightAccPanel .deleteCommunity .material-icons:hover {
  border: 1px solid #f99289 !important;
}

.editFieldRow {
  padding-right: 50px;
  position: relative;
  font-size: 16px;
  font-weight: normal;
  color: #000;
}

.editFieldRow .editBtn {
  position: absolute;
  right: 15px;
  top: 0px;
  font-size: 14px;
  color: #2eb6b8;
  font-weight: 400;
  width: 15px;
  height: 15px;
}

.editFieldRow .editBtn.deleteBtn {
  right: -10px;
}

.rightAccPanel .editFieldRow .editBtn.deleteBtn .material-icons {
  font-size: 17px;
}

.noCommunity {
  padding: 20px;
}

.waitNormal {
  font-weight: normal;
}

.noCommunity .btn {
  font-weight: normal;
  padding-left: 40px;
  padding-right: 40px;
}

.btnThin {
  padding: 7px 30px;
  font-size: 14px;
}

.allCollectionList,
.allMentoringRequestList {
  background-color: #fff;
  padding: 0px 0px 20px 0px;
  border-radius: 10px;
}

.allCollectionList .profileRow {
  padding-right: 105px;
  position: relative;
}

.allCollectionList .profileRow .editBtn {
  position: absolute;
  right: 10px;
  top: 0px;
  font-size: 16px;
  color: #2eb6b8 !important;
}

.secHeading {
  position: relative;
  padding-left: 40px;
}

.secHeading .material-icons {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  border-radius: 50%;
  border: 1px solid #ddd;
  left: 0;
  top: auto;
  color: #2eb6b8;
}

.addNewContent {
  font-size: 12px;
  color: #5A617B;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
  padding: 10px 20px;
  margin-bottom: 0px;
  display: inline-block;
}

.addNewContent:hover {
  background-color: #2eb6b8;
  color: #fff;
  border: 1px solid #2eb6b8;
}

.expForm label {
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
}

.expForm .form-control,
.expForm .select2-container--default .select2-selection--single,
.editTimeSlotForm .select2-container--default .select2-selection--single,
.editTimeSlotForm .form-control {
  border: 1px solid #E6E7EC;
  border-radius: 10px;
  padding: 17px 14px;
  font-size: 16px;
  font-weight: normal !important;
  color: #5A617B;
}

.expFormCheckbox {
  margin-right: 10px;
}

.btnGray {
  background-color: #F8F9FA !important;
  border: 1px solid #E6E7EC !important;
  color: #5A617B !important;
}

.formUpdate {
  position: absolute;
  font-weight: normal;
  background-color: #f0f0f0 !important;
  padding: 11px 20px;
  top: 0px;
  min-height: 40px;
  border-radius: 8px;
  right: 0;
  font-size: 14px;
  letter-spacing: 0;
}

.noBg {
  background-color: transparent !important;
}

.noBorder {
  border: none !important;
}

.greenBorderBtn {
  border-color: #2eb6b8;
  background-color: transparent;
  color: #2eb6b8;
}

.greenBorderBtn:hover {
  background-color: #2eb6b8;
  color: #fff;
}

.greenBtn {
  border-color: #2eb6b8;
  background-color: #2eb6b8;
  color: #fff;
}

.greenBorderBtn:hover {
  background-color: #2eb6b8;
  color: #fff;
}

.slotHeadingRow {
  display: flex;
  gap: 20px;
}

.regularDate {
  font-size: 16px;
  font-weight: normal;
  color: #5A617B;
  margin-bottom: 10px;
}

.regularTime {
  font-size: 16px;
  font-weight: normal;
  color: #989DAF;
  margin-bottom: 0px;
}

.addOverrideRow {
  position: relative;
  padding-right: 30px;
  border-top: 1px solid #EAEAEA;
  padding-top: 16px;
  padding-bottom: 16px;
}

.addDateOverrides {
  cursor: pointer;
}

.deleteOverrideRow.material-icons {
  position: absolute;
  left: auto;
  right: 0px;
  top: 12px;
  font-size: 25px;
  color: #989DAF;
}

.deleteOverrideRow {
  cursor: pointer;
}

p small {
  font-size: 14px;
  color: #5A617B;
}

.weeklyHoursRow {
  display: flex;
  padding: 16px 16px 16px 96px;
  min-height: 84px;
  align-items: center;
  position: relative;
  justify-content: center;
}

.weeklyHoursRow .leftCheck {
  position: absolute;
  left: 16px;
  top: 30px;
}

.leftCheck {
  width: 110px;
}

.checkLevel {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 12px;
  cursor: pointer;
  color: #262937;
}

.checkLevel + .checkLevel {
  margin-top: 1em;
}

.checkLevel input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: var(--form-background);
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 16px;
  height: 16px;
  border: 1px solid #D6DAE1;
  border-radius: 4px;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}

.notificationTime {
  font-size: 10px;
  color: #999;
  padding-left: 25px;
}

.checkLevel input[type=checkbox]::before {
  content: "";
  width: 8px;
  height: 5.75px;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  background-color: #fff;
}

.checkLevel input[type=checkbox]:checked::before {
  transform: scale(1);
}

.checkLevel input[type=checkbox]:checked {
  background-color: #2EB6B8;
  border-color: #2EB6B8;
}

.checkLevel input[type=checkbox]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

.weeklyHoursGroup .weeklyHoursRow {
  border-bottom: 1px solid #EAEAEA;
  position: relative;
}

.weeklyHoursGroup .weeklyHoursRow:last-child {
  border-bottom: none;
}

.borderTop {
  border-top: 1px solid #EAEAEA;
  margin-top: 30px;
}

.borderTop .rightBorder {
  border-right: 1px solid #EAEAEA;
}

.borderTop .g30 {
  padding-top: 30px;
}

.btnMidium {
  padding: 12px 40px;
}

.timeBetweenRow {
  display: flex;
}

.timeBetweenRow .form-control {
  width: 116px;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.addTimeSlotRow {
  min-width: 40px;
  position: absolute;
  right: 0px;
  bottom: 28px;
  cursor: pointer;
  color: #2EB6B8;
}

.timeBetweenRow {
  position: relative;
  padding-right: 30px;
}

.timeBetweenRow .material-icons {
  left: auto;
  right: 0px;
  top: 31px;
  font-size: 25px !important;
  color: #989DAF;
  cursor: pointer;
  height: 26px;
  transition: 0.3s;
}

.timeBetweenRow .material-icons:hover {
  color: #f99289;
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
  font-size: 20px;
}

.timeBetweenRow {
  padding-top: 6px;
  padding-bottom: 6px;
}

.timeBetweenRow select.form-control {
  max-width: 140px;
  margin-right: 15px;
  padding: 7.5px 15px;
}

.datepicker-dropdown {
  background-color: #fff !important;
  z-index: 99999;
}

.dateWeekYear {
  display: flex;
  gap: 10px;
}

.dateWeekYear .datepicker {
  background-image: none !important;
}

.datepicker table tr td span {
  background-color: #fff;
}

#monthpicker {
  width: 190px;
}

#weeks {
  width: 135px;
}

.editTimeYearWeek {
  width: 345px;
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active {
  background: #2EB6B8 !important;
}

.rightSlotRow {
  display: none;
}

.rightSlotRow.slotUnavailable {
  display: flex;
}

.modal-backdrop.fade.show {
  z-index: 99991;
}

.modal {
  z-index: 99999;
}

.timeZoneLanel {
  display: block !important;
}

#overrideCalendar h2,
#bookingReschedule h2 {
  font-size: 16px;
  font-weight: normal;
}

.editTimeZone .select2.select2-container {
  width: 120px !important;
}

#overrideCalendar .fc-button,
#bookingReschedule .fc-button,
#availability .fc-button {
  height: 20px !important;
  width: 20px !important;
  padding: 0px !important;
  line-height: 16px;
  text-align: center;
  font-size: 10px;
  border-radius: 50%;
  background-color: transparent !important;
  border: 1px solid #5A617B;
}

#overrideCalendar .fc-button .fc-icon,
#bookingReschedule .fc-button .fc-icon,
#availability .fc-button .fc-icon {
  color: #5A617B;
  top: 0px;
}

.modalSlotBookingRow {
  position: relative;
}

#availability .fc-toolbar .fc-left,
#availability .fc-toolbar .fc-right {
  position: relative;
  top: 7px;
}

#overrideCalendar .content,
#bookingReschedule .content {
  font-weight: 600;
  margin-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-size: 20px;
}

.slotBookingBtnGroup {
  padding-top: 30px;
}

.slotBookingBtnGroup .timeBetweenRow {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 15px;
  padding-right: 50px;
  margin-bottom: 5px;
  border-radius: 5px;
}

#overrideCalendar .slotBookingBtnGroup .timeBetweenRow:nth-child(odd) {
  background-color: #F6F6F6;
}

.slotBookingBtnGroup .timeBetweenRow:nth-child(even) {
  background-color: #fff;
}

.modalSlotBookingRow {
  position: relative;
}

.slotBookingBtnGroup .addTimeSlotRow {
  bottom: 20px;
  right: 12px;
}

.slotBookingBtnGroup .deleteTimeSlotRow {
  position: absolute;
  top: calc(50% - 12px);
}

#overrideCalendar .modal-header,
#overrideCalendar .modal-footer {
  border: none;
}

#overrideCalendar .modal-header,
#overrideCalendar .modal-footer {
  border: none;
}

#overrideCalendar .modal-content,
#bookingReschedule .modal-content {
  border-radius: 10px;
}

#bookingReschedule .fc-left .fc-next-button,
#bookingReschedule .fc-right .fc-prev-button {
  display: none !important;
}

#availability .fc-left .fc-next-button,
#availability .fc-right .fc-prev-button {
  display: none !important;
}

#overrideCalendar .fc-ltr .fc-basic-view .fc-day-number,
#availability .fc-ltr .fc-basic-view .fc-day-number {
  font-size: 12px !important;
  text-align: center !important;
  box-sizing: border-box;
  height: 40px;
  line-height: 36px;
}

#bookingReschedule .modal-header,
#availability .modal-header {
  border: none !important;
}

.fc-scroller {
  height: auto !important;
}

.fc-ltr .fc-basic-view .fc-day-number {
  text-align: center !important;
}

#overrideCalendar .fc-day-today::before,
#overrideCalendar .guestSlotBooking .fc-unthemed .fc-bg .fc-today::before,
#overrideCalendar .fc td:hover.fc-day::before,
#overrideCalendar .fc-unthemed .fc-bg .fc-today::before {
  display: none;
}

#overrideCalendar .fc-toolbar {
  text-align: center;
  margin-bottom: 20px;
}

#overrideCalendar .fc th,
#bookingReschedule .fc th,
#availability .fc th {
  border: none;
  padding-top: 0px;
  padding-bottom: 12px;
}

#overrideCalendar .fc-widget-header,
#bookingReschedule .fc-widget-header,
#availability .fc-widget-header {
  border: none;
}

#overrideCalendar .fc-scroller {
  overflow-y: visible;
}

.fc-row .fc-bg,
.fc-basic-view tbody .fc-row {
  z-index: 1;
  height: 40px !important;
  min-height: 40px !important;
}

#overrideCalendar .fc-ltr .fc-basic-view .fc-day-number,
#bookingReschedule .fc-ltr .fc-basic-view .fc-day-number {
  font-size: 12px !important;
  text-align: center !important;
  box-sizing: border-box;
  height: 40px;
  line-height: 36px;
}

.profileRowPic {
  width: 50px;
  height: 50px;
}

.listSearchForm .form-control {
  font-size: 15px;
  font-weight: 400;
  padding: 8px 20px;
  border-radius: 30px;
}

.listSearchForm form {
  position: relative;
}

.listSearchForm .listSearchBtn {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  height: 41px;
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 1px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #2eb6b8;
}

.listSearchForm .listSearchBtn .material-icons {
  color: #fff;
  font-size: 25px;
  left: 0;
  top: 9px;
  right: 0;
  margin: auto;
}

.loginForm .form-control,
.regForm .form-control {
  font-size: 16px;
  font-weight: 500;
  padding: 12px 12px;
}

.fc-row .fc-content-skeleton td.over-ride-dates {
  color: #fff !important;
  background-color: #2eb6b8 !important;
  background: #2eb6b8 !important;
}

#overrideCalendar .slotBookingBtnGroup .addTimeSlotRow {
  bottom: 58px;
  right: 38px;
  font-size: 14px;
}

#overrideCalendar .slotBookingBtnGroup .deleteTimeSlotRow {
  position: absolute;
  top: 6px !important;
  right: 62px;
}

#overrideCalendar #availability-option {
  padding-left: 35px !important;
  position: relative;
  padding-top: 0px;
}

#overrideCalendar #availability-option .weeklyHoursRow {
  padding: 0px !important;
  min-height: 0px !important;
  left: 0px;
  position: absolute;
}

#overrideCalendar #availability-option .weeklyHoursRow .leftCheck {
  width: 20px;
  top: 38px;
}

#overrideCalendar #availability-option .timeBetweenRow .form-control {
  width: 105px;
  padding-top: 6px;
  padding-bottom: 6px;
}

#overrideCalendar #availability-option .slotBookingBtnGroup .timeBetweenRow {
  padding-right: 95px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  background-color: transparent;
}

#overrideCalendar .slotBookingBtnGroup .addTimeSlotRow {
  bottom: -20px;
  right: 15px;
  font-size: 14px;
}

#overrideCalendar .slotBookingBtnGroup .timeBetweenRow + .addTimeSlotRow {
  bottom: 7px;
}

#overrideCalendar .rightSlotRow {
  position: absolute;
  top: 35px;
}

.CommunityList .mentorBoxFull .card-footer {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 99;
}

.CommunityList .mentorBoxFull:hover .card-footer {
  opacity: 1;
  visibility: visible;
}

.memberimgFullBlock img:hover .card-footer {
  opacity: 1;
  visibility: visible;
}

.col:hover .card-footer {
  opacity: 1;
  visibility: visible;
}

.slotBookingBtnGroup input:not(:-moz-placeholder) + span {
  transform: translateY(0) translateX(0) !important;
}

.slotBookingBtnGroup input:focus + span,
.slotBookingBtnGroup input:not(:placeholder-shown) + span {
  transform: translateY(0) translateX(0) !important;
}

.fc-state-highlight::before {
  content: "";
}

/*More menu end*/
.fc-highlight,
.over-ride-dates,
.slot-available-dates {
  background-color: #2eb6b8 !important;
  color: #fff !important;
  opacity: 1 !important;
}

.fc-row .fc-bg,
.fc-basic-view tbody .fc-row {
  height: 65px !important;
  min-height: 65px !important;
}

.modal-dialog .fc-basic-view tbody .fc-row,
.modal-dialog .fc-row .fc-bg {
  height: 50px !important;
  min-height: 50px !important;
}

.loginLeftCol {
  width: 400px;
  background-color: #ddd;
  /*background-image: url(../../img/mentoree.gif);
  background-repeat: no-repeat;
  background-position: left center;*/
  position: fixed;
  left: 0px;
  top: 0px;
  bottom: 0px;
}

body, .loginRightCol label, .loginHeading, .haveAcc, .form-control {
  font-family: "sf-uidisplay-medium" !important;
}

.loginLogoLeft {
  margin-top: 30px;
  display: inline-block;
}

.loginRightCol {
  width: calc(100% - 400px);
  display: flex;
  align-items: center;
  margin-left: 400px;
  position: absolute;
  padding-top: 15px;
  padding-bottom: 15px;
}

.registrationBody {
  background-color: #f5f6f8;
}

.loginRightCol .loginForm {
  width: 460px;
  margin-left: 220px;
}

.registrationFormSmall {
  width: 430px;
}

.registrationFormSmall .haveAcc {
  position: absolute;
  bottom: 0px;
  left: 12px;
}

.registrationFormSmall.registrationLargeContainer {
  width: 690px;
}

.loginHeading {
  font-family: "sf-uidisplay-medium";
  font-size: 24px;
  line-height: 38px;
  margin-bottom: 8px;
}

.haveAcc {
  font-family: "sf-uidisplay-medium" !important;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 40px;
  color: #5A617B;
}

.loginRightCol label {
  font-family: "sf-uidisplay-medium" !important;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
}

.loginRightCol .accordion-body label {
  margin-bottom: 0px;
}

.loginRightCol .form-group {
  margin-bottom: 16px;
}

.loginRightCol a {
  color: #2eb6b8 !important;
}

.btn.loginBtn {
  padding: 12px 62px;
  font-size: 18px;
  text-transform: capitalize !important;
  font-weight: normal;
  background-color: #989DAF;
  border: none !important;
}

.btn.loginBtn:hover {
  background-color: #f99289;
}

.loginRightCol .form-control,
.regForm .form-control {
  border-radius: 10px;
  font-family: "sf-uidisplay-medium" !important;
}

.regFormNew .form-control {
  border: 1px solid #E6E7EC !important;
  background-color: transparent;
  color: #5A617B;
  padding: 16px 12px !important;
}

.regFormNew label {
  color: #5A617B;
}

.createProfileNew {
  display: flex;
  align-items: center;
  height: 100vb;
}

.regFormNew .select2-container--default .select2-selection--single {
  border-radius: 10px !important;
}

#regForm .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #5A617B;
}

.dropzone .dz-preview.dz-image-preview {
  background: transparent;
}

.categorySec {
  max-width: 680px;
}

.formLogo {
  display: none;
  z-index: 99;
}

.profileIconSets {
  display: flex;
  gap: 20px;
  margin-left: auto;
  margin-right: 24px;
}

#overrideCalendar .modal-dialog {
  margin-top: 90px !important;
}

#category_settings_form .form-check .form-check-input {
  margin-left: 0px;
  margin-right: 10px;
}

#category_settings_form .form-check-label {
  width: calc(100% - 30px) !important;
  font-size: 13px;
  margin-bottom: 0px;
  font-weight: normal;
}

#category_settings_form .accordion-body {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

#category_settings_form .accordion-button {
  padding-left: 0px;
  padding-right: 0px;
}

#category_settings_form .accordion-body .form-check:last-child {
  border-bottom: 0px;
}

.timeBetweenRow .material-icons {
  top: 13px !important;
}

.bookingDetailsRow {
  text-align: left;
  display: flex;
  margin-bottom: 5px;
  font-size: 15px;
}

.bookingDetailsRow > .material-icons {
  width: 35px;
  color: #2eb6b8 !important;
}

.bookingDetailsCardWrap {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.bookingFullName {
  font-size: 25px;
  font-weight: 500;
  justify-content: center;
}

.centerAlign {
  justify-content: center;
}

.g2 {
  gap: 2px;
}

.bookingDetailsLeft {
  border-radius: 50%;
  overflow: hidden;
  width: 175px;
  border: 3px solid #fff;
  box-shadow: 0px 0px 5px #ddd;
  margin-bottom: 15px;
}

.bookingDetailsRight {
  width: 300px;
}

.bookingDetailsRight .statusApproved,
.bookingDetailsRight .statusPending,
.bookingDetailsRight .statusRejected {
  background-color: transparent !important;
  padding: 5px 10px;
  font-size: 13px;
  display: flex;
  gap: 2px;
  border: 1px solid #2eb6b8 !important;
  border-radius: 40px;
  align-items: center;
}

.bookingDetailsRight .statusRejected {
  border: 1px solid #f99289 !important;
}

.bookingDetailsRight .statusPending {
  border: 1px solid #335496 !important;
}

.bookingDetailsRight .material-icons {
  color: #6ab592 !important;
  font-size: 16px;
}

.bookingDetailsRight .statusRejected .material-icons {
  color: #f99289 !important;
  font-size: 16px;
}

.bookingDetailsRight .statusPending .material-icons {
  color: #335496 !important;
  font-size: 16px;
}

#view-booking .modal-lg {
  max-width: 375px;
  margin-left: calc(50% - 188px);
}

#more-nav {
  text-align: right;
}

.mobileMenuCat {
  display: none;
}

.termAnchorContent {
  position: relative;
}

.termAnchorContent a.anchor {
  display: block;
  position: relative;
  top: -90px;
  visibility: hidden;
  height: 2px;
}

.termAnchorContent li {
  margin-bottom: 12px;
  margin-left: 15px;
  list-style-type: square;
}

.termAnchorContent a {
  text-decoration: underline;
  color: #2eb6b8;
}

.contactFormBtn {
  border: 1px solid;
  padding: 10px 50px;
  border-radius: 40px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  transition: 0.3s;
}

#availability-option h1 {
  font-size: 19px !important;
  font-weight: 500 !important;
  margin-top: 15px !important;
  margin-bottom: 0px !important;
  position: absolute !important;
}

.helpPopAnchor {
  height: 54px;
  width: 54px;
  display: inline-block;
  box-shadow: 0px 2px 5px #ccc !important;
  border-radius: 50%;
  vertical-align: top;
  margin-left: 5px;
  line-height: 54px;
  cursor: pointer;
  transition: 0.3s;
}

.helpPopAnchor:hover {
  background-color: #335496;
}

.helpPopAnchor .material-icons {
  line-height: 54px;
  color: #335496;
  transition: 0.3s;
}

.helpPopAnchor:hover .material-icons {
  color: #fff;
}

#booking-calendar .fc-row .fc-bg,
#booking-calendar .fc-basic-view tbody .fc-row {
  height: 105px !important;
  min-height: 105px !important;
}

#calendarHelp img {
  margin-bottom: 20px;
}

#calendarHelp ol,
#calendarHelp ol li {
  list-style-type: decimal;
}

#calendarHelp ol li {
  margin-bottom: 5px;
}

#invite_friend {
  margin-bottom: 8px;
}

/*Custom Modal for help*/
.calendar-help-popOverlay {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 8;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.calendar-help-pop {
  position: absolute;
  width: 655px;
  min-height: 300px;
  background-color: #fff;
  left: 0px;
  right: 0px;
  margin: auto;
  top: 90px;
  z-index: 9;
  border: none;
  border-radius: 15px;
  display: none;
}

.calendar-help-pop .btn-close {
  width: 100%;
  box-sizing: border-box;
  border-radius: 40px;
  opacity: 1;
  margin-top: 25px;
  height: auto;
  font-size: 14px;
  background-image: none;
  padding: 21px;
}

.calendar-help-pop .nav-link {
  font-size: 11px;
  text-transform: uppercase;
  color: #676767;
  background-color: transparent;
  padding: 25px 12px !important;
  position: relative;
  font-weight: 500;
}

.calendar-help-pop .nav-link::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  background-color: transparent;
  bottom: -2px;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  right: 0px;
}

.calendar-help-pop .nav-link.active::after {
  background-color: #2eb6b8;
}

.calendar-help-pop .nav-link.active {
  color: #2eb6b8;
}

.calendar-help-pop .nav-item {
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}

.calendar-help-pop .tab-content {
  padding: 40px 50px;
}

.calendar-help-pop #pills-tab {
  justify-content: center;
  border-bottom: 2px solid #e5e5e5;
}

.calendar-help-pop b {
  font-size: 18px;
}

.calendar-help-pop p {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  padding-left: 30px;
  padding-right: 30px;
  line-height: 21px;
}

.calendar-help-pop .calendarList {
  padding-left: 30px;
  padding-right: 30px;
}

.calendar-help-pop .calendarList li {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  line-height: 21px;
}

.calendar-help-pop .calendarList li {
  margin-bottom: 20px;
  position: relative;
}

.calendar-help-pop .calendarList {
  list-style: none;
  counter-reset: my-awesome-counter;
}

.calendar-help-pop .calendarList li {
  counter-increment: my-awesome-counter;
  padding-left: 40px;
}

.calendar-help-pop .calendarList li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  font-weight: 600;
  width: 25px;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  position: absolute;
  left: 0px;
  background-color: #2eb6b8;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
}

.calendar-help-pop img {
  margin-top: 25px;
  margin-bottom: 45px;
}

.gCalenderImg {
  position: relative;
}

.gCalenderImg img {
  margin-top: 0px;
  margin-bottom: 0px;
}

/*Custom Modal for help end*/
.termsContent.termAnchorContent h2 {
  font-size: 40px;
  font-weight: 600;
  margin-top: 40px;
}

.termsContent.termAnchorContent h2,
.termsContent.termAnchorContent h3,
.termsContent.termAnchorContent h4 {
  text-transform: uppercase;
}

.termsContent.termAnchorContent h3 {
  margin-top: 30px;
}

.leftAccPanel #connect_reject,
.leftAccPanel #add_community,
.leftAccPanel .statusPending,
.leftAccPanel .statusRejected {
  border-radius: 8px;
  font-size: 13px;
  padding-left: 34px;
  padding-right: 20px;
  color: #fff !important;
  line-height: 44px;
  padding-top: 1px;
  padding-bottom: 0px;
  position: relative;
  background-color: #2EB6B8 !important;
  margin: 2px;
  display: inline-block !important;
}

.modal-footer .btn-primary {
  background-color: #f99289 !important;
  border-color: #f99289 !important;
}

.leftAccPanel #connect_reject .material-icons,
.leftAccPanel #add_community .material-icons,
.leftAccPanel .statusPending .material-icons,
.leftAccPanel .statusRejected .material-icons {
  position: absolute;
  transform: translateY(0px);
  left: 9px;
  font-size: 20px;
  top: 12px;
}

.leftAccPanel #message_connection {
  border-radius: 40px;
  font-size: 13px;
  padding-left: 34px;
  padding-right: 20px;
  color: #fff;
  line-height: 44px;
  border: 1px solid #2EB6B8;
  padding-top: 1px;
  padding-bottom: 0px;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  min-width: 130px;
  text-align: center;
  background-color: #2EB6B8 !important;
  margin: 2px;
}

.leftAccPanel #message_connection .material-icons {
  position: absolute;
  transform: translateY(0px);
  left: 18px;
  font-size: 18px;
  top: 13px;
}

.linkedProfileName .overview-community-heading h6 a {
  color: #2EB6B8;
}

.leftPanProfilStatus .statusPending {
  position: relative;
  width: 110px;
}

.leftAccPanel.leftPanProfilStatus .statusPending .material-icons {
  top: 8px;
}

.memberRowList .requestBtns.statusAction:empty {
  display: none;
}

#meetingSDKElement {
  justify-content: center;
}

#startZoomMeeting {
  text-align: center;
  background-color: #2eb6b8;
  font-size: 14px;
  font-weight: normal;
  padding: 15px 25px;
  border: none;
  border-radius: 40px;
  top: calc(50% - 22px);
  transition: 0.3s;
}

.zmwebsdk-MuiTypography-root {
  color: #fff !important;
}

.scrolledList {
  height: 300px;
  overflow-y: scroll;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.notificationLists {
  padding-bottom: 10px;
}

.notificationHeading {
  padding: 10px 15px;
  background-color: #23a9bb;
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/*Message notification dropdown*/
.messageHeading {
  padding: 10px 15px;
  background-color: #fff;
  color: #000;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.activeProfileDropdown.dropdown-menu.messageLists {
  position: absolute;
  border: none;
  box-shadow: 0px 0px 10px #999;
  border-radius: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.messageProfileIcon {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #5ab3b7;
}

.messageDropDownContainer {
  padding-left: 15px;
  padding-right: 15px;
}

.messageLists .scrolledList {
  padding-bottom: 50px;
}

.incomingMessageRow {
  margin-bottom: 15px;
  align-items: center;
  gap: 10px;
}

.dropDownAllMessage {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0;
  font-size: 12px;
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid #ddd;
  background-color: #fff;
  padding-bottom: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #558ded;
}

.searchMessageForm .form-control {
  width: 100%;
  margin-bottom: 15px;
  font-size: 13px;
  border-radius: 40px;
  padding: 6px;
  background-color: #f0f2f5;
  border: none;
  box-shadow: 1px 1px 2px #ddd;
  color: #000 !important;
  padding-left: 30px;
}

.searchMessageForm {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.searchMessageForm .material-icons {
  font-size: 16px;
  position: absolute;
  left: 23px;
  top: 25px !important;
}

.messageHeadingContentHeading,
.messageHeadingContentText {
  font-size: 12px;
}

.messageHeadingContent {
  width: calc(100% - 130px);
}

.messageIncomingTime {
  font-size: 10px;
  margin-top: auto;
  margin-bottom: 10px;
}

.messageDropActiveState {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #3477ea;
}

.notificationBell.loadMessages {
  padding-left: 0px;
  padding-right: 0px;
}

.chatBoxSection {
  min-height: 510px;
  min-width: 330px;
  z-index: 999;
  background-color: #5ab3b7;
  border-radius: 45px;
  box-shadow: 0px 0px 10px #333;
  padding-top: 60px;
  max-width: 330px;
}

.chatBoxSection .modal-body, .chatBoxSection .chat-body {
  padding: 0px;
}

.chat-body {
  position: relative;
}

.chatBoxMessageArea {
  background-color: #fff;
  height: 350px;
  width: 100%;
  border-top-left-radius: 45px;
  padding: 30px 25px 20px;
  position: relative;
  overflow-y: auto;
  border-top-right-radius: 45px;
}

.messageDay {
  background-color: #80d8d8;
  color: #fff;
  font-size: 12px;
  width: auto;
  position: absolute;
  padding: 2px 15px;
  border-radius: 30px;
  left: 0px;
  right: 0px;
  margin: auto;
  min-width: 80px;
  max-width: 80px;
  text-align: center;
  top: -11px;
  z-index: 9;
  box-shadow: 0 0 5px #999;
}

.chatContent {
  width: 255px;
  min-height: 50px;
  padding: 10px 15px;
  font-size: 14px;
  color: #fff;
  border-radius: 40px;
}

.chatBoxMessageArea .notificationChatRow {
  margin-bottom: 5px;
}

.chatBoxMessageArea .notificationChatRow.rightMessage {
  text-align: right;
  display: flex;
  flex-wrap: wrap;
}

.chatBoxMessageArea .notificationChatRow.rightMessage .chatContent {
  background-color: #80d8d8;
  border-bottom-right-radius: 0px;
  margin-left: auto;
}

.chatBoxMessageArea .notificationChatRow.leftMessage .chatContent {
  background-color: #f2f2f2;
  border-bottom-left-radius: 0px;
  color: #000;
}

.chatProfileImage {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 0px;
}

.chatTime {
  font-size: 11px;
  width: 100%;
  color: #acadaf;
}

.chatInputBox {
  padding: 25px 20px 25px;
  background-color: #fff;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}

.chatInputBox .formSection {
  position: relative;
}

.chatInputControl {
  padding: 14px;
  border-radius: 30px;
  border: none;
  background-color: #f2f2f2 !important;
  font-weight: 400;
  font-size: 14px;
}

.chatSubmitControl {
  position: absolute;
  right: 15px;
  background-color: transparent;
  height: 22px;
  padding: 0px;
  color: #5e76e0;
  top: calc(50% - 11px);
}

.chatBoxTopArea {
  width: 290px;
  height: 30px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  top: -45px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff !important;
}

#messagebox .modal-dialog {
  max-width: 330px;
  position: fixed;
  right: 15px;
  bottom: 15px;
  margin-bottom: 0px;
}

.chatBoxTopArea a .material-icons {
  color: #fff !important;
}

/*Message notification dropdown end*/
.notificationCount {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #fff;
  color: #23a9bb;
  text-align: center;
  line-height: 20px;
  padding: 0px !important;
  font-size: 9px;
  display: inline-block;
}

.scrolledList li:last-child::after {
  display: none !important;
}

.rightAccPanel .uploadResumeBox .material-icons {
  position: absolute;
  font-size: 25px;
  left: 5px;
  top: -40px;
}

.uploadResumeBox .placeholdFile {
  display: flex;
  align-items: center;
  gap: 10px;
}

.editedFileName {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.newCommunityMember {
  color: #fff;
  background-color: #f99289;
  border-radius: 30px;
  height: 35px;
  width: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 9;
  right: 5px;
  top: 5px;
  font-size: 12px;
}

.profileThumb .btn-primary.connectGcalendar {
  padding-right: 35px !important;
  padding-left: 35px !important;
  margin-bottom: 10px;
}

.dropzone .dz-preview:hover .dz-image img {
  transform: scale(1);
}

.cropper-bg {
  width: 100% !important;
  position: relative;
  display: flex;
  justify-content: center;
}

.cropper-wrap-box {
  justify-content: center;
  display: flex;
}

.cropper-hide {
  height: auto;
  width: auto;
}

.cropper-canvas {
  height: auto !important;
  width: 100% !important;
  transform: translate(0) !important;
  display: flex;
  justify-content: center;
}

#profile-resume.dropzone .dz-preview.dz-file-preview .dz-image,
#profile-assets.dropzone .dz-preview.dz-file-preview .dz-image {
  background-image: none !important;
}

.cropper-drag-box.cropper-move.cropper-modal + .cropper-crop-box {
  left: -20px;
}

.mini-layout-body .btn.btn-lg,
.zm-btn.joinWindowBtn.btn btn-primary,
.leaveWaitingBtn {
  background-color: #2EB6B8;
  border-radius: 40px;
  height: auto !important;
  padding: 15px 30px;
  min-width: auto;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  transition: 0.3s;
}

.mini-layout-body .btn.btn-lg:hover,
.zm-btn.joinWindowBtn.btn btn-primary:hover,
.leaveWaitingBtn:hover {
  background-color: #FF5D42;
}

#meetingSDKElement,
.page-header.waiting-pannel-title p {
  text-align: center;
  font-size: 35px;
  font-weight: 600;
}

header .container-fluid::after,
header .navbar::after,
header .container-fluid::before,
header .navbar::before {
  display: none;
}

.zm-modal .zm-modal-footer-default .zm-btn {
  margin-left: 8px;
  padding: 15px 30px;
  border-radius: 30px;
  height: auto;
  background-color: #23a9bb;
}

.innerBanner.errorBanner {
  position: relative;
}

.innerBanner.errorBanner img {
  display: block !important;
  opacity: 1 !important;
  min-height: auto;
  transform: translateY(-15%);
}

.toUpperCase {
  text-transform: uppercase;
}

.errorNumber {
  position: absolute;
  color: #f99289;
  font-size: 120px;
  top: 0px;
  left: 0px;
  font-family: "circularStdBlack";
  line-height: 84px;
  top: calc(50% - 42px);
  text-align: center;
  width: 100%;
}

.bnnerJoinNow {
  color: #fff;
  font-size: 14px;
  background-color: #f99289;
  margin-bottom: 10px !important;
  display: inline-block;
  border: 1px solid #f99289;
}

.bnnerJoinNow:hover {
  color: #f99289;
  background-color: #fff;
}

.main-layout {
  padding-top: 150px !important;
}

.meeting-info-container {
  top: 100px !important;
}

.ReactModal__Body--open .contentHeading h4 {
  font-size: 20px;
  color: #fff !important;
  text-align: center;
}

.ReactModal__Body--open .contentHeading {
  margin-top: -10px !important;
  margin-bottom: 40px !important;
  position: fixed;
  z-index: 99;
  right: 0px;
  text-align: center;
  top: 100px;
  text-align: center !important;
  left: 0px;
}

/*Admin dashboard style change 6-12-22*/
body .card .card-stats.adminUserCard {
  margin-bottom: 0px !important;
}

/*Admin dashboard style change end 6-12-22*/
/*Event page css*/
.mb1 {
  margin-bottom: 10px;
}

.eventRed {
  color: #f99289;
}

.eventGreen {
  color: #2eb6b8;
}

.event-banner {
  position: relative;
  height: 800px !important;
  overflow: hidden;
}

.eventBannerDate {
  width: 480px;
  padding: 80px 40px 40px 40px;
  border: 10px;
  border-radius: 12px;
  position: absolute;
  left: 100px;
  background-color: #fff;
  min-height: 500px;
  top: calc(50% - 250px);
  box-sizing: border-box;
}

.eventCurrentDate {
  font-size: 14px !important;
  color: #243141;
  margin-bottom: 5px;
  width: 95px;
  position: absolute;
  top: -47px;
  height: 95px;
  background-color: #e9eaef;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px 5px;
}

.eventCurrentDate span {
  width: 100%;
  text-align: center;
}

.eventCurrentDate .evenDay {
  font-size: 42px;
  font-weight: 600;
  line-height: 35px;
}

.eventCurrentDate .evenMonth {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
}

.eventBannerDate .btn-secondary {
  width: 100%;
  font-size: 15px;
}

.eventBannerTitle h3 {
  font-size: 28px;
}

.dateContentRow h4 {
  font-weight: 600 !important;
  margin-bottom: 5px;
  font-size: 18px;
}

.dateContentRow p {
  font-size: 18px;
  color: #616161;
  margin-bottom: 0;
}

.bannerDateLanding.eventBannerDate {
  padding-top: 100px;
}

.dateContentRow .dateContentCol p,
.dateContentRow .dateContentCol h4 {
  font-size: 16px;
}

.verticalCenter {
  align-items: center;
}

.mb-10 {
  margin-bottom: 100px;
}

.eventSection {
  background-color: #f6fafd;
  padding: 70px 0px 110px;
}

.eventThumb {
  width: 230px;
  padding: 18px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0px 0px 15px #dcdfe2;
  margin-bottom: 15px;
}

.eventThumbImg {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
}

.eventmatch {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 20px;
}

.eventHeading {
  font-size: 16px;
  font-weight: 600;
}

.eventCommentCount {
  font-size: 13px;
  color: #616161;
}

.eventRow {
  gap: 25px;
}

.regularBtn {
  font-size: 12px !important;
  padding: 22px 75px;
}

.bannerBottomRow {
  padding-top: 75px;
  padding-bottom: 30px;
  background-color: #f6fafd;
}

.dateContentRow a {
  color: #f99289;
}

.eventRaise {
  padding-left: 120px;
  position: relative;
  display: inline-block;
  min-height: 120px;
}

.eventRaiseIcon {
  position: absolute;
  left: 0px;
}

.eventRaise h4 {
  font-weight: 600;
  margin-bottom: 0px;
  font-size: 24px;
}

.eventRaise p {
  font-weight: 400;
  margin-bottom: 0px;
  font-size: 22px;
  line-height: 24px;
}

.napkinLogoSection {
  background-color: #deecf7;
  border-radius: 25px;
  padding: 50px;
  flex-wrap: wrap;
  gap: 12px;
  min-height: 300px;
}

.powerdBy {
  font-size: 15px;
  letter-spacing: 5px;
  color: #000;
  width: 100%;
  text-align: center;
}

.eventListSection {
  padding: 50px 0px;
}

.eventListRow {
  margin-bottom: 40px;
}

.eventListSection h3 {
  font-size: 30px;
}

.eventListRow {
  display: flex;
  border: 1px solid #dfdfdf;
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0px 0px 15px #dcdfe2;
}

.eventListRowImg {
  width: 40%;
  margin-right: 30px;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
}

.eventListRowContent {
  width: calc(60% - 30px);
  min-height: 260px;
}

.eventListDate {
  display: inline-block;
  margin-right: 15px;
}

/*Event page css end*/
.event-calendar-image {
  gap: 10px;
}

.event-calendar-image img {
  width: 40px;
}

.event-details-date {
  margin-bottom: 6px;
}

.m0 {
  margin-bottom: 0px !important;
}

.mb06 {
  margin-bottom: 6px !important;
}

.eventImgFull {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
  box-shadow: 0px 0px 2px #969595;
}

.eventImgFull img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.innerBanner.eventBannerImage img {
  opacity: 1 !important;
  display: block !important;
}

.event-banner .bannerImage {
  width: 100% !important;
}

.modal-dialog {
  margin-top: 9rem;
}

.eventCommentCount .badge.bg-secondary {
  background-color: #f99289 !important;
  padding: 7px 12px;
  border-radius: 40px;
  margin-top: 5px;
}

.eventCommentCount a {
  display: block;
  height: 100%;
}

.eventExcerpt {
  min-height: 60px;
}

.eventHeading {
  min-height: 45px;
}

/*Availability new style 11-1-23*/
.hoursGroupNew {
  padding-left: 30px;
  align-items: center;
}

.hoursGroupNew .checkLevel {
  top: auto;
}

.hoursGroupNew #available_days {
  min-width: 90px;
  max-width: 90px;
  margin-right: 10px;
}

.hoursGroupNew .rightSlotRow.slotUnavailable {
  width: auto;
  margin-right: 10px;
}

#blankDay {
  margin-right: 10px;
}

.weeklyHoursGroup .weeklyHoursRow.hoursGroupNew {
  border-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 60px;
}

.hoursGroupNew .checkLevel {
  width: auto;
}

.hourGroupSection {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 15px;
  margin-bottom: 40px;
}

#available_date_range {
  width: 250px;
}

#slot_duration {
  width: 174px;
  font-size: 14px;
  padding-right: 35px;
}

.slotDuration {
  align-items: center;
  gap: 7px;
}

.slotDuration p {
  margin: 0px;
}

.slotHeading {
  justify-content: space-between;
}

.slotHeading p {
  font-size: 15px;
  color: #778;
}

.loaderModal.modal {
  z-index: 999999;
}

.loaderModal .modal-content {
  background-color: rgba(255, 255, 255, 0) !important;
  border: none;
}

.loaderModal .modal-dialog {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 100px;
  top: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  max-width: 200px;
}

.loader {
  transform: rotateZ(45deg);
  perspective: 1000px;
  border-radius: 50%;
  width: 68px;
  height: 68px;
  color: #2eb6b8;
  margin-left: auto;
  margin-right: auto;
}

.loader:before,
.loader:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  transform: rotateX(70deg);
  animation: 1s spin linear infinite;
}

.loader:after {
  color: #2eb6b8;
  transform: rotateY(70deg);
  animation-delay: 0.4s;
}

@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}
@keyframes rotateccw {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@keyframes spin {
  0%, 100% {
    box-shadow: 0.5em 0px 0 0px currentcolor;
  }
  12% {
    box-shadow: 0.5em 0.5em 0 0 currentcolor;
  }
  25% {
    box-shadow: 0 0.5em 0 0px currentcolor;
  }
  37% {
    box-shadow: -0.5em 0.5em 0 0 currentcolor;
  }
  50% {
    box-shadow: -0.5em 0 0 0 currentcolor;
  }
  62% {
    box-shadow: -0.5em -0.5em 0 0 currentcolor;
  }
  75% {
    box-shadow: 0px -0.5em 0 0 currentcolor;
  }
  87% {
    box-shadow: 0.5em -0.5em 0 0 currentcolor;
  }
}
/*Availability new style end*/
/* mentorship */
.mentorship {
  background-color: #f6f6f8;
  padding: 150px 0 50px 0;
}

.mentorship-image {
  width: 400px;
  height: 400px;
  margin: 0 auto;
}

.mentorship-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* speakers */
.speakers {
  background-color: #f6f6f8;
  padding: 100px 0;
}

.speaker-content {
  background-color: #efefef;
  padding: 45px;
  border-radius: 30px;
  text-align: center;
}

.eventSpeakerContent {
  min-height: 80px;
}

.speaker-image {
  border-radius: 12px;
  margin: 0 auto;
  overflow: hidden;
}

.speaker-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.event-speaker h3 {
  color: #000000;
  text-align: center;
  font-weight: 700;
  margin-bottom: 30px;
}

.moderator h3 {
  text-align: center;
  font-weight: 700;
  color: #31b2b6;
  margin-bottom: 30px;
}

.speaker-content h4 {
  margin: 30px 0;
  font-weight: 700;
  color: #4d4d4d;
}

/* .speaker-btn{
    margin: 0 auto;
} */
.speaker-content a {
  text-decoration: none;
  display: inline-block;
  color: #ffffff;
  background-color: #31b2b6;
  border-radius: 50px;
  width: 100%;
  height: 45px;
  line-height: 42px;
  text-align: center;
  margin-top: 30px;
}

/* team */
.team {
  background-image: url(../img/event-carouserbg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 75px 0;
}

.team h3 {
  text-align: center;
  font-weight: 700;
  margin-bottom: 30px;
}

/* .owl-carousel .owl-stage-outer{
    width: 58%;
    margin: 0 auto;
}*/
.team .owl-carousel.owl-drag .owl-item {
  max-width: 210px;
}

.team .owl-theme .owl-dots {
  display: none;
}

.team .item-content {
  height: 225px;
  background-color: #efefef;
  border-radius: 20px;
  text-align: center;
  padding: 20px;
  margin: 0 auto;
}

.team .item-content h6 {
  font-size: 15px;
  line-height: 15px;
  font-weight: 700;
}

.team .item-content p {
  font-size: 12px;
  line-height: 15px;
}

.team .item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.team .discover-btn {
  text-align: center;
  margin-top: 100px;
}

.team .discover-btn a {
  text-decoration: none;
  display: inline-block;
  color: #ffffff;
  background-color: #ff8c85;
  border-radius: 50px;
  width: 300px;
  height: 45px;
  line-height: 42px;
  text-align: center;
  font-size: 25px;
}

.team-carousel-block {
  width: 850px;
  margin: auto;
}

.team .item-image {
  height: 130px;
  margin: 0px auto 5px auto;
}

.team .item-image img {
  border-radius: 20px;
}

.closeBtn {
  cursor: pointer;
}

.chatBoxSection.chatMinimize .messageDay,
.chatBoxSection.chatMinimize .chatBoxMessageArea,
.chatBoxSection.chatMinimize .chatInputBox,
.chatBoxSection.chatMinimize .chatBoxTitle,
.chatBoxSection.chatMinimize .chatBoxBack,
.chatBoxSection.chatMinimize .minimizeBtn,
.chatBoxSection.chatMinimize .closeBtn,
.chatBoxSection.chatMinimize .chatInputBox,
.chatBoxSection.chatMinimize .chatInputBox {
  display: none;
}

.msgReadImg {
  width: 20px;
  height: 20px;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  bottom: 5px;
}

.notificationChatRow {
  position: relative;
}

.leftMessage .msgReadImg {
  right: -5px;
}

.rightMessage .msgReadImg {
  left: -5px;
}

.msgReadImg img {
  display: block;
}

.chatBoxSection.chatMinimize {
  max-width: 30px;
  width: 30px;
  min-width: 30px;
  max-height: 30px;
  height: 30px;
  min-height: 30px;
  padding-top: 0px;
}

.chatBoxSection.chatMinimize .chatBoxTopArea {
  width: 30px;
  height: 30px;
  left: 0px;
  right: 0px;
  top: 0;
}

.minimizeBtn {
  left: auto;
  right: 35px;
  position: absolute;
}

.chatBoxTitle {
  position: relative;
  left: auto;
  right: -40px;
  top: -2px;
  font-size: 14px;
}

.chatProfileImage {
  cursor: pointer;
}

#messagebox {
  display: block;
}

.fade:not(.show) {
  opacity: 0;
  display: none !important;
}

.messagePopSection {
  max-width: 330px;
  position: fixed;
  right: 15px;
  bottom: 15px;
  margin-bottom: 0px;
}

.msgRemove {
  position: absolute;
  right: 12px;
  top: 2px;
  font-size: 12px !important;
}

.msgRemove.msgRemoveLeft {
  left: 10px;
  right: auto;
}

.notificationChatRow .msgRemove .material-icons {
  font-size: 14px;
  border-radius: 50%;
  padding: 2px;
  background-color: #f99289 !important;
  color: #fff;
  cursor: pointer;
  transform: scale(0);
  opacity: 0;
  transition: 0.3s;
}

.notificationChatRow:hover .msgRemove .material-icons {
  transform: scale(1);
  opacity: 1;
}

/* responsive */
#days {
  font-size: 30px;
  color: #000;
}

#hours {
  font-size: 30px;
  color: #000;
}

#minutes {
  font-size: 30px;
  color: #000;
}

#seconds {
  font-size: 30px;
  color: #000;
}

#timer {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.addExperienceBtn {
  margin-bottom: 20px;
  margin-top: 20px;
}

.greenSolidBtn, .greenBorderBtn {
  background-color: #2EB6B8 !important;
  border-radius: 8px !important;
  padding: 10px 30px !important;
  font-size: 16px !important;
  color: #fff !important;
  border: 1px solid #2EB6B8 !important;
}

#profilePopup #closeCompletionPopup {
  position: absolute;
  right: -30px;
  top: -30px;
  background-color: #fff;
  box-shadow: -1px 2px 5px #888;
  height: 40px;
  width: 40px;
  box-sizing: border-box;
  border-radius: 50%;
}

.timeSlotViewAllTimes .timeSlotLink {
  display: inline-block;
  padding: 8px 15px;
  border-radius: 8px;
  background-color: transparent;
  border: 1px solid #EAEAEA;
  color: #5A617B;
  font-size: 14px;
}

.timeSlotViewAllTimes .timeSlotLink:hover {
  background-color: #000000;
  border: 1px solid #000000;
  color: #000000;
}

.timeslotBoxText.hasTime {
  color: #FF5D42 !important;
}

.requestBtnGroup .btn {
  min-width: 100px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: normal !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  text-transform: uppercase;
}

.requestBtnGroup .btn-white {
  background: #fff !important;
  border: 1px solid #D5CDCD !important;
  color: #262937 !important;
}

.requestBtnGroup .btn-black {
  background: #000 !important;
  border: 1px solid #000 !important;
  color: #fff !important;
}

.sidebarProfilePopup.whiteProfilePopup {
  background-color: #F4F6F6 !important;
}

.sidebarProfilePopup.blackProfilePopup {
  background-color: #063132 !important;
}

.blackProfilePopup .h5, .blackProfilePopup .next-step, .blackProfilePopup .value, .blackProfilePopup .value small {
  color: #fff !important;
}

.blackProfilePopup .value small, .blackProfilePopup .text-muted {
  color: #8894A5 !important;
  font-size: 14px !important;
}

.blackProfilePopup .greenText {
  color: #ffffff !important;
}

.sidebarProfilePopup .value {
  font-size: 30px !important;
}

.sidebarProfilePopup .value small {
  font-size: 14px !important;
}

.sidebarProfilePopup .next-step {
  padding: 0;
  background-color: transparent !important;
  border-radius: 0px;
  font-size: 16px;
}

.editExperienceBtn {
  font-size: 14px;
}

.profileEditIcon .singleIcon .fa {
  font-size: 13px;
  color: #fff;
}

.bg-gray {
  background-color: #F0F3F3;
}

.newUserSection.dash-border {
  border: 1.5px dashed #D8DAE3 !important;
  box-shadow: none !important;
  background-color: #fff;
  transition: 0.3s;
}

.newUserSection:hover {
  background-color: #F0F3F3;
}

.newUserSection .mute {
  color: #4D5E80;
  font-size: 14px;
  line-height: 1.2em;
}

.newUserSection a {
  border: 1px solid #BDC0D1;
  font-size: 16px;
  background-color: transparent;
  padding: 10px 10px;
  color: #262937;
  letter-spacing: 0px;
}

.btn-full {
  width: 100%;
}

.br10 {
  border-radius: 10px;
}

.secPadding2 {
  padding: 20px;
}

.btn-fixed-width {
  width: 190px;
}

.zoom-meeting-section form {
  width: 430px;
}

.zoomMeetingSectionHead {
  width: 300px;
}

.zoomProfile img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.zoomProfileName h5 {
  font-size: 16px;
  color: #5A617B;
  margin-left: 10px;
}

/*Meeting tab sections*/
.meeting-list-item-row {
  border: 1px solid #DBDBDB;
  padding: 24px;
  border-radius: 10px;
  margin-bottom: 16px;
}

.meeting-table-item-row-left {
  width: calc(100% - 150px);
}

.meeting-table-item-date-time-row {
  gap: 10px;
}

.table-item-row-right {
  width: 150px;
}

.table-item-row-right-heading {
  font-size: 16px;
  color: #2EB6B8;
}

.meeting-btn-approved {
  color: #2EB85C;
  font-size: 12px;
  background-color: #EBFAF0;
  padding: 7px 12px;
  margin-right: 8px;
  display: inline-block;
  border-radius: 8px;
}

.meeting-btn-approved:hover {
  color: #2EB85C;
}

.meeting-btn-pending {
  color: #F58E07;
  font-size: 12px;
  background-color: #FEEDD7;
  padding: 7px 12px;
  margin-right: 8px;
  display: inline-block;
  border-radius: 8px;
}

.meeting-btn-pending:hover {
  color: #F58E07;
}

.meeting-btn-cancel.cancel-icon {
  color: #FF4545;
  font-size: 12px;
  background-color: #FFEBEB;
  padding: 7px 12px;
  margin-right: 8px;
  display: inline-block;
  border-radius: 8px;
}

.meeting-btn-approved:hover {
  color: #2EB85C;
}

.meeting-btn-cancel {
  color: #FF4545;
  font-size: 16px;
  display: inline-block;
}

.meeting-table-item-date, .meeting-table-item-time {
  font-size: 16px;
  color: #5A617B;
}

.meeting-table-item-connection-row {
  margin-top: auto;
}

.text-right {
  text-align: right;
}

.meeting-table-item-date-time-row img {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.meeting-table-item-connection-row {
  width: 120px;
  justify-content: space-between;
}

.meeting-pagination-btn {
  width: 46px;
  height: 46px;
  border: 1px solid #DBDBDB;
}

.meeting-list-item-pagination {
  display: flex;
  gap: 16px;
}

.meeting-pagination-btn {
  width: 46px;
  height: 46px;
  border: 1px solid #DBDCDF;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 16px;
}

.meeting-pagination-btn.next-btn, .meeting-pagination-btn.previous-btn, .meeting-pagination-btn:hover, .meeting-pagination-btn.active {
  border: 1px solid #2EB6B8;
  color: #2EB6B8;
}

.file-attach-btn {
  position: relative;
  overflow: hidden;
  background-color: #F5F5F5;
  padding: 9px 20px;
}

.file-attach-btn input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
  cursor: pointer;
}

.blankLabel {
  min-height: 18px;
  width: 100%;
}

.editProfileRightCol .editRightPanelRow .profileRow.listgap15 {
  margin-bottom: 15px !important;
  padding-bottom: 15px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#profileEdit .owl-controls {
  position: relative;
  display: block !important;
  width: 100%;
}

#profileEdit .owl-controls .owl-nav div {
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  top: -37px;
  border: 1px solid #aca6a6;
  background-size: 8px;
}

#profileEdit .owl-carousel .owl-stage::after {
  visibility: visible;
  height: 1px;
  background-color: #eee;
}

#myTab .owl-next, #myTab .owl-prev {
  opacity: 0;
  transition: 0.3s;
}

#myTab:hover .owl-next, #myTab:hover .owl-prev {
  opacity: 1;
}

#profileEdit .owl-controls .owl-nav .owl-prev {
  left: -30px;
  background-image: url(../img/left-arrow-2.png);
}

#profileEdit .owl-controls .owl-nav .owl-next {
  right: -30px;
  background-image: url(../img/right-arrow-2.png);
}

#profileEdit #myTab {
  padding-left: 30px;
  padding-right: 30px;
}

#myTabContent {
  min-height: 500px;
}

.tab-blank-content {
  margin-top: 100px;
}

#profilePopup .fa-info {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}

#experiences .material-icons {
  left: 6px;
  top: 1px;
}

.viewLabel {
  margin-bottom: 16px;
}

.overview-community.border-bottom {
  border-bottom: 1px solid rgba(146, 171, 184, 0.1411764706) !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
}

.overview-community-main .overview-community.border-bottom:last-child, .editRightPanelRow .profileRow.listgap15:last-child {
  border-bottom: none !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

/*Meeting tab sections*/
@media (max-width: 1920px) {
  .catSliderListing::after {
    width: 200px;
  }
}
.mentorCatSec {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1800px) {
  .testimonialsContent {
    height: 360px;
  }
  .bannerText h1 {
    font-size: 32px;
  }
  .bannerText h2 {
    font-size: 82px;
    margin-bottom: 25px;
    line-height: 64px;
  }
  .bannerText p {
    font-size: 20px;
    line-height: 26px;
  }
  .blockWrap3 {
    max-width: 220px;
  }
  .blockWrap2 {
    max-width: 300px;
  }
  .blockWrapMiddle {
    min-width: 640px;
  }
}
@media (max-width: 1700px) {
  .testimonialsContent {
    height: 385px;
  }
  .B_image10 {
    right: 330px;
  }
}
@media (max-width: 1600px) {
  .B_image10 {
    right: 235px;
  }
  .mentorBoxFull {
    height: 380px !important;
  }
  .testimonialsContent {
    height: 415px;
  }
  .howWorkThumb p {
    min-height: 130px;
    font-size: 17px;
  }
  .buttonsGroup .btn-outline-secondary {
    padding-left: 35px;
  }
  .customContainer {
    padding-left: 200px;
    padding-right: 200px;
  }
  .memberDesc h4 {
    font-size: 20px;
  }
  .leftContentBox {
    padding: 25px 15px 25px 0px;
  }
  .blockWrapMiddle {
    min-width: 600px;
  }
  .blockWrap2 {
    max-width: 280px;
  }
}
@media (max-width: 1550px) {
  #slot_duration {
    width: 174px;
    font-size: 14px;
    padding-right: 35px;
  }
  .blockWrap3 {
    max-width: 190px;
  }
  .blockWrap2 {
    max-width: 250px;
  }
  .blockWrapMiddle {
    min-width: 500px;
  }
  .bannerText h2 {
    font-size: 70px;
    margin-bottom: 25px;
    line-height: 60px;
  }
  .bannerText h1 {
    font-size: 26px;
  }
  .bannerText p {
    font-size: 16px;
    line-height: 24px;
  }
  .HomeBannerBlocks .bannerText {
    margin-bottom: 25px;
  }
}
@media (max-width: 1460px) {
  .subMenuSlider .slider {
    width: calc(100% - 80px) !important;
    margin: 0px 30px !important;
  }
}
@media (max-width: 1451px) {
  #profileEdit .owl-controls .owl-nav div {
    top: -91px;
  }
}
@media (max-width: 1440px) {
  .speaker-content {
    padding: 45px 25px;
  }
  .eventSpeakerContent {
    min-height: 100px;
  }
  .speaker-content a {
    font-size: 14px;
  }
  .slotDuration p {
    font-size: 14px;
  }
  /*Event page*/
  .eventThumb {
    width: 190px;
    padding: 14px;
  }
  .event-banner {
    overflow: hidden;
  }
  .event-banner .bannerImage {
    width: 1600px;
    max-width: none;
  }
  /*Event page end*/
  .leftAccPanel #connect_reject,
  .leftAccPanel #add_community,
  .leftAccPanel .statusPending,
  .leftAccPanel .statusRejected {
    padding-left: 29px;
    padding-right: 12px;
    margin: 2px 0px 2px 0px;
  }
  .leftAccPanel #message_connection {
    padding-right: 20px;
    min-width: 100px;
    margin: 2px 0px 2px 0px;
  }
  .leftAccPanel #message_connection .material-icons {
    left: 9px;
  }
  .leftAccPanel #connect_reject .material-icons,
  .leftAccPanel #add_community .material-icons,
  .leftAccPanel .statusPending .material-icons,
  .leftAccPanel .statusRejected .material-icons {
    left: 8px;
    top: 13px;
  }
  .profileThumb #copy-calendar-feed.btn-primary {
    padding: 16px 40px 16px 20px;
    margin-bottom: 8px;
  }
  .helpPopAnchor {
    height: 53px;
    width: 52px;
    margin-left: 0px;
  }
  .modal-dialog .fc-basic-view tbody .fc-row,
  .modal-dialog .fc-row .fc-bg {
    height: 40px !important;
    min-height: 40px !important;
  }
  .timeSlotSection .overview-time-slot {
    width: 94px;
    display: inline-block;
  }
  .timeSlotSection {
    gap: 6px;
  }
  .overview-left-section {
    width: calc(100% - 350px) !important;
  }
  .overview-right-section {
    width: 350px !important;
  }
  .becomeMentorBox h4 {
    font-size: 30px;
  }
  .becomeMentorBox .material-icons {
    margin-bottom: 30px;
  }
  .mentorBoxFull {
    height: 340px !important;
  }
  .catSubListing.subMenuSlider .slider {
    width: calc(100% - 80px) !important;
    margin: 0px 34px !important;
  }
  .customWidth {
    width: 250px;
    margin-left: calc(50% - 125px);
  }
  .faqSec .customContainer {
    padding: 50px 70px;
    margin-left: 70px;
    width: calc(100% - 140px);
  }
  .linkBox {
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 6px;
    display: inline-block;
  }
  .timeslotBox {
    padding: 0px 70px;
  }
  .loginScreen .mb-2,
  .loginScreen .mb-3 {
    margin-bottom: 10px !important;
  }
  .form-group span.placehold {
    top: 9px;
  }
  .loginScreen .btn {
    padding: 12px 25px;
  }
  .heading1 {
    font-size: 45px;
    line-height: 45px;
  }
  .heading3 {
    font-size: 35px;
  }
  .memberDesc h4 {
    font-size: 18px;
  }
  .searchForm {
    width: calc(100% - 388px);
  }
  .nav-item {
    margin-right: 20px !important;
  }
  .customContainer {
    padding-left: 120px;
    padding-right: 120px;
  }
  .nav-item {
    margin-right: 40px;
  }
  .loginLeft {
    padding: 70px 80px 50px 80px;
  }
  .loginMember {
    bottom: 20px;
  }
  .loginScreen {
    padding: 85px;
  }
  .loginRight {
    padding: 0px 85px;
  }
  .mentorBox .card-footer {
    padding: 0.5rem 0.5rem;
  }
  .mentorBox .btn-primary {
    padding: 8px 15px;
    font-size: 13px;
  }
  .catThumbText .heading2 {
    font-size: 40px;
    line-height: 40px;
  }
  .buttonsGroup .btn-outline-secondary {
    padding-left: 30px;
    padding-right: 10px;
  }
  .buttonsGroup .btn-outline-secondary i {
    left: 4px;
  }
  .singleIcon {
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin-right: 6px;
  }
  .singleIcon .fab {
    font-size: 20px;
    line-height: 40px;
  }
  .singleFile {
    margin-right: 6px;
  }
  .linkUrl {
    line-height: 40px;
    width: 40px;
    height: 40px;
  }
  .linkBox {
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 10px;
    display: inline-block;
  }
  .addRemovedIcon .material-icons {
    font-size: 22px;
  }
  .connectionPageUl li a {
    padding: 20px 40px 20px 50px;
  }
  .comImg {
    height: 55px;
    width: 55px;
  }
  .testimonialBox p {
    font-size: 18px;
  }
}
@media (max-width: 1366px) {
  .eventSpeakerContent {
    min-height: 100px;
  }
  .slotDuration {
    flex-wrap: wrap;
  }
  .slotDuration .editTimeZone + p {
    width: 100%;
  }
  /*Event page*/
  .eventExcerpt {
    min-height: 80px;
  }
  .dateContentRow h4 {
    font-size: 18px;
  }
  .dateContentRow p {
    font-size: 18px;
  }
  .dateContentRow.mb-3 {
    margin-bottom: 20px !important;
  }
  .eventBannerDate {
    width: 425px;
    min-height: 380px;
    top: calc(50% - 260px);
  }
  .event-banner .bannerImage {
    width: 1400px;
  }
  /*Event page end*/
  .profileSec .container {
    padding-left: 70px;
    padding-right: 70px;
  }
  .leftAccPanel #connect_reject,
  .leftAccPanel #add_community,
  .leftAccPanel .statusPending,
  .leftAccPanel .statusRejected {
    font-size: 11px;
  }
  .leftAccPanel #message_connection {
    font-size: 11px;
  }
  .timeBetweenRow .form-control {
    width: 120px;
    margin-right: 5px;
  }
  .fullListingView .btnThin {
    padding: 7px 15px;
    font-size: 13px;
  }
  .allCollectionList,
  .allMentoringRequestList {
    padding: 10px 20px 20px 20px;
  }
  .memberRowList {
    padding-top: 10px;
    padding-left: 65px;
    padding-right: 10px;
  }
  .fullBorder .profileRowPic {
    left: 10px;
    top: 16px;
  }
  .profileRowPic {
    width: 45px;
    height: 45px;
  }
  .testimonialsContent {
    height: 310px;
  }
  .footerTopContent {
    height: 410px;
  }
  .heading3 {
    font-size: 30px;
  }
  .editProfileDes h4,
  .contentHeading h4 {
    font-size: 50px;
  }
  .searchBar {
    padding-left: 50px;
    padding-right: 30px;
  }
  .bannerImg img,
  .innerBanner img {
    width: 1440px;
    max-width: none;
  }
  .customContainer {
    padding-left: 100px;
    padding-right: 100px;
  }
  .testimonialSec .customContainer {
    padding-left: 40px;
    padding-right: 40px;
  }
  .testimonialSec {
    padding-bottom: 45px;
  }
  .testiDes p {
    font-size: 24px;
  }
  .howWorkThumb {
    padding: 60px 0px 0 0px;
  }
  .VideoSection {
    padding: 100px 0px 100px;
  }
  .nav-item {
    margin-right: 25px;
  }
  .loginLeft {
    padding: 60px 60px 50px 60px;
  }
  .loginMember {
    bottom: 30px;
  }
  .loginScreen {
    padding: 55px;
  }
  .loginRight {
    padding: 0px 65px 0px 85px;
  }
  .tempLeft {
    min-width: 120px;
    margin-right: 10px;
  }
  .container-fluid.customContainer.groupContainer {
    padding-left: 60px;
    padding-right: 60px;
  }
  .buttonsGroup .btn {
    font-size: 12px;
  }
  .chatText {
    padding: 15px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 13px;
  }
  .rightChat .chatText {
    border-top-right-radius: 20px;
  }
  .leftChat .chatText {
    border-top-left-radius: 20px;
  }
  .chatRow {
    margin-bottom: 10px;
  }
  .chatRow .chatPersonImg {
    height: 80px;
    width: 80px;
  }
  .chatRow.rightChat {
    padding-left: 90px;
  }
  .profileimage {
    height: 130px;
    width: 130px;
    margin: 0px auto 10px;
  }
  .blockWrap3 {
    max-width: 170px;
  }
  .blockWrap2 {
    max-width: 220px;
    margin-top: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap;
  }
  .blockWrapMiddle {
    min-width: 450px;
    margin-top: 0px;
  }
  .blogDetails .heading1 {
    font-size: 50px;
  }
  .halfButton,
  .fullButton {
    padding-top: 17px;
    padding-bottom: 17px;
    font-size: 14px;
  }
  .bannerButtonBox {
    width: 440px;
    margin-left: calc(50% - 220px);
  }
  .B_image1 {
    left: 132px;
    top: 114px;
  }
  .B_image2 {
    left: 162px;
    top: 250px;
  }
  .B_image3 {
    left: 86px;
    top: 380px;
  }
  .B_image4 {
    left: 230px;
    top: 457px;
  }
  .B_image8 {
    right: 175px;
    top: 153px;
  }
  .B_image6 {
    right: 100px;
    top: 280px;
  }
  .B_image7 {
    right: 265px;
    top: 490px;
  }
  .B_image10 {
    right: 125px;
    top: 374px;
  }
  .bannerCaption h1 {
    font-size: 55px;
  }
  .bannerCaption h2 {
    font-size: 20px;
    line-height: 32px;
  }
  .bannerTip {
    margin-bottom: 50px;
  }
  .mentorBox .heading2 {
    font-size: 35px;
    line-height: 35px;
  }
  .mb-6 {
    margin-bottom: 50px !important;
  }
}
@media (max-width: 1292px) {
  .footerContainer,
  .headerContainer {
    padding-left: 50px;
    padding-right: 50px;
  }
  .activeProfileDropdownWrap {
    margin-left: 10px;
    margin-right: 70px;
  }
  .loginRightCol .loginForm {
    width: 420px;
    margin-left: 120px;
  }
}
@media (max-width: 1239px) {
  #available_date_range {
    width: 182px;
    font-size: 13px !important;
  }
  .allCollectionList .profileRow .editBtn {
    font-size: 14px;
  }
  .overview-availability-class h5 {
    font-size: 16px;
  }
  .profileSec .container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .catSliderListing::after {
    right: -160px;
  }
  .catSliderListing .slick-slide {
    margin: 0px 3px;
  }
  .footerTopContent {
    height: 360px;
  }
  .faqSec .customContainer {
    padding: 50px 50px;
    margin-left: 50px;
    width: calc(100% - 100px);
  }
  .faqSec .accordion-button {
    font-size: 18px;
    padding: 20px 40px 20px 12px;
  }
  .faqSec .accordion-button::after {
    position: absolute;
    right: 6px;
    top: 15px;
    width: 30px;
    height: 30px;
  }
  .faqSec .accordion-button {
    font-size: 16px;
  }
  .homeCateSelect {
    width: 800px;
    margin-left: calc(50% - 400px);
  }
  .catSelect {
    max-width: 50%;
    min-width: 50%;
  }
  .quotes .owl-prev {
    left: 10px;
  }
  .quotes .owl-next {
    left: 65px;
  }
  .tempBodyContent nav {
    top: 55px;
  }
  .evebtImgDesc {
    padding-left: 75px;
  }
  .eventDateThumb {
    width: 65px;
  }
  .recSecGap {
    padding-bottom: 40px;
    margin-bottom: 50px;
  }
  .recomemdedSec {
    margin-bottom: 50px;
  }
  .heading3 {
    font-size: 35px;
  }
  .recomemdedSec h5 {
    font-size: 20px;
  }
  .recomemdedCountMatch {
    font-size: 13px;
  }
  .heading1 {
    font-size: 40px;
    line-height: 40px;
  }
  .dropdown-item {
    padding: 0.25rem 8px;
    font-size: 14px;
  }
  .leftContentBox p,
  .leftContentBox li {
    font-size: 13px;
  }
  .alert-secondary {
    padding: 25px;
  }
  .alert-secondary h5 {
    font-size: 20px;
  }
  .editProfileDes h4,
  .contentHeading h4 {
    font-size: 45px;
  }
  .editProfilePic {
    margin-top: -185px;
  }
  .editImg,
  .editProfilePic {
    height: 250px;
    width: 250px;
    line-height: 250px;
  }
  .changePic {
    right: -11px;
    bottom: 52px;
  }
  .mentorSection {
    padding-bottom: 30px;
    margin-bottom: 70px;
  }
  .mentorRightPan {
    padding-left: 20px;
  }
  .loginRight {
    padding: 0px 40px 0px 50px;
    width: 55%;
  }
  .chatText {
    padding: 12px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  .rightChat .chatText {
    border-top-right-radius: 15px;
  }
  .leftChat .chatText {
    border-top-left-radius: 15px;
  }
  .loginLeft {
    width: 45%;
  }
  .subNav .nav-link {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 15px;
  }
  h2 {
    font-size: 50px;
  }
  .mentorSec,
  .CategorySec {
    padding: 100px 0px 80px;
  }
  .howWorkSec {
    padding: 70px 0px 75px 0px;
  }
  .VideoSection {
    padding: 80px 0px 80px;
  }
  .howWorkThumb {
    padding: 40px 0px 0 0px;
  }
  .customContainer {
    padding-left: 80px;
    padding-right: 80px;
  }
  .bannerImg img,
  .innerBanner img {
    width: 1366px;
  }
  .countBox {
    padding: 60px 0px;
  }
  .countThumb h5 {
    font-size: 40px;
    line-height: 40px;
  }
  .testimonialSec {
    padding-bottom: 80px;
  }
  .teamHold {
    margin: 0px 5px;
  }
  .heading2 {
    font-size: 35px;
    line-height: 35px;
  }
  .howWorkThumb {
    padding: 40px 0px 0 0px;
  }
  .footerContainer,
  .headerContainer {
    padding-left: 70px;
    padding-right: 70px;
  }
  .catThumbText .heading2 {
    font-size: 30px;
    line-height: 30px;
  }
  .mentorLeftPan .accordion-body {
    padding-right: 0px;
  }
  .tempBannerFooter.d-flex {
    display: block !important;
  }
  .privateMembers {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .privateMembers p {
    margin-right: 15px;
  }
  .tempBodyContent {
    margin-right: 25px;
  }
  .tempBodySidebar {
    min-width: 300px;
  }
  .rightbarWithBg {
    background-color: #faf9fd;
    padding: 35px 15px;
    margin-bottom: 40px;
  }
  .groupMemberSingle {
    margin: 15px 6px 0px 6px;
  }
  .recentMediaBox {
    margin: 2px;
  }
  .activeGroupThumb {
    min-width: calc(50% - 5px);
    border-radius: 10px;
    padding: 25px 15px 30px;
  }
  .fc-toolbar h2 {
    font-size: 16px !important;
  }
  .mentorRightPan {
    padding-left: 0;
  }
  .blogDetails .heading1 {
    font-size: 45px;
  }
  .B_image1 {
    left: 50px;
    top: 100px;
  }
  .B_image2 {
    left: 90px;
    top: 250px;
  }
  .B_image3 {
    left: 56px;
    top: 418px;
  }
  .B_image4 {
    left: 150px;
    top: 505px;
  }
  .B_image8 {
    right: 100px;
    top: 123px;
  }
  .B_image6 {
    right: 30px;
    top: 250px;
  }
  .B_image7 {
    right: 30px;
    top: 435px;
  }
  .B_image5 {
    top: 25px;
    width: 95px;
    height: 95px;
  }
  .B_image9 {
    width: 60px;
    height: 60px;
    right: 275px;
    top: 40px;
  }
  .B_image10 {
    right: 155px;
    top: 230px;
  }
  .bannerCaption {
    width: 70%;
  }
  .bannerCaption h1 {
    font-size: 50px;
  }
  .bannerCaption h2 {
    font-size: 18px;
    line-height: 30px;
  }
  .newBannerHome {
    height: 650px;
  }
  .termsContent.termAnchorContent h2 {
    font-size: 35px;
    margin-top: 40px;
  }
  .termsContent.termAnchorContent h3 {
    margin-top: 30px;
  }
  .termsContent h3 {
    font-size: 30px;
  }
}
@media (max-width: 1200px) {
  .actionLink a {
    font-size: 16px;
  }
  /*Event page*/
  .eventThumb {
    width: 180px;
  }
  .event-banner .bannerImage {
    width: 1210px;
  }
  .eventListSection h3 {
    font-size: 25px;
  }
  /*Event page end*/
  .loginRightCol {
    margin-left: 300px;
  }
  #overrideCalendar .fc-ltr .fc-basic-view .fc-day-number,
  #bookingReschedule .fc-ltr .fc-basic-view .fc-day-number {
    height: 30px;
    line-height: 26px;
  }
  .modal-dialog .fc-basic-view tbody .fc-row,
  .modal-dialog .fc-row .fc-bg {
    height: 30px !important;
    min-height: 30px !important;
  }
  .registrationFormSmall.registrationLargeContainer {
    width: 600px;
  }
  #category_settings_form .accordion-button {
    font-size: 15px;
  }
  .accordion-button::after {
    position: relative;
    background-size: 15px;
    top: 5px;
  }
  .revDegDate {
    flex-direction: column;
  }
  .profileView .tab-pane {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .footerTopContent {
    height: 360px;
  }
  .setup-content .btn.btnFull {
    font-size: 16px;
  }
  .timeTab {
    padding: 12px 15px;
    width: 175px;
  }
  .timeslotBox {
    padding: 0px 80px;
  }
  .bannerButtonBox {
    width: 100%;
    margin-left: 0px;
  }
  .halfButton,
  .fullButton {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
    margin-left: 2.5px;
    margin-right: 2.5px;
  }
  .halfButton {
    width: calc(50% - 5px);
  }
  .fullButton {
    width: calc(100% - 5px);
  }
  /*.fc-ltr .fc-basic-view .fc-day-number {
      font-size: 18px;
  }*/
  .mentorBox .heading2 {
    font-size: 30px;
    line-height: 30px;
  }
  .mentorBoxDes h5 {
    font-size: 18px;
  }
  .overview-community-main.p-4 {
    padding: 15px !important;
  }
  .profileSec .container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
@media (max-width: 1199px) {
  .speaker-content a {
    font-size: 12px;
  }
  .speaker-content {
    padding: 30px 20px;
  }
  .footerContainer, .headerContainer {
    padding-left: 50px;
    padding-right: 50px;
  }
  .testimonialsContent {
    height: 350px;
  }
  .profileSec .col-lg-3 {
    width: 280px !important;
  }
  .profileSec .col-lg-9 {
    width: calc(100% - 280px) !important;
  }
}
@media (max-width: 1140px) {
  .bannerText h2 {
    font-size: 60px;
    margin-bottom: 25px;
    line-height: 60px;
  }
  .bannerText h1 {
    font-size: 23px;
  }
  .bannerText p {
    font-size: 14px;
    line-height: 18px;
  }
  .blockWrapMiddle {
    min-width: 415px;
  }
  .faqSec .accordion-button {
    font-size: 15px;
  }
  html,
  body {
    min-width: auto !important;
  }
}
@media (max-width: 1100px) {
  .B_image7 {
    right: 150px;
    top: 470px;
  }
  .B_image10 {
    right: 60px;
    top: 380px;
  }
  #mentor_booking .btnThin,
  #mentee_booking .btnThin {
    padding: 7px 15px;
    font-size: 11px;
    letter-spacing: 0px;
  }
  #mentor_booking .profileRowContent,
  #mentee_booking .profileRowContent {
    font-size: 13px;
    color: #989DAF;
  }
  #mentor_booking .profileRowContent .profileTime,
  #mentee_booking .profileRowContent .profileTime {
    display: block;
  }
  .testimonialsContent {
    height: 395px;
  }
  .bannerSearchBox {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .actionLink a {
    font-size: 14px;
  }
  .nav-item {
    margin-right: 10px !important;
  }
  #speaker_bio_popup .modal-lg {
    max-width: 95%;
  }
  #speaker_bio_popup .modal-content {
    border-radius: 10px;
  }
  #speaker_bio_popup .overview-community .overview-community-image img {
    max-width: 60px;
  }
  .speaker-content {
    padding: 25px;
  }
  .event-banner {
    height: 700px !important;
  }
  #category_settings_form .accordion-button {
    font-size: 13px;
  }
  #category_settings_form .form-check-label {
    font-size: 12px;
  }
  #mentor_booking .memberRowList .profileRowPic,
  #mentee_booking .memberRowList .profileRowPic {
    width: 40px;
    height: 40px;
  }
  .regFormNew {
    margin-left: 50px;
    width: calc(100% - 0px);
  }
  .loginLeftCol {
    width: 300px;
  }
  .loginRightCol {
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
  }
  .loginRightCol .loginForm {
    width: 400px;
    margin-left: 80px;
  }
  .timeBetweenRow .form-control {
    width: 100px;
    margin-right: 3px;
  }
  .profileRowContent {
    font-size: 12px;
  }
  .profileRowHeading {
    font-size: 14px;
    padding-bottom: 3px;
  }
  .profileRowHeading a {
    font-size: 14px;
  }
  .fullListingView .profileRowPic {
    width: 40px;
    height: 40px;
  }
  .memberRowList {
    padding-left: 55px;
  }
  .revDegDate {
    flex-direction: row;
  }
  .overview-left-section {
    margin-bottom: 15px;
  }
  .overview-left-section,
  .overview-right-section {
    width: 100% !important;
  }
  .rightAccPanel .nav-tabs .nav-link,
  .rightAccPanel .nav-tabs .nav-item .nav-link {
    font-size: 14px;
  }
  .profileView .tab-pane {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
  }
  .catThumbText h4.heading2 {
    font-size: 25px;
    background-position: right 0px;
  }
  .footerTopContent {
    height: 300px;
  }
  .faqSec .customContainer {
    padding: 50px 30px;
    margin-left: 30px;
    width: calc(100% - 60px);
  }
  .chatText {
    font-size: 12px;
    line-height: 16px;
  }
  .tempBodyContent nav {
    top: 0px;
  }
  .evebtImgDesc {
    padding-left: 60px;
  }
  .eventDateThumb {
    width: 55px;
  }
  .eventDateThumb .date {
    font-size: 30px;
  }
  .eventThumbCont h5 {
    font-size: 17px;
  }
  .devider {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .wishShareBox {
    width: 60px;
    margin-bottom: 10px;
  }
  .shareImg {
    height: 60px;
    width: 60px;
    font-size: 20px;
    margin-bottom: 5px;
  }
  .shareImg .material-icons {
    font-size: 30px;
  }
  .heading1 {
    font-size: 35px;
    line-height: 35px;
  }
  .heading3 {
    font-size: 30px;
  }
  .loginLeft {
    padding: 40px 40px 30px 40px;
  }
  .loginRight {
    padding: 40px 20px 30px 40px;
  }
  .subNav .nav-link {
    padding-left: 5px;
    padding-right: 5px !important;
    font-size: 15px;
  }
  .faqSec .accordion-button {
    padding: 20px 35px 20px 8px;
  }
  .catThumbText .heading2 {
    font-size: 25px;
    line-height: 25px;
    background-position: right 0px;
  }
  .catThumbText {
    bottom: 20px;
    left: 20px;
    right: 20px;
  }
  .catThumb {
    padding-left: 0;
    padding-right: 0;
  }
  .catThumbText {
    bottom: 20px;
    left: 20px;
    right: 20px;
  }
  .customContainer {
    padding-left: 70px;
    padding-right: 70px;
  }
  .searchBar {
    width: calc(100% - 376px);
    padding-left: 25px;
    padding-right: 5px;
  }
  .bannerImg img,
  .innerBanner img {
    width: 1239px;
  }
  .subHeading {
    font-size: 20px;
  }
  .testiDes {
    padding-left: 50px;
    width: calc(100% - 300px);
  }
  .countThumb h4 {
    margin-bottom: 20px;
  }
  .countThumb h5 {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 10px;
  }
  .countThumb {
    padding: 20px 0px;
  }
  .countBox {
    padding: 40px 0px;
  }
  .countThumb h6 {
    font-size: 16px;
    margin-bottom: 0px;
  }
  .blockWrap3 {
    max-width: 130px;
  }
  .blockWrap2 {
    max-width: 180px;
  }
  .bannerText h2 {
    font-size: 60px;
    margin-bottom: 15px;
    line-height: 44px;
  }
  .blockWrapMiddle {
    min-width: 400px;
  }
  .meeting-table-item-row-left h4 {
    font-size: 20px;
  }
  .meeting-table-item-date, .meeting-table-item-time {
    font-size: 14px;
  }
  .meeting-list-item-row {
    padding: 20px;
  }
}
@media (max-width: 992px) {
  #blankDay,
  .hoursGroupNew .rightSlotRow.slotUnavailable {
    font-size: 14px;
  }
  .eventHeading {
    min-height: 35px;
  }
  .listSearchForm {
    margin-bottom: 15px;
  }
  .mentorFilterHeader {
    gap: 25px;
  }
  .filterMenuHeading {
    padding-right: 25px;
    font-size: 14px;
  }
  .activeProfileDropdownWrap {
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    right: 125px;
    top: 14px;
  }
  .top-fixed .activeProfileDropdownWrap {
    top: 6px;
  }
  .bannerCaption h2 br {
    display: none;
  }
  .bannerSearchBtn {
    padding-left: 40px;
    padding-right: 40px;
  }
  .mobileOffMenu {
    display: none !important;
  }
  .actionLink {
    background-image: url(../img/black-array.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    background-size: 20px;
  }
  .navTopBtn {
    margin-top: 10px;
  }
  .nav-item.mobileMenu {
    margin-bottom: 10px;
  }
  .mobileMenu a {
    color: #5A617B;
    font-size: 15px;
  }
  .quotes .owl-prev,
  .quotes .owl-next,
  .category-slider.owl-carousel .owl-next,
  .category-slider.owl-carousel .owl-prev {
    width: 45px;
    height: 45px;
    border: 1px solid #DBDCDF;
    border-radius: 50%;
    bottom: -70px;
    top: auto;
  }
  .quotes .owl-prev,
  .quotes .owl-next {
    bottom: -40px;
  }
  .howWorkSec .owl-prev {
    background-image: url(../img/previous-left.png);
    left: 0px;
  }
  .howWorkSec .owl-next {
    background-image: url(../img/next-right.png);
    left: 55px;
  }
  .howWorkSec .owl-prev,
  .howWorkSec .owl-next {
    width: 45px;
    height: 45px;
    border: 1px solid #DBDCDF;
    border-radius: 50%;
    bottom: -70px;
    top: auto;
  }
  .faqSec .accordion-button {
    padding: 20px 44px 20px 20px;
    font-size: 16px;
  }
  .buttonSection {
    padding: 40px 15px 40px 15px;
  }
  .setup-content .btn.btnFull {
    font-size: 15px;
    padding: 12px 15px !important;
  }
  .timeTab {
    padding: 12px 12px;
    width: auto;
    font-size: 12px;
  }
  .timeslotBox {
    padding: 0px 50px;
  }
  .accordion-button::after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
  }
  .owl-carousel .owl-controls {
    display: inline-block;
  }
  .privateMembers {
    display: block;
  }
  .tabletOff {
    display: none;
  }
  .tabletOn {
    display: block !important;
  }
  .tabletOn .wishShareBox {
    display: inline-block;
  }
  .tabletOn.tempLeft {
    display: block !important;
    padding-top: 20px;
  }
  .tabletOn.tempLeft > * {
    margin-right: 0px !important;
  }
  .tabletOn.tempLeft > .userGroupDetails {
    margin-bottom: 10px;
    margin-right: 0px !important;
  }
  .tempBannerFooter.d-flex {
    text-align: center;
  }
  .privateMembers {
    justify-content: center;
  }
  .forMobile {
    display: inline-block;
    padding-top: 20px;
  }
  .tempBodyContent nav {
    position: relative;
    left: auto;
  }
  .tempBodyContent nav .nav-tabs {
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
  }
  .tempBodyContent .nav-tabs .nav-link {
    margin-right: 20px;
  }
  .profileBy {
    margin-bottom: 0;
    line-height: 15px;
  }
  .groupProfileImg {
    width: 50px;
    margin-bottom: 0;
    margin-right: 5px;
  }
  .groupProfile {
    display: flex;
    align-items: center;
  }
  .d-flex.recSecGap {
    display: block !important;
  }
  .d-flex.recSecGap.gap00 {
    display: block !important;
    padding-bottom: 0px;
    border: none;
  }
  .tempLeft {
    min-width: 100%;
    margin-right: 0;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .leftGropTitle.mb-2 {
    margin-bottom: 5px !important;
  }
  .tempLeft > * {
    margin-right: 15px !important;
  }
  .groupTemp {
    padding-top: 25px;
  }
  .wishShareBox {
    width: 45px;
    margin: 0px 2px;
  }
  .userGroupDetails.devider {
    border-bottom: 0px;
    margin: 0px;
    padding: 0px;
  }
  .recomendedMatch li {
    min-width: calc(25% - 30px);
    padding: 30px;
  }
  .recomemdedSec h5 {
    font-size: 17px;
  }
  .roundedImage {
    width: 65px;
  }
  .recomemdedCountMatch {
    font-size: 12px;
  }
  .shareImg .material-icons {
    font-size: 20px;
  }
  .shareImg {
    height: 45px;
    width: 45px;
  }
  .tableData table thead tr:first-child th {
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
  }
  .tableData table td,
  .tableData table th {
    border: 1px solid #fff;
    padding: 15px;
    font-size: 14px;
  }
  .comunityBox ul {
    padding: 30px 15px;
  }
  .comunityBox ul li {
    font-size: 16px;
  }
  .alert-secondary {
    padding: 20px;
  }
  .nav-item {
    display: block;
    margin-right: 0px !important;
    text-align: left;
    margin-bottom: 5px;
  }
  .navbar-light .navbar-nav .actionButtonAccFill.navTopBtn .nav-link:hover {
    background-color: transparent !important;
    color: #2eb6b8 !important;
  }
  .navTopBtn {
    display: inline-block;
  }
  .searchForm {
    width: 100%;
    position: absolute;
    top: 14px !important;
  }
  .nav-item.dropdown {
    position: relative;
  }
  .dropdown-menu li {
    display: block;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color: transparent !important;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color: transparent !important;
    border: none;
  }
  .navbar-nav .nav-item:first-child {
    border-top: 1px solid #ddd;
    padding-top: 20px;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: column;
    position: relative;
    padding-top: 20px;
    position: relative;
    display: block;
    text-align: left;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .dropdown-item:hover,
  .dropdown-item:focus,
  .navbar-light .navbar-nav .nav-link:hover,
  .navbar-light .navbar-nav .nav-link:focus {
    color: #2eb6b8 !important;
  }
  .navbar-light .navbar-nav .actionButtonAccBorder .nav-link:hover {
    color: #fff !important;
  }
  .navbar-toggler {
    padding: 0px;
    border: none;
  }
  .loginLeft .form-check-input {
    width: 18px;
    height: 18px;
    margin-right: 0px;
  }
  .loginPassShow {
    top: 44px;
  }
  .chatText {
    padding: 16px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    font-size: 13px;
  }
  .leftChat .chatText {
    border-top-left-radius: 15px;
  }
  .rightChat .chatText {
    border-top-right-radius: 15px;
  }
  .loginMember {
    left: 15px;
    right: 15px;
  }
  /*Menu bar */
  .desktopMenu {
    padding: 170px 15px 15px 15px;
    position: fixed;
    top: 0px;
    bottom: 0px;
    background-color: #2eb6b8;
    visibility: visible;
    width: 300px;
    right: -300px;
    z-index: 999;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
  }
  .desktopMenu .searchBar {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    top: 110px;
    left: 15px;
    right: 15px;
  }
  .searchBar .form-control {
    border: none;
  }
  .headerSection ul li {
    display: block;
  }
  .headerSection ul li a {
    color: #fff !important;
    font-size: 15px;
    padding: 12px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .desktopMenu.showMenu {
    z-index: 9;
    right: 0px;
    top: 0px;
  }
  .toggleBar {
    position: relative;
    margin-left: auto;
    border-radius: 2px;
    width: 40px;
    height: 40px;
    z-index: 99;
    background-color: #2eb6b8;
    border-radius: 50%;
  }
  .toggleBarLine {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 22px;
    cursor: pointer;
  }
  .toggleBarLine span {
    background: #fff;
    display: block;
    width: 100%;
    border-radius: 3px;
    height: 2px;
    transition: all 0.3s;
    position: relative;
  }
  .desktopMenu.showMenu .toggleBarLine span {
    background: #fff;
  }
  .showToggle .toggleBarLine span {
    background: #fff;
  }
  .toggleBarLine.not-active span + span {
    margin-top: 4px;
  }
  .toggleBarLine.active span + span {
    margin-top: 8px;
  }
  .toggleBarLine.active span:nth-child(1) {
    animation: ease 0.7s top forwards;
  }
  .toggleBarLine.not-active span:nth-child(1) {
    animation: ease 0.7s top-2 forwards;
  }
  .toggleBarLine.active span:nth-child(2) {
    animation: ease 0.7s scaled forwards;
  }
  .toggleBarLine.not-active span:nth-child(2) {
    animation: ease 0.7s scaled-2 forwards;
  }
  .toggleBarLine.active span:nth-child(3) {
    animation: ease 0.7s bottom forwards;
  }
  .toggleBarLine.not-active span:nth-child(3) {
    animation: ease 0.7s bottom-2 forwards;
  }
  @keyframes top {
    0% {
      top: 0;
      transform: rotate(0);
    }
    50% {
      top: 10px;
      transform: rotate(0);
    }
    100% {
      top: 10px;
      transform: rotate(45deg);
    }
  }
  @keyframes top-2 {
    0% {
      top: 10px;
      transform: rotate(45deg);
    }
    50% {
      top: 10px;
      transform: rotate(0deg);
    }
    100% {
      top: 0;
      transform: rotate(0deg);
    }
  }
  @keyframes bottom {
    0% {
      bottom: 0;
      transform: rotate(0);
    }
    50% {
      bottom: 10px;
      transform: rotate(0);
    }
    100% {
      bottom: 10px;
      transform: rotate(135deg);
    }
  }
  @keyframes bottom-2 {
    0% {
      bottom: 10px;
      transform: rotate(135deg);
    }
    50% {
      bottom: 10px;
      transform: rotate(0);
    }
    100% {
      bottom: 0;
      transform: rotate(0);
    }
  }
  @keyframes scaled {
    50% {
      transform: scale(0);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes scaled-2 {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  /*Menu bar close*/
  #booking-calendar h2 {
    font-size: 14px;
    padding-top: 10px;
  }
  .fc th {
    font-size: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .stepwizard-row::before {
    top: 13px;
    width: 629px;
  }
  .regForm {
    padding: 35px 25px;
    margin: 60px auto 0px;
  }
  .form-group span.placehold {
    font-size: 12px;
  }
  .profileSec .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .connectionPageUl li a {
    padding: 20px 20px 20px 40px;
  }
  .connectionPageUl li a .material-icons {
    left: 12px;
  }
  .profileName {
    font-size: 18px;
  }
  .pageName {
    padding-left: 10px;
    padding-right: 25px;
    margin-right: 10px;
  }
  .rightAccPanel .nav-item {
    margin-right: 10px !important;
    margin-bottom: -1px;
  }
  .rightAccPanel .table {
    width: 700px;
  }
  .rightAccPanel .nav-tabs .nav-link,
  .rightAccPanel .nav-tabs .nav-item .nav-link {
    font-size: 13px;
  }
  .select2-container--default .select2-search--inline .select2-search__field {
    font-size: 13px;
  }
  .bannerCaption h1 {
    font-size: 42px;
    margin-bottom: 0px;
  }
  .bannerCaption h2 {
    line-height: 28px;
    margin-bottom: 20px;
  }
  .B_image2 {
    left: 30px;
  }
  .B_image8 {
    right: 50px;
    top: 50px;
  }
}
@media (max-width: 959px) {
  .registrationFormSmall .mentoree-logo {
    display: none;
  }
  .slotHeading {
    flex-direction: column;
  }
  .statusAction {
    margin-left: 0px;
  }
  .loginRightCol {
    margin-left: 0px;
  }
  .loginRightCol {
    top: auto;
    padding-top: 135px;
    padding-bottom: 15px;
  }
  .loginRightCol .loginForm {
    width: 400px;
    margin-left: 0px;
  }
  #mentor_booking .requestBtns,
  #mentee_booking .requestBtns {
    margin-bottom: 0px;
  }
  .formLogo {
    display: inline-block;
    position: fixed;
    top: 30px;
    left: 50px;
  }
  .loginRightCol {
    width: 100%;
    justify-content: center;
  }
  .loginLeftCol {
    display: none;
  }
  .requestBtns {
    width: 100%;
    margin-top: 10px;
  }
  .memberRowList {
    flex-wrap: wrap;
  }
  .fullListingView .btnThin {
    padding: 7px 25px;
  }
  .testimonialsContent {
    height: 275px;
  }
  .footerLogoContent {
    width: 100%;
  }
  .footerTopContent {
    height: 250px;
  }
  .halfButton,
  .fullButton {
    padding: 15px 10px;
    font-size: 12px;
    letter-spacing: 0;
  }
  .editThumbRow {
    flex-direction: column;
  }
  .homeCateSelect {
    width: 700px;
    margin-left: calc(50% - 350px);
  }
  .catSelect {
    max-width: 42%;
    min-width: 42%;
  }
  .testimonialBox p {
    font-size: 16px;
  }
  .leftContentBox h6 {
    font-size: 19px;
  }
  .leftContentBox.noBorder li {
    font-size: 15px;
  }
  /*community*/
  .activityDesc h3 {
    font-size: 20px;
  }
  .activityDesc {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 20px 15px;
    position: relative;
  }
  .activityProfile {
    min-width: 50px;
    margin-right: 15px;
  }
  .activityPin {
    width: 25px;
  }
  .activityAction ul li {
    font-size: 12px;
    margin-right: 15px;
    padding-right: 10px;
  }
  /*community end*/
  .myAccountSection .table {
    width: 800px;
  }
  .myAccountSection h3 {
    font-size: 30px;
  }
  .loginScreen {
    padding: 35px;
  }
  .loginLeft,
  .loginRight {
    padding: 25px 25px 25px 25px;
  }
  .loginForm .form-control {
    padding: 11px 20px;
  }
  .headerSection ul > li {
    padding-top: 0;
    padding-bottom: 0;
  }
  .headerSection ul li a.nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .desktopMenu li {
    position: relative;
  }
  .mobileOn {
    display: block;
  }
  .mobileOff {
    display: none;
  }
  .customContainer {
    padding-left: 50px;
    padding-right: 50px;
  }
  .headerSection ul li a {
    font-size: 15px;
    padding-left: 6px;
    padding-right: 6px;
  }
  .headerSection ul li:first-child a {
    padding-right: 15px;
  }
  .headerSection {
    padding: 10px 20px;
  }
  .searchBar {
    width: calc(100% - 310px);
    padding-left: 15px;
    padding-right: 5px;
  }
  .searchBar .form-control {
    padding-left: 40px;
    background-position: 15px center;
  }
  .bannerImg img,
  .innerBanner img {
    width: 1100px;
  }
  .testiDes p {
    font-size: 20px;
  }
  .testiDes {
    padding-left: 30px;
    width: calc(100% - 250px);
  }
  .heading2 {
    font-size: 30px;
    line-height: 30px;
  }
  .countThumb h5 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .countThumb h6 {
    font-size: 15px;
  }
  .VideoSection {
    padding: 80px 0px 80px;
    border-bottom-left-radius: 50px;
  }
  footer.home .col-md-6,
  footer.home .col-md-2,
  footer.logedInFooter .col-md-6,
  footer.logedInFooter .col-md-2 {
    margin-bottom: 25px;
  }
  footer.home .col-md-6 h6,
  footer.home .col-md-2 h6,
  footer.logedInFooter .col-md-6 h6,
  footer.logedInFooter .col-md-2 h6 {
    margin-bottom: 5px;
  }
  footer {
    padding-bottom: 30px;
  }
  footer.home .col-md-6,
  footer.home .col-md-2,
  .copyright,
  footer.logedInFooter .col-md-6,
  footer.logedInFooter .col-md-6.text-end,
  footer.logedInFooter .col-md-2,
  .logedInFooter h4 {
    width: 100% !important;
    text-align: center !important;
  }
  footer.home form,
  footer.logedInFooter form {
    margin-left: calc(50% - 150px);
    float: none;
  }
  footer.home {
    padding-top: 60px;
  }
  footer.logedInFooter {
    padding-bottom: 0px;
  }
  .buttonsGroup .btn {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
  }
  .loginPassShow {
    top: 40px;
  }
  /*.fc-ltr .fc-basic-view .fc-day-number {
      font-size: 15px;
  }*/
  .editThumbHeading {
    font-size: 15px;
  }
  .editThumb {
    padding: 24px 10px 15px 10px;
    border: 1px solid #e8e8ea;
    width: 100%;
    border-radius: 5px;
    position: relative;
    min-height: 0;
    margin-bottom: 10px;
  }
  .fc-agendaWeek-button,
  .fc-month-button,
  .fc-agendaDay-button,
  .fc-today-button {
    padding-left: 12px !important;
    padding-right: 12px !important;
    min-width: 63px !important;
  }
  .blogDetails p {
    font-size: 14px;
  }
  .blogDetails h2 {
    font-size: 40px;
  }
  .blogDetails h3 {
    font-size: 30px;
  }
  .mentorBox .heading2 {
    font-size: 28px;
  }
}
@media (max-width: 991px) {
  .speaker-content a {
    line-height: 1.3em;
  }
  .event-banner {
    height: 555px !important;
  }
  .eventBannerDate {
    top: calc(50% - 185px);
  }
  .eventBannerTitle h3 {
    font-size: 24px;
  }
  .event-banner .bannerImage {
    width: 900px !important;
  }
  .bannerDateLanding.eventBannerDate {
    padding-top: 60px;
  }
  .speakers {
    padding: 40px 0;
  }
  .mentorship {
    padding: 80px 0 50px 0;
  }
  .team-carousel-block {
    width: 100%;
  }
  .team .item-content h6 {
    font-size: 13px;
  }
  .team .item-content {
    padding: 15px;
  }
  .speaker-content a {
    height: auto;
    line-height: normal;
    margin-top: 20px;
    font-size: 13px;
    padding: 10px 5px;
    line-height: 1em;
  }
  .eventSpeakerContent {
    min-height: 140px;
  }
  .speaker-content {
    padding: 10px 10px 25px 10px;
  }
  .speaker-content {
    border-radius: 15px;
  }
  .eventSpeakerContent p {
    font-size: 15px;
  }
  .speaker-content h4 {
    margin: 20px 0;
    font-size: 17px;
  }
  .speaker-content {
    padding: 10px;
  }
  /*Event page*/
  .eventThumb {
    width: 135px;
    padding: 5px 5px 15px 5px;
  }
  .eventHeading {
    font-size: 12px;
  }
  .regularBtn {
    padding: 22px 55px;
  }
  .eventRaise {
    padding-left: 80px;
    margin-right: 0px;
  }
  .eventRaiseIcon {
    position: absolute;
    left: 0px;
    width: 70px;
  }
  .eventRaise h4 {
    font-size: 20px;
  }
  .eventRaise p {
    font-size: 18px;
    line-height: 20px;
  }
  /*Event page end*/
}
@media (max-width: 900px) {
  .team-carousel-block {
    width: 95%;
  }
  #available_date_range {
    width: 165px;
  }
  #available_days,
  #available_date_range,
  #slot_duration {
    font-size: 12px !important;
    padding: 10px !important;
  }
  #slot_duration {
    width: 155px;
    background-size: 12px;
  }
  .hoursGroupNew {
    padding-left: 22px !important;
  }
  .hourGroupSection .btn {
    font-size: 13px;
    padding: 10px;
    letter-spacing: 0px;
  }
  #category .allMentoringRequestList,
  #location .allMentoringRequestList,
  #password .allMentoringRequestList {
    padding-left: 0px;
    padding-right: 0px;
  }
  #category_settings_form .col-md-6 {
    width: 100%;
  }
  .blockWrapMiddle {
    min-width: 330px;
  }
  .blockWrap3 {
    max-width: 120px;
  }
  .blockWrap2 {
    max-width: 160px;
  }
  .weeklyHoursRow {
    padding: 60px 0px 15px 0px;
  }
  .meeting-table-item-row-left {
    width: 100%;
  }
  .table-item-row-right {
    width: 100%;
  }
  .meeting-list-item-row {
    flex-wrap: wrap;
  }
  .table-item-row-right {
    width: 100%;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    margin-top: 20px;
  }
  .table-item-row-right .text-right {
    text-align: left !important;
  }
}
@media (max-width: 880px) {
  .weeklyHoursGroup .weeklyHoursRow.hoursGroupNew {
    flex-wrap: wrap;
  }
  .hoursGroupNew .rightSlotRow.slotUnavailable {
    width: 100%;
  }
}
@media (max-width: 834px) {
  .countBox h4 {
    font-size: 20px;
  }
  .countBox h4 a {
    display: block;
  }
  .countBox {
    padding: 40px 20px;
  }
  .homeCateSelect {
    width: 90%;
    margin-left: 5%;
    flex-direction: column;
  }
  .catSelect {
    max-width: 100%;
    min-width: 100%;
  }
  .loginMember a {
    display: block;
  }
  .bannerCaption h2 br {
    display: none;
  }
}
@media (max-width: 800px) {
  .loginRightCol .loginForm {
    width: 350px;
    margin-left: 0px;
  }
  .B_image2 {
    left: 20px;
  }
  .bannerSearchBtn {
    font-size: 16px;
    font-weight: 600;
    padding-left: 25px;
    padding-right: 25px;
  }
  .bannerCaption h1 {
    font-size: 40px;
    margin-bottom: 10px;
    line-height: 45px;
  }
  .rightAccPanel .nav-item {
    margin-right: 7px !important;
  }
  .media-preview-container {
    margin: 10px 0px 0px 0px;
  }
  .profileView h6, .f18 {
    font-size: 15px !important;
  }
  .rightAccPanel .deleteCommunity .material-icons {
    height: 24px;
    width: 24px;
    background-size: 15px;
  }
}
@media (max-width: 767px) {
  .mobileOff {
    display: none !important;
  }
  .expForm .form-control, .expForm .select2-container--default .select2-selection--single, .editTimeSlotForm .select2-container--default .select2-selection--single, .editTimeSlotForm .form-control {
    border-radius: 8px;
  }
  #profileEdit .owl-controls .owl-nav div {
    top: -38px;
  }
  .speaker-content a {
    font-size: 11px;
  }
  .team .item-content {
    border-radius: 10px;
    padding: 10px;
  }
  .hoursGroupNew .rightSlotRow.slotUnavailable {
    width: auto;
  }
  #blankDay {
    margin-right: 5px;
  }
  /*Event page*/
  .eventListRowContent {
    min-height: 200px;
  }
  .event-banner {
    height: 600px !important;
  }
  .eventBannerDate {
    top: calc(50% - 225px);
  }
  .eventRow {
    flex-wrap: wrap;
    gap: 15px;
    justify-content: normal !important;
  }
  .eventThumb {
    width: calc(33.3333333% - 10px);
    padding: 5px 5px 15px 5px;
  }
  .dateContentRow h4 {
    margin-bottom: 3px;
  }
  .dateContentRow h4,
  .dateContentRow p {
    font-size: 16px;
  }
  .dateContentRow.mb-3 {
    margin-bottom: 15px !important;
  }
  .eventBannerDate .btn-secondary {
    font-size: 15px;
    padding: 16px 0px;
  }
  .eventRaise p {
    font-size: 16px;
    line-height: 18px;
  }
  .eventRaise h4 {
    font-size: 18px;
  }
  .napkinLogoSection {
    min-height: 200px;
  }
  .eventListRow {
    flex-wrap: wrap;
  }
  .eventListRowImg,
  .eventListRowContent {
    width: 100%;
    margin: 0;
  }
  .eventListRowImg {
    margin-bottom: 20px;
  }
  .eventListRowImg img {
    max-width: 600px;
  }
  /*Event page end*/
  #meetingSDKElement,
  .page-header.waiting-pannel-title p {
    font-size: 25px;
  }
  .meeting-title {
    font-size: 35px !important;
  }
  .calendar-help-pop {
    width: 98%;
  }
  .contactFormBtn {
    padding: 10px 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    transition: 0.3s;
  }
  .termsTableOfContent li {
    font-size: 14px;
    margin-bottom: 3px;
  }
  .termsContent h3 {
    font-size: 22px;
  }
  .termsContent h4 {
    font-size: 18px;
  }
  .termsContent h5 {
    font-size: 16px;
  }
  .desktopMenuCat {
    display: none;
  }
  .mobileMenuCat {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
  }
  .mobileMenuCat a {
    color: #5A617B;
  }
  .moreMenuBtn {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    background-color: transparent;
  }
  .moreMenuBtn {
    color: #5A617B;
    transition: 0.3s;
  }
  .moreMenuBtn:hover,
  .mobileMenuCat a:hover {
    color: #2EB6B8 !important;
  }
  .dropDownMenuExpand.dropdown-menu li {
    display: block;
    width: 250px;
    padding: 2px 15px;
  }
  .dropDownMenuExpand.dropdown-menu li a:hover {
    color: #2EB6B8 !important;
  }
  .datetimepicker th.switch {
    font-size: 13px;
    font-weight: 500;
  }
  .datetimepicker .datetimepicker-hours fieldset legend,
  .datetimepicker .datetimepicker-minutes fieldset legend {
    font-size: 14px;
    line-height: normal;
  }
  .datetimepicker .datetimepicker-hours span {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
  }
  .registrationFormSmall,
  .registrationFormSmall.registrationLargeContainer {
    width: 400px;
  }
  .regFormNew {
    margin-left: 0;
  }
  .loginRightCol .loginForm {
    width: 350px;
    margin-left: 0;
    padding-top: 0px;
  }
  .regFormWrap #regForm {
    padding-top: 0px !important;
  }
  #requestFroBooking .modal-dialog {
    max-width: 500px;
  }
  .overview-left-section {
    margin-bottom: 15px;
  }
  .profileSec .col-lg-3 {
    margin-bottom: 0px !important;
  }
  .profileThumb {
    padding: 25px 15px 25px 15px;
  }
  .profile-right-button {
    justify-content: center;
  }
  .profileSec .col-lg-3 {
    margin-bottom: 0px;
  }
  .searchCountryList.select2-dropdown.select2-dropdown--below {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .MentorPaginationList li {
    margin: 4px 2px;
  }
  .MentorPaginationList li.MentorPaginationPrev {
    margin-right: 5px;
  }
  .MentorPaginationList li.MentorPaginationNext {
    margin-left: 5px;
  }
  .MentorPaginationList li a {
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 15px;
  }
  .countryDropWrap {
    position: relative;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }
  .menuFilter {
    position: relative;
  }
  .filterMenuMobile {
    width: 100%;
    position: relative;
    top: auto;
    background-color: #fff;
    border-top: 1px solid #ddd;
    left: 0px;
    right: 0px;
    padding-bottom: 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  .mentorFilterHeader::after {
    content: "";
    height: 1px;
    position: absolute;
    left: 15px;
    right: 15px;
    top: 5px;
    background-color: #ddd;
  }
  .mentorFilterHeader {
    display: block;
    position: relative;
    z-index: 99;
  }
  .countryDropWrap {
    top: auto;
  }
  .countryDropWrap .select2-hidden-accessible {
    position: relative !important;
  }
  .menuFilter .select2.select2-container {
    position: relative;
    top: auto;
    width: 100% !important;
  }
  .mentorFilterHeader li {
    display: block;
    position: relative;
    padding: 10px 15px;
  }
  .select2-container--default .select2-selection--single {
    background-position: calc(100% - 16px) calc(50% + 3px);
  }
  .mentorFilterHeader li ul {
    display: none;
    top: 100%;
    text-align: left;
    width: auto;
    box-shadow: -15.4225px 0px 53.832px rgba(68, 92, 113, 0.2);
    left: 0px;
    right: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .menuFilter li a {
    display: block;
  }
  .filterMenuHeading {
    width: 100%;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .mentorFilterList .material-icons {
    color: #222;
    font-size: 23px;
  }
  .menuFilter .select2.select2-container {
    padding-left: 5px;
    padding-right: 5px;
  }
  header {
    position: relative;
  }
  header.addOverlay::after {
    content: "";
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .filterBarHeader.shopDropMenu {
    background-color: #fff;
    padding-bottom: 0px;
    border-bottom: none;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  .shopDropMenu .mentorFilterHeader li ul {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .shopDropMenu .mentorFilterHeader li ul::before {
    content: "";
    height: 1px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    background-color: #ddd;
  }
  .mentorFilterHeader li ul {
    box-shadow: none;
  }
  .mentorFilterHeader li ul li {
    padding-left: 0px;
    padding-right: 0px;
  }
  .mentorFilterHeader li {
    padding: 0px 15px;
  }
  .filterMenuMobileTrigger {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 41px;
    top: -43px;
  }
  .filterMenuMobile {
    display: none;
  }
  .headerSearchForm .form-control {
    padding: 10px 0px 10px 30px;
  }
  .menuFilter .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px !important;
  }
  .countryDropWrap .select2-container--default.select2-container--focus .select2-selection--single {
    min-height: 45px !important;
    padding: 6px 15px !important;
    min-height: 40px !important;
  }
  .catSubAnchor {
    padding: 7px 30px 7px 12px;
    font-size: 14px;
  }
  .catSliderListing::before,
  .catSliderListing::after {
    top: 12px;
  }
  .catMainMenu .form-check .form-check-label {
    font-size: 14px;
    margin-left: 5px;
  }
  .headerSearchForm {
    position: relative;
    top: 0px;
    z-index: 9;
    transition: 0.3s;
    width: calc(100% - 120px);
    margin-left: 30px;
  }
  .catSubMenu {
    padding: 15px 10px;
    width: 280px;
  }
  .catSliderListing .form-check-input {
    width: 15px;
    height: 15px;
    margin-top: 3px;
  }
  .filterBarHeader {
    padding: 5px 0px;
    position: relative;
  }
  .activeProfileDropdownWrap {
    right: 80px;
    top: 9px;
  }
  .catThumbText h4.heading2 {
    background-size: 25px;
  }
  .footerTopContainer.container-fluid.footerContainer {
    background-color: #e3f7f8;
  }
  .testimonialSec .customContainer {
    padding-left: 15px;
    padding-right: 15px;
  }
  .mb-6.testiGap {
    margin-bottom: 30px !important;
  }
  .catGap.mb-9 {
    margin-bottom: 40px !important;
  }
  .mentorBox .heading2 {
    font-size: 24px;
    line-height: 30px;
  }
  .howWorkGap.mb-6 {
    margin-bottom: 0px !important;
  }
  .howWorkThumb {
    padding: 0px 0px 0 0px;
  }
  header .navbar {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
  }
  .subMenuSlider .slider {
    padding: 12px 20px;
  }
  .bannerCaption {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .newBannerHome {
    height: auto;
  }
  .bannerCaption h2 {
    font-size: 16px;
    line-height: 25px;
  }
  .footerTopContainer .fullButton {
    font-size: 16px;
    letter-spacing: 1px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .footerTopContent .heading2,
  .heading2 {
    font-weight: 400;
  }
  .catThumbText h4.heading2 {
    background-position: right 0px;
  }
  .catematch {
    border-radius: 20px;
  }
  .howWorkSec .customContainer {
    padding-left: 0px;
    padding-right: 0px;
  }
  .footerContainer,
  .headerContainer {
    padding-left: 30px;
    padding-right: 30px;
  }
  .headerContainer.filterHeaderContainer {
    padding-left: 0px;
    padding-right: 0px;
  }
  .testimonialSec .owl-item {
    margin-left: 0px !important;
    margin-right: 20px !important;
  }
  .bannerSearchBox .catSelect .form-control {
    width: calc(100% - 30px);
    left: 25px;
    top: 0px;
    background-position: calc(100% - 5px) center;
    padding-left: 15px;
    padding-right: 27px;
    right: 0px;
  }
  .testiName {
    padding-top: 0px;
  }
  .testimonialsContent {
    padding: 20px 20px 45px 20px;
    height: auto;
    display: block;
  }
  .testiImg {
    position: relative;
  }
  .testUserImg {
    display: inline-block;
  }
  .reviewImgMob {
    display: inline-block;
  }
  .bannerForm .form-control {
    background-position: 15px center;
    padding: 16px 0px 16px 45px;
  }
  .select2-container--default .select2-selection--multiple,
  .select2-container--default .select2-selection--single {
    background-position: calc(100% - 12px) calc(50% + 3px);
  }
  .countryDropWrap .select2-selection {
    border: none !important;
    min-height: 45px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .customWidth {
    width: 100%;
    margin-left: 0px;
  }
  .howWorkThumb h4,
  .howWorkThumb p {
    text-align: center;
  }
  .category-slider.owl-carousel .owl-prev,
  .category-slider.owl-carousel .owl-next {
    bottom: -70px;
  }
  .howWorkThumb a {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .category-slider.owl-carousel .owl-prev,
  .category-slider.owl-carousel .owl-next {
    bottom: -90px;
  }
  .category-slider.owl-carousel .owl-prev {
    left: calc(50% - 50px);
  }
  .category-slider.owl-carousel .owl-next {
    right: calc(50% - 50px);
    left: auto;
  }
  .quotes .owl-prev,
  .howWorkSec .owl-prev {
    right: calc(50% - 50px);
    left: auto;
    bottom: -40px;
  }
  .quotes .owl-next,
  .howWorkSec .owl-next {
    right: calc(50% - 60px);
    left: auto;
    bottom: -40px;
  }
  .howWorkSec .owl-prev,
  .howWorkSec .owl-next {
    bottom: -70px;
  }
  .quotes .owl-prev,
  .quotes .owl-next,
  .howWorkSec .owl-prev,
  .howWorkSec .owl-next,
  .category-slider.owl-carousel .owl-prev,
  .category-slider.owl-carousel .owl-next {
    width: 55px;
    height: 55px;
  }
  .quotes .owl-prev,
  .howWorkSec .owl-prev,
  .category-slider.owl-carousel .owl-prev {
    left: calc(50% - 59px);
  }
  .quotes .owl-next,
  .howWorkSec .owl-next,
  .category-slider.owl-carousel .owl-next {
    right: calc(50% - 69px);
  }
  .footerTopContent {
    height: auto;
  }
  .catThumbText h4.heading2 {
    font-size: 18px;
    font-weight: 400;
  }
  .catCommentCount {
    font-size: 14px;
  }
  .footerTopContent {
    width: 100%;
    margin-left: 0;
    height: auto;
    background-size: unset;
    background-color: #e3f7f8;
    background-image: none;
    border-radius: 0px;
    padding: 0px 0px;
  }
  .reviewImgMob {
    margin-bottom: 20px;
  }
  .footerTopContent > div {
    padding: 50px 0px;
  }
  .subHeading {
    font-size: 17px;
  }
  .faqSec .customContainer {
    padding: 50px 15px;
    margin-left: 0;
    width: 100%;
    border-radius: 0px;
  }
  .bannerLeftImg,
  .bannerRightImg {
    display: none;
  }
  .bannerRoundImage {
    transform: scale(0.5);
  }
  .mobileButtons {
    padding-top: 30px;
    padding-bottom: 0px;
    width: 600px;
    display: inline-block;
  }
  .Hcenter {
    justify-content: center;
  }
  .oneThird {
    padding: 15px 12px !important;
    width: calc(33.3333333% - 7px);
    margin-left: 2px;
    margin-right: 2px;
    color: #fff !important;
    font-size: 13px !important;
  }
  .mobileHide {
    display: none;
  }
  .bannerButtonBox {
    flex-direction: column;
  }
  .halfButton,
  .fullButton {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .btn.btnmentor {
    margin-bottom: 5px;
  }
  .buttonSection {
    margin-top: 50px;
  }
  .buttonSection h3 {
    margin-bottom: 30px !important;
  }
  .fc-agendaWeek-button,
  .fc-month-button,
  .fc-agendaDay-button,
  .fc-today-button {
    padding-top: 6.5px !important;
    padding-bottom: 6.5px !important;
  }
  .howWorkThumb p {
    min-height: 0;
  }
  .quotes .d-flex {
    flex-direction: column;
  }
  .faqSubHeading {
    margin-top: 25px;
  }
  .staticLink.leftContentBox li::before {
    top: 1px;
  }
  .edit.add {
    right: 0;
  }
  .bannerSec .changePic {
    right: 5px;
  }
  .modal {
    padding-left: 20px;
    padding-right: 20px;
  }
  .modal-body h4 {
    font-size: 17px;
  }
  .modalRow {
    padding-left: 30px;
    padding-bottom: 10px;
  }
  .modalRow .modalIcon {
    width: 25px;
  }
  .modal p {
    font-size: 15px;
  }
  .modalTitle h3 {
    font-size: 16px !important;
    text-transform: uppercase;
  }
  .slider {
    width: calc(100% - 40px);
    margin: 0px 20px;
    padding: 15px 10px;
  }
  .slick-prev::before,
  .slick-next::before {
    font-size: 26px;
  }
  .subMenuSlider .variable a {
    font-size: 13px;
    padding: 7px 13px;
  }
  .commentNo .heading1 {
    font-size: 45px;
    line-height: 45px;
  }
  .commentSignout .loadmore-activity.btn-outline-secondary {
    padding: 14px 40px;
    font-size: 14px;
  }
  .reactImg {
    right: 30px;
    top: -13px;
    width: 150px;
  }
  .activityContent form .form-group .form-control {
    min-height: 150px;
    padding: 25px 15px;
  }
  .commentMainRow .activityDate {
    top: -30px;
  }
  .evebtImgDesc {
    text-align: left;
  }
  .activityProfile span {
    font-size: 10px;
  }
  .activityProfile {
    min-width: 30px;
    margin-right: 5px;
    max-width: 30px;
  }
  .eventCpmment .activityDesc h3 {
    font-size: 14px;
  }
  .commentSubRow .activityProfile {
    min-width: 30px;
    margin-right: 5px;
    position: relative;
    max-width: 30px;
  }
  .eventCpmment .activityDesc {
    text-align: left;
  }
  .tempBodyContent nav .nav-tabs {
    justify-content: center;
  }
  .tempBodyContent .nav-tabs .nav-link {
    margin-right: 10px;
    margin-left: 10px;
  }
  .recSecGap {
    padding-bottom: 40px;
    margin-bottom: 30px;
  }
  .heading3 {
    font-size: 25px;
  }
  .tempBodyContent h4 {
    font-size: 20px;
  }
  .tempBody.d-flex {
    display: block !important;
  }
  .rightbarWithBg,
  .tempRight,
  .recomemdedSec {
    text-align: center;
  }
  .privateMembers {
    display: block;
  }
  .privateMembers p {
    margin-right: 0;
    margin-bottom: 10px !important;
  }
  .recentMediaBox {
    width: 65px;
    margin: 1px 0px !important;
  }
  .groupMemberSingle {
    margin: 15px 1px 0px 1px;
  }
  .tempBodyContent {
    margin-bottom: 50px;
    margin-right: 0px;
  }
  .container-fluid.customContainer.groupContainer {
    padding-left: 30px;
    padding-right: 30px;
  }
  .recomendedMatch {
    flex-wrap: wrap;
  }
  .recomendedMatch li {
    min-width: calc(50% - 8px);
    padding: 20px;
    margin-bottom: 16px;
  }
  .recomemdedSec h5 {
    font-size: 15px;
  }
  .thankYouContainer {
    padding: 80px 0px;
  }
  .heading1 {
    font-size: 30px;
    line-height: 30px;
  }
  .homeFaqSec h5 {
    font-size: 17px;
  }
  .contentHeading h5 {
    font-size: 20px;
  }
  .myAccountSection h3 {
    font-size: 22px;
  }
  .mb-5 {
    margin-bottom: 25px !important;
  }
  .comunityBox {
    margin-bottom: 15px;
  }
  .comunityBox ul {
    min-height: 0px;
  }
  .comunityBox ul li {
    font-size: 16px;
  }
  .editProfileDes p {
    font-size: 17px;
  }
  .editProfileDes {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
  .leftContentBox {
    border-right: none;
    border-bottom: none;
    padding: 25px 0px 25px 0px;
  }
  .editProfileDes h4,
  .contentHeading h4 {
    font-size: 30px;
  }
  .alert-secondary {
    padding: 15px;
  }
  .editImg,
  .editProfilePic {
    height: 180px;
    width: 180px;
    line-height: 180px;
  }
  .editProfilePic {
    margin-top: -113px;
  }
  .about-social svg {
    margin-left: 5px;
    margin-right: 5px;
  }
  .changePic {
    right: -11px;
    bottom: 52px;
  }
  .mentorSection {
    padding-bottom: 30px;
    margin-bottom: 50px;
  }
  .mobCenter,
  .text-end.about-social,
  .leftContentBox h6 {
    text-align: center !important;
  }
  .mentorLeftPan {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  html,
  body.loginScreen {
    height: auto;
    overflow: visible;
  }
  .chatRow .chatPersonImg {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
  .chatRow.rightChat {
    padding-left: 60px;
  }
  .chatRow.leftChat {
    padding-right: 60px;
  }
  .chatText {
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 13px;
  }
  .chatRow {
    min-height: 65px;
    margin-bottom: 15px;
  }
  .leftChat .chatText {
    border-top-left-radius: 5px;
  }
  .rightChat .chatText {
    border-top-right-radius: 5px;
  }
  .loginSec {
    flex-direction: column;
  }
  .loginLeft,
  .loginRight {
    width: 100%;
  }
  .customCol {
    width: 50%;
  }
  .loginMember {
    bottom: auto;
    position: relative;
    left: 0px;
    right: 0px;
    margin-top: 20px;
  }
  .homeFaqSec .mb-6 {
    margin-bottom: 25px !important;
  }
  .teamSec.p-7 {
    padding-bottom: 0px !important;
  }
  .heading2 br {
    display: none;
  }
  .mentorBoxDes {
    padding-top: 10px;
    padding-bottom: 15px;
  }
  .mentorBoxDes h5 {
    font-size: 17px;
  }
  .heading2 {
    font-size: 30px;
    line-height: 40px;
  }
  .mentorBox {
    margin: 15px 0px;
  }
  .mentorSec,
  .faqSec,
  .VideoSection {
    padding: 60px 0px 50px;
  }
  .CategorySec {
    padding: 60px 0px 70px;
  }
  .VideoSection {
    border-bottom-left-radius: 40px;
  }
  .videoPlay2 {
    height: 85px;
    width: 85px;
  }
  .howWorkSec {
    padding: 50px 15px 75px 15px;
  }
  .countBox {
    padding: 20px;
    width: 90%;
    margin-left: 5%;
  }
  .countThumb {
    width: 90%;
    margin-left: 5%;
  }
  .firstThumb::after,
  .middleThumb::after {
    width: auto;
    top: auto;
    bottom: 0;
    left: 0px;
    right: 0px;
    height: 1px;
  }
  .d-flex.counterRow {
    flex-direction: column;
  }
  .brandLogo {
    padding: 10px 0px;
  }
  .owl-mentor {
    width: calc(100% - 60px);
    margin-left: 30px;
  }
  .customContainer {
    padding-left: 30px;
    padding-right: 30px;
  }
  .desktopMenu {
    visibility: hidden;
  }
  .bannerTop .container {
    max-width: 90%;
  }
  .bannerTop p {
    font-size: 13px;
  }
  .closeTopBar {
    right: 5px;
  }
  .bannerImg img,
  .innerBanner img {
    width: 900px;
  }
  .quotes .testiDes {
    padding-left: 0px;
    width: 100%;
  }
  .testiDes {
    padding-left: 0;
    width: 100%;
  }
  .testiName {
    padding-left: 0;
    min-height: 0;
    margin-bottom: 0px;
    background-size: 50px;
    padding-top: 0px;
    background-position: center top;
    justify-content: center;
  }
  .testimonialBox {
    padding-left: 40px;
    padding-right: 40px;
  }
  .testimonialBox p {
    font-size: 17px;
  }
  .testiName h6 {
    font-size: 13px;
  }
  .testiDes p {
    font-size: 17px;
    line-height: 22px;
  }
  .testimonialSec {
    padding-bottom: 50px;
  }
  .mentorSection .alert {
    flex-direction: column;
  }
  .mentorRightPan {
    border-left: none;
    padding-left: 0;
  }
  .socialLogin {
    margin-top: 15px;
  }
  .loginMember {
    padding-top: 0px;
  }
  .socialLogin .customCol {
    text-align: center;
  }
  .memberimgBlock {
    width: 100px;
    position: relative;
  }
  .memberDesc h4 {
    font-size: 18px;
  }
  .mentorProfileSection.mb-8,
  .profileVideo.mb-8 {
    margin-bottom: 30px !important;
  }
  .profileVideo .mb-2 {
    margin-bottom: 10px !important;
  }
  .eventText {
    padding: 0px 0px 20px 0px;
    margin-bottom: 20px;
  }
  .about-social .leftContentBox.noBorder {
    text-align: center;
    margin-top: 20px;
  }
  .accordion-header h5 {
    font-size: 17px;
  }
  .comunityBox .comunityHead {
    font-size: 20px;
  }
  .eventText p {
    font-size: 15px;
  }
  .mentorSlider {
    padding: 0px 30px;
  }
  .mb-8 {
    margin-bottom: 40px !important;
  }
  .mb-4 {
    margin-bottom: 20px !important;
  }
  .leftContentBox.noBorder li {
    font-size: 15px;
    text-align: center;
    padding-left: 0px;
  }
  .leftContentBox li::before {
    position: relative;
    left: -4px;
    top: -1px;
    display: inline-block;
  }
  .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    min-height: 1em;
  }
  .fc .fc-toolbar-title {
    font-size: 20px;
  }
  .fc .fc-button-group > .fc-button {
    padding: 5px;
    font-size: 15px;
    font-size: 13px;
  }
  .fc-today-button.fc-button.fc-button-primary {
    padding: 5px;
    font-size: 12px;
    line-height: 21px;
    margin-left: 2px !important;
  }
  #calendar .fc-col-header-cell {
    padding: 5px;
    font-size: 15px;
    font-weight: normal;
  }
  .stepformIdentifier::before {
    height: 1px;
    top: 9px;
  }
  .stepformIdentifier {
    width: 275px;
  }
  .step {
    height: 16px;
    width: 16px;
    margin: 0 6px;
  }
  .createProfile .form-group {
    min-height: 60px;
  }
  .fc .fc-button-group > .fc-button {
    height: auto;
  }
  .fc-toolbar .fc-right,
  .fc-toolbar .fc-left {
    margin-bottom: 20px;
  }
  .fc-toolbar .fc-center {
    display: block;
  }
  #bookingReschedule .fc-toolbar .fc-center,
  #overrideCalendar .fc-toolbar .fc-center,
  #availability .fc-toolbar .fc-center {
    display: inline-block;
  }
  #regForm {
    padding-top: 65px;
  }
  .createProfile .contentHeading {
    margin-bottom: 0px !important;
  }
  .form-control {
    padding: 15px 12px;
    font-size: 14px;
  }
  .stepwizard-step p {
    display: none;
  }
  .stepwizard-row.setup-panel {
    position: relative;
    text-align: center;
  }
  .stepwizard-row::before {
    width: 246px;
  }
  .stepwizard-step p {
    font-size: 9px;
  }
  .stepwizard-step {
    width: 35px;
  }
  .prevBtn.btn {
    font-size: 13px;
    padding: 10px 18px;
    padding-left: 35px !important;
  }
  .nextBtn.btn {
    font-size: 13px;
    padding: 10px 18px;
    padding-right: 35px !important;
  }
  .prevBtn::after {
    left: 15px;
  }
  .btn-skip {
    font-size: 13px;
  }
  .rightAccPanel {
    position: relative;
  }
  .rightAccPanel .nav-tabs {
    padding-left: 15px;
  }
  .profileView .rightAccPanel .nav-tabs {
    padding-left: 0;
  }
  .profileSec > .container > .row {
    flex-direction: column;
  }
  .profileSec .col-lg-3 {
    width: 100% !important;
    margin-bottom: 65px;
  }
  .profileSec .col-lg-9 {
    width: 100% !important;
  }
  .bannerSec {
    display: none;
  }
  .leftAccPanel {
    margin-top: 15px;
  }
  .bannerSec .changePic {
    right: 5px;
    bottom: 65px;
    z-index: 99999;
  }
  .bannerSec .changePic span:not(.material-icons) {
    display: none;
  }
  .bannerSec .changePic .material-icons {
    position: relative;
    left: inherit;
    top: inherit;
    font-size: 20px;
  }
  .bannerSec .changePic {
    right: 25px;
    bottom: 65px;
    z-index: 9;
    padding: 10px 15px;
  }
  .pageName {
    font-size: 14px;
    padding-left: 0;
    padding-right: 0px;
    margin-right: 0px;
    top: -40px;
    left: 0px;
  }
  .editSecHeading .pageName {
    width: auto;
    display: inline-block;
    padding: 14px 35px 14px 28px;
    position: relative;
    top: 0;
  }
  .nextBtn::after {
    right: 20px;
  }
  .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
  }
  .select2-container--default:not(.homeCateSelect) .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
  }
  .mentorLeftPan {
    margin-bottom: 20px;
    padding-bottom: 0px;
  }
  #mentorlist > .row .mobCenter p {
    text-align: left;
  }
  .shortBySec.customCol {
    width: 100% !important;
  }
  #mentorlist > .row .mobCenter p {
    margin-bottom: 0px;
    margin-top: 10px;
    font-weight: 600;
    font-size: 18px !important;
    border-bottom: 1px solid #dcdddf;
    padding-bottom: 16px;
    text-align: left;
  }
  #mentorlist > .row .mobCenter p {
    font-size: 17px !important;
    padding-bottom: 25px;
  }
  .mentorLeftPan .accordion-item .accordion-button {
    font-size: 16px;
  }
  #regForm {
    padding-top: 35px;
  }
  .setup-content h3 {
    font-size: 16px;
    margin-bottom: 15px !important;
  }
  .fieldDesc {
    font-size: 11px;
  }
  .rightAccPanel .table td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .comRow .comsingleImg {
    width: 23%;
    min-width: 110px;
  }
  .comImg {
    height: 80px;
    width: 80px;
  }
  .blockWrap3 {
    display: flex;
    flex-flow: column wrap;
    justify-content: end;
  }
  .HomeBannerBlocks {
    padding-top: 10px !important;
  }
  .blockWrapMiddle {
    min-width: 260px;
    justify-content: flex-end;
    display: flex;
    flex-flow: column;
  }
  .bannerText {
    position: absolute;
    left: 0;
    z-index: 99;
    max-width: 400px;
    margin: 0 auto;
    right: 0;
    top: calc(50% - 135px);
    background: rgba(255, 255, 255, 0.5);
    padding: 5px;
  }
  .blogDetails .heading1 {
    font-size: 30px;
    line-height: 40px;
  }
  .bannerForm .form-control {
    padding: 16px 0px 16px 40px;
    position: relative;
    right: auto;
    border-radius: 0px;
    border-right: 0px;
    left: 0px;
    background-color: #fff;
    width: 100%;
    border-radius: 40px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
  }
  .bannerSearchBtn {
    border-radius: 40px;
    height: 55px;
    position: relative;
    right: 0px;
    top: auto;
    width: 100%;
  }
  .bannerSearchBox {
    position: relative;
    height: auto;
    width: 100%;
    border: none;
    border-radius: 0px;
    margin-bottom: 15px;
    background-color: transparent;
  }
  .bannerSearchBox .catSelect {
    max-width: none;
    min-width: 0;
    width: auto;
    position: relative;
    left: 0px;
    top: auto;
    border-radius: 40px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    background-color: #fff;
    height: 60px;
  }
  .select2-container--default:not(.homeCateSelect) .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
  }
  .bannerForm {
    position: relative;
    left: auto;
  }
  .formBar {
    display: none;
  }
  .bannerCaption h1 {
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 52px;
  }
  .mentorSec {
    width: 550px;
    margin-left: calc(50% - 275px);
    padding-bottom: 0px;
  }
  .mentorBox .heading2 {
    font-size: 24px;
    line-height: 30px;
  }
  .mentorBoxDes h5 {
    font-size: 15px;
  }
  .CategorySec {
    padding-top: 0px;
  }
  .termsContent.termAnchorContent h2 {
    font-size: 25px;
  }
  .expForm .form-control, .expForm .select2-container--default .select2-selection--single, .editTimeSlotForm .select2-container--default .select2-selection--single, .editTimeSlotForm .form-control {
    padding: 13.5px 14px;
  }
}
@media (max-width: 650px) {
  .mobileButtons {
    width: 100%;
  }
}
@media (max-width: 600px) {
  #messagebox .modal-dialog {
    max-width: 300px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    right: 10px;
    bottom: 10px;
  }
  .chatBoxMessageArea {
    height: 286px;
  }
  .chatBoxSection {
    min-height: 450px;
    width: 300px;
    min-width: 300px;
  }
  .chatBoxMessageArea {
    padding: 40px 20px 20px;
  }
  /*Event page*/
  .eventBannerDate {
    width: auto;
    left: 10%;
    right: 10%;
  }
  .eventRaise {
    padding-left: 75px;
    max-width: 100%;
    margin-right: 0px;
    min-height: 70px;
    margin-bottom: 15px;
  }
  /*Event page end*/
}
@media (max-width: 575px) {
  .termsContent p {
    font-size: 15px;
    line-height: 21px;
  }
  .bookingDetailsCardWrap {
    flex-direction: column;
  }
  .bookingDetailsLeft {
    margin-bottom: 20px;
  }
  #overrideCalendar .slotBookingBtnGroup .addTimeSlotRow {
    bottom: 11px;
  }
  #overrideCalendar #availability-option {
    padding-left: 0px !important;
    padding-top: 0px;
  }
  #overrideCalendar .slotBookingBtnGroup {
    padding-top: 68px;
  }
  #overrideCalendar .weeklyHoursRow .leftCheck {
    top: 0;
  }
  #overrideCalendar .rightSlotRow {
    top: 55px;
  }
  #availableSlots {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .swal-modal {
    width: 360px;
  }
  .swal-button-container {
    margin: 5px 2px;
  }
  .modalHeaderLogo {
    padding-bottom: 25px;
  }
  .selectedDate {
    margin-bottom: 25px;
  }
  #requestFroBooking .modal-body label {
    font-size: 14px;
  }
  #requestFroBooking .form-control {
    font-size: 14px;
  }
  #requestFroBooking .modal-dialog {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .bookingModalHeading {
    font-size: 20px;
  }
  .profileView.rightAccPanel .nav-item {
    width: 100%;
  }
  .bannerCaption {
    width: 90%;
  }
  .teamSec .btn-secondary {
    padding: 23px 100px 23px 75px;
  }
  .fc .fc-toolbar-title {
    font-size: 15px;
  }
  .fc .fc-daygrid-day-number {
    z-index: 4;
    padding: 0px 4px;
  }
  .full-calender .customContainer {
    padding-left: 15px;
    padding-right: 15px;
  }
  #calendar {
    position: relative;
  }
  .fc .fc-toolbar-title {
    font-size: 15px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0px;
    right: 0px;
    text-align: center;
  }
  .editProfileDes h4,
  .contentHeading h4 {
    font-size: 25px;
  }
  .comRow .comsingleImg {
    width: 31%;
  }
  .HomeBannerBlocks .row.Hcenter {
    padding-top: 0px !important;
  }
  .blockWrapMiddle {
    min-width: 230px;
  }
  .HomeBannerBlocks .col {
    padding: 0px 2px !important;
  }
  .blockWrap3 .imgBox:not(:last-of-type),
  .blockWrap2 .imgBox:not(:last-of-type) {
    margin-bottom: 5px !important;
  }
  .blogDetails .heading1 {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .eventSpeakerContent {
    min-height: 0;
  }
  .speaker-content {
    margin-bottom: 20px;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 570px) {
  #availableSlots .timeTab {
    width: calc(50% - 3px);
  }
  .stepwizard-step p {
    display: none;
  }
  .stepwizard-row.setup-panel {
    text-align: center;
  }
  .stepwizard-step {
    width: 35px;
  }
  .stepwizard-row::before {
    width: 250px;
  }
  .modalTitle h3 {
    font-size: 14px !important;
  }
  .oneThird {
    font-size: 12px !important;
    letter-spacing: 0px;
  }
  .mentorSec {
    width: 90%;
    margin-left: 5%;
  }
  .regFormNew {
    margin-left: 0 !important;
  }
}
@media (max-width: 550px) {
  .profileView.rightAccPanel .nav-tabs .nav-link,
  .profileView.rightAccPanel .nav-tabs .nav-item .nav-link {
    font-size: 13px;
    padding: 8px 0px;
  }
  .calendar-help-pop .tab-content {
    padding: 40px 20px;
  }
  .calendar-help-pop .btn-close {
    padding: 15px;
  }
  .calendar-help-pop .calendarList {
    padding-left: 0;
    padding-right: 0;
  }
  .calendar-help-pop .nav-link {
    font-size: 10px;
    padding: 25px 6px !important;
  }
  .meeting-list-item-row {
    position: relative;
  }
  .meeting-btn-approved {
    padding: 12px;
    color: transparent;
    font-size: 0px;
  }
  .meeting-btn-cancel {
    position: absolute;
    bottom: 20px;
    right: 20px;
  }
  .meeting-table-item-connection-row {
    width: 120px;
    position: relative;
    bottom: 57px !important;
  }
}
@media (max-width: 480px) {
  #days {
    font-size: 20px;
  }
  #hours {
    font-size: 20px;
  }
  #minutes {
    font-size: 20px;
  }
  #seconds {
    font-size: 20px;
  }
  .messageHeadingContentHeading,
  .messageHeadingContentText {
    font-size: 12px;
  }
  .messageProfileIcon {
    width: 40px;
    height: 40px;
    background-color: #5ab3b7;
  }
  .powerdBy {
    letter-spacing: 2px;
  }
  /*Event page*/
  .eventExcerpt {
    min-height: 60px;
  }
  .eventThumb {
    width: calc(50% - 10px);
    padding: 5px 5px 15px 5px;
  }
  .eventBannerDate {
    left: 10px;
    right: 10px;
  }
  /*Event page end*/
  .notificationBell {
    margin-right: 10px;
    padding-left: 8px;
  }
  .notificationBell + .dropdown-menu[data-bs-popper].activeProfileDropdown {
    width: 300px;
  }
  .notificationLists li {
    padding-left: 10px;
  }
  .activeProfileDropdown a.dropdown-item {
    max-width: 260px;
  }
  .swal-modal {
    width: 100%;
  }
  .timeBetweenRow .form-control {
    width: 90px;
  }
  .registrationFormSmall,
  .registrationFormSmall.registrationLargeContainer {
    width: calc(100% - 20px);
    margin-left: 10px;
  }
  .secHeading .material-icons {
    width: 25px;
    height: 25px;
    line-height: 24px;
  }
  .secHeading {
    padding-left: 32px;
  }
  .secHeading {
    font-size: 18px;
    line-height: 25px;
  }
  .expForm label {
    font-size: 14px;
  }
  #bookingReschedule .content,
  #overrideCalendar .content {
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #overrideCalendar .modal-dialog {
    margin-top: 85px !important;
    margin-bottom: 100px;
  }
  .profileIconSets {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
  }
  #mentor_booking .memberRowList .profileRowPic,
  #mentee_booking .memberRowList .profileRowPic {
    left: 0;
    top: 10px;
    right: 0px;
    margin: auto;
  }
  .restSetion .card-header,
  .restSetion .card-body {
    padding-left: 0px;
    padding-right: 0px;
  }
  .loginRightCol .loginForm {
    width: calc(100% - 45px);
  }
  .formLogo {
    left: 24px;
  }
  #overrideCalendar .slotBookingBtnGroup .addTimeSlotRow {
    right: 0px;
  }
  #overrideCalendar .slotBookingBtnGroup .deleteTimeSlotRow {
    right: 40px;
  }
  .memberRowList {
    flex-direction: column;
    text-align: center;
    padding-left: 10px;
    padding-top: 55px;
  }
  .fullListingView .profileRowPic {
    left: 0;
    top: 10px;
    right: 0px;
    margin: auto;
  }
  .allCollectionList .profileRow {
    padding-right: 10px;
    position: relative;
    padding-left: 10px;
    text-align: center;
    padding-top: 55px;
  }
  .allCollectionList .profileRow .editBtn {
    position: relative;
    right: 0;
    font-size: 16px;
  }
  .revDegDate {
    flex-direction: column;
  }
  .timeSlotSection .overview-time-slot {
    width: 92px;
  }
  .headerSearchForm {
    width: calc(100% - 75px);
    margin-left: 15px;
  }
  .filterMenuMobileTrigger {
    right: 26px;
  }
  .MentorPaginationList li {
    margin: 4px -1px;
  }
  .MentorPaginationList li.MentorPaginationPrev {
    margin-right: 3px;
  }
  .MentorPaginationList li.MentorPaginationNext {
    margin-left: 3px;
  }
  .MentorPaginationList li a {
    width: 35px;
    height: 35px;
    line-height: 33px;
    font-size: 14px;
  }
  .catSliderListing::after {
    right: -175px;
  }
  .CatItems {
    font-size: 12px;
  }
  .countryDropDown {
    left: 0px;
    right: auto;
  }
  .mentorFilterList a {
    font-size: 14px !important;
  }
  .mentorFilterHeader {
    gap: 10px;
  }
  .filterMenuHeading {
    padding-right: 20px;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .headerSearchForm:hover .form-control,
  .headerSearchForm .form-control:focus {
    width: calc(100% - 30px);
  }
  .headerProfileName,
  .profileDropdownToggle.dropdown-toggle::after {
    display: none;
  }
  .headerProfileImg {
    width: 40px;
    height: 40px;
  }
  .activeProfileDropdownWrap {
    right: 65px;
    top: 11px;
  }
  .profileDropdownToggle {
    border: none;
    border-radius: 50%;
    padding: 0px !important;
    height: 40px;
    color: #000;
  }
  .testimonialSec {
    padding-top: 0;
  }
  .mentorBox .heading2 {
    font-size: 20px;
    line-height: 20px;
  }
  .bannerCaption {
    width: 95%;
  }
  .mentorSec {
    width: 100%;
    margin-left: 0%;
  }
  .editSecHeading .pageName {
    padding: 14px 30px 14px 20px;
  }
  .animateToDown {
    top: -125px;
  }
  .modal-header {
    padding-left: 15px;
  }
  .caseNormal.modelSave,
  .caseNormal.modelClose {
    padding: 10px 20px !important;
    font-size: 13px;
  }
  .caseNormal.modelSave {
    padding-right: 42px !important;
  }
  .homeFaqSec .nav-item {
    margin-left: 2px;
    margin-right: 2px !important;
  }
  .homeFaqSec .nav-pills .nav-link {
    padding: 8px 10px;
    font-size: 13px;
  }
  .material-icons {
    left: calc(50% + 50px);
  }
  /*community*/
  .commentMainRow .activityProfile {
    min-width: 30px;
    margin-right: 0;
    max-width: 30px;
    position: absolute;
    left: 0px;
    transform: translateY(-8px);
  }
  .commentMainRow .activityProfile {
    top: -25px;
  }
  .commentMainRow {
    position: relative;
  }
  .commentSubRow {
    padding-top: 40px;
    padding-bottom: 0;
  }
  .commentSubRow {
    padding-bottom: 0;
    margin-left: 0px;
  }
  .commentMainRow .activityProfile span {
    display: none;
  }
  .commentMainRow .activityDesc h3 {
    font-size: 13px;
    padding-left: 0px;
  }
  .commentTime {
    padding-right: 0px;
    margin-right: 0px;
  }
  .commentMainRow .activityProfile {
    min-width: 30px;
    margin-right: 0;
    max-width: 30px;
    position: absolute;
    left: 0px;
  }
  .commentSubRow {
    position: relative;
  }
  .modal-body {
    padding: 30px 15px;
  }
  .commentSubRow .activityProfile {
    top: 0px;
    position: relative;
    transform: translateY(0px);
    margin-right: 5px;
  }
  .recSecGap {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .activityPin {
    right: -35px;
    top: -10px;
    margin: auto;
    left: 0px;
  }
  .activityProfile {
    margin-right: 5px;
  }
  .activityDesc h3 {
    font-size: 18px;
  }
  .commentMainRow .activityDate {
    left: auto;
    right: 0;
    margin: 0;
    width: 120px;
    text-align: center;
  }
  .activityRow.d-flex {
    flex-direction: column;
    row-gap: 20px;
  }
  .activityDate {
    left: 0px;
    right: 0;
    margin: auto;
    width: 175px;
  }
  .activityAction ul li {
    margin-right: 10px;
    padding-right: 10px;
  }
  /*community end*/
  .recomendedMatch li {
    min-width: 100%;
  }
  .myAccountSection h3 span {
    display: block;
    margin-bottom: 5px;
  }
  .myAccountSection h3 span.vLine {
    display: none;
  }
  .myAccountSection h3 {
    font-size: 18px;
  }
  .comunityBox ul li {
    font-size: 14px;
  }
  .videoHeading h4 a {
    bottom: 7px;
    font-size: 12px;
  }
  .mentorRightPan .customCol,
  .mentorRightPan .customCol.text-end {
    width: 100%;
    text-align: center !important;
  }
  .loginLeft,
  .loginRight {
    padding: 15px 15px 15px 15px;
  }
  .chatRow .chatPersonImg {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
  .chatRow.rightChat {
    padding-left: 45px;
  }
  .chatRow.leftChat {
    padding-right: 45px;
  }
  .chatText {
    padding: 8px;
    font-size: 12px;
  }
  .loginLeft label,
  .forgetPass {
    font-size: 13px;
  }
  .teamHold h5 {
    font-size: 16px;
  }
  .videoPlay2 {
    height: 45px;
    width: 45px;
  }
  .mb-6.heading2 {
    margin-bottom: 20px !important;
  }
  .testimonialBox .d-flex {
    flex-direction: column;
  }
  .testiDes {
    padding-left: 0;
    width: 100%;
    text-align: center;
  }
  .testiName {
    padding-left: 0;
    min-height: 0px;
    margin-bottom: 0px;
    background-position: center 10px;
    padding-top: 0px;
  }
  .countBox {
    padding: 25px 15px;
    width: 95%;
    margin-left: 2.5%;
  }
  .homeCateSelect {
    width: 100%;
    margin-left: 0;
    flex-direction: column;
  }
  .countBox h4 {
    font-size: 17px;
  }
  .testimonialSec {
    padding-top: 50px;
  }
  .bannerTop p {
    font-size: 12px;
  }
  .bannerText h2 {
    font-size: 60px;
    line-height: 55px;
  }
  .bannerText h1 {
    font-size: 23px;
  }
  .teamSec .btn-secondary {
    padding: 23px 40px 23px 40px;
    width: 100%;
  }
  .btnFinishForm {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
  }
  .bannerText br {
    display: none;
  }
  .rightAccPanel .nav-item {
    margin-right: 5px !important;
  }
  .rightAccPanel .nav-tabs {
    padding-left: 10px;
  }
  .rightAccPanel .aboutSec .nav-tabs {
    padding-left: 0px;
  }
  .bannerSec .changePic {
    right: 25px;
    bottom: 110px;
  }
  button#nextBtn,
  button#skipBtn,
  button#prevBtn {
    font-size: 12px;
  }
  button#skipBtn {
    font-size: 12px;
    padding: 10px 5px 10px 0px;
  }
  .prevBtn.btn {
    font-size: 12px;
    padding: 10px 10px;
    padding-left: 25px !important;
    letter-spacing: 0;
  }
  .nextBtn.btn {
    font-size: 12px;
    padding: 10px 10px;
    letter-spacing: 0px;
  }
  #regForm {
    padding: 35px 0px !important;
  }
  .prevBtn::after {
    left: 9px;
  }
  .nextBtn::after {
    right: 9px;
  }
  .stepRegForm .btnFinishForm {
    margin-top: 0px !important;
  }
  .location-edit,
  .timezone-edit {
    left: inherit !important;
  }
  .comImg {
    height: 90px;
    width: 90px;
  }
  .comRow .comsingleImg {
    width: 31%;
    min-width: 80px;
  }
  .blockWrapMiddle {
    min-width: 200px;
  }
  .view-booking-Details th,
  .view-booking-Details td {
    font-size: 12px;
    padding: 6px 7px !important;
  }
  .testimonialBox {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 474px) {
  #view-booking .modal-lg {
    max-width: 100%;
    margin-left: 0;
  }
  .bookingDetailsRight {
    width: 100%;
  }
  .bookingFullName {
    font-size: 22px;
  }
  .catSliderListing .slick-prev {
    left: -28px;
  }
  .catSliderListing .slick-next {
    right: -40px;
  }
  .catSubListing.subMenuSlider .slider {
    width: calc(100% - 64px) !important;
    margin: 0px 26px !important;
  }
  .catSliderListing .slick-prev,
  .catSliderListing .slick-next {
    width: 37px;
    height: 37px;
  }
  .subMenuSlider .slider {
    padding: 12px 26px;
  }
  .footerContainer,
  .headerContainer {
    padding-left: 15px;
    padding-right: 15px;
  }
  .activeProfileDropdownWrap {
    right: 60px;
  }
  .oneThird {
    padding: 12px 12px !important;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 13px !important;
  }
  .bannerText {
    top: calc(50% - 190px);
  }
}
@media (max-width: 450px) {
  .calendar-help-pop .nav-link {
    padding: 12px 6px !important;
  }
  .bookingModalHeading {
    font-size: 16px;
  }
  .selectedDate {
    border-radius: 6px;
    padding: 12px 12px 12px 35px;
    font-size: 13px;
  }
  .selectedDate .editDate {
    right: 12px;
    font-size: 13px;
  }
  .bookingModalHeading {
    padding-bottom: 15px;
  }
  .selectedDate .material-icons {
    left: 7px;
  }
  .selectedDate {
    margin-bottom: 15px;
  }
  #requestFroBooking .btn {
    font-size: 13px;
    padding: 9px 19px;
  }
  .blockWrapMiddle {
    min-width: 180px;
  }
  .bannerText h2 {
    font-size: 50px;
    line-height: 45px;
  }
  .bannerText h1 {
    font-size: 19px;
  }
}
@media (max-width: 400px) {
  .notificationBell + .dropdown-menu[data-bs-popper].activeProfileDropdown {
    width: 280px;
  }
  .activeProfileDropdown a.dropdown-item {
    max-width: 240px;
  }
  .uploadResumeBox .placeholdFile {
    font-size: 14px;
  }
  .editedFileName {
    max-width: 180px;
  }
  .rightAccPanel .uploadResumeBox .material-icons {
    top: -43px;
  }
  .calendar-help-pop .nav-item {
    width: 90%;
  }
  .calendar-help-pop .nav-link.active {
    background-color: #2eb6b8;
    color: #fff;
    border-color: #2eb6b8;
  }
  .calendar-help-pop .nav-item {
    width: calc(80% - 4px);
    text-align: center;
    margin: 5px;
  }
  .calendar-help-pop .nav-link {
    padding: 13px 6px !important;
    font-size: 11px;
    width: 100%;
    border-radius: 40px;
    border: 1px solid #2eb6b8;
    color: #2eb6b8;
  }
  .calendar-help-pop .nav-link::after {
    display: none;
  }
  .calendar-help-pop #pills-tab {
    padding-bottom: 15px;
    padding-top: 15px;
  }
  #overrideCalendar .slotBookingBtnGroup .deleteTimeSlotRow {
    top: 7px !important;
    right: 55px;
    font-size: 20px !important;
  }
  #overrideCalendar #availability-option .timeBetweenRow .form-control {
    width: 80px;
    font-size: 13px;
    padding-left: 8px;
    padding-right: 8px;
  }
  #overrideCalendar .slotBookingBtnGroup .addTimeSlotRow {
    right: 12px;
  }
  .loginRightCol label.rememberLebel,
  .loginForm .customCol.forgorPassLabel {
    text-align: left !important;
  }
  .loginRightCol .form-group.rememberCheck {
    margin-bottom: 0px !important;
  }
  #availableSlots .timeTab {
    font-size: 11px;
  }
  .fc-agendaWeek-button,
  .fc-agendaDay-button {
    display: none;
  }
  .filterMenuHeading {
    padding-right: 18px;
  }
  .searchCountryList .select2-results__option {
    padding: 10px 10px;
  }
  .select2-container--default:not(.homeDropDown) .select2-results__option {
    font-size: 13px;
  }
  .homeFaqSec .nav-pills .nav-link {
    padding: 8px 8px;
    font-size: 12px;
  }
  .btn {
    font-size: 14px;
    padding: 12px 20px;
  }
  .btn.btnThin {
    padding: 7px 30px;
  }
  #calendar .fc-col-header-cell {
    padding: 5px 3px;
    font-size: 13px;
  }
  .editProfileDes p {
    font-size: 13px;
  }
  .teamHold {
    margin: 0px 30px;
  }
  .loginForm .customCol,
  .mentorBox .customCol {
    width: 100%;
    text-align: center !important;
  }
  .mentorSection .alert b {
    margin-left: 0px;
    text-align: center;
  }
  .iconInfo {
    margin-right: 0;
  }
  .mentorSection .alert {
    padding: 17px 10px;
  }
  .stepwizard-step .btn {
    padding: 0px !important;
  }
  .comImg {
    height: 70px;
    width: 70px;
  }
  .bannerCaption h1 {
    line-height: 45px;
  }
  .blockWrapMiddle {
    min-width: 150px;
  }
  .bannerTip {
    margin-bottom: 30px;
  }
}
@media (max-width: 320px) {
  .heading2 {
    font-size: 25px;
    line-height: 30px;
  }
  .teamHold {
    margin: 0px 10px;
  }
  .comRow .comsingleImg {
    width: 48%;
  }
}/*# sourceMappingURL=style.css.map */