@font-face {font-family: IransansDN-Bold;font-style: normal;font-weight: 300;src: url('../fonts/iransansdnbold.eot');src: url('../fonts/iransansdnbold.eot?#iefix') format('embedded-opentype'), url('../fonts/iransansdnbold.woff2') format('woff2'), url('../fonts/iransansdnbold.woff') format('woff'), url('../fonts/iransansdnbold.ttf') format('truetype');}body {font-family: IransansDN-Bold !important;background-image: url('path-to-your-image.png');background-size: cover;background-attachment: fixed;background-position: center;margin: 0;padding: 0;margin: 0;padding: 0;direction: rtl;}.container {max-width: 900px;margin: 30px auto;background: rgba(60, 50, 10, .7);border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);padding: 20px;}.section {margin-bottom: 25px;padding: 15px;border: 1px solid #ddd;border-radius: 8px;background: rgba(255, 255, 255, 0.8);}.section h3 {margin: 0 0 15px;font-size: 1.5em;color: #34495e;border-bottom: 2px solid #3498db;padding-bottom: 5px;}.section:nth-child(even) h3 {color: #8e44ad;border-bottom: 2px solid #9b59b6;}.section:nth-child(odd) h3 {color: #e74c3c;border-bottom: 2px solid #e67e22;}.section p {line-height: 1.8;margin: 10px 0;font-size: 1.1em;color: #000;}.section img {display: block;max-width: 100%;margin: 15px 0;border-radius: 8px;border: 1px solid #ddd;}.section table {width: 100%;border-collapse: collapse;margin: 15px 0;}.section table, .section th, .section td {border: 1px solid #ddd;}.section th, .section td {padding: 10px;text-align: center;}.section th {background-color: #f4f4f4;}.responsive-header {width: 100%;position: relative;overflow: hidden;}.header-image {width: 100%;height: auto;display: block;object-fit: cover;}.popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);display: flex;justify-content: center;align-items: center;z-index: 1000;visibility: hidden;opacity: 0;transition: opacity 0.3s ease;}.popup.active {visibility: visible;opacity: 1;}.popup-content {background-color: white;padding: 20px;border-radius: 10px;text-align: center;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);max-width: 300px;}.popup-content a {text-decoration: none;color: blue;font-size: 18px;}.popup-content a:hover {color: darkblue;}.close-popup {margin-top: 10px;cursor: pointer;color: red;font-size: 14px;}h1, h2, h4, h5, h6 {visibility: hidden;height: 0;}@media screen and (max-width: 768px) {.header-image {object-position: center;}}