/* =================مجوزها =============  */

.news-box {
  width: 95%;
  margin: 50px auto;
  position: relative;
  overflow: hidden;
}

.news-track {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}

.news-card {
  flex: 0 0 400px; /* عرض ثابت */
  margin: 0 10px;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  transition: .3s;
}

.news-card img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: .5s;
}

.news-card:hover img {
  transform: scale(1.12);
}

.news-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

/* دکمه‌ها */
.news-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  cursor: pointer;
  z-index: 10;
}

.news-prev { left: 10px; }
.news-next { right: 10px; }






/* =============دکمه روی صفحه===========  */		
		
		
		
		/* کانتینر اصلی */
.card-btn-wrap {
  margin-top: -5%;
}

/* گرید کارت‌ها */
.card-btn-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* در دسکتاپ 4 کارت در ردیف */
  gap: 20px;
}

/* کارت */
.card-btn {
  position: relative;
  padding: 22px 18px;
  border-radius: 18px;
  background: rgba(255,255,255,0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow: 0 10px 28px rgba(0,0,0,0.15);
  text-align: center;
  color: #BCD2F0;
  font-family: Vazir-Bold;
  font-size: 14.5px;
  line-height: 1.8;
  transition: all .35s ease;
  cursor: pointer;
}

/* لینک */
.card-btn a {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* آیکن */
.card-btn i {
  font-size: 28px;
  margin-bottom: 10px;
  display: block;
  color: #BCD2F0;
  transition: .3s;
}

/* hover حرفه‌ای */
.card-btn:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 22px 50px rgba(0,0,0,0.25);
  background: rgba(255,255,255,0.4);
}

.card-btn:hover i {
  color: #2563eb;
}

/* ریسپانسیو */
@media (max-width: 1200px) {
  .card-btn-row {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .card-btn-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .card-btn-row {
    grid-template-columns: 1fr;
  }
}

	


/*============== پنل اطلاعات سایت =========== */
	  
.HeadXX {
 width:90%;
 height:40px;
 background:linear-gradient(to bottom,#1A6ED8 ,#03398B );
 font-family:Vazir-Bold;
 font-size:20px; 
 color:#FFF9F9;
 border-radius:10px;	
 display:flex;              /* اضافه شد */
 align-items:center;         /* وسط عمودی */
 justify-content:center;     /* وسط افقی */
 text-align:center;
 margin-top:0px;
 box-shadow:0 6px 20px rgba(0,0,0,0.1);
 margin-bottom:20px;
}

.cardXX {
 background:#fff;
 border-radius:12px;
 box-shadow:0 6px 20px rgba(0,0,0,0.1);
 transition:0.3s;
 width:95%;
 margin:auto;
 padding:30px 30px 30px 30px;
 display:flex;              /* اضافه شد */
 flex-direction:column;     /* آیتم‌ها زیر هم */
 align-items:center;        /* وسط افقی */
 justify-content:center;    /* وسط عمودی */
}	
		
		
		
.cardXX:hover { box-shadow:0 10px 25px rgba(0,0,0,0.15); }

.cardXX h3 {
    text-align:center;
    margin-bottom:15px;
    color:#4b3f72;
}  
		.QOS { 
		padding: 30px ;
		border-right: 6px #A90002 solid;	
		
		border-radius: 15px;
		
		}	 		
    .QOS1 {
		width: 85%;
		padding: 30px ;
		border-right: 5px #A181D6 solid;	
		border-bottom: 1px #A181D6 solid;
		border-left: 1px #A181D6 solid;
		border-top: 1px #A181D6 solid;
		border-radius: 15px;
		
		}
		
	


/* ============تعریف  فونت=============*/


 @font-face {
    font-family:'Yekan';/*تعریف یک نام برای فونت*/
    src:url('FONTS/Yekan.eot');/*اکسپلورر 9 به بعد*/
    src:local('Yekan'),/*بررسی نصب بودن فونت در سیستم کاربر*/
        local(' Yekan'),/*برای برخی از مرورگرها مانند سافاری*/
        url('FONTS/Yekan.eot?#iefix') format('embedded-opentype'),/*هک برای اکسپلورر 8 و ماقبل*/
        url('FONTS/Yekan.woff') format('woff'),/*مرورگر های جدید*/
        url('FONTS/Yekan.ttf') format('truetype'),/*تمام مرورگرها به جزء اکسپلورر*/
        url('FONTS/Yekan.svg#Yekan') format('svg');/*نسخه های قدیمی سیستم عامل iOS*/
    font-style:normal;
    font-weight:normal;
}
            
      @font-face {
    font-family:'TitrBold';/*تعریف یک نام برای فونت*/
    src:url('FONTS/TitrBold.eot');/*اکسپلورر 9 به بعد*/
    src:local('TitrBold'),/*بررسی نصب بودن فونت در سیستم کاربر*/
        local(' TitrBold'),/*برای برخی از مرورگرها مانند سافاری*/
        url('FONTS/TitrBold.eot?#iefix') format('embedded-opentype'),/*هک برای اکسپلورر 8 و ماقبل*/
        url('FONTS/TitrBold.woff') format('woff'),/*مرورگر های جدید*/
        url('FONTS/TitrBold.ttf') format('truetype'),/*تمام مرورگرها به جزء اکسپلورر*/
        url('FONTS/TitrBold.svg#TitrBold') format('svg');/*نسخه های قدیمی سیستم عامل iOS*/
    font-style:normal;
    font-weight:normal;
}  
            
            
     @font-face {
    font-family:'BTitrBold';/*تعریف یک نام برای فونت*/
    src:url('FONTS/BTitrBold.eot');/*اکسپلورر 9 به بعد*/
    src:local('BTitrBold'),/*بررسی نصب بودن فونت در سیستم کاربر*/
        local(' BTitrBold'),/*برای برخی از مرورگرها مانند سافاری*/
        url('FONTS/BTitrBold.eot?#iefix') format('embedded-opentype'),/*هک برای اکسپلورر 8 و ماقبل*/
        url('FONTS/BTitrBold.woff') format('woff'),/*مرورگر های جدید*/
        url('FONTS/BTitrBold.ttf') format('truetype'),/*تمام مرورگرها به جزء اکسپلورر*/
        url('FONTS/BTitrBold.svg#BTitrBold') format('svg');/*نسخه های قدیمی سیستم عامل iOS*/
    font-style:normal;
    font-weight:normal;
}                 
            
              
  @font-face {
    font-family:'Vazir-Bold';/*تعریف یک نام برای فونت*/
    src:url('FONTS/Vazir-Bold.eot');/*اکسپلورر 9 به بعد*/
    src:local('Vazir-Bold'),/*بررسی نصب بودن فونت در سیستم کاربر*/
        local(' Vazir-Bold'),/*برای برخی از مرورگرها مانند سافاری*/
        url('FONTS/Vazir-Bold.eot?#iefix') format('embedded-opentype'),/*هک برای اکسپلورر 8 و ماقبل*/
        url('FONTS/Vazir-Bold.woff') format('woff'),/*مرورگر های جدید*/
        url('FONTS/Vazir-Bold.ttf') format('truetype'),/*تمام مرورگرها به جزء اکسپلورر*/
        url('FONTS/Vazir-Bold.svg#Vazir-Bold') format('svg');/*نسخه های قدیمی سیستم عامل iOS*/
    font-style:normal;
    font-weight:normal;
}    
			
			
			
@font-face {
    font-family:'Vazir-Bold-FD';/*تعریف یک نام برای فونت*/
    src:url('FONTS/Vazir-Bold-FD.eot');/*اکسپلورر 9 به بعد*/
    src:local('Vazir-Bold-FD'),/*بررسی نصب بودن فونت در سیستم کاربر*/
        local('Vazir-Bold-FD'),/*برای برخی از مرورگرها مانند سافاری*/
        url('FONTS/Vazir-Bold-FD.eot?#iefix') format('embedded-opentype'),/*هک برای اکسپلورر 8 و ماقبل*/
        url('FONTS/Vazir-Bold-FD.woff') format('woff'),/*مرورگر های جدید*/
        url('FONTS/Vazir-Bold-FD.ttf') format('truetype'),/*تمام مرورگرها به جزء اکسپلورر*/
        url('FONTS/Vazir-Bold-FD.svg#Vazir-Bold-FD') format('svg');/*نسخه های قدیمی سیستم عامل iOS*/
    font-style:normal;
    font-weight:normal;
}    
						
 img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
            }
      
      h{
          font-family:Vazir-Bold;
      }
      
            h1 {
                
           font-family:Vazir-Bold;
            direction:rtl;
                font-size: 25px;
                font-weight: bolder;
             
            
            } 
    
       h2 {
                
           font-family:Vazir-Bold;
            direction:rtl;
                font-size: 20px;
                font-weight: bolder;
               
             
            
            } 
         h3 {
                
           font-family:Vazir-Bold;
            direction:rtl;
                font-size: 25px;
                font-weight: bolder;
               
             
            
            } 
        
        h4 {
                
           font-family:Vazir-Bold;
            direction:rtl;
                font-size: 18px;
                font-weight: bolder;
               
             
            
            } 
      
         h5 {
                
           font-family:Vazir-Bold;
            direction:rtl;
                font-size: 22px;
                font-weight: bolder;
               
             
            
            } 
        
      #li{
          font-family:Vazir-Bold;
            direction:rtl;
                font-size: 18px;
               color:#3E3C53;
          
      }
        
    p  {
          font-family:Vazir-Bold;
            direction:rtl;
          
            color:#3E3C53;
        
           
      }
		
		.tit {
	font-family:TitrBold;
/*	text-shadow: 4px 4px 6px rgba(145, 147, 156, 1);*/

  text-shadow: 6px 6px 5px rgba( 0, 0, 0, 1 ), 
               2px -2px 0px rgba(122, 119, 119, 0.75), 
			   -2px 2px 0px rgba(122, 119, 119, 0.75), 
			   -2px -2px 0px rgba(122, 119, 119, 0.75), 
			   2px 0px 0px rgba(64, 116, 181, 1), 
			   0px 2px 0px rgba(64, 116, 181, 1), 
			   -2px 0px 0px rgba(64, 116, 181, 1), 
			   0px -2px 0px rgba(64, 116, 181, 1);		
			
	font-size:1vh; 
    margin-top:2%;
			
		}		
   .Uptit {
	 color: #C1F3D7;  
	font-family:Vazir-Bold;
	text-shadow: 4px 4px 6px rgba(145, 147, 156, 1);
	font-size:3vh; 
    margin-top:15%;
			
		}	
		
		.iconsp {
			
			
		}	
		
		.logo{
			width: 120px;
			height:135px;
			position:absolute;
			background:#FFFFFF;
			background-image: url("assets/img/LogoR.png")  ;
			 background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			z-index: 999;
			border-radius:10px;
			box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
		}	
		
		@media only screen and (max-width:576px){
        .logo { width:50px;
			   height:60px;
			position: fixed;
            left: 10px;
			}
			.tit {
			font-size:0.75vh; 
			}	
		.Uptit {
	 
	     font-family:Vazir-Bold;
	     text-shadow: 4px 4px 6px rgba(145, 147, 156, 1);
	    font-size:2vh; 
        margin-top:15%;
			
			}
		  
}