.devx-quote {
  background-color: var(--neutral-50);
  padding-block: var(--spacing--96);
  --quote-font-color: var(--blue-500);
  --quote-title-font-color: var(--blue-200);
}
.devx-quote--theme-dark {
  background-color: var(--blue-400);
  --quote-font-color: var(--neutral-50);
  --quote-title-font-color: var(--neutral-200);
  border-bottom: solid 1px var(--blue-300);
}
@media (min-width: 1024px) {
  .devx-quote__main {
    width: 75%;
  }
}
@media (max-width: 1023.98px) {
  .devx-quote__main {
    padding-inline: var(--global-inline-padding);
  }
}
.devx-quote__main:before {
  content: "";
  background-color: var(--cyan-100);
  -webkit-mask: url("../../../assets/svg/quote.svg") no-repeat;
          mask: url("../../../assets/svg/quote.svg") no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  display: inline-flex;
  width: 100%;
  height: var(--icon-size-50);
}
.devx-quote__text {
  font-size: var(--font-size--48);
  font-weight: var(--font-bolder);
  color: var(--quote-font-color);
  padding: var(--spacing--40) 0;
  line-height: 1.2;
}
@media (max-width: 1023.98px) {
  .devx-quote__text {
    font-size: var(--font-size--32);
  }
}
@media (max-width: 767.98px) {
  .devx-quote__text {
    font-size: var(--font-size--22);
    text-align: center;
    border-bottom: 1px solid var(--blue-300);
    margin-bottom: var(--spacing--40);
  }
}
.devx-quote__person {
  display: flex;
  flex-direction: row;
  gap: var(--spacing--12);
}
@media (max-width: 767.98px) {
  .devx-quote__person {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing--12);
  }
}
.devx-quote__person-details {
  display: flex;
  flex-direction: column;
  align-self: center;
}
@media (max-width: 767.98px) {
  .devx-quote__person-details {
    align-items: center;
    justify-content: center;
  }
}
.devx-quote__person-name {
  color: var(--quote-font-color);
  line-height: 1.4;
  margin: 0;
  font-size: var(--font-size--22);
}
.devx-quote__person-title {
  color: var(--quote-title-font-color);
  font-size: var(--font-size--16);
}
.devx-quote__person-image {
  width: 5.375rem;
  height: 5.375rem;
}
.devx-quote__person-image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  width: 100%;
  height: 100%;
}
.devx-quote__person-description, .devx-quote__expert__info {
  display: none !important;
}
.devx-quote__team-popup-trigger {
  margin-top: var(--spacing--12);
}
.devx-quote__expert__label__icon {
  height: var(--icon-size-16) !important;
}
.devx-quote__expert__label__icon svg {
  width: 100% !important;
  height: 100% !important;
}
.devx-quote__expert {
  width: 100%;
}
.devx-quote__expert__info {
  margin: var(--spacing--10) 0;
  vertical-align: middle;
  display: flex;
  height: var(--spacing--32);
}
.devx-quote__expert__links {
  flex: 1 1 auto;
  display: inline-flex;
  justify-content: flex-end;
  gap: var(--spacing--10);
}
.devx-quote__expert__image {
  width: 100%;
}
.devx-quote__expert__image img {
  width: 100%;
}
.devx-quote__expert__link {
  text-decoration: none;
}
.devx-quote__expert__link svg {
  display: inline-flex;
  width: var(--icon-size-32);
  height: var(--icon-size-32);
  color: var(--cyan-200);
  transition: color var(--transition-duration) var(--transition-ease);
}
.devx-quote__expert__link svg:hover {
  color: var(--cyan-300);
  transition: color var(--transition-duration) var(--transition-ease);
}
.devx-quote__expert__label {
  flex: 1 1 auto;
  line-height: 1.2;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing--4);
  color: var(--neutral-300);
  font-size: var(--font-size--12);
}
.devx-quote__expert__label figure {
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
}
.devx-quote__expert__label__icon {
  display: inline-block;
  padding: 1px var(--spacing--4);
}
.devx-quote__expert__label__icon svg {
  color: var(--neutral-300);
  width: var(--icon-size-14);
  height: var(--icon-size-14);
}
.devx-quote__expert__header {
  font-size: var(--font-size--22);
  padding-bottom: var(--spacing--4);
  margin: 0;
  color: var(--expert-header-color);
}
.devx-quote__expert__subheader {
  font-size: var(--font-size--16);
  margin: 0;
  color: var(--expert-subheader-color);
}
.devx-quote__expert__description {
  padding-top: var(--spacing--14);
  font-size: var(--font-size--16);
  color: var(--expert-text-color);
}