/* breakpoints */
/*Large Break*/
/*Custom Break*/
/*Grid Break*/
/* Bootstrap Col breaks */
.overlay-wrapper .overlay > .component-content {
  position: relative;
  border-radius: 20px;
  background-color: #ffffff;
  padding: 0;
}
.overlay-wrapper .overlay > .component-content:before {
  content: "";
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  position: absolute;
  height: 4rem;
  bottom: 0;
  left: 0;
  right: 8px;
  z-index: 9999; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 */
}
.overlay-wrapper .overlay > .component-content .overlay-inner {
  background-color: #ffffff;
  padding: 4rem 2rem;
  border-radius: 20px;
  display: flex;
  justify-content: center;
}
.overlay-wrapper .overlay > .component-content .overlay-inner .overlay-data > .row {
  padding-bottom: 4rem;
}
.overlay-wrapper .overlay > .component-content .overlay-inner::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.overlay-wrapper .overlay > .component-content .overlay-inner::-webkit-scrollbar-button {
  width: 1rem;
  height: 1rem;
}
.overlay-wrapper .overlay > .component-content .overlay-inner::-webkit-scrollbar-thumb {
  background: #1E1E1E;
  border: 61px none transparent;
  border-radius: 9px;
}
.overlay-wrapper .overlay > .component-content .overlay-inner::-webkit-scrollbar-thumb:hover {
  background: #1E1E1E;
}
.overlay-wrapper .overlay > .component-content .overlay-inner::-webkit-scrollbar-thumb:active {
  background: #1E1E1E;
}
.overlay-wrapper .overlay > .component-content .overlay-inner::-webkit-scrollbar-track {
  background: transparent;
  border: 34px none transparent;
  border-radius: 2px;
}
.overlay-wrapper .overlay > .component-content .overlay-inner::-webkit-scrollbar-track:hover {
  background: transparent;
}
.overlay-wrapper .overlay > .component-content .overlay-inner::-webkit-scrollbar-track:active {
  background: transparent;
}
.overlay-wrapper .overlay > .component-content .overlay-inner::-webkit-scrollbar-corner {
  background: transparent;
}
.overlay-wrapper .overlay > .component-content .overlay-inner .container {
  z-index: 10;
}
.overlay-wrapper .overlay > .component-content::after {
  content: "";
  position: absolute;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  right: -16px;
  bottom: -16px;
  border-radius: 20px;
  background-image: linear-gradient(223deg, #72c9f8 0%, #8427e2 100%);
  z-index: -1;
}
.overlay-wrapper .overlay .overlay-close {
  position: absolute;
  top: -40px;
  right: -40px;
  width: 2rem;
  height: 2rem;
  display: none;
}
@media only screen and (max-width: 959px) {
  .overlay-wrapper .overlay .overlay-close {
    right: 0;
  }
}
.overlay-wrapper .overlay .overlay-close:before, .overlay-wrapper .overlay .overlay-close:after {
  content: "";
  background-color: #fff;
  height: 1px;
  width: 100%;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
}
.overlay-wrapper .overlay .overlay-close:after {
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}
.overlay-wrapper .promo.testimonial > .component-content {
  padding: 4rem 0rem;
}
.profile-cards .overlay-wrapper .promo.testimonial > .component-content {
  padding-bottom: 0;
  padding-top: 0;
}
.overlay-wrapper header,
.overlay-wrapper footer {
  display: none;
}

body.profile-cards #wrapper {
  justify-content: start;
}
body.profile-cards .overlay-wrapper .overlay > .component-content {
  max-width: 900px;
}