.profileContent {
  .profileCard {

    .profile-img-container {

      .profile-border-bg {
        background-image: linear-gradient(#50b2fc, #f44c66);
        width: 110px;
        height: 110px;

        .profile-border {
          width: 100px;
          height: 100px;
          border: 4px solid #ffffff;
        }
      }
    }

    .profileTabs {
      background-color: var(--mat-sys-surface-bright);

      .mat-mdc-tab.mdc-tab-indicator--active {
        .mdc-tab__text-label {
          color: var(--mat-sys-primary);
        }
      }
    }
  }
}


@media (max-width: 1279px) {
  .order-1{
    order: 2;
  }

  .order-2{
    order: 1;
  }

  .order-3{
    order: 3;
  }
}