body {
    background-color: #F3F8FE;
    color: #282828;
    font-family: "dana";
    font-size: 1rem;
}
.d-ltr { direction: ltr; }
.d-rtl { direction: rtl; }
.da-ltr { direction: ltr; text-align: left; }
.da-rtl { direction: rtl; text-align: right; }
.color-orange { color: #E47866; }
.color-violet { color: #C46C9A; }
.color-yellow { color: #F1CA29; }
.bg-orange { background-color: #E47866; }
.bg-violet { background-color: #C46C9A; }
.bg-yellow { background-color: #F1CA29; }
.space-top { padding-top: 180px !important; }
a{
    text-decoration: none;
    color: inherit;
}
/************************************************************
 ********** sticky header
 ************************************************************/
body.sticky {
    padding-top: 44px;
}
.header-wrap.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}
.header-wrap.sticky .img-logo {
    max-height: 44px;
}
/************************************************************
 ********** header
 ************************************************************/
.header-wrap {
    background: rgb(3,184,255);
    background: linear-gradient(90deg, rgba(3,184,255,1) 0%, rgba(3,184,255,1) 21%, rgba(0,111,255,1) 21%, rgba(0,111,255,1) 100%);
}
.header-wrap > .container { position: relative }
.header-right {
    display: flex;
    height: 100%;
    align-items: center;
}
.logo-cont {}
.account-cont {
    background-color: #03b8ff;
    border-radius: 4px 4px 48px 48px;
    display: flex;
    align-items: center;
    height: 100%;
    box-shadow: 5px 0 5px 0 rgb(0 0 0 / 10%);
    padding: 0 10px;
}
.account-cont .lnk-account {
    color: #ffffff;
    display: block;
    font-size: 0.9rem;
    padding: 10px;
    text-decoration: none;
}
.account-cont .lnk-account-icon {
    margin-left: 6px;
}
/************************************************************
 ********** footer
 ************************************************************/
.footer-wrap {}
.footer-wrap .content-wrap {
    padding: 30px 0 0;
}
.footer-wrap .footer-block-wrap {
    border-left: 1px solid #B6D1EF;
    padding-left: 30px;
    padding-right: 40px;
}
.footer-wrap .footer-block-wrap:last-child {
    border-left: none;
}
.footer-wrap .footer-block {}
.footer-wrap .block-title {
    color: #006fff;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.footer-wrap .block-content {
    color: #282828;
}
.footer-wrap .block-content ul {}
.footer-wrap .block-content ul li {}
.footer-wrap .namad-wrap {
    margin-top: 20px;
}
.footer-wrap .namad-cont {
    display: flex;
    justify-content: center;
}
.footer-wrap .namad-item {
    background-color: #ffffff;
    border-radius: 25px;
    margin: 0 10px;
    max-width: 117px;
    padding: 10px;
}
.footer-wrap .copyright-text {
    align-items: center;
    color: #ffffff;
    display: flex;
    height: 100%;
}
.footer-wrap .social-cont {
    display: flex;
    justify-content: flex-start;
    height: 100%;
    align-items: center;
    flex-direction: row-reverse;
}
.footer-wrap .social-icon {
    align-items: center;
    border-radius: 12px;
    color: #ffffff;
    display: flex;
    font-size: 24px;
    height: 50px;
    margin-right: 10px;
    opacity: 0.5;
    text-align: center;
    text-decoration: none;
    width: 50px;
}
.footer-wrap .social-icon i {
    display: block;
}
.footer-wrap .copyright-wrap {
    background: rgb(3,184,255);
    background: linear-gradient(90deg, rgba(3,184,255,1) 0%, rgba(3,184,255,1) 21%, rgba(0,111,255,1) 21%, rgba(0,111,255,1) 100%);
}
.footer-wrap .domain-cont {
    background-color: #03b8ff;
    border-radius: 5px 5px 100px 100px;
    color: #ffffff;
    padding: 22px 0 8px;
    text-align: center;
}
.footer-wrap .footer-block .block-content li a{
    text-decoration: none;
    color: #282828;
}
.general-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5;
}
.general-overlay.open {
    display: block;
}
/************************************************************
 ********** fonts
 ************************************************************/
@font-face {
    font-family: "dana";
    font-size: 1rem;
    src: url(../fonts/dana/dana-fanum-regular.woff2) format("woff2"),
         url(../fonts/dana/dana-fanum-regular.ttf) format("truetype")
}
/************************************************************
 ********** customer-carousel
 ************************************************************/

.customer-carousel .item-cont {
    background-color: #ffffff;
    border-radius: 10px;
    margin-bottom: 24px;
    text-align: center;
    min-height: 166px;
}
:root{
  --bg:#0f1724;
  --card:#0b1220;
  --accent:#ff7a00;
  --muted:#9aa4b2;
  --text:#e6eef6;
  --border: rgba(255,255,255,0.06);
}
html,body{height:100%;margin:0;-webkit-font-smoothing:antialiased;}
.container{max-width:980px;margin:36px auto;padding:24px;}
.card{border:1px solid var(--border);border-radius:12px;padding:22px;box-shadow:0 6px 24px rgba(2,6,23,0.6);margin-bottom:10px;}
h1{margin:0 0 14px;font-size:22px;letter-spacing:0.2px}
p.lead{color:var(--muted);margin:0 0 20px;font-size:14px}
table{width:100%;border-collapse:collapse;font-size:15px;}
thead th{padding:14px 16px;text-align:right;border-bottom:1px solid var(--border);font-weight:700;}
tbody tr{border-bottom:1px solid var(--border);}
tbody td{padding:14px 16px;vertical-align:top}
tbody td:first-child{width:32%;font-weight:700}
.icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,0.03);margin-left:10px;
}
/* responsive */
@media (max-width:700px){
  thead{display:none}
  table, tbody, tr, td{display:block;width:100%}
  tbody tr{margin-bottom:12px;border-bottom:1px dashed var(--border);padding-bottom:12px}
  tbody td{padding:8px 0}
  tbody td:first-child{display:flex;align-items:center;padding-bottom:6px}
}
/* small subtle accent on keywords */
.accent{color:var(--accent);font-weight:700}


.feature-box {
  text-align: center;       /* متن وسط‌چین */
}

.feature-box img {
  display: block;           /* تصویر به صورت بلاک */
  margin: 0 auto;           /* تصویر وسط‌چین */
}