سیمکارت KnightSim

@font-face { font-family: 'IRANYekanX'; src: url('https://cdn.fontcdn.ir/Font/Persian/IRANYekanX/IRANYekanX-Regular.ttf') format('truetype'); font-weight: normal; font-display: swap; } @font-face { font-family: 'IRANYekanX'; src: url('https://cdn.fontcdn.ir/Font/Persian/IRANYekanX/IRANYekanX-Bold.ttf') format('truetype'); font-weight: bold; font-display: swap; } body { font-family: 'IRANYekanX', Tahoma, sans-serif; margin: 0; padding: 0; line-height: 1.8; color: #333; font-size: 15px; } .container { max-width: 100%; padding: 15px; margin: 0 auto; } .card { background-color: #fff; border-radius: 12px; padding: 20px; margin-bottom: 25px; box-shadow: 0 3px 10px rgba(0,0,0,0.08); } .card-blue { background-color: #e3f2fd; border-left: 5px solid #2196f3; } .card-yellow { background-color: #fff8e1; border-left: 5px solid #ffc107; } .card-green { background-color: #e8f5e9; } .section-title { color: #4b0082; border-bottom: 2px solid #4b0082; padding-bottom: 8px; display: inline-block; margin: 0 0 15px 0; font-size: 18px; font-weight: bold; } ul { padding-right: 25px; margin: 15px 0; } li { margin-bottom: 10px; font-size: 14px; line-height: 1.7; } .grid-container { display: grid; grid-template-columns: 1fr; gap: 18px; margin-top: 20px; } .grid-item { background-color: #f8f9fa; padding: 18px; border-radius: 10px; } .highlight { color: #008000; font-weight: bold; } .country-tags { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 20px 0; } .country-tag { background: white; padding: 12px; border-radius: 6px; text-align: center; font-size: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .footer { background-color: #e8f5e9; padding: 18px; border-radius: 10px; text-align: center; font-weight: bold; color: #2e7d32; margin-top: 25px; font-size: 16px; } h3 { color: #4b0082; margin: 0 0 12px 0; font-size: 16px; font-weight: bold; } p { margin: 0 0 15px 0; font-size: 14px; line-height: 1.7; } a { color: #1976d2; text-decoration: none; font-weight: bold; } @media (min-width: 768px) { .container { max-width: 800px; padding: 25px; } .grid-container { grid-template-columns: repeat(2, 1fr); gap: 20px; } body { font-size: 16px; } .section-title { font-size: 20px; } li, p { font-size: 15px; } h3 { font-size: 17px; } }