body {
			font-family: 'Vazir', sans-serif;
            direction: rtl;
            text-align: center;
            background-color: #ffffff;
            margin: 0;
            padding: 0;
			no-repeat
			z-index: 1000; /* عدد بالاتر برای قفل کردن */
			-moz-user-select:none;// Mozilla firefox
			-webkit-user-select: none;// Google chrome & safari
			-ms-user-select: none;// Microsoft Internet explorer
			-o-user-select: none; // Opera			
        }
		header {
            background-color: #ffffff; /* تنظیم رنگ هدر سایت */
			width: 100%;
			top: 0;
            color: Black;
            text-align: center;
			z-index: 1000; /* عدد بالاتر برای قفل کردن */
        }
        .navbar {
            background-color: #003366; /* رنگ پس زمینه */
            padding: 0px;
            overflow: visible;
			border-radius: 25px
        }
        .navbar a {
            float: none; /* به سمت راست می‌توانیم تنظیم کنیم */
            display: block;
            color: white; /* رنگ متن */
            text-align: center;
            padding: 14px 5px; /* فاصله داخلی */
            text-decoration: none; /* حذف خط زیر متن */
        }
        .navbar a:hover {
            background-color: #00509E; /* رنگ پس زمینه در حالت هاور */
        }
		li{
			list-style-type: none;
			align:center;
			margin: 0 1vw;
			font-size: 2vh;
		}
		ul{   /* حذف فاصله بین حاشیه بدنه و منو ها */
			margin: 0px auto 0 auto ;
			padding: 0;
			display: flex; /* کنار هم قرار گرفتن منو ها */
		}	
		button{
			display: none;
		}	
		.content {
			padding-top: 60px; /* یا ارتفاع هدر */
		}		
		.audio, .video {
			width: 100%; /* استفاده از 100% برای پر کردن عرض والد */
			margin: 10px 0; /* فاصله عمودی */
			padding: 0px;
			background-color: white;
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
			border-radius: 8px;
		}
		/* استایل برای دستگاه‌های موبایل */
		@media (max-width: 600px) {
			.audio, .video {
			width: 90%; /* کاهش عرض برای تبلت‌ها */
			margin: 5px 0; /* کاهش فاصله در موبایل */
			}
		}
		/* استایل برای تبلت‌ها */
		@media (min-width: 601px) and (max-width: 900px) {
			.audio, .video {
			width: 80%; /* کاهش عرض برای تبلت‌ها */
			margin: 10px auto; /* مرکز کردن */
			}
		}
		/* استایل برای لپ‌تاپ و دسکتاپ */
		@media (min-width: 901px) {
			.audio, .video {
			width: 90%; /* کاهش عرض برای لپ‌تاپ و دسکتاپ */
			margin: 10px auto; /* مرکز کردن */
			}
		}
        .main-image img {
            width: 100%;
            height: auto;
			align:center;
        }
        footer {
            background-color: #023e8a; /* تنظیم رنگ فوتر سایت */
            padding: 0px;
            color: white;
            text-align: center;
        }
        footer a {
            color: #90e0ef; /* تنظیم رنگ آیکون شبکه های اجتماعی */
            margin: 0 10px;
        }
		marquee{
			font-family:tahoma;
			width: 100%;
			padding: 10px 0;
			background-color: #ffffff; /*0688e7;*/
			color: #000;
			text-align:center;
		}
        .container {
            display: flex;
            width: 100%;
        }
        .left, .right, .center {
            padding: 0px;
            box-sizing: border-box;
        }
        .left {
            background-color: #ffffff;
            width: 25%; /* عرض قسمت چپ */
        }
        .center {
            background-color: #ffffff;
            width: 50%; /* عرض قسمت وسط */
        }
        .right {
            background-color: #ffffff;
            width: 25%; /* عرض قسمت راست */
        }

        /* استایل برای نمایش در گوشی */
        @media (max-width: 768px) {
            .left, .right {
                display: none; /* مخفی کردن قسمت‌های چپ و راست */
            }
            .center {
                width: 100%; /* عرض قسمت وسط در گوشی */
            }
        }
        .iframe-container {
            width: 100%;
            height: 100%;  ارتفاع 100% از صفحه */
            border: none; /* حذف حاشیه */
        }
		/* استایل برای دستگاه‌های موبایل */
		#live-container (max-width: 600px) {
            width: 90%; /* کاهش عرض برای تبلت‌ها */
            max-width: 600px;
            height: 100%;
            overflow: hidden;
            position: relative;
            transition: transform 0.5s;
			margin: 5px auto; /* کاهش فاصله در موبایل */
		}
		/* استایل برای تبلت‌ها */
		#live-container (min-width: 601px) and (max-width: 900px) {
            width: 80%;
            max-width: 600px;
            height: 100%;
            overflow: hidden;
            position: relative;
            transition: transform 0.5s;
			margin: 10px auto; /* مرکز کردن */
			}
		}
		/* استایل برای لپ‌تاپ و دسکتاپ */
		#media (min-width: 901px) {
            width: 100%;
            max-width: 600px;
            height: 100%;
            overflow: hidden;
            position: relative;
            transition: transform 0.5s;
		}
        iframe {
            width: 100%;
            height: 100%;
            border: none;
        }
        .rotate {
            transform: rotate(90deg);
        }
		#back-to-top .top {
			z-index: 999;
			position: fixed;
			margin: 0px;
			color: blue; /* #DE3930; */
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
			position: fixed;
			bottom: 115px;
			right: 25px;
			z-index: 999;
			font-size: 14px;
			background: none;
			border: 2px solid #DE3930;
			width: 40px;
			height: 40px;
			text-align: center;
			line-height: 34px;
		}
		.fa {
			display: inline-block;
			font: normal normal normal 14px/1 FontAwesome;
			font-family: 'Vazir', sans-serif;
			font-size: inherit;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}		
		div.elem-group {
			margin: 40px 0;
			}
		label {
			display: block;
			font-family: 'Aleo';
			padding-bottom: 4px;
			font-size: 1.25em;
			}
		input, select, textarea {
			border-radius: 2px;
			border: 1px solid #ccc;
			box-sizing: border-box;
			font-size: 1.25em;
			font-family: 'Aleo';
			width: 500px;
			padding: 8px;
			}
		textarea {
			height: 250px;
			}
		button {
			height: 50px;
			background: green;
			color: white;
			border: 2px solid darkgreen;
			font-size: 1.25em;
			font-family: 'Aleo';
			border-radius: 4px;
			cursor: pointer;
			}
		button:hover {
			border: 2px solid black;
		}
		form {
			width :100%;
			text-align: center;
			align:center
		}
		select {
			-moz-appearance: none;
			-webkit-appearance: none;
			background-color: #f8f8f8;
			border: 1px solid #ccc;
			border-radius: 4px 0 0 4px;
			border-right: 10px;
			box-sizing: border-box;
			height: 44px;
			width : 100%;
			padding: 0px;
			text-align: center;
			align:center
			float: center;
		}
		input {
			background-color: #f8f8f8;
			border: 1px solid #ccc;
			border-radius: 4px 0 0 4px;
			border-right: 10px;
			box-sizing: border-box;
			height: 44px;
			width : 100%;
			padding: 0px;
			text-align: center;
			align:center
			float: center;
		}
		hr {
			border: none;
			height: 2px;
			background-color: #2196f3;
			margin: 20px 0;
		}