@charset "UTF-8";

@font-face {
    font-family: Vazir;
    font-style: lighter;
    font-weight: 100;
    src: url('font/webfonts/Vazirmatn-Thin.woff2') format('woff');
  }
  
  @font-face {
    font-family: Vazir;
    font-style: light;
    font-weight: 300;
    src: url('font/webfonts/Vazirmatn-Light.woff2') format('woff');
  }
  
  @font-face {
    font-family: Vazir;
    font-style: normal;
    font-weight: normal;
    src: url('font/webfonts/Vazirmatn-Regular.woff2') format('woff');
  }
  
  @font-face {
    font-family: Vazir;
    font-style: normal;
    font-weight: 600;
    src: url('font/webfonts/Vazirmatn-Black.woff2') format('woff');
  }
  
  @font-face {
    font-family: Vazir;
    font-style: normal;
    font-weight: bold;
    src: url('font/webfonts/Vazirmatn-Bold.woff2') format('woff');
  }
  
  @font-face {
    font-family: Vazir;
    font-style: normal;
    font-weight: 800;
    src: url('font/webfonts/Vazirmatn[wght].woff2') format('woff');
  }
  
  @font-face {
    font-family: Vazir;
    font-style: normal;
    font-weight: 900;
    src: url('font/webfonts/Vazirmatn-SemiBold.woff2') format('woff');

  }
  
  @font-face {
    font-family: Vazir;
    font-style: normal;
    font-weight: 950;
    src: url('font/webfonts/Vazirmatn-ExtraBold.woff2') format('woff');
  }

  @font-face {
    font-family: IranianSans;
    font-style: normal;
    font-weight: 300;
    src: url('font/webfonts/IRANSansWeb(FaNum).woff2') format('woff');
  }

body
{
    font-family: Vazir;
    /*background-color: #e9f7fc;  آبی خیلی روشن مثل عکس */
    background: linear-gradient(to right, #e9f7fc, #e0ebeb);


}

a
{
  text-decoration: none;
  color: inherit;
}

.feature-card {
  border-radius: 25px;
  padding: 30px 20px 60px;
  background: white;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
  position: relative;
  text-align: center;
  transition: 0.2s;
}

.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

.feature-btn {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 25px;
  background: #FFD500; 
  color: black;
  border-radius: 25px;
  font-weight: bold;
  text-decoration: none;
}

.info-box {
  border: 1px solid #eee;
  border-radius: 16px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.info-item {
  padding: 14px 10px;
  border-radius: 12px;
  background: #f9f9f9;
}
.info-icon {
  font-size: 26px;
  color: #f3b217;  /* رنگ طلایی شبیه تصویر */
  margin-left: 12px;
}