:root {
    --main-background-color: linear-gradient(to top, #0055A5, #003366); /* آبی تیره به روشن */
    --main-Revbackground-color: linear-gradient(to bottom, #003366, #0055A5); /* برعکس زمینه */
    --main-accent-color: #FF6600; /* نارنجی روشن برای دکمه‌ها */
    --main-text-color: #333333;
    --yellow-color: #ffcc00;
    --yellow-hover: #f39c12;
    --text-dark: #333;
    --border-light: #DCDCDC;

    /* رنگ آیکن‌ها */
    --icon-default-color: #CCCCCC;
    --icon-hover-color: #FF6600;
    --icon-active-color: #0055A5;
    --icon-font-size: 24px;
}



body{
     font-family: IRANSansX  !important;
     direction:rtl;
     text-align:right;
     font-size: 12px;}
     
     
@keyframes spinner {
  to { transform: rotate(360deg); }
}

.loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  pointer-events: none; /* باعث می‌شود مزاحم کلیک نباشد */
}

.loading-text {
  position: relative;
  background-color: rgba(255, 255, 255, 0.9); /* نیمه‌شفاف و ظریف */
  font-size: 0.75rem;
  color: #333;
  text-align: center;
  font-weight: 500;
}

.loading-text::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 auto;
  border: 2px solid #ccc;
  border-top-color: #0077b6;
  border-radius: 50%;
  animation: spinner 0.8s linear infinite;
}


.flex-col{
    display:flex;
    flex-direction: column;}
.flex-row{
    display:flex;
    flex-direction: row;}
.container{
    display:flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    width: 100%;
    height:auto;}
    
                /* header Start */    
    
.header{
    display:flex;
    flex-direction: row;
    justify-content:space-between;
    align-items: center;
    width: 100%;
    height:70px;
    background: var(--main-background-color);}
.icon-bars {
    display:flex; 
    flex-direction:row;
    gap:20px;
    margin-right:20px;
    align-items: baseline;}
.header .icon {
    font-family: "FontAwesome"; /* فونت مخصوص Font Awesome 4 */
    font-size: var(--icon-font-size);
    color: var(--icon-default-color);
    transition: color 0.3s ease;}
.img{
    margin-left: 10px;
    height:70%; 
    width:110px;}
    
                    /* header end */   

                   /* main start*/           
    
.main{
    	display:flex;
    	flex-direction: column;
    	margin-top:3px;
    	padding-top:10px;
    	width: 100%;
    	height:auto;
    	border-top: 5px solid #4682B4;}
.main .body {
 	display:flex;
    	flex-direction: column;
    	gap: 20px;
    	width:100%;
    	margin-top:10px;}
.main .info-container {
  	width: 90%;
  	padding: 20px;
  	background-color: #fff;
  	border-radius: 10px;
  	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  	text-align:justify;
	line-height : 30px;}   	
 .main .icon {
  	display: block;
  	margin: 0 auto 20px;
  	font-size: 64px;
  	color: #ff9900;}
.main .info-container a {
  	display: inline-block;
  	padding: 10px 20px;
  	background-color: #ffcc00; /* زرد */
  	color: #333;
  	text-decoration: none;
  	border-radius: 5px;
  	transition: background-color 0.3s ease;}
.main .info-container a:hover {
  	background-color: #f39c12;}       	
.slide-left{
	display:flex;
    	flex-direction: column;
    	align-items: center;}
.SlideShow-home{
   	outline: #DCDCDC solid 2px;
   	border-radius: 5px;
	width: 100%;
    	height:195px;
    	margin:10px;}
    
   
            /* dropdown Start */    
.dropdown{
    	display: none;
    	position: absolute;
    	margin-top:-10px;
    	right: 7px;
    	background-color: #f9f9f9;
    	min-width: 200px;
    	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    	z-index: 1;}
.text-insurance{
	margin: 20px 0px;
	color:Blue;
	text-shadow:1px 1px 2px white, 0 0 80px black, 0 0 5px darkblue;
	font-size: 15px}
.code-insurance{
	margin: 10px 0px;
	color:Blue;
	text-shadow:1px 1px 2px white, 0 0 80px black, 0 0 5px darkblue;
	font-size: 10px}
.avatar-img{
    	border: 2px solid #DCDCDC;
    	height:50px; 
    	width:50px;
    	border-radius: 50px;} 
hr{
   	color: #DCDCDC;
   	width: auto;
   	margin:5px 10px;} 
   	
.dropdown-item{
   	display:flex;
   	flex-direction: column;
	justify-content: center;}
	
.dropdown-link{
	padding:10px 10px;
	margin:5px 10px;
	font-size:15px;}
.dropdown-link:hover,
.dropdown-link:focus {
    	background-color: #f8f9fa; /* رنگ پس زمینه */
    	border: 1px solid #ced4da; /* رنگ حاشیه */
    	border-radius: 8px; /* شعاع گوشه‌ها */
    	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* سایه */
    	transform: scale(1.05); /* افزایش اندازه */
    	outline: none;
    	color: #007bff; /* رنگ متن */
}

.has-submenu {
  	cursor: pointer;
  	margin: 5px 10px;
}

.submenu {
        display: none;
        padding-right: 20px;
}

.submenu a {
  	padding: 8px;
  	font-size: 13px;
  	text-decoration: none;
  	color: #333;
  	border-bottom: 1px solid #ddd;
}

.submenu a:hover {
  	background-color: #e9ecef;
  	color: #007bff;
}

	          /* dropdown end */  
	          
	          
	          /* login start */    
.log-login{
	border: 2px solid #DCDCDC;
	width:60px;
    	border-radius: 50px; 
    	margin-top:10px;
	margin-left: auto;
  	margin-right: auto;}
.div-getpass {
	width: 400px;}
.div-login {
	display: none;
	width: 400px;}
.loginForm {
  	display: none;
  	margin-bottom: 100px;}
.label {
	margin: 10px 10px 5px;
	font-size: 12px;
	color : #124C7B;
	text-align : right;}
.label-circle {
	margin: 0px 0px 10px;
	font-size: 12px;
	color : red;
	text-align : right;}
.label-input {
	position: absolute; 
	transform: translateY(-80%) translateX(-15%);
	background-color: #ffffff;
	padding: 2px;
	color: #888686;}
	
	           /* login End */     
	          
	          
	          
	          /* links start*/     
	
a {
    text-decoration:none;
    color:#000000;}
    	
a:link,
a:visited,
a:hover,
a:active {
    text-decoration:none;} 
    	
.link-a {
    display:flex;
    align-items: center;
    gap: 10px;
    text-align: right;
    margin: 10px;
    padding: 10px 20px;
    background-color: #ffcc00; /* زرد */
    color: #333;
    text-decoration: none;
    text-align-last: center;
    border-radius: 5px;
    transition: background-color 0.3s ease;}
.link-a:hover {
     background-color: #f39c12;} 
     
.Request-link{
    float: left;
    background: var(--main-background-color);
    color: white;
    border: none;
    margin: 5px;
    padding: 2px 5px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 15px;
    cursor: pointer;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); /* سایه برای عمق */
    transition: background 0.4s ease, box-shadow 0.3s ease;}
.Request-link:hover {
    background: var(--main-Revbackground-color);}
    
.gift-icon-zom {
    font-size: 25px;
    display: inline-block;
    margin-bottom: 8px;
    margin-right: -15px;}	
		/* links end*/  


.container-support {
    display:flex;
    flex-direction: column;
    width: 95%;
    margin: 10px;}      
		
.talkbubble {
    padding: 10px;
    margin :10px;
    height: auto;
    background: #f0f0f0;
    border-radius: 10px 0px 10px 10px;
    text-align:justify;
    text-align-last: right;
    line-height : 200%;}
        	    /* در حالت واکنش گرایی */
/* وقتی اندازه صفحه بزرگتر از 915 پیکسل شد */
@media only screen and (min-width: 915px){ 
.talkbubble {
 	width: 500px;}
.container-support {
    width: 600px;}}         
                
                 
                
                
               /* menu start*/     
    
.menu{
    position: fixed;
    bottom: 0px;
    left: 0px;
    right:0px;
    width: 100%;
    background: var(--main-background-color);
    font-size: var(--icon-font-size);
    color: var(--icon-default-color);
    transition: color 0.3s ease;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 5px 5px ;
    box-shadow: 0 -2px 10px rgba(255, 255, 255, 0.3); /* سایه روشن */
    z-index: 100;}
.menu-item {
    font-size: var(--icon-font-size);
    color: var(--icon-default-color);
    text-align: center;
    cursor: pointer;
    transition: transform 0.2s ease-in-out, color 0.3s ease;}
.menu-item:hover,
.menu-item:focus {
    transform: scale(1.1);
    outline: none;
    color: var(--icon-hover-color);}

.menu-item.active {
    color: var(--icon-active-color); /* رنگ آبکن فعال */}

.menu-icon {
    font-size: 25px;
    margin-bottom: 5px;}

.menu-text {
    font-size: 14px;
    font-weight:bold;}    
                  /* menu end */     




        /* card start */    
.title{
    padding: 10px;
    height:auto;
    color: #191970;
    text-align-last: center;
    text-shadow: 1px 1px 2px #000000;
    border-bottom: 5px solid #800000;}
.card{
    outline: #DCDCDC solid 2px;
    border-radius: 10px;
    margin : 0px 10px 10px 10px;
    height:auto;
    overflow:auto;
    text-align-last: right;
    line-height : 200%;}
.card-user {
	display:none;}
.card-header{
    background: #d9defd; 
    color: black;
    text-align-last: right;
    padding: 5px;
    font-weight:bold;
    font-size: 13px;}
.card-body{
    text-align:justify;
    padding: 5px;
    font-size: 13px;}
.daysLeft {
  position: relative;
  float:left;
  bottom: 3px;
  font-size: 10px; 
  color: Red; 
  border-radius:5px;
  padding:2px;}
        /* card end */    


        /* Forms Start */
.card-form{
    border-radius: 5px;
    background-color: #ffffff;}
form {
    padding: 10px;
    margin-bottom:0px}
    
/* استایل برای تمام input ها */
input[type=text],
input[type=tel],
select,
textarea {
    padding: 10px 10px;
    margin: 0;
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 4px;
    transition: border-color 0.3s; /* افزودن انیمیشن به تغییرات حاشیه */
}

/* استایل فوکوس شده */
input[type=text]:focus,
input[type=tel]:focus,
select:focus,
textarea:focus {
    border-color: #4CAF50; /* تغییر رنگ حاشیه در حالت فوکوس */
    outline: none; /* حذف حاشیه فوکوس پیش‌فرض مرورگر */
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.6); /* افزودن سایه به ورودی در حالت فوکوس */
}
    
/* استایل برای دکمه‌ها */
input[type=submit],
input[type=button] {
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s; /* افزودن انیمیشن به تغییرات رنگ پس زمینه */
    background-color: #4CAF50; /* رنگ پس‌زمینه پیش‌فرض */
    color: white; /* رنگ متن پیش‌فرض */
}

/* استایل فوکوس شده و هاور */
input[type=submit]:hover,
input[type=button]:hover,
input[type=submit]:focus,
input[type=button]:focus {
    background-color: #45a049; /* رنگ پس‌زمینه در حالت هاور و فوکوس */
}
    
    
input[type="checkbox"]{
    margin:5px;
    outline: #DCDCDC solid 3px;
    border-radius: 10px;
    width: 30px;
    height:30px;}
::placeholder {
    font-size: 11px;
    text-align: right;}
    
                /*  کلید افزودن بیمه نامه جدید */    
.button {
    display: black;
    position: fixed;
    bottom: 70px;
    right: 20px;
    z-index: 99;
    background: var(--main-background-color);
    color: white;
    border: none;
    margin: 5px;
    padding: 5px 5px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 15px;
    cursor: pointer;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); /* سایه برای عمق */
    transition: background 0.4s ease, box-shadow 0.3s ease;}
.button:hover,
.button:focus {
    background: var(--main-Revbackground-color);}
    
.pay-btn{
	width:100%;
	text-align-last: center;
	font-size:13px;
	font-weight:bold;}

            /* Forms End */    


            /* advertise start*/    

.container-advertise {
	position: fixed;
  	bottom: 50px;
  	left: 5px;
  	z-index: 700;}
.container-advertise img {
	width: 60px;
  	height: auto;}
  	
.import-points {
 	position: relative;
        padding: 20px 5px; /* فضای بالایی برای متن موضوع */
        width: 90%;
        background-color: #ffffff; /* رنگ پس زمینه */
    	border: 1px solid #ced4da; /* رنگ حاشیه */
    	border-radius: 4px; /* شعاع گوشه‌ها */
    	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* سایه */
    	transform: scale(1.05); /* افزایش اندازه */
    	margin: 30px;
    	font-size:11px;
    	text-align:justify;}  	
  	
  	
                /* advertise End*/    
    
    
            /* container-Register start*/    

.container-Register {
	position: fixed;
  	min-width: 380px;
  	text-align: center;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	padding: 20px;
  	border: 2px solid #bf5151;
  	border-radius: 5px;
  	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  	z-index: 800;
  	color: #aa1d1d;
    	background-color: #ffffff;}

                /* container-Register End*/ 
                
.Policies-Request-link {
    color: white;
    border: 1px solid white;
    padding: 2px 5px;
    font-size: 11px;
    font-weight: bold;
    text-align-last: center;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); /* سایه برای عمق */
    transition: background 0.4s ease, box-shadow 0.3s ease;}


    
            /* box alert start*/    


/* استایل برای لیبل خطا */
.script-label-error {
    color: #fb0606 !important;
}

/* استایل برای ورودی خطا */
.script-error {
    border-color: #ff4646 !important; /* تغییر رنگ حاشیه در حالت فوکوس */
    outline: none; /* حذف حاشیه فوکوس پیش‌فرض مرورگر */
    box-shadow: 0 0 5px rgba(255, 70, 70, 0.6); /* افزودن سایه به ورودی در حالت فوکوس */
    transition: border-color 0.3s; /* افزودن انیمیشن به تغییرات حاشیه */
}

/* استایل فوکوس شده برای ورودی خطا */
.script-error:focus {
    border-color: #45a049 !important; /* تغییر رنگ حاشیه در حالت فوکوس */
}
            
              
                    /* کد های مخصوص الرت باکس ها */
.graybox {
  	position: fixed;
  	display: none;
  	min-width: 300px;
  	text-align: center;
  	top: 20%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	padding: 8px;
  	border-radius: 5px;
  	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  	z-index: 900;
  	font-size: 12px;}
.success {
    	color: #3c763d;
    	background-color: #dff0d8; 
        border-color: #d6e9c6;}
.error {
    	color: #b72929;
    	background-color: #ffc1c1;
    	border-color: #ff0101; /* اضافه کنید */}
.Red {
	color: #b72929;}
.Green {
    	color: #3c763d;}
.warning {
        color: #0364ff;
    	background-color: #ccdeff; 
        border-color: #caddfd;}
.close-btn{
  	position: absolute;
    	top: 10px;
    	right: 10px;
    	font-size: 15px;
    	cursor: pointer;}
.overlay {
  	display: none;
  	position: fixed;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background-color: rgba(0, 0, 0, 0.5);
  	z-index: 600;}
.progress-bar {
  	height: 5px;
  	background: repeating-linear-gradient(45deg, #808080, #808080 10px, #ffffff 10px, #ffffff 20px);
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	transform-origin: left;
 	animation: progress 10s linear forwards;}
@keyframes progress {
to {
 	 transform: scaleX(0);}}
 	
.text-title {
	display: flex; 
        align-items: center;
        gap: 10px;
  	text-align: right;
  	padding: 10px;
  	margin:10px;
  	border-radius: 5px;
  	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  	font-size: 12px;}

                   /* box alert end */ 
.Emza-Contract {
     display:flex;
    flex-direction: column;
    justify-content: space-around;
    gap:10px;}

              /* box news adn video  start*/    

.boxvideo{
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    margin:5px 0px 50px 0px;
    padding: 10px;}
.body-video {
    display:flex;
    flex-direction: column;
    outline: #DCDCDC solid 2px;
    background-color: #FFFFFF;
    border-radius: 5px;
    padding: 10px;
    margin-top:10px;
    text-align:justify;
    line-height : 200%;
    font-size: 13px;}
.box{ 
    display:flex;
    flex-direction: row;
    justify-content:space-around;
    align-items: center;
    width: 100%;
    font-size:12px}
.box-tags{ 
    display:flex;
    flex-direction: row;
    justify-content:flex-end;
    align-items: center;
    width: 100%;
    font-size:10px}
    
    
.container-News{
	display: flex; 
	flex-direction: column;
	align-items: center;
	margin-top: 20px;}
.box-News{
    	display:flex;
    	flex-direction: column;
    	width: 95%;}
.img-News{
   	outline: #DCDCDC solid 2px;
    	border-radius: 5px;
    	width: 100%;
    	height:190px;}
.body-news {
    	height: auto; 
    	background-color: #FFFFFF;
    	outline: #DCDCDC solid 2px;
    	border-radius: 5px;
    	padding: 10px;
    	margin:10px 0px 20px;
    	text-align:justify;
    	line-height : 200%;
    	font-size: 13px;}
.news-text{
    	max-height: 180px; /* حداکثر ارتفاع متن */
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: normal;}
.details-link {
	float: left;
      	text-decoration: none;
  	color: #007bff;
  	cursor: pointer;
  	display: block;
  	margin: 0px 0px;}
.details-link:hover {
  	color: #ffbf00;}
.SlideShow{
    outline: #DCDCDC solid 2px;
    border-radius: 5px;
    width: 100%;
    height:200px;}
.iic-banner{
    outline: #DCDCDC solid 0px;
    border-radius: 5px;
    width: 100%;
    height:200px;}
.card-body-user {
    display:flex;
    flex-direction: column;
    padding: 10px;
    background:#f8fcca;
    text-align:justify;
    line-height : 200%;}
#Tage{
    background-color: #e1e1e1;
    cursor:pointer;
    float:left;
    border: 2px solid #d6d6d6;
    border-radius: 5px ;
    padding: 5px;
    width:auto;
    min-height:15px;
    max-height:15px;
    text-align: center;
    line-height : 150%;
    margin : 10px;
    font-size:10px;}
    
              /* box news adn video  end */    
	         /* main end*/     
	
	
	     /* footer start */  
	       
.footer{
	display:flex;
    	flex-direction: column;
    	background-color: #505050;
    	overflow:hidden;
	height:auto;
	width :100%;
	text-align:justify;
	color:#ffffff;
	line-height : 30px;
	letter-spacing:1px;
	margin-bottom:50px;}
.footer-min{
	display:flex;
    	flex-direction: column;
    	align-items: start;
    	width:100%;}
.newsletters, 
.useful-link,
.about-us, 
.contact-us{    	
    	padding: 10px; 
	height:auto; }
.rules-box{
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 20px; 
	margin-bottom: 20px;
	text-align: center;} 
.footer input[type=submit] {
    	background-color: #4CAF50;
    	color: white;
    	padding: 7px 7px;
	border: none;
	border-radius: 4px;
   	cursor: pointer;}
.footer input[type=submit]:hover {
    background-color: #45a049;}   
.footer a{
    	text-decoration:none;
    	color:#ffffff;}
.footer hr{
   	color: #DCDCDC;
   	opacity:0.5;
   	margin:5px 0px;
   	width:50%;}
.enamad{
	padding-top: 20px;}
.enamad img{
  	background-color: #e1e1e1;
    	cursor:pointer;
    	float: right;
    	margin: 10px;
    	border: 2px solid #d6d6d6;
    	border-radius: 5px ;
    	padding: 5px;
    	width: 80px;
    	height: 80px;}

             /* footer end */ 
    	     
    	     

    	    /* در حالت واکنش گرایی */
/* وقتی اندازه صفحه بزرگتر از 915 پیکسل شد */
@media only screen and (min-width: 915px){

.menu{ 
	display:none;}
.main{
	 align-items:center;} 
.main .body {
 	display:flex;
    	flex-direction: row;
    	width:100%;}
.main .info-container {
  	width: 90%;
  	margin: 20px;
  	padding: 20px;
  	background-color: #fff;
  	border-radius: 10px;
  	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  	text-align: right;}
.main .icon {
  	display: block;
  	margin: 0 auto 20px;
  	font-size: 64px;
  	color: #ff9900;}
.slide-left{
	display:flex;
    	flex-direction: column;
    	align-items: end;
    	gap: 10px;}
.SlideShow-home{
   	outline: #DCDCDC solid 2px;
   	border-radius: 5px;
	width: 400px;
    	height:195px;}
.slide-left .box{
	width: 400px;}    	
.navbar{    
   	 display:flex;
   	 flex-direction: row;
    	justify-content: space-around;
    	align-items: center;
    	border-top: 2px solid #DCDCDC;
    	overflow:hidden;
	color:#333;
    	position:fixed;
    	padding-top:10px;
	padding-bottom:10px;
    	font-size: 30px;
    	bottom:0px;
    	width:100%;}
.button {
	margin-bottom:30px;
	display:none;}
.card-form {
 	display:flex;
   	flex-direction: column;
   	align-items:center;
    width:500px;
}
form {
    	width:100%;}
.img-news{
	height:400px;}
	
.footer-min{
	display:flex;
    	flex-direction: row;
    	justify-content: space-between;
    	text-align:justify;}
.newsletters, .useful-link{    	
	margin: 10px; 
	width: 400px; 
	height:auto; 
	text-align:justify;}
.about-us, .contact-us{    	
   	margin: 10px; 
	width: 400px; 
	height:auto; 
	text-align:justify;}
.rules-box{
	width: 500px; 
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 20px; 
	margin-bottom: 20px;
	text-align-last: center;}
.card{
    	display:flex;
    	flex-direction: column;
    	justify-content: flex-start;
    	width: 800px;}
.boxvideo{
    	display:flex;
    	flex-direction: column;
	justify-content: flex-start;
    	max-width: 800px;}
.container-News{
  	display: grid;
  	grid-template-rows: repeat(auto-fill, minmax(100px, 1fr));
  	grid-template-columns: repeat(5, 1fr);
  	gap: 10px; /* فاصله بین المان‌ها */
	margin-top: 10px;
	align-items:normal;}
.box-News{
    	display:flex;
    	flex-direction: column;
    	justify-content: flex-start;
    	max-width: 300px;}
.img-News{
   	outline: #DCDCDC solid 2px;
    	border-radius: 5px;
    	max-width: 100%;
    	height:190px;}
.body-news {
    	height: auto; 
    	background-color: #FFFFFF;
    	outline: #DCDCDC solid 2px;
    	border-radius: 5px;
    	padding: 10px;
    	margin:10px 0px 20px;
    	text-align:justify;
    	line-height : 200%;
    	font-size: 13px;}
.news-text{
    	max-height: 180px; /* حداکثر ارتفاع متن */
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: normal;}
.Emza-Contract {
    display:flex;
    flex-direction: row;
    justify-content: space-around;}}