.expert-wrapper {
  margin-inline: auto;
  max-width: 1200px;
  border: 1px solid #efefef;
  border-radius: 10px;
  display: flex; }
  .expert-wrapper .expert-side {
    padding: 50px 50px 50px 100px;
    border-right: 1px solid #efefef; }
    .expert-wrapper .expert-side .photo img {
      width: 125px;
      aspect-ratio: 1;
      border-radius: 50%;
      display: block; }
    .expert-wrapper .expert-side figure {
      width: 125px !important;
      position: relative; }
      .expert-wrapper .expert-side figure .active-dot {
        position: absolute;
        right: 5px;
        top: 5px;
        width: 25px;
        height: 25px;
        background-color: #47ff57;
        border-radius: 50%;
        border: 5px solid #fff; }
    .expert-wrapper .expert-side .text h3 {
      color: var(--element1-color);
      margin: 10px 0; }
    .expert-wrapper .expert-side .text p {
      color: #000; }
  .expert-wrapper .text-side {
    padding: 50px; }
    .expert-wrapper .text-side h3 span {
      color: var(--element1-color); }
    .expert-wrapper .text-side .text p {
      margin: 30px 0; }
    .expert-wrapper .text-side .contacts {
      display: flex;
      align-items: center;
      gap: 10px; }
      .expert-wrapper .text-side .contacts a {
        display: flex;
        align-items: center;
        gap: 10px; }
        .expert-wrapper .text-side .contacts a img {
          width: 30px;
          aspect-ratio: 1; }
      .expert-wrapper .text-side .contacts .vertical-line {
        height: 30px;
        width: 2px;
        background-color: #6c6c6c; }
      .expert-wrapper .text-side .contacts p {
        color: #000;
        font-size: 25px;
        margin: 0; }
        .expert-wrapper .text-side .contacts p:hover {
          color: var(--element1-color); }

@media (max-width: 575.5px) {
  .expert-wrapper {
    flex-direction: column; }
    .expert-wrapper .expert-side {
      text-align: center;
      padding: 20px;
      border-right: 0;
      border-bottom: 1px solid #efefef; }
      .expert-wrapper .expert-side .photo {
        display: flex;
        align-items: center;
        justify-content: center; }
    .expert-wrapper .text-side {
      padding: 20px;
      text-align: center; }
      .expert-wrapper .text-side .contacts {
        justify-content: center; }
      .expert-wrapper .text-side a p {
        display: none; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  .expert-wrapper {
    flex-direction: column; }
    .expert-wrapper .expert-side {
      text-align: center;
      padding: 20px;
      border-right: 0;
      border-bottom: 1px solid #efefef; }
      .expert-wrapper .expert-side .photo {
        display: flex;
        align-items: center;
        justify-content: center; }
    .expert-wrapper .text-side {
      padding: 20px;
      text-align: center; }
      .expert-wrapper .text-side .contacts {
        justify-content: center; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .expert-wrapper {
    flex-direction: column; }
    .expert-wrapper .expert-side {
      text-align: center;
      padding: 20px;
      border-right: 0;
      border-bottom: 1px solid #efefef; }
      .expert-wrapper .expert-side .photo {
        display: flex;
        align-items: center;
        justify-content: center; }
    .expert-wrapper .text-side {
      padding: 20px;
      text-align: center; }
      .expert-wrapper .text-side .contacts {
        justify-content: center; } }

/*# sourceMappingURL=expert.css.map */