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: hidden;

			border-radius: 25px

        }

        .navbar a {

            float: right; /* به سمت راست می‌توانیم تنظیم کنیم */

            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;

		}		

/* استایل پایه برای منو */
.navbar ul { list-style: none; padding: 0; margin: 0; }
.navbar > ul > li { display: inline-block; position: relative; }

/* مخفی کردن زیرمنو */
.submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff; /* رنگ پس‌زمینه منو */
    border: 1px solid #ccc;
    min-width: 150px;
    z-index: 1000;
}

/* نمایش زیرمنو هنگام هاور */
.dropdown:hover .submenu {
    display: block;
}

/* استایل آیتم‌های زیرمنو */
.submenu li { display: block; }
.submenu li a { padding: 10px; display: block; color: #333; text-decoration: none; }
.submenu li a:hover { background: #f4f4f4; }