@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazirmatn-Regular.woff2') format('woff2'),
         url('../fonts/Vazirmatn-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* Vazirmatn Bold */
@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazirmatn-Bold.woff2') format('woff2'),
         url('../fonts/Vazirmatn-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
*{

}
header {
    background-image: url('../img/header.png');
     background-size: cover; 
     background-position: center; 
     background-repeat: no-repeat;
     height: 20vh;
    /* background-color:rgb(83, 141, 143); */
    color: white;
    font-family: 'Vazirmatn', sans-serif;
    font-weight: bolder;
    display: flex;                /* فعال کردن flex */
    justify-content: center;      /* افقی وسط */
    align-items: center;  
    


}
header h1{
  font-size: clamp(1rem, 2vw, 2rem); /* ریسپانسیو */
    font-weight: 900;
    color: #fff;

    /* سایه نرم */
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);

    /* افکت گرادیان روی متن */
    background: linear-gradient(45deg, #00c6ff, #0072ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    /* انیمیشن محو-ظاهر شدن */
    animation: fadeIn 2s ease-in-out;

}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}
nav {
    
    background-color:grey;
    font-family: 'Vazirmatn', sans-serif;
    font-weight: bolder;
}
.navbar-nav .nav-link {
    color: rgb(33, 6, 142);
    transition: color 0.3s;
}

/* لینک فعال یا هنگام hover به رنگ آبی */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: rgb(236, 236, 240);
}
.logo-hover img {
  transition: all 0.3s ease;
}

.logo-hover img:hover {
  transform: scale(3) rotate(10deg); /* بزرگ شدن و کمی چرخش */
  box-shadow: 0 5px 15px rgba(0,0,0,0.3); /* سایه حرفه‌ای */
  border-radius: 10%; /* گوشه‌های نرم‌تر */
}
main{

}
footer{

}
.card {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
  }
  
  /* ارتفاع ثابت برای هر دو کارت */
  .card-img-top {
    height: 300px; /* ارتفاع دلخواه، می‌توانید تغییر دهید */
    width: 100%;
    object-fit: contain; /* تصویر کل فضا را می‌پوشاند بدون تغییر نسبت طول/عرض */
  }
  
  .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  }
  
  .btn-overlay {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 123, 255, 0.85);
    border: none;
    transition: background-color 0.3s;
  }
  
  .btn-overlay:hover {
    background-color: rgba(0, 123, 255, 1);
  }