@font-face {
    font-family: 'ArbFONTS-Almarai-Regular';
    src: url(../fonts/ArbFONTS-Almarai-Regular.ttf) format("truetype"); 
}
.profile-section {
    text-align: center;
    /* padding: 20px; */
    background-color: #c4b49c;
    overflow: hidden; 
}

.profile-section h1 {
    color: #444444; /* dark gray */
    /* margin-bottom: 50px; */
    font-size: 1.9em;
    line-height: 1.9em;
}

.cards-container {
display: flex;
  justify-content: center; /* لمحاذاة وسط */
  align-items: center;    /* لمحاذاة عمودي */
  gap: 30px;              /* مسافة بين كل شعار */
  padding: 20px 0;
  flex-wrap: nowrap; 
  overflow: hidden;
  max-width: 2000;
  margin: auto;
  

 
 
}
@keyframes scroll-right {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

.card {
  width: 180px;
  height: 180px;
  background-color: white;   /* الخلفية */
  border: 3px black double;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  animation: scroll-left 3s linear infinite;
   
}

.card img {
max-width: 150px;   /* أقصى عرض موحد */
height: auto;       /* يحافظ على تناسب الصورة */
object-fit: contain; /* يحافظ على شكل الصورة */
display: block;
border: none;
}


@media screen and (max-width: 500px) {
    .profile-section h1 {
    font-size: 1.2em;
}
    .profile-section p {
    font-size: 0.9em;
}
   .cards-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    max-width: 300px;
    margin: 0 auto;
}
.card{
    overflow: hidden;
}
.card img {
    width: 100%;
    height: auto;  
}
}