@charset "UTF-8";
/**
 * Theme: Yeti
 * Available themes: http://bootswatch.com/
 */
.grecaptcha-badge {
  visibility: hidden;
}

a:focus,
a.focus,
a:active:focus,
a:active.focus,
a.active:focus,
a.active.focus {
  outline: none;
  outline-offset: 0;
}

.d-flex {
  display: inline-flex;
}

li, p {
  font-family: "Source Serif Pro", serif;
}
li a, p a {
  font-family: "Source Serif Pro", serif;
}

ul {
  list-style-image: none;
  padding-left: 20px;
}

ul,
ol {
  position: relative;
}
ul li,
ol li {
  position: relative;
  padding-bottom: 8px;
}

.serif-font {
  font-family: "Source Serif Pro", serif !important;
}
.serif-font a {
  font-family: "Source Serif Pro", serif !important;
}

.sans-serif-font {
  font-family: "Source Sans Pro", sans-serif !important;
}
.sans-serif-font a {
  font-family: "Source Sans Pro", sans-serif !important;
}

body {
  font-size: 16px;
}

body, a, span, h1, h2, h3, h4 {
  font-family: "Source Sans 3", sans-serif;
}

p {
  font-size: 16px;
  line-height: 28px;
}

h1 {
  font-size: 36px;
  font-weight: 900;
}

h2 {
  font-size: 28px;
  font-weight: 900;
}

h2.light {
  font-weight: normal;
  margin: 10px 0;
}

h3 {
  font-size: 18px;
  font-weight: 400;
}

h4 {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

strong {
  font-weight: 600;
}

a {
  color: #4FA3FD;
  font-weight: 400;
  cursor: pointer;
}
a:hover, a:focus, a:active {
  text-decoration: none;
  color: #2189E6;
}

b {
  font-weight: 600;
}

body, p {
  color: #262626;
}

.alert p {
  color: #fff;
}

.semi-bold {
  font-weight: 600 !important;
}

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

.no-padding {
  padding: 0 !important;
}

.fullscreen-modal.in, .fullscreen-modal.show {
  display: flex !important;
  align-items: flex-start;
  justify-content: center;
  min-height: 100vh;
  padding: 30px 0 !important;
  overflow-y: auto;
}
.fullscreen-modal .modal-dialog {
  width: 80%;
  max-height: calc(100vh - 60px);
  height: 100%;
  background-color: #fff;
  margin: 0 auto;
  border-radius: 16px;
  outline: 4px solid #E8E2E2;
  outline-offset: -4px;
  overflow: hidden;
}
@media (max-width: 576px) {
  .fullscreen-modal .modal-dialog {
    width: 95%;
    max-height: 100%;
    height: 100%;
  }
  .fullscreen-modal .modal-dialog .modal-content-wrapper {
    width: 100%;
    max-width: 100%;
  }
}
.fullscreen-modal .modal-dialog .close-modal {
  outline: none;
  padding: 0;
  background: none;
  border: none;
  position: absolute;
  right: 25px;
  top: 20px;
  opacity: 1;
  z-index: 99;
}
.fullscreen-modal .modal-dialog .close-modal span {
  display: inline-block;
  background-image: url("../images/close.png");
  background-size: cover;
  height: 24px;
  width: 24px;
}

.page-about-row {
  background-image: url("../images/mentors_page_background.png");
  background-size: cover;
  background-position: center center;
  margin-top: 10px;
}
.page-about-row .about-content {
  padding: 40px 0;
}
.page-about-row .about-content h2 {
  margin: 0;
  margin-bottom: 15px;
}

.section-margin {
  margin-top: 30px;
  margin-bottom: 30px;
}
.section-margin.about-section p a {
  display: flex;
  min-height: 65px;
  padding-top: 12px;
  padding-left: 70px;
  position: relative;
  width: 100%;
}
.section-margin.about-section p a img {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 106px;
  margin-right: 0 !important;
}

.alert {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
}

.alert-info {
  background-color: #4FA3FD;
  border: none;
}

.tooltip.in {
  opacity: 1;
}
.tooltip .tooltip-inner {
  background-color: #4FA3FD;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #4FA3FD;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #4FA3FD;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #4FA3FD;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #4FA3FD;
}

@media (max-width: 992px) {
  .page-about-row {
    height: unset !important;
  }
  .page-about-row .artwork-right, .page-about-row .artwork-left {
    display: none;
  }
}
.association-icons {
  position: absolute;
  bottom: 12px;
  right: 12px;
  height: 36px;
  min-width: 36px;
}
.association-icons .association-icon {
  display: inline-block;
  height: 36px;
  width: 36px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.association-icons .association-icon:hover {
  cursor: help;
}
.association-icons .ism-icon {
  background-image: url("../images/ism_logo.png");
}
.association-icons .vu-icon {
  background-image: url("../images/vu_logo.png");
}
.association-icons .pwc-icon {
  background-image: url("../images/pwc_logo.png");
}
.association-icons .vgtu-icon {
  background-image: url("../images/vgtu_logo.png");
  width: 72px;
}
.association-icons .vdu-icon {
  background-image: url("../images/vdu_logo.png");
}
.association-icons .icf-icon {
  background-image: url("../images/icf_logo.png");
}
.association-icons .km-icon {
  background-image: url("../images/km_logo.png");
}
.association-icons .wow-icon {
  background-image: url("../images/wo-w-logo.png");
  height: 36px;
  width: 54px;
}
.association-icons .mru-icon {
  background-image: url("../images/mru_logo.png");
  width: 87px;
}
.association-icons .lsmu-icon {
  background-image: url("../images/lsmu_logo.png");
  width: 36px;
}
.association-icons .idialogue-badge {
  background-image: url("../images/idialogue-badge-icon.png");
  background-size: contain;
}
.association-icons div ~ div {
  margin-left: 10px;
}

.mentors-wrapper .pagination,
.course-section .pagination,
.employer-section .pagination,
.job-section .pagination {
  display: inline-block;
  position: relative;
  margin: 30px 0 45px 0;
  height: 44px;
}
@media (max-width: 576px) {
  .mentors-wrapper .pagination,
  .course-section .pagination,
  .employer-section .pagination,
  .job-section .pagination {
    margin: 0 0 16px 0;
  }
  .mentors-wrapper .pagination ul,
  .course-section .pagination ul,
  .employer-section .pagination ul,
  .job-section .pagination ul {
    margin: 0;
  }
}
.mentors-wrapper .pagination li,
.course-section .pagination li,
.employer-section .pagination li,
.job-section .pagination li {
  display: inline-block;
  position: relative;
  height: 44px;
}
.mentors-wrapper .pagination li a,
.course-section .pagination li a,
.employer-section .pagination li a,
.job-section .pagination li a {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  border: 2px solid #4FA3FD;
  padding: 13px 0 13px 0;
  line-height: 14px;
  font-size: 14px;
  font-family: "Source Sans Pro", sans-serif;
  background-color: #fff;
  color: #4FA3FD;
}
.mentors-wrapper .pagination li.active a,
.course-section .pagination li.active a,
.employer-section .pagination li.active a,
.job-section .pagination li.active a {
  background-color: #4FA3FD;
  color: #fff;
}
.mentors-wrapper .pagination li.chevron a,
.course-section .pagination li.chevron a,
.employer-section .pagination li.chevron a,
.job-section .pagination li.chevron a {
  background: none;
  border: none;
  padding: 11px 4px 11px 4px;
  text-align: center;
}
.mentors-wrapper .pagination li.chevron a span,
.course-section .pagination li.chevron a span,
.employer-section .pagination li.chevron a span,
.job-section .pagination li.chevron a span {
  display: inline-block;
  height: 22px;
  width: 12px;
  background-size: cover;
  background-position: center center;
}
.mentors-wrapper .pagination li.chevron a span.forward-chevron-blue,
.course-section .pagination li.chevron a span.forward-chevron-blue,
.employer-section .pagination li.chevron a span.forward-chevron-blue,
.job-section .pagination li.chevron a span.forward-chevron-blue {
  background-image: url("../images/forward_chevron_blue.png");
  margin-left: 12px;
}
.mentors-wrapper .pagination li.chevron a span.back-chevron-blue,
.course-section .pagination li.chevron a span.back-chevron-blue,
.employer-section .pagination li.chevron a span.back-chevron-blue,
.job-section .pagination li.chevron a span.back-chevron-blue {
  background-image: url("../images/back_chevron_blue.png");
  margin-right: 12px;
}
@media (max-width: 576px) {
  .mentors-wrapper .pagination li a,
  .course-section .pagination li a,
  .employer-section .pagination li a,
  .job-section .pagination li a {
    width: 36px;
    height: 36px;
    line-height: 7px;
  }
  .mentors-wrapper .pagination li.chevron a span.forward-chevron-blue, .mentors-wrapper .pagination li.chevron a span.back-chevron-blue,
  .course-section .pagination li.chevron a span.forward-chevron-blue,
  .course-section .pagination li.chevron a span.back-chevron-blue,
  .employer-section .pagination li.chevron a span.forward-chevron-blue,
  .employer-section .pagination li.chevron a span.back-chevron-blue,
  .job-section .pagination li.chevron a span.forward-chevron-blue,
  .job-section .pagination li.chevron a span.back-chevron-blue {
    height: 17px;
    width: 9px;
    margin-left: 0;
  }
}

.text-vu {
  color: #78003f;
}

.spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.spinner:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: spinner-dual-ring 1.2s linear infinite;
}

@keyframes spinner-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.mentors-list {
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  min-height: 650px;
  margin-bottom: 50px;
}
.mentors-list.blue {
  background-color: #4FA3FD;
}
.mentors-list.gray h2 {
  color: #515151;
}
.mentors-list.black h2 {
  color: #000;
  font-size: 36px;
  font-family: "Source Sans 3";
  font-weight: 800;
}
.mentors-list h2 {
  margin-top: 60px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
}
@media (max-width: 768px) {
  .mentors-list h2 {
    margin-top: 20px;
  }
}
.mentors-list .btn {
  margin-top: 30px;
  margin-bottom: 65px;
  min-width: 186px;
}
.mentors-list .mentors-button {
  width: auto;
  min-width: 207px;
  height: 42px;
  color: #fff;
  border-radius: 22px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #2189E6;
  margin-right: 20px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
  box-shadow: none;
}
.mentors-list .mentors-button:hover {
  background-color: #2189E6;
}
@media (max-width: 768px) {
  .mentors-list .mentors-button {
    width: 100%;
  }
}
.mentors-list .mentor-inactive-tooltip {
  display: block;
  font-size: inherit;
}
.mentors-list .mentor-inactive-tooltip .mentor:hover {
  border: 1px solid #89C2FF;
  box-shadow: none;
}
.mentors-list .mentor-inactive-tooltip .mentor:hover .full-name {
  color: #262626;
}
.mentors-list .mentor-inactive-tooltip .mentor:hover .mentor-info {
  display: block;
}
.mentors-list .mentor-inactive-tooltip .mentor:hover .mentor-description {
  display: none;
}
.mentors-list .mentor {
  position: relative;
  color: #262626;
  background-color: #fff;
  height: 410px;
  margin-bottom: 25px;
  overflow: hidden;
  border: 1px solid #4FA3FD;
}
.mentors-list .mentor.gray-border {
  border-color: #DBDBDB;
}
.mentors-list .mentor.gray-border:hover {
  border-color: #89C2FF;
  box-shadow: none;
}
.mentors-list .mentor .background-image {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 85.5%;
  background-size: cover;
  background-position: center center;
  margin-bottom: 10px;
}
.mentors-list .mentor .background-image .association-icons {
  position: absolute;
  bottom: 8px;
  right: 8px;
  height: 30px;
  min-width: 30px;
}
.mentors-list .mentor .background-image .association-icons .association-icon {
  display: inline-block;
  height: 30px;
  width: 30px;
}
.mentors-list .mentor .background-image .association-icons .vdu-icon {
  height: 23px;
  width: 54px;
}
.mentors-list .mentor .background-image .association-icons .vgtu-icon {
  width: 60px;
}
.mentors-list .mentor .background-image .association-icons .mru-icon {
  width: 73px;
}
.mentors-list .mentor .background-image .association-icons .wow-icon {
  height: 30px;
  width: 45px;
}
.mentors-list .mentor .background-image .association-icons div ~ div {
  margin-left: 10px;
}
.mentors-list .mentor .background-image .favorite-indicator {
  position: absolute;
  left: 10px;
  background: #f8f6f1;
  top: 5px;
  width: 30px;
  border-radius: 50%;
  height: 30px;
}
.mentors-list .mentor .background-image .favorite-indicator .favorite-mentor-tile {
  vertical-align: sub;
  color: #fb825c;
  margin-top: 9px;
  margin-left: 1px;
}
.mentors-list .mentor .background-image .activity-indicator {
  position: absolute;
  top: 8px;
  right: 8px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}
.mentors-list .mentor .background-image .activity-indicator {
  background-color: #84CF36;
}
.mentors-list .mentor .background-image.inactive {
  opacity: 0.5;
}
.mentors-list .mentor .background-image.inactive .activity-indicator {
  background-color: #262626;
}
.mentors-list .mentor .full-name {
  font-size: 18px;
  font-weight: 600;
  padding-top: 10px;
  padding-left: 4px;
  padding-right: 4px;
}
.mentors-list .mentor .mentor-info {
  padding: 0 10px 10px 10px;
}
.mentors-list .mentor .mentor-info .rating {
  margin: 5px 0;
  min-height: 22px;
}
.mentors-list .mentor .mentor-info .rating span {
  background-image: url("../images/star.png");
  display: inline-block;
  height: 10px;
  width: 11px;
  background-size: cover;
  background-position: center center;
  margin: 0 2px;
  padding: 6px;
}
.mentors-list .mentor .mentor-info .position {
  position: relative;
  height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mentors-list .mentor .mentor-info .company {
  position: relative;
  height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mentors-list .mentor .mentor-info .city {
  position: relative;
  height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #7B7B7B;
}
.mentors-list .mentor .mentor-info .area {
  position: relative;
  height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  color: #4FA3FD;
}
.mentors-list .mentor .mentor-description {
  display: none;
  padding: 15px 20px 20px 20px;
}
.mentors-list .mentor:hover {
  border: 1px solid #89C2FF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.mentors-list .mentor:hover .full-name {
  color: #4FA3FD;
}
.mentors-list .mentor:hover .mentor-info {
  display: none;
}
.mentors-list .mentor:hover .mentor-description {
  display: block;
}
.mentors-list .mentor.no-description:hover .mentor-info {
  display: block;
}
.mentors-list .mentor.no-description:hover .mentor-description {
  display: none;
}
.mentors-list.mentors-list-integrated {
  min-height: unset;
}
.mentors-list.mentors-list-integrated h2 {
  margin: 20px 0;
}
.mentors-list .mentors-cards-list {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  row-gap: 25px;
  margin: 0 0 25px;
}
.mentors-list .mentors-cards-list::after, .mentors-list .mentors-cards-list::before {
  display: none;
  content: none;
}
.mentors-list .mentors-cards-list .mentors-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 25%;
  padding-right: 4px;
  padding-left: 4px;
}
.mentors-list .mentors-cards-list .mentors-column .mentor-inactive-tooltip {
  display: block;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}
.mentors-list .mentors-cards-list .mentors-column .mentor-wrap {
  display: block;
  width: 100%;
  height: 100%;
}
.mentors-list .mentors-cards-list .mentors-column .mentor-wrap .mentor {
  height: 100%;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .mentors-list .mentors-cards-list .mentors-column .mentor-wrap .mentor {
    padding-bottom: 10px;
    min-height: 370px;
  }
}
@media (min-width: 1200px) {
  .mentors-list .mentors-cards-list .mentors-column .mentor-wrap .mentor {
    padding-bottom: 10px;
    min-height: 410px;
  }
}
.mentors-list .mentors-cards-list .mentors-column .mentor-wrap .mentor .mentor-info-wrap {
  display: block;
  width: 100%;
  position: relative;
}
.mentors-list .mentors-cards-list .mentors-column .mentor-wrap .mentor .mentor-description {
  opacity: 0;
  display: block;
}
.mentors-list .mentors-cards-list .mentors-column .mentor-wrap .mentor .mentor-info {
  display: block;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.mentors-list .mentors-cards-list .mentors-column .mentor-wrap .mentor:hover .mentor-description {
  opacity: 1;
}
.mentors-list .mentors-cards-list .mentors-column .mentor-wrap .mentor:hover .mentor-info {
  opacity: 0;
}
@media (max-width: 992px) {
  .mentors-list .mentors-cards-list .mentors-column .mentor-wrap .mentor .mentor-description {
    opacity: 0;
    display: none;
  }
  .mentors-list .mentors-cards-list .mentors-column .mentor-wrap .mentor .mentor-info {
    display: block;
    opacity: 1;
    position: static;
  }
  .mentors-list .mentors-cards-list .mentors-column .mentor-wrap .mentor:hover .mentor-description {
    opacity: 0;
    display: none;
  }
  .mentors-list .mentors-cards-list .mentors-column .mentor-wrap .mentor:hover .mentor-info {
    display: block;
    opacity: 1;
  }
}
@media (max-width: 991.98px) {
  .mentors-list .mentors-cards-list .mentors-column {
    flex-basis: 50%;
  }
}

.testimonials {
  background-color: #F8F6F1;
  position: relative;
}
.testimonials .left-quote, .testimonials .right-quote {
  width: 209px;
  height: 183px;
  background-size: cover;
  background-position: center center;
  position: absolute;
}
.testimonials .left-quote {
  background-image: url("../images/quote_left.png");
  top: -40px;
  left: 5%;
}
.testimonials .right-quote {
  background-image: url("../images/quote_right.png");
  bottom: -40px;
  right: 5%;
}
.testimonials #testimonialCarousel, .testimonials .testimonialCarousel {
  margin-bottom: 90px;
}
.testimonials #testimonialCarousel .carousel-indicators, .testimonials .testimonialCarousel .carousel-indicators {
  box-sizing: border-box;
  top: 20px;
  bottom: unset;
}
.testimonials #testimonialCarousel .carousel-indicators li, .testimonials .testimonialCarousel .carousel-indicators li {
  background-color: #D8D8D8;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border: 1px solid #F8F6F1;
}
.testimonials #testimonialCarousel .carousel-indicators li.active, .testimonials .testimonialCarousel .carousel-indicators li.active {
  border: none;
  background-color: #4FA3FD;
  width: 12px;
  height: 12px;
}
.testimonials #testimonialCarousel .carousel-inner, .testimonials .testimonialCarousel .carousel-inner {
  top: 70px;
}
.testimonials #testimonialCarousel .carousel-inner .image, .testimonials .testimonialCarousel .carousel-inner .image {
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  height: 160px;
  width: 160px;
}
.testimonials #testimonialCarousel .carousel-inner .quote, .testimonials .testimonialCarousel .carousel-inner .quote {
  font-size: 32px;
  line-height: 38px;
}
.testimonials #testimonialCarousel .carousel-inner .author, .testimonials .testimonialCarousel .carousel-inner .author {
  font-family: "Source Sans Pro";
  font-size: 16px;
  margin-top: 40px;
  font-weight: 600;
}

.blog-post-section {
  background-color: #F8F6F1;
}
.blog-post-section h2 {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 70px;
  font-size: 18px;
  margin-bottom: 30px;
}
.blog-post-section .post-1, .blog-post-section .post-2, .blog-post-section .post-3 {
  margin: 10px;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.blog-post-section .post-1 .post-info, .blog-post-section .post-2 .post-info, .blog-post-section .post-3 .post-info {
  position: absolute;
  padding: 15px;
  background-color: #fff;
  left: -1px;
  line-height: 24px;
  color: #262626;
  font-weight: 400;
  line-height: 30px;
}
.blog-post-section .post-1 .post-info .author, .blog-post-section .post-2 .post-info .author, .blog-post-section .post-3 .post-info .author {
  font-size: 16px;
  font-weight: 600;
}
.blog-post-section .post-1 .post-info .author span, .blog-post-section .post-2 .post-info .author span, .blog-post-section .post-3 .post-info .author span {
  background-color: #4FA3FD;
  color: #fff;
  border-radius: 5px;
  padding: 2px 5px;
  margin-left: 5px;
  font-size: 14px;
  font-weight: 400;
}
.blog-post-section .post-1 .post-info .author span:hover, .blog-post-section .post-2 .post-info .author span:hover, .blog-post-section .post-3 .post-info .author span:hover {
  color: #fff;
}
.blog-post-section .post-1 .post-info a, .blog-post-section .post-2 .post-info a, .blog-post-section .post-3 .post-info a {
  color: #262626;
}
.blog-post-section .post-1 .post-info a .title, .blog-post-section .post-2 .post-info a .title, .blog-post-section .post-3 .post-info a .title {
  font-size: 18px;
  font-weight: 600;
}
.blog-post-section .post-1 .post-info a span, .blog-post-section .post-2 .post-info a span, .blog-post-section .post-3 .post-info a span {
  color: #4FA3FD;
  font-weight: 400;
  font-size: 14px;
}
.blog-post-section .post-1 .post-info a span:hover, .blog-post-section .post-2 .post-info a span:hover, .blog-post-section .post-3 .post-info a span:hover {
  color: #2189E6;
}
.blog-post-section .post-1 {
  height: 516px;
}
.blog-post-section .post-1 .post-info {
  right: 20px;
  top: 30px;
}
.blog-post-section .post-2 {
  height: 247px;
}
.blog-post-section .post-2 .post-info {
  right: 50px;
  bottom: 20px;
}
.blog-post-section .post-3 {
  height: 247px;
}
.blog-post-section .post-3 .post-info {
  right: 10px;
  bottom: 30px;
}
.blog-post-section .more {
  margin-top: 30px;
  margin-bottom: 50px;
}
.blog-post-section .more a {
  display: inline-block;
  font-weight: 600;
}

.partnersRow {
  background-color: #f8f8f8;
}
.partnersRow .partners .partners-item {
  display: block;
  margin: 15px 7px 15px 7px;
}
.partnersRow .image {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 40%;
}

.about-page-layout .partners .partners-item {
  display: block;
  margin: 15px 7px 15px 7px;
}
.about-page-layout .partners .partners-item .image {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 40%;
}

.become-mentee-content .header-section {
  display: flex;
  justify-content: center;
  padding-top: 96px;
  padding-bottom: 96px;
}
@media (max-width: 768px) {
  .become-mentee-content .header-section {
    justify-content: left;
    flex-wrap: wrap-reverse;
    gap: 32px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.become-mentee-content .header-section h2 {
  margin-top: 0;
  margin-bottom: 20px;
  text-align: left;
  font-size: 36px;
  font-family: "Source Sans 3", sans-serif;
}
.become-mentee-content .header-section .heading-image {
  width: 60%;
}
.become-mentee-content .header-section .heading-image img {
  float: left;
}
.become-mentee-content .header-section .heading-content {
  width: 50%;
}
@media (max-width: 768px) {
  .become-mentee-content .header-section .heading-content {
    width: 100%;
  }
}
.become-mentee-content .header-section .heading-content .subheading-text p {
  max-width: 473px;
}
.become-mentee-content .header-section .heading-content .buttons .mentor-button {
  width: auto;
  min-width: 207px;
  height: 42px;
  color: #fff;
  border-radius: 22px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #2189E6;
  margin-right: 20px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
}
.become-mentee-content .header-section .heading-content .buttons .mentor-button:hover {
  background-color: #2189E6;
}
.become-mentee-content .header-section .heading-content .buttons .mentor-info-button {
  display: inline-block;
  padding: 18px 17px;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
}
.become-mentee-content .header-section .heading-content .buttons .mentor-info-button {
  padding-left: 15px;
}
.become-mentee-content .header-section .heading-content .buttons .mentee-button {
  width: auto;
  min-width: 213px;
  height: 42px;
  color: #fff;
  border-radius: 22px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #4FA3FD;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin: 15px 20px 15px 0;
}
.become-mentee-content .header-section .heading-content .buttons .mentee-button:hover {
  color: #fff;
  background-color: #2189E6;
}
@media (max-width: 768px) {
  .become-mentee-content .header-section .heading-content .buttons .mentee-button {
    width: 100%;
  }
}
.become-mentee-content .header-section .heading-content .buttons .mentee-info-button {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 15px;
  padding: 18px 10px;
  text-align: center;
  font-size: 15px;
  line-height: 15px;
}
@media (max-width: 768px) {
  .become-mentee-content .header-section .heading-content .buttons .mentee-info-button {
    display: flex;
    justify-content: center;
  }
}

.become-mentee,
.upload-job-offer {
  margin-bottom: 70px;
  margin-top: 70px;
}
.become-mentee .row,
.upload-job-offer .row {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 80%;
}
.become-mentee h2,
.upload-job-offer h2 {
  font-size: 36px;
  margin-bottom: 20px;
  margin-top: 0;
  text-align: left;
  font-family: "Source Sans 3", sans-serif;
}
.become-mentee p,
.upload-job-offer p {
  margin-bottom: 15px;
  max-width: 490px;
}
.become-mentee .mentee-button,
.upload-job-offer .mentee-button {
  width: auto;
  min-width: 213px;
  height: 42px;
  color: #fff;
  border-radius: 22px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #4FA3FD;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin: 15px 20px 15px 0;
}
.become-mentee .mentee-button:hover,
.upload-job-offer .mentee-button:hover {
  color: #fff;
  background-color: #2189E6;
}
.become-mentee .mentee-info-button,
.upload-job-offer .mentee-info-button {
  display: inline-block;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 18px 10px;
  text-align: center;
  font-size: 15px;
  line-height: 15px;
}

.alert.alert-danger ul {
  padding-right: 50px;
}
.alert.alert-danger p {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.89px;
}
.alert.alert-danger button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-size: 36px;
  opacity: 1;
}
.alert.alert-danger .validation-icon {
  background-image: url("../images/group-5.png");
  height: 23px;
  margin-right: 12px;
  margin-top: 3px;
  display: inline-block;
  width: 26px;
  background-size: cover;
  background-position: center center;
  vertical-align: bottom;
}
.alert.alert-danger .close-validation {
  background-image: url("../images/close_white_basic.png");
  height: 24px;
  margin-right: 12px;
  margin-top: 3px;
  display: inline-block;
  width: 24px;
  background-size: cover;
  vertical-align: bottom;
  float: right;
  display: block;
}

@media (max-width: 1300px) {
  .become-mentee .row, .upload-job-offer .row {
    background-position: 100%;
  }
}
@media (max-width: 1199px) {
  .become-mentee .row, .upload-job-offer .row {
    background-size: 50%;
  }
}
@media (max-width: 991.98px) {
  .mentors-page-layout .mentors-wrapper .row-mentors,
  .mentors-list {
    height: unset;
  }
  .mentors-page-layout .mentors-wrapper .row-mentors .btn,
  .mentors-list .btn {
    margin-bottom: 40px;
    margin-top: 15px;
  }
  .mentors-page-layout .mentors-wrapper .row-mentors .mentors-column:nth-child(even),
  .mentors-list .mentors-column:nth-child(even) {
    padding-left: 4px;
    padding-right: 0;
  }
  .mentors-page-layout .mentors-wrapper .row-mentors .mentors-column:nth-child(odd),
  .mentors-list .mentors-column:nth-child(odd) {
    padding-left: 0;
    padding-right: 4px;
  }
  .mentors-page-layout .mentors-wrapper .row-mentors .mentors-column .mentor,
  .mentors-list .mentors-column .mentor {
    margin-bottom: 8px;
  }
  .become-mentee,
  .upload-job-offer {
    margin-bottom: 50px;
    margin-top: 40px;
  }
  .become-mentee .row,
  .upload-job-offer .row {
    background-image: none !important;
  }
  .become-mentee .row .image,
  .upload-job-offer .row .image {
    display: block;
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 71%;
    margin: 40px 0;
  }
  .mentors-list {
    padding-top: 16px;
    padding-bottom: 8px;
  }
  .mentors-list .mentor {
    height: 500px;
  }
}
@media (max-width: 768px) {
  .become-mentee .mentor-button,
  .upload-job-offer .mentor-button {
    margin-top: 30px;
  }
  .become-mentee .mentee-button,
  .upload-job-offer .mentee-button {
    display: block;
    width: 100%;
    margin: 10px auto;
  }
  .become-mentee .mentee-info-button,
  .upload-job-offer .mentee-info-button {
    display: block;
    padding: 0;
  }
}
@media (max-width: 540px) {
  .mentors-list .mentor {
    height: 410px;
  }
}
.mx-15p {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.admin-layout form .form-group .dynamic_organization_list_item button.delete-org,
.account-layout form .form-group .dynamic_organization_list_item button.delete-org {
  background-image: url("../images/icon-delete.png");
  height: 25px;
  width: 25px;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  box-shadow: none;
  background-color: unset;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: calc(50% - 23px);
  right: -15px;
}
@media (max-width: 992px) {
  .admin-layout form .form-group .dynamic_organization_list_item button.delete-org,
  .account-layout form .form-group .dynamic_organization_list_item button.delete-org {
    top: 50%;
  }
}

.navbar-brand img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

lite-youtube {
  margin: auto;
}

.fake-input {
  font-size: 16px;
  border-radius: 5px;
  height: 51px;
  color: #7B7B7B;
  line-height: 36px;
  font-family: "Source Sans Pro", serif;
}

.change-email-input {
  position: relative;
  font-family: "Source Sans Pro", serif;
}
.change-email-input .change-email-button {
  position: absolute;
  top: 12px;
  right: 10px;
}
.change-email-input .change-email-button a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.change-email-input .change-email-button a .change-email-text {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #4FA3FD;
  margin-right: 10px;
}
@media (max-width: 576px) {
  .change-email-input .change-email-button a .change-email-text {
    display: none;
  }
}
.change-email-input .change-email-button a .change-email-icon {
  content: url("../images/icon-edit.svg");
}

.recommended-employers-cta-banner {
  background-color: #ffdc71;
}
.recommended-employers-cta-banner .header-section {
  display: flex;
  gap: 105px;
  justify-content: center;
}
@media (max-width: 768px) {
  .recommended-employers-cta-banner .header-section {
    justify-content: left;
    flex-wrap: wrap-reverse;
    gap: 32px;
  }
}
.recommended-employers-cta-banner .header {
  margin-top: 50px;
}
.recommended-employers-cta-banner .header h2 {
  font-size: 36px;
}
@media (max-width: 768px) {
  .recommended-employers-cta-banner .header {
    text-align: left;
  }
}
@media (max-width: 991px) {
  .recommended-employers-cta-banner .cta-link-container {
    display: flex;
    justify-content: center;
  }
}
.recommended-employers-cta-banner .employer-text {
  font-family: "Source Sans Pro";
  width: 406px;
}
.recommended-employers-cta-banner .image {
  background-image: url("../images/bullseye.png");
  bottom: 0;
  transform: translate(10%, 35%);
  width: 235px;
  height: 193px;
  background-size: cover;
}
@media (max-width: 768px) {
  .recommended-employers-cta-banner .image {
    text-align: left;
    transform: translate(0%, 25%);
  }
}
.recommended-employers-cta-banner .employers-button {
  width: auto;
  min-width: 207px;
  height: 42px;
  color: #fff;
  border-radius: 22px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #4FA3FD;
  margin-right: 20px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin-top: 37px;
  margin-bottom: 80px;
}
.recommended-employers-cta-banner .employers-button .employer-text {
  font-family: "Source Sans Pro";
  margin: 12px 30px;
}
.recommended-employers-cta-banner .employers-button:hover {
  background-color: #2189E6;
}
@media (max-width: 768px) {
  .recommended-employers-cta-banner .employers-button {
    width: 100%;
  }
}

.delete-profile-cta hr {
  margin-top: 0;
  border-top: 1px solid #E0D9CA;
}
.delete-profile-cta .container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 725px;
  flex-direction: column;
}
.delete-profile-cta button {
  font-family: "Source Sans Pro", sans-serif;
  border: none;
  background: transparent;
  padding: 14px 24px;
  text-transform: uppercase;
  color: #DA410D;
  border: 1px solid #DA410D;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.6px;
  margin-bottom: 5px;
  border-radius: 4px;
  text-align: center !important;
}
.delete-profile-cta p {
  font-family: "Source Serif Pro", sans-serif;
  max-width: 548px;
  font-size: 16px;
  color: #262626;
}
@media screen and (min-width: 992px) {
  .delete-profile-cta p {
    height: 15px;
    font-size: 15px;
    margin: 19.5px 0px 70.5px 0px;
  }
}

.idialogue-container {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 693px;
  margin: 0 auto;
}
@media (max-width: 991.92px) {
  .idialogue-container {
    max-width: 100%;
  }
}

.profile-employers {
  margin-top: 64px;
}
.profile-employers .container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 725px;
  flex-direction: column;
}

.profile-delete-header .container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 725px;
  flex-direction: column;
}

.wSuggestions_Title {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-transform: uppercase;
}
.wSuggestions_Title .rotated-mark {
  position: relative;
  display: inline-block;
  padding: 0.2em 0.4em;
  z-index: 1;
  margin-left: -10px;
}
.wSuggestions_Title .rotated-mark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFDC71;
  transform: rotate(-0.69deg);
  z-index: -1;
  transform-origin: center;
}

.wSuggestions_Employers {
  margin-bottom: 64px;
}
.wSuggestions_Employers .container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 725px;
  flex-direction: column;
}
.wSuggestions_Employers hr {
  margin-top: 0;
  margin-bottom: 32px;
  border-top: 1px solid #E0D9CA;
}
.wSuggestions_Employers .wSuggestions_Description {
  margin: 20px 0;
  color: #262626;
  font-family: "Source Serif Pro", serif;
}
.wSuggestions_Employers a {
  padding: 14px 26.5px;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
}
.wSuggestions_Employers a:hover {
  background-color: #ff6f41;
}
.wSuggestions_Employers .mentor-button {
  display: block;
  max-width: 180px;
  height: 42px;
  border-radius: 22px;
  padding-top: 11px;
  padding-bottom: 12px;
  color: #2189E6;
  border: 2px solid #2189E6;
  background-color: #ffffff;
  margin-right: 20px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 15px;
}
.wSuggestions_Employers .mentor-button:hover {
  color: #2189E6;
  border: 2px solid #2189E6;
  background-color: #ffffff;
}

.posts-list .post-wrapper {
  display: flex;
  margin: 0 0 30px 0;
}
@media (max-width: 768px) {
  .posts-list .post-wrapper {
    flex-direction: column;
  }
}
.posts-list .post-wrapper .post-date {
  color: #d8d8d8;
  padding: 0 30px 0 0;
  font-size: 32px;
  font-family: "Source Serif Pro", serif;
  font-weight: 700;
}
.posts-list .post-wrapper .post-date .post-date-wrapper {
  margin-top: 36px;
}
@media (max-width: 576px) {
  .posts-list .post-wrapper .post-date .post-date-wrapper {
    margin-top: 0;
  }
}
.posts-list .post-wrapper .author {
  font-family: "Source Sans Pro";
  font-weight: 600;
  margin-bottom: 10px;
  height: 30px;
}
@media (max-width: 576px) {
  .posts-list .post-wrapper .author {
    height: auto;
  }
}
.posts-list .post-wrapper .author span {
  background-color: #4FA3FD;
  color: #fff;
  border-radius: 5px;
  padding: 2px 5px;
  margin-left: 5px;
  font-size: 14px;
  font-weight: 400;
}
.posts-list .post-wrapper .author span:hover {
  color: #fff;
}
.posts-list .post-wrapper .post-title {
  color: #262626;
  font-weight: 700;
  font-size: 28px;
  line-height: normal;
  margin-bottom: 10px;
  font-family: "Source Sans Pro";
}
@media (max-width: 576px) {
  .posts-list .post-wrapper .post-title {
    font-size: 24px;
  }
}
.posts-list .post-wrapper .post-excerpt {
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .posts-list .post-wrapper .post-excerpt {
    font-size: 15px;
  }
}
.posts-list .post-wrapper .post-link a {
  display: flex;
  align-items: center;
}
@media (max-width: 576px) {
  .posts-list .post-wrapper .post-link a {
    font-size: 14px;
  }
}
.posts-list .post-wrapper .post-link a .arrow-right {
  margin-left: 10px;
  display: flex;
  align-items: center;
}
@media (max-width: 576px) {
  .posts-list .post-wrapper .post-link a .arrow-right {
    margin-left: 6px;
  }
}
.posts-list .post-wrapper .post-link a .arrow-right:before {
  content: "›";
  display: flex;
  align-items: center;
  width: 20px;
  height: 20px;
  color: #4fa3fd;
  font-size: 30px;
  line-height: 0;
  position: relative;
  bottom: 4px;
}
@media (max-width: 576px) {
  .posts-list .post-wrapper .post-link a .arrow-right:before {
    font-size: 20px;
    bottom: 1px;
  }
}

.container-nav {
  margin-bottom: 125px;
}
@media (max-width: 991px) {
  .container-nav {
    margin-bottom: 0px;
  }
}

.navbar-default {
  background-color: #fff;
}

.rotated-mark, .rotated-mark-pale {
  position: relative;
  display: inline-block;
  padding: 0.2em 0.4em;
  z-index: 1;
  margin-left: -10px;
}

.rotated-mark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFDC71;
  transform: rotate(-0.69deg);
  z-index: -1;
  transform-origin: center;
}

.rotated-mark-pale::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-0.69deg);
  z-index: -1;
  transform-origin: center;
  background: #F8F6F1;
}

.memberships-tick {
  background-image: url("../images/membership-tick.svg");
  width: 38px;
  height: 38px;
  background-size: cover;
  background-position: center center;
  display: inline-block;
  margin-bottom: -10px;
}

.mentorship-stats-section {
  background-color: #F8F6F1;
}
.mentorship-stats-section .stats-section {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 32px;
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 38px;
  margin-bottom: 38px;
}
.mentorship-stats-section .stats-section .stats-text {
  max-width: 520px;
}
.mentorship-stats-section .stats-section .stats-text .heading .rotated-mark::before {
  background-color: #E0D9CA;
}
.mentorship-stats-section .stats-section .stats-text .heading p {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 140%;
  letter-spacing: -0.4px;
}
.mentorship-stats-section .stats-section .stats-text .stats-list ul {
  list-style: none;
  padding-left: 0;
}
.mentorship-stats-section .stats-section .stats-text .stats-list ul li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 24px;
}
.mentorship-stats-section .stats-section .stats-text .stats-list ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 24px;
  height: 24px;
  background: url("../images/membership-tick.svg") no-repeat center/contain;
}
@media (max-width: 576px) {
  .mentorship-stats-section .stats-section .stats-text .mentors-cta {
    text-align: center;
  }
}
.mentorship-stats-section .stats-section .stats-video {
  width: 278px;
  flex: 0 0 278px;
}
.mentorship-stats-section .stats-section .stats-video .stats-video-player {
  display: block;
  width: 278px;
  height: 494px;
  max-width: 100%;
  object-fit: cover;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .mentorship-stats-section .stats-section {
    flex-direction: column;
  }
  .mentorship-stats-section .stats-section .stats-text {
    max-width: 100%;
    order: 2;
  }
  .mentorship-stats-section .stats-section .stats-video {
    width: 100%;
    flex: 1 1 auto;
    order: 1;
  }
  .mentorship-stats-section .stats-section .stats-video .stats-video-player {
    width: 100%;
    height: auto;
    max-height: 494px;
  }
}

.mentorship-videos-block {
  background-color: #F8F6F1;
}
.mentorship-videos-block .videos-section {
  max-width: 1320px;
  margin: 64px auto;
}
.mentorship-videos-block .videos-section .videos-list {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 8px;
  -webkit-overflow-scrolling: touch;
  margin-top: 24px;
}
.mentorship-videos-block .videos-section .videos-list .stats-video-player {
  display: block;
  width: 246px;
  height: 438px;
  flex: 0 0 246px;
  object-fit: cover;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .mentorship-videos-block .videos-section .videos-list {
    gap: 12px;
    scroll-snap-type: x mandatory;
  }
  .mentorship-videos-block .videos-section .videos-list .stats-video-player {
    scroll-snap-align: start;
  }
}

.membership-price-cta-section .arrow-section {
  margin-bottom: 20px;
}
.membership-price-cta-section .heading span {
  font-family: "Source Serif Pro", serif;
  font-weight: 400;
  font-size: 18px !important;
  line-height: 160%;
}
.membership-price-cta-section .membership-price {
  margin-top: 20px;
  margin-bottom: 20px;
}
.membership-price-cta-section .membership-price p {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 140%;
}
.membership-price-cta-section .membership-price p .price {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 140%;
}
.membership-price-cta-section .membership-cta {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 64px;
  justify-content: center;
}

.membership-perks-section {
  margin-top: 64px;
  margin-bottom: 0px;
}
.membership-perks-section .heading p {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 140%;
}
.membership-perks-section .membership-perks {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 48px;
}
.membership-perks-section .membership-perks .membership-perk {
  max-width: 820px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 auto;
  gap: 52px;
}
@media (max-width: 768px) {
  .membership-perks-section .membership-perks .membership-perk {
    flex-direction: column;
    gap: 24px;
  }
}
.membership-perks-section .membership-perks .membership-perk .perk-img img {
  width: 220px;
}
.membership-perks-section .membership-perks .membership-perk .perk-content .perk-heading {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 140%;
}
.membership-perks-section .membership-perks .membership-perk .perk-content .perk-text ul {
  list-style-image: none;
}
.membership-perks-section .membership-perks .membership-perk .perk-content .perk-text .rotated-mark::before {
  background: #F8F6F1;
}

.mentorship-steps-section {
  background-color: #F8F6F1;
}
.mentorship-steps-section .heading {
  margin-top: 52px;
}
.mentorship-steps-section .heading p {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 140%;
}
.mentorship-steps-section .steps-section {
  display: flex;
  justify-content: center;
  gap: 99.5px;
  margin-top: 48px;
  margin-bottom: 64px;
}
@media (max-width: 768px) {
  .mentorship-steps-section .steps-section {
    flex-direction: column;
    gap: 20px;
  }
}
.mentorship-steps-section .steps-section .step {
  max-width: 267px;
}
@media (max-width: 768px) {
  .mentorship-steps-section .steps-section .step {
    max-width: 100%;
  }
}
.mentorship-steps-section .steps-section .step img {
  margin-bottom: 24px;
}
.mentorship-steps-section .steps-section .step .step-heading {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
}
.mentorship-steps-section .steps-section .step .step-text {
  font-family: "Source Serif 4", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}

.get-membership-section .membership-cta-text {
  margin-bottom: 36px;
  margin-top: 36px;
}
.get-membership-section .membership-cta-text a {
  color: inherit;
  font-weight: inherit;
  text-decoration: underline;
  text-decoration-style: solid;
}
.get-membership-section .membership-cta-text a:hover, .get-membership-section .membership-cta-text a:focus, .get-membership-section .membership-cta-text a:active, .get-membership-section .membership-cta-text a:visited {
  color: inherit;
  text-decoration: underline;
  text-decoration-style: solid;
}
.get-membership-section .perks-section {
  display: flex;
  gap: 100px;
  justify-content: space-evenly;
  flex-direction: row;
}
@media (max-width: 768px) {
  .get-membership-section .perks-section {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin-bottom: 36px;
  }
}
.get-membership-section .perks-section a {
  color: inherit;
  text-decoration: none;
}
.get-membership-section .perks-section a:hover, .get-membership-section .perks-section a:focus, .get-membership-section .perks-section a:active, .get-membership-section .perks-section a:visited {
  color: inherit;
  text-decoration: none;
}
.get-membership-section .perks-section .left-side .membership-cta {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 24px;
}
.link-btn {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: #000;
  text-decoration: underline;
  text-decoration-style: solid;
}
.link-btn:hover, .link-btn:focus, .link-btn:active, .link-btn:visited {
  color: #000;
  text-decoration: underline;
  text-decoration-style: solid;
}

.membership-benefits-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-color: #F8F6F1;
  border-radius: 32px;
  border: 1px solid #E2E1E0;
  width: 285px;
  padding-top: 24px;
  padding-bottom: 8px;
  padding-left: 32px;
  padding-right: 21px;
}
.membership-benefits-content ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.membership-benefits-content li {
  position: relative;
  list-style: none;
  padding-left: 32px;
  margin-bottom: 16px;
}
.membership-benefits-content li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 24px;
  height: 24px;
  background: url("../images/membership-tick.svg") no-repeat center/contain;
}

.get-membership-section-2 {
  background-color: #F8F6F1;
  border: 1px solid #E2E1E0;
  border-radius: 32px;
  padding: 16px 32px;
  margin-bottom: 32px;
}
.get-membership-section-2 .membership-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.get-membership-section-2 .membership-cta-text a {
  color: #000;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-style: solid;
}
.get-membership-section-2 .membership-cta-text a:hover, .get-membership-section-2 .membership-cta-text a:focus, .get-membership-section-2 .membership-cta-text a:active, .get-membership-section-2 .membership-cta-text a:visited {
  color: #000;
  text-decoration: underline;
  text-decoration-style: solid;
}
.get-membership-section-2 .membership-benefits-content {
  width: auto;
  max-width: 100%;
  background-color: unset;
  border: unset;
}
.get-membership-section-2 .membership-benefits-content ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .get-membership-section-2 .membership-benefits-content ul {
    justify-content: left;
  }
}
.get-membership-section-2 .membership-benefits-content li {
  margin-bottom: 0;
}

.price-content p {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 140%;
  margin: 0;
}
.price-content p .price {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 140%;
}
.price-content span {
  font-family: "Source Serif Pro", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  margin-bottom: 8px;
}

.two-columns-section {
  margin-top: 64px;
  margin-bottom: 64px;
}
.two-columns-section .two-column-content {
  display: flex;
  gap: 113px;
  justify-content: center;
  max-width: 910px;
  margin: 0 auto;
  align-items: center;
}
.two-columns-section .two-column-content img {
  max-width: 320px;
}
@media (max-width: 768px) {
  .two-columns-section .two-column-content {
    flex-direction: column;
    gap: 20px;
  }
}

.partner-faq-section {
  margin-top: 64px;
}
.partner-faq-section .values-header {
  margin-bottom: 50px;
}
.partner-faq-section img {
  height: 276px;
}
.partner-faq-section .accordion {
  margin: 0 auto;
  max-width: 660px;
}
.partner-faq-section .accordion-header {
  margin-top: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.partner-faq-section .accordion-header .faq-icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 16px;
  margin-top: 4px;
}
.partner-faq-section .accordion-header h4 {
  font-family: "Source Sans 3", sans-serif;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0px;
}
.partner-faq-section .accordion-button {
  background-color: #fff;
  display: flex;
  flex-direction: row;
}
.partner-faq-section .faq-buttons-section {
  margin-top: 64px;
}

.platform-mentors-carousel .scroll-container {
  overflow: auto;
  white-space: nowrap;
  padding: 10px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-top: 35px;
  margin-bottom: 35px;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .platform-mentors-carousel .scroll-container {
    margin-top: -40px;
  }
}
.platform-mentors-carousel .scroll-container::-webkit-scrollbar {
  display: none;
}
.platform-mentors-carousel .scroll-container img {
  padding: 10px;
}

.feedback-content {
  margin-top: 16px;
  margin-bottom: 64px;
}
@media (max-width: 768px) {
  .feedback-content {
    margin-top: 0px;
  }
}
.feedback-content .feedback-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  gap: 20px;
}
@media (max-width: 768px) {
  .feedback-content .feedback-cards {
    gap: 20px;
  }
}
.feedback-content .feedback-cards .feedback-card, .feedback-content .feedback-cards .feedback-card-other {
  width: 30%;
  background-color: #F8F6F1;
  height: fit-content;
}
@media (max-width: 768px) {
  .feedback-content .feedback-cards .feedback-card, .feedback-content .feedback-cards .feedback-card-other {
    width: 100%;
  }
}
.feedback-content .feedback-cards .feedback-card .reviewer-block, .feedback-content .feedback-cards .feedback-card-other .reviewer-block {
  display: flex;
  margin-left: 15px;
  margin-bottom: 15px;
}
.feedback-content .feedback-cards .feedback-card .reviewer-block .reviewer-photo img, .feedback-content .feedback-cards .feedback-card-other .reviewer-block .reviewer-photo img {
  width: 93px;
}
.feedback-content .feedback-cards .feedback-card .feedback-text, .feedback-content .feedback-cards .feedback-card-other .feedback-text {
  margin: 16px;
}
.feedback-content .feedback-cards .feedback-card .feedback-text p, .feedback-content .feedback-cards .feedback-card-other .feedback-text p {
  font-size: 18px;
}
.feedback-content .feedback-cards .feedback-card .flex-name, .feedback-content .feedback-cards .feedback-card-other .flex-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.feedback-content .feedback-cards .feedback-card .flex-name .feedback-name, .feedback-content .feedback-cards .feedback-card .flex-name .feedback-position, .feedback-content .feedback-cards .feedback-card .flex-name .feedback-company, .feedback-content .feedback-cards .feedback-card-other .flex-name .feedback-name, .feedback-content .feedback-cards .feedback-card-other .flex-name .feedback-position, .feedback-content .feedback-cards .feedback-card-other .flex-name .feedback-company {
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 0px;
  font-family: "Source Sans Pro", sans-serif;
}
.feedback-content .feedback-cards .feedback-card-other {
  width: 40%;
  height: auto;
}
@media (max-width: 768px) {
  .feedback-content .feedback-cards .feedback-card-other {
    width: 100%;
  }
}
.feedback-content .button-content {
  margin-top: 38px;
}

.social-registration-background {
  background-image: url("../images/login_background.png");
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: top right;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.social-registration-background h2 {
  padding-top: 40px;
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #262626;
  font-family: "Source Sans Pro", sans-serif;
}
.social-registration-background .registration_conditions {
  width: 100%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 60px;
  padding: 30px 60px;
  background-color: #fff;
}
.social-registration-background .registration_conditions .how-did-you-hear-question {
  margin-bottom: 0px;
}
.social-registration-background .registration_conditions .how-did-you-hear-question .registration-sources {
  width: 100%;
  height: 52px;
  padding-left: 15px;
  border-radius: 5px;
  font-size: 16px;
  color: rgb(85, 85, 85);
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  appearance: none;
}
.social-registration-background .registration_conditions .how-did-you-hear-question .arrow-down {
  position: relative;
  top: -37px;
  left: calc(100% - 30px);
}
.social-registration-background .registration_conditions .other-question-input input {
  width: 100%;
  height: 52px;
}
.social-registration-background .registration_conditions label {
  color: #000;
  text-align: left;
  font-family: "Source Sans Pro", sans-serif;
}
.social-registration-background .registration_conditions label .agreement-checkbox {
  margin-right: 6px;
}
.social-registration-background p:first-of-type {
  margin: 20px 0;
}
.social-registration-background .btn {
  display: block;
  width: 267px;
  margin: 15px auto;
  border-radius: 25px;
  padding: 13px 35px;
  box-shadow: none;
}
.social-registration-background .error-field {
  display: none;
  max-width: 315px;
  width: 100%;
  margin: auto;
}
.social-registration-background .image {
  background-image: url("../images/brand_logo_blue.png");
  background-size: cover;
  height: 42px;
  width: 195px;
  margin: auto;
  margin-top: 80px;
  margin-bottom: 70px;
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: none;
  outline-offset: 0;
}

.btn.btn-primary,
a.btn.btn-primary,
button.btn.btn-primary {
  width: auto;
  min-width: 102px;
  height: 42px;
  border-radius: 22px;
  background-color: #2189E6;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 18px;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
  box-shadow: none;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active,
a.btn.btn-primary:hover,
a.btn.btn-primary:focus,
a.btn.btn-primary:active,
button.btn.btn-primary:hover,
button.btn.btn-primary:focus,
button.btn.btn-primary:active {
  min-width: 102px;
  height: 42px;
  border-radius: 22px;
  background-color: #2189E6;
  box-shadow: none;
}
.btn.btn-primary.btn-flat,
a.btn.btn-primary.btn-flat,
button.btn.btn-primary.btn-flat {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  color: #4FA3FD;
  border: 2px solid #4FA3FD;
}
.btn.btn-primary.btn-flat.btn-no-border,
a.btn.btn-primary.btn-flat.btn-no-border,
button.btn.btn-primary.btn-flat.btn-no-border {
  border: none !important;
}
.btn.btn-primary.btn-flat:hover, .btn.btn-primary.btn-flat:focus, .btn.btn-primary.btn-flat:active,
a.btn.btn-primary.btn-flat:hover,
a.btn.btn-primary.btn-flat:focus,
a.btn.btn-primary.btn-flat:active,
button.btn.btn-primary.btn-flat:hover,
button.btn.btn-primary.btn-flat:focus,
button.btn.btn-primary.btn-flat:active {
  background-color: #fff;
  color: #2189E6;
  border: 2px solid #2189E6;
}
.btn.btn-secondary,
a.btn.btn-secondary,
button.btn.btn-secondary {
  width: auto;
  min-width: 102px;
  height: 42px;
  border-radius: 22px;
  background-color: #FC8965;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 18px;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
  box-shadow: none;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active,
a.btn.btn-secondary:hover,
a.btn.btn-secondary:focus,
a.btn.btn-secondary:active,
button.btn.btn-secondary:hover,
button.btn.btn-secondary:focus,
button.btn.btn-secondary:active {
  min-width: 102px;
  height: 42px;
  border-radius: 22px;
  background-color: #ff6f41;
  box-shadow: none;
}
.btn.btn-secondary.btn-flat,
a.btn.btn-secondary.btn-flat,
button.btn.btn-secondary.btn-flat {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  color: #FC8965;
  border: 2px solid #FC8965;
}
.btn.btn-secondary.btn-flat:hover, .btn.btn-secondary.btn-flat:focus, .btn.btn-secondary.btn-flat:active,
a.btn.btn-secondary.btn-flat:hover,
a.btn.btn-secondary.btn-flat:focus,
a.btn.btn-secondary.btn-flat:active,
button.btn.btn-secondary.btn-flat:hover,
button.btn.btn-secondary.btn-flat:focus,
button.btn.btn-secondary.btn-flat:active {
  background-color: #fff;
  color: #ff6f41;
  border: 2px solid #ff6f41;
}
.btn.btn-secondary.btn-flat.btn-no-border,
a.btn.btn-secondary.btn-flat.btn-no-border,
button.btn.btn-secondary.btn-flat.btn-no-border {
  border: none !important;
}
.btn.btn-yellow,
a.btn.btn-yellow,
button.btn.btn-yellow {
  width: auto;
  min-width: 102px;
  height: 42px;
  border-radius: 22px;
  background-color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 18px;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  padding-top: 12px;
  padding-bottom: 12px;
  box-shadow: none;
}
.btn.btn-yellow:hover, .btn.btn-yellow:focus, .btn.btn-yellow:active,
a.btn.btn-yellow:hover,
a.btn.btn-yellow:focus,
a.btn.btn-yellow:active,
button.btn.btn-yellow:hover,
button.btn.btn-yellow:focus,
button.btn.btn-yellow:active {
  min-width: 102px;
  height: 42px;
  border-radius: 22px;
  background-color: #fff;
  box-shadow: none;
  border: 1px solid #FCB535;
}
.btn.btn-yellow.btn-flat,
a.btn.btn-yellow.btn-flat,
button.btn.btn-yellow.btn-flat {
  padding-top: 10px;
  padding-bottom: 14px;
  padding-left: 32px;
  padding-right: 32px;
  background-color: #fff;
  color: #000;
  border: 2px solid #FCB535;
}
.btn.btn-yellow.btn-flat:hover, .btn.btn-yellow.btn-flat:focus, .btn.btn-yellow.btn-flat:active,
a.btn.btn-yellow.btn-flat:hover,
a.btn.btn-yellow.btn-flat:focus,
a.btn.btn-yellow.btn-flat:active,
button.btn.btn-yellow.btn-flat:hover,
button.btn.btn-yellow.btn-flat:focus,
button.btn.btn-yellow.btn-flat:active {
  background-color: #fff;
  color: #000;
  border: 2px solid #FCB535;
}
.btn.btn-yellow.btn-flat.btn-no-border,
a.btn.btn-yellow.btn-flat.btn-no-border,
button.btn.btn-yellow.btn-flat.btn-no-border {
  border: none !important;
}
.btn.btn-square,
a.btn.btn-square,
button.btn.btn-square {
  width: auto;
  height: 51px;
  background-color: #2189E6;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  line-height: 20px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #fff;
  padding: 15px 43px 16px 44px;
}
.btn.btn-square.btn-block,
a.btn.btn-square.btn-block,
button.btn.btn-square.btn-block {
  display: block;
  width: 100%;
}
.btn.btn-square.btn-block:hover, .btn.btn-square.btn-block:focus, .btn.btn-square.btn-block:active,
a.btn.btn-square.btn-block:hover,
a.btn.btn-square.btn-block:focus,
a.btn.btn-square.btn-block:active,
button.btn.btn-square.btn-block:hover,
button.btn.btn-square.btn-block:focus,
button.btn.btn-square.btn-block:active {
  display: block;
  width: 100%;
}
.btn.btn-square:hover, .btn.btn-square:focus, .btn.btn-square:active,
a.btn.btn-square:hover,
a.btn.btn-square:focus,
a.btn.btn-square:active,
button.btn.btn-square:hover,
button.btn.btn-square:focus,
button.btn.btn-square:active {
  width: auto;
  height: 51px;
  background-color: #2189E6;
}
.btn.btn-minimal,
a.btn.btn-minimal,
button.btn.btn-minimal {
  display: inline-block;
  padding: 9px 30px;
  border-radius: 22px;
  border: 1px solid #D8D8D8;
  background-color: #fff;
  text-align: center;
  height: unset;
  color: #022b61;
}
.btn.btn-minimal:hover, .btn.btn-minimal:active, .btn.btn-minimal:focus,
a.btn.btn-minimal:hover,
a.btn.btn-minimal:active,
a.btn.btn-minimal:focus,
button.btn.btn-minimal:hover,
button.btn.btn-minimal:active,
button.btn.btn-minimal:focus {
  background-color: transparent;
  border: 1px solid #D8D8D8;
  color: #2189E6;
}
.btn.btn-amston,
a.btn.btn-amston,
button.btn.btn-amston {
  display: inline-block;
  padding: 12px 34px;
  border-radius: 22px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
  background-image: linear-gradient(to right, #fd6175, #ff9a45 99%);
  text-align: center;
  height: unset;
}
.btn.mentee, .btn.mentor, .btn.mentee-button, .btn.mentor-button, .btn.employers-button, .btn.btn-minimal, .btn.btn-amston,
a.btn.mentee,
a.btn.mentor,
a.btn.mentee-button,
a.btn.mentor-button,
a.btn.employers-button,
a.btn.btn-minimal,
a.btn.btn-amston,
button.btn.mentee,
button.btn.mentor,
button.btn.mentee-button,
button.btn.mentor-button,
button.btn.employers-button,
button.btn.btn-minimal,
button.btn.btn-amston {
  box-shadow: none;
}

a.btn-link {
  color: #4FA3FD;
}
a.btn-link:hover, a.btn-link:focus, a.btn-link:active {
  text-decoration: none;
}

.btn {
  font-family: "Source Sans Pro", sans-serif;
}

.btn-primary {
  background-color: #4FA3FD;
  border: none;
  border-radius: 5px;
  color: #fff;
  padding: 15px 30px;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:visited {
  background-color: #2189E6;
  border: none;
}

a.btn,
button.btn,
.btn.btn-primary.btn-block {
  align-items: flex-start;
  background-color: #4FA3FD;
  box-shadow: 0 2px 3px #7B7B7B;
  border: 0;
  border-radius: 0;
  height: 51px;
  font-weight: 600;
}
a.btn:hover, a.btn:focus, a.btn:active,
button.btn:hover,
button.btn:focus,
button.btn:active,
.btn.btn-primary.btn-block:hover,
.btn.btn-primary.btn-block:focus,
.btn.btn-primary.btn-block:active {
  background-color: #2189E6;
  border: none;
}

.vu-custom-section .search-select-wrapper .department-filter-container.select2-container.select2-container--open {
  border: 1px solid #e64164;
}
.vu-custom-section .search-select-wrapper .department-filter-container.select2-container .select2-selection.single.department-filter .select2-selection__arrow {
  background-image: url("../images/chevron-down-vu-color.png");
  right: 9px;
  width: 14px;
  height: 8px;
}
.vu-custom-section .search-select-wrapper .department-filter-container.select2-container .select2-selection.single.department-filter .select2-selection__rendered {
  color: #78003f;
}
.vu-custom-section .search-select-wrapper .department-filter-container.select2-container .select2-selection.single.department-filter:hover .select2-selection__arrow {
  background-image: url("../images/chevron-down-pink.png");
}
.vu-custom-section .search-select-wrapper .department-filter-container.select2-container .select2-selection.single.department-filter:hover .select2-selection__rendered {
  color: #e64164;
}

.mru-custom-section .search-select-wrapper .department-filter-container.select2-container.select2-container--open {
  border: 1px solid #FF6432;
  border-bottom: 1px solid transparent;
}
.mru-custom-section .search-select-wrapper .department-filter-container.select2-container .select2-selection.single.department-filter .select2-selection__arrow {
  background-image: url("../images/chevron-down-vu-color.png");
  right: 9px;
  width: 14px;
  height: 8px;
}
.mru-custom-section .search-select-wrapper .department-filter-container.select2-container .select2-selection.single.department-filter .select2-selection__rendered {
  color: #FF6432;
}
.mru-custom-section .search-select-wrapper .department-filter-container.select2-container .select2-selection.single.department-filter:hover .select2-selection__arrow {
  background-image: url("../images/chevron-down-pink.png");
}
.mru-custom-section .search-select-wrapper .department-filter-container.select2-container .select2-selection.single.department-filter:hover .select2-selection__rendered {
  color: #FF6432;
}

.search-select-wrapper {
  margin-bottom: 5px;
}
.search-select-wrapper .department-filter-container.select2-container {
  border: 1px solid transparent;
}
.search-select-wrapper .department-filter-container.select2-container.select2-container--open {
  border: 1px solid #e64164;
  background-color: #fff;
  box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.3);
}
.search-select-wrapper .department-filter-container.select2-container .select2-selection.single.department-filter {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  width: fit-content;
  margin: auto;
  max-width: 100%;
}
.search-select-wrapper .department-filter-container.select2-container .select2-selection.single.department-filter .select2-selection__arrow {
  background-image: url("../images/chevron-down-vu-color.png");
  right: 9px;
  width: 14px;
  height: 8px;
}
.search-select-wrapper .department-filter-container.select2-container .select2-selection.single.department-filter .select2-selection__rendered {
  color: #78003f;
  width: 100%;
}
.search-select-wrapper .department-filter-container.select2-container .select2-selection.single.department-filter:hover .select2-selection__arrow {
  background-image: url("../images/chevron-down-pink.png");
}
.search-select-wrapper .department-filter-container.select2-container .select2-selection.single.department-filter:hover .select2-selection__rendered {
  color: #e64164;
}
.search-select-wrapper .select2-container, .search-select-wrapper .select2-container--default.select2-container--focus {
  /* .select2-search__field {
    display: none;
  } */
}
.search-select-wrapper .select2-container .select2-selection.single, .search-select-wrapper .select2-container--default.select2-container--focus .select2-selection.single {
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 98%;
  height: 51px;
  font-size: 16px;
  line-height: 1.4;
  background-color: #2189E6;
  border-radius: 2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  outline: none;
  border-radius: 50px;
}
.search-select-wrapper .select2-container .select2-selection.single .select2-selection__rendered, .search-select-wrapper .select2-container--default.select2-container--focus .select2-selection.single .select2-selection__rendered {
  line-height: 52px;
  padding-left: 15px;
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  padding-bottom: 4px;
  text-overflow: ellipsis;
  width: 94%;
}
.search-select-wrapper .select2-container .select2-selection.single .select2-selection__rendered .select2-selection__clear, .search-select-wrapper .select2-container--default.select2-container--focus .select2-selection.single .select2-selection__rendered .select2-selection__clear {
  font-weight: 100;
  font-size: 22px;
  line-height: 10px;
  padding: 3px;
  border-radius: 50%;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #4FA3FD;
  border: 2px solid #4FA3FD;
}
.search-select-wrapper .select2-container .select2-selection.single:hover, .search-select-wrapper .select2-container--default.select2-container--focus .select2-selection.single:hover {
  background-color: #0075CF;
}
.search-select-wrapper .select2-container .select2-selection.single .select2-selection__placeholder, .search-select-wrapper .select2-container--default.select2-container--focus .select2-selection.single .select2-selection__placeholder {
  color: #fff;
}
.search-select-wrapper .select2-container .select2-selection.single .select2-selection__arrow, .search-select-wrapper .select2-container--default.select2-container--focus .select2-selection.single .select2-selection__arrow {
  background-image: url("../images/chevron_down.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 18px;
  right: 15px;
  top: 50%;
  transform: translateY(-45%);
}
.search-select-wrapper .select2-container .select2-selection.single .select2-selection__arrow b, .search-select-wrapper .select2-container--default.select2-container--focus .select2-selection.single .select2-selection__arrow b {
  display: none;
}

.select2-container,
.select2-container--default.select2-container--focus {
  /* .select2-search__field {
    display: none;
  } */
}
.select2-container .select2-selection.multiple,
.select2-container--default.select2-container--focus .select2-selection.multiple {
  background-image: url("../images/add.png");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 98%;
  height: auto;
  min-height: 51px;
  font-size: 15px;
  line-height: 1.4;
  color: #6f6f6f;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  overflow: auto;
}
.select2-container .select2-selection.multiple .select2-selection__rendered,
.select2-container--default.select2-container--focus .select2-selection.multiple .select2-selection__rendered {
  padding-right: 50px;
  padding-bottom: 5px;
}
.select2-container .select2-selection.multiple .select2-search__field,
.select2-container--default.select2-container--focus .select2-selection.multiple .select2-search__field {
  margin: 0;
  padding-left: 10px;
}
.select2-container .select2-selection.multiple .select2-selection__choice,
.select2-container--default.select2-container--focus .select2-selection.multiple .select2-selection__choice {
  margin-left: 5px;
  height: 30px;
  margin-top: 10px;
  background-color: #4FA3FD;
  font-family: "Source Sans Pro", sans-serif;
  color: #fff;
  line-height: 30px;
  border: none;
  list-style: none;
  padding-right: 30px;
  position: relative;
}
.select2-container .select2-selection.multiple .select2-selection__choice .select2-selection__choice__remove,
.select2-container--default.select2-container--focus .select2-selection.multiple .select2-selection__choice .select2-selection__choice__remove {
  background-image: url("../images/close_white.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  right: 8px;
  height: 14px;
  width: 14px;
  color: transparent;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.select2-container .select2-selection.single,
.select2-container--default.select2-container--focus .select2-selection.single {
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 98%;
  height: 51px;
  font-size: 15px;
  line-height: 1.4;
  color: #6f6f6f;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.select2-container .select2-selection.single .select2-selection__rendered,
.select2-container--default.select2-container--focus .select2-selection.single .select2-selection__rendered {
  line-height: 52px;
  padding-left: 15px;
}
.select2-container .select2-selection.single .select2-selection__arrow,
.select2-container--default.select2-container--focus .select2-selection.single .select2-selection__arrow {
  background-image: url("../images/triangle-down.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 10px;
  right: 20px;
  top: 50%;
  transform: translateY(-40%);
  bottom: 14px;
}
.select2-container .select2-selection.single .select2-selection__arrow b,
.select2-container--default.select2-container--focus .select2-selection.single .select2-selection__arrow b {
  display: none;
}
.select2-container .select2-selection.select-multi-column[aria-expanded=true], .select2-container .select2-selection .single.select-multi-column[aria-expanded=true],
.select2-container--default.select2-container--focus .select2-selection.select-multi-column[aria-expanded=true],
.select2-container--default.select2-container--focus .select2-selection .single.select-multi-column[aria-expanded=true] {
  background-color: #fff;
  opacity: 1;
  border-color: #89C2FF;
}
.select2-container .select2-selection.select-multi-column[aria-expanded=true] .select2-selection__rendered, .select2-container .select2-selection .single.select-multi-column[aria-expanded=true] .select2-selection__rendered,
.select2-container--default.select2-container--focus .select2-selection.select-multi-column[aria-expanded=true] .select2-selection__rendered,
.select2-container--default.select2-container--focus .select2-selection .single.select-multi-column[aria-expanded=true] .select2-selection__rendered {
  color: #4FA3FD;
}
.select2-container .select2-selection.select-multi-column[aria-expanded=true] .select2-selection__placeholder, .select2-container .select2-selection .single.select-multi-column[aria-expanded=true] .select2-selection__placeholder,
.select2-container--default.select2-container--focus .select2-selection.select-multi-column[aria-expanded=true] .select2-selection__placeholder,
.select2-container--default.select2-container--focus .select2-selection .single.select-multi-column[aria-expanded=true] .select2-selection__placeholder {
  color: #4FA3FD;
}
.select2-container .select2-selection.select-multi-column[aria-expanded=true] .select2-selection__arrow, .select2-container .select2-selection .single.select-multi-column[aria-expanded=true] .select2-selection__arrow,
.select2-container--default.select2-container--focus .select2-selection.select-multi-column[aria-expanded=true] .select2-selection__arrow,
.select2-container--default.select2-container--focus .select2-selection .single.select-multi-column[aria-expanded=true] .select2-selection__arrow {
  background-image: url("../images/chevron_up_blue.png");
}
.select2-container .select2-dropdown,
.select2-container--default.select2-container--focus .select2-dropdown {
  padding: 10px 15px;
  line-height: 29px;
  border: 1px solid #4FA3FD;
  z-index: 999;
  width: 100%;
  background-color: #fff;
}
.select2-container .select2-dropdown .select2-search--dropdown, .select2-container .select2-dropdown .select2-results__group,
.select2-container--default.select2-container--focus .select2-dropdown .select2-search--dropdown,
.select2-container--default.select2-container--focus .select2-dropdown .select2-results__group {
  padding: 0;
}
.select2-container .select2-dropdown .select2-results .select2-results__option,
.select2-container--default.select2-container--focus .select2-dropdown .select2-results .select2-results__option {
  padding: 8px 0;
  max-height: fit-content;
  font-family: "Source Sans Pro", sans-serif;
}
.select2-container .select2-dropdown .select2-results .select2-results__option .line-separator,
.select2-container--default.select2-container--focus .select2-dropdown .select2-results .select2-results__option .line-separator {
  height: 1px;
  width: 100px;
  background-color: #bbb;
  float: left;
  margin: 14px 0px;
  padding: 0px;
  color: #262626;
}
.select2-container .select2-dropdown .select2-results .select2-option-with-divider,
.select2-container--default.select2-container--focus .select2-dropdown .select2-results .select2-option-with-divider {
  display: block;
  border-bottom: 1px solid #E0D9CA;
  margin-bottom: 4px;
  padding-bottom: 4px;
}
.select2-container .select2-dropdown .select2-results .select2-results__option[aria-selected=true],
.select2-container--default.select2-container--focus .select2-dropdown .select2-results .select2-results__option[aria-selected=true] {
  display: none;
}
.select2-container .select2-dropdown .select2-results .select2-results__option--highlighted,
.select2-container--default.select2-container--focus .select2-dropdown .select2-results .select2-results__option--highlighted {
  background-color: #fff;
  color: #4FA3FD;
}
.select2-container .select2-dropdown.multi-column,
.select2-container--default.select2-container--focus .select2-dropdown.multi-column {
  margin-top: -1px;
  border-radius: 16px;
}
.select2-container .select2-dropdown.highlighted-last-element .select2-results > .select2-results__options li:last-child .select2-results__options li:last-child,
.select2-container--default.select2-container--focus .select2-dropdown.highlighted-last-element .select2-results > .select2-results__options li:last-child .select2-results__options li:last-child {
  font-weight: 700;
}
.select2-container .select2-dropdown.highlighted-first-element .select2-results > .select2-results__options li:first-child .select2-results__options li:first-child,
.select2-container--default.select2-container--focus .select2-dropdown.highlighted-first-element .select2-results > .select2-results__options li:first-child .select2-results__options li:first-child {
  font-weight: 700;
  display: block;
  border-bottom: 1px solid #E0D9CA;
  margin-bottom: 4px;
  padding-bottom: 4px;
}
.select2-container.center-dropdown-container,
.select2-container--default.select2-container--focus.center-dropdown-container {
  left: 50% !important;
  transform: translate(-50%);
}
.select2-container.center-dropdown-container .select2-dropdown,
.select2-container--default.select2-container--focus.center-dropdown-container .select2-dropdown {
  position: static;
}
.select2-container .vu-dropdown,
.select2-container--default.select2-container--focus .vu-dropdown {
  width: 358px !important;
  border: 1px solid #e64164;
  border-top: none;
  min-width: 358px;
  position: relative;
  padding-top: 0;
  box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.3);
  top: -2px;
}
.select2-container .vu-dropdown .select2-results .select2-results__option--highlighted,
.select2-container--default.select2-container--focus .vu-dropdown .select2-results .select2-results__option--highlighted {
  color: #e64164;
}
.select2-container .vu-dropdown.select2-dropdown--above,
.select2-container--default.select2-container--focus .vu-dropdown.select2-dropdown--above {
  border-bottom: none;
  box-shadow: none;
  border-top: 1px solid #e64164;
  top: 2px;
}
.select2-container .mru-dropdown,
.select2-container--default.select2-container--focus .mru-dropdown {
  width: 358px !important;
  border: 1px solid #FF6432;
  border-top: 1px solid transparent;
  min-width: 358px;
  position: relative;
  padding-top: 0;
  box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.3);
  top: -2px;
  padding-left: 3px;
  padding-right: 3px;
}
.select2-container .mru-dropdown .select2-results .select2-results__option,
.select2-container--default.select2-container--focus .mru-dropdown .select2-results .select2-results__option {
  padding: 0 15px;
}
.select2-container .mru-dropdown .select2-results .select2-results__option--highlighted,
.select2-container--default.select2-container--focus .mru-dropdown .select2-results .select2-results__option--highlighted {
  color: #fff;
  background-color: #FF6432;
}
.select2-container .mru-dropdown.select2-dropdown--above,
.select2-container--default.select2-container--focus .mru-dropdown.select2-dropdown--above {
  border-bottom: 1px solid transparent;
  box-shadow: none;
  border-top: 1px solid #FF6432;
  top: 2px;
}

@media (min-width: 768px) {
  .select2-container .select2-dropdown.multi-column,
  .select2-container--default.select2-container--focus .select2-dropdown.multi-column {
    min-width: max-content !important;
    width: 100% !important;
  }
  .select2-container .select2-dropdown.multi-column .select2-results > .select2-results__options > .select2-results__option,
  .select2-container--default.select2-container--focus .select2-dropdown.multi-column .select2-results > .select2-results__options > .select2-results__option {
    float: left;
    padding-right: 20px;
  }
  .select2-container .select2-dropdown.multi-column .select2-results > .select2-results__options,
  .select2-container--default.select2-container--focus .select2-dropdown.multi-column .select2-results > .select2-results__options {
    padding: 0;
    max-height: fit-content;
  }
}
.cookie-consent {
  background-color: #4FA3FD;
  font-size: 16px;
  color: #fff;
  position: fixed;
  bottom: -120px;
  left: 0;
  right: 0;
  text-align: center;
  display: none;
  opacity: 0;
  padding: 10px 0;
  z-index: 10;
}
.cookie-consent p {
  font-size: 16px;
  color: #fff;
  margin: auto;
  display: inline-block;
  text-align: center;
}
.cookie-consent a {
  font-size: 16px;
  color: #fff;
  text-decoration: underline;
  margin: 0 15px;
}
.cookie-consent button {
  width: 109px;
  height: 30px;
  border-radius: 22px;
  background-color: #89C2FF;
  color: #fff;
  border: none;
  outline: none;
}

.find-mentor-popup {
  background-color: #4FA3FD;
  font-size: 16px;
  color: #fff;
  position: fixed;
  bottom: -500px;
  left: 0;
  right: 0;
  display: none;
  opacity: 0;
  padding: 10px 0;
  z-index: 10;
}
.find-mentor-popup .container {
  position: relative;
}
.find-mentor-popup h3 {
  font-size: 36px;
  font-weight: 900;
}
.find-mentor-popup .image {
  background-image: url("../images/find-mentor-popup-image.png");
  position: fixed;
  bottom: 0;
  width: 376px;
  height: 234px;
  background-size: cover;
}
.find-mentor-popup #btn-mentor-popup-close {
  width: 24px;
  height: 24px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  right: 30px;
  position: absolute;
  top: 15px;
  background-image: url("../images/close_white_basic.png");
}
.find-mentor-popup p {
  font-size: 16px;
  color: #fff;
  margin: auto;
  display: inline-block;
  margin-bottom: 20px;
}
.find-mentor-popup a {
  font-size: 16px;
  color: #fff;
  text-decoration: underline;
}
.find-mentor-popup .btn-mentor-popup-close {
  background-image: url("../images/close_white_basic.png");
}
@media (max-width: 991px) {
  .find-mentor-popup .image {
    bottom: 0;
    margin: auto;
    margin-top: 30px;
    position: static;
  }
  .find-mentor-popup h3 {
    margin-top: 55px;
  }
}

.overlay {
  position: fixed;
  top: 100px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 300ms, visibility 300ms;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 9999;
}

.overlay.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 16px;
  outline: 2px solid #E8E2E2;
  outline-offset: -4px;
  width: 70%;
  position: relative;
  transition: all 5s ease-in-out;
}
.popup #btn-survey-popup-close {
  width: 24px;
  height: 24px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  right: 30px;
  position: absolute;
  top: 28px;
  background-image: url("../images/close.png");
}
.popup #btn-inactive-membership-popup-close {
  width: 24px;
  height: 24px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  right: 30px;
  position: absolute;
  top: 28px;
  background-image: url("../images/close.png");
}
.popup .content {
  display: flex;
  padding-top: 64px;
  padding-bottom: 27px;
  padding-left: 64px;
}
.popup .content .survey-button {
  background-color: #2189E6;
  border-radius: 22px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  height: 42px;
  line-height: 18px;
  margin: 15px 20px 15px 0;
  min-width: 150px;
  padding-bottom: 12px;
  padding-top: 12px;
  text-align: center;
  width: auto;
  box-shadow: none;
  font-size: 16px;
}
.popup .content .text {
  width: 510px;
  height: 100%;
}
.popup .content .text .orange {
  background-color: #FECA55;
  padding-left: 16px;
  padding-right: 16px;
}
.popup .content .text .black {
  background-color: black;
  color: white;
  padding-left: 16px;
  padding-right: 16px;
}
.popup .content .text h2 {
  font-family: "Source Sans Pro";
  font-size: 42px;
}
.popup .content .text .text-content {
  font-family: "Source Serif Pro";
  font-size: 20px;
  margin-top: 16px;
}
.popup .content .image img {
  width: 380px;
  height: 280px;
  margin-left: -20px;
}

@media (max-width: 768px) {
  .overlay {
    top: 0px;
  }
  .popup {
    width: 100%;
  }
  .popup .content {
    display: flex;
    flex-direction: column;
    overflow: hidden !important;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
  }
  .popup .content .text {
    width: fit-content;
  }
  .popup .content .text h2 {
    font-size: 35px;
  }
  .popup .content .text .text-content {
    max-width: 100%;
  }
}
.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}

.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

.popup .close:hover {
  color: #06D85F;
}

.popup .content {
  max-height: 30%;
  overflow: auto;
}

.inactive-membership-popup .popup {
  max-width: 966px;
  width: calc(100% - 32px);
  margin: 40px auto;
  padding: 24px;
}
.inactive-membership-popup .popup .get-membership-section.container {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.inactive-membership-popup .popup .get-membership-section .membership-cta-text {
  margin-top: 0;
  margin-bottom: 24px;
}
.inactive-membership-popup .popup .get-membership-section .membership-cta-text a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}
.inactive-membership-popup .popup .get-membership-section .membership-cta-text a:hover, .inactive-membership-popup .popup .get-membership-section .membership-cta-text a:focus, .inactive-membership-popup .popup .get-membership-section .membership-cta-text a:active, .inactive-membership-popup .popup .get-membership-section .membership-cta-text a:visited {
  color: inherit;
  text-decoration: none;
}
.inactive-membership-popup .popup .get-membership-section .perks-section {
  gap: 24px;
}

@media (max-width: 768px) {
  .inactive-membership-popup .popup {
    width: calc(100% - 16px);
    margin: 8px auto;
    padding: 16px;
  }
  .inactive-membership-popup .popup .get-membership-section .perks-section {
    flex-direction: column;
    gap: 16px;
    align-items: center;
  }
}
.header-section-top {
  width: 100%;
  background-color: #EDEAE3;
  padding: 6px 32px;
  font-size: 0;
  text-align: right;
}
.header-section-top .language {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  text-align: left;
  position: relative;
  padding: 0 0 0 26px;
}
.header-section-top .language a {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  color: #262626;
}
.header-section-top .top-menu {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  text-align: right;
}
.header-section-top ul {
  text-align: right;
  margin: 0;
  line-height: normal !important;
}
.header-section-top ul li {
  display: inline-block;
  padding-right: 15px;
  margin-bottom: 0 !important;
}
.header-section-top ul li:not(:last-child) {
  padding-right: 15px;
}
.header-section-top ul li a {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #262626;
}

.header-section-top .dropdown-container {
  margin-left: -5px;
}
.header-section-top .dropdown-container a.dropdown-toggle {
  padding-left: 5px;
}
.header-section-top .dropdown-container.open {
  background: #e0d9ca;
}
.header-section-top .dropdown-container.open ul.dropdown-menu {
  top: 30px;
  padding: 18px 0 22px;
  list-style: none;
  position: absolute;
}
.header-section-top .dropdown-container.open ul.dropdown-menu > li:first-of-type {
  padding-top: 0;
  padding-bottom: 8px;
}
.header-section-top .dropdown-container.open ul.dropdown-menu > li:not(:first-of-type):not(:last-of-type) {
  padding-top: 7px;
  padding-bottom: 8px;
}
.header-section-top .dropdown-container.open ul.dropdown-menu > li:last-of-type {
  padding-top: 7px;
  padding-bottom: 0;
}
.header-section-top .dropdown-container.open ul.dropdown-menu li {
  width: 100%;
}
.header-section-top .dropdown-container.open ul.dropdown-menu li a {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #262626;
  padding: 0 11px;
}
.header-section-top .dropdown-container.open ul.dropdown-menu li a:hover, .header-section-top .dropdown-container.open ul.dropdown-menu li a:active, .header-section-top .dropdown-container.open ul.dropdown-menu li a:focus {
  color: #000000;
  background-color: transparent;
}

.header-section {
  padding: 17px 32px 0px;
  background: none;
}
.header-section .navbar-header .navbar-brand {
  padding: 0;
}
.header-section .navbar-collapse {
  padding: 0;
}
.header-section .navbar-collapse .main-navbar {
  padding-left: 162px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.header-section .dropdown-container {
  margin-left: -5px;
}
.header-section .dropdown-container a.dropdown-toggle {
  padding-left: 5px;
}
.header-section .dropdown-container.open {
  background: #e0d9ca;
}
.header-section .dropdown-container.open ul.dropdown-menu {
  top: 30px;
  padding: 18px 0 22px;
  list-style: none;
  position: absolute;
}
.header-section .dropdown-container.open ul.dropdown-menu > li:first-of-type {
  padding-top: 0;
  padding-bottom: 8px;
}
.header-section .dropdown-container.open ul.dropdown-menu > li:not(:first-of-type):not(:last-of-type) {
  padding-top: 7px;
  padding-bottom: 8px;
}
.header-section .dropdown-container.open ul.dropdown-menu > li:last-of-type {
  padding-top: 7px;
  padding-bottom: 0;
}
.header-section .dropdown-container.open ul.dropdown-menu li {
  width: 100%;
}
.header-section .dropdown-container.open ul.dropdown-menu li a {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  padding: 0 11px;
}
.header-section .dropdown-container.open ul.dropdown-menu li a:hover, .header-section .dropdown-container.open ul.dropdown-menu li a:active, .header-section .dropdown-container.open ul.dropdown-menu li a:focus {
  color: #000000;
  background-color: transparent;
}
.header-section .float-right {
  float: right;
}
.header-section .navbar-header {
  position: absolute;
  z-index: 2;
}
.header-section .navbar-collapse .main-navbar {
  width: 100%;
}
.header-section .navbar-collapse .main-navbar .dropdown-container {
  margin-left: -5px;
}
.header-section .navbar-collapse .main-navbar .dropdown-container a.dropdown-toggle {
  padding-left: 15px;
  background-color: white;
}
.header-section .navbar-collapse .main-navbar .dropdown-container a.dropdown-toggle:hover, .header-section .navbar-collapse .main-navbar .dropdown-container a.dropdown-toggle:active, .header-section .navbar-collapse .main-navbar .dropdown-container a.dropdown-toggle:focus {
  color: #000000;
}
.header-section .navbar-collapse .main-navbar .dropdown-container.open {
  background: #e0d9ca;
}
@media (max-width: 991.92px) {
  .header-section .navbar-collapse .main-navbar .dropdown-container.open {
    background: none;
  }
}
.header-section .navbar-collapse .main-navbar .dropdown-container.open ul.dropdown-menu {
  list-style: none;
  position: absolute;
  width: 273px;
  top: 30px;
  padding: 18px 0 22px;
  background-color: white;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  text-align: left;
  margin-top: 11px;
  margin-left: 15px;
  border-color: #d8d8d8;
  border-style: solid;
  border-width: 1px;
}
.header-section .navbar-collapse .main-navbar .dropdown-container.open ul.dropdown-menu > li:first-of-type {
  padding-top: 0;
  padding-bottom: 8px;
}
.header-section .navbar-collapse .main-navbar .dropdown-container.open ul.dropdown-menu > li:not(:first-of-type):not(:last-of-type) {
  padding-top: 7px;
  padding-bottom: 8px;
}
.header-section .navbar-collapse .main-navbar .dropdown-container.open ul.dropdown-menu > li:last-of-type {
  padding-top: 7px;
  padding-bottom: 0;
}
.header-section .navbar-collapse .main-navbar .dropdown-container.open ul.dropdown-menu:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #fff;
  border-top: 0;
  margin-left: -10px;
  margin-top: -10px;
  z-index: 10;
}
.header-section .navbar-collapse .main-navbar .dropdown-container.open ul.dropdown-menu:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 11px solid transparent;
  border-bottom-color: #d8d8d8;
  border-top: 0;
  margin-left: -11px;
  margin-top: -11px;
}
@media (max-width: 991.92px) {
  .header-section .navbar-collapse .main-navbar .dropdown-container.open ul.dropdown-menu {
    position: relative;
    width: 100%;
    top: 30px;
    margin-bottom: 40px;
    margin-top: -15px;
    margin-left: 0;
  }
}
.header-section .navbar-collapse .main-navbar .dropdown-container.open ul.dropdown-menu li {
  width: 100%;
}
.header-section .navbar-collapse .main-navbar .dropdown-container.open ul.dropdown-menu li a {
  font-family: "Source Sans Pro", sans-serif;
  margin-top: 12px;
  margin-left: 15px;
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  padding: 0 11px;
  text-align: left;
  text-transform: none;
}
.header-section .navbar-collapse .main-navbar .dropdown-container.open ul.dropdown-menu li a:hover, .header-section .navbar-collapse .main-navbar .dropdown-container.open ul.dropdown-menu li a:active, .header-section .navbar-collapse .main-navbar .dropdown-container.open ul.dropdown-menu li a:focus {
  color: #2189e6;
  background-color: transparent;
}
.header-section .navbar-collapse .main-navbar .search-button {
  background-image: url("../images/search-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 8px;
  margin: 13px 20px;
}
.header-section .navbar-collapse .main-navbar .search-button:hover, .header-section .navbar-collapse .main-navbar .search-button.active {
  background-image: url("../images/search-icon-blue.png");
}
.header-section .navbar-collapse .main-navbar li {
  padding: 6px 12px;
}
.header-section .navbar-collapse .main-navbar li .login {
  border: 2px solid #2189E6;
  font-weight: 600;
  color: #2189E6;
  border-radius: 20px;
  padding: 5px 16px;
  line-height: 18px;
  font-size: 14px;
  cursor: pointer;
}
.header-section .navbar-collapse .main-navbar li .login:hover {
  border-color: #2189E6;
  color: #2189E6;
}
.header-section .navbar-collapse .main-navbar li a {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #515151;
  padding: 0;
}
.header-section .navbar-collapse .main-navbar li a:hover, .header-section .navbar-collapse .main-navbar li a:active, .header-section .navbar-collapse .main-navbar li a:focus {
  color: #2189E6;
}
.header-section .navbar-collapse .main-navbar li.membership-item {
  padding: 0px 12px;
}
.header-section .navbar-collapse .main-navbar li.membership-item a {
  font-size: 14px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 20px;
  padding-right: 20px;
  height: 33px;
}
.header-section .navbar-collapse .main-navbar li.membership-item-mobile {
  padding: 0px 12px;
  margin-top: 20px;
}
.header-section .navbar-collapse .main-navbar li.membership-item-mobile a {
  font-size: 14px;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  padding-left: 20px;
  padding-right: 20px;
  height: auto;
  width: 190px;
}
.header-section .navbar-collapse .main-navbar li.login-item {
  padding: 0;
  margin-left: 8px;
}
.header-section .navbar-collapse .main-navbar li.mentors-item {
  padding: 0 12px;
}
.header-section .navbar-collapse .main-navbar li.mentors-item a {
  padding: 6px 16px;
  color: #FFF;
  border-radius: 104px;
  background: #2189E6;
}
.header-section .navbar-collapse .main-navbar li.mentors-item a:hover, .header-section .navbar-collapse .main-navbar li.mentors-item a:active, .header-section .navbar-collapse .main-navbar li.mentors-item a:focus {
  color: #FFF;
  background: #2189E6;
}
.header-section .navbar-collapse .main-navbar li.search-item {
  padding: 0;
  font-size: 0;
  position: relative;
}
.header-section .navbar-collapse .main-navbar li.search-item form {
  margin: 0;
}
.header-section .navbar-collapse .main-navbar li.search-item .search-field {
  height: 32px;
  width: 180px;
  padding: 0 24px 0 36px;
  border-radius: 120px;
  border: 1px solid #C8C7C5;
  background-color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: #515151;
  display: inline-block;
  vertical-align: top;
}
.header-section .navbar-collapse .main-navbar li.search-item .search-field:focus, .header-section .navbar-collapse .main-navbar li.search-item .search-field:active {
  border: 1px solid #C8C7C5;
  outline: none;
}
.header-section .navbar-collapse .main-navbar li.search-item .search-field::placeholder {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: #515151;
  opacity: 1;
}
.header-section .navbar-collapse .main-navbar li.search-item .search-button {
  height: 16px;
  width: 16px;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  box-shadow: none;
  border-radius: 120px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 12px;
  border: none;
  transform: translateY(-50%);
  background-image: url("../images/search-header.svg");
}
.header-section .navbar-collapse .main-navbar li.dropdown {
  padding: 0;
}
.header-section .navbar-collapse .main-navbar li.dropdown .dropdown-toggle {
  background-color: #fff;
  padding: 6px 32px 6px 49px !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  color: #262626;
  letter-spacing: normal;
  text-transform: initial !important;
}
.header-section .navbar-collapse .main-navbar li.dropdown .dropdown-toggle:hover, .header-section .navbar-collapse .main-navbar li.dropdown .dropdown-toggle:focus {
  background-color: #fff;
}
.header-section .navbar-collapse .main-navbar li.dropdown .dropdown-toggle .dropdown-image {
  border-radius: 100%;
  margin-left: 12px;
  width: 29px;
  height: 29px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  top: 2px;
  left: 0;
}
.header-section .navbar-collapse .main-navbar li.dropdown .dropdown-toggle .caret {
  display: inline-block;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border: none;
  background-image: url("../images/caret-black.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.header-section .navbar-collapse .main-navbar li.dropdown.open .dropdown-toggle {
  color: #0075CF;
}
.header-section .navbar-collapse .main-navbar li.dropdown.open .caret {
  background-image: url("../images/caret-blue.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.header-section .navbar-collapse .main-navbar li.dropdown .dropdown-menu {
  right: 0;
  left: auto;
  background: #fff;
  margin-top: 5px;
  list-style: none;
  width: 296px;
  padding: 24px 32px;
  border-radius: 16px;
  box-shadow: none;
  position: absolute;
}
.header-section .navbar-collapse .main-navbar li.dropdown .dropdown-menu::before {
  position: absolute;
  content: "";
  left: 4px;
  top: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background-color: transparent;
  border-radius: 16px;
  border: 2px solid #4FA3FD;
}
.header-section .navbar-collapse .main-navbar li.dropdown .dropdown-menu li {
  margin: 4px 0;
  padding: 0;
}
.header-section .navbar-collapse .main-navbar li.dropdown .dropdown-menu li a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: #262626;
  padding: 8px;
  text-transform: initial;
}
.header-section .navbar-collapse .main-navbar li.dropdown .dropdown-menu li:hover a {
  background-color: #EEF4FF;
  color: #0075CF;
}
.header-section .navbar-collapse .main-navbar li.dropdown .has-notifications {
  color: #84cf37;
  font-weight: 600;
}
.header-section .navbar-collapse .main-navbar li.dropdown .notification {
  display: inline-block;
  background-color: #84cf37;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  text-align: center;
  font-family: "Source Sans Pro", serif;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 18px;
  letter-spacing: normal;
  color: #ffffff;
  margin-left: 6px;
}
.header-section .navbar-collapse .main-navbar li > a:hover, .header-section .navbar-collapse .main-navbar li > a:focus {
  background-color: #fff;
}
.header-section .dropdown-container.open ul.dropdown-menu {
  list-style: none;
  position: absolute;
}
.header-section .dropdown-container.open ul.dropdown-menu li a {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  padding: 0 11px;
  letter-spacing: normal;
}
.header-section .dropdown-container.open ul.dropdown-menu li a:hover, .header-section .dropdown-container.open ul.dropdown-menu li a:active, .header-section .dropdown-container.open ul.dropdown-menu li a:focus {
  color: #2189E6;
  background-color: transparent;
}

@media (max-width: 991px) {
  .header-section {
    padding: 0;
  }
  .header-section .navbar-collapse {
    padding: 0;
  }
  .header-section .navbar-collapse .main-navbar {
    padding-top: 16px;
    padding-bottom: 24px;
  }
  .header-section .navbar-collapse .main-navbar li {
    padding: 0 17px;
  }
  .header-section .navbar-collapse .main-navbar li a {
    padding: 16px 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #515151;
  }
  .header-section .navbar-collapse .main-navbar li.mentors-item {
    padding: 0 17px;
  }
  .header-section .navbar-collapse .main-navbar li.mentors-item a {
    background: transparent;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2189E6;
    padding: 16px 0;
  }
  .header-section .navbar-collapse .main-navbar li.mentors-item a:hover, .header-section .navbar-collapse .main-navbar li.mentors-item a:active, .header-section .navbar-collapse .main-navbar li.mentors-item a:focus {
    color: #2189E6;
    background-color: transparent;
  }
  .header-section .navbar-collapse .main-navbar li.search-item {
    margin: 16px 0 8px;
    padding: 0 9px;
  }
  .header-section .navbar-collapse .main-navbar li.search-item .nav-search {
    margin-bottom: 0;
  }
  .header-section .navbar-collapse .main-navbar li.search-item .search-field {
    width: 100%;
    padding: 15px 0 15px 42px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    height: 40px;
  }
  .header-section .navbar-collapse .main-navbar li.search-item .search-field::placeholder {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
  }
  .header-section .navbar-collapse .main-navbar li.search-item .search-button {
    width: 18px;
    height: 18px;
    left: 25px;
  }
  .header-section .navbar-collapse .login {
    margin: 0 24px 32px !important;
  }
  .header-section .navbar-collapse .login a {
    padding: 14px 24px 16px;
    background: #2189E6;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
  }
  .header-section .navbar-collapse .user-profile-menu {
    margin: 0 0 32px !important;
  }
  .header-section .navbar-collapse .top-navigation li a {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #262626 !important;
  }
  .header-section .navbar-collapse .top-navigation li.language {
    padding-left: 26px;
  }
  .header-section .navbar-collapse .top-navigation li.language a {
    color: #515151 !important;
  }
  .header-section .navbar-header .navbar-brand {
    padding: 16px;
  }
  .header-section .navbar-toggle {
    padding: 9px 5px;
    margin-right: 16px;
  }
  .header-section .modal-content-wrapper .close-modal {
    right: 16px;
    top: 12px;
    width: 32px;
    height: 32px;
  }
  .header-section .modal-content-wrapper .close-modal span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .header-section .float-right {
    float: none;
  }
  .header-section .navbar-collapse {
    border: 0;
    text-align: center;
    width: 100%;
  }
  .header-section .navbar-collapse ul.main-navbar {
    margin: 0;
    padding-left: 0;
  }
  .header-section .navbar-collapse ul.main-navbar li.dropdown {
    width: 200px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .header-section .navbar-collapse ul.main-navbar li.dropdown .dropdown-toggle {
    padding-left: 30px !important;
  }
  .header-section .navbar-collapse ul.main-navbar li.dropdown .dropdown-menu {
    position: sticky;
  }
  .header-section .navbar-collapse ul.main-navbar li.dropdown .dropdown-menu li a {
    color: #000;
  }
  .header-section .navbar-collapse ul.main-navbar li .login {
    width: 40%;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .header-section .navbar-toggle {
    border: none;
  }
  .header-section .navbar-toggle:focus, .header-section .navbar-toggle:hover {
    background: none;
  }
  .header-section .navbar-toggle span.icon-bar {
    background-color: #4FA3FD;
  }
}
.add-lang-header {
  background-image: url("../images/world.png");
  height: 16px;
  width: 16px;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

#mobileMenuModal {
  background: #fff;
}
#mobileMenuModal .modal-dialog {
  max-height: calc(100vh - 60px);
}
#mobileMenuModal .modal-content-wrapper {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 60px);
}
#mobileMenuModal .mobile-menu-container {
  flex: 1 1 auto;
  min-height: 0;
  margin-top: 56px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#mobileMenuModal .mobile-menu-container .navbar-collapse {
  padding: 0;
}
#mobileMenuModal .main-navbar li {
  text-align: left;
}
#mobileMenuModal .main-navbar li a {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 18px !important;
  padding-top: 16px;
  padding-bottom: 16px;
}
#mobileMenuModal .main-navbar li.mentor-search-button {
  font-weight: bold;
  color: #515151;
}
#mobileMenuModal .main-navbar li.mentor-search-button a {
  display: flex;
}
#mobileMenuModal .main-navbar li.mentor-search-button .image {
  margin-right: 8px;
  background: url("../images/search-icon.png");
  background-size: cover;
  height: 18px;
  width: 18px;
}
#mobileMenuModal .main-navbar li.mentor-search-button:hover, #mobileMenuModal .main-navbar li.mentor-search-button.active {
  color: #447ace;
}
#mobileMenuModal .main-navbar li.mentor-search-button:hover .image, #mobileMenuModal .main-navbar li.mentor-search-button.active .image {
  background: url("../images/search-icon-blue.png");
  background-size: cover;
}
#mobileMenuModal .login {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 32px;
  display: flex;
}
#mobileMenuModal .login .btn.btn-primary {
  font-size: 16px;
  height: 45px;
}
#mobileMenuModal .user-profile-menu {
  list-style: none;
  margin-top: 14px;
  margin-bottom: 16px;
  background: #F8F6F1;
  padding: 16px 8px 16px 32px;
}
#mobileMenuModal .user-profile-menu .user-data-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mobileMenuModal .user-profile-menu .name {
  display: flex;
  color: #262626;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
#mobileMenuModal .user-profile-menu .name .dropdown-image {
  position: relative;
  height: 24px;
  width: 24px;
  top: 0;
  left: 0;
  margin-right: 8px;
}
#mobileMenuModal .user-profile-menu .icon-right img {
  height: 32px;
  width: 32px;
}
#mobileMenuModal .top-navigation {
  list-style: none;
  padding-inline-start: 32px;
  display: flex;
  flex-direction: column;
}
#mobileMenuModal .top-navigation li {
  margin-bottom: 32px;
}
#mobileMenuModal .top-navigation li a {
  float: left;
  color: #262626;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
#mobileMenuModal .navbar-user-submenu .back-w-profile {
  margin-bottom: 16px;
  background: #F8F6F1;
  padding: 16px 8px 16px 8px;
  position: relative;
}
#mobileMenuModal .navbar-user-submenu .back-w-profile:hover {
  cursor: pointer;
}
#mobileMenuModal .navbar-user-submenu .back-w-profile .name {
  position: absolute;
  display: flex;
  color: #262626;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  top: 20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
#mobileMenuModal .navbar-user-submenu .back-w-profile .name .dropdown-image {
  position: relative;
  height: 24px;
  width: 24px;
  top: 0;
  left: 0;
  margin-right: 8px;
}
#mobileMenuModal .navbar-user-submenu .back-w-profile .icon-left img {
  transform: rotate(180deg);
  height: 32px;
  width: 32px;
}
#mobileMenuModal .navbar-user-submenu .profile-menu {
  list-style: none;
  padding-inline-start: 32px;
}
#mobileMenuModal .navbar-user-submenu .profile-menu li:not(:last-child) {
  border-bottom: 1px solid #E0D9CA;
}
#mobileMenuModal .navbar-user-submenu .profile-menu li {
  padding-top: 16px;
  padding-bottom: 16px;
}
#mobileMenuModal .navbar-user-submenu .profile-menu li a {
  color: #262626;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 16px */
}

.footer-section {
  background-color: #F5F5F5;
  text-align: center;
}
.footer-section .row-brands .brand-icon {
  display: inline-block;
  position: relative;
  margin: 0 20px 0 20px;
  padding: 0;
}
.footer-section .row-brands .brand-icon img {
  display: inline-block;
  position: relative;
  margin-top: 30px;
  margin-bottom: 10px;
  width: 105px;
  height: 23px;
  opacity: 0.8;
}
.footer-section .row-brands p {
  position: relative;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}
.footer-section .float-right {
  float: right;
}
.footer-section p {
  font-weight: 400;
  font-size: 16px;
  color: #7B7B7B;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
}
.footer-section a {
  font-weight: 100;
}
.footer-section .social-media {
  margin-bottom: 10px;
}
.footer-section .social-media a {
  height: 33px;
  width: 28px;
  background-size: contain;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 15px 8px;
  cursor: pointer;
}
.footer-section .social-media a:hover {
  opacity: 0.8;
}
.footer-section .no-padding-computer {
  padding: 0;
}
.footer-section input {
  width: 100%;
  height: 51px;
  border-radius: 5px;
  border: none;
}
.footer-section input[type=submit] {
  background-color: #4FA3FD;
  color: #fff;
}
.footer-section input[type=submit]:hover {
  background-color: #2189E6;
}
.footer-section input[type=text] {
  border: 1px solid #D8D8D8;
  padding-left: 20px;
}
.footer-section .navbar-nav {
  width: 100%;
  margin-top: 10px;
}
.footer-section .navbar-nav li {
  float: none;
  display: inline-block;
}
.footer-section .navbar-nav li a {
  font-family: "Source Sans Pro", sans-serif;
  color: #4FA3FD;
  font-weight: normal;
  padding: 10px;
}
.footer-section .navbar-nav li a:hover, .footer-section .navbar-nav li a:active, .footer-section .navbar-nav li a:focus {
  background-color: transparent;
  color: #2189E6;
}
.footer-section .navbar-nav.upper-section-nav {
  margin-top: 35px;
}
.footer-section .navbar-nav.upper-section-nav li a {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 16px;
}
.footer-section .navbar-nav.upper-section-nav li.mentors a {
  color: #fb825c;
}
.footer-section .navbar-nav.upper-section-nav li.mentors a:hover {
  color: #ff6f41;
}
.footer-section .navbar-nav.upper-section-nav li.mentee a {
  color: #447ace;
}
.footer-section .navbar-nav.upper-section-nav li.mentee a:hover {
  color: #2189E6;
}
.footer-section .navbar-nav.upper-section-nav li.courses a {
  color: #5ea911;
}
.footer-section .navbar-nav.upper-section-nav li.courses a:hover {
  color: #55990f;
}
.footer-section .navbar-nav.upper-section-nav li.work_opportunities a {
  color: #515151;
}
.footer-section .navbar-nav.upper-section-nav li.work_opportunities a:hover {
  color: #262626;
}
.footer-section .footer-copyright {
  text-transform: none;
  line-height: 22px;
  margin: 15px 0 30px 0;
}

@media (max-width: 991px) {
  .footer-section {
    height: auto;
    padding-bottom: 20px;
  }
  .footer-section .no-padding-computer {
    padding: 0px;
  }
}
@media (max-width: 768px) {
  .footer-section .no-padding-computer {
    padding: 5px 15px;
  }
  .footer-section .float-right {
    display: inline-block;
    float: none;
  }
  .footer-section .navbar-nav {
    width: 100%;
    margin-top: 60px;
    margin-left: 0;
    margin-right: 0;
  }
  .footer-section .navbar-nav li.mentors a {
    color: #fb825c;
  }
  .footer-section .navbar-nav li.mentee a {
    color: #447ace;
  }
}
.home-page-layout {
  overflow: hidden;
}
.home-page-layout .h2 {
  size: 36px;
  font-family: "Source Sans 3", sans-serif;
}
.home-page-layout .hero-section {
  display: flex;
  flex-direction: column;
}
.home-page-layout .hero-section .hero-main-text {
  order: 1;
  margin-top: 90px;
}
.home-page-layout .hero-section .hero-main-text .heading-div {
  margin-top: 150px;
}
.home-page-layout .hero-section .hero-secondary-text {
  order: 2;
}
.home-page-layout .hero-section .hero-secondary-text .hero-text p {
  position: relative;
  line-height: 23px;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 46.8px;
  text-align: center;
  vertical-align: middle;
}
.home-page-layout .hero-section .hero-image {
  order: 3;
}
.home-page-layout .hero-section .hero-image .hero-section, .home-page-layout .hero-section .hero-image .hero-section-mobile {
  position: relative;
  overflow: visible;
}
.home-page-layout .hero-section .hero-image .hero-section .blob, .home-page-layout .hero-section .hero-image .hero-section-mobile .blob {
  background-image: url(../images/homepage-blob.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -150px;
  left: 50%;
  transform: translateX(-55%);
  width: 685px;
  height: 595px;
  z-index: -1;
}
.home-page-layout .hero-section .hero-image .hero-section .blob-mobile, .home-page-layout .hero-section .hero-image .hero-section-mobile .blob-mobile {
  background-image: url(../images/homepage-blob-mobile.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -130px;
  left: 50%;
  transform: translateX(-35%);
  width: 685px;
  height: 595px;
  z-index: -1;
}
.home-page-layout .hero-section .hero-image .hero-section .home-header-image, .home-page-layout .hero-section .hero-image .hero-section-mobile .home-header-image {
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  height: 350px;
  width: 450px;
  margin: 30px auto -90px;
}
.home-page-layout .hero-section .mentors-cta {
  order: 4;
}
.home-page-layout .hero-section .mentors-cta img {
  margin-left: 16px;
}
@media (max-width: 991px) {
  .home-page-layout .hero-section .hero-main-text .heading-div {
    margin-top: 85px;
  }
  .home-page-layout .hero-section .hero-image {
    order: 3;
  }
  .home-page-layout .hero-section .hero-image .hero-section, .home-page-layout .hero-section .hero-image .hero-section-mobile {
    margin-top: 26px;
  }
  .home-page-layout .hero-section .hero-image .hero-section .home-header-image, .home-page-layout .hero-section .hero-image .hero-section-mobile .home-header-image {
    background-repeat: no-repeat;
    background-size: contain;
    margin: -50px auto -90px;
    width: 330px;
    height: 410px;
  }
  .home-page-layout .hero-section .hero-secondary-text {
    order: 3;
    margin-top: 0px;
  }
}
.home-page-layout .hero-section .search {
  order: 4;
}
.home-page-layout .hero-section .statistics {
  order: 5;
}
.home-page-layout .hero-section .statistics .stats-list {
  gap: 30px;
  margin-top: 50px;
  align-items: flex-start;
  justify-content: center;
}
.home-page-layout .hero-section .membership-cta-text {
  order: 6;
  margin-bottom: 88px;
  margin-top: 32px;
  margin-right: 15px;
  margin-left: 15px;
}
.home-page-layout .hero-section .membership-cta-text a {
  color: #000;
  font-weight: 600;
  text-decoration: underline;
}
.home-page-layout .hero-section .membership-cta-text span {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
  line-height: 46.8px;
  text-align: center;
}
.home-page-layout .heading-div {
  font-size: 33px;
  font-weight: 900;
  position: absolute;
  text-align: center;
  margin: auto;
  width: 100%;
  top: -11px;
  margin-left: -15px;
}
.home-page-layout .heading-div .heading-title {
  font-size: 40px;
  font-weight: 900;
}
.home-page-layout .heading-div .heading-title-newline {
  background: url("../images/yellow-heading-bg.svg") no-repeat left top;
  background-size: 311px;
  background-position-x: 50%;
  font-size: 33px;
  font-weight: 900;
  padding: 3px 25px 2px;
  margin: auto;
  align-items: center;
}
.home-page-layout .form.search .filters-row {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #E0D9CA;
  border-radius: 45px;
  background-color: white;
  width: max-content;
  margin: auto;
}
@media (max-width: 991px) {
  .home-page-layout .form.search .filters-row {
    width: auto;
  }
}
@media (max-width: 768px) {
  .home-page-layout .form.search .filters-row .form-element {
    width: 95%;
  }
}
.home-page-layout .form.search .filters-row .form-element .filter-label {
  display: block;
  color: #2189E6;
  font-size: 16px;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  margin-bottom: 0px;
}
.home-page-layout .form.search .filters-row .form-element .checkbox-btn-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: center;
  margin: 13px 0px;
  padding-right: 20px;
  padding-left: 20px;
}
@media (max-width: 768px) {
  .home-page-layout .form.search .filters-row .form-element .checkbox-btn-group {
    flex-direction: column;
    width: 100%;
  }
}
.home-page-layout .form.search .filters-row .form-element .checkbox-btn {
  display: inline-block;
  padding: 10px 15px;
  padding-left: 35px;
  border-radius: 24px;
  font-size: 16px;
  background: #2189E6;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  user-select: none;
  font-family: "Source Sans Pro", sans-serif;
}
@media (max-width: 768px) {
  .home-page-layout .form.search .filters-row .form-element .checkbox-btn {
    width: 100%;
  }
}
.home-page-layout .form.search .filters-row .form-element .checkbox-btn .arrow-right {
  background-image: url(../images/arrow-right-white.svg);
  height: 17px;
  background-repeat: no-repeat;
  margin-bottom: -6px !important;
  margin-left: 21px;
  width: 18px;
  display: inline-block;
  top: 50%;
  transform: none;
}
.home-page-layout .form.search .filters-row .form-element input[type=checkbox].option-selector-menu:checked + .checkbox-btn {
  background: #2189E6;
  color: #FFFFFF;
}
.home-page-layout .form.search .filters-row .form-element input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.home-page-layout .form.search a#mentor-filter-form-submit {
  padding: 15px 10px 16px 24px;
  box-shadow: none;
  display: flex;
  justify-content: space-between;
}
.home-page-layout .form.search a#mentor-filter-form-submit .innerArrow {
  background-image: url("../images/chevron_down.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 18px;
  right: 15px;
  top: 50%;
  transform: rotate(-90deg);
}
.home-page-layout .form.search .select2-selection__placeholder {
  font-size: 16px;
  padding: 0 0 0 9px;
}
.home-page-layout h1 {
  margin-bottom: 5px;
  line-height: 1.3;
  margin-top: 0;
}
.home-page-layout .home-hero {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .home-page-layout .home-hero {
    flex-direction: column-reverse;
  }
  .home-page-layout .home-hero .hero-text {
    margin-top: -75%;
  }
}
.home-page-layout .form .form-group {
  padding: 0 2px;
}
.home-page-layout .statistics {
  background-color: inherit;
  margin-top: 40px;
}
.home-page-layout .statistics .stats-list {
  display: flex;
  justify-content: center;
  flex-direction: row;
  gap: 88px;
}
.home-page-layout .statistics .stats-list .stat-item {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.home-page-layout .statistics .stats-list .stat-item .stat-number {
  color: #000;
  font-family: "Source Serif Pro", serif;
  font-weight: 700;
  font-size: 62px;
}
.home-page-layout .statistics .stats-list .stat-item .stat-description {
  color: #000;
  font-size: 14px;
  letter-spacing: 0px;
  margin-left: 10px;
  font-weight: 400;
}
.home-page-layout .conference-banner {
  margin-bottom: 37px;
}
.home-page-layout .conference-banner .banner-mobile {
  display: none;
  height: auto;
  width: 100%;
}
.home-page-layout .conference-banner .banner-desktop {
  display: block;
  height: auto;
  width: 100%;
}
.home-page-layout .become-mentor {
  background-color: #2B2B2B;
  margin-bottom: 30px;
  margin-top: 70px;
}
.home-page-layout .become-mentor .image {
  background-size: cover;
  background-position: center center;
  margin-left: 50px;
  margin-top: 84px;
  background-repeat: no-repeat;
  margin-bottom: 42px;
  width: 265px;
  height: 280px;
}
.home-page-layout .become-mentor .mentor-section-heading {
  margin-top: 96px;
}
.home-page-layout .become-mentor .buttons {
  margin-bottom: 96px;
}
.home-page-layout .become-mentor h2 {
  color: #fff;
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 20px;
  text-align: left;
}
.home-page-layout .become-mentor p {
  color: #fff;
  margin-bottom: 15px;
}
.home-page-layout .become-mentor .mentor-button {
  width: auto;
  min-width: 207px;
  height: 42px;
  color: #fff;
  border-radius: 22px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #2189E6;
  margin-right: 20px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
}
.home-page-layout .become-mentor .mentor-button:hover {
  background-color: #2189E6;
}
.home-page-layout .become-mentor .mentor-info-button {
  display: inline-block;
  padding: 18px 17px;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
}
.home-page-layout .become-mentor .mentor-info-button {
  padding-left: 15px;
}
.home-page-layout .become-mentor-content {
  background-color: #2B2B2B;
}
.home-page-layout .become-mentor-content .header-section {
  display: flex;
  gap: 105px;
  justify-content: center;
  padding-top: 96px;
  padding-bottom: 96px;
}
@media (max-width: 768px) {
  .home-page-layout .become-mentor-content .header-section {
    justify-content: left;
    flex-wrap: wrap;
    gap: 32px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.home-page-layout .become-mentor-content .header-section h2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  text-align: left;
  font-size: 36px;
  font-family: "Source Sans 3", sans-serif;
}
.home-page-layout .become-mentor-content .header-section .heading-image {
  width: 40%;
}
.home-page-layout .become-mentor-content .header-section .heading-image img {
  float: right;
}
@media (max-width: 768px) {
  .home-page-layout .become-mentor-content .header-section .heading-image {
    width: 100%;
  }
  .home-page-layout .become-mentor-content .header-section .heading-image img {
    float: left;
  }
}
.home-page-layout .become-mentor-content .header-section .heading-content {
  width: 50%;
}
@media (max-width: 768px) {
  .home-page-layout .become-mentor-content .header-section .heading-content {
    width: 100%;
  }
}
.home-page-layout .become-mentor-content .header-section .heading-content .heading-text {
  color: #fff;
}
.home-page-layout .become-mentor-content .header-section .heading-content .subheading-text p {
  color: #fff;
  max-width: 473px;
}
.home-page-layout .become-mentor-content .header-section .heading-content .buttons .mentor-button {
  width: auto;
  min-width: 207px;
  height: 42px;
  color: #fff;
  border-radius: 22px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #2189E6;
  margin-right: 20px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
}
.home-page-layout .become-mentor-content .header-section .heading-content .buttons .mentor-button:hover {
  background-color: #2189E6;
}
.home-page-layout .become-mentor-content .header-section .heading-content .buttons .mentor-info-button {
  display: inline-block;
  padding: 18px 17px;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
}
.home-page-layout .become-mentor-content .header-section .heading-content .buttons .mentor-info-button {
  padding-left: 15px;
}
.home-page-layout .become-mentor-content .header-section .heading-content .buttons .mentee-button {
  width: auto;
  min-width: 213px;
  height: 42px;
  color: #fff;
  border-radius: 22px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #4FA3FD;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin: 15px 20px 15px 0;
}
.home-page-layout .become-mentor-content .header-section .heading-content .buttons .mentee-button:hover {
  color: #fff;
  background-color: #2189E6;
}
@media (max-width: 768px) {
  .home-page-layout .become-mentor-content .header-section .heading-content .buttons .mentee-button {
    width: 100%;
  }
}
.home-page-layout .become-mentor-content .header-section .heading-content .buttons .mentee-info-button {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 15px;
  padding: 18px 10px;
  text-align: center;
  font-size: 15px;
  line-height: 15px;
}
@media (max-width: 768px) {
  .home-page-layout .become-mentor-content .header-section .heading-content .buttons .mentee-info-button {
    display: flex;
    justify-content: center;
  }
}
.home-page-layout .become-mentee-content .header-section {
  display: flex;
  justify-content: center;
  padding-top: 96px;
  padding-bottom: 96px;
}
@media (max-width: 768px) {
  .home-page-layout .become-mentee-content .header-section {
    justify-content: left;
    flex-wrap: wrap-reverse;
    gap: 32px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.home-page-layout .become-mentee-content .header-section h2 {
  margin-top: 0;
  margin-bottom: 20px;
  text-align: left;
  font-size: 36px;
  font-family: "Source Sans 3", sans-serif;
}
.home-page-layout .become-mentee-content .header-section .heading-image {
  width: 30%;
}
.home-page-layout .become-mentee-content .header-section .heading-image img {
  float: left;
}
.home-page-layout .become-mentee-content .header-section .heading-content {
  width: 50%;
  margin-left: 18%;
}
@media (max-width: 768px) {
  .home-page-layout .become-mentee-content .header-section .heading-content {
    width: 100%;
    margin-left: unset;
  }
}
.home-page-layout .become-mentee-content .header-section .heading-content .subheading-text p {
  max-width: 473px;
}
.home-page-layout .become-mentee-content .header-section .heading-content .buttons .mentor-button {
  width: auto;
  min-width: 207px;
  height: 42px;
  color: #fff;
  border-radius: 22px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #2189E6;
  margin-right: 20px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
}
.home-page-layout .become-mentee-content .header-section .heading-content .buttons .mentor-button:hover {
  background-color: #2189E6;
}
.home-page-layout .become-mentee-content .header-section .heading-content .buttons .mentor-info-button {
  display: inline-block;
  padding: 18px 17px;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
}
.home-page-layout .become-mentee-content .header-section .heading-content .buttons .mentor-info-button {
  padding-left: 15px;
}
.home-page-layout .become-mentee-content .header-section .heading-content .buttons .mentee-button {
  width: auto;
  min-width: 213px;
  height: 42px;
  color: #fff;
  border-radius: 22px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #4FA3FD;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin: 15px 20px 15px 0;
}
.home-page-layout .become-mentee-content .header-section .heading-content .buttons .mentee-button:hover {
  color: #fff;
  background-color: #2189E6;
}
@media (max-width: 768px) {
  .home-page-layout .become-mentee-content .header-section .heading-content .buttons .mentee-button {
    width: 100%;
  }
}
.home-page-layout .become-mentee-content .header-section .heading-content .buttons .mentee-info-button {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 15px;
  padding: 18px 10px;
  text-align: center;
  font-size: 15px;
  line-height: 15px;
}
@media (max-width: 768px) {
  .home-page-layout .become-mentee-content .header-section .heading-content .buttons .mentee-info-button {
    display: flex;
    justify-content: center;
  }
}
.home-page-layout .faq-cta-section {
  margin-bottom: 64px;
}
.home-page-layout .faq-cta-section .heading {
  margin-bottom: 20px;
}
.home-page-layout .faq-cta-section .heading p {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 140%;
}

@media (max-width: 991px) {
  .front-page-layout .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .front-page-layout .cover form {
    margin-bottom: 20px;
  }
  .front-page-layout .cover form .form-group {
    margin: 0;
  }
  .front-page-layout .testimonials .right-quote {
    display: none;
  }
  .front-page-layout .testimonials #testimonialCarousel {
    height: unset;
    margin-bottom: 110px;
  }
  .front-page-layout .testimonials #testimonialCarousel .carousel-inner .image {
    margin: auto;
    margin-bottom: 20px;
  }
  .front-page-layout .become-mentor {
    margin-top: 40px;
  }
}
#videoModal .modal-dialog {
  position: relative;
  transform: translateY(-50%);
  top: 50%;
}
#videoModal .modal-dialog .close {
  margin-bottom: 10px;
  margin-top: -10px;
}

.recommended-employers-legacy {
  background-color: #f8f6f1;
}
.recommended-employers-legacy .row-title p {
  padding-top: 39px;
  margin-bottom: 43px;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  line-height: normal;
  text-align: center;
  color: #262626;
}
.recommended-employers-legacy .employers .logo-row {
  padding-bottom: 20px;
}
.recommended-employers-legacy .employers .employer-item {
  display: block;
  margin: 20px 39px 30px 39px;
}
.recommended-employers-legacy .employers .employer-item .image {
  max-height: 45px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .front-page-layout .menu-heading {
    top: -6px;
  }
  .front-page-layout .heading-div {
    top: -40px;
  }
  .front-page-layout p.text-center {
    margin: 15px;
  }
  .front-page-layout .statistics {
    margin-top: 0;
  }
  .front-page-layout .statistics ul {
    margin: 0;
    height: 71px;
    display: unset;
  }
  .front-page-layout .statistics ul li {
    margin: auto 0px;
  }
  .front-page-layout .statistics ul li.video {
    width: 100%;
  }
  .front-page-layout .statistics ul li.video a {
    line-height: 71px;
  }
  .front-page-layout .conference-banner {
    margin-bottom: 37px;
  }
  .front-page-layout .conference-banner .banner-mobile {
    display: block;
    height: auto;
    width: 100%;
  }
  .front-page-layout .conference-banner .banner-desktop {
    display: none;
    height: auto;
    width: 100%;
  }
  .front-page-layout .become-mentor .mentor-button {
    margin-top: 30px;
  }
  .front-page-layout .become-mentor .mentor-info-button,
  .front-page-layout .become-mentor .mentor-button {
    display: block;
    width: 70%;
    margin: 10px auto;
    text-align: center;
  }
}
.partner-feedback-content h2 {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 140%;
}
@media (min-width: 769px) {
  .partner-feedback-content .col-md-offset-2 {
    margin-left: 12.666667%;
  }
}
.partner-feedback-content .feedback-heading {
  text-align: center;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .partner-feedback-content .feedback-heading {
    text-align: left;
  }
}

.find-mentor-content .header-section {
  display: flex;
  justify-content: center;
  margin-top: 32px;
  margin-bottom: 64px;
}
@media (max-width: 768px) {
  .find-mentor-content .header-section {
    display: block;
  }
}
.find-mentor-content .header-section .heading-text h2 {
  font-size: 36px;
  font-family: "Source Sans 3", sans-serif;
}
.find-mentor-content .header-section .heading-image {
  position: relative;
  margin-top: 6%;
}
.find-mentor-content .header-section .heading-image img {
  width: auto;
  height: 334px;
  margin-top: 50px;
}
@media (max-width: 768px) {
  .find-mentor-content .header-section .heading-image {
    display: none;
  }
}
@media (min-width: 769px) {
  .find-mentor-content .header-section .heading-image {
    display: flex;
    justify-content: center;
  }
}
.find-mentor-content .header-section .heading-content .heading-image-details img {
  max-width: 387px;
}
@media (max-width: 768px) {
  .find-mentor-content .header-section .heading-content .heading-image-details img {
    width: 100%;
    height: auto;
  }
}
.find-mentor-content .header-section .heading-content .heading-image-mobile img {
  width: 309px;
}
@media (max-width: 768px) {
  .find-mentor-content .header-section .heading-content .heading-image-mobile {
    display: flex;
    justify-content: left;
  }
}
@media (min-width: 769px) {
  .find-mentor-content .header-section .heading-content .heading-image-mobile {
    display: none;
  }
}
.find-mentor-content .header-section .heading-content .subheading-text {
  margin-top: 16px;
  margin-left: -40px;
}
@media (max-width: 768px) {
  .find-mentor-content .header-section .heading-content .subheading-text {
    margin-left: -30px;
  }
}
.find-mentor-content .header-section .heading-content .subheading-text mark {
  background-color: #FFDC71;
}
.find-mentor-content .header-section .heading-content .subheading-text ul {
  list-style-image: unset;
}
.find-mentor-content .header-section .heading-content .subheading-text ul li {
  margin-bottom: 16px;
}
.find-mentor-content .header-section .heading-content .buttons .mentor-button {
  width: auto;
  min-width: 207px;
  height: 42px;
  color: #fff;
  border-radius: 22px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #2189E6;
  margin-right: 20px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
}
.find-mentor-content .header-section .heading-content .buttons .mentor-button:hover {
  background-color: #2189E6;
}
@media (max-width: 768px) {
  .find-mentor-content .header-section .heading-content .buttons .mentor-button {
    width: 100%;
  }
}
.find-mentor-content .header-section .heading-content .buttons .mentor-info-button {
  display: inline-block;
  padding: 18px 17px;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
}
.find-mentor-content .header-section .heading-content .buttons .mentor-info-button {
  padding-left: 15px;
}
.find-mentor-content .header-section .heading-content .buttons .mentee-button {
  width: auto;
  min-width: 213px;
  height: 42px;
  color: #fff;
  border-radius: 22px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #4FA3FD;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin: 15px 20px 15px 0;
}
.find-mentor-content .header-section .heading-content .buttons .mentee-button:hover {
  color: #fff;
  background-color: #2189E6;
}
@media (max-width: 768px) {
  .find-mentor-content .header-section .heading-content .buttons .mentee-button {
    width: 100%;
  }
}
.find-mentor-content .header-section .heading-content .buttons .mentee-info-button {
  display: inline-block;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 18px 10px;
  text-align: center;
  font-size: 15px;
  line-height: 15px;
}

#loginModal .modal-dialog, #loginFormModal .modal-dialog, #registerWelcomeModal .modal-dialog, #registerFormModal .modal-dialog, #sendCVModal .modal-dialog {
  background-color: #F8F6F1;
}
#loginModal .modal-dialog .modal-content-wrapper, #loginFormModal .modal-dialog .modal-content-wrapper, #registerWelcomeModal .modal-dialog .modal-content-wrapper, #registerFormModal .modal-dialog .modal-content-wrapper, #sendCVModal .modal-dialog .modal-content-wrapper {
  position: relative;
  width: 100%;
  max-height: calc(100vh - 60px);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background .form-horizontal, #loginModal .modal-dialog .modal-content-wrapper .register-background .form-horizontal, #loginFormModal .modal-dialog .modal-content-wrapper .login-background .form-horizontal, #loginFormModal .modal-dialog .modal-content-wrapper .register-background .form-horizontal, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background .form-horizontal, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background .form-horizontal, #registerFormModal .modal-dialog .modal-content-wrapper .login-background .form-horizontal, #registerFormModal .modal-dialog .modal-content-wrapper .register-background .form-horizontal, #sendCVModal .modal-dialog .modal-content-wrapper .login-background .form-horizontal, #sendCVModal .modal-dialog .modal-content-wrapper .register-background .form-horizontal {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background .form-horizontal .form-group, #loginModal .modal-dialog .modal-content-wrapper .register-background .form-horizontal .form-group, #loginFormModal .modal-dialog .modal-content-wrapper .login-background .form-horizontal .form-group, #loginFormModal .modal-dialog .modal-content-wrapper .register-background .form-horizontal .form-group, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background .form-horizontal .form-group, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background .form-horizontal .form-group, #registerFormModal .modal-dialog .modal-content-wrapper .login-background .form-horizontal .form-group, #registerFormModal .modal-dialog .modal-content-wrapper .register-background .form-horizontal .form-group, #sendCVModal .modal-dialog .modal-content-wrapper .login-background .form-horizontal .form-group, #sendCVModal .modal-dialog .modal-content-wrapper .register-background .form-horizontal .form-group {
  width: auto;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background .form-horizontal .form-group .form-control, #loginModal .modal-dialog .modal-content-wrapper .register-background .form-horizontal .form-group .form-control, #loginFormModal .modal-dialog .modal-content-wrapper .login-background .form-horizontal .form-group .form-control, #loginFormModal .modal-dialog .modal-content-wrapper .register-background .form-horizontal .form-group .form-control, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background .form-horizontal .form-group .form-control, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background .form-horizontal .form-group .form-control, #registerFormModal .modal-dialog .modal-content-wrapper .login-background .form-horizontal .form-group .form-control, #registerFormModal .modal-dialog .modal-content-wrapper .register-background .form-horizontal .form-group .form-control, #sendCVModal .modal-dialog .modal-content-wrapper .login-background .form-horizontal .form-group .form-control, #sendCVModal .modal-dialog .modal-content-wrapper .register-background .form-horizontal .form-group .form-control {
  width: 320px;
  height: 50px;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background h2, #loginModal .modal-dialog .modal-content-wrapper .register-background h2, #loginFormModal .modal-dialog .modal-content-wrapper .login-background h2, #loginFormModal .modal-dialog .modal-content-wrapper .register-background h2, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background h2, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background h2, #registerFormModal .modal-dialog .modal-content-wrapper .login-background h2, #registerFormModal .modal-dialog .modal-content-wrapper .register-background h2, #sendCVModal .modal-dialog .modal-content-wrapper .login-background h2, #sendCVModal .modal-dialog .modal-content-wrapper .register-background h2 {
  margin-bottom: 28px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #262626;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background p:first-of-type, #loginModal .modal-dialog .modal-content-wrapper .register-background p:first-of-type, #loginFormModal .modal-dialog .modal-content-wrapper .login-background p:first-of-type, #loginFormModal .modal-dialog .modal-content-wrapper .register-background p:first-of-type, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background p:first-of-type, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background p:first-of-type, #registerFormModal .modal-dialog .modal-content-wrapper .login-background p:first-of-type, #registerFormModal .modal-dialog .modal-content-wrapper .register-background p:first-of-type, #sendCVModal .modal-dialog .modal-content-wrapper .login-background p:first-of-type, #sendCVModal .modal-dialog .modal-content-wrapper .register-background p:first-of-type {
  margin: 20px 0;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background .btn, #loginModal .modal-dialog .modal-content-wrapper .register-background .btn, #loginFormModal .modal-dialog .modal-content-wrapper .login-background .btn, #loginFormModal .modal-dialog .modal-content-wrapper .register-background .btn, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background .btn, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background .btn, #registerFormModal .modal-dialog .modal-content-wrapper .login-background .btn, #registerFormModal .modal-dialog .modal-content-wrapper .register-background .btn, #sendCVModal .modal-dialog .modal-content-wrapper .login-background .btn, #sendCVModal .modal-dialog .modal-content-wrapper .register-background .btn {
  display: block;
  width: 320px;
  margin: 15px auto;
  border-radius: 25px;
  padding: 13px 35px;
  box-shadow: none;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background .btn.social-button, #loginModal .modal-dialog .modal-content-wrapper .register-background .btn.social-button, #loginFormModal .modal-dialog .modal-content-wrapper .login-background .btn.social-button, #loginFormModal .modal-dialog .modal-content-wrapper .register-background .btn.social-button, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background .btn.social-button, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background .btn.social-button, #registerFormModal .modal-dialog .modal-content-wrapper .login-background .btn.social-button, #registerFormModal .modal-dialog .modal-content-wrapper .register-background .btn.social-button, #sendCVModal .modal-dialog .modal-content-wrapper .login-background .btn.social-button, #sendCVModal .modal-dialog .modal-content-wrapper .register-background .btn.social-button {
  background-color: #fff;
  color: #262626;
  border: 1px solid #D8D8D8;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background .btn.social-button:hover, #loginModal .modal-dialog .modal-content-wrapper .register-background .btn.social-button:hover, #loginFormModal .modal-dialog .modal-content-wrapper .login-background .btn.social-button:hover, #loginFormModal .modal-dialog .modal-content-wrapper .register-background .btn.social-button:hover, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background .btn.social-button:hover, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background .btn.social-button:hover, #registerFormModal .modal-dialog .modal-content-wrapper .login-background .btn.social-button:hover, #registerFormModal .modal-dialog .modal-content-wrapper .register-background .btn.social-button:hover, #sendCVModal .modal-dialog .modal-content-wrapper .login-background .btn.social-button:hover, #sendCVModal .modal-dialog .modal-content-wrapper .register-background .btn.social-button:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #D8D8D8;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background .btn.social-button .social-img, #loginModal .modal-dialog .modal-content-wrapper .register-background .btn.social-button .social-img, #loginFormModal .modal-dialog .modal-content-wrapper .login-background .btn.social-button .social-img, #loginFormModal .modal-dialog .modal-content-wrapper .register-background .btn.social-button .social-img, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background .btn.social-button .social-img, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background .btn.social-button .social-img, #registerFormModal .modal-dialog .modal-content-wrapper .login-background .btn.social-button .social-img, #registerFormModal .modal-dialog .modal-content-wrapper .register-background .btn.social-button .social-img, #sendCVModal .modal-dialog .modal-content-wrapper .login-background .btn.social-button .social-img, #sendCVModal .modal-dialog .modal-content-wrapper .register-background .btn.social-button .social-img {
  margin-right: 16px;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background .btn.facebook-button, #loginModal .modal-dialog .modal-content-wrapper .register-background .btn.facebook-button, #loginFormModal .modal-dialog .modal-content-wrapper .login-background .btn.facebook-button, #loginFormModal .modal-dialog .modal-content-wrapper .register-background .btn.facebook-button, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background .btn.facebook-button, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background .btn.facebook-button, #registerFormModal .modal-dialog .modal-content-wrapper .login-background .btn.facebook-button, #registerFormModal .modal-dialog .modal-content-wrapper .register-background .btn.facebook-button, #sendCVModal .modal-dialog .modal-content-wrapper .login-background .btn.facebook-button, #sendCVModal .modal-dialog .modal-content-wrapper .register-background .btn.facebook-button {
  background-color: #fff;
  color: #000;
  border: 1px solid #D8D8D8;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background .btn.facebook-button:hover, #loginModal .modal-dialog .modal-content-wrapper .register-background .btn.facebook-button:hover, #loginFormModal .modal-dialog .modal-content-wrapper .login-background .btn.facebook-button:hover, #loginFormModal .modal-dialog .modal-content-wrapper .register-background .btn.facebook-button:hover, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background .btn.facebook-button:hover, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background .btn.facebook-button:hover, #registerFormModal .modal-dialog .modal-content-wrapper .login-background .btn.facebook-button:hover, #registerFormModal .modal-dialog .modal-content-wrapper .register-background .btn.facebook-button:hover, #sendCVModal .modal-dialog .modal-content-wrapper .login-background .btn.facebook-button:hover, #sendCVModal .modal-dialog .modal-content-wrapper .register-background .btn.facebook-button:hover {
  border-color: #25417a;
  background-color: #25417a;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background .btn.linkedIn-button, #loginModal .modal-dialog .modal-content-wrapper .register-background .btn.linkedIn-button, #loginFormModal .modal-dialog .modal-content-wrapper .login-background .btn.linkedIn-button, #loginFormModal .modal-dialog .modal-content-wrapper .register-background .btn.linkedIn-button, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background .btn.linkedIn-button, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background .btn.linkedIn-button, #registerFormModal .modal-dialog .modal-content-wrapper .login-background .btn.linkedIn-button, #registerFormModal .modal-dialog .modal-content-wrapper .register-background .btn.linkedIn-button, #sendCVModal .modal-dialog .modal-content-wrapper .login-background .btn.linkedIn-button, #sendCVModal .modal-dialog .modal-content-wrapper .register-background .btn.linkedIn-button {
  background-color: #0077B5;
  color: #fff;
  border: 2px solid #0077B5;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background .btn.linkedIn-button:hover, #loginModal .modal-dialog .modal-content-wrapper .register-background .btn.linkedIn-button:hover, #loginFormModal .modal-dialog .modal-content-wrapper .login-background .btn.linkedIn-button:hover, #loginFormModal .modal-dialog .modal-content-wrapper .register-background .btn.linkedIn-button:hover, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background .btn.linkedIn-button:hover, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background .btn.linkedIn-button:hover, #registerFormModal .modal-dialog .modal-content-wrapper .login-background .btn.linkedIn-button:hover, #registerFormModal .modal-dialog .modal-content-wrapper .register-background .btn.linkedIn-button:hover, #sendCVModal .modal-dialog .modal-content-wrapper .login-background .btn.linkedIn-button:hover, #sendCVModal .modal-dialog .modal-content-wrapper .register-background .btn.linkedIn-button:hover {
  border-color: #005582;
  background-color: #005582;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background .btn.email-button, #loginModal .modal-dialog .modal-content-wrapper .register-background .btn.email-button, #loginFormModal .modal-dialog .modal-content-wrapper .login-background .btn.email-button, #loginFormModal .modal-dialog .modal-content-wrapper .register-background .btn.email-button, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background .btn.email-button, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background .btn.email-button, #registerFormModal .modal-dialog .modal-content-wrapper .login-background .btn.email-button, #registerFormModal .modal-dialog .modal-content-wrapper .register-background .btn.email-button, #sendCVModal .modal-dialog .modal-content-wrapper .login-background .btn.email-button, #sendCVModal .modal-dialog .modal-content-wrapper .register-background .btn.email-button {
  background-color: #fff;
  color: #4FA3FD;
  border: 2px solid #4FA3FD;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background .btn.email-button:hover, #loginModal .modal-dialog .modal-content-wrapper .register-background .btn.email-button:hover, #loginFormModal .modal-dialog .modal-content-wrapper .login-background .btn.email-button:hover, #loginFormModal .modal-dialog .modal-content-wrapper .register-background .btn.email-button:hover, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background .btn.email-button:hover, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background .btn.email-button:hover, #registerFormModal .modal-dialog .modal-content-wrapper .login-background .btn.email-button:hover, #registerFormModal .modal-dialog .modal-content-wrapper .register-background .btn.email-button:hover, #sendCVModal .modal-dialog .modal-content-wrapper .login-background .btn.email-button:hover, #sendCVModal .modal-dialog .modal-content-wrapper .register-background .btn.email-button:hover {
  border-color: #2189E6;
  color: #2189E6;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background .error-field, #loginModal .modal-dialog .modal-content-wrapper .register-background .error-field, #loginFormModal .modal-dialog .modal-content-wrapper .login-background .error-field, #loginFormModal .modal-dialog .modal-content-wrapper .register-background .error-field, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background .error-field, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background .error-field, #registerFormModal .modal-dialog .modal-content-wrapper .login-background .error-field, #registerFormModal .modal-dialog .modal-content-wrapper .register-background .error-field, #sendCVModal .modal-dialog .modal-content-wrapper .login-background .error-field, #sendCVModal .modal-dialog .modal-content-wrapper .register-background .error-field {
  display: none;
  max-width: 315px;
  width: 100%;
  margin: auto;
}
#loginModal .modal-dialog .modal-content-wrapper .login-background .image, #loginModal .modal-dialog .modal-content-wrapper .register-background .image, #loginFormModal .modal-dialog .modal-content-wrapper .login-background .image, #loginFormModal .modal-dialog .modal-content-wrapper .register-background .image, #registerWelcomeModal .modal-dialog .modal-content-wrapper .login-background .image, #registerWelcomeModal .modal-dialog .modal-content-wrapper .register-background .image, #registerFormModal .modal-dialog .modal-content-wrapper .login-background .image, #registerFormModal .modal-dialog .modal-content-wrapper .register-background .image, #sendCVModal .modal-dialog .modal-content-wrapper .login-background .image, #sendCVModal .modal-dialog .modal-content-wrapper .register-background .image {
  background-image: url("../images/brand_logo_blue.png");
  background-size: cover;
  height: 26px;
  width: 120px;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 16px;
}

.login-page .close-modal, .register-page .close-modal {
  padding: 0;
  background: none;
  border: none;
  position: absolute;
  right: 25px;
  top: 20px;
  opacity: 1;
  z-index: 99;
}
.login-page .close-modal span, .register-page .close-modal span {
  display: inline-block;
  background-image: url("../images/close.png");
  background-size: cover;
  height: 24px;
  width: 24px;
}
.login-page .background, .register-page .background {
  background-image: url("../images/login_background.png");
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: top right;
}
.login-page .background h2, .register-page .background h2 {
  padding-top: 40px;
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #262626;
}
.login-page .background p:first-of-type, .register-page .background p:first-of-type {
  margin: 20px 0;
}
.login-page .background .btn, .register-page .background .btn {
  display: block;
  width: 267px;
  margin: 15px auto 15px auto;
  border-radius: 25px;
  padding: 13px 35px;
  box-shadow: none;
}
.login-page .background .btn.social-button, .register-page .background .btn.social-button {
  background-color: #fff;
  color: #262626;
  border: 1px solid #D8D8D8;
}
.login-page .background .btn.social-button:hover, .register-page .background .btn.social-button:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #D8D8D8;
}
.login-page .background .btn.social-button .social-img, .register-page .background .btn.social-button .social-img {
  margin-right: 16px;
}
.login-page .background .btn.facebook-button, .register-page .background .btn.facebook-button {
  background-color: #4266B1;
  color: #fff;
  border: 2px solid #4266B1;
}
.login-page .background .btn.facebook-button:hover, .register-page .background .btn.facebook-button:hover {
  border-color: #25417a;
  background-color: #25417a;
}
.login-page .background .btn.linkedIn-button, .register-page .background .btn.linkedIn-button {
  background-color: #0077B5;
  color: #fff;
  border: 2px solid #0077B5;
}
.login-page .background .btn.linkedIn-button:hover, .register-page .background .btn.linkedIn-button:hover {
  border-color: #005582;
  background-color: #005582;
}
.login-page .background .btn.email-button, .register-page .background .btn.email-button {
  background-color: #fff;
  color: #4FA3FD;
  border: 2px solid #4FA3FD;
}
.login-page .background .btn.email-button:hover, .register-page .background .btn.email-button:hover {
  border-color: #2189E6;
  color: #2189E6;
}
.login-page .background .error-field, .register-page .background .error-field {
  display: none;
  max-width: 315px;
  width: 100%;
  margin: auto;
}
.login-page .background .image, .register-page .background .image {
  background-image: url("../images/brand_logo_blue.png");
  background-size: cover;
  height: 42px;
  width: 195px;
  margin: auto;
  margin-top: 80px;
  margin-bottom: 70px;
}
.login-page form, .register-page form {
  margin-bottom: 40px;
}
.login-page form .how-did-you-hear-question .arrow-down, .register-page form .how-did-you-hear-question .arrow-down {
  position: relative;
  top: -37px;
  left: calc(100% - 30px);
}
.login-page form .form-group .recaptcha-note, .register-page form .form-group .recaptcha-note {
  color: #7B7B7B;
  font-size: 12px;
}
.login-page form .form-group .agreement-checkbox, .register-page form .form-group .agreement-checkbox {
  height: unset;
}
.login-page form .form-group .registration-sources, .register-page form .form-group .registration-sources {
  width: 100%;
  height: 52px;
  padding-left: 15px;
  border-radius: 5px;
  font-size: 16px;
  color: rgb(85, 85, 85);
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  appearance: none;
}
.login-page form .form-group .arrow, .register-page form .form-group .arrow {
  background-image: url("../images/triangle-down.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 10px;
  right: 20px;
  top: 50%;
  transform: translateY(-40%);
  bottom: 14px;
}
.login-page form .form-group .field-img, .register-page form .form-group .field-img {
  width: 16px;
  position: absolute;
  right: 75px;
  bottom: 219px;
}
@media (max-width: 991px) {
  .login-page form .form-group .field-img, .register-page form .form-group .field-img {
    right: 24%;
    bottom: 203px;
  }
}
@media (max-width: 768px) {
  .login-page form .form-group .field-img, .register-page form .form-group .field-img {
    right: 20%;
    bottom: 203px;
  }
}
.login-page form .form-group .btn.btn-linkedIn, .register-page form .form-group .btn.btn-linkedIn {
  background-color: #0077B5;
}
.login-page form .form-group .btn.btn-facebook, .register-page form .form-group .btn.btn-facebook {
  background-color: #4266B1;
}
.login-page form .form-group .control-label, .register-page form .form-group .control-label {
  padding-bottom: 6px;
  font-size: 14px;
  color: #7B7B7B;
}
.login-page form .form-group .section-title, .register-page form .form-group .section-title {
  margin: 0;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 14px;
}
.login-page form .form-group .horizontal-line, .register-page form .form-group .horizontal-line {
  padding: 0;
}
.login-page form .form-group .horizontal-line hr, .register-page form .form-group .horizontal-line hr {
  margin: 10px 0;
}
.login-page form .form-group .btn, .register-page form .form-group .btn {
  background-color: #4FA3FD;
  color: #fff;
  font-size: 18px;
  box-shadow: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border: 0;
  line-height: 34px;
}
.login-page form .form-group input[type=text], .login-page form .form-group input[type=password], .register-page form .form-group input[type=text], .register-page form .form-group input[type=password] {
  border-radius: 5px;
  height: 51px;
}
.login-page form .form-group .valid .check-mark, .register-page form .form-group .valid .check-mark {
  background-image: url("../images/check-green.png");
}
.login-page form .form-group .check-mark, .register-page form .form-group .check-mark {
  display: inline-block;
  background-size: cover;
  background-position: center center;
  height: 25px;
  width: 30px;
  position: absolute;
  left: -25px;
  top: 47px;
  background-image: url("../images/check-gray.png");
}
.login-page form .form-group .has-error .control-label, .register-page form .form-group .has-error .control-label {
  color: #ff471e;
}
.login-page form .form-group .has-error .control-label .error-message, .register-page form .form-group .has-error .control-label .error-message {
  color: #262626;
}
.login-page form .form-group .has-error .check-mark, .register-page form .form-group .has-error .check-mark {
  background-image: url("../images/check-red.png");
}
.login-page form .form-group .login.btn, .register-page form .form-group .login.btn {
  line-height: 25px;
}
.login-page form .form-group .login.btn:hover, .register-page form .form-group .login.btn:hover {
  background-color: #2189E6;
}
.login-page #registration_conditions, .register-page #registration_conditions {
  width: 100%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 60px;
  padding: 30px 60px;
  background-color: #fff;
}
.login-page #registration_conditions label, .register-page #registration_conditions label {
  color: #000;
  text-align: left;
}
.login-page #registration_conditions label .agreement-checkbox, .register-page #registration_conditions label .agreement-checkbox {
  margin-right: 6px;
}
.login-page .login-background h2, .register-page .login-background h2 {
  padding-top: 40px;
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #262626;
}
.login-page .login-background p:first-of-type, .register-page .login-background p:first-of-type {
  margin: 20px 0;
}
.login-page .login-background .btn, .register-page .login-background .btn {
  display: block;
  width: 267px;
  margin: 15px auto 15px auto;
  border-radius: 25px;
  padding: 13px 35px;
  box-shadow: none;
}
.login-page .login-background .btn.social-button, .register-page .login-background .btn.social-button {
  background-color: #fff;
  color: #262626;
  border: 1px solid #D8D8D8;
}
.login-page .login-background .btn.social-button:hover, .register-page .login-background .btn.social-button:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #D8D8D8;
}
.login-page .login-background .btn.social-button .social-img, .register-page .login-background .btn.social-button .social-img {
  margin-right: 16px;
}
.login-page .login-background .btn.facebook-button, .register-page .login-background .btn.facebook-button {
  background-color: #4266B1;
  color: #fff;
  border: 2px solid #4266B1;
}
.login-page .login-background .btn.facebook-button:hover, .register-page .login-background .btn.facebook-button:hover {
  border-color: #25417a;
  background-color: #25417a;
}
.login-page .login-background .btn.linkedIn-button, .register-page .login-background .btn.linkedIn-button {
  background-color: #0077B5;
  color: #fff;
  border: 2px solid #0077B5;
}
.login-page .login-background .btn.linkedIn-button:hover, .register-page .login-background .btn.linkedIn-button:hover {
  border-color: #005582;
  background-color: #005582;
}
.login-page .login-background .btn.email-button, .register-page .login-background .btn.email-button {
  background-color: #fff;
  color: #4FA3FD;
  border: 2px solid #4FA3FD;
}
.login-page .login-background .btn.email-button:hover, .register-page .login-background .btn.email-button:hover {
  border-color: #2189E6;
  color: #2189E6;
}
.login-page .login-background .error-field, .register-page .login-background .error-field {
  display: none;
  max-width: 315px;
  width: 100%;
  margin: auto;
}
.login-page .login-background .image, .register-page .login-background .image {
  background-image: url("../images/brand_logo_blue.png");
  background-size: cover;
  height: 42px;
  width: 195px;
  margin: auto;
  margin-top: 80px;
  margin-bottom: 70px;
}
.login-page .login-background form .form-group, .register-page .login-background form .form-group {
  margin-bottom: 0;
  margin-top: 15px;
}
.login-page .login-background form .form-group .forgot, .register-page .login-background form .form-group .forgot {
  margin-top: 0;
  margin-bottom: 15px;
  padding-top: 0;
}
.login-page .login-background form .form-group .forgot:hover, .register-page .login-background form .form-group .forgot:hover {
  color: #005582;
}
.login-page .login-background form .form-group .btn, .register-page .login-background form .form-group .btn {
  box-shadow: none;
  max-width: 315px;
  width: 100%;
  display: block;
  padding: 0;
}
.login-page .login-background form .form-group button.btn, .register-page .login-background form .form-group button.btn {
  margin-bottom: 50px;
}
.login-page .login-background form .form-group .form-control, .register-page .login-background form .form-group .form-control {
  border-radius: 5px;
  max-width: 320px;
  width: 320px;
  height: 50px;
  margin: auto;
}

@media (max-width: 991px) {
  #registerFormModal .modal-dialog .modal-content-wrapper form .form-group .check-mark {
    position: static;
    float: left;
  }
  #loginFormModal .modal-dialog .login-background form .form-group button.btn {
    margin-bottom: 5px;
  }
}
.improvement-page-layout .blog-posts {
  margin-bottom: 70px;
}
.improvement-page-layout .blog-posts .blog-heading-row {
  background-color: #F8F6F1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  gap: 30px;
}
.improvement-page-layout .blog-posts .blog-heading-row .about-content {
  padding: 60px 0;
}
.improvement-page-layout .blog-posts .blog-heading-row .about-content p {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0px;
}
.improvement-page-layout .blog-posts .blog-heading-row .about-content h1 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 900;
  font-style: Black;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0px;
}
.improvement-page-layout .blog-posts .blog-heading-row .about-content .rotated-mark {
  margin-top: -15px;
  margin-bottom: 0px;
  position: relative;
  display: inline-block;
  padding: 16px 0 16px 0;
  z-index: 1;
}
.improvement-page-layout .blog-posts .blog-heading-row .about-content .rotated-mark::before {
  content: "";
  transform: rotate(-0.69deg);
  position: absolute;
  background: #FECA55;
  margin-left: -15px;
  z-index: -1;
  top: 17px;
  bottom: 7px;
  left: -5px;
  right: -5px;
  margin-top: -6px;
}
.improvement-page-layout .blog-posts .blog-heading-row .about-content h2 {
  margin: 0;
  margin-bottom: 15px;
}
.improvement-page-layout .blog-posts .blog-heading-row .about-image img {
  max-width: 264px;
  margin-top: 10px;
  height: auto;
}
@media (max-width: 768px) {
  .improvement-page-layout .blog-posts .blog-heading-row {
    flex-direction: column;
  }
  .improvement-page-layout .blog-posts .blog-heading-row .about-content {
    padding: 40px 0 20px 0;
  }
}
.improvement-page-layout .blog-posts .blog-items {
  display: flex;
  flex-direction: column;
  max-width: 998px;
  margin: auto;
  margin-right: 20%;
}
.improvement-page-layout .blog-posts .blog-items .post-row-cont {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
.improvement-page-layout .blog-posts .blog-items .post-row-cont .date {
  font-size: 64px;
  color: #D8D8D8;
  line-height: 55px;
  margin-top: 70px;
}
.improvement-page-layout .blog-posts .blog-items .banner-row {
  width: 100%;
  max-width: 1100px;
  margin-top: 50px;
}
.improvement-page-layout .blog-posts .post-row {
  margin-top: 70px;
}
.improvement-page-layout .blog-posts .post-row h2 {
  margin-top: 8px;
  margin-bottom: 25px;
  color: #262626;
}
.improvement-page-layout .blog-posts .post-row .image {
  background-size: contain;
  background-position: center left;
  background-repeat: no-repeat;
  height: 313px;
}
.improvement-page-layout .blog-posts .post-row .author span {
  background-color: #4FA3FD;
  color: #fff;
  border-radius: 5px;
  padding: 2px 5px;
  margin-left: 10px;
}
.improvement-page-layout .blog-posts .post-row p, .improvement-page-layout .blog-posts .post-row p:hover, .improvement-page-layout .blog-posts .post-row p:active {
  margin-top: 10px;
  color: #262626;
}

@media (max-width: 991px) {
  .improvement-page-layout .blog-posts .post-row {
    margin-top: 60px;
  }
  .improvement-page-layout .blog-posts .post-row .date {
    position: static;
    margin-bottom: 15px;
  }
  .improvement-page-layout .blog-posts .post-row h2 {
    margin-bottom: 8px;
  }
  .improvement-page-layout .blog-posts .post-row p {
    margin-top: 15px;
  }
  .improvement-page-layout .blog-posts .post-row a {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .improvement-page-layout .blog-posts .post-row {
    margin-top: 0px;
  }
  .improvement-page-layout .blog-posts .post-row .image {
    height: 150px;
  }
  .improvement-page-layout .blog-posts .blog-items {
    margin-right: 0px;
  }
  .improvement-page-layout .blog-posts .blog-items .post-row-cont {
    flex-direction: column;
    margin-top: 70px;
  }
  .improvement-page-layout .blog-posts .blog-items .post-row-cont .date {
    margin-top: 0;
  }
  .improvement-page-layout .blog-posts .blog-items .banner-row {
    width: 90%;
    margin-top: 50px;
  }
}
.improvement-post-layout .resp-iframe-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.improvement-post-layout .resp-iframe-container iframe, .improvement-post-layout .resp-iframe-container lite-youtube {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.improvement-post-layout .cover .back-link {
  position: absolute;
  left: -80px;
  line-height: 23px;
  color: #000;
  font-size: 14px;
}
.improvement-post-layout .cover .back-link:before {
  content: "";
  position: absolute;
  top: 6px;
  left: -12px;
  height: 10px;
  width: 10px;
  background-image: url("../images/back_chevron_black.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.improvement-post-layout .cover .back-link:hover {
  color: #4FA3FD;
}
.improvement-post-layout .cover .back-link:hover:before {
  background-image: url("../images/chevron_left_blue.png");
}
.improvement-post-layout .cover .post-creation-info {
  font-size: 16px;
}
.improvement-post-layout .blog-post {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
  font-family: "Source Serif Pro", serif;
}
.improvement-post-layout .blog-post .medium-size-container {
  width: 50%;
  margin: auto;
}
.improvement-post-layout .blog-post .medium-size-container {
  width: 50%;
  margin: auto;
}
.improvement-post-layout .blog-post .full-size-container {
  width: 60%;
  margin: auto;
}
.improvement-post-layout .blog-post .large-paragraph {
  font-size: 28px;
  line-height: 38px;
  margin: 30px 0;
}
.improvement-post-layout .blog-post h1 {
  margin-bottom: 30px;
}
.improvement-post-layout .blog-post .main-image {
  padding-bottom: 35%;
  margin-bottom: 40px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.improvement-post-layout .blog-post img {
  margin: 30px 0;
}
.improvement-post-layout .blog-post .image-contain {
  width: 100%;
  height: 100%;
}
.improvement-post-layout .join h2 {
  margin-bottom: 20px;
  font-weight: 400;
}
.improvement-post-layout .contacts {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 991.98px) {
  .improvement-post-layout .contacts {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}
.improvement-post-layout .contacts .image {
  background-size: cover;
  width: 160px;
  height: 160px;
  display: inline-block;
  border-radius: 50%;
}
.improvement-post-layout .contacts .contact-info {
  height: 160px;
  padding-top: 40px;
}
@media (max-width: 991.98px) {
  .improvement-post-layout .contacts .contact-info {
    height: auto;
    max-height: 160px;
  }
}
.improvement-post-layout .contacts .contact-info .contact-info-linkedin {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 7px;
  font-size: 16px;
  line-height: 28px;
  text-decoration: none;
  background-image: url("../images/linked-in-blue.svg");
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: 50%;
}
.improvement-post-layout .blog-section-heading {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.improvement-post-layout .blog-post-section {
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .improvement-post-layout .cover .back-link {
    padding-left: 20px;
    margin-bottom: 10px;
    display: inline-block;
    position: static;
  }
  .improvement-post-layout .cover .back-link:before {
    left: 20px;
  }
  .improvement-post-layout .cover .back-link:hover {
    color: #4FA3FD;
  }
  .improvement-post-layout .cover .back-link:hover:before {
    background-image: url("../images/chevron_left_blue.png");
  }
  .improvement-post-layout .blog-post .medium-size-container, .improvement-post-layout .blog-post .full-size-container {
    width: 100%;
  }
  .improvement-post-layout .blog-section-heading {
    text-align: center;
  }
}
.improvement-post-layout .newsletter-subscribe-partial .px-newsletter {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}
@media screen and (max-width: 991.98px) {
  .improvement-post-layout .newsletter-subscribe-partial .px-newsletter {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
}
.improvement-post-layout .newsletter-subscribe-partial .footer-section {
  background-color: #f8f6f1;
  margin-bottom: 36px;
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .improvement-post-layout .newsletter-subscribe-partial .footer-section {
    margin-bottom: 24px;
  }
}
.improvement-post-layout .newsletter-subscribe-partial .footer-section:before {
  position: absolute;
  content: "";
  background-size: contain;
  background-image: url("../images/paper-plane-2.svg");
  height: 90px;
  width: 90px;
  right: 22px;
  top: -29px;
}
@media screen and (max-width: 991.98px) {
  .improvement-post-layout .newsletter-subscribe-partial .footer-section:before {
    height: 54px;
    width: 54px;
    right: unset;
    left: 12px;
    top: -12px;
  }
}
@media screen and (max-width: 991.98px) {
  .improvement-post-layout .newsletter-subscribe-partial .footer-section .row-subscription {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 991.98px) {
  .improvement-post-layout .newsletter-subscribe-partial .footer-section .row-subscription > * {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 10px;
  }
}
.improvement-post-layout .newsletter-subscribe-partial h3 {
  margin-top: 34px;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  color: #262626;
  text-align: left;
}
@media screen and (max-width: 991.98px) {
  .improvement-post-layout .newsletter-subscribe-partial h3 {
    padding-top: 66px;
    font-size: 22px;
    line-height: 1.5;
  }
}
.improvement-post-layout .newsletter-subscribe-partial p, .improvement-post-layout .newsletter-subscribe-partial .want-try span {
  text-transform: none;
  text-align: left;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #515151;
}
@media screen and (max-width: 991.98px) {
  .improvement-post-layout .newsletter-subscribe-partial p, .improvement-post-layout .newsletter-subscribe-partial .want-try span {
    font-size: 15px;
    line-height: 1.6;
  }
}
.improvement-post-layout .newsletter-subscribe-partial .want-try {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.improvement-post-layout .newsletter-subscribe-partial .want-try:last-of-type {
  margin-bottom: 44px;
}
.improvement-post-layout .newsletter-subscribe-partial .want-try a {
  color: #2189e6;
  font-weight: normal;
}
@media screen and (max-width: 991.98px) {
  .improvement-post-layout .newsletter-subscribe-partial .want-try {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .improvement-post-layout .newsletter-subscribe-partial .want-try:last-of-type {
    margin-bottom: unset;
  }
}
.improvement-post-layout .newsletter-subscribe-partial .want-try > * {
  line-height: 1.73;
  margin-right: 24px;
}
.improvement-post-layout .newsletter-subscribe-partial .form-group {
  margin-bottom: 46px;
}
@media screen and (max-width: 991.98px) {
  .improvement-post-layout .newsletter-subscribe-partial .form-group {
    margin-bottom: 24px;
  }
}

.mentors-page-layout .become-mentee-content .header-section {
  display: flex;
  justify-content: center;
  padding-top: 96px;
  padding-bottom: 96px;
}
@media (max-width: 768px) {
  .mentors-page-layout .become-mentee-content .header-section {
    justify-content: left;
    flex-wrap: wrap-reverse;
    gap: 32px;
    padding-top: 32px;
    padding-bottom: 32px;
    margin-left: unset;
  }
}
.mentors-page-layout .become-mentee-content .header-section h2 {
  margin-top: 0;
  margin-bottom: 20px;
  text-align: left;
  font-size: 36px;
  font-family: "Source Sans 3", sans-serif;
}
.mentors-page-layout .become-mentee-content .header-section .heading-image {
  width: 30%;
}
.mentors-page-layout .become-mentee-content .header-section .heading-image img {
  float: left;
}
.mentors-page-layout .become-mentee-content .header-section .heading-content {
  width: 50%;
}
@media (max-width: 768px) {
  .mentors-page-layout .become-mentee-content .header-section .heading-content {
    width: 100%;
  }
}
.mentors-page-layout .become-mentee-content .header-section .heading-content .subheading-text p {
  max-width: 473px;
}
.mentors-page-layout .become-mentee-content .header-section .heading-content .buttons .mentee-button {
  width: auto;
  min-width: 213px;
  height: 42px;
  color: #fff;
  border-radius: 22px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #4FA3FD;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin: 15px 20px 0px 0;
}
.mentors-page-layout .become-mentee-content .header-section .heading-content .buttons .mentee-button:hover {
  color: #fff;
  background-color: #2189E6;
}
@media (max-width: 768px) {
  .mentors-page-layout .become-mentee-content .header-section .heading-content .buttons .mentee-button {
    width: 100%;
  }
}
.mentors-page-layout .become-mentee-content .header-section .heading-content .buttons .mentee-info-button {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 15px;
  padding: 18px 10px;
  text-align: center;
  font-size: 15px;
  line-height: 15px;
}
@media (max-width: 768px) {
  .mentors-page-layout .become-mentee-content .header-section .heading-content .buttons .mentee-info-button {
    display: flex;
    justify-content: center;
  }
}
.mentors-page-layout .form-container {
  margin-bottom: 30px;
}
.mentors-page-layout .form-container h1 {
  text-align: center;
  margin: 22px 0;
}
.mentors-page-layout .form-container p {
  text-align: center;
}
.mentors-page-layout .form-container form {
  margin-top: 5px;
}
.mentors-page-layout .form-container form .filters-row {
  display: flex;
  align-items: center;
  gap: 60px;
}
.mentors-page-layout .form-container form .additional-filters-row .filter-label {
  display: block;
  color: #515151;
  font-size: 16px;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
}
.mentors-page-layout .form-container form .additional-filters-row .filter-checkboxes {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.mentors-page-layout .form-container form .form-element {
  padding: 0 2px;
  display: inline-block;
  width: 100%;
}
.mentors-page-layout .form-container form .form-element.checkbox-element {
  text-align: center;
  padding-top: 10px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element .idialogue-badge {
  content: url("../images/idialogue-badge-icon.png");
  background-size: contain;
  margin-left: 5px;
  height: 18px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element .checkbox {
  display: inline-block;
  margin-right: 50px;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  user-select: none;
  font-size: 14px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element .checkbox span {
  display: flex;
  justify-content: flex-end;
}
.mentors-page-layout .form-container form .form-element.checkbox-element .checkbox + .checkbox {
  margin-top: 10px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element .checkbox .list-favorite {
  margin: 4px 0px 0px 6px;
  color: #fb825c;
}
.mentors-page-layout .form-container form .form-element.checkbox-element .checkbox .green-dot {
  height: 8px;
  width: 8px;
  background-color: #84CF36;
  border-radius: 50%;
  display: inline-block;
  margin: 6px 5px 0;
}
.mentors-page-layout .form-container form .form-element.checkbox-element .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.mentors-page-layout .form-container form .form-element.checkbox-element .checkbox .checkmark:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #262626;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.mentors-page-layout .form-container form .form-element.checkbox-element .checkbox .checkmark {
  position: absolute;
  right: -27px;
  top: -1px;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #7B7B7B;
  border-radius: 5px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.mentors-page-layout .form-container form .form-element.checkbox-element .checkbox input:checked ~ .checkmark:after {
  display: block;
}
.mentors-page-layout .form-container form .form-element.checkbox-element .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile .filters {
  background: #F8F6F1;
  padding: 8px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile .filters .show {
  color: #262626 !important;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile .filters .filters-button {
  display: flex;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile .filters .filters-button span {
  overflow: hidden;
  color: #262626 !important;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  max-width: 208px;
  max-height: 32px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile .filters .filters-button .filter-image {
  content: "";
  height: 32px;
  width: 32px;
  margin-left: 8px;
  background: url("../images/filter_none.png") center;
  background-size: cover;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile .filters .filters-button .filter-image.selected {
  background: url("../images/filter_selected.png") center;
  background-size: cover;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .modal-dialog {
  height: unset;
  min-height: 100%;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list-menu {
  background: #F8F6F1;
  padding: 16px 8px 16px 8px;
  position: relative;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list-menu:hover {
  cursor: pointer;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list-menu .text {
  position: absolute;
  display: flex;
  color: #262626;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  top: 20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list-menu .icon-left img {
  transform: rotate(180deg);
  height: 32px;
  width: 32px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list {
  margin-left: 32px;
  margin-right: 0px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list .green-dot {
  height: 8px;
  width: 8px;
  background-color: #84CF36;
  border-radius: 50%;
  display: inline-block;
  margin: 6px 5px 0;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list .text {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: calc(100% - 58px);
  display: -webkit-box;
  color: #262626;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  height: 20px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list .text .idialogue-badge {
  content: url("../images/idialogue-badge-icon.png");
  background-size: contain;
  margin-left: 5px;
  height: 16px;
  margin-top: 2px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list .text .shorthand {
  font-family: "Source Sans Pro";
  font-weight: 600;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list .text div {
  display: inline;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list.checkbox-element .checkbox:not(:last-child) {
  border-bottom: 1px solid #E0D9CA;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list.checkbox-element .checkbox {
  padding-top: 18px;
  padding-bottom: 18px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list.checkbox-element .checkbox input[type=checkbox] {
  height: 20px;
  width: 20px;
  margin: 0;
  right: 32px;
  top: calc(50% - 10px);
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list.checkbox-element .list-favorite {
  margin: 0px 0px 0px 4px;
  color: #fb825c;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-action {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding-bottom: 32px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile .filters {
  background: #F8F6F1;
  padding: 8px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile .filters .show {
  color: #262626 !important;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile .filters .filters-button {
  display: flex;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile .filters .filters-button span {
  overflow: hidden;
  color: #262626 !important;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  max-width: 208px;
  max-height: 32px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile .filters .filters-button .filter-image {
  content: "";
  height: 32px;
  width: 32px;
  background: url("../images/filter_none.png") center;
  background-size: cover;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile .filters .filters-button .filter-image.selected {
  background: url("../images/filter_selected.png") center;
  background-size: cover;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .modal-dialog {
  height: unset;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list-menu {
  background: #F8F6F1;
  padding: 16px 8px 16px 8px;
  position: relative;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list-menu:hover {
  cursor: pointer;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list-menu .text {
  position: absolute;
  display: flex;
  color: #262626;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  top: 20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list-menu .icon-left img {
  transform: rotate(180deg);
  height: 32px;
  width: 32px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list {
  margin-left: 32px;
  margin-right: 0px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list .text {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: calc(100% - 58px);
  display: -webkit-box;
  color: #262626;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list .text .shorthand {
  display: flex;
  font-family: "Source Sans Pro";
  font-weight: 600;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list .text div {
  display: inline;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list.checkbox-element .checkbox:not(:last-child) {
  border-bottom: 1px solid #E0D9CA;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list.checkbox-element .checkbox {
  padding-top: 20px;
  padding-bottom: 20px;
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-list.checkbox-element .checkbox input[type=checkbox] {
  height: 20px;
  width: 20px;
  margin: 0;
  right: 32px;
  top: calc(50% - 10px);
}
.mentors-page-layout .form-container form .form-element.checkbox-element-mobile #checkbox-element-mobile-modal .filter-action {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.mentors-page-layout .form-container form .form-element .filter-label {
  display: block;
  color: #515151;
  font-size: 16px;
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
}
.mentors-page-layout .form-container form .form-element .checkbox-btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: center;
}
.mentors-page-layout .form-container form .form-element .checkbox-btn {
  display: inline-block;
  padding: 10px 35px;
  border-radius: 24px;
  font-size: 16px;
  background: #FFFFFF;
  color: #7B7B7B;
  border: 2px solid #E0D9CA;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  user-select: none;
  font-family: "Source Sans Pro", sans-serif;
}
.mentors-page-layout .form-container form .form-element .checkbox-btn:hover {
  background-color: #E0D9CA;
  color: #515151;
}
.mentors-page-layout .form-container form .form-element input[type=checkbox].option-selector-menu:checked + .checkbox-btn {
  background: #2189E6;
  color: #FFFFFF;
  border: 2px solid #2189E6;
}
.mentors-page-layout .form-container form .form-element input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.mentors-page-layout .form-container form .form-element .btn-square {
  padding: 15px 15px 16px 15px;
}
.mentors-page-layout .form-container form #mentor-search-field {
  height: 51px;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  border: solid 1px #D8D8D8;
  background-color: #fff;
  padding-left: 20px;
}
.mentors-page-layout .mentors-wrapper {
  background-color: #F8F6F1;
}
.mentors-page-layout .mentors-wrapper .vu-custom-section {
  text-align: center;
  font-size: 14px;
  line-height: 22px;
}
.mentors-page-layout .mentors-wrapper .vu-custom-section .vu-poster {
  background-color: #78003f;
  overflow: auto;
  margin-bottom: 10px;
}
.mentors-page-layout .mentors-wrapper .vu-custom-section .vu-poster p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.44;
  text-align: center;
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  margin: 16px 0;
}
.mentors-page-layout .mentors-wrapper .mru-custom-section {
  text-align: center;
  font-size: 14px;
  line-height: 22px;
}
.mentors-page-layout .mentors-wrapper .mru-custom-section .mru-poster {
  background-color: #FF6432;
  overflow: auto;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
}
@media (max-width: 576px) {
  .mentors-page-layout .mentors-wrapper .mru-custom-section .mru-poster {
    flex-direction: column;
  }
}
.mentors-page-layout .mentors-wrapper .mru-custom-section .mru-poster-icon {
  margin: 0 10px;
  background-image: url(../images/mru_poster_logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 26px;
  width: 74px;
}
.mentors-page-layout .mentors-wrapper .mru-custom-section .mru-poster p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.44;
  text-align: center;
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  margin: 0;
}
.mentors-page-layout .mentors-wrapper .mentors-column .mentor-wrap {
  display: block;
}
.mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor {
  background-color: #ffdc71;
  position: relative;
}
.mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor h3 {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #262626;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor h3 {
    font-size: 16px;
    margin-top: 8px;
    font-family: "Source Sans Pro", sans-serif;
    margin-bottom: 15px;
  }
}
.mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor p {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #2a2828;
  margin: 65px 15px;
  margin-bottom: 55px;
  font-family: "Source Sans Pro", sans-serif;
}
@media (max-width: 576px) {
  .mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor p {
    margin: 15px 3px 55px;
    font-size: 12px;
    color: #2a2828;
  }
}
.mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor .image {
  background-image: url("../images/bullseye.png");
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 141px;
  height: 116px;
  background-size: cover;
  position: relative;
}
@media (max-width: 576px) {
  .mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor .image {
    width: 71px;
    height: 58px;
  }
}
.mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor .cta-link-container {
  position: absolute;
  width: 100%;
  bottom: 16px;
}
.mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor .cta-link-container .employers-button-desktop {
  width: auto;
  height: 33px;
  color: #fff;
  border-radius: 22px;
  padding: 7px 10px;
  background-color: #4FA3FD;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
}
.mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor .cta-link-container .employers-button-desktop:hover {
  background-color: #2189E6;
}
.mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor .cta-link-container .employers-button-mobile {
  width: auto;
  height: 33px;
  color: #000;
  border-radius: 22px;
  border-color: #ffdc71;
  padding: 7px 10px;
  background-color: #ffdc71;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor .cta-link-container {
    margin-top: 15px;
    bottom: 11px;
  }
  .mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor .cta-link-container a.employers-button {
    color: #262626;
    background-color: transparent;
    padding: 0;
    border: 0;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 12px;
    font-weight: 600;
  }
  .mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor .cta-link-container a.employers-button span {
    width: 100%;
    padding: 0 10px;
    display: inline-block;
  }
  .mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor .cta-link-container a.employers-button:active, .mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor .cta-link-container a.employers-button:focus, .mentors-page-layout .mentors-wrapper .mentors-column.job-offer-ad .mentor .cta-link-container a.employers-button:hover {
    background-color: transparent;
    color: #262626;
    padding: 0;
    border: none;
  }
}
.mentors-page-layout .mentors-wrapper .mentors-column.sponsor .sponsor-type {
  text-align: left;
  padding-top: 6px;
  padding-left: 8px;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.67px;
  color: #4fa3fd;
}
.mentors-page-layout .mentors-wrapper .mentors-column.sponsor .background-image {
  padding-bottom: 80.4% !important;
  margin-bottom: 0 !important;
}
.mentors-page-layout .mentors-wrapper .mentors-column.sponsor .background-image div {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 95%;
}
.mentors-page-layout .mentors-wrapper .mentors-column.sponsor .mentor-description {
  display: block !important;
  padding-top: 13px;
}
.mentors-page-layout .mentors-wrapper .mentors-column.sponsor .mentor-description div {
  padding-top: 10px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4fa3fd;
}
.mentors-page-layout .mentors-wrapper .row-mentors {
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  padding-top: 40px;
}
@media (max-width: 991.92px) {
  .mentors-page-layout .mentors-wrapper .row-mentors {
    padding-top: 16px;
  }
}
.mentors-page-layout .mentors-wrapper .row-mentors h2 {
  margin-top: 50px;
  margin-bottom: 30px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.mentors-page-layout .mentors-wrapper .row-mentors .btn {
  background-color: #fff;
  border-radius: 25px;
  color: #4FA3FD;
  border: 2px solid #4FA3FD;
  margin-top: 50px;
  padding: 10px 35px;
  letter-spacing: 1px;
  font-weight: 100;
}
.mentors-page-layout .mentors-wrapper .row-mentors .btn.mentor-list-link {
  margin-top: 0;
  margin-bottom: 40px;
  font-weight: 600;
  border: solid 2px #4FA3FD;
  color: #4FA3FD;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor-inactive-tooltip {
  display: block;
  font-size: inherit;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor-inactive-tooltip .mentor:hover {
  border: 1px solid #F8F6F1;
  box-shadow: none;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor-inactive-tooltip .mentor:hover .full-name {
  color: #262626;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor-inactive-tooltip .mentor:hover .mentor-info {
  display: block;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor-inactive-tooltip .mentor:hover .mentor-description {
  display: none;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor {
  position: relative;
  color: #262626;
  background-color: #fff;
  height: 410px;
  margin-bottom: 25px;
  overflow: hidden;
  border: 1px solid #F8F6F1;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .background-image {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 85.5%;
  background-size: cover;
  background-position: center center;
  margin-bottom: 10px;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .background-image .association-icons {
  align-items: center;
  bottom: 8px;
  display: flex;
  position: absolute;
  right: 8px;
  height: 30px;
  min-width: 30px;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .background-image .association-icons .association-icon {
  display: inline-block;
  height: 30px;
  width: 30px;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .background-image .association-icons .association-icon.vdu-icon {
  height: 23px;
  width: 54px;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .background-image .association-icons .vgtu-icon {
  width: 60px;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .background-image .association-icons .mru-icon {
  width: 73px;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .background-image .association-icons .wow-icon {
  height: 30px;
  width: 45px;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .background-image .association-icons div ~ div {
  margin-left: 10px;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .background-image .sponsorship-indicator {
  content: url("../images/sponsorship-icon.png");
  background-size: contain;
  position: absolute;
  margin-left: 9px;
  padding-top: 8px;
  width: 20px;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .background-image .new-mentor-indicator {
  content: url("../images/new-mentor-icon.png");
  background-size: contain;
  position: absolute;
  margin-left: 9px;
  padding-top: 8px;
  width: 20px;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .background-image .activity-indicator {
  position: absolute;
  top: 8px;
  right: 8px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .background-image .activity-indicator {
  background-color: #84CF36;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .background-image.inactive {
  opacity: 0.5;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .background-image.inactive .activity-indicator {
  background-color: #262626;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .full-name {
  font-size: 18px;
  font-weight: 600;
  padding-top: 10px;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .mentor-info {
  padding: 0 10px 10px 10px;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .mentor-info .rating {
  margin: 5px 0;
  min-height: 22px;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .mentor-info .rating span {
  background-image: url("../images/star.png");
  display: inline-block;
  height: 10px;
  width: 11px;
  background-size: cover;
  background-position: center center;
  margin: 0 2px;
  padding: 6px;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .mentor-info .position {
  position: relative;
  height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .mentor-info .company {
  position: relative;
  height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .mentor-info .city {
  position: relative;
  height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #7B7B7B;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .mentor-info .area {
  position: relative;
  height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  color: #4FA3FD;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor .mentor-description {
  display: none;
  padding: 15px 20px 20px 20px;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor:hover {
  border: 1px solid #89C2FF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor:hover .full-name {
  color: #4FA3FD;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor:hover .mentor-info {
  display: none;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor:hover .mentor-description {
  display: block;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor.no-description:hover .mentor-info {
  display: block;
}
.mentors-page-layout .mentors-wrapper .row-mentors .mentor.no-description:hover .mentor-description {
  display: none;
}
.mentors-page-layout .conference-banner {
  margin-top: 36px;
  margin-bottom: 36px;
}
.mentors-page-layout .conference-banner .banner-mobile {
  display: none;
  height: auto;
  width: 100%;
}
.mentors-page-layout .conference-banner .banner-desktop {
  display: block;
  height: auto;
  width: 100%;
}
.mentors-page-layout.mentors-search-layout .form-container {
  margin-bottom: 0px;
}
.mentors-page-layout.mentors-search-layout .form-container form {
  margin-bottom: 9px;
}

@media (max-width: 1199px) {
  .mentors-page-layout .form-container form .form-element.checkbox-element .checkbox {
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 33.33%;
    padding-right: 80px;
  }
  .mentors-page-layout .form-container form .form-element.checkbox-element .checkbox .checkmark {
    right: 30px;
  }
}
@media (max-width: 991px) {
  .mentors-page-layout .form-container form .form-element {
    width: 100% !important;
  }
  .mentors-page-layout .form-container form .form-element.checkbox-element .checkbox {
    width: 50%;
  }
  .mentors-page-layout .form-container form .form-element .checkbox-btn-group {
    justify-content: space-between;
  }
  .mentors-page-layout .form-container form .filters-row {
    gap: 16px;
    flex-direction: column;
  }
  .mentors-page-layout .form-container form .additional-filters-row .filter-checkboxes {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px solid #F8F6F1;
    border-radius: 45px;
    background-color: #F8F6F1;
  }
  .mentors-page-layout .mentors-wrapper .row-mentors .mentor {
    height: 470px;
  }
}
@media (max-width: 768px) {
  .mentors-page-layout .form-container form .form-element.checkbox-element .checkbox {
    width: 50%;
  }
  .mentors-page-layout .mentors-wrapper .row-mentors .mentor {
    height: 510px;
  }
  .mentors-page-layout .conference-banner {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .mentors-page-layout .conference-banner .banner-mobile {
    display: block;
    height: auto;
    width: 100%;
  }
  .mentors-page-layout .conference-banner .banner-desktop {
    display: none;
    height: auto;
    width: 100%;
  }
}
@media (max-width: 540px) {
  .mentors-page-layout .mentors-wrapper .row-mentors .mentor {
    height: 410px;
  }
}
.how-to-become-mentor-page-layout {
  overflow: hidden;
}
.how-to-become-mentor-page-layout .section {
  margin: auto;
  width: 60%;
}
@media (max-width: 768px) {
  .how-to-become-mentor-page-layout .section {
    width: 100%;
  }
}
.how-to-become-mentor-page-layout .mentor-button-yellow {
  margin: auto;
  border: 2px solid #FCB535;
  color: #000;
  border-radius: 22px;
  padding: 14px 32px;
  border-radius: 25px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.how-to-become-mentor-page-layout .mentor-button-yellow:hover {
  background-color: transparent;
  color: #FCB535;
}
.how-to-become-mentor-page-layout .mentor-button-blue {
  margin: auto;
  border: 1px solid #2189E6;
  background-color: #2189E6;
  color: #fff;
  border-radius: 22px;
  padding: 14px 32px;
  border-radius: 25px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.how-to-become-mentor-page-layout .mentor-button-blue:hover {
  background-color: #2189E6;
  color: #fff;
}
.how-to-become-mentor-page-layout .mentor-button-white {
  margin: auto;
  border: 2px solid #2189E6;
  color: #2189E6;
  border-radius: 22px;
  padding: 14px 32px;
  border-radius: 25px;
  font-family: "Source Sans Pro", sans-serif;
}
.how-to-become-mentor-page-layout .mentor-button-white:hover {
  background-color: transparent;
  color: #2189E6;
}
.how-to-become-mentor-page-layout .button-content {
  margin-top: 16px;
}
.how-to-become-mentor-page-layout p {
  max-width: 660px;
  font-family: "Source Serif Pro", serif;
}
.how-to-become-mentor-page-layout h2 {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 140%;
}
.how-to-become-mentor-page-layout h3 {
  font-size: 24px;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  line-height: 140%;
}
.how-to-become-mentor-page-layout h4 {
  font-size: 20px;
  font-weight: 600;
}
.how-to-become-mentor-page-layout mark {
  padding: 0.1em;
  background-color: #FECA55;
}
.how-to-become-mentor-page-layout .rotated-mark, .how-to-become-mentor-page-layout .rotated-mark-dark, .how-to-become-mentor-page-layout .rotated-mark-pale,
.how-to-become-mentor-page-layout .rotated-mark-dark-mob-1, .how-to-become-mentor-page-layout .rotated-mark-dark-mob-2 {
  position: relative;
  display: inline-block;
  padding: 0.2em 0.4em;
  z-index: 1;
}
.how-to-become-mentor-page-layout .rotated-mark::before, .how-to-become-mentor-page-layout .rotated-mark-dark::before, .how-to-become-mentor-page-layout .rotated-mark-pale::before,
.how-to-become-mentor-page-layout .rotated-mark-dark-mob-1::before, .how-to-become-mentor-page-layout .rotated-mark-dark-mob-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 94%;
  height: 100%;
  transform: rotate(-0.69deg);
  z-index: -1;
  transform-origin: center;
}
.how-to-become-mentor-page-layout .partner-heading-section-content {
  background-color: #F8F6F1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 48px;
  padding: 48px 16px;
}
@media (max-width: 768px) {
  .how-to-become-mentor-page-layout .partner-heading-section-content {
    flex-direction: column;
    gap: 24px;
    padding: 32px 16px;
  }
}
.how-to-become-mentor-page-layout .partner-heading-section-content .text-content {
  flex: 1;
  max-width: 560px;
}
.how-to-become-mentor-page-layout .partner-heading-section-content .image-content {
  flex: 0 0 auto;
}
.how-to-become-mentor-page-layout .partner-heading-section-content .image-content img {
  display: block;
  max-width: 100%;
}
.how-to-become-mentor-page-layout .partner-heading-section-content .header-section {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 23px;
  margin-bottom: 27px;
}
@media (max-width: 768px) {
  .how-to-become-mentor-page-layout .partner-heading-section-content .header-section {
    flex-wrap: wrap;
  }
}
.how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-image {
  margin-left: -160px;
}
.how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-image img {
  width: auto;
  height: 408px;
}
@media (max-width: 768px) {
  .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-image {
    display: none;
  }
}
@media (min-width: 769px) {
  .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-image {
    display: flex;
    justify-content: center;
  }
}
.how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text, .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text-mobile {
  font-size: 33px;
  font-weight: 900;
  padding: 3px 0px 2px;
}
.how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text h1, .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text-mobile h1 {
  font-weight: 700;
  font-size: 42px;
  line-height: 120%;
  letter-spacing: -0.4px;
}
@media (max-width: 388px) {
  .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text h1, .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text-mobile h1 {
    font-size: 34px;
  }
}
.how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text .rotated-mark-dark, .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text-mobile .rotated-mark-dark {
  margin-top: -15px;
  padding-left: 0px;
}
.how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text .rotated-mark-dark::before, .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text-mobile .rotated-mark-dark::before {
  background: #FCB535;
  margin-left: 30px;
}
.how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text .rotated-mark-dark-mob-1::before, .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text-mobile .rotated-mark-dark-mob-1::before {
  background: #FCB535;
  margin-left: 47px;
  width: 75%;
}
.how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text .rotated-mark-dark-mob-2::before, .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text-mobile .rotated-mark-dark-mob-2::before {
  background: #FCB535;
  margin-left: 0px;
  width: 100%;
}
@media (max-width: 768px) {
  .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text, .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text-mobile {
    margin-top: 16px;
    background-size: 932px;
    width: 100%;
  }
}
.how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text p, .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text-mobile p {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 50.4px;
  letter-spacing: -0.4px;
}
.how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-text-mobile h1 {
  margin: -1px;
}
.how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-image-mobile img {
  width: 100%;
}
@media (min-width: 426px) and (max-width: 768px) {
  .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-image-mobile img {
    width: 70%;
  }
}
@media (min-width: 426px) and (max-width: 768px) {
  .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-image-mobile {
    display: flex;
    justify-content: left;
  }
}
@media (max-width: 425px) {
  .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-image-mobile {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 769px) {
  .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .heading-image-mobile {
    display: none;
  }
}
.how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .subheading-text {
  margin-top: 16px;
}
@media (max-width: 768px) {
  .how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .subheading-text {
    max-width: 480px;
  }
}
.how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .subheading-text p {
  font-family: "Source serif pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 25.6px;
  margin-bottom: 0px;
  max-width: 480px;
}
.how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .button-content {
  margin-top: 32px;
  margin-bottom: 56px;
}
.how-to-become-mentor-page-layout .partner-heading-section-content .header-section .heading-content .button-content .button {
  border: 2px solid #2189E6;
  padding: 14px 32px;
  border-radius: 25px;
  font-family: "Source Sans Pro", sans-serif;
}
.how-to-become-mentor-page-layout .partner-highlights-section .rotated-mark, .how-to-become-mentor-page-layout .partner-highlights-section .rotated-mark-dark, .how-to-become-mentor-page-layout .partner-highlights-section .rotated-mark-pale {
  margin-left: -9px;
}
.how-to-become-mentor-page-layout .partner-highlights-section .rotated-mark::before {
  width: 100%;
  background: #FFDC71;
}
.how-to-become-mentor-page-layout .partner-highlights-section .rotated-mark-dark::before {
  width: 100%;
  background: #FCB535;
}
.how-to-become-mentor-page-layout .partner-highlights-section .rotated-mark-pale::before {
  width: 100%;
  background: #F8F6F1;
}
.how-to-become-mentor-page-layout .partner-highlights-section .extras {
  display: flex;
  max-width: 660px;
  gap: 16px;
}
@media (max-width: 768px) {
  .how-to-become-mentor-page-layout .partner-highlights-section .extras {
    flex-direction: column;
  }
}
.how-to-become-mentor-page-layout .partner-highlights-section .extras img {
  height: 200px;
}
.how-to-become-mentor-page-layout .partner-highlights-section .extras .extra-text {
  margin-top: 20px;
}
.how-to-become-mentor-page-layout .partner-highlights-section .extras .extra-1 {
  width: 100%;
}
.how-to-become-mentor-page-layout .partner-highlights-section .extras .extra-2 {
  width: 99%;
}
.how-to-become-mentor-page-layout .partner-feedback-content .feedback-heading {
  margin-top: 64px;
  width: 60%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .how-to-become-mentor-page-layout .partner-feedback-content .feedback-heading {
    width: 100%;
  }
}
.how-to-become-mentor-page-layout .partner-feedback-content .feedback-content {
  margin-top: 0px;
  margin-bottom: 32px;
}
.how-to-become-mentor-page-layout .partner-trainings-section .train {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.how-to-become-mentor-page-layout .partner-trainings-section .train .headline-1 {
  font-size: 28px;
  font-weight: 400;
  text-align: center;
}
.how-to-become-mentor-page-layout .partner-trainings-section .train .headline-2 {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  line-height: 38px;
}
.how-to-become-mentor-page-layout .partner-trainings-section .train .trainings {
  max-width: 450px;
  text-align: center;
  margin-top: 40px;
}
.how-to-become-mentor-page-layout .partner-trainings-section .train .rotated-mark::before {
  width: 100%;
  background: #FFDC71;
}
.how-to-become-mentor-page-layout .partner-faq-section {
  margin-top: 64px;
}
.how-to-become-mentor-page-layout .partner-faq-section img {
  height: 276px;
}
.how-to-become-mentor-page-layout .partner-faq-section .accordion-header {
  margin-top: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.how-to-become-mentor-page-layout .partner-faq-section .accordion-header .faq-icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 16px;
  margin-top: 4px;
}
.how-to-become-mentor-page-layout .partner-faq-section .accordion-header h4 {
  font-family: "Source Sans 3", sans-serif;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0px;
}
.how-to-become-mentor-page-layout .partner-faq-section .accordion-button {
  background-color: #fff;
  display: flex;
  flex-direction: row;
}
.how-to-become-mentor-page-layout .partner-faq-section .faq-buttons-section {
  margin-top: 64px;
}
.how-to-become-mentor-page-layout .page-about-row {
  background-image: url("../images/mentors_page_background.png");
}
.how-to-become-mentor-page-layout .footer-content {
  text-align: center;
  font-size: 28px;
  margin: 40px 0;
}

.how-to-become-mentee-page-layout .container, .guide-page-layout .container {
  max-width: 660px;
}
.how-to-become-mentee-page-layout .subheading, .guide-page-layout .subheading {
  font-family: "Source Serif Pro", sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 38px;
}
.how-to-become-mentee-page-layout ul li .heading.emphasized, .guide-page-layout ul li .heading.emphasized {
  color: #4FA3FD;
}
.how-to-become-mentee-page-layout .mentee-button, .guide-page-layout .mentee-button {
  color: #fff;
  background-color: #4FA3FD;
  border-radius: 25px;
  padding: 18px 35px;
  text-align: center;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  margin: 30px auto 30px auto;
}
.how-to-become-mentee-page-layout .mentee-button:hover, .guide-page-layout .mentee-button:hover {
  color: #fff;
  background-color: #2189E6;
}
.how-to-become-mentee-page-layout .partner-heading-section-content, .guide-page-layout .partner-heading-section-content {
  background-color: #F8F6F1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 48px;
  padding: 48px 16px;
}
.how-to-become-mentee-page-layout .partner-heading-section-content .text-content, .guide-page-layout .partner-heading-section-content .text-content {
  flex: 1;
  max-width: 560px;
}
.how-to-become-mentee-page-layout .partner-heading-section-content .image-content, .guide-page-layout .partner-heading-section-content .image-content {
  flex: 0 0 auto;
}
.how-to-become-mentee-page-layout .partner-heading-section-content .image-content img, .guide-page-layout .partner-heading-section-content .image-content img {
  display: block;
  max-width: 100%;
}
@media (max-width: 768px) {
  .how-to-become-mentee-page-layout .partner-heading-section-content, .guide-page-layout .partner-heading-section-content {
    flex-direction: column;
    gap: 0px;
    padding: 32px 16px;
  }
  .how-to-become-mentee-page-layout .partner-heading-section-content .text-content, .guide-page-layout .partner-heading-section-content .text-content {
    display: contents;
  }
  .how-to-become-mentee-page-layout .partner-heading-section-content .heading, .guide-page-layout .partner-heading-section-content .heading {
    order: 1;
  }
  .how-to-become-mentee-page-layout .partner-heading-section-content .image-content, .guide-page-layout .partner-heading-section-content .image-content {
    order: 2;
  }
  .how-to-become-mentee-page-layout .partner-heading-section-content .subheading, .guide-page-layout .partner-heading-section-content .subheading {
    order: 3;
  }
}
.how-to-become-mentee-page-layout .page-about-row, .guide-page-layout .page-about-row {
  background-color: #F8F6F1;
  background-image: none;
  position: relative;
  height: 240px;
}
.how-to-become-mentee-page-layout .page-about-row .artwork-right, .guide-page-layout .page-about-row .artwork-right {
  background-image: url("../images/mentee-page-artwork-right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  position: absolute;
  width: 200px;
  height: 240px;
  bottom: 0;
  right: 0;
}
.how-to-become-mentee-page-layout .page-about-row .artwork-left, .guide-page-layout .page-about-row .artwork-left {
  background-image: url("../images/mentee-page-artwork-left.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right top;
  position: absolute;
  width: 200px;
  height: 240px;
  top: 0;
  left: 0;
}
.how-to-become-mentee-page-layout .testimonial, .guide-page-layout .testimonial {
  background-color: #F8F6F1;
  position: relative;
  margin: 40px 0;
}
.how-to-become-mentee-page-layout .testimonial .left-quote, .how-to-become-mentee-page-layout .testimonial .right-quote, .guide-page-layout .testimonial .left-quote, .guide-page-layout .testimonial .right-quote {
  width: 209px;
  height: 183px;
  background-size: cover;
  background-position: center center;
  position: absolute;
}
.how-to-become-mentee-page-layout .testimonial .left-quote, .guide-page-layout .testimonial .left-quote {
  background-image: url("../images/quote_left.png");
  top: -40px;
  left: 5%;
}
.how-to-become-mentee-page-layout .testimonial .right-quote, .guide-page-layout .testimonial .right-quote {
  background-image: url("../images/quote_right.png");
  bottom: -40px;
  right: 5%;
}
.how-to-become-mentee-page-layout .testimonial .testimonial-content, .guide-page-layout .testimonial .testimonial-content {
  height: 375px;
  padding-top: 70px;
}
.how-to-become-mentee-page-layout .testimonial .testimonial-content .image, .guide-page-layout .testimonial .testimonial-content .image {
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  height: 160px;
  width: 160px;
}
.how-to-become-mentee-page-layout .testimonial .testimonial-content .quote, .guide-page-layout .testimonial .testimonial-content .quote {
  font-size: 32px;
}
.how-to-become-mentee-page-layout .testimonial .testimonial-content .author, .guide-page-layout .testimonial .testimonial-content .author {
  font-size: 16px;
  margin-top: 40px;
}
.how-to-become-mentee-page-layout .button-header-text, .guide-page-layout .button-header-text {
  text-align: center;
}
.how-to-become-mentee-page-layout .button-header-text .text, .guide-page-layout .button-header-text .text {
  text-align: center;
  transform: rotate(-7deg);
  display: inline-block;
  font-size: 18px;
}
.how-to-become-mentee-page-layout .button-header-text .arrow, .guide-page-layout .button-header-text .arrow {
  display: inline-block;
  position: relative;
  height: 34px;
  width: 20px;
  top: 30px;
  left: 20px;
  background-image: url("../images/curved_arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.how-to-become-mentee-page-layout .section-margin, .how-to-become-mentor-page-layout .section-margin {
  margin-bottom: 50px;
  margin-top: 20px;
}
.how-to-become-mentee-page-layout .section-margin-top, .how-to-become-mentor-page-layout .section-margin-top {
  margin-top: 30px;
}
.how-to-become-mentee-page-layout h2, .how-to-become-mentor-page-layout h2 {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 140%;
  margin-top: 40px;
}
.how-to-become-mentee-page-layout h2:first-of-type, .how-to-become-mentor-page-layout h2:first-of-type {
  margin-top: 20px;
}
.how-to-become-mentee-page-layout h3, .how-to-become-mentor-page-layout h3 {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 600;
  font-size: 24px;
}
.how-to-become-mentee-page-layout ul, .how-to-become-mentor-page-layout ul {
  position: relative;
  line-height: 24px;
  padding: 0;
}
.how-to-become-mentee-page-layout ul ol, .how-to-become-mentor-page-layout ul ol {
  position: relative;
  padding: 0;
  counter-reset: item;
  list-style: none none;
}
.how-to-become-mentee-page-layout ul ol li, .how-to-become-mentor-page-layout ul ol li {
  display: block;
  position: relative;
}
.how-to-become-mentee-page-layout ul ol li:before, .how-to-become-mentor-page-layout ul ol li:before {
  content: counter(item) "  ";
  counter-increment: item;
  position: absolute;
  left: -20px;
  font-size: 16px;
}
.how-to-become-mentee-page-layout ul li, .how-to-become-mentor-page-layout ul li {
  margin-bottom: 10px;
  font-size: 16px;
}
.how-to-become-mentee-page-layout ul li .uppercase, .how-to-become-mentor-page-layout ul li .uppercase {
  text-transform: uppercase;
}
.how-to-become-mentee-page-layout ul li .heading, .how-to-become-mentor-page-layout ul li .heading {
  display: block;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 600;
}
.how-to-become-mentee-page-layout ul li.no-marker, .how-to-become-mentor-page-layout ul li.no-marker {
  list-style: none;
}
.how-to-become-mentee-page-layout ul.list-style-none, .how-to-become-mentor-page-layout ul.list-style-none {
  list-style: none;
}
.how-to-become-mentee-page-layout ul.margin-between-li li, .how-to-become-mentor-page-layout ul.margin-between-li li {
  margin: 50px 0;
}
.how-to-become-mentee-page-layout ul.margin-between-li li ol li, .how-to-become-mentor-page-layout ul.margin-between-li li ol li {
  margin: 10px 0;
}
.how-to-become-mentee-page-layout .subheading, .how-to-become-mentor-page-layout .subheading {
  font-family: "Source Serif Pro", sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 38px;
  margin-top: 26px;
  margin-bottom: 16px;
}
.how-to-become-mentee-page-layout .partner-feedback-content, .how-to-become-mentor-page-layout .partner-feedback-content {
  background-color: #F8F6F1;
}
.how-to-become-mentee-page-layout .partner-feedback-content .feedback-content .feedback-cards .feedback-card, .how-to-become-mentor-page-layout .partner-feedback-content .feedback-content .feedback-cards .feedback-card {
  background-color: #fff;
}

@media (max-width: 991px) {
  .how-to-become-mentor-page-layout .testimonial .right-quote, .how-to-become-mentee-page-layout .testimonial .right-quote {
    display: none;
  }
  .how-to-become-mentor-page-layout .testimonial .testimonial-content, .how-to-become-mentee-page-layout .testimonial .testimonial-content {
    height: unset;
    margin-bottom: 110px;
  }
  .how-to-become-mentor-page-layout .testimonial .testimonial-content .image, .how-to-become-mentee-page-layout .testimonial .testimonial-content .image {
    margin: auto;
    margin-bottom: 20px;
  }
  .how-to-become-mentor-page-layout ul, .how-to-become-mentee-page-layout ul {
    padding-left: 18px;
  }
  .how-to-become-mentor-page-layout ul ol li:before, .how-to-become-mentee-page-layout ul ol li:before {
    left: 10px;
  }
  .how-to-become-mentor-page-layout .mentor-button, .how-to-become-mentee-page-layout .mentor-button {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
  }
  .how-to-become-mentor-page-layout .footer-content, .how-to-become-mentee-page-layout .footer-content {
    margin: 40px 0;
  }
}
.form-validation {
  background-color: #f14124;
  padding-top: 7px;
  height: 45px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.89px;
}
.form-validation .close-validation {
  background-image: url("../images/close_white_basic.png");
  height: 24px;
  margin-right: 12px;
  margin-top: 3px;
  display: inline-block;
  width: 24px;
  background-size: cover;
  vertical-align: bottom;
  float: right;
  display: block;
}
.form-validation .validation-icon {
  background-image: url("../images/group-5.png");
  height: 23px;
  margin-right: 12px;
  margin-top: 3px;
  display: inline-block;
  width: 26px;
  background-size: cover;
  background-position: center center;
  vertical-align: bottom;
}

.account-layout .form-horizontal .form-group {
  margin-left: unset;
  margin-right: unset;
}
.account-layout .activation {
  background-color: #fb825c;
}
.account-layout .activation .activation-icon {
  background-image: url("../images/add-orange.png");
  height: 16px;
  margin-right: 12px;
  margin-top: 3px;
  display: inline-block;
  width: 16px;
  background-size: cover;
  background-position: center center;
  vertical-align: bottom;
}
.account-layout .lang-1 {
  margin-top: 37px;
  margin-bottom: 15.5px;
}
.account-layout .add-lang {
  background-image: url("../images/add-orange.png");
  height: 20px;
  margin-right: 12px;
  display: inline-block;
  width: 20px;
  background-size: cover;
  background-position: center center;
  vertical-align: bottom;
}
.account-layout .lang-2 {
  margin-bottom: 32.5px;
}
.account-layout .lang-profile {
  font-size: 16px;
  color: #515151;
  padding: 4px 15.5px 7px;
  background-color: #e0d9ca;
  border-radius: 15.5px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.account-layout .lang-profile.active {
  background-color: #5ea911;
  color: #fff;
}
.account-layout .lang-profile-new {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fb825c;
}
.account-layout .mr-0 {
  margin-right: 0;
}
.account-layout .custom-h2-heading {
  font-size: 28px;
  font-weight: 900;
  margin-bottom: 20px;
  margin-right: 20px;
}
.account-layout .view-prof {
  font-size: 16px;
  color: #4fa3fd;
}
.account-layout .open-icon {
  background-image: url("../images/icon-link.png");
  height: 16px;
  margin-right: 12px;
  margin-left: 12px;
  margin-bottom: 10px;
  display: inline-block;
  width: 16px;
  background-size: cover;
  background-position: center center;
  vertical-align: bottom;
}
.account-layout .become-mentor {
  text-align: center;
  background-color: #4FA3FD;
  color: #fff;
  height: 40px;
  line-height: 40px;
}
.account-layout .become-mentor .a {
  font-weight: bold;
}
.account-layout .become-mentor .add-lang {
  height: 20px;
  margin-right: 12px;
  display: inline-block;
  width: 20px;
  background-size: cover;
  background-position: center center;
  vertical-align: bottom;
}
.account-layout .become-mentor .btn {
  background-color: #2082d9;
  border-radius: 30px;
  padding: 6px 24px;
  color: #fff;
  margin-bottom: 4px;
  margin-left: 10px;
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  box-shadow: none;
  height: 26px;
  font-weight: bold;
}
.account-layout .become-mentor .btn:hover, .account-layout .become-mentor .btn:active, .account-layout .become-mentor .btn:focus {
  color: #fff;
  background-color: #A6D0FF;
}
.account-layout .become-mentor-activate {
  text-align: center;
  background-color: #fb825c;
  color: #fff;
  height: 40px;
  line-height: 40px;
}
.account-layout .become-mentor-activate .activation {
  background-image: url("../images/group-6.png");
  height: 35px;
  margin-right: 10.2px;
  margin-left: 12px;
  margin-bottom: 2px;
  display: inline-block;
  width: 35px;
  background-size: cover;
  background-position: center center;
  vertical-align: bottom;
}
.account-layout .become-mentor-activate .btn {
  background-color: #89C2FF;
  border-radius: 30px;
  padding: 6px 60px;
  color: #fff;
  margin-bottom: 4px;
  margin-left: 10px;
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  box-shadow: none;
  height: 26px;
}
.account-layout .become-mentor-activate .btn:hover, .account-layout .become-mentor-activate .btn:active, .account-layout .become-mentor-activate .btn:focus {
  color: #fff;
  background-color: #2189e6;
}
.account-layout h2 {
  margin-bottom: 20px;
}
.account-layout .back-link {
  color: #262626;
  font-size: 14px;
}
.account-layout .back-link:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  height: 10px;
  width: 10px;
  background-image: url("../images/back_chevron_black.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.account-layout .back-link:hover {
  color: #4FA3FD;
}
.account-layout .back-link:hover:before {
  background-image: url("../images/chevron_left_blue.png");
}
.account-layout .profile-recommendations {
  margin-top: 20px;
  margin-bottom: 20px;
}
.account-layout .profile-recommendations .hero-inner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.account-layout .profile-recommendations .hero-inner-container .heading {
  background: url(../images/yellow-highlight.svg) no-repeat 0 0;
  background-position-x: 4%;
  background-position-y: 65%;
  background-size: 380px;
  padding: 10px 16px 10px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 900;
  font-size: 36px;
  line-height: 100%;
}
.account-layout .profile-recommendations .hero-inner-container .sub-heading {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  padding-left: 15px;
}
.account-layout .profile-recommendations .hero-inner-container img {
  width: 185px;
  height: 201px;
  object-position: 0px 0%;
  object-fit: cover;
}
.account-layout .profile-recommendations .hero-inner-container .cta-link {
  padding-left: 15px;
  margin-top: 10px;
}
.account-layout .profile-notification {
  background-color: #EDEAE3;
  border: 2px solid #FECA55;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.account-layout .profile-notification .notification-icon .icon {
  font-size: 32px;
  color: #FECA55;
}
.account-layout .profile-notification .notification-text {
  max-width: 500px;
}
.account-layout .profile-notification .notification-text h3 {
  font-weight: 700;
  font-family: "Source Sans Pro", sans-serif;
}
.account-layout .profile-notification .notification-text p {
  font-family: "Source Sans Pro", sans-serif;
}
.account-layout .profile-header {
  background-color: #F8F6F1;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.account-layout .profile-header label {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 10px;
  color: #4FA3FD;
  display: block;
  margin-top: 15px;
  cursor: pointer;
}
.account-layout .profile-header label .plus-icon {
  background-image: url("../images/plus-orange.png");
  height: 17px;
  margin-right: 12px;
  display: inline-block;
  width: 20px;
  background-size: cover;
  background-position: center center;
  vertical-align: bottom;
}
.account-layout .profile-header .background-element {
  background-size: cover;
  background-position: center center;
}
.account-layout .profile-header .background-element.left {
  background-image: url("../images/account-background-left.png");
  height: 120px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-top: 30px;
  width: 140px;
}
.account-layout .profile-header .background-element.right {
  background-image: url("../images/account-background-right.png");
  float: right;
  height: 150px;
  margin-top: 70px;
  width: 70px;
}
.account-layout .profile-header .mentor-button {
  display: block;
  max-width: 228px;
  height: 42px;
  color: #fff;
  border-radius: 22px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #FB825C;
  margin-right: 20px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 15px;
}
.account-layout .profile-header .mentor-button:hover {
  background-color: #ff6f41;
}
.account-layout .profile-header .user-profile-photo {
  position: relative;
  height: 274px;
  width: 100%;
  max-width: 321px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 15px 0;
}
.account-layout .profile-header .user-profile-photo .sponsorship-indicator {
  content: url("../images/sponsorship-icon.png");
  background-size: contain;
  position: absolute;
  margin-left: 9px;
  padding-top: 8px;
  width: 20px;
}
.account-layout .profile-header .user-profile-photo .new-mentor-indicator {
  content: url("../images/new-mentor-icon.png");
  background-size: contain;
  position: absolute;
  margin-left: 9px;
  padding-top: 8px;
  width: 20px;
}
.account-layout .profile-header .user-profile-photo .association-icons {
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 12px;
  right: 12px;
  height: 36px;
  min-width: 36px;
}
.account-layout .profile-header .user-profile-photo .association-icons .association-icon {
  display: inline-block;
  height: 36px;
  width: 36px;
}
.account-layout .profile-header .user-profile-photo .association-icons .association-icon.vdu-icon {
  height: 23px;
  width: 54px;
}
.account-layout .profile-header .user-profile-photo .association-icons .vgtu-icon {
  width: 72px;
}
.account-layout .profile-header .user-profile-photo .association-icons .mru-icon {
  width: 87px;
}
.account-layout .profile-header .user-profile-photo .association-icons .wow-icon {
  height: 36px;
  width: 54px;
}
.account-layout .profile-header .user-profile-photo .association-icons div ~ div {
  margin-left: 10px;
}
.account-layout .profile-header .title {
  margin-top: 15px;
  color: #7B7B7B;
  margin-bottom: 2px;
}
.account-layout .profile-header .role {
  text-transform: uppercase;
  color: #4FA3FD;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
.account-layout .profile-header .role.mentor {
  color: #FC8965;
}
.account-layout .profile-header .bottom-section {
  left: 50%;
  padding-left: 15px;
  position: absolute;
  bottom: 20px;
}
.account-layout .profile-header .bottom-section form {
  margin: 0;
}
.account-layout .profile-header .bottom-section label {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 10px;
  color: #4FA3FD;
  display: block;
  margin-top: 15px;
  cursor: pointer;
}
.account-layout .profile-header .bottom-section label:hover {
  color: #00526e;
}
.account-layout .profile-header .bottom-section label .camera-icon {
  background-image: url("../images/camera.png");
  height: 17px;
  margin-right: 12px;
  display: inline-block;
  width: 20px;
  background-size: cover;
  background-position: center center;
  vertical-align: bottom;
}
.account-layout .profile-header .bottom-section label .change-password-icon {
  background-image: url("../images/change-password-icon.svg");
  height: 20px;
  margin-right: 12px;
  display: inline-block;
  width: 20px;
  background-size: cover;
  background-position: center center;
  vertical-align: bottom;
}
.account-layout .profile-header .bottom-section label .change-email-icon {
  background-image: url("../images/mail_icon_gray.png");
  height: 20px;
  margin-right: 12px;
  display: inline-block;
  width: 20px;
  background-size: cover;
  background-position: center center;
  vertical-align: bottom;
}
.account-layout .profile-header .lang-profile a {
  font-size: 16px;
  color: #515151;
}
.account-layout form .form-group .repeater-fields {
  margin-bottom: 11px;
}
@media (max-width: 992px) {
  .account-layout form .form-group .repeater-fields {
    margin-right: 15px;
  }
}
.account-layout form .form-group .add-row-icon {
  background-image: url("../images/add.png");
  height: 25px;
  margin-right: 8px;
  margin-top: 3px;
  display: inline-block;
  width: 25px;
  background-size: cover;
  background-position: center center;
  vertical-align: bottom;
}
.account-layout form .form-group .line-separator {
  height: 1px;
  width: 10px;
  background-color: #bbb;
  float: left;
  margin: 14px 0px;
  padding: 0px;
}
.account-layout form .form-group .btn-success:hover, .account-layout form .form-group .btn-success:focus, .account-layout form .form-group .btn-success:active {
  color: #fff;
  background-color: #2189e6;
  border-color: #2189e6;
}
.account-layout form .form-group .control-label {
  padding-bottom: 6px;
  font-size: 16px;
  color: #7B7B7B;
  font-family: "Source Sans Pro", sans-serif;
}
.account-layout form .form-group h4 {
  margin: 0;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 4px;
  font-family: "Source Sans Pro", sans-serif;
  text-align: left;
  line-height: 0px;
}
.account-layout form .form-group .horizontal-line {
  padding: 0px;
}
.account-layout form .form-group .horizontal-line hr {
  margin: 10px 0;
}
.account-layout form .form-group button {
  height: 51px;
  border-radius: 5px;
  background-color: #4FA3FD;
  width: 120px;
  font-size: 18px;
  margin-top: 5px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.account-layout form .form-group input {
  border-radius: 5px;
  height: 51px;
  color: #262626;
  font-family: "Source Sans Pro", sans-serif;
}
.account-layout form .form-group textarea {
  border-radius: 5px;
  color: #262626;
  font-family: "Source Sans Pro", sans-serif;
}
.account-layout form .form-group #ism-select .radio-inline,
.account-layout form .form-group #vu-select .radio-inline,
.account-layout form .form-group #pwc-select .radio-inline,
.account-layout form .form-group .association-select .radio-inline {
  font-size: 16px;
  margin-right: 10px;
  min-width: 120px;
}
.account-layout form .form-group #ism-select .radio-inline input,
.account-layout form .form-group #vu-select .radio-inline input,
.account-layout form .form-group #pwc-select .radio-inline input,
.account-layout form .form-group .association-select .radio-inline input {
  height: unset;
  margin-top: 3px;
}
.account-layout form .form-group .yellow-border {
  border: 1px solid #FECA55;
}
.account-layout form .form-group .areas-of-change-div label {
  font-size: 16px;
  color: #262626;
  font-family: "Source Sans Pro", sans-serif;
}
.account-layout form .form-group .areas-of-change-div .control-label {
  color: #7B7B7B;
}
.account-layout form .form-group .areas-of-change-div #areas-of-change-select {
  display: flex;
  margin-top: 10px;
}
@media (max-width: 550px) {
  .account-layout form .form-group .areas-of-change-div #areas-of-change-select {
    flex-direction: column;
    margin-top: 0px;
  }
}
.account-layout form .form-group .areas-of-change-div #areas-of-change-select .areas-of-change-label {
  margin-left: 32px;
  bottom: 5px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
}
.account-layout form .form-group .areas-of-change-div #areas-of-change-select .areas-of-change-label input {
  margin-top: 3px;
  height: 18px;
}
.account-layout form .form-group #communication-select .checkbox-inline {
  line-height: 20px;
  font-size: 16px;
  margin-right: 10px;
  font-family: "Source Sans Pro", sans-serif;
}
.account-layout form .form-group #communication-select .checkbox-inline input {
  height: unset;
}
.account-layout form .form-group #communication-select .checkbox-inline + .d-inline {
  margin-left: 20px;
}
.account-layout form .form-group .check-mark {
  display: inline-block;
  background-size: cover;
  background-position: center center;
  height: 25px;
  width: 30px;
  position: absolute;
  left: -35px;
  top: 47px;
  background-image: url("../images/check-gray.png");
}
.account-layout form .form-group .custom-select .check-mark {
  left: -50px;
}
.account-layout form .form-group .custom-select .chevron {
  background-image: url("../images/triangle-down.png");
  width: 18px;
  height: 10px;
  top: unset;
  bottom: 14px;
}
.account-layout form .form-group .custom-select .select-selected {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #6f6f6f;
  height: 51px;
  border-radius: 5px;
}
.account-layout form .form-group label.btn-primary {
  border: none;
  border-radius: 5px;
  background-color: #4FA3FD;
  font-size: 18px;
  margin-top: 5px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.account-layout form .form-group .valid .check-mark {
  background-image: url("../images/check-green.png");
}
.account-layout form .form-group .has-error .select2-selection {
  border-color: #ff471e;
}
.account-layout form .form-group .has-error .control-label {
  color: #ff471e;
}
.account-layout form .form-group .has-error .control-label .error-message {
  color: #262626;
}
.account-layout form .form-group .has-error .check-mark {
  background-image: url("../images/check-red.png");
}
.account-layout form .association-wrapper .form-group h3 {
  font-weight: 700;
  font-size: 16px;
  user-select: none;
}
.account-layout form .association-wrapper .form-group h3 span {
  font-weight: 100;
  display: inline-block;
  margin-left: 10px;
  color: #4FA3FD;
  text-decoration: none;
  cursor: default;
}
.account-layout form .association-wrapper .form-group h3 span:hover {
  color: #4FA3FD;
  text-decoration: underline;
  cursor: pointer;
}
.account-layout .form-group .line-separator {
  height: 1px;
  width: 10px;
  background-color: #bbb;
  float: left;
  margin: 14px 0px;
  padding: 0px;
}
.account-layout .form-group.separator h4 {
  margin-top: 45px;
}
.account-layout .get-membership-section .perks-section {
  gap: 60px;
  justify-content: center;
}

@media (max-width: 991px) {
  .account-layout .back-link {
    position: relative;
    padding-left: 20px;
  }
  .account-layout .back-link:before {
    top: 3px;
  }
  .account-layout .back-link:hover {
    color: #4FA3FD;
  }
  .account-layout .back-link:hover:before {
    background-image: url("../images/chevron_left_blue.png");
  }
  .account-layout .profile-header .user-profile-photo {
    margin: 15px auto;
  }
  .account-layout .profile-header .history-button {
    float: right;
  }
  .account-layout .profile-header .mentor-button {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    max-width: unset;
  }
  .account-layout .profile-header .role {
    float: left;
  }
  .account-layout .profile-header .bottom-section {
    width: 100%;
    position: static;
    margin-top: 45px;
    margin-bottom: 35px;
  }
  .account-layout .profile-header .lang-profile a {
    font-size: 16px;
    color: #515151;
  }
  .account-layout .profile-recommendations .hero-inner-container {
    align-items: flex-start;
    gap: 0px;
    flex-direction: column-reverse;
    margin-bottom: 20px;
    margin-top: -50px;
  }
  .account-layout .profile-recommendations .hero-inner-container .heading {
    padding: 7px 15px 10px;
  }
  .account-layout .profile-recommendations .hero-inner-container img {
    object-position: 0px -245%;
  }
  .account-layout form .form-group .line-separator {
    height: 1px;
    width: 10px;
    background-color: #bbb;
    float: left;
    margin: 14px 0px;
    padding: 0px;
  }
  .account-layout form .form-group .check-mark {
    position: static;
    float: left;
    margin: 0 0 8px 0;
  }
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  color: #fff;
  background-color: #2189e6 !important;
  border-color: #2189e6 !important;
}

.modal-heading {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: center;
  color: #262626;
  margin-bottom: 0;
}

.await-image {
  background-image: url("../images/wait.png");
  height: 210px;
  margin-right: 12px;
  margin: auto;
  margin-top: 3px;
  width: 210px;
  background-size: cover;
  display: block;
}

.main-text {
  font-size: 28px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #262626;
  margin-bottom: 16px;
}

.secondary-text {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: center;
  color: #262626;
  margin-bottom: 38px;
}

.popup-button {
  width: 100px !important;
  max-width: 241px !important;
  height: 42px;
  display: block;
  margin-bottom: 15px;
  border-radius: 22px;
  box-shadow: none;
  right: 0 !important;
  background-color: #4fa3fd !important;
  padding: 12px 34px !important;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  position: relative !important;
}

.profile-picture-modal .btn.btn-primary,
.profile-picture-modal a.btn.btn-primary,
.profile-picture-modal button.btn.btn-primary {
  width: auto;
  min-width: 102px;
  height: 42px;
  border-radius: 22px;
  background-color: #4FA3FD;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 18px;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  padding: 12px 30px;
}
.profile-picture-modal .btn.btn-primary:hover, .profile-picture-modal .btn.btn-primary:focus, .profile-picture-modal .btn.btn-primary:active,
.profile-picture-modal a.btn.btn-primary:hover,
.profile-picture-modal a.btn.btn-primary:focus,
.profile-picture-modal a.btn.btn-primary:active,
.profile-picture-modal button.btn.btn-primary:hover,
.profile-picture-modal button.btn.btn-primary:focus,
.profile-picture-modal button.btn.btn-primary:active {
  min-width: 102px;
  height: 42px;
  border-radius: 22px;
  background-color: #2189E6;
}
.profile-picture-modal .btn.btn-success,
.profile-picture-modal a.btn.btn-success,
.profile-picture-modal button.btn.btn-success {
  width: auto;
  min-width: 102px;
  height: 42px;
  border-radius: 22px;
  background-color: #84CF36;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 18px;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  padding: 12px 30px;
}
.profile-picture-modal .btn.btn-success:hover, .profile-picture-modal .btn.btn-success:focus, .profile-picture-modal .btn.btn-success:active,
.profile-picture-modal a.btn.btn-success:hover,
.profile-picture-modal a.btn.btn-success:focus,
.profile-picture-modal a.btn.btn-success:active,
.profile-picture-modal button.btn.btn-success:hover,
.profile-picture-modal button.btn.btn-success:focus,
.profile-picture-modal button.btn.btn-success:active {
  min-width: 102px;
  height: 42px;
  border-radius: 22px;
  background-color: #5ea911;
}
.profile-picture-modal .image-errors {
  margin: 0;
}
.profile-picture-modal .btn-group {
  margin-top: 5px;
  margin-bottom: 5px;
}
.profile-picture-modal .btn-group .btn.btn-primary {
  min-width: 42px;
  text-align: center;
}
.profile-picture-modal .btn-group .btn.btn-primary:hover, .profile-picture-modal .btn-group .btn.btn-primary:focus, .profile-picture-modal .btn-group .btn.btn-primary:active {
  min-width: 42px;
  text-align: center;
}
.profile-picture-modal .btn-group .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.profile-picture-modal .btn-group .btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.profile-picture-modal .btn-group .btn:hover:last-child:not(:first-child), .profile-picture-modal .btn-group .btn:focus:last-child:not(:first-child), .profile-picture-modal .btn-group .btn:active:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.profile-picture-modal .btn-group .btn:hover:first-child:not(:last-child), .profile-picture-modal .btn-group .btn:focus:first-child:not(:last-child), .profile-picture-modal .btn-group .btn:active:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.profile-picture-modal .btn-group .btn.btn-145 {
  min-width: 145px;
}
.profile-picture-modal .btn-group .btn.btn-145:hover, .profile-picture-modal .btn-group .btn.btn-145:focus, .profile-picture-modal .btn-group .btn.btn-145:active {
  min-width: 145px;
}
.profile-picture-modal .modal-form form {
  margin: 0;
}
.profile-picture-modal .row {
  margin-left: -20px;
  margin-right: -20px;
}
.profile-picture-modal .row-image {
  min-height: 450px;
  background-color: #F8F6F1;
  margin: 15px 0;
  padding: 15px 0;
}
.profile-picture-modal .row-image .image-transform-wrapper {
  position: relative;
}
@media (min-width: 768px) {
  .profile-picture-modal .row-image .image-transform-wrapper {
    max-width: 200px;
  }
}
.profile-picture-modal .row-image .btn-group {
  border-radius: 22px;
  box-shadow: 0 2px 3px #7B7B7B;
  min-height: 42px;
}
.profile-picture-modal .row-image .btn-group .btn {
  box-shadow: none;
}
.profile-picture-modal .row-image .form-group p {
  color: #7B7B7B;
}
.profile-picture-modal .row-image .background-element {
  z-index: 1;
  background-size: cover;
  background-position: center center;
}
.profile-picture-modal .row-image .background-element.left {
  position: absolute;
  background-image: url("../images/account-background-left.png");
  height: 120px;
  left: 0;
  top: auto;
  bottom: 0;
  right: auto;
  width: 140px;
  margin: 0;
}
.profile-picture-modal .row-image .background-element.right {
  position: absolute;
  background-image: url("../images/account-background-right.png");
  left: auto;
  top: 70px;
  right: 0;
  bottom: auto;
  height: 150px;
  width: 70px;
  margin: 0;
}
.profile-picture-modal .row-image .col-md-6 {
  z-index: 2;
}
.profile-picture-modal .image-step-1 {
  position: relative;
  display: none;
}
.profile-picture-modal .image-step-2 {
  position: relative;
  display: none;
}
.profile-picture-modal .image-step-3 {
  position: relative;
  display: none;
}
.profile-picture-modal .modal-content-wrapper {
  background-color: #ffffff;
}
.profile-picture-modal .modal-content-wrapper .modal-heading {
  margin-bottom: 10px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #262626;
}
.profile-picture-modal .image-container {
  position: relative;
  width: 100%;
  max-width: 420px;
  height: 420px;
  margin: 0 0 0 auto;
  background-color: transparent;
}
.profile-picture-modal .image-container #image-preview {
  position: relative;
  display: inline-block;
  max-width: 100%;
  max-height: 480px;
}
.profile-picture-modal .image-container .image-container-preview {
  background-color: #FFFFFF;
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 85.5%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .profile-picture-modal .image-container {
    margin: 0 auto 20px auto;
  }
  .profile-picture-modal .image-transform-wrapper {
    text-align: center;
  }
  .profile-picture-modal .btn-group {
    margin-left: 5px;
    margin-right: 5px;
  }
}

.donation-page-layout .row-thanks {
  margin-top: 24px;
}
.donation-page-layout .row-thanks h3 {
  font-family: "Source Serif Pro", serif;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 38px;
  letter-spacing: normal;
  color: #000;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .donation-page-layout .row-thanks h3 {
    font-size: 22px;
    line-height: 33px;
  }
}
.donation-page-layout .page-about-row {
  background-color: #F8F6F1;
  background-image: none;
  position: relative;
  min-height: 216px;
}
@media (max-width: 991.98px) {
  .donation-page-layout .page-about-row {
    height: auto;
  }
}
.donation-page-layout .page-about-row .artwork-left {
  background-image: url("../images/parama-bg-left.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right bottom;
  position: absolute;
  width: 302px;
  height: 208px;
  top: 0;
  left: 50px;
}
@media (max-width: 991.98px) {
  .donation-page-layout .page-about-row .artwork-left {
    background-position: inherit;
    width: 320px;
    left: -91px;
    top: unset;
    bottom: -53px;
    height: 220px;
    display: block;
    background-image: url("../images/parama-bg-left-mobile.png");
  }
}
@media (min-width: 992px) and (max-width: 1360px) {
  .donation-page-layout .page-about-row .artwork-left {
    width: 240px;
    height: 153px;
    left: 25px;
  }
}
@media (max-width: 991.98px) {
  .donation-page-layout .page-about-row .about-content {
    padding-bottom: 179px;
  }
}
.donation-page-layout .donate {
  margin-bottom: 40px;
}
.donation-page-layout .donate p {
  font-size: 28px;
  margin-top: 60px;
  margin-bottom: 10px;
}
.donation-page-layout .donate .donation-amounts {
  display: flex;
  font-size: 14px;
  margin: 20px 0;
}
.donation-page-layout .donate .donation-amounts .amount-button {
  margin-right: 22px;
  border-radius: 22px;
  background-color: #fff;
  display: inline-block;
  border: solid 2px #4FA3FD;
  color: #4FA3FD;
  width: 81px;
  text-align: center;
  height: 38px;
  line-height: 34px;
}
.donation-page-layout .donate .donation-amounts .amount-button:hover, .donation-page-layout .donate .donation-amounts .amount-button.active {
  background-color: #4FA3FD;
  color: #fff;
}
@media (max-width: 991.98px) {
  .donation-page-layout .donate .donation-amounts .amount-button:last-of-type {
    margin-right: 0;
  }
}
.donation-page-layout .donate .donation-amounts .donate-amount-input {
  position: relative;
  display: inline-block;
}
.donation-page-layout .donate .donation-amounts .donate-amount-input input {
  width: 235px;
  height: 38px;
  border-radius: 20px;
  background-color: #fff;
  border: solid 2px #D8D8D8;
}
@media (max-width: 991.98px) {
  .donation-page-layout .donate .donation-amounts .donate-amount-input input {
    width: 100%;
  }
}
.donation-page-layout .donate .donation-amounts .donate-amount-input span {
  position: absolute;
  width: 92px;
  height: 38px;
  border-radius: 22px;
  background-color: #fff;
  border: solid 2px #4FA3FD;
  color: #4FA3FD;
  top: 0;
  right: 0;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: 34px;
}
.donation-page-layout .donate .donate-submit {
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 1px;
  font-weight: 400;
}
.donation-page-layout .donate .footer-text {
  margin-top: 30px;
  margin-bottom: 80px;
}
.donation-page-layout .donate-about {
  position: relative;
}
.donation-page-layout .donate-about .alert {
  position: relative;
  margin: 0;
}
.donation-page-layout .donate-about .alert p {
  margin: 0;
}

#donate-payment-modal .modal-dialog .modal-header .modal-title {
  color: #262626;
  font-size: 18px;
  font-weight: 900;
}
#donate-payment-modal .modal-dialog .modal-body #donate-payment-form-price {
  color: #4FA3FD;
}
#donate-payment-modal .modal-dialog .modal-body .payment-row label input {
  height: 15px;
  width: 15px;
  margin-top: 8px;
}
#donate-payment-modal .modal-dialog .modal-body .payment-row label img {
  margin: 0 7px;
  max-height: 30px;
}

@media (max-width: 991px) {
  .donation-page-layout .donate {
    margin-top: -30px;
  }
  .donation-page-layout .donate .donation-amounts .amount-button {
    width: 100%;
    margin-top: 10px;
  }
  .donation-page-layout .donate .donation-amounts .text-center-mobile {
    text-align: center;
  }
  .donation-page-layout .donate .donation-amounts .donate-amount-input {
    width: 100%;
    margin-top: 10px;
  }
  .donation-page-layout .donate .donate-submit {
    text-align: center;
  }
  .donation-page-layout .donate p {
    font-size: 22px;
    line-height: 33px;
  }
}
.about-page-layout .container {
  max-width: 690px;
  overflow-x: hidden;
}
.about-page-layout .container--wide {
  max-width: 950px;
}
.about-page-layout .container--very-wide {
  max-width: 1085px;
}
.about-page-layout .center-columns {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 35px;
}
.about-page-layout .center-columns .flex-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 25%;
}
.about-page-layout .center-columns::after, .about-page-layout .center-columns::before {
  display: none;
  content: none;
}
@media (max-width: 992px) {
  .about-page-layout .center-columns {
    justify-content: start;
  }
  .about-page-layout .center-columns .flex-column {
    flex-basis: 50%;
  }
}
@media (max-width: 768px) {
  .about-page-layout .center-columns {
    justify-content: start;
  }
  .about-page-layout .center-columns .flex-column {
    flex-basis: 100%;
  }
}
.about-page-layout .section-margin {
  margin: 32px 0;
}
.about-page-layout .section-margin p {
  font-family: "Source Serif Pro", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #262626;
  margin-bottom: 20px;
}
.about-page-layout .section-margin p:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .about-page-layout .section-margin {
    margin: 30px 0;
  }
  .about-page-layout .section-margin p {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .about-page-layout .section-margin p:last-child {
    margin-bottom: 0;
  }
}
.about-page-layout .cover h1 {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 45px;
  color: #000;
  margin-bottom: 32px;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .about-page-layout .cover h1 {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 40px;
    margin-top: 0;
  }
}
.about-page-layout .team-section-title {
  margin: 32px 0 24px;
}
.about-page-layout .team-section-title h2 {
  color: #000;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 8px;
}
.about-page-layout .team-section-title p {
  font-family: "Source Serif Pro", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #262626;
  margin-bottom: 20px;
}
.about-page-layout .team-section-title p:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .about-page-layout .team-section-title {
    margin: 0 0 24px;
  }
  .about-page-layout .team-section-title h2 {
    font-size: 22px;
    line-height: 33px;
    margin: 0 0 15px;
  }
  .about-page-layout .team-section-title p {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  .about-page-layout .team-section-title p:last-child {
    margin-bottom: 0;
  }
}
.about-page-layout .team-section {
  margin: 0 0 32px;
  width: calc(100% + 40px);
  margin-left: -20px;
}
@media (max-width: 768px) {
  .about-page-layout .team-section {
    margin: 0 0 30px -20px;
  }
}
.about-page-layout .team-member {
  padding: 0 20px;
}
.about-page-layout .team-member p {
  display: inline-block;
  width: 100%;
  color: #262626;
  text-align: center;
  font-family: "Source Serif Pro", serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin: 16px 0 0;
  vertical-align: middle;
}
.about-page-layout .team-member p .no-break {
  white-space: nowrap;
  display: inline-block;
}
.about-page-layout .team-member p .no-break + span:not([Class]) {
  margin-top: 0;
}
.about-page-layout .team-member p span:not([Class]) {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: top;
  margin-top: -1px;
}
.about-page-layout .team-member p span:not([Class]) img {
  width: 100%;
  height: auto;
}
.about-page-layout .partners {
  margin-top: 0;
  width: calc(100% + 30px);
  margin-left: -15px;
}
.about-page-layout .partners .partners-item {
  margin: 20px;
}
@media (max-width: 768px) {
  .about-page-layout .partners {
    margin-bottom: 0;
  }
  .about-page-layout .partners .partners-item {
    margin: 15px 7px;
  }
}
.about-page-layout .page-about-row {
  background-color: #F8F6F1;
  background-image: none;
  position: relative;
  height: auto;
  margin-top: 0;
}
.about-page-layout .page-about-row .artwork-right {
  background-image: url("../images/about-background-artwork-right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right 54px bottom;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
}
.about-page-layout .page-about-row .artwork-left {
  background-image: url("../images/about-background-artwork-left.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left 60px top 48px;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
}
.about-page-layout .page-about-row .about-content {
  padding: 32px 0;
}
.about-page-layout .page-about-row .about-content h2 {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 8px;
  color: #000;
}
.about-page-layout .page-about-row .about-content p {
  font-family: "Source Serif Pro", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #262626;
}
.about-page-layout .page-about-row .about-content p:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .about-page-layout .page-about-row .about-content {
    padding: 40px 0 50px;
  }
  .about-page-layout .page-about-row .about-content h2 {
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 15px;
  }
  .about-page-layout .page-about-row .about-content p {
    font-size: 15px;
    line-height: 28px;
  }
}
.about-page-layout .link-heading {
  font-family: "Source Serif Pro", serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;
  color: #262626;
  margin: 0 0 16px;
}
@media (max-width: 768px) {
  .about-page-layout .link-heading {
    line-height: 1.36;
    margin: 0 0 10px;
  }
  .about-page-layout .link-heading br {
    display: contents;
  }
}
.about-page-layout .buttons-wrap {
  display: block;
  width: calc(100% + 16px);
  margin-left: -8px;
  font-size: 0;
}
.about-page-layout .btn {
  display: inline-block;
  width: calc(33.33% - 16px);
  background-color: #fff;
  border-radius: 25px;
  color: #4FA3FD;
  border: 2px solid #4FA3FD;
  margin: 0 8px;
  padding: 11px 0 13px;
  font-weight: 600;
  font-size: 14px;
  font-family: "Source Sans Pro", sans-serif;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  height: auto;
}
.about-page-layout .btn.mentee {
  background-color: #fff;
  color: #50a1eb;
  border: 2px solid #4fa3fd;
  font-weight: 700;
}
.about-page-layout .btn.mentee:hover {
  background-color: #fff;
  color: #2189E6;
  border: 2px solid #2189E6;
}
.about-page-layout .btn.mentor {
  background-color: #fff;
  color: #fb825c;
  border: 2px solid #fb825c;
}
.about-page-layout .btn.mentor:hover {
  background-color: #fff;
  color: #fb825c;
  border: 2px solid #fb825c;
}
.about-page-layout .btn.business {
  box-shadow: none;
  background-color: #fff;
  color: #5ea911;
  border: 2px solid #84cf37;
}
.about-page-layout .btn.business:hover {
  background-color: #fff;
  color: #5ea911;
  border: 2px solid #84cf37;
}
.about-page-layout .contacts-wrapper {
  margin-bottom: 96px;
}
.about-page-layout .contacts-wrapper .contacts {
  margin-bottom: 32px;
}
.about-page-layout .contacts-wrapper .contacts h2 {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 35px;
  margin-bottom: 8px;
  color: #000;
}
.about-page-layout .contacts-wrapper .contacts p {
  font-family: "Source Serif Pro", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #262626;
}
.about-page-layout .contacts-wrapper .contacts p:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .about-page-layout .contacts-wrapper {
    margin-bottom: 30px;
  }
  .about-page-layout .contacts-wrapper .contacts {
    margin-top: 15px;
  }
  .about-page-layout .contacts-wrapper .contacts h2 {
    font-size: 22px;
    line-height: 33px;
    margin-top: 0;
    margin-bottom: 15px;
  }
  .about-page-layout .contacts-wrapper .contacts p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
  }
  .about-page-layout .contacts-wrapper .contacts p:last-child {
    margin-bottom: 0;
  }
}
.about-page-layout .about-us-partners {
  margin-top: 68px;
}
.about-page-layout .about-us-partners h2 {
  margin: 0 0 12px;
  color: #000;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 35px;
}
@media (max-width: 768px) {
  .about-page-layout .about-us-partners {
    margin-top: 0;
  }
}
.about-page-layout .person-photo-wrap {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0 6px;
}
.about-page-layout .person-photo-wrap .person-photo {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 100%;
}
@media (max-width: 992px) {
  .about-page-layout .person-photo-wrap .person-photo {
    max-width: 212px;
  }
}

@media (max-width: 768px) {
  .about-page-layout .btn {
    display: block;
    width: 247px;
    margin: auto;
    margin-top: 25px;
  }
}
.guide-page-layout .page-about-row {
  background-color: #F8F6F1;
  background-image: none;
  position: relative;
  height: 240px;
}
.guide-page-layout .page-about-row .artwork-right {
  background-image: url("../images/guide-artwork-right.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  position: absolute;
  width: 200px;
  height: 240px;
  bottom: 0;
  right: 0;
}
.guide-page-layout .page-about-row .artwork-left {
  background-image: url("../images/guide-artwork-left.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right top;
  position: absolute;
  width: 200px;
  height: 220px;
  bottom: 0;
  left: 0;
}
.guide-page-layout ul {
  list-style-image: url("../images/check-mark-blue.png");
}
.guide-page-layout ul li {
  padding: 10px 0px;
}
.guide-page-layout ul li .heading.emphasized {
  color: #4FA3FD;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
}
.guide-page-layout .section-margin {
  font-family: "Source Serif Pro", serif;
}
.guide-page-layout .section-margin h2 {
  font-weight: 400;
  font-family: "Source Serif Pro", serif;
  margin-bottom: 25px;
}
.guide-page-layout .section-margin strong {
  font-weight: 700;
  font-family: "Source Sans Pro", sans-serif;
  margin-bottom: 35px;
}
.guide-page-layout .section-margin p {
  margin-bottom: 50px;
}
.guide-page-layout .guide-footer {
  margin-bottom: 50px;
}
.guide-page-layout .guide-footer a {
  font-family: "Source Sans Pro", sans-serif;
}
.guide-page-layout .guide-footer a .download-icon {
  display: inline-block;
  width: 21px;
  height: 17px;
  background-image: url("../images/download.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 5px;
}

.admin-layout.admin-layout-vu .navbar-default {
  background-color: #78003f;
}
.admin-layout.admin-layout-vu .navbar-default .navbar-nav > li > a:hover, .admin-layout.admin-layout-vu .navbar-default .navbar-nav > li > a:focus {
  background-color: #C72F4F;
}
.admin-layout.admin-layout-vu .navbar-default .navbar-nav > .active > a {
  background-color: #E13559;
}
.admin-layout.admin-layout-vu .navbar-default .navbar-nav > .open a,
.admin-layout.admin-layout-vu .navbar-default .navbar-nav > .open a:hover,
.admin-layout.admin-layout-vu .navbar-default .navbar-nav > .open a:focus {
  background-color: #E13559;
}
.admin-layout.admin-layout-vu .navbar-default .navbar-nav .dropdown-menu {
  background-color: #78003f;
}
.admin-layout.admin-layout-vu .navbar-default .navbar-nav .dropdown-menu > li > a {
  background-color: #78003f;
}
.admin-layout.admin-layout-vu .navbar-default .navbar-nav .dropdown-menu > li > a:hover {
  background-color: #C72F4F;
}
.admin-layout.admin-layout-vu .navbar-default .navbar-nav .dropdown-menu > li > .active a,
.admin-layout.admin-layout-vu .navbar-default .navbar-nav .dropdown-menu > li > .active a:hover {
  background-color: #C72F4F;
}
.admin-layout .radio input[type=radio],
.admin-layout .radio-inline input[type=radio],
.admin-layout .checkbox input[type=checkbox],
.admin-layout .checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-left: -20px;
  margin-top: 1px;
}
.admin-layout .alert {
  position: relative;
  z-index: 1;
}
.admin-layout .form-group .email-label {
  font-size: 16px;
}
.admin-layout .form-group .email-label label {
  font-size: 16px;
}
.admin-layout .form-group .email-input {
  width: 100%;
}
.admin-layout .form-group .email-input input {
  width: 100%;
}
.admin-layout .form-group .select-wrapper {
  border-radius: 0;
  border: 1px solid #CCCCCC;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.admin-layout .form-group .select-wrapper:focus {
  border-color: #66afe9;
  outline: 0;
}
.admin-layout .form-group .select-wrapper .form-control {
  border-radius: 0;
  border: none;
}
.admin-layout .panel {
  min-height: 500px;
}
.admin-layout .panel .list-group {
  font-size: 15px;
}
.admin-layout .panel h2 {
  margin: 10px 0 15px 0;
}
.admin-layout table tr.tr-deleted td {
  color: #888888;
}
.admin-layout table tr.tr-deleted td span {
  color: #888888 !important;
}
.admin-layout table tr.tr-deleted td .user-profile-photo-list-small {
  opacity: 0.5;
}
.admin-layout .table-middle tr th,
.admin-layout .table-middle tr td {
  vertical-align: middle;
}
.admin-layout input.form-control,
.admin-layout select.form-control,
.admin-layout textarea.form-control {
  box-shadow: none;
}
.admin-layout .btn,
.admin-layout a.btn,
.admin-layout button.btn,
.admin-layout label.btn {
  display: inline-block;
  height: auto;
  width: auto;
  min-width: auto;
  font-family: "Source Sans Pro", serif;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid #FFF;
  white-space: nowrap;
  font-size: 12px;
  line-height: 19px;
  border-radius: 3px;
  box-shadow: none;
  color: #ffffff;
  padding: 8px 12px;
}
.admin-layout .btn.btn-xs,
.admin-layout a.btn.btn-xs,
.admin-layout button.btn.btn-xs,
.admin-layout label.btn.btn-xs {
  padding: 4px 6px;
}
.admin-layout .btn:hover, .admin-layout .btn:focus,
.admin-layout a.btn:hover,
.admin-layout a.btn:focus,
.admin-layout button.btn:hover,
.admin-layout button.btn:focus,
.admin-layout label.btn:hover,
.admin-layout label.btn:focus {
  display: inline-block;
  height: auto;
  width: auto;
  min-width: auto;
  font-family: "Source Sans Pro", serif;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid #FFF;
  white-space: nowrap;
  font-size: 12px;
  line-height: 19px;
  border-radius: 3px;
  box-shadow: none;
  color: #ffffff;
  padding: 8px 12px;
}
.admin-layout .btn:hover.btn-xs, .admin-layout .btn:focus.btn-xs,
.admin-layout a.btn:hover.btn-xs,
.admin-layout a.btn:focus.btn-xs,
.admin-layout button.btn:hover.btn-xs,
.admin-layout button.btn:focus.btn-xs,
.admin-layout label.btn:hover.btn-xs,
.admin-layout label.btn:focus.btn-xs {
  padding: 4px 6px;
}
.admin-layout .btn.btn-success,
.admin-layout a.btn.btn-success,
.admin-layout button.btn.btn-success,
.admin-layout label.btn.btn-success {
  color: #fff;
  background-color: #43ac6a;
  border-color: #3c9a5f;
}
.admin-layout .btn.btn-success:hover, .admin-layout .btn.btn-success:focus, .admin-layout .btn.btn-success:active,
.admin-layout a.btn.btn-success:hover,
.admin-layout a.btn.btn-success:focus,
.admin-layout a.btn.btn-success:active,
.admin-layout button.btn.btn-success:hover,
.admin-layout button.btn.btn-success:focus,
.admin-layout button.btn.btn-success:active,
.admin-layout label.btn.btn-success:hover,
.admin-layout label.btn.btn-success:focus,
.admin-layout label.btn.btn-success:active {
  color: #fff;
  background-color: #358753;
  border-color: #2b6e44;
}
.admin-layout .btn.btn-danger,
.admin-layout a.btn.btn-danger,
.admin-layout button.btn.btn-danger,
.admin-layout label.btn.btn-danger {
  color: #fff;
  background-color: #F04124;
  border-color: #ea2f10;
}
.admin-layout .btn.btn-danger:hover, .admin-layout .btn.btn-danger:focus, .admin-layout .btn.btn-danger:active,
.admin-layout a.btn.btn-danger:hover,
.admin-layout a.btn.btn-danger:focus,
.admin-layout a.btn.btn-danger:active,
.admin-layout button.btn.btn-danger:hover,
.admin-layout button.btn.btn-danger:focus,
.admin-layout button.btn.btn-danger:active,
.admin-layout label.btn.btn-danger:hover,
.admin-layout label.btn.btn-danger:focus,
.admin-layout label.btn.btn-danger:active {
  color: #fff;
  background-color: #d32a0e;
  border-color: #b1240c;
}
.admin-layout .btn.btn-block {
  display: block;
  height: auto;
  width: 100%;
  min-width: auto;
  font-family: "Source Sans Pro", serif;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid #FFF;
  white-space: nowrap;
  font-size: 12px;
  line-height: 19px;
  border-radius: 3px;
  box-shadow: none;
  color: #ffffff;
  padding: 8px 12px;
}
.admin-layout .btn.btn-block.btn-xs {
  padding: 4px 6px;
}
.admin-layout .btn.btn-block:hover, .admin-layout .btn.btn-block:focus {
  display: block;
  height: auto;
  width: 100%;
  min-width: auto;
  font-family: "Source Sans Pro", serif;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 12px;
  line-height: 19px;
  border-radius: 3px;
  box-shadow: none;
  color: #ffffff;
  padding: 8px 12px;
}
.admin-layout .btn.btn-block:hover.btn-xs, .admin-layout .btn.btn-block:focus.btn-xs {
  padding: 4px 6px;
}
.admin-layout .form-control.input-sm {
  font-size: 12px;
}
.admin-layout .image-container {
  position: relative;
  width: 100%;
  height: 480px;
  margin: 0 0 20px 0;
  background-color: #fff;
  border: 1px solid #CCCCCC;
}
.admin-layout .image-container #image-preview {
  position: relative;
  display: block;
  max-width: 100%;
  max-height: 480px;
}
.admin-layout .image-container #image-preview img {
  max-width: 100%;
}
.admin-layout .image-transform-wrapper {
  text-align: center;
}
.admin-layout .selected-image .thumb {
  max-height: 360px;
  max-width: 360px;
  border: 1px solid #CCCCCC;
  margin: 20px 0;
}
.admin-layout .photo-buttons .btn {
  min-width: 150px;
}
.admin-layout .photo-buttons .btn:hover, .admin-layout .photo-buttons .btn:focus, .admin-layout .photo-buttons .btn:active {
  min-width: 150px;
}
.admin-layout .photo-buttons .btn ~ .btn {
  margin-top: 15px;
}
.admin-layout .pagination {
  margin: 0 0 10px 0;
}
.admin-layout .pagination li.active span,
.admin-layout .pagination li.active a {
  background-color: #43AC6A !important;
}
.admin-layout .pagination li a {
  font-family: "Source Sans Pro", sans-serif;
}
.admin-layout .pagination-info {
  font-size: 12px;
  margin: 0 0 10px 0;
  color: #999999;
  font-family: "Source Sans Pro", sans-serif;
  line-height: 1.4;
  padding: 8px 0 8px 0;
  border: 1px solid transparent;
}
.admin-layout .nav-tabs > li > a.active {
  background-color: #bdbcbc;
}

.user-profile-photo {
  position: relative;
  height: 274px;
  width: 100%;
  max-width: 321px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0 0 15px 0;
  border: 1px solid #CCCCCC;
}

.user-profile-photo-list-small {
  position: relative;
  border: 1px solid #F8F6F1;
  width: 35px;
  height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.user-profile-photo-list-small.user-profile-photo-list-small-vu {
  width: 56px;
  height: 48px;
}

.dropdown-toggle-user-menu {
  padding-left: 45px !important;
}

.dropdown-image {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.partner-email-status-dot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
}
.partner-email-status-dot.red {
  background-color: red;
}
.partner-email-status-dot.yellow {
  background-color: yellow;
}
.partner-email-status-dot.green {
  background-color: green;
}

.partner-form .error-message {
  font-size: 14px;
  color: red;
}

@media (max-width: 991px) {
  .meetings-page-layout .col-md-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
.meetings-page-layout .row-membership-cta {
  background-image: url("../images/membership-cta-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 46px;
  padding-bottom: 20px;
}
.meetings-page-layout .row-meetings {
  background-color: #F8F6F1;
  margin-bottom: 20px;
  margin-top: 10px;
  background-image: url("../images/shape-meetings-1.png"), url("../images/shape-meetings-2.png"), url("../images/shape-meetings-3.png");
  background-size: 228px 123px, 228px 123px, 83px 160px;
  background-position: right 22% top 106px, left 22% top 106px, right 0 top 363px;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .meetings-page-layout .row-meetings {
    background-image: none, none, none;
  }
}
.meetings-page-layout .row-meetings .preparations {
  margin-top: 14px;
  margin-bottom: 15px;
}
.meetings-page-layout .row-meetings .preparations a {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4fa3fd;
}
.meetings-page-layout .row-meetings .meeting-block {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #E0D9CA;
  padding: 20px;
  padding-top: 10px;
}
.meetings-page-layout .row-meetings .meeting-block .feedback-list .show-items {
  margin-bottom: 34px;
}
.meetings-page-layout .row-meetings .meeting-block .feedback-list .show-items .show-less {
  display: none;
}
.meetings-page-layout .row-meetings .meeting-block .feedback-list .show-items .show-more {
  display: block;
}
.meetings-page-layout .row-meetings .meeting-block .user-info:nth-of-type(1n+3) {
  display: none;
}
.meetings-page-layout .row-meetings .meeting-block .user-info .user-rate-info {
  display: flex;
  margin-bottom: 0px;
}
.meetings-page-layout .row-meetings .meeting-block .user-info .user-rate-info .name {
  font-size: 18px;
  font-weight: 600;
  color: #262626;
  padding-right: 10px;
  padding-top: 2px;
  margin-left: 5px;
}
.meetings-page-layout .row-meetings .meeting-block .float-right {
  float: right;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-actions {
  padding-top: 22px;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-actions > .col-xs-6 {
  padding-left: 0;
  padding-right: 0;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-actions > .col-xs-6:last-child {
  text-align: right;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-actions > .col-xs-6.float-right {
  float: right;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-heading span {
  font-weight: 600;
  padding-left: 7px;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-heading .end-time {
  font-weight: 400;
  padding-right: 10px;
}
.meetings-page-layout .row-meetings .meeting-block h2 {
  margin-top: 0;
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
}
.meetings-page-layout .row-meetings .meeting-block h2 strong {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: inherit;
}
.meetings-page-layout .row-meetings .meeting-block h2 strong a {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: inherit;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .feedback-block {
  border-top: solid 1px #e0d9ca;
  margin-top: 24px;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .feedback-block .hide-feedback {
  display: flex;
  margin-top: 24px;
  background-color: #EEF4FF;
  padding: 8px 12px 8px 16px;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 481px) {
  .meetings-page-layout .row-meetings .meeting-block .meeting-info .feedback-block .hide-feedback {
    flex-direction: column;
  }
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .feedback-block p.ele_inline {
  margin-bottom: 0px;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .feedback-block .show-feedback {
  margin-top: 8px;
  margin-top: 8px;
  padding: 0px 8px 8px 0px;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .feedback-block .user-info {
  margin-top: 8px;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .feedback-block .arrow-right {
  background-image: url(../images/chevron-right-blue.svg);
  height: 17px;
  background-repeat: no-repeat;
  margin-bottom: -6px !important;
  margin-left: 7px;
  width: 18px;
  display: inline-block;
  top: 50%;
  transform: none;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .show-hide-messages {
  display: block;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .chat-contact-block {
  margin-top: 31px;
  border-bottom: none;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .chat-contact-block a {
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 0;
  color: #2189E6;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .arrow-down {
  background-image: url(../images/icon-less-blue.png);
  height: 5px;
  margin-left: 5px;
  margin-bottom: 2px;
  width: 10px;
  display: inline-block;
  top: 50%;
  transform: none;
  background-size: 10px 5px;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .arrow-up {
  background-image: url(../images/icon-more-blue.png);
  height: 5px;
  margin-left: 5px;
  margin-bottom: 2px;
  width: 10px;
  display: inline-block;
  top: 50%;
  transform: none;
  background-size: 10px 5px;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .message-date {
  font-size: 14px;
  color: #7b7b7b;
  margin: 10px 0 0;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info h3 {
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 24px;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info p, .meetings-page-layout .row-meetings .meeting-block .meeting-info li {
  color: #262626;
  line-height: 26px;
  font-size: 16px;
  font-family: "Source Sans Pro", sans-serif;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .bg-info, .meetings-page-layout .row-meetings .meeting-block .meeting-info .bg-warning, .meetings-page-layout .row-meetings .meeting-block .meeting-info .bg-default {
  padding: 10px;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .prepare {
  float: left;
  font-weight: 600;
  text-transform: uppercase;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .meeting-actions {
  padding-top: 22px;
  margin-left: 0;
  margin-right: 0;
  border-top: solid 1px #e0d9ca;
  margin-top: 20px;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .meeting-links a {
  width: 166px;
  height: 20px;
  font-family: "Source Sans Pro", serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .dont-break-out {
  min-height: 20px;
  padding-top: 8.5px;
  padding-bottom: 8.5px;
  padding-left: 13px;
  padding-right: 11px;
  border-radius: 5px;
  background-color: #f8f6f1;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .dont-break-out p {
  min-height: 20px;
  margin-bottom: 0px;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #262626;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .dont-break-out-mentor {
  border-radius: 5px;
  background-color: #b8e986;
  padding-top: 8.5px;
  padding-bottom: 8.5px;
  padding-left: 13px;
  padding-right: 11px;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .dont-break-out-mentor p {
  min-height: 20px;
  margin-bottom: 0px;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #262626;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .dont-break-out-mentee {
  min-height: 20px;
  padding-top: 8.5px;
  padding-bottom: 8.5px;
  padding-left: 13px;
  padding-right: 11px;
  border-radius: 5px;
  background-color: #b8e986;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .dont-break-out-mentee p {
  min-height: 20px;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #262626;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-info .mentorship-length {
  margin-top: 8px;
}
.meetings-page-layout .row-meetings .meeting-block.request {
  border-color: #84CF36;
}
.meetings-page-layout .row-meetings .meeting-block.request .meeting-heading span {
  font-weight: 400;
  color: #84CF36;
  padding-left: 10px;
}
.meetings-page-layout .row-meetings .meeting-block.meeting-active .meeting-heading .separator {
  background-image: url("../images/blue-separator.png");
  background-size: cover;
  background-position: center center;
  padding: 0;
  padding-top: 12px;
  margin-left: 7px;
  display: inline-block;
  width: 10px;
}
.meetings-page-layout .row-meetings .meeting-block.meeting-active .meeting-heading .end-time {
  color: #7B7B7B;
}
.meetings-page-layout .row-meetings .meeting-block.meeting-active .meeting-heading span {
  color: #2189E6;
}
.meetings-page-layout .row-meetings .meeting-block.meeting-closed .meeting-heading .separator {
  background-image: url("../images/blue-separator.png");
  background-size: cover;
  background-position: center center;
  padding: 12px 0 0;
  margin-left: 5px;
  filter: brightness(0);
  display: inline-block;
  width: 10px;
}
.meetings-page-layout .row-meetings .meeting-block .rating {
  margin: 5px 0;
  min-height: 22px;
}
.meetings-page-layout .row-meetings .meeting-block .rating span {
  background-image: url("../images/star.png");
  display: inline-block;
  height: 10px;
  width: 11px;
  background-size: cover;
  background-position: center center;
  margin: 0 2px;
  padding: 6px;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-button {
  padding: 0px 34px;
  border-radius: 22px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.6px;
  color: #fff;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-button.answer {
  padding: 12px 34px;
  background-color: #4FA3FD;
  text-transform: none;
  font-size: 14px !important;
  font-weight: 600;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-button.answer:hover {
  background-color: #2189E6;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-button.stop {
  padding-right: 0;
  padding-left: 0;
  color: #da4b1e;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-button.stop:hover {
  color: #a33816;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-button.feedback {
  padding-right: 0;
  padding-left: 0;
  color: #4FA3FD;
}
.meetings-page-layout .row-meetings .meeting-block .meeting-button.feedback:hover {
  color: #2189E6;
}
.meetings-page-layout .row-meetings .meeting-block .flex-row {
  display: flex;
  align-items: center;
}
.meetings-page-layout .row-meetings .meeting-block .flex-row .flex-photo {
  flex: 0 0 72px;
}
.meetings-page-layout .row-meetings .meeting-block .flex-row .flex-photo .meeting-photo-round {
  width: 52px;
  height: 52px;
  margin: 0;
}
.meetings-page-layout .row-meetings .meeting-block .flex-row .flex-name {
  flex: 1 1 100%;
}
.meetings-page-layout .row-meetings .meeting-block .flex-row .flex-name h2 {
  margin: 0;
}
.meetings-page-layout .row-meetings .mentee-contact-with {
  list-style: none inside none;
  padding-left: 0;
}
.meetings-page-layout .row-meetings .mentee-contact-with li {
  font-size: 16px;
  padding-top: 10px;
  display: flex;
  align-items: center;
}
.meetings-page-layout .row-meetings .mentee-contact-with li .icon {
  padding-right: 14px;
}
.meetings-page-layout .row-meetings .mentee-contact-with li .icon.phone {
  content: url("../images/phone_contact.png");
}
.meetings-page-layout .row-meetings .mentee-contact-with li .icon.email {
  content: url("../images/email_contact.png");
}
.meetings-page-layout .row-meetings .mentee-contact-with li .icon.skype {
  content: url("../images/skype_contact.png");
}
.meetings-page-layout .row-meetings .mentee-contact-with li .icon.fb {
  content: url("../images/fb_contact.png");
}
.meetings-page-layout .row-meetings .mentee-contact-with li .icon.inperson {
  content: url("../images/inperson_contact.png");
}
.meetings-page-layout .meeting-photo-round {
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.meetings-page-layout .meeting-photo-round-tiny {
  position: relative;
  width: 29px;
  height: 29px;
  border-radius: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.meetings-page-layout .mentor-info-block {
  font-size: 12px;
}
.meetings-page-layout .bold {
  font-weight: 600;
}

#fill-profile-modal .modal-dialog .modal-content-wrapper,
#meeting-modal .modal-dialog .modal-content-wrapper,
#meeting-step-2 .modal-dialog .modal-content-wrapper,
.meetings-modal .modal-dialog .modal-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .feedback-block,
#meeting-modal .modal-dialog .modal-content-wrapper .feedback-block,
#meeting-step-2 .modal-dialog .modal-content-wrapper .feedback-block,
.meetings-modal .modal-dialog .modal-content-wrapper .feedback-block {
  margin-top: 24px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .feedback-block h2,
#meeting-modal .modal-dialog .modal-content-wrapper .feedback-block h2,
#meeting-step-2 .modal-dialog .modal-content-wrapper .feedback-block h2,
.meetings-modal .modal-dialog .modal-content-wrapper .feedback-block h2 {
  font-weight: 400;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .feedback-block h3,
#meeting-modal .modal-dialog .modal-content-wrapper .feedback-block h3,
#meeting-step-2 .modal-dialog .modal-content-wrapper .feedback-block h3,
.meetings-modal .modal-dialog .modal-content-wrapper .feedback-block h3 {
  margin-bottom: 12px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .feedback-block .user-info,
#meeting-modal .modal-dialog .modal-content-wrapper .feedback-block .user-info,
#meeting-step-2 .modal-dialog .modal-content-wrapper .feedback-block .user-info,
.meetings-modal .modal-dialog .modal-content-wrapper .feedback-block .user-info {
  margin-top: 8px;
  margin-bottom: 16px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .feedback-block .user-info .user-rate-info,
#meeting-modal .modal-dialog .modal-content-wrapper .feedback-block .user-info .user-rate-info,
#meeting-step-2 .modal-dialog .modal-content-wrapper .feedback-block .user-info .user-rate-info,
.meetings-modal .modal-dialog .modal-content-wrapper .feedback-block .user-info .user-rate-info {
  margin-bottom: 6px;
  display: flex;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .feedback-block .user-info .user-rate-info .name,
#meeting-modal .modal-dialog .modal-content-wrapper .feedback-block .user-info .user-rate-info .name,
#meeting-step-2 .modal-dialog .modal-content-wrapper .feedback-block .user-info .user-rate-info .name,
.meetings-modal .modal-dialog .modal-content-wrapper .feedback-block .user-info .user-rate-info .name {
  margin-left: 12px;
  margin-top: 3px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .feedback-block .user-info .user-rate-info .rating,
#meeting-modal .modal-dialog .modal-content-wrapper .feedback-block .user-info .user-rate-info .rating,
#meeting-step-2 .modal-dialog .modal-content-wrapper .feedback-block .user-info .user-rate-info .rating,
.meetings-modal .modal-dialog .modal-content-wrapper .feedback-block .user-info .user-rate-info .rating {
  margin-left: 12px;
  margin-top: 3px;
  min-height: 22px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .feedback-block .user-info .user-rate-info .rating span,
#meeting-modal .modal-dialog .modal-content-wrapper .feedback-block .user-info .user-rate-info .rating span,
#meeting-step-2 .modal-dialog .modal-content-wrapper .feedback-block .user-info .user-rate-info .rating span,
.meetings-modal .modal-dialog .modal-content-wrapper .feedback-block .user-info .user-rate-info .rating span {
  background-image: url("../images/star.png");
  display: inline-block;
  height: 10px;
  width: 11px;
  background-size: cover;
  background-position: center center;
  margin: 0 2px;
  padding: 6px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper #meeting-errors,
#meeting-modal .modal-dialog .modal-content-wrapper #meeting-errors,
#meeting-step-2 .modal-dialog .modal-content-wrapper #meeting-errors,
.meetings-modal .modal-dialog .modal-content-wrapper #meeting-errors {
  margin: 0;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .full-name,
#meeting-modal .modal-dialog .modal-content-wrapper .full-name,
#meeting-step-2 .modal-dialog .modal-content-wrapper .full-name,
.meetings-modal .modal-dialog .modal-content-wrapper .full-name {
  margin-top: 5px;
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 10px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .title,
#meeting-modal .modal-dialog .modal-content-wrapper .title,
#meeting-step-2 .modal-dialog .modal-content-wrapper .title,
.meetings-modal .modal-dialog .modal-content-wrapper .title {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 30px;
  color: #262626;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .modal-heading,
#meeting-modal .modal-dialog .modal-content-wrapper .modal-heading,
#meeting-step-2 .modal-dialog .modal-content-wrapper .modal-heading,
.meetings-modal .modal-dialog .modal-content-wrapper .modal-heading {
  margin-bottom: 10px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #262626;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper textarea,
#meeting-modal .modal-dialog .modal-content-wrapper textarea,
#meeting-step-2 .modal-dialog .modal-content-wrapper textarea,
.meetings-modal .modal-dialog .modal-content-wrapper textarea {
  max-width: 576px;
  height: 127px;
  padding: 12px 15px;
  margin: auto;
  margin-top: 18px;
  border-radius: 5px;
  border-color: #4FA3FD;
  font-family: "Source Sans Pro", sans-serif;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .meeting-info .message-date,
#meeting-modal .modal-dialog .modal-content-wrapper .meeting-info .message-date,
#meeting-step-2 .modal-dialog .modal-content-wrapper .meeting-info .message-date,
.meetings-modal .modal-dialog .modal-content-wrapper .meeting-info .message-date {
  font-size: 14px;
  color: #7b7b7b;
  margin: auto;
  margin: 10px 0 0;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .meeting-info h3,
#meeting-modal .modal-dialog .modal-content-wrapper .meeting-info h3,
#meeting-step-2 .modal-dialog .modal-content-wrapper .meeting-info h3,
.meetings-modal .modal-dialog .modal-content-wrapper .meeting-info h3 {
  font-weight: 700;
  margin: auto;
  margin-bottom: 5px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .meeting-info .arrow-down,
#meeting-modal .modal-dialog .modal-content-wrapper .meeting-info .arrow-down,
#meeting-step-2 .modal-dialog .modal-content-wrapper .meeting-info .arrow-down,
.meetings-modal .modal-dialog .modal-content-wrapper .meeting-info .arrow-down {
  background-image: url(../images/icon-less-blue.png);
  height: 5px;
  margin-left: 5px;
  margin-bottom: 2px;
  width: 10px;
  display: inline-block;
  top: 50%;
  transform: none;
  background-size: 10px 5px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .meeting-info .arrow-up,
#meeting-modal .modal-dialog .modal-content-wrapper .meeting-info .arrow-up,
#meeting-step-2 .modal-dialog .modal-content-wrapper .meeting-info .arrow-up,
.meetings-modal .modal-dialog .modal-content-wrapper .meeting-info .arrow-up {
  background-image: url(../images/icon-more-blue.png);
  height: 5px;
  margin-left: 5px;
  margin-bottom: 2px;
  width: 10px;
  display: inline-block;
  top: 50%;
  transform: none;
  background-size: 10px 5px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .flex-row,
#meeting-modal .modal-dialog .modal-content-wrapper .flex-row,
#meeting-step-2 .modal-dialog .modal-content-wrapper .flex-row,
.meetings-modal .modal-dialog .modal-content-wrapper .flex-row {
  display: flex;
  align-items: center;
  margin-top: 22px;
  margin-bottom: 33px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .flex-row .flex-photo,
#meeting-modal .modal-dialog .modal-content-wrapper .flex-row .flex-photo,
#meeting-step-2 .modal-dialog .modal-content-wrapper .flex-row .flex-photo,
.meetings-modal .modal-dialog .modal-content-wrapper .flex-row .flex-photo {
  flex: 0 0 72px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .flex-row .flex-photo .meeting-photo-round,
#meeting-modal .modal-dialog .modal-content-wrapper .flex-row .flex-photo .meeting-photo-round,
#meeting-step-2 .modal-dialog .modal-content-wrapper .flex-row .flex-photo .meeting-photo-round,
.meetings-modal .modal-dialog .modal-content-wrapper .flex-row .flex-photo .meeting-photo-round {
  width: 52px;
  height: 52px;
  margin: 0;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .flex-row .flex-photo .meeting-photo-round-tiny,
#meeting-modal .modal-dialog .modal-content-wrapper .flex-row .flex-photo .meeting-photo-round-tiny,
#meeting-step-2 .modal-dialog .modal-content-wrapper .flex-row .flex-photo .meeting-photo-round-tiny,
.meetings-modal .modal-dialog .modal-content-wrapper .flex-row .flex-photo .meeting-photo-round-tiny {
  position: relative;
  width: 29px;
  height: 29px;
  border-radius: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .flex-row .flex-name,
#meeting-modal .modal-dialog .modal-content-wrapper .flex-row .flex-name,
#meeting-step-2 .modal-dialog .modal-content-wrapper .flex-row .flex-name,
.meetings-modal .modal-dialog .modal-content-wrapper .flex-row .flex-name {
  flex: 1 1 100%;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .flex-row .flex-name h2,
#meeting-modal .modal-dialog .modal-content-wrapper .flex-row .flex-name h2,
#meeting-step-2 .modal-dialog .modal-content-wrapper .flex-row .flex-name h2,
.meetings-modal .modal-dialog .modal-content-wrapper .flex-row .flex-name h2 {
  margin: 0;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .mentorship-length-select,
#meeting-modal .modal-dialog .modal-content-wrapper .mentorship-length-select,
#meeting-step-2 .modal-dialog .modal-content-wrapper .mentorship-length-select,
.meetings-modal .modal-dialog .modal-content-wrapper .mentorship-length-select {
  margin-top: 12px;
  margin-bottom: 22px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .mentorship-length-select .radio-inline,
#meeting-modal .modal-dialog .modal-content-wrapper .mentorship-length-select .radio-inline,
#meeting-step-2 .modal-dialog .modal-content-wrapper .mentorship-length-select .radio-inline,
.meetings-modal .modal-dialog .modal-content-wrapper .mentorship-length-select .radio-inline {
  font-size: 16px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .btn-cancel,
#meeting-modal .modal-dialog .modal-content-wrapper .btn-cancel,
#meeting-step-2 .modal-dialog .modal-content-wrapper .btn-cancel,
.meetings-modal .modal-dialog .modal-content-wrapper .btn-cancel {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.6px;
  color: #da4b1e;
  height: 42px;
  display: block;
  float: left;
  margin-right: 10px;
  margin-bottom: 15px;
  border-style: none;
  box-shadow: none;
  background-color: #fff;
  font-family: "Source Sans Pro";
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .dont-break-out,
#meeting-modal .modal-dialog .modal-content-wrapper .dont-break-out,
#meeting-step-2 .modal-dialog .modal-content-wrapper .dont-break-out,
.meetings-modal .modal-dialog .modal-content-wrapper .dont-break-out {
  min-height: 20px;
  padding-top: 8.5px;
  padding-bottom: 8.5px;
  padding-left: 13px;
  padding-right: 11px;
  border-radius: 5px;
  max-width: 576px;
  background-color: #f8f6f1;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .dont-break-out p,
#meeting-modal .modal-dialog .modal-content-wrapper .dont-break-out p,
#meeting-step-2 .modal-dialog .modal-content-wrapper .dont-break-out p,
.meetings-modal .modal-dialog .modal-content-wrapper .dont-break-out p {
  min-height: 20px;
  margin-bottom: 0px;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #262626;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .dont-break-out-mentor,
#meeting-modal .modal-dialog .modal-content-wrapper .dont-break-out-mentor,
#meeting-step-2 .modal-dialog .modal-content-wrapper .dont-break-out-mentor,
.meetings-modal .modal-dialog .modal-content-wrapper .dont-break-out-mentor {
  border-radius: 5px;
  padding-top: 8.5px;
  padding-bottom: 8.5px;
  padding-left: 13px;
  padding-right: 11px;
  background-color: #b8e986;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .dont-break-out-mentor p,
#meeting-modal .modal-dialog .modal-content-wrapper .dont-break-out-mentor p,
#meeting-step-2 .modal-dialog .modal-content-wrapper .dont-break-out-mentor p,
.meetings-modal .modal-dialog .modal-content-wrapper .dont-break-out-mentor p {
  min-height: 21px;
  margin-bottom: 0px;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #262626;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .mentorship-length,
#meeting-modal .modal-dialog .modal-content-wrapper .mentorship-length,
#meeting-step-2 .modal-dialog .modal-content-wrapper .mentorship-length,
.meetings-modal .modal-dialog .modal-content-wrapper .mentorship-length {
  margin-top: 8px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .btn-confirm,
#meeting-modal .modal-dialog .modal-content-wrapper .btn-confirm,
#meeting-step-2 .modal-dialog .modal-content-wrapper .btn-confirm,
.meetings-modal .modal-dialog .modal-content-wrapper .btn-confirm {
  width: 126px;
  height: 42px;
  display: block;
  margin-bottom: 15px;
  border-radius: 22px;
  border-style: none;
  box-shadow: none;
  color: #fff;
  background-color: #84CF36;
  font-family: "Source Sans Pro";
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .btn-waiting,
#meeting-modal .modal-dialog .modal-content-wrapper .btn-waiting,
#meeting-step-2 .modal-dialog .modal-content-wrapper .btn-waiting,
.meetings-modal .modal-dialog .modal-content-wrapper .btn-waiting {
  width: 140px;
  height: 42px;
  display: block;
  margin-right: 12px;
  margin-bottom: 15px;
  border-radius: 22px;
  border-style: none;
  box-shadow: none;
  color: #fff;
  background-color: #4FA3FD;
  font-size: 14px;
  font-family: "Source Sans Pro";
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .btn,
#meeting-modal .modal-dialog .modal-content-wrapper .btn,
#meeting-step-2 .modal-dialog .modal-content-wrapper .btn,
.meetings-modal .modal-dialog .modal-content-wrapper .btn {
  width: 102px;
  height: 42px;
  display: inline-block;
  margin: 0px auto 15px;
  border-radius: 22px;
  box-shadow: none;
  color: #fff;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .btn.preparation-button,
#meeting-modal .modal-dialog .modal-content-wrapper .btn.preparation-button,
#meeting-step-2 .modal-dialog .modal-content-wrapper .btn.preparation-button,
.meetings-modal .modal-dialog .modal-content-wrapper .btn.preparation-button {
  width: fit-content;
  background-color: #fff;
  color: #4FA3FD;
  border: 2px solid #4FA3FD;
  padding-left: 20px;
  padding-right: 20px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .btn.preparation-button:hover,
#meeting-modal .modal-dialog .modal-content-wrapper .btn.preparation-button:hover,
#meeting-step-2 .modal-dialog .modal-content-wrapper .btn.preparation-button:hover,
.meetings-modal .modal-dialog .modal-content-wrapper .btn.preparation-button:hover {
  border-color: #2189E6;
  color: #2189E6;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .btn-next,
#meeting-modal .modal-dialog .modal-content-wrapper .btn-next,
#meeting-step-2 .modal-dialog .modal-content-wrapper .btn-next,
.meetings-modal .modal-dialog .modal-content-wrapper .btn-next {
  width: 102px;
  height: 42px;
  display: block;
  margin-bottom: 15px;
  border-radius: 22px;
  box-shadow: none;
  border-width: 0;
  color: #4fa3fd;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .image-background-element,
#meeting-modal .modal-dialog .modal-content-wrapper .image-background-element,
#meeting-step-2 .modal-dialog .modal-content-wrapper .image-background-element,
.meetings-modal .modal-dialog .modal-content-wrapper .image-background-element {
  background-image: url("../images/mentor-invitation-bg-element-2.png");
  height: fit-content;
  background-position-x: calc(50% - 10px);
  padding-top: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper .image-background-element .image,
#meeting-modal .modal-dialog .modal-content-wrapper .image-background-element .image,
#meeting-step-2 .modal-dialog .modal-content-wrapper .image-background-element .image,
.meetings-modal .modal-dialog .modal-content-wrapper .image-background-element .image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 100%;
  height: 160px;
  width: 160px;
  margin: auto;
  margin-bottom: 45px;
  margin-top: 10px;
  border: solid 5px #fff;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper a.moredetailsaboutmentorship-toggle,
#meeting-modal .modal-dialog .modal-content-wrapper a.moredetailsaboutmentorship-toggle,
#meeting-step-2 .modal-dialog .modal-content-wrapper a.moredetailsaboutmentorship-toggle,
.meetings-modal .modal-dialog .modal-content-wrapper a.moredetailsaboutmentorship-toggle {
  position: relative;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper a.moredetailsaboutmentorship-toggle:after,
#meeting-modal .modal-dialog .modal-content-wrapper a.moredetailsaboutmentorship-toggle:after,
#meeting-step-2 .modal-dialog .modal-content-wrapper a.moredetailsaboutmentorship-toggle:after,
.meetings-modal .modal-dialog .modal-content-wrapper a.moredetailsaboutmentorship-toggle:after {
  background-image: url(../images/icon-more-blue.png);
  content: "";
  height: 5px;
  width: 10px;
  display: inline-block;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: none;
  background-size: 10px 5px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper a.moredetailsaboutmentorship-toggle.collapsed:after,
#meeting-modal .modal-dialog .modal-content-wrapper a.moredetailsaboutmentorship-toggle.collapsed:after,
#meeting-step-2 .modal-dialog .modal-content-wrapper a.moredetailsaboutmentorship-toggle.collapsed:after,
.meetings-modal .modal-dialog .modal-content-wrapper a.moredetailsaboutmentorship-toggle.collapsed:after {
  transform: rotate(180deg);
}
#fill-profile-modal .modal-dialog .modal-content-wrapper #moredetailsaboutmentorship,
#meeting-modal .modal-dialog .modal-content-wrapper #moredetailsaboutmentorship,
#meeting-step-2 .modal-dialog .modal-content-wrapper #moredetailsaboutmentorship,
.meetings-modal .modal-dialog .modal-content-wrapper #moredetailsaboutmentorship {
  margin-top: 4px;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper #moredetailsaboutmentorship.in, #fill-profile-modal .modal-dialog .modal-content-wrapper #moredetailsaboutmentorship.collapsing,
#meeting-modal .modal-dialog .modal-content-wrapper #moredetailsaboutmentorship.in,
#meeting-modal .modal-dialog .modal-content-wrapper #moredetailsaboutmentorship.collapsing,
#meeting-step-2 .modal-dialog .modal-content-wrapper #moredetailsaboutmentorship.in,
#meeting-step-2 .modal-dialog .modal-content-wrapper #moredetailsaboutmentorship.collapsing,
.meetings-modal .modal-dialog .modal-content-wrapper #moredetailsaboutmentorship.in,
.meetings-modal .modal-dialog .modal-content-wrapper #moredetailsaboutmentorship.collapsing {
  justify-content: center;
  display: flex;
}
#fill-profile-modal .modal-dialog .modal-content-wrapper #moredetailsaboutmentorship p,
#meeting-modal .modal-dialog .modal-content-wrapper #moredetailsaboutmentorship p,
#meeting-step-2 .modal-dialog .modal-content-wrapper #moredetailsaboutmentorship p,
.meetings-modal .modal-dialog .modal-content-wrapper #moredetailsaboutmentorship p {
  max-width: 633px;
}
#fill-profile-modal .rating-block,
#meeting-modal .rating-block,
#meeting-step-2 .rating-block,
.meetings-modal .rating-block {
  display: flex;
  justify-content: center;
  position: relative;
  width: 250px;
  height: 60px;
  max-width: 600px;
  margin: 0 auto;
}
#fill-profile-modal .rating-block .rating-item,
#meeting-modal .rating-block .rating-item,
#meeting-step-2 .rating-block .rating-item,
.meetings-modal .rating-block .rating-item {
  width: 25px;
  height: 60px;
  float: left;
  text-align: center;
}
#fill-profile-modal .rating-block .rating-item:hover,
#meeting-modal .rating-block .rating-item:hover,
#meeting-step-2 .rating-block .rating-item:hover,
.meetings-modal .rating-block .rating-item:hover {
  cursor: pointer;
}
#fill-profile-modal .rating-block .rating-item .rating-item-circle,
#meeting-modal .rating-block .rating-item .rating-item-circle,
#meeting-step-2 .rating-block .rating-item .rating-item-circle,
.meetings-modal .rating-block .rating-item .rating-item-circle {
  overflow: hidden;
  width: 14px;
  height: 14px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 100%;
  border: solid 1px #7b7b7b;
}
#fill-profile-modal .rating-block .rating-item.active .rating-item-circle .rating-item-circle-inner,
#meeting-modal .rating-block .rating-item.active .rating-item-circle .rating-item-circle-inner,
#meeting-step-2 .rating-block .rating-item.active .rating-item-circle .rating-item-circle-inner,
.meetings-modal .rating-block .rating-item.active .rating-item-circle .rating-item-circle-inner {
  border: 2px solid white;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  background-color: #4FA3FD;
}
#fill-profile-modal .rating-block.mentorship-status,
#meeting-modal .rating-block.mentorship-status,
#meeting-step-2 .rating-block.mentorship-status,
.meetings-modal .rating-block.mentorship-status {
  display: flex;
  justify-content: center;
  width: auto;
}
#fill-profile-modal .rating-block.mentorship-status .rating-item,
#meeting-modal .rating-block.mentorship-status .rating-item,
#meeting-step-2 .rating-block.mentorship-status .rating-item,
.meetings-modal .rating-block.mentorship-status .rating-item {
  margin: 0 22px;
  display: flex;
  width: auto;
  align-items: center;
}
#fill-profile-modal .rating-block.mentorship-status .rating-item .rating-item-circle,
#meeting-modal .rating-block.mentorship-status .rating-item .rating-item-circle,
#meeting-step-2 .rating-block.mentorship-status .rating-item .rating-item-circle,
.meetings-modal .rating-block.mentorship-status .rating-item .rating-item-circle {
  order: 2;
  margin-left: 11px;
}
#fill-profile-modal .rating-block .mentorship-feedback-status:not(.show),
#meeting-modal .rating-block .mentorship-feedback-status:not(.show),
#meeting-step-2 .rating-block .mentorship-feedback-status:not(.show),
.meetings-modal .rating-block .mentorship-feedback-status:not(.show) {
  display: none;
}
#fill-profile-modal #meeting-step-0 ul.currentStep,
#meeting-modal #meeting-step-0 ul.currentStep,
#meeting-step-2 #meeting-step-0 ul.currentStep,
.meetings-modal #meeting-step-0 ul.currentStep {
  margin-bottom: 30px;
}
#fill-profile-modal #meeting-step-1 .full-name,
#meeting-modal #meeting-step-1 .full-name,
#meeting-step-2 #meeting-step-1 .full-name,
.meetings-modal #meeting-step-1 .full-name {
  margin-bottom: 4px;
}
#fill-profile-modal #meeting-step-1 .image-background-element,
#meeting-modal #meeting-step-1 .image-background-element,
#meeting-step-2 #meeting-step-1 .image-background-element,
.meetings-modal #meeting-step-1 .image-background-element {
  background-image: url("../images/mentor-invitation-bg-element.png");
  background-position-x: calc(50% + 52px);
  background-size: 169px 233px;
}
#fill-profile-modal #meeting-step-1 .image-background-element .image,
#meeting-modal #meeting-step-1 .image-background-element .image,
#meeting-step-2 #meeting-step-1 .image-background-element .image,
.meetings-modal #meeting-step-1 .image-background-element .image {
  margin-bottom: 40px;
}
#fill-profile-modal #meeting-step-1 ul.currentStep,
#meeting-modal #meeting-step-1 ul.currentStep,
#meeting-step-2 #meeting-step-1 ul.currentStep,
.meetings-modal #meeting-step-1 ul.currentStep {
  margin-bottom: 10px;
}
#fill-profile-modal ul.currentStep,
#meeting-modal ul.currentStep,
#meeting-step-2 ul.currentStep,
.meetings-modal ul.currentStep {
  padding-inline-start: 0;
  list-style-image: none;
  counter-reset: progress-of-actions;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
#fill-profile-modal ul.currentStep li,
#meeting-modal ul.currentStep li,
#meeting-step-2 ul.currentStep li,
.meetings-modal ul.currentStep li {
  counter-increment: progress-of-actions;
  list-style-type: none;
  position: relative;
  text-align: center;
  color: #4fa3fd;
}
#fill-profile-modal ul.currentStep li:not(:last-of-type),
#meeting-modal ul.currentStep li:not(:last-of-type),
#meeting-step-2 ul.currentStep li:not(:last-of-type),
.meetings-modal ul.currentStep li:not(:last-of-type) {
  width: 43px;
}
#fill-profile-modal ul.currentStep li:before,
#meeting-modal ul.currentStep li:before,
#meeting-step-2 ul.currentStep li:before,
.meetings-modal ul.currentStep li:before {
  font-size: 14px;
  font-weight: 600;
  content: counter(progress-of-actions);
  line-height: 24px;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  border: 2px solid #4fa3fd;
  display: block;
  text-align: center;
  background-color: white;
}
#fill-profile-modal ul.currentStep li:after,
#meeting-modal ul.currentStep li:after,
#meeting-step-2 ul.currentStep li:after,
.meetings-modal ul.currentStep li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #4fa3fd;
  top: 13px;
  left: -100%;
  z-index: -1;
}
#fill-profile-modal ul.currentStep li:first-child:after,
#meeting-modal ul.currentStep li:first-child:after,
#meeting-step-2 ul.currentStep li:first-child:after,
.meetings-modal ul.currentStep li:first-child:after {
  content: none;
}
#fill-profile-modal ul.currentStep li.active,
#meeting-modal ul.currentStep li.active,
#meeting-step-2 ul.currentStep li.active,
.meetings-modal ul.currentStep li.active {
  color: #ffffff;
}
#fill-profile-modal ul.currentStep li.active:before,
#meeting-modal ul.currentStep li.active:before,
#meeting-step-2 ul.currentStep li.active:before,
.meetings-modal ul.currentStep li.active:before {
  border-color: #4fa3fd;
  background-color: #4fa3fd;
}
#fill-profile-modal ul.currentStep li.active:after,
#meeting-modal ul.currentStep li.active:after,
#meeting-step-2 ul.currentStep li.active:after,
.meetings-modal ul.currentStep li.active:after {
  background-color: #4fa3fd;
}

#meeting-step-0 .initial-step-info {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
#meeting-step-0 .initial-step-info p.text-center {
  max-width: 726px;
}
#meeting-step-0 .initial-step-info iframe, #meeting-step-0 .initial-step-info lite-youtube {
  padding-top: 20px;
  width: 100%;
  max-width: 637px;
}

.fullscreen-modal .modal-dialog .close-modal.feedback-button {
  position: relative;
}

.modal-body {
  max-width: 576px;
  margin: auto;
}
.modal-body .close-modal {
  width: 241px;
  height: 42px;
  display: block;
  margin-bottom: 15px;
  border-radius: 22px;
  box-shadow: none;
  right: 0 !important;
  background-color: #4fa3fd !important;
  padding: 12px 34px !important;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
}
.modal-body .close-modal:hover {
  border-color: #4fa3fd;
  color: #fff;
}

button[disabled] {
  opacity: 0.6;
}

.div-btn-confirm {
  width: inherit;
  display: inline-block;
}

.div-btn-waiting {
  margin-right: 60px;
}

.div-btn-cancel {
  float: right;
}

.dont-break-out-mentee {
  min-height: 20px;
  padding-top: 8.5px;
  padding-bottom: 8.5px;
  padding-left: 13px;
  padding-right: 11px;
  border-radius: 5px;
  background-color: #b8e986;
}
.dont-break-out-mentee p {
  min-height: 20px;
  margin-bottom: 0px;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #262626;
}

.message-date {
  font-size: 14px;
  color: #7b7b7b;
  margin: 10px 0 0;
}

.btn-back {
  width: 102px;
  height: 42px;
  display: block;
  margin-bottom: 15px;
  border-radius: 22px;
  box-shadow: none;
  border-width: 0;
  background-color: white;
  color: #4fa3fd;
  font-size: 16px;
  font-weight: 600;
}

.feedback-button {
  width: 241px;
  height: 42px;
  display: block;
  margin-bottom: 15px;
  border-radius: 22px;
  box-shadow: none;
  background-color: #4fa3fd;
  padding: 12px 34px;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
}
.feedback-button:hover {
  border-color: #4fa3fd;
  color: #fff;
}

.platform-feedback-thanks {
  padding-top: 40px;
  padding-bottom: 55px;
}
.platform-feedback-thanks .heading {
  padding-bottom: 40px;
  font-size: 28px;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #262626;
}

.two-percent-section {
  position: relative;
}
.two-percent-section .about-content p {
  max-width: 596px;
}
.two-percent-section h1 {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 36px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 45px;
  letter-spacing: normal;
  color: #000;
  margin-top: 21px;
  margin-bottom: 19px;
}
.two-percent-section h2 {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 28px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 36px;
  letter-spacing: normal;
  color: #000;
  margin-top: 11px;
  margin-bottom: 13px;
}
.two-percent-section h3 {
  font-family: "Source Serif Pro", serif;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 38px;
  letter-spacing: normal;
  color: #000;
  margin-top: 10px;
  margin-bottom: 10px;
}
.two-percent-section p {
  margin: 0;
  font-family: "Source Serif Pro", serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 26px;
  letter-spacing: normal;
  color: #000;
}
.two-percent-section .wrap {
  background-color: #F8F6F1;
  padding: 30px 0 30px 0;
  position: relative;
}
@media (max-width: 991.98px) {
  .two-percent-section .wrap {
    padding-bottom: 135px;
  }
}
.two-percent-section .wrap .parama-cup {
  background-image: url(../images/parama-cup.png);
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  width: 453px;
  height: 140px;
  right: 0;
  bottom: 0;
}
@media (min-width: 992px) and (max-width: 1409.98px) {
  .two-percent-section .wrap .parama-cup {
    width: 227px;
    height: 70px;
  }
}
@media (max-width: 991.98px) {
  .two-percent-section .wrap .parama-cup {
    background-position: unset;
    width: 276px;
    height: 119px;
  }
}
.two-percent-section .row-subheader {
  padding-top: 32px;
  padding-bottom: 0;
}
.two-percent-section .row-choices {
  padding-bottom: 40px;
}
@media (max-width: 991.98px) {
  .two-percent-section .row-choices {
    padding-bottom: 0;
  }
}
.two-percent-section .row-choices .btn {
  margin-bottom: 15px;
  text-align: center;
  padding-left: 32px;
  padding-right: 32px;
}
.two-percent-section .row-choices .btn:hover, .two-percent-section .row-choices .btn:focus, .two-percent-section .row-choices .btn:active {
  min-width: 207px;
  margin-bottom: 15px;
  text-align: center;
}
.two-percent-section .row-filling {
  padding-bottom: 44px;
}
.two-percent-section .row-change {
  padding-bottom: 29px;
  background-color: #F8F6F1;
}
@media (max-width: 991.98px) {
  .two-percent-section .row-change {
    position: relative;
    padding-bottom: 129px;
  }
}
.two-percent-section .row-change h2 {
  margin-top: 32px;
}
@media (max-width: 991.98px) {
  .two-percent-section .row-change h2 {
    margin-top: 24px;
  }
}
.two-percent-section .row-change .parama-lighting {
  background-image: url("../images/parama-zaibas.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right bottom;
  position: absolute;
  width: 106px;
  height: 91px;
  top: calc(49% + 91px);
  left: 8%;
}
@media (min-width: 1173px) and (max-width: 1400px) {
  .two-percent-section .row-change .parama-lighting {
    top: calc(50% + 91px);
  }
}
@media (min-width: 992px) and (max-width: 1172.98px) {
  .two-percent-section .row-change .parama-lighting {
    top: calc(52% + 91px);
  }
}
@media (max-width: 991.98px) {
  .two-percent-section .row-change .parama-lighting {
    width: 85px;
    height: 73px;
    top: unset;
    bottom: 23px;
    left: calc(50% - 42.5px);
  }
}
.two-percent-section .wrap-stats .container {
  max-width: 736px;
}
.two-percent-section .wrap-stats > * {
  margin: 2px auto;
}
.two-percent-section .wrap-stats .wrap-stats-1 {
  padding-top: 17px;
  padding-bottom: 22px;
  background-color: #4FA3FD;
}
.two-percent-section .wrap-stats .wrap-stats-1 .stats-year {
  color: #fff;
}
.two-percent-section .wrap-stats .wrap-stats-1 .stats-data .stats-value {
  color: #fff;
}
.two-percent-section .wrap-stats .wrap-stats-1 .stats-data .stats-type {
  color: #fff;
}
.two-percent-section .wrap-stats .wrap-stats-2 {
  padding-top: 17px;
  padding-bottom: 22px;
  background-color: #4FA3FD;
}
.two-percent-section .wrap-stats .wrap-stats-2 .stats-year {
  color: #000;
}
.two-percent-section .wrap-stats .wrap-stats-2 .stats-data .stats-value {
  color: #FB7246;
}
.two-percent-section .wrap-stats .wrap-stats-2 .stats-data .stats-type {
  color: #FB7246;
}
.two-percent-section .wrap-stats .stats-year {
  font-family: "Source Serif Pro", serif;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 38px;
  letter-spacing: normal;
}
.two-percent-section .wrap-stats .stats-data {
  display: flex;
  flex-direction: row;
}
.two-percent-section .wrap-stats .stats-data .stats-value {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 50px;
  align-self: flex-end;
  font-family: "Source Serif Pro", serif;
  font-size: 59px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  padding-right: 9px;
}
.two-percent-section .wrap-stats .stats-data .stats-type {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  align-self: flex-end;
  font-family: "Source Serif Pro", serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  padding-bottom: 6px;
}
.two-percent-section .row-contacts {
  padding-top: 32px;
}
.two-percent-section .row-thanks {
  padding-top: 15px;
  padding-bottom: 42px;
}
@media (max-width: 767px) {
  .two-percent-section h1 {
    font-size: 24px;
    line-height: 28px;
  }
  .two-percent-section h2 {
    font-size: 22px;
    line-height: 28px;
  }
  .two-percent-section h3 {
    font-size: 22px;
    line-height: 33px;
  }
  .two-percent-section p {
    font-size: 15px;
    line-height: 25px;
  }
  .two-percent-section .bg-person {
    display: none;
  }
  .two-percent-section .wrap {
    background-image: none;
  }
  .two-percent-section .row-choices div ~ div {
    padding-top: 31px;
  }
  .two-percent-section .wrap-stats .wrap-stats-1 {
    background-image: none;
  }
  .two-percent-section .wrap-stats .wrap-stats-2 {
    background-image: none;
  }
  .two-percent-section .wrap-stats .stats-year {
    padding: 0;
  }
  .two-percent-section .wrap-stats .stats-data .stats-value {
    width: 100%;
    flex: 0;
    font-size: 52px;
    padding: 0;
  }
  .two-percent-section .wrap-stats .stats-data .stats-type {
    width: 100%;
    flex: 1;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
  }
}

.business-page-layout .container-fluid .page-about-row p {
  font-size: 18px;
  line-height: 1.44;
}
@media (max-width: 991.92px) {
  .business-page-layout .container-fluid .page-about-row p {
    font-size: 16px;
    line-height: 25px;
  }
}
.business-page-layout .section-margin {
  margin-top: 50px;
  margin-bottom: 50px;
}
.business-page-layout .largeText {
  color: #262626;
  font-size: 28px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  font-family: "Source Serif Pro", serif;
}
.business-page-layout ul li {
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #262626;
  font-family: "Source Sans Pro", sans-serif;
}
@media (max-width: 991.92px) {
  .business-page-layout ul li {
    font-size: 16px;
    line-height: 24px;
    padding-left: 10px;
  }
}
.business-page-layout ul li:not(:last-child) {
  margin-bottom: 12px;
}
.business-page-layout .testimonial-image-container {
  display: flex;
  justify-content: center;
}
@media (max-width: 991.92px) {
  .business-page-layout .testimonial-image-container {
    margin-bottom: 12px;
  }
}
.business-page-layout .bottom-quote-section .testimonialCarousel {
  margin-bottom: 0;
}
.business-page-layout #mentoring ul {
  list-style-image: url(../images/check-mark-green.png);
  padding-inline-start: 0;
  margin-block-start: 1em;
}
@media (max-width: 991.92px) {
  .business-page-layout #mentoring ul {
    padding-inline-start: 22px;
  }
}
.business-page-layout .testimonials {
  margin-top: 0px;
  margin-bottom: 33px;
}
@media (max-width: 991.92px) {
  .business-page-layout .testimonials {
    margin-top: 16px;
    margin-bottom: 24px;
  }
}
.business-page-layout .testimonials .testimonialCarousel .carousel-inner .image {
  height: 280px;
  width: 280px;
}
@media (max-width: 991.92px) {
  .business-page-layout .testimonials .testimonialCarousel .carousel-inner .image {
    height: 196px;
    width: 196px;
  }
}
.business-page-layout .testimonials .testimonialCarousel .image {
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  height: 280px;
  width: 280px;
}
@media (max-width: 991.92px) {
  .business-page-layout .testimonials .testimonialCarousel .image {
    height: 196px;
    width: 196px;
  }
}
.business-page-layout .testimonials .testimonialCarousel .carousel-inner .quote {
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 991.92px) {
  .business-page-layout .testimonials .testimonialCarousel .carousel-inner .quote {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #262626;
    margin-left: unset;
  }
}
.business-page-layout .page-content.container-fluid#mentoring {
  display: none;
}
.business-page-layout .partnersRow {
  background-color: #f8f6f1;
}
.business-page-layout .partnersRow .collaborate {
  margin-top: 60px;
  margin-bottom: 24px;
  font-size: 32px;
  line-height: 38px;
  color: #262626;
}
@media (max-width: 991.92px) {
  .business-page-layout .partnersRow .collaborate {
    font-size: 22px;
    line-height: 32px;
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
@media (max-width: 991.92px) {
  .business-page-layout .partnersRow .partners {
    margin-top: 0px;
  }
}
@media (max-width: 991.92px) {
  .business-page-layout .buttons-container {
    padding: 0;
  }
}
@media (max-width: 991.92px) {
  .business-page-layout .buttons-container .row {
    margin: 0;
  }
}
.business-page-layout .buttons-container .row .buttonsDiv {
  margin-bottom: 15px;
}
@media (max-width: 575.98px) {
  .business-page-layout .buttons-container .row .buttonsDiv {
    justify-content: space-between;
    margin-bottom: 2px;
  }
}
@media (min-width: 576px) and (max-width: 991.92px) {
  .business-page-layout .buttons-container .row .buttonsDiv {
    padding: 0;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 991.92px) {
  .business-page-layout .buttons-container .row .buttonsDiv {
    padding: 0;
    display: flex;
  }
}
.business-page-layout .buttons-container .row .buttonsDiv a.topic {
  color: black;
  padding: 10px 44px;
  margin: 2.5px;
  font-size: 18px;
  border-radius: 24px;
}
.business-page-layout .buttons-container .row .buttonsDiv a.topic[data-attribute=talents] {
  background-color: rgba(32, 130, 217, 0.2);
}
.business-page-layout .buttons-container .row .buttonsDiv a.topic[data-attribute=mentoring] {
  background-color: rgba(94, 169, 17, 0.2);
}
.business-page-layout .buttons-container .row .buttonsDiv a.topic.active {
  color: #ffffff;
  text-shadow: -0.06ex 0 0 currentColor, 0.06ex 0 0 currentColor;
}
@supports (-webkit-text-stroke-width: 0.04ex) {
  .business-page-layout .buttons-container .row .buttonsDiv a.topic.active { /* 2017+, mobile 2022+ */ }
  .business-page-layout .buttons-container .row .buttonsDiv a.topic.active {
    text-shadow: -0.03ex 0 0 currentColor, 0.03ex 0 0 currentColor;
    -webkit-text-stroke-width: 0.04ex;
  }
}
.business-page-layout .buttons-container .row .buttonsDiv a.topic.active[data-attribute=talents] {
  background-color: #2082d9;
}
.business-page-layout .buttons-container .row .buttonsDiv a.topic.active[data-attribute=mentoring] {
  background-color: #5ea911;
}
@media (max-width: 576px) {
  .business-page-layout .buttons-container .row .buttonsDiv a.topic {
    line-height: normal;
    padding: 12px 12px;
    font-size: 16px;
    margin: 0;
    word-spacing: 100vw;
  }
  .business-page-layout .buttons-container .row .buttonsDiv a.topic[data-attribute=talents] {
    padding-right: 28px;
    text-align: left;
    border-radius: unset;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
  }
  .business-page-layout .buttons-container .row .buttonsDiv a.topic[data-attribute=mentoring] {
    padding-left: 28px;
    text-align: right;
    border-radius: unset;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
  }
}
.business-page-layout .container-fluid#talents .page-about-row {
  background-color: #4FA3FD;
  background-image: none;
  position: relative;
}
.business-page-layout .container-fluid#talents .page-about-row .about-content {
  padding: 25px 0;
}
.business-page-layout .container-fluid#talents .page-about-row .about-content p, .business-page-layout .container-fluid#talents .page-about-row .about-content h2 {
  color: #fff;
}
.business-page-layout .container-fluid#talents .page-about-row .about-content h2:first-child {
  margin-bottom: 10px;
}
.business-page-layout .container-fluid#talents .page-about-row .about-content h2:nth-child(2) {
  font-family: "Source Serif Pro", serif;
  font-weight: 400;
}
@media (max-width: 576px) {
  .business-page-layout .container-fluid#talents .page-about-row .about-bottom-picture {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.business-page-layout .container-fluid#talents .page-about-row .surfer {
  background-image: url("../images/surfer.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  width: calc(100vw - 80%);
  height: 284px;
  bottom: -75px;
  right: 0;
}
.business-page-layout .container-fluid#talents .page-about-row .triangles {
  background-image: url("../images/triangles.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  width: 124px;
  height: 27px;
  top: 50px;
  left: 15%;
}
.business-page-layout .container-fluid#talents .page-about-row .sun {
  background-image: url("../images/sun_decoration.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  position: absolute;
  width: 135px;
  height: 135px;
  top: 0;
  left: 2%;
}
.business-page-layout .container-fluid#mentoring .page-about-row {
  background-color: #5ea911;
  background-image: none;
  position: relative;
}
.business-page-layout .container-fluid#mentoring .page-about-row .about-content {
  padding: 25px 0;
}
.business-page-layout .container-fluid#mentoring .page-about-row .about-content p, .business-page-layout .container-fluid#mentoring .page-about-row .about-content h2 {
  color: #fff;
}
.business-page-layout .container-fluid#mentoring .page-about-row .about-content h2:first-child {
  margin-bottom: 10px;
}
.business-page-layout .container-fluid#mentoring .page-about-row .about-content h2:nth-child(2) {
  font-family: "Source Serif Pro", serif;
  font-weight: 400;
}
.business-page-layout .container-fluid#mentoring .page-about-row .work {
  background-image: url("../images/group.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  width: calc(100vw - 74%);
  height: 284px;
  bottom: -38px;
  right: 0px;
}
.business-page-layout .container-fluid#mentoring .page-about-row .triangles {
  background-image: url("../images/triangles.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  width: 124px;
  height: 27px;
  top: 50px;
  left: 15%;
}
.business-page-layout .container-fluid#mentoring .page-about-row .sun {
  background-image: url("../images/sun_decoration.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  position: absolute;
  width: 135px;
  height: 135px;
  top: 0;
  left: 2%;
}
.business-page-layout .container-fluid#mentoring .page-about-row .combined-shape {
  background-image: url("../images/combined-shape-copy.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  position: absolute;
  width: 228px;
  height: 87px;
  bottom: 0;
  left: 2%;
}
.business-page-layout .container-fluid#mentoring .trainingValue {
  position: relative;
}
.business-page-layout .container-fluid#mentoring .trainingValue .person {
  background-image: url("../images/illiustration-darkperson-3.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  position: absolute;
  width: 150px;
  height: 287px;
  top: 50px;
  left: -130px;
}
.business-page-layout .container-fluid#mentoring .top-content-row h2 {
  font-weight: bold;
  margin-top: 50px;
}
.business-page-layout .container-fluid#mentoring .top-content-row ul {
  list-style-image: url(../images/icon-chek-red.svg);
  left: -60px;
}
.business-page-layout .container-fluid#mentoring .top-content-row ul li {
  color: #da4b1e;
  padding: 7.5px 20px;
}
.business-page-layout .container-fluid#mentoring .top-content-row h2:nth-child(2) {
  font-weight: 400;
  font-family: "Source Serif Pro", serif;
  margin-top: 25px;
}
.business-page-layout .container-fluid#mentoring .top-content-row p {
  margin-top: 20px;
}
.business-page-layout .container-fluid#mentoring .top-content-row .percentages {
  margin-bottom: 20px;
}
.business-page-layout .container-fluid#mentoring .top-content-row .percentages p, .business-page-layout .container-fluid#mentoring .top-content-row .percentages b {
  margin-bottom: 3px;
  margin-top: 0px;
  font-size: 32px;
  line-height: 38px;
}
.business-page-layout .container-fluid#mentoring .top-content-row .source {
  color: #7b7b7b;
  margin-bottom: 25px;
}
.business-page-layout .container-fluid#mentoring .mentors-program .list ul {
  list-style: disc;
}
.business-page-layout .container-fluid#mentoring .mentors-program .list ul li {
  padding-left: 20px;
  line-height: 26px;
}
.business-page-layout .container-fluid#mentoring .mentors-program .largeText {
  padding-bottom: 15px;
}
.business-page-layout .container-fluid#mentoring .bannersTitle {
  margin-bottom: 30px;
}
.business-page-layout .container-fluid#mentoring .bannersDiv .bannerImage {
  width: 321px;
  height: 269px;
}
.business-page-layout .container-fluid#mentoring .row-questions p a {
  color: inherit;
  text-decoration: unset;
}
.business-page-layout .btn {
  background-color: #fff;
  border-radius: 25px;
  color: #4FA3FD;
  border: 2px solid #4FA3FD;
  margin: 20px 20px 20px 0;
  letter-spacing: 1px;
  line-height: 15px;
  font-weight: 400;
  display: inline-block;
  font-size: 14px;
  padding: 11px 30px;
  letter-spacing: 0.2px;
  height: 42px;
}
.business-page-layout .btn.mentee {
  background-color: #fff;
  color: #4FA3FD;
  border: 2px solid #4FA3FD;
}
.business-page-layout .btn.mentee:hover {
  background-color: #fff;
  color: #2189E6;
  border: 2px solid #2189E6;
}
.business-page-layout .btn.mentor {
  background-color: #fff;
  color: #2082d9;
  border: 2px solid #2082d9;
}
.business-page-layout .btn.mentor:hover {
  background-color: #fff;
  color: #1861a3;
  border: 2px solid #1861a3;
}
.business-page-layout .list-section {
  position: relative;
}
.business-page-layout .list-section h2 {
  margin-bottom: 25px;
  font-weight: 700;
}
.business-page-layout .list-section ul {
  list-style-image: url("../images/check-mark-blue.png");
  padding-inline-start: 0;
  margin-block-start: 1em;
}
.business-page-layout .list-section ul li p {
  margin-top: 10px;
  margin-bottom: 25px;
}
.business-page-layout .list-section ul li .heading.emphasized {
  color: #d94b1e;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  display: inline;
}
.business-page-layout .list-section .image-person-heart {
  background-image: url("../images/person_with_heart.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 144px;
  height: 272px;
  position: absolute;
  bottom: 30px;
  left: -180px;
}
@media (max-width: 991.98px) {
  .business-page-layout .list-section .image-person-heart {
    display: none;
  }
}
.business-page-layout .big-image-section {
  margin-top: 0px;
  margin-bottom: 40px;
}
.business-page-layout .big-image-section .image-mentors-inside-computer, .business-page-layout .big-image-section .image-company-inside-computer {
  margin-top: -20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 100%;
  height: 458px;
  max-width: 723px;
  max-height: 458px;
}
.business-page-layout .big-image-section .image-mentors-inside-computer {
  background-image: url("../images/mentors_inside_computer.png");
}
.business-page-layout .big-image-section .image-company-inside-computer {
  background-image: url("../images/company_inside_computer.png");
}
.business-page-layout .wrap-stats {
  padding-top: 17px;
  padding-bottom: 22px;
  background-color: #F8F6F1;
}
.business-page-layout .wrap-stats .decoration {
  background-image: url("../images/business_stats_decoration.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  width: 225px;
  height: 199px;
  top: -25px;
  left: 5%;
}
.business-page-layout .wrap-stats .container {
  max-width: 720px;
}
.business-page-layout .wrap-stats .container .stats-year {
  color: #000;
}
.business-page-layout .wrap-stats .container .stats-data .stats-value {
  color: #FB7246;
}
.business-page-layout .wrap-stats .container .stats-data .stats-type {
  color: #FB7246;
  padding-bottom: 10px;
}
.business-page-layout .wrap-stats .stats-year {
  font-family: "Source Serif Pro", serif;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 38px;
  letter-spacing: normal;
}
.business-page-layout .wrap-stats .stats-data {
  display: flex;
  flex-direction: row;
}
.business-page-layout .wrap-stats .stats-data .stats-value {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 50px;
  align-self: flex-end;
  font-family: "Source Serif Pro", serif;
  font-size: 62px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  padding-right: 12px;
}
.business-page-layout .wrap-stats .stats-data .stats-type {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  align-self: flex-end;
  font-family: "Source Serif Pro", serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  padding-bottom: 6px;
}
.business-page-layout .quote-section, .business-page-layout .bottom-quote-section {
  background-color: #F8F6F1;
  position: relative;
}
.business-page-layout .quote-section .left-quote, .business-page-layout .quote-section .right-quote, .business-page-layout .quote-section .image-checkmark, .business-page-layout .bottom-quote-section .left-quote, .business-page-layout .bottom-quote-section .right-quote, .business-page-layout .bottom-quote-section .image-checkmark {
  width: 209px;
  height: 183px;
  background-size: cover;
  background-position: center center;
  position: absolute;
}
.business-page-layout .quote-section .left-quote, .business-page-layout .bottom-quote-section .left-quote {
  background-image: url("../images/quote_left.png");
  top: -40px;
  left: 5%;
}
.business-page-layout .quote-section .right-quote, .business-page-layout .bottom-quote-section .right-quote {
  background-image: url("../images/quote_right.png");
  bottom: -40px;
  right: 5%;
}
.business-page-layout .quote-section .quote-inner, .business-page-layout .bottom-quote-section .quote-inner {
  margin-bottom: 56px;
  margin-top: 56px;
}
@media (max-width: 991.92px) {
  .business-page-layout .quote-section .quote-inner, .business-page-layout .bottom-quote-section .quote-inner {
    margin-bottom: 24px;
    margin-top: 26px;
  }
}
.business-page-layout .quote-section .quote-inner .image, .business-page-layout .bottom-quote-section .quote-inner .image {
  border-radius: 50%;
  width: 100%;
  max-width: 273px;
  max-height: 273px;
}
@media (max-width: 991.92px) {
  .business-page-layout .quote-section .quote-inner .image, .business-page-layout .bottom-quote-section .quote-inner .image {
    max-width: 196px;
    max-height: 196px;
  }
}
.business-page-layout .quote-section .quote-inner .quote, .business-page-layout .bottom-quote-section .quote-inner .quote {
  font-size: 24px;
  line-height: 32px;
  margin-top: 40px;
}
.business-page-layout .quote-section .quote-inner .author, .business-page-layout .bottom-quote-section .quote-inner .author {
  font-size: 16px;
  font-weight: 600;
}
.business-page-layout .bottom-quote-section {
  margin-top: 0px;
}
.business-page-layout .bottom-quote-section .image-checkmark {
  background-image: url("../images/checkmark_hollow_white.png");
  width: 224px;
  height: 156px;
  top: -45px;
  left: 15%;
  z-index: 10;
}
.business-page-layout .bottom-quote-section .quote-inner .quote {
  margin-top: 20px;
}
.business-page-layout .bottom-quote-section .quote-inner p {
  max-width: 531px;
}
.business-page-layout .row-change {
  margin-bottom: 30px;
  margin-top: 40px;
}
.business-page-layout .row-associate-table-mobile {
  display: none;
}
.business-page-layout .row-associate-table-mobile .table-link {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  color: #000;
  text-transform: uppercase;
  display: block;
  width: fit-content;
  margin: 15px auto;
}
.business-page-layout .row-associate-table-mobile .table-link.collapsed {
  color: #2189E6;
  margin-bottom: 35px;
}
.business-page-layout .row-associate-table-mobile .table-link.collapsed:before {
  display: none;
}
.business-page-layout .row-associate-table-mobile .table-link:not(.collapsed):before {
  box-shadow: 0px -18px 18px -18px rgba(0, 0, 0, 0.1) inset;
  content: " ";
  width: 100%;
  position: absolute;
  top: -35px;
  height: 18px;
  left: 0;
}
.business-page-layout .row-associate-table-mobile .panel {
  border: none;
  box-shadow: none;
  position: relative;
}
.business-page-layout .row-associate-table-mobile table {
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}
.business-page-layout .row-associate-table-mobile table tr td {
  height: 65px;
  text-align: center;
}
.business-page-layout .row-associate-table-mobile table tr td {
  width: 30%;
  font-size: 20px;
  font-weight: bold;
}
.business-page-layout .row-associate-table-mobile table tr td .true, .business-page-layout .row-associate-table-mobile table tr td .false {
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
}
.business-page-layout .row-associate-table-mobile table tr td .true {
  background-image: url("../images/check_mark_green.png");
  width: 25px;
  height: 18px;
}
.business-page-layout .row-associate-table-mobile table tr td .false {
  background-image: url("../images/false_mark_gray.png");
  width: 18px;
  height: 18px;
}
.business-page-layout .row-associate-table-mobile table tr td:first-child {
  width: 70%;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  padding-left: 20px;
  font-family: "Source Serif Pro", serif;
}
.business-page-layout .row-associate-table-mobile table tr:nth-child(odd) td {
  background-color: #F8F8F8;
}
.business-page-layout .row-associate-table-mobile table:after {
  box-shadow: 0px 18px 18px -18px rgba(0, 0, 0, 0.1) inset;
  content: " ";
  width: 100%;
  position: absolute;
  bottom: -18px;
  height: 18px;
  left: 0;
}
.business-page-layout .row-associate-table table {
  margin-bottom: 40px;
  margin-top: 10px;
}
.business-page-layout .row-associate-table table tr td, .business-page-layout .row-associate-table table tr th {
  height: 65px;
  text-align: center;
  position: relative;
}
.business-page-layout .row-associate-table table tr td:nth-child(2):before, .business-page-layout .row-associate-table table tr th:nth-child(2):before {
  box-shadow: -18px 0 18px -18px rgba(0, 0, 0, 0.1) inset;
  content: " ";
  height: 65px;
  left: -18px;
  position: absolute;
  top: 0;
  width: 18px;
}
.business-page-layout .row-associate-table table tr td:last-child:before, .business-page-layout .row-associate-table table tr th:last-child:before {
  box-shadow: 18px 0 18px -18px rgba(0, 0, 0, 0.1) inset;
  content: " ";
  height: 65px;
  right: -18px;
  position: absolute;
  top: 0;
  width: 18px;
}
.business-page-layout .row-associate-table table tr th {
  font-size: 18px;
}
.business-page-layout .row-associate-table table tr th:after {
  box-shadow: 0px -18px 18px -18px rgba(0, 0, 0, 0.1) inset;
  content: " ";
  width: 100%;
  position: absolute;
  top: -18px;
  height: 18px;
  left: 0;
}
.business-page-layout .row-associate-table table tr th:first-child:after {
  box-shadow: none;
}
.business-page-layout .row-associate-table table tr td {
  width: 180px;
  font-size: 20px;
  font-weight: bold;
}
.business-page-layout .row-associate-table table tr td .true, .business-page-layout .row-associate-table table tr td .false {
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
}
.business-page-layout .row-associate-table table tr td .true {
  background-image: url("../images/check_mark_green.png");
  width: 25px;
  height: 18px;
}
.business-page-layout .row-associate-table table tr td .false {
  background-image: url("../images/false_mark_gray.png");
  width: 18px;
  height: 18px;
}
.business-page-layout .row-associate-table table tr td:first-child {
  width: 345px;
  font-family: "Source Serif Pro", serif;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  padding-left: 20px;
}
.business-page-layout .row-associate-table table tr:nth-child(odd) td {
  background-color: #FBFBFB;
}
.business-page-layout .row-associate-table table tr:nth-child(odd) td:first-child {
  background-color: #F8F8F8;
}
.business-page-layout .row-associate-table table tr:last-child td:after {
  box-shadow: 0px 18px 18px -18px rgba(0, 0, 0, 0.1) inset;
  content: " ";
  width: 100%;
  position: absolute;
  bottom: -18px;
  height: 18px;
  left: 0;
}
.business-page-layout .row-associate-table table tr:last-child td:first-child:after {
  box-shadow: none;
}
.business-page-layout .row-request-button .btn {
  display: block;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 60px;
  margin-top: 20px;
}
.business-page-layout .row-questions {
  margin: 40px 0 30px 0;
}
.business-page-layout .row-questions strong {
  font-family: "Source Sans Pro", sans-serif;
}
.business-page-layout .row-thanks {
  padding-top: 15px;
  padding-bottom: 42px;
}
.business-page-layout .row-thanks h3 {
  font-size: 28px;
  font-family: "Source Serif Pro", serif;
}

#introductionModal .surfer, #introductionSentModal .surfer, #coursePaymentSuccessModal .surfer {
  background-image: url("../images/surfer_introduction.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  width: 331px;
  height: 284px;
  bottom: 4px;
  right: 18px;
}
#introductionModal .sun, #introductionSentModal .sun, #coursePaymentSuccessModal .sun {
  background-image: url("../images/sun_big.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  position: absolute;
  width: 135px;
  height: 135px;
  left: 8%;
}
#introductionModal .modal-content-wrapper, #introductionSentModal .modal-content-wrapper, #coursePaymentSuccessModal .modal-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
#introductionModal .modal-content-wrapper .introductionModal, #introductionSentModal .modal-content-wrapper .introductionModal, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal {
  min-height: calc(100% - 88px);
}
#introductionModal .modal-content-wrapper .introductionModal .close-modal, #introductionSentModal .modal-content-wrapper .introductionModal .close-modal, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal .close-modal {
  padding: 0;
  background: none;
  border: none;
  position: absolute;
  right: 25px;
  top: 20px;
  opacity: 1;
  z-index: 99;
}
#introductionModal .modal-content-wrapper .introductionModal .close-modal span, #introductionSentModal .modal-content-wrapper .introductionModal .close-modal span, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal .close-modal span {
  display: inline-block;
  background-image: url("../images/close.png");
  background-size: cover;
  height: 24px;
  width: 24px;
}
#introductionModal .modal-content-wrapper .introductionModal h2, #introductionSentModal .modal-content-wrapper .introductionModal h2, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal h2 {
  padding-top: 40px;
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #262626;
}
#introductionModal .modal-content-wrapper .introductionModal p:first-of-type, #introductionSentModal .modal-content-wrapper .introductionModal p:first-of-type, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal p:first-of-type {
  margin: 20px 0;
  line-height: 1.63;
}
#introductionModal .modal-content-wrapper .introductionModal .btn, #introductionSentModal .modal-content-wrapper .introductionModal .btn, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal .btn {
  margin: 30px auto;
  display: block;
}
#introductionModal .modal-content-wrapper .introductionModal .error-field, #introductionSentModal .modal-content-wrapper .introductionModal .error-field, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal .error-field {
  display: none;
  max-width: 315px;
  width: 100%;
  margin: auto;
}
#introductionModal .modal-content-wrapper .introductionModal form, #introductionSentModal .modal-content-wrapper .introductionModal form, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal form {
  margin-bottom: 40px;
}
#introductionModal .modal-content-wrapper .introductionModal form .form-group .control-label, #introductionSentModal .modal-content-wrapper .introductionModal form .form-group .control-label, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal form .form-group .control-label {
  padding-bottom: 6px;
  font-size: 14px;
  color: #7B7B7B;
}
#introductionModal .modal-content-wrapper .introductionModal form .form-group .section-title, #introductionSentModal .modal-content-wrapper .introductionModal form .form-group .section-title, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal form .form-group .section-title {
  margin: 0;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 14px;
}
#introductionModal .modal-content-wrapper .introductionModal form .form-group .horizontal-line, #introductionSentModal .modal-content-wrapper .introductionModal form .form-group .horizontal-line, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal form .form-group .horizontal-line {
  padding: 0;
}
#introductionModal .modal-content-wrapper .introductionModal form .form-group .horizontal-line hr, #introductionSentModal .modal-content-wrapper .introductionModal form .form-group .horizontal-line hr, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal form .form-group .horizontal-line hr {
  margin: 10px 0;
}
#introductionModal .modal-content-wrapper .introductionModal form .form-group input, #introductionSentModal .modal-content-wrapper .introductionModal form .form-group input, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal form .form-group input {
  border-radius: 5px;
  height: 51px;
}
#introductionModal .modal-content-wrapper .introductionModal form .form-group .valid .check-mark, #introductionSentModal .modal-content-wrapper .introductionModal form .form-group .valid .check-mark, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal form .form-group .valid .check-mark {
  background-image: url("../images/check-green.png");
}
#introductionModal .modal-content-wrapper .introductionModal form .form-group .check-mark, #introductionSentModal .modal-content-wrapper .introductionModal form .form-group .check-mark, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal form .form-group .check-mark {
  display: inline-block;
  background-size: cover;
  background-position: center center;
  height: 25px;
  width: 30px;
  position: absolute;
  left: -25px;
  top: 47px;
  background-image: url("../images/check-gray.png");
}
#introductionModal .modal-content-wrapper .introductionModal form .form-group .has-error .control-label, #introductionSentModal .modal-content-wrapper .introductionModal form .form-group .has-error .control-label, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal form .form-group .has-error .control-label {
  color: #ff471e;
}
#introductionModal .modal-content-wrapper .introductionModal form .form-group .has-error .control-label .error-message, #introductionSentModal .modal-content-wrapper .introductionModal form .form-group .has-error .control-label .error-message, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal form .form-group .has-error .control-label .error-message {
  color: #262626;
}
#introductionModal .modal-content-wrapper .introductionModal form .form-group .has-error .check-mark, #introductionSentModal .modal-content-wrapper .introductionModal form .form-group .has-error .check-mark, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal form .form-group .has-error .check-mark {
  background-image: url("../images/check-red.png");
}
#introductionModal .modal-content-wrapper .introductionModal form .form-group .login.btn, #introductionSentModal .modal-content-wrapper .introductionModal form .form-group .login.btn, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal form .form-group .login.btn {
  line-height: 25px;
}
#introductionModal .modal-content-wrapper .introductionModal form .form-group .login.btn:hover, #introductionSentModal .modal-content-wrapper .introductionModal form .form-group .login.btn:hover, #coursePaymentSuccessModal .modal-content-wrapper .introductionModal form .form-group .login.btn:hover {
  background-color: #2189E6;
}
#introductionModal .modal-content-wrapper .introduction-modal-footer, #introductionSentModal .modal-content-wrapper .introduction-modal-footer, #coursePaymentSuccessModal .modal-content-wrapper .introduction-modal-footer {
  width: 100%;
  height: 88px;
  background-color: #F5F5F5;
}
#introductionModal .modal-content-wrapper .introduction-modal-footer .brand-icon, #introductionSentModal .modal-content-wrapper .introduction-modal-footer .brand-icon, #coursePaymentSuccessModal .modal-content-wrapper .introduction-modal-footer .brand-icon {
  display: inline-block;
  position: relative;
  margin: 0 20px 0 20px;
  padding: 0;
}
#introductionModal .modal-content-wrapper .introduction-modal-footer .brand-icon img, #introductionSentModal .modal-content-wrapper .introduction-modal-footer .brand-icon img, #coursePaymentSuccessModal .modal-content-wrapper .introduction-modal-footer .brand-icon img {
  display: inline-block;
  position: relative;
  margin-top: 30px;
  margin-bottom: 10px;
  width: 105px;
  height: 23px;
  opacity: 0.8;
}

#introductionSentModal .note-image, #coursePaymentSuccessModal .note-image {
  width: 306px;
  height: 144px;
  background-image: url("../images/flying_notes.png");
  background-size: cover;
  margin: 40px auto;
}
#introductionSentModal h3, #coursePaymentSuccessModal h3 {
  font-family: "Source Serif Pro", serif;
  font-size: 28px;
}

@media (max-width: 991px) {
  .business-page-layout .container-fluid#talents .page-about-row {
    margin-bottom: 50px;
  }
  .business-page-layout .container-fluid#talents .page-about-row .surfer {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    margin-top: -50px;
  }
  .business-page-layout .container-fluid#talents .page-about-row .triangles, .business-page-layout .container-fluid#talents .page-about-row .sun {
    display: none;
  }
  .business-page-layout .container-fluid#talents .wrap-stats .decoration {
    display: none;
  }
  .business-page-layout .container-fluid#talents .quote-section .quote-inner .quote {
    margin: 20px 0;
    font-size: 24px;
    line-height: 32px;
  }
  .business-page-layout .container-fluid#talents .quote-section .quote-inner .author {
    margin: 0;
  }
  .business-page-layout .container-fluid#talents .quote-section .right-quote {
    display: none;
  }
  .business-page-layout .container-fluid#talents .list-section h2 {
    padding-left: 0px;
  }
  .business-page-layout .container-fluid#talents .list-section ul {
    padding-left: 22px;
  }
  .business-page-layout .container-fluid#talents .big-image-section .image-mentors-inside-computer, .business-page-layout .container-fluid#talents .big-image-section .image-company-inside-computer {
    margin: auto;
    padding-top: 60vw;
    margin-top: 30px;
    height: unset;
  }
  .business-page-layout .container-fluid#talents .row-associate-table {
    display: none;
  }
  .business-page-layout .container-fluid#talents .row-associate-table-mobile {
    display: block;
  }
  .business-page-layout .container-fluid#talents .row-request-button .btn {
    margin-bottom: 40px;
    margin-top: 10px;
  }
  .business-page-layout .container-fluid#talents .row-questions .btn.mentor, .business-page-layout .container-fluid#talents .list-section .btn.mentor {
    max-width: 207px;
    display: inline-block;
    margin: auto;
  }
  .business-page-layout .container-fluid#mentoring .bannerImage {
    margin: 20px auto;
    display: block;
  }
  .business-page-layout .container-fluid#mentoring .person {
    display: none;
  }
  .business-page-layout .container-fluid#mentoring .page-about-row {
    margin-bottom: 50px;
  }
  .business-page-layout .container-fluid#mentoring .page-about-row .work {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    margin-top: -50px;
  }
  .business-page-layout .container-fluid#mentoring .page-about-row .triangles, .business-page-layout .container-fluid#mentoring .page-about-row .sun {
    display: none;
  }
  .business-page-layout .container-fluid#mentoring .page-about-row .combined-shape {
    width: 166px;
    height: 50px;
    top: 0;
    right: 0;
    left: unset;
  }
  .business-page-layout .container-fluid#mentoring .page-about-row .about-content {
    max-width: unset;
  }
  .business-page-layout .container-fluid#mentoring .top-content-row ul {
    left: 0px;
  }
  .business-page-layout .container-fluid#mentoring .source {
    color: #7b7b7b;
    font-size: 14px;
  }
  .business-page-layout .container-fluid#mentoring .wrap-stats .decoration {
    display: none;
  }
  .business-page-layout .container-fluid#mentoring .quote-section .quote-inner .quote-content {
    text-align: center;
  }
  .business-page-layout .container-fluid#mentoring .quote-section .quote-inner .quote {
    margin: 20px 0;
  }
  .business-page-layout .container-fluid#mentoring .quote-section .quote-inner .author {
    margin: 0;
  }
  .business-page-layout .container-fluid#mentoring .quote-section .quote-inner p {
    max-width: unset;
  }
  .business-page-layout .container-fluid#mentoring .big-image-section .image-mentors-inside-computer, .business-page-layout .container-fluid#mentoring .big-image-section .image-amston-inside-computer {
    margin: auto;
    padding-top: 60vw;
    margin-top: 30px;
    height: unset;
  }
  .business-page-layout .container-fluid#mentoring .row-associate-table {
    display: none;
  }
  .business-page-layout .container-fluid#mentoring .row-associate-table-mobile {
    display: block;
  }
  .business-page-layout .container-fluid#mentoring .row-request-button .btn {
    margin-bottom: 40px;
    margin-top: 10px;
  }
  .business-page-layout .container-fluid#mentoring .row-questions .btn.mentor, .business-page-layout .container-fluid#mentoring .list-section .btn.mentor {
    max-width: 207px;
    display: block;
    margin: 30px auto;
  }
  #introductionModal .modal-dialog .modal-content-wrapper form .form-group .check-mark {
    position: static;
    float: left;
  }
}
@media (max-width: 768px) {
  #introductionModal .surfer, #introductionSentModal .surfer, #coursePaymentSuccessModal .surfer {
    display: none;
  }
  #introductionSentModal .sun, #coursePaymentSuccessModal .sun {
    display: none;
  }
  .business-page-layout .btn {
    display: block;
    width: 247px;
    margin: auto;
    margin-top: 25px;
  }
  .business-page-layout .btn.mentor {
    width: 207px;
    margin-top: 15px;
  }
  .business-page-layout .text-center-mobile {
    text-align: center;
  }
  .business-page-layout .wrap-stats .stats-data {
    display: inline-block;
  }
  .business-page-layout .wrap-stats .stats-data .stats-type {
    text-align: left;
  }
}
@media (max-width: 576px) {
  h2 {
    font-size: 22px;
    line-height: 33px;
  }
  p {
    font-size: 15px;
  }
  .business-page-layout .bannersDiv {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .business-page-layout .bannersDiv .col-12 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .business-page-layout .bannersDiv .bannerImage {
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
  }
  .business-page-layout .container-fluid a.topic {
    border-radius: 4px;
    width: 48%;
    float: left;
    position: relative;
    font-size: 16px;
  }
  .business-page-layout .container-fluid .mentors-program .list ul li {
    padding-left: 0px !important;
  }
  .business-page-layout .top-content-row .percentages p, .business-page-layout .top-content-row .percentages b {
    font-size: 22px !important;
    line-height: 33px !important;
  }
  .row-questions .col-md-offset-3 p:nth-child(2) {
    font-size: 24px !important;
  }
  .largeText {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  .top-content-row p span {
    font-size: 22px !important;
  }
}
.business-page-layout {
  overflow: hidden;
}
.business-page-layout a:hover, .business-page-layout a:active, .business-page-layout a:focus {
  background-color: #fff;
}
.business-page-layout .partner-heading-section-content {
  background-color: #F8F6F1;
}
.business-page-layout .partner-heading-section-content .header-section {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .business-page-layout .partner-heading-section-content .header-section {
    flex-wrap: wrap;
  }
}
.business-page-layout .partner-heading-section-content .header-section .heading-image img {
  width: auto;
  height: 334px;
  margin-top: 50px;
}
@media (max-width: 768px) {
  .business-page-layout .partner-heading-section-content .header-section .heading-image {
    display: none;
  }
}
@media (min-width: 769px) {
  .business-page-layout .partner-heading-section-content .header-section .heading-image {
    display: flex;
    justify-content: center;
  }
}
.business-page-layout .partner-heading-section-content .header-section .heading-content .heading-text {
  margin-top: 120px;
  background: url(../images/yellow-highlight.svg) no-repeat 0 0;
  background-position-x: 4%;
  background-position-y: 89%;
  background-size: 520px;
  font-size: 33px;
  font-weight: 900;
  padding: 3px 16px 2px;
}
@media (max-width: 768px) {
  .business-page-layout .partner-heading-section-content .header-section .heading-content .heading-text {
    margin-top: 16px;
    background-size: 932px;
    width: 358px;
  }
}
.business-page-layout .partner-heading-section-content .header-section .heading-content .heading-text p {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  font-size: 42px;
  line-height: 50.4px;
  letter-spacing: -0.4px;
}
.business-page-layout .partner-heading-section-content .header-section .heading-content .heading-image-mobile img {
  width: 358px;
}
@media (max-width: 768px) {
  .business-page-layout .partner-heading-section-content .header-section .heading-content .heading-image-mobile {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 769px) {
  .business-page-layout .partner-heading-section-content .header-section .heading-content .heading-image-mobile {
    display: none;
  }
}
.business-page-layout .partner-heading-section-content .header-section .heading-content .subheading-text {
  margin-top: 16px;
  padding-left: 16px;
}
@media (max-width: 768px) {
  .business-page-layout .partner-heading-section-content .header-section .heading-content .subheading-text {
    width: 358px;
  }
}
.business-page-layout .partner-heading-section-content .header-section .heading-content .subheading-text p {
  font-family: "Source serif pro", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 25.6px;
  margin-bottom: 0px;
}
.business-page-layout .partner-heading-section-content .header-section .heading-content .button-content {
  margin-top: 32px;
  padding-left: 16px;
  margin-bottom: 56px;
}
.business-page-layout .partner-heading-section-content .header-section .heading-content .button-content .button {
  border: 2px solid #2189E6;
  padding: 14px 32px;
  border-radius: 25px;
  font-family: "Source Sans Pro", sans-serif;
}
.business-page-layout .partner-general-content {
  margin-bottom: 32px;
}
.business-page-layout .partner-general-content h3 {
  font-family: "Sans source 3", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 33.6px;
}
.business-page-layout .partner-general-content mark {
  background-color: #FFDC71;
}
.business-page-layout .partner-general-content P {
  margin-top: 8px;
}
.business-page-layout .partner-general-content .content-heading {
  margin-top: 32px;
  margin-bottom: 24px;
}
.business-page-layout .partner-general-content .content-subheading {
  margin-left: -10px;
}
.business-page-layout .partner-general-content .content-subheading p {
  font-family: "Source Serif Pro", sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 38px;
  background: url(../images/yellow-highlight-3.svg) no-repeat 0 0;
  background-position-x: 0%;
  background-position-y: -16%;
  background-size: 544px;
  padding: 1px 10px 6px;
}
@media (max-width: 768px) {
  .business-page-layout .partner-general-content .content-subheading p {
    background-size: 604px;
  }
}
.business-page-layout .partner-general-content .image-content .img {
  background-image: url(../images/business-photo.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 23vw;
  max-width: 660px;
}
@media (max-width: 768px) {
  .business-page-layout .partner-general-content .image-content .img {
    padding-top: 45vw;
  }
}
.business-page-layout .partner-general-content .general-content {
  max-width: 660px;
}
.business-page-layout .partner-general-content .general-content ul {
  list-style-image: unset;
}
.business-page-layout .partner-general-content .general-content ul li {
  margin-bottom: 18px;
  line-height: 25.6px;
}
.business-page-layout .partner-dark-section {
  background-color: #2B2B2B;
}
.business-page-layout .partner-dark-section .heading-content {
  margin-top: 64px;
  color: #262626;
  background: url(../images/yellow-highlight-2.svg) no-repeat 0 0;
  background-position-x: 2%;
  background-position-y: 80%;
  background-size: 571px;
  font-size: 33px;
  font-weight: 900;
  padding: 2px 27px 6px;
}
@media (max-width: 768px) {
  .business-page-layout .partner-dark-section .heading-content {
    margin-top: 12px;
    max-width: 350px;
    background-position-y: 50%;
    background-size: 813px;
  }
}
.business-page-layout .partner-dark-section .subheading-content {
  padding-left: 30px;
  margin-bottom: -50px;
  max-width: 580px;
}
@media (max-width: 768px) {
  .business-page-layout .partner-dark-section .subheading-content {
    margin-bottom: 10px;
  }
}
.business-page-layout .partner-dark-section .subheading-content p {
  color: #FFFFFF;
}
.business-page-layout .partner-dark-section .image-content .img {
  background-image: url(../images/business-laptop-1.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  padding-top: 31vw;
  margin-left: -15px;
}
@media (max-width: 768px) {
  .business-page-layout .partner-dark-section .image-content .img {
    background-image: url(../images/business-laptop-mobile.png);
    background-position: center;
    padding-top: 53vw;
    width: 100%;
  }
}
.business-page-layout .partner-dark-section .statistics-content {
  margin-top: 32px;
  margin-bottom: 64px;
}
.business-page-layout .partner-dark-section .statistics-content .stat-cards {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
}
@media (max-width: 768px) {
  .business-page-layout .partner-dark-section .statistics-content .stat-cards {
    width: 100%;
    gap: 8px;
    justify-content: center;
  }
}
.business-page-layout .partner-dark-section .statistics-content .stat-cards .stat-card {
  width: 20%;
  background-color: #515151;
}
@media (max-width: 768px) {
  .business-page-layout .partner-dark-section .statistics-content .stat-cards .stat-card {
    width: 48%;
  }
}
.business-page-layout .partner-dark-section .statistics-content .stat-cards .stat-card .stat-icon {
  margin: 16px 16px;
}
.business-page-layout .partner-dark-section .statistics-content .stat-cards .stat-card .stat-text p {
  font-family: "Source Serif Pro", sans-serif;
  margin: 16px 18px;
  color: #FFFFFF;
}
.business-page-layout .partner-dark-section .statistics-content .stat-cards .stat-card .stat-number {
  font-family: "Source Serif Pro", sans-serif;
  font-weight: 700;
  font-size: 48px;
  letter-spacing: 2px;
  margin: 16px 16px;
  color: #FFFFFF;
}
.business-page-layout .partner-dark-section .statistics-content .stat-cards .i-3 {
  background: url(../images/yellow-highlight-4.svg) no-repeat 0 0;
  background-position-x: 8%;
  background-position-y: 43%;
  background-size: cover;
  margin: 8px;
  padding: 0px 0px 0px;
}
.business-page-layout .partner-dark-section .statistics-content .stat-cards .i-3 .stat-text p {
  font-family: "Source Serif Pro", sans-serif;
  margin: 16px 12px;
  color: #262626;
}
@media (max-width: 768px) {
  .business-page-layout .partner-logos-content {
    margin-bottom: 60px;
  }
}
.business-page-layout .partner-logos-content .logos-content {
  margin-top: 50px;
}
.business-page-layout .partner-logos-content .logos-content .logo-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  gap: 40px;
}
.business-page-layout .partner-logos-content .logos-content .logo-cards .logo-card {
  width: 20%;
  max-height: 60px;
}
@media (max-width: 768px) {
  .business-page-layout .partner-logos-content .logos-content .logo-cards .logo-card {
    width: 40%;
  }
  .business-page-layout .partner-logos-content .logos-content .logo-cards .logo-card img {
    max-width: 150px;
  }
}
@media (min-width: 769px) {
  .business-page-layout .partner-feedback-content .col-md-offset-2 {
    margin-left: 12.666667%;
  }
}
.business-page-layout .partner-feedback-content .feedback-content .cta-content {
  margin-top: 32px;
  margin-bottom: 64px;
}
.business-page-layout .partner-feedback-content .feedback-content .cta-content p {
  margin-bottom: 24px;
}
.business-page-layout .partner-feedback-content .feedback-content .button {
  border: 2px solid #2189E6;
  padding: 14px 32px;
  border-radius: 25px;
  font-family: "Source Sans Pro", sans-serif;
}
.business-page-layout .partner-contacts-content .contact-content {
  margin-top: 24px;
  min-height: 280px;
}
.business-page-layout .partner-contacts-content .contact-content .contact-cards {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 40px;
}
@media (max-width: 768px) {
  .business-page-layout .partner-contacts-content .contact-content .contact-cards {
    gap: 50px;
  }
}
.business-page-layout .partner-contacts-content .contact-content .contact-cards .contact-card {
  width: 20%;
  max-height: 60px;
}
@media (max-width: 768px) {
  .business-page-layout .partner-contacts-content .contact-content .contact-cards .contact-card {
    width: 40%;
  }
}
.business-page-layout .partner-contacts-content .contact-content .contact-cards .contact-card .contact-photo img {
  width: 196px;
}
@media (max-width: 768px) {
  .business-page-layout .partner-contacts-content .contact-content .contact-cards .contact-card .contact-photo img {
    width: 132px;
  }
}
.business-page-layout .partner-contacts-content .contact-content .contact-cards .contact-card .feedback-name {
  margin-top: 16px;
}
.business-page-layout .partner-contacts-content .contact-content .contact-cards .contact-card .feedback-name img {
  height: 16px;
  margin-bottom: 6px;
  margin-left: 3px;
}

.employer-index-layout mark {
  background-color: #FFDC71;
  transform: rotate(0.3deg);
}
.employer-index-layout .row {
  display: flex;
  flex-wrap: wrap;
}
.employer-index-layout .heading-row {
  margin-bottom: 30px;
}
.employer-index-layout .heading-row p {
  line-height: 23px;
  margin-top: 25px;
}
.employer-index-layout .heading-row p strong {
  font-weight: 900;
}
.employer-index-layout .employer-section {
  background-color: #F8F6F1;
  padding-top: 40px;
}
.employer-index-layout .employer-item {
  font-family: "Source Sans Pro", sans-serif;
  background-color: #fff;
  min-height: 372px;
  margin-bottom: 20px;
}
.employer-index-layout .employer-item .employer-badge {
  position: absolute;
  border-radius: 5px;
  box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.07);
  background-color: #FB825C;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.42px;
  text-align: right;
  color: #F8F8F8;
  margin: 5px;
  padding: 5px 10px;
  text-transform: uppercase;
  right: 5.5px;
  top: 10px;
}
@media (max-width: 768px) {
  .employer-index-layout .employer-item .employer-badge {
    top: auto;
    bottom: 32px;
  }
}
.employer-index-layout .employer-item p {
  color: #fff;
}
.employer-index-layout .employer-item .partner-logo {
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 84px;
  position: relative;
}
.employer-index-layout .employer-item .employer-heading {
  height: 112px;
  padding: 15px 22px;
}
.employer-index-layout .employer-item .employer-heading.employer-heading-avion .partner-logo, .employer-index-layout .employer-item .employer-heading.employer-heading-carvertical .partner-logo, .employer-index-layout .employer-item .employer-heading.employer-heading-luminor .partner-logo, .employer-index-layout .employer-item .employer-heading.employer-heading-centric-it-solutions-lithuania .partner-logo {
  background-size: auto 46px;
}
.employer-index-layout .employer-item .employer-heading.employer-heading-acme .partner-logo {
  background-size: auto 60px;
}
.employer-index-layout .employer-item .employer-heading.employer-heading-rimi .partner-logo {
  background-size: 170px;
}
@media (max-width: 768px) {
  .employer-index-layout .employer-item .employer-heading.employer-heading-carvertical .partner-logo {
    background-size: 170px;
  }
  .employer-index-layout .employer-item .employer-heading.employer-heading-acme .partner-logo {
    background-size: 80px;
  }
  .employer-index-layout .employer-item .employer-heading.employer-heading-rimi .partner-logo {
    background-size: 140px;
  }
  .employer-index-layout .employer-item .employer-heading.employer-heading-luminor .partner-logo {
    background-size: 120px;
  }
  .employer-index-layout .employer-item .employer-heading.employer-heading-avion .partner-logo {
    background-size: 130px;
  }
}
.employer-index-layout .employer-item .employer-main-section {
  margin: 11px 21px 0 22px;
  position: relative;
  min-height: 260px;
}
.employer-index-layout .employer-item .employer-main-section .industry {
  font-family: "Source Sans Pro";
  margin: 0 5px 10px 1px;
  font-size: 14px;
  color: #2a2828;
}
@media (max-width: 768px) {
  .employer-index-layout .employer-item .employer-main-section .industry {
    margin-bottom: 3.5px;
  }
}
.employer-index-layout .employer-item .employer-main-section .heading {
  font-family: "Source Sans Pro";
  margin-top: 10px;
  font-size: 22px;
  font-weight: bold;
  color: #262626;
}
@media (max-width: 768px) {
  .employer-index-layout .employer-item .employer-main-section .heading {
    margin-top: 0;
  }
}
.employer-index-layout .employer-item .employer-main-section .introduction {
  font-family: "Source Sans Pro";
  margin: 10px 2px 10px 1px;
  font-size: 14px;
  color: #2a2828;
  line-height: normal;
}
@media (max-width: 768px) {
  .employer-index-layout .employer-item .employer-main-section .introduction {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
.employer-index-layout .employer-item .employer-main-section .employer-job-ads {
  display: flex;
  font-size: 18px;
  font-weight: bold;
}
.employer-index-layout .employer-item .employer-main-section .employer-job-ads .case-icon {
  content: url("../images/icon-case.png");
  margin-right: 5px;
}
.employer-index-layout .employer-item .employer-main-section .employer-button {
  position: absolute;
  left: 0;
  bottom: 22px;
  font-size: 14px;
  font-weight: 600;
  color: #4FA3FD;
}
@media (max-width: 768px) {
  .employer-index-layout .employer-item .employer-main-section .employer-button {
    bottom: 17px;
  }
}
@media (max-width: 768px) {
  .employer-index-layout .employer-item .employer-main-section {
    margin: 11px 11px 0 11px;
  }
}
.employer-index-layout .employer-item a {
  color: unset;
}
.employer-index-layout .employer-item:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.employer-index-layout .employer-item:hover a {
  color: unset;
}
.employer-index-layout .employer-item:hover .employer-button {
  color: #2189E6;
}
.employer-index-layout .employer-cta {
  padding-top: 31px;
  padding-bottom: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.employer-index-layout .employer-cta p {
  max-width: 660px;
}
.employer-index-layout .employer-cta .btn-section {
  margin-top: 16px;
}
.employer-index-layout .employer-cta .btn-section .button {
  border: 2px solid #2189E6;
  padding: 14px 32px;
  border-radius: 35px;
  color: #2189E6;
}
.employer-index-layout .employer-cta .btn-section .button:hover, .employer-index-layout .employer-cta .btn-section .button.active {
  background-color: #fff;
  color: #2189E6;
}

.candidacy-layout {
  overflow-x: hidden;
}
@media (min-width: 992px) {
  .candidacy-layout .col-md-offset-3 {
    margin-left: 24%;
  }
}
.candidacy-layout .become-mentor {
  text-align: center;
  background-color: #4FA3FD;
  color: #fff;
  height: 40px;
  line-height: 40px;
}
.candidacy-layout .become-mentor .btn {
  background-color: #89C2FF;
  border-radius: 30px;
  padding: 6px 60px;
  color: #fff;
  margin-bottom: 4px;
  margin-left: 10px;
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  box-shadow: none;
  height: 26px;
}
.candidacy-layout .become-mentor .btn:hover, .candidacy-layout .become-mentor .btn:active, .candidacy-layout .become-mentor .btn:focus {
  color: #fff;
  background-color: #A6D0FF;
}
.candidacy-layout .row .col-md-12 .d-none {
  display: none;
}
.candidacy-layout .cv-div {
  display: block;
  width: 100%;
  height: 39px;
  font-size: 15px;
  line-height: 1.4;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 5px;
  height: 51px;
  background-color: #f8f8f8;
  position: relative;
}
.candidacy-layout .cv-div::before {
  display: block;
  content: url("../images/fill-1-copy.svg");
  position: absolute;
  padding-left: 15px;
  top: 0;
  transform: translateY(50%);
}
.candidacy-layout #cv-select {
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  color: #515151;
  padding-left: 50px;
  font-weight: normal;
  white-space: normal;
  padding-top: 0px;
  padding-bottom: 0px;
}
.candidacy-layout h2 {
  margin-bottom: 20px;
}
.candidacy-layout .back-link {
  color: #262626;
  font-size: 14px;
}
.candidacy-layout .back-link:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  height: 10px;
  width: 10px;
  background-image: url("../images/back_chevron_black.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.candidacy-layout .back-link:hover {
  color: #4FA3FD;
}
.candidacy-layout .back-link:hover:before {
  background-image: url("../images/chevron_left_blue.png");
}
.candidacy-layout .candidacy-header {
  background-color: #F8F6F1;
  background-size: cover;
  background-position: center center;
  position: relative;
  display: flex;
  justify-content: center;
  gap: 23px;
}
.candidacy-layout .candidacy-header .candidacy-heading-text {
  max-width: 577px;
  margin-top: 36px;
  margin-bottom: 36px;
}
.candidacy-layout .candidacy-header .candidacy-heading-text .mentor-button {
  display: block;
  max-width: 180px;
  height: 42px;
  border-radius: 22px;
  padding-top: 11px;
  padding-bottom: 12px;
  color: #2189E6;
  border: 2px solid #2189E6;
  background-color: #F8F6F1;
  margin-right: 20px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin-top: 8px;
  margin-bottom: 24px;
}
.candidacy-layout .candidacy-header .candidacy-heading-text .mentor-button:hover {
  color: #2189E6;
  border: 2px solid #2189E6;
  background-color: #F8F6F1;
}
.candidacy-layout .candidacy-header .candidacy-heading-image {
  background-image: url("../images/target-candidacies.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 160px;
  width: 180px;
  margin-top: 36px;
}
.candidacy-layout form {
  margin: 45px 0;
}
.candidacy-layout form .form-group .or-label {
  text-align: center;
  margin-top: 15px;
  font-size: 16px;
  color: #7B7B7B;
}
.candidacy-layout form .form-group .control-label {
  padding-bottom: 6px;
  font-size: 16px;
  color: #7B7B7B;
}
.candidacy-layout form .form-group h4 {
  margin: 0;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 4px;
}
.candidacy-layout form .form-group .horizontal-line {
  padding: 0;
}
.candidacy-layout form .form-group .horizontal-line hr {
  margin: 10px 0;
}
.candidacy-layout form .form-group button {
  height: 51px;
  border-radius: 5px;
  background-color: #4FA3FD;
  width: 120px;
  font-size: 18px;
  margin-top: 5px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.candidacy-layout form .form-group input {
  border-radius: 5px;
  height: 51px;
  font-family: "Source Sans Pro", sans-serif;
}
.candidacy-layout form .form-group textarea {
  border-radius: 5px;
}
.candidacy-layout form .form-group #ism-select .radio-inline,
.candidacy-layout form .form-group #vu-select .radio-inline,
.candidacy-layout form .form-group #pwc-select .radio-inline,
.candidacy-layout form .form-group .association-select .radio-inline {
  font-size: 16px;
  margin-right: 10px;
  min-width: 120px;
}
.candidacy-layout form .form-group #ism-select .radio-inline input,
.candidacy-layout form .form-group #vu-select .radio-inline input,
.candidacy-layout form .form-group #pwc-select .radio-inline input,
.candidacy-layout form .form-group .association-select .radio-inline input {
  height: unset;
  margin-top: 3px;
}
.candidacy-layout form .form-group #communication-select .checkbox-inline {
  line-height: 20px;
  font-size: 16px;
  margin-right: 10px;
}
.candidacy-layout form .form-group #communication-select .checkbox-inline input {
  height: unset;
}
.candidacy-layout form .form-group #communication-select .checkbox-inline + .d-inline {
  margin-left: 20px;
}
.candidacy-layout form .form-group .check-mark {
  display: inline-block;
  background-size: cover;
  background-position: center center;
  height: 25px;
  width: 30px;
  position: absolute;
  left: -25px;
  top: 47px;
  background-image: url("../images/check-gray.png");
}
.candidacy-layout form .form-group .custom-select .check-mark {
  left: -40px;
}
.candidacy-layout form .form-group .custom-select .chevron {
  background-image: url("../images/triangle-down.png");
  width: 18px;
  height: 10px;
  top: unset;
  bottom: 14px;
}
.candidacy-layout form .form-group .custom-select .select-selected {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #6f6f6f;
  height: 51px;
  border-radius: 5px;
}
.candidacy-layout form .form-group label.btn-primary {
  border: none;
  border-radius: 5px;
  background-color: #4FA3FD;
  font-size: 18px;
  margin-top: 5px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.candidacy-layout form .form-group .valid .check-mark {
  background-image: url("../images/check-green.png");
}
.candidacy-layout form .form-group .has-error .select2-selection {
  border-color: #ff471e;
}
.candidacy-layout form .form-group .has-error .control-label {
  color: #ff471e;
}
.candidacy-layout form .form-group .has-error .control-label .error-message {
  color: #262626;
}
.candidacy-layout form .form-group .has-error .check-mark {
  background-image: url("../images/check-red.png");
}
.candidacy-layout form .association-wrapper .form-group h3 {
  font-weight: 700;
  font-size: 16px;
  user-select: none;
}
.candidacy-layout form .association-wrapper .form-group h3 span {
  font-weight: 100;
  display: inline-block;
  margin-left: 10px;
  color: #4FA3FD;
  text-decoration: none;
  cursor: default;
}
.candidacy-layout form .association-wrapper .form-group h3 span:hover {
  color: #4FA3FD;
  text-decoration: underline;
  cursor: pointer;
}
.candidacy-layout .form-group.separator h4 {
  margin-top: 45px;
}

@media (max-width: 991px) {
  .candidacy-layout .back-link {
    position: relative;
    padding-left: 20px;
  }
  .candidacy-layout .back-link:before {
    top: 3px;
  }
  .candidacy-layout .back-link:hover {
    color: #4FA3FD;
  }
  .candidacy-layout .back-link:hover:before {
    background-image: url("../images/chevron_left_blue.png");
  }
  .candidacy-layout .candidacy-header {
    flex-direction: column;
  }
  .candidacy-layout .candidacy-header .candidacy-heading-text {
    order: 2;
  }
  .candidacy-layout .candidacy-header .candidacy-heading-image {
    order: 1;
  }
  .candidacy-layout form .form-group .check-mark {
    position: static;
    float: left;
  }
}
@media (max-width: 1400px) {
  .candidacy-layout .candidacy-header .background-element.icon {
    left: 105px;
  }
}
@media (max-width: 1250px) {
  .candidacy-layout .candidacy-header .background-element.icon {
    display: none;
  }
}
@media (max-width: 991px) {
  .candidacy-layout .container-fluid.header {
    padding: 0px;
  }
  .candidacy-layout .left, .candidacy-layout .right {
    display: none;
  }
  .candidacy-layout .header_section, .candidacy-layout .header_links {
    padding: 36px 10px 0px 10px;
  }
  .candidacy-layout .image-block {
    width: 30px;
  }
  .candidacy-layout .header_link {
    padding-bottom: 20px;
  }
  .candidacy-layout #cv-select {
    font-size: 13px;
  }
}
#tutorialModal .modal-dialog .modal-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
#tutorialModal .modal-dialog .modal-content-wrapper .videoBlock {
  margin: 60px 0;
}
#tutorialModal .modal-dialog .modal-content-wrapper .tutorial-background h2 {
  padding-top: 40px;
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #262626;
}
#tutorialModal .modal-dialog .modal-content-wrapper .tutorial-background p:first-of-type {
  margin: 20px 0;
}
#tutorialModal .modal-dialog .modal-content-wrapper .tutorial-background iframe, #tutorialModal .modal-dialog .modal-content-wrapper .tutorial-background lite-youtube {
  width: 100%;
  max-width: 637px;
}
#tutorialModal .modal-dialog .modal-content-wrapper .tutorial-background .btn {
  width: 265px;
  padding: 13px 0px;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin: 0 auto;
  display: block;
  border-radius: 5px;
}
#tutorialModal .modal-dialog .modal-content-wrapper .tutorial-background .error-field {
  display: none;
  max-width: 315px;
  width: 100%;
  margin: auto;
}
#tutorialModal .modal-dialog .modal-content-wrapper .tutorial-background .image {
  background-image: url("../images/brand_logo_blue.png");
  background-size: cover;
  height: 42px;
  width: 195px;
  margin: auto;
  margin-top: 80px;
  margin-bottom: 70px;
}

.login-page .close-modal, .register-page .close-modal {
  padding: 0;
  background: none;
  border: none;
  position: absolute;
  right: 25px;
  top: 20px;
  opacity: 1;
  z-index: 99;
}
.login-page .close-modal span, .register-page .close-modal span {
  display: inline-block;
  background-size: cover;
  height: 24px;
  width: 24px;
}
.login-page .background, .register-page .background {
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: top right;
}
.login-page .background h2, .register-page .background h2 {
  padding-top: 40px;
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #262626;
}
.login-page .background p:first-of-type, .register-page .background p:first-of-type {
  margin: 20px 0;
}
.login-page .background .btn, .register-page .background .btn {
  display: block;
  width: 267px;
  margin: 15px auto 15px auto;
  border-radius: 25px;
  padding: 13px 35px;
  box-shadow: none;
}
.login-page .background .error-field, .register-page .background .error-field {
  display: none;
  max-width: 315px;
  width: 100%;
  margin: auto;
}

#successCandidacy .modal-dialog .modal-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
#successCandidacy .modal-dialog .modal-content-wrapper .candidacy-background h2 {
  font-size: 24px;
  font-weight: 600;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  color: #262626;
  font-family: "Source Sans Pro", serif;
}
#successCandidacy .modal-dialog .modal-content-wrapper .candidacy-background p {
  font-family: "Source Sans Pro", serif;
  font-size: 16px;
  color: #262626;
}
#successCandidacy .modal-dialog .modal-content-wrapper .candidacy-background p:first-of-type {
  margin: 20px 0;
}
#successCandidacy .modal-dialog .modal-content-wrapper .candidacy-background .btn {
  display: inline-block;
  width: 267px;
  margin: 15px auto;
  border-radius: 25px;
  padding: 13px 35px;
  box-shadow: none;
}
#successCandidacy .modal-dialog .modal-content-wrapper .candidacy-background .error-field {
  display: none;
  max-width: 315px;
  width: 100%;
  margin: auto;
}
#successCandidacy .modal-dialog .modal-content-wrapper .candidacy-background .image {
  background-image: url("../images/candidacies.png");
  background-size: contain;
  width: 286px;
  height: 232px;
  margin: auto;
  margin-top: 80px;
}

.candidacy-page .close-modal {
  padding: 0;
  background: none;
  border: none;
  position: absolute;
  right: 25px;
  top: 20px;
  opacity: 1;
  z-index: 99;
}
.candidacy-page .close-modal span {
  display: inline-block;
  background-image: url("../images/close.png");
  background-size: cover;
  height: 24px;
  width: 24px;
}
.candidacy-page .background {
  background-image: url("../images/login_background.png");
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: top right;
}
.candidacy-page .background h2 {
  padding-top: 40px;
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #262626;
}
.candidacy-page .background p:first-of-type {
  margin: 20px 0;
}
.candidacy-page .background .btn {
  display: block;
  width: 267px;
  margin: 15px auto 15px auto;
  border-radius: 25px;
  padding: 13px 35px;
  box-shadow: none;
}
.candidacy-page .background .error-field {
  display: none;
  max-width: 315px;
  width: 100%;
  margin: auto;
}
.candidacy-page .background .image {
  background-image: url("../images/brand_logo_blue.png");
  background-size: cover;
  height: 42px;
  width: 195px;
  margin: auto;
  margin-top: 80px;
  margin-bottom: 70px;
}

@media (max-width: 991px) {
  #successCandidacy .man, #successCandidacy .sun {
    display: none;
  }
}
.privacy-policy-table {
  margin: 30px 0;
}
.privacy-policy-table tbody tr:first-of-type td {
  background-color: #022b61;
  color: #fff;
}
.privacy-policy-table tbody tr td:first-of-type {
  background-color: #022b61;
  color: #fff;
}
.privacy-policy-table td {
  border: 1px solid #000;
  padding: 5px;
  text-align: center;
}

.preparation-for-mentorship-layout p strong {
  font-weight: bolder;
}
.preparation-for-mentorship-layout h2 {
  margin-top: 0;
}
.preparation-for-mentorship-layout .page-about-row {
  background: #f8f6f1 none;
  position: relative;
}
.preparation-for-mentorship-layout .page-about-row .about-content {
  padding: 2px 0 0 0;
}
.preparation-for-mentorship-layout .page-about-row .artwork-right {
  content: url("../images/prepare_mentorship_artwork_right.png");
  position: absolute;
  height: 119px;
  width: 249px;
  bottom: 0;
  right: 0;
}
.preparation-for-mentorship-layout .page-about-row .artwork-left {
  margin-left: 49px;
}
.preparation-for-mentorship-layout .page-about-row .artwork-left .top-left-artwork {
  position: absolute;
  top: 19px;
  left: 49px;
  height: 44px;
  width: 38px;
  content: url("../images/prepare_mentorship_artwork_left_top.png");
}
.preparation-for-mentorship-layout .page-about-row .artwork-left .bottom-left-artwork {
  position: absolute;
  bottom: 0;
  left: 78px;
  height: 54px;
  width: 134px;
  content: url("../images/prepare_mentorship_artwork_left_bottom.png");
}
.preparation-for-mentorship-layout .container-fluid .row:last-of-type {
  margin-bottom: 5px;
}
.preparation-for-mentorship-layout .container .content h2 {
  margin-bottom: 13px;
}
.preparation-for-mentorship-layout .container .content > p:last-of-type, .preparation-for-mentorship-layout .container .content > ul:last-of-type, .preparation-for-mentorship-layout .container .content > ol:last-of-type {
  margin-bottom: 35px;
}
.preparation-for-mentorship-layout .container .content p,
.preparation-for-mentorship-layout .container .content li {
  font-size: 16px;
  line-height: 26px;
  color: #262626;
}
.preparation-for-mentorship-layout .container .content p.main-section {
  font-size: 28px;
  line-height: 38px;
  margin-top: 13px;
  margin-bottom: 35px;
}
.preparation-for-mentorship-layout .container .content p.after-main-section {
  margin-top: -29px;
  margin-bottom: 42px;
}
.preparation-for-mentorship-layout .container .content .embed-youtube {
  margin-top: 19px;
  margin-bottom: 34px;
}
.preparation-for-mentorship-layout .container .content ul,
.preparation-for-mentorship-layout .container .content ol {
  list-style-position: outside;
  padding-inline-start: 0;
  list-style-image: none;
  margin-left: -20px;
  margin-bottom: 23px;
}
.preparation-for-mentorship-layout .container .content ul li,
.preparation-for-mentorship-layout .container .content ol li {
  padding-left: 20px;
  margin-bottom: 10px;
}
.preparation-for-mentorship-layout .container .content ul ul,
.preparation-for-mentorship-layout .container .content ol ul {
  list-style-type: none;
  margin-top: 10px;
}
.preparation-for-mentorship-layout .container .content ul ul li,
.preparation-for-mentorship-layout .container .content ol ul li {
  margin-left: 40px;
}
.preparation-for-mentorship-layout .container .content ul ul li:before,
.preparation-for-mentorship-layout .container .content ol ul li:before {
  content: "‒";
  position: absolute;
  margin-left: -30px;
}
.preparation-for-mentorship-layout .container .content ul.list-section-emphasized {
  list-style-image: url("../images/check-mark-red.png");
}
.preparation-for-mentorship-layout .container .content ul.list-section-emphasized li {
  font-size: 18px;
  font-weight: 600;
  color: #da4b1e;
}

@media (max-width: 992px) {
  .preparation-for-mentorship-layout .container .content ul,
  .preparation-for-mentorship-layout .container .content ol {
    list-style-position: inside;
  }
  .preparation-for-mentorship-layout .container .content ul ul li,
  .preparation-for-mentorship-layout .container .content ol ul li {
    margin-left: 60px;
  }
}
@media (min-width: 991px) {
  .preparation-for-mentorship-layout .container .content {
    padding-left: 48px;
    padding-right: 49px;
  }
}
.email-verification-page .modal-dialog,
.email-change-page .modal-dialog {
  max-width: 768px !important;
  width: 100% !important;
  position: relative;
}
@media (min-width: 992px) {
  .email-verification-page .modal-dialog:before,
  .email-change-page .modal-dialog:before {
    content: "";
    background-image: url(../images/email-ver1.svg);
    height: 194px;
    width: 169px;
    position: absolute;
    left: 25%;
  }
  .email-verification-page .modal-dialog:after,
  .email-change-page .modal-dialog:after {
    content: "";
    background-image: url(../images/email-ver2.svg);
    height: 227px;
    width: 137px;
    position: absolute;
    top: -85px;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.email-verification-page .modal-dialog .modal-body,
.email-change-page .modal-dialog .modal-body {
  max-width: 768px !important;
}
.email-verification-page .modal-dialog .modal-body .ver-title,
.email-change-page .modal-dialog .modal-body .ver-title {
  margin-bottom: 30px;
  font-family: "Source Serif Pro", sans-serif;
  font-weight: normal;
}
.email-verification-page .modal-dialog .modal-body .ver-button,
.email-change-page .modal-dialog .modal-body .ver-button {
  margin-top: 30px;
}
.email-verification-page .modal-dialog .modal-body .image-background-element .image,
.email-change-page .modal-dialog .modal-body .image-background-element .image {
  margin-top: 29px;
  height: 153px;
  width: 146px;
  border-radius: 0;
}
.email-verification-page .modal-dialog .modal-body .btn.btn-primary[type=submit],
.email-change-page .modal-dialog .modal-body .btn.btn-primary[type=submit] {
  text-align: center;
}

.profile-visits-page-layout .row-visits {
  background-color: #F8F6F1;
  margin-bottom: 20px;
  margin-top: 10px;
  background-image: url("../images/shape-meetings-1.png"), url("../images/shape-meetings-2.png"), url("../images/shape-meetings-3.png");
  background-size: 228px 123px, 228px 123px, 83px 160px;
  background-position: right 22% top 106px, left 22% top 106px, right 0 top 363px;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .profile-visits-page-layout .row-visits {
    background-image: none, none, none;
  }
}
.profile-visits-page-layout .row-visits .visits-container {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #E0D9CA;
  padding: 20px;
  padding-top: 10px;
}
.profile-visits-page-layout .row-visits .visits-container .flex-row {
  display: flex;
  align-items: center;
  margin-top: 22px;
  margin-bottom: 33px;
}
.profile-visits-page-layout .row-visits .visits-container .flex-row .flex-photo {
  flex: 0 0 72px;
}
.profile-visits-page-layout .row-visits .visits-container .flex-row .flex-photo .meeting-photo-round {
  width: 52px;
  height: 52px;
  margin: 0;
  position: relative;
  border-radius: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.profile-visits-page-layout .row-visits .visits-container .flex-row .flex-name {
  flex: 1 1 100%;
}
.profile-visits-page-layout .row-visits .visits-container .flex-row .flex-name h2 {
  margin: 0;
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
}
.profile-visits-page-layout .row-visits .visits-container .flex-row .flex-name h2 strong {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: inherit;
}
.profile-visits-page-layout .row-visits .visits-container .flex-row .flex-name .open-icon {
  background-image: url("../images/icon-link.png");
  height: 16px;
  margin-right: 12px;
  margin-left: 12px;
  margin-bottom: 10px;
  display: inline-block;
  width: 16px;
  background-size: cover;
  background-position: center center;
  vertical-align: bottom;
}
.profile-visits-page-layout .row-visits .visits-container .row-stats {
  margin-bottom: 32px;
}
.profile-visits-page-layout .row-visits .visits-container .row-stats .view-stat h3 {
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: normal;
  color: #2189E6;
}
.profile-visits-page-layout .row-visits .visits-container .row-stats .view-stat h4 {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 26px;
  letter-spacing: normal;
  color: #000;
}
.profile-visits-page-layout .row-visits .visits-container .row-footer .footnote {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #7B7B7B;
}

body {
  font-family: "Source Serif Pro", serif;
  color: #262626;
  font-weight: 400;
}

.form-group {
  width: 100%;
}

.row-subscription {
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.row-subscription p small {
  color: #FFFFFF;
}

.subscription-submit {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 32px;
  padding-right: 32px;
  background-color: #FFFFFF;
  color: #262626;
  border-radius: 25px;
  border: 1px;
  border-color: #FFFFFF;
}

.subscription-input {
  display: block;
  width: 100%;
  max-width: 500px;
  padding-top: 14px;
  padding-bottom: 17px;
  padding-left: 12px;
  border-radius: 5px;
  border: 1px;
  border-color: #DBDBDB;
  box-sizing: border-box;
}

/* .................... */
nav.conference {
  margin-bottom: 0;
}
nav.conference .navbar-brand {
  padding-left: 15px;
  padding-top: 10px;
}
nav.conference .navbar-toggler {
  border: none;
}
nav.conference .navbar-toggler:focus {
  outline: 0;
  box-shadow: none;
}
nav.conference .brand_logo img {
  max-width: 130px;
}
nav.conference .container-fluid {
  padding: 17px 32px 21px;
}
nav.conference .container-fluid .icon-bar {
  background-color: #262626;
}
nav.conference .container-fluid .navbar-collapse {
  justify-content: flex-end;
  border-top-color: transparent;
}
nav.conference .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link {
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  display: inline-block;
  margin: 0 10px;
  padding: 15px 0;
  color: #262626;
}
nav.conference .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
  color: #447ace;
  background-color: transparent;
}
nav.conference .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link:active {
  background-color: none;
}
nav.conference .container-fluid .navbar-collapse .nav li:hover {
  background-color: transparent;
}
nav.conference .container-fluid .navbar-collapse .nav li:active {
  background-color: transparent;
}

.hero-banner {
  background: #81BBFF url(/images/conference/summit-hero-bg.svg) no-repeat;
  background-size: cover;
  font-weight: 400;
  font-size: 64px;
  padding: 26px 0;
}
.hero-banner .hero-inner-container {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
  align-items: center;
  margin-top: 49px;
  margin-bottom: 40px;
}
.hero-banner .hero-inner-container .right-image {
  margin-left: -90px;
}
.hero-banner .hero-inner-container .left-image img {
  width: 94%;
  margin-top: -40px;
}
.hero-banner .large-heading img {
  max-width: 312px;
  width: 100%;
}
.hero-banner .sub-heading {
  background: url(/images/conference/sub-heading-bg.svg) no-repeat;
  font-family: "Source Serif 4", sans-serif;
  background-size: contain;
  background-position: center;
  line-height: 80%;
  padding: 10px 9px;
  font-size: 30px;
  font-weight: 500;
}
.hero-banner .heading-text {
  font-weight: 400;
  font-size: 26px;
  font-family: "Source Sans 3", sans-serif;
  color: #fff;
  letter-spacing: 1px;
  padding: 15px 0 20px;
}
.hero-banner .conference-video {
  margin-top: 24px;
  margin-bottom: 24px;
}
.hero-banner .hero-extra-text {
  max-width: 610px;
}
.hero-banner .hero-extra-text span {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 100%;
  color: #fff;
}
.hero-banner .last {
  margin-top: 24px;
  margin-bottom: 16px;
}
.hero-banner .text {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  max-width: 500px;
  font-family: "Source Sans 3", sans-serif;
  color: #fff;
}
.hero-banner .button {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  display: inline-block;
  background-color: #FFF;
  color: #000;
  mix-blend-mode: lighten;
  font-weight: 500;
  text-decoration: none;
  border-radius: 20px;
  line-height: 42px;
  max-width: 112px;
  width: 100%;
  text-align: center;
  letter-spacing: 0.03rem;
  margin: 30px 0;
}

.button:hover {
  background: #FFF;
}

.orange-button-cta .button {
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  display: inline-block;
  background-color: #EA552B;
  color: #FFF;
  font-weight: 500;
  border-radius: 20px;
  line-height: 42px;
  max-width: 161px;
  width: 100%;
  text-align: center;
  letter-spacing: 0.03rem;
}

h4 {
  font-size: 36px;
  line-height: 43px;
  font-weight: 600;
  margin: 0 0 24px;
  text-align: center;
  font-family: "Source Serif 4", serif;
}

.yellow-bg {
  background-color: #FFDC71;
}
.yellow-bg .inner-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.yellow-bg .inner-container .yellow-bg-heading {
  max-width: 570px;
}
.yellow-bg .inner-container .yellow-bg-heading h3 {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 100%;
  text-align: center;
}
.yellow-bg .inner-container .subscription-submit {
  background-color: #262626;
  color: #FCB535;
  border-color: #262626;
}

.conference-gry-bg {
  background: #F8F6F1 url(/images/conference/yello-bg.svg) no-repeat;
  padding: 73px 0 60px;
}
.conference-gry-bg .marsk-wrapper {
  display: flex;
  gap: 4.5vw;
}
.conference-gry-bg .marsk-wrapper .mask-img {
  width: 40%;
  text-align: right;
}
.conference-gry-bg .marsk-wrapper .mask-img img {
  width: 100%;
}
.conference-gry-bg .marsk-wrapper .content-wrapper {
  width: 44%;
}
.conference-gry-bg .marsk-wrapper .content-wrapper p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  margin: 0 0 20px;
  font-family: "Source Sans 3", sans-serif;
}
.conference-gry-bg .marsk-wrapper .content-wrapper .title-text {
  font-size: 36px;
  line-height: 44px;
  font-weight: 600;
  margin: 0 0 20px 0;
  font-family: "Source Serif 4", serif;
}
.conference-gry-bg .marsk-wrapper .text-bg p {
  background: url(/images/conference/text-bg.svg) no-repeat;
  font-family: "Source Sans 3", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  background-size: contain;
  padding: 10px 15px 18px;
  margin-left: -15px;
  max-width: 440px;
  box-sizing: border-box;
}

.conference-cards-container {
  color: #262626;
}
.conference-cards-container h4 {
  font-size: 36px;
  font-family: "Source Serif 4", serif;
  line-height: 43px;
  font-weight: 600;
  margin: 80px 0 60px;
}
.conference-cards-container .conference-cards-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 1000px;
  margin: 0 auto;
  gap: 50px;
}
.conference-cards-container .conference-cards-list .description {
  text-align: center;
  max-width: 220px;
}
.conference-cards-container .conference-cards-list .description img {
  max-width: 220px;
}
.conference-cards-container .conference-cards-list .description .name {
  font-family: "Source Sans 3", sans-serif;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  margin: 20px 0 8px;
}
.conference-cards-container .conference-cards-list .description .info {
  font-family: "Source Sans 3", sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}
.conference-cards-container h5 {
  font-size: 24px;
  line-height: 38px;
  margin: 50px 0 20px;
  font-family: "Source Sans 3", sans-serif;
}
.conference-cards-container .author-container {
  display: flex;
  max-width: 750px;
  margin: 5px auto 60px;
  gap: 32px;
  font-family: "Source Sans 3", sans-serif;
}
.conference-cards-container .author-container .col-md-6 {
  width: 327px;
}
.conference-cards-container .author-container .col-md-6 h6 {
  font-family: "Source Sans 3", sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  gap: 5px;
}
.conference-cards-container .author-container .col-md-6 h6::before {
  content: " ";
  background: url(/images/conference/tick.svg) no-repeat;
  width: 25px;
  margin-right: 8px;
  display: inline-block;
  height: 20px;
  margin-top: -5px;
}
.conference-cards-container .author-container p {
  margin: 0 0 0 33px;
  font-family: "Source Sans 3", sans-serif;
}

.conference-images img {
  width: 320px;
  height: 220px;
  border-radius: 4px;
  opacity: 1;
}

.conference-images {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin: 64px auto;
}
.conference-images img {
  width: 320px;
  height: 220px;
  border-radius: 4px;
  opacity: 1;
}

.conference-secondary-text {
  margin-top: 64px;
}
.conference-secondary-text .text-heading {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 160%;
  text-align: center;
  max-width: 656px;
  margin: 24px auto;
}
.conference-secondary-text ul {
  list-style-image: url(../images/conference/tick-yellow.png);
  max-width: 580px;
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}
.conference-secondary-text ul li {
  margin-bottom: 32px;
}

.conference-utilities h4 {
  font-size: 36px;
  font-family: "Source Serif 4", serif;
  line-height: 43px;
  font-weight: 600;
}
.conference-utilities .value-subheading p {
  font-weight: 400;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0px;
  text-align: center;
  font-family: "Source Sans 3", sans-serif;
}
.conference-utilities .author-container {
  max-width: 1054px;
  margin: 35px auto 30px;
  display: flex;
  gap: 32px;
}
.conference-utilities .author-container h6 {
  font-family: "Source Sans 3", sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  gap: 5px;
}
.conference-utilities .author-container h6::before {
  content: " ";
  background: url(/images/conference/tick.svg) no-repeat;
  width: 25px;
  display: inline-block;
  height: 20px;
  margin-top: -5px;
}
.conference-utilities .author-container .column-2 {
  width: 105%;
}
.conference-utilities .author-container p {
  margin: 0 0 0 33px;
  font-family: "Source Sans 3", sans-serif;
}

.program-background-container {
  background: #F8F6F1;
  padding: 40px 0;
  margin-top: 64px;
  margin-bottom: 32px;
  color: #262626;
  font-family: "Source Sans 3", sans-serif;
  position: relative;
}
.program-background-container h4 {
  font-size: 36px;
  line-height: 43px;
  font-family: "Source Serif 4", serif;
  font-weight: 600;
  margin: 0 0 30px;
  text-align: center;
}
.program-background-container .program-container {
  max-width: 650px;
  margin: 0 auto;
}
.program-background-container .program-container .posts-list-container .posts-list {
  position: relative;
  margin: 0 0 30px 0;
}
.program-background-container .program-container .posts-list-container .posts-list .separator {
  content: "";
  display: block;
  background: #FCB535;
  height: 1px;
  width: 66px;
  margin-top: 20px;
  margin-bottom: 32px;
}
.program-background-container .program-container .posts-list-container .posts-list .post-time {
  font-size: 18px;
  font-weight: 600;
}
.program-background-container .program-container .posts-list-container .posts-list .posts-list-row {
  display: flex;
  gap: 14px;
}
.program-background-container .program-container .posts-list-container .posts-list .posts-list-row p {
  margin-bottom: 0;
  font-family: "Source Sans 3", sans-serif;
}
.program-background-container .program-container .posts-list-container .posts-list .post-title {
  font-size: 18px;
  font-weight: 600;
  padding: 0;
}

.posts-list-container .post-name {
  background: url(/images/conference/yellow-shapes-bg.svg) no-repeat left top;
  width: 100%;
  font-size: 20px;
  font-weight: 400;
  width: fit-content;
  background-size: cover;
  padding: 3px 8px 2px;
  margin: 30px 0 30px -50px;
  display: flex;
  align-items: center;
}
.posts-list-container .post-name::before {
  content: " ";
  background: url(/images/conference/black-arrow.svg) no-repeat left top;
  width: 34px;
  height: 20px;
  display: inline-block;
  margin-top: 4px;
}

.conference-currency-info {
  background: url(/images/conference/blob-bg.svg) no-repeat center;
  text-align: center;
  background-size: contain;
  color: #262626;
  padding: 24px 24px 0 24px;
  box-sizing: border-box;
}
.conference-currency-info p {
  font-family: "Source Sans 3", sans-serif;
  font-size: 24px;
  margin: 0;
}
.conference-currency-info h6 {
  font-family: "Source Serif 4", serif;
  font-size: 36px;
  font-weight: 700;
  margin: 0;
}
.conference-currency-info h4 {
  font-family: "Source Serif 4", serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 36px;
}
.conference-currency-info .button {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  display: inline-block;
  background: #EA552B;
  color: #fff;
  text-decoration: none;
  border-radius: 20px;
  line-height: 38px;
  margin: 15px 0 0;
  max-width: 140px;
  width: 100%;
  text-align: center;
}
.conference-currency-info .button:hover {
  content: " ";
  background: rgba(234, 84, 43, 0.8392156863);
}

#tickets {
  background-color: #4FA3FD;
}
#tickets .conference-ticket-cta {
  margin-top: 64px;
  margin-bottom: 64px;
}
#tickets .conference-ticket-cta .ticket-date {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  color: #FFFFFF;
}
#tickets .conference-ticket-cta .ticket-price {
  font-family: "Source Serif 4", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 31px;
  text-align: center;
  color: #FFFFFF;
  font-variant-numeric: oldstyle-nums;
  margin-bottom: 28px;
}

.conference-last-year {
  margin-top: 64px;
  margin-bottom: 64px;
}
.conference-last-year p {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0px;
  text-align: center;
}
.conference-last-year .overflow-hidden {
  overflow: hidden;
}
.conference-last-year .conference-carousel-section .carousel {
  display: flex;
}
.conference-last-year .conference-carousel-section .carousel .card {
  width: 260px;
  height: 360px;
  margin-left: 4px;
  margin-right: 4px;
}
.conference-last-year .conference-carousel-section .img-ticker {
  display: flex;
  width: max-content;
  animation: ticker-kf 30s linear infinite;
  animation-play-state: paused;
}
.conference-last-year .conference-carousel-section .img-ticker:hover {
  animation-play-state: running;
}
@keyframes ticker-kf {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.conference-last-year .invitation-text {
  margin-top: 64px;
}
.conference-last-year .invitation-text mark {
  padding: 0.2em;
  background-color: #2B2B2B;
  padding-right: 0.7em;
  padding-left: 0.7em;
  color: #F2F6F7;
}

.brand-logos-row {
  margin: 24px 0 0;
}
.brand-logos-row h4 {
  font-size: 24px;
  line-height: 65%;
  font-weight: 400;
  font-family: "Source Sans 3", serif;
}
.brand-logos-row .brand-logos {
  display: flex;
  max-width: 780px;
  margin: 0px auto 64px;
  gap: 40px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.brand-logos-row .brand-logos img {
  max-width: 160px;
}

@media (max-width: 1199px) {
  .hero-banner .hero-inner-container {
    gap: 0;
  }
  .hero-banner .hero-inner-container .left-content {
    margin-top: 10px;
    width: 50%;
  }
  .hero-banner .hero-inner-container .right-image {
    width: 50%;
  }
  .hero-banner .hero-inner-container .right-image img {
    width: 90%;
    display: block;
  }
  .hero-banner .large-heading img {
    width: 94%;
  }
  .hero-banner .sub-heading {
    font-size: 30px;
  }
  .conference-gry-bg .marsk-wrapper {
    display: flex;
    gap: 4.5vw;
  }
  .conference-gry-bg .marsk-wrapper .mask-img {
    width: 40%;
    text-align: right;
  }
  .conference-gry-bg .marsk-wrapper .mask-img img {
    width: 100%;
  }
  .conference-gry-bg .marsk-wrapper .content-wrapper {
    width: 50%;
  }
  .conference-gry-bg .marsk-wrapper .content-wrapper p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    margin: 0 0 20px;
  }
  .conference-gry-bg .marsk-wrapper .content-wrapper .title-text {
    font-size: 28px;
    line-height: 34px;
    margin: 0 0 20px 0;
  }
  .conference-gry-bg .marsk-wrapper .text-bg {
    font-size: 1.8vw;
    line-height: 2vw;
    background-size: 100%;
    padding: 10px;
  }
  .conference-gry-bg .marsk-wrapper .text-bg p {
    background: url(/images/conference/text-bg-mobile.svg) no-repeat;
    font-weight: 700;
  }
  .conference-last-year .conference-carousel-section .image-collage {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-left: 15px;
    margin-right: 15px;
  }
  .conference-last-year .conference-carousel-section .image-collage .collage-row {
    display: flex;
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
  }
  .conference-last-year .conference-carousel-section .image-collage .collage-row > div {
    flex: 1 1 0;
    min-width: 0;
    box-sizing: border-box;
  }
  .conference-last-year .conference-carousel-section .image-collage img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
  }
}
@media (max-width: 1024px) {
  .conference-gry-bg .marsk-wrapper {
    gap: 50px;
  }
  .conference-images {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 767px) {
  nav.conference .navbar-brand {
    padding-left: 15px;
    padding-top: 5px;
  }
  nav.conference .brand_logo img {
    max-width: 130px;
  }
  nav.conference .container-fluid {
    padding: 15px 15px 10px;
  }
  .navbar-expand-lg {
    position: absolute;
    display: flex;
    justify-content: space-around;
    width: 100%;
    background: #fff;
  }
  .hero-banner {
    background: #81BBFF url(/images/conference/summit-hero-bg.svg) no-repeat;
    padding: 0;
    background-size: cover;
    background-position-x: center;
  }
  .hero-banner .hero-inner-container {
    display: flex;
    margin-bottom: 38px;
  }
  .hero-banner .hero-inner-container .left-content {
    width: 100%;
    margin-top: 215px;
  }
  .hero-banner .hero-inner-container .right-image {
    width: 100%;
    margin-left: 10px;
    margin-top: -30px;
    margin-bottom: 26px;
  }
  .hero-banner .hero-inner-container .right-image img {
    width: 98%;
    display: block;
    margin: 0 auto;
  }
  .hero-banner .large-heading img {
    width: 94%;
  }
  .hero-banner .heading-text {
    font-size: 20px;
    padding: 15px 0 20px;
  }
  .hero-banner .text {
    font-size: 18px;
    line-height: 24px;
  }
  .hero-banner .button {
    font-size: 16px;
    line-height: 44px;
    max-width: 113px;
    width: 100%;
  }
  .conference-gry-bg {
    background: #F8F6F1 url(/images/conference/yello-bg-mobile.svg) no-repeat;
    padding: 0 0 40px;
    background-size: contain;
    background-position-y: -90px;
  }
  .conference-gry-bg .marsk-wrapper {
    flex-direction: column;
    gap: 0;
  }
  .conference-gry-bg .marsk-wrapper .mask-img {
    width: 100%;
    text-align: right;
  }
  .conference-gry-bg .marsk-wrapper .mask-img img {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  .conference-gry-bg .marsk-wrapper .content-wrapper {
    width: 100%;
  }
  .conference-gry-bg .marsk-wrapper .content-wrapper p {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 20px;
    padding: 0;
  }
  .conference-gry-bg .marsk-wrapper .content-wrapper .title-text {
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 20px 0;
  }
  .conference-gry-bg .marsk-wrapper .text-bg {
    padding: 12px;
    font-size: 18px;
    line-height: normal;
  }
  .conference-gry-bg .marsk-wrapper .text-bg p {
    background: url(/images/conference/text-bg-mobile.svg) no-repeat;
    padding: 10px 10px 18px;
    font-weight: 700;
    margin-left: -20px;
  }
  .conference-cards-container {
    color: #262626;
  }
  .conference-cards-container h4 {
    font-size: 32px;
    line-height: 33px;
    margin: 30px 0 40px;
    text-align: center;
  }
  .conference-cards-container .conference-cards-list {
    gap: 30px;
  }
  .conference-cards-container .conference-cards-list .description {
    max-width: 150px;
    text-align: center;
  }
  .conference-cards-container .conference-cards-list .description img {
    max-width: 150px;
  }
  .conference-cards-container .conference-cards-list .description .name {
    font-family: "Source Sans 3", sans-serif;
    font-size: 18px;
    line-height: 21px;
    margin: 20px 0 8px;
  }
  .conference-cards-container .conference-cards-list .description .info {
    font-family: "Source Sans 3", sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
  }
  .conference-cards-container h5 {
    line-height: 33px;
    font-family: "Source Sans 3", sans-serif;
  }
  .conference-cards-container .author-container {
    display: flex;
    flex-direction: column;
    margin: 5px auto 60px;
    gap: 28px;
    font-family: "Source Sans 3", sans-serif;
  }
  .conference-cards-container .author-container .col-md-6 {
    width: 100%;
    max-width: 100%;
  }
  .conference-cards-container .author-container p {
    margin: 0 0 0 33px;
    font-family: "Source Sans 3", sans-serif;
  }
  .conference-utilities h4 {
    margin: 25px 0;
  }
  .conference-utilities .author-container {
    display: flex;
    flex-direction: column;
    margin: 5px auto 40px;
    gap: 28px;
    font-family: "Source Sans 3", sans-serif;
  }
  .conference-utilities .author-container .col {
    width: 100%;
    max-width: 100%;
  }
  .conference-utilities .author-container p {
    font-family: "Source Sans 3", sans-serif;
    margin: 0 0 0 33px;
  }
  .program-background-container {
    background: #F8F6F1 !important;
    padding: 30px 0 15px;
    margin: 64px 0 40px;
  }
  .program-background-container .container {
    background: rgba(248, 246, 241, 0) !important;
  }
  .program-background-container .program-container {
    max-width: 650px;
    margin: 0 auto;
  }
  .program-background-container .program-container .posts-list {
    position: relative;
    margin: 0 0 25px 0;
  }
  .program-background-container .program-container .posts-list .separator {
    margin: 20px 0 0;
  }
  .program-background-container .program-container .posts-list .post-time {
    font-size: 18px;
    font-weight: 600;
  }
  .program-background-container .program-container .posts-list .posts-list-row {
    display: flex;
    gap: 14px;
  }
  .program-background-container .program-container .posts-list .posts-list-row p {
    margin-bottom: 0;
    font-family: "Source Sans 3", sans-serif;
  }
  .program-background-container .program-container .posts-list .post-title {
    font-size: 18px;
    font-weight: 600;
    padding: 0;
  }
  .program-background-container .program-container .posts-list .post-title p {
    font-family: "Source Sans 3", sans-serif;
  }
  .program-background-container .program-container .posts-list .post-name {
    background: url(/images/conference/yellow-shapes-bg.svg) no-repeat left top;
    width: fit-content;
    font-size: 20px;
    font-weight: 400;
    text-align: right;
    width: fit-content;
    background-size: cover;
    padding: 3px 8px 2px;
    margin: 30px 0 0 0;
    display: flex;
    align-items: center;
  }
  .program-background-container .program-container .posts-list .post-name::before {
    content: " ";
    background: url(/images/conference/black-arrow.svg) no-repeat left top;
    width: 30px;
    height: 18px;
    display: inline-block;
    margin-top: 4px;
  }
  .conference-currency-info h6 {
    font-size: 32px;
  }
  .brand-logos-row {
    margin: 24px 0 64px 0;
  }
  .brand-logos-row h4 {
    margin: 0 0 20px;
  }
  .brand-logos-row .brand-logos {
    flex-wrap: wrap;
    margin: 30px auto 40px;
    gap: 30px;
    justify-content: center;
  }
  .brand-logos-row .brand-logos img {
    max-width: 144px;
    margin: 0 auto;
  }
  .posts-list-container .post-name {
    background: url(/images/conference/yellow-shapes-bg.svg) no-repeat left top;
    font-size: 16px;
    background-size: cover;
    padding: 3px 8px 2px;
    margin: 30px 0 30px 0;
    display: flex;
    width: fit-content;
    align-items: center;
  }
  .posts-list-container .post-name::before {
    content: " ";
    width: 26px;
    height: 18px;
    display: inline-block;
    margin-top: 4px;
  }
  .conference-last-year .invitation-text .dark-bg-text {
    background-color: #2B2B2B;
    margin-left: 15px;
    margin-right: 15px;
  }
  .conference-last-year .invitation-text .dark-bg-text p {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0px;
    text-align: center;
    padding: 6px 15px;
    margin-bottom: 4px;
  }
  .conference-last-year .invitation-text .dark-bg-text mark {
    background-color: transparent;
  }
}
@media (max-width: 360px) {
  .conference-gry-bg .marsk-wrapper .text-bg {
    font-size: 16px;
    line-height: 21px;
    background-size: 100%;
    padding: 10px;
  }
  .conference-gry-bg .marsk-wrapper .text-bg p {
    padding: 10px 10px 18px;
    font-weight: 700;
    margin-left: -20px;
  }
  .hero-banner .sub-heading {
    font-size: 26px;
  }
}
@media (min-width: 1441px) {
  .hero-banner {
    background: #81BBFF url(/images/conference/summit-hero-bg.svg) no-repeat;
    background-size: cover;
  }
  .conference-gry-bg {
    background: #F8F6F1 url(/images/conference/yello-bg-lg.svg) no-repeat;
    background-size: contain;
    margin-left: -134px;
  }
  .conference-gry-bg .marsk-wrapper {
    gap: 9.5vw;
  }
}
.recommendations-page-layout .container {
  max-width: 770px;
}
.recommendations-page-layout h2 {
  margin-bottom: 24px;
}
.recommendations-page-layout .hero-section {
  background-color: #F8F6F1;
}
.recommendations-page-layout .hero-section .hero-inner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 86px;
}
.recommendations-page-layout .hero-section .hero-inner-container .heading {
  background: url(../images/yellow-highlight.svg) no-repeat 0 0;
  background-position-x: 4%;
  background-position-y: 65%;
  background-size: 380px;
  padding: 10px 16px 2px;
}
.recommendations-page-layout .hero-section .hero-inner-container .heading p {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 900;
  font-size: 36px;
  line-height: 100%;
}
.recommendations-page-layout .hero-section .hero-inner-container .sub-heading p {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
}
.recommendations-page-layout .hero-section .hero-inner-container img {
  width: 311px;
  height: 201px;
  object-position: 0px 20%;
  object-fit: cover;
}
.recommendations-page-layout .recommendations-content ul.numbered-list {
  counter-reset: li;
  list-style-type: none;
  list-style-image: none;
  font-size: 16px;
  line-height: 18px;
  padding-left: 0px;
  margin-top: 32px;
  margin-bottom: 64px;
}
.recommendations-page-layout .recommendations-content ul.numbered-list li {
  position: relative;
  padding: 5px 5px 15px 40px;
}
.recommendations-page-layout .recommendations-content ul.numbered-list li::before {
  content: counter(li);
  counter-increment: li;
  height: 32px;
  width: 32px;
  background-color: #FECA55;
  border-radius: 50%;
  color: black;
  position: absolute;
  left: 0;
  top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recommendations-page-layout .cta-content {
  margin-bottom: 96px;
}
@media (max-width: 991px) {
  .recommendations-page-layout .btn.btn-primary {
    width: 100%;
    text-align: center;
  }
  .recommendations-page-layout .hero-section .hero-inner-container {
    flex-direction: column;
    gap: 0px;
    text-align: left;
    align-items: flex-start;
  }
  .recommendations-page-layout .hero-section .hero-inner-container .heading {
    background-position-x: 50%;
    background-size: cover;
  }
  .recommendations-page-layout .hero-section .hero-inner-container .sub-heading p {
    margin-left: 16px;
  }
  .recommendations-page-layout .hero-section .hero-inner-container img {
    width: 271px;
    height: 188px;
    object-position: 0px 0%;
    margin-left: 30px;
  }
  .recommendations-page-layout .recommendations-content ul.numbered-list {
    margin-top: 16px;
    margin-bottom: 32px;
  }
  .recommendations-page-layout .cta-content {
    margin-bottom: 48px;
  }
}