/*Page about us*/


header {

    background-color: #E4E4E1;
  background-blend-mode: normal, multiply;
        width: 100%;
    min-height: 25em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: black;
  }
  body {
min-height: 100vh;
min-height: 100svh;
background: #f7f7f7 !important;
position: relative;
overflow-x: hidden;
}
 
.card img {
    border-radius: 50%;
    width: clamp(100px, 40vw, 120px);
    height: clamp(100px, 40vw, 120px);
    object-fit: cover;
    object-position: top;
  }
   
   
  
  header .header-content {
    width: min(37.5em, 90%);
    margin-top: 5em;
    position: relative;
    z-index: 2;
  }
  header .header-content span {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.063rem;
    font-size: clamp(0.8rem, 0.7625rem + 0.1875vw, 0.95rem);
  }
  header .header-content h1 {
    font-size: clamp(1.5rem, 1.375rem + 0.625vw, 2rem);
    font-weight: 700;
  }
   
  section {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 75em;
    margin-inline: auto;
    gap: 0.938rem;
    transform: translatey(-3em);
    position: relative;
    z-index: 1;
  }
  section .card {
    padding: 1.875em 1.25em;
    max-width: 18.75rem;
    width: 90%;
    height: 25rem;
    display: grid;
    place-content: center;
    place-items: center;
    text-align: center;
    position: relative;
  }
  section .card::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    z-index: -1;
    border: 0.125rem solid transparent;
    background: linear-gradient(45deg, #1e272e, #48627a) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
  section .card h2 {
    color: black;
    letter-spacing: 0.05rem;
    font-size: clamp(1rem, 0.9375rem + 0.3125vw, 1.25rem);
    margin-top: 0.625em;
    margin-bottom: 0.188em;
  }
  section .card p {
    color: #030303;
    font-size: clamp(0.8rem, 0.7625rem + 0.1875vw, 0.95rem);
  }
  section .card-top {
    flex-basis: 100%;
    display: flex;
    justify-content: center;
    gap: 0.938rem;
    flex-wrap: wrap;
  }
  section .card-top .card img {
    width: clamp(120px, 40vw, 150px);
    height: clamp(120px, 40vw, 150px);
  }