@font-face {
  font-family: 'nassim';
  src: url('../font/nassim-normal.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Yekan';
  src: url('../font/yekan-normal.woff') format('woff'),
  
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Tahoma';
  src: url('font/W tahoma .ttf') format('truetype');
}

* {
  box-sizing:border-box !important;
  margin:0;
  padding:0;
}


html,body {
  font-family: 'nassim', sans-serif !important;
}


header {
  z-index:100; 
}

  
body {
  position: relative;
  height: 100%;
  background-color:rgb(242, 242, 242) !important;
}

html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  .middle-nav a {
    color:white !important;
    font-style:normal !important;
    font-weight:700 !important;
    font-size:18px !important;
    margin-top:10px !important;
  }


  

 .container {
  width: 1246px !important;
  padding-right:0.5rem;
  padding-left:0.5rem;
}



 main div {

    flex: 1;
 }
 



.top-nav {
    background-color: #f6f4f4;  
    width: 100%; 
}


.top-ul li a{
color:rgb(34, 34, 34);

}
.top-ul li:first-child {
  border-right: 2px solid rgb(232, 232, 232);

}
.top-ul li:last-child {
  margin-left:0 !important;
}

.top-ul  {
  font-weight: 700 !important;
  font-size: 13px !important;
  display:flex;
  align-items:center;
  height:100% !important;
  padding:0 !important;
  }


.custom-nav-item {
  height:100%;
  margin:0 0.5rem !important;
  padding:0 !important;
}

.custom-nav-item a {
  height:100%;
  display:flex !important;
  align-items:center;
  margin:0 !important;
  padding:0 0.25rem !important;
  
}


.custom-nav-item a:hover {
  background-color:rgb(232, 232, 232);
}


  .form-control {
    border: none;
    height: 100%;
    background-color:rgb(203, 205, 203) ;
     color:rgb(228, 228, 228);
     font-family: Tahoma;
     font-weight: 400 !important;
     font-size: 12px !important;
  }

.input-group-text {
  border: none;
  
}

.search-addon {
  color: #bb0000;
}


.middle-nav {
    background-color: #bb0000;
    height: 85px !important;
    width: 100%;
    direction:rtl !important;
}

 
  .top-nav {
   
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 2rem !important;
  }

  .top-nav-div {
    padding-top:0 !important;
    padding-bottom:0 !important;
    height:100%
  }

  .navbar .nav-link {
    padding: 0 10px; /* کاهش فاصله عمودی بین لینک‌ها */
    line-height: inherit;
  }

  .navbar-text {
    line-height: inherit; /* هماهنگی متن با ارتفاع ناوبار */
  }

  .custom-btn-group {
    width: 160px;
     height: 34px;
  }
  .custom-btn-1 {
    width: 50%;
    border-radius:none !important
  }

  .custom-btn-2 {
    width: 50%;
    border: 1px solid black; 
    border-right: none;
    border-radius:none!important 
  }

  .custom-btn-group .btn {
    border-radius: 0 !important; 
   
  }
  
  .custom-btn-group .btn:last-child {
    margin-left: 0; 
  }
.logIn-elm {
    border-radius:2px;
    background-color:rgb(9, 9, 9,0.6);
    color:white !important;
    align-item:center !important;
    margin-bottom:20px !important;
    margin-top:0px !important;

}
.search-form-item {
  width: 200px !important;
  background-color: rgb(203, 205, 203); 
   height:1.75rem !important;
   color: rgb(228, 58, 58);
  
  
}

.search-bar{
  margin-top:0 !important;
  border: 1px solid #ccc;
  transition: border-color 0.3s ease;
}
.search-bar:focus {
  background-color: rgb(203, 205, 203); 
    outline: none;
  box-shadow: none; 
  border-color:#ccc;
}


.timeLogin-div{
  width:360px !important;
  

}
.middle-nav {
  height: 4.75rem !important;
background-color: #bb0000 !important;
}


.nav2-div {
  background-image: url('../assets/images/header-overlay.png');
  background-repeat: no-repeat; 
  
}

.mid-ul-section {
  height:76px!important;
  padding:0;
  margin:0;
  justify-content: space-between;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.mid-ul {
  height:100%;
}
.mid-ul li a {
  color:white !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  transition: background-color 0.2s ease-out;
  display:flex;
  align-items:center;
  height:100% !important;
}
.mid-ul li a i {
  padding-right:0.25rem !important
}
.mid-ul li div.dropdown-menu {
  font-size:15px !important;
  font-weight:400;
}
.nv-lk {
  padding:0 0.5rem;
  text-decoration:none !important;

}

.mid-nav-cntnr {
  display:flex;
  align-items:space-around;
}

.mid-ul {
 display:flex;
  align-items:center;
  list-style:none;
  padding-left:0;
  padding-right:0.75rem;
}

.mid-ul li {
  height:100% !important;
 padding:0 0.25rem;
  margin:0 !important;
  display:flex;
  align-items:center;
  
}
.dropdown-toggle::after {
  content:none !important;
}

.advertise-item-span {
  margin-right:auto;
  height:100% !important;
 
}

.nv-im:hover {
  background-color:rgb(146, 25, 31);
}

.advertise-nav-section {
  padding-right:8rem;
  height:100%;
}
@-moz-document url-prefix() {
  /* استایل‌های خاص برای فایرفاکس */
  .advertise-nav-section {
    padding-right:5.9rem;
    height:100%;
  }

  
}




.dropdown-menu .dropdown-item {
  white-space: nowrap; 
}
.news-dd-menue {
  background-color: rgb(20, 18, 18);
  height:272px !important;
  border-bottom: #bb0000 5px solid;
  font-size:15px !important;
  font-weight:400 !important;
}
.event-div {
  padding:0 !important;
  margin:0 !important;
  display:flex;
  justify-content:space-around;
  font-size:15px !important;
}

.dropdown-menu {
  display: none ;
  top: 100%; 
  left: 0% !important;
  z-index: 1000;
  width:100vw !important;
  opacity: 0; 
  pointer-events: none;
 
}
.news-col {
  background-color: rgb(27, 27, 27) !important;
  height: 248px !important;
  padding-top:0 !important;
}
.d-down:hover .dropdown-menu {
  display: flex !important;
  flex-wrap: wrap;
  opacity: 1;
  pointer-events: auto;
  
}



.date-login{
  list-style:none;
 height:100% !important;
 display:flex;
 align-items:center;
 padding-right:0 !important;
 
}

.date-section {
  width: 12.5rem !important; 
  display: inline;
  font-family: Yekan;
  font-size: 12px !important;
  font-weight: 400;
 padding-right:0.25rem;
  margin_right:1.5rem !important;
  margin-left:1rem;
}
.custom-input-div {
  height: 4.25rem; 
  width: 10rem;
}

.custom-input-div input {
  width:10rem;
   height: 2.25rem;
}


.d-down3-toggle:hover {
  background-color: rgb(101, 101, 101); 
}

.d-down3-toggle {
  text-decoration: none;
  display: block;
 
  height:100%;
 
  line-height: 24px;
  border: 1px solid #ddd;
  cursor: pointer;
  margin: 0;
  padding: 0;
  background-color: rgb(101, 101, 101);  
  font-size: 13px;
  font-weight: 700;
  color: white;
  border-radius:3px;

 
 
} 


.d-down3-menu form {
  width:10rem !important;
  height:9rem !important;
   padding: 10px;  
   font-size: 12px;
    font-weight: 400;
}

.checkbox {
  margin: 0.3rem 0;
}


/* نمایش منو زمانی که چک‌باکس فعال است */
.d-down3-checkbox:checked ~ .d-down3-toggle + .d-down3-menu {
  display: block;
} 



.d-down3-menu {
  display: none;
  position: absolute;
  top: 93% !important; 
  right: 0;
  z-index: 1050;
  background-color: white;
  min-width: 150px;
  border: 1px solid #ddd;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 10px;
  border-radius: 4px;
  margin-top: 0 !important;
  border: 1px solid #ddd;
  width:191px !important;
  height:173px !important;
}

.d-down3 {
  position: relative;
  width:107px !important;
  height:28px !important;
  font-size:13px;

}



.navbar-nav{
  height:100% !important;
  margin:0 !important;
 padding:0!important
}

.navbar {
  padding:0 !important;
  margin:0 !important;
}



  





ul.dd-menu2  li img {
  border-radius:10px !important;
}




.dropdown-item:hover {
background-color:#bb0000 !important ;


}




.news-col {
  width:394px !important;
  padding:0 ! important;
}


.news-col a {
  font-size:15px !important;
  font-weight:400 !important;
  direction:rtl !important;
  font-family:nassim !important;
  text-decoration:none !important;
}
.general-div {
  padding:0 !important;
  height:245px !important;
 display:flex;
 flex-wrap:wrap;
}


.general-div a {
  font-size:15px !important;
  font-weight:400 !important;
  margin-left:2px ;
  height:25px !important;
  padding:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  margin-right:5px ;

}
.general-div a:nth-child(1) {
  width: 100% !important;
  height:1.5rem !important;
   display: block; 
   text-align: center;
   color: white; 
   background-color: rgb(62, 61, 61);
   align-items: start !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
}
.general-div a:not(:first-child) {
  flex: 0 0 47%;
  text-align: right !important;
  padding:0 0.25rem !important;
  height:1.5rem !important;
}


.general-div a:hover {
  background-color:rgb(183, 24, 24);
}

.custom-Professional-col {
  border-radius: 5px;
   background-color: rgb(27, 27, 27) !important; 
   padding: 15px;height: 237px !important;
}

.Professional-div a {
  margin-right:0px !important;
  margin-left:0px !important;
 
  padding:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.Professional-div a:nth-child(1) {
  width: 100% !important;
  height:1.5rem !important;
  display: block;
  font-weight: bold;
   text-align: center;
   color: white;
    background-color: rgb(62, 61, 61);
  align-items: start !important;
}

.Professional-div a:not(:first-child) {
  flex: 0 0 33.33%;
   max-width: 33.33%; 
   text-align: center;
   padding:0 0.25rem !important;
   height:1.5rem !important;
}
.Professional-div {
  padding:0 !important;
  height:217px !important;
}

.Professional-div a:hover {
  background-color:rgb(183, 24, 24);
}

.custom-special-col {
  background-color: rgb(27, 27, 27) !important;
  height: 248px !important;
  padding-top:0 !important;
}

.special-div a:nth-child(1) {
  width: 100% !important; 
  display: block;
   font-weight: bold;
  text-align: center;
  margin-right: 0 !important;
  margin-left: 0 !important;
  color: white; 
  background-color: rgb(62, 61, 61);
  align-items: start !important;
  height:1.5rem !important;
}

.special-div a:not(:first-child) {
  flex: 0 0 47%;
  text-align: right !important;
  padding:0 0.25rem;
  height:1.5rem !important;
}

.special-div {
  padding:0 !important;
  height:248px !important;
}

.special-div a {
  margin-right:5px ;
  margin-left:2px ;
  height:25px !important;
  padding:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.special-div a:hover {
  background-color:rgb(183, 24, 24);
}

.custom-dataPrice-div {
  background-color: rgb(20, 19, 19);
  height: 67px !important;
  border-bottom: #bb0000 solid 5px;
  width:100vw;
}
.Currencies-ul {
  background-color: rgb(20, 19, 19);height: 45px !important;
}


.Currencies-ul li {
   width:100% !important;
   position: relative;
  text-align: right;
  height:33px !important ;
  margin-top:0.1rem !important;
  border-left: 1px rgb(127, 125, 125) solid;
}
.Currencies-ul li:nth-child(6) {
  border-left:none !important;
}

.Currencies-ul li a {
 width:100% !important;
 height:33px !important ;
  font-size:14px !important;
  font-weight:400;
  position: absolute;
  right: 0; 
  text-decoration: none;
  height:100% !important;
  margin-top:0 !important;
}


.Currencies-ul {
  list-style: none;
  padding: 0 0 0.5rem ;
  gap:0.25rem !important;
}


.Currencies-ul li a i {
  color:red;
  padding-left:0.25rem;
}


.Currencies-ul li:hover a i {
color:white;
}
 .custom-province-div {
  background-color: rgb(20, 19, 19);
  font-size: 17px;  
  font-weight: 400; 
  border-bottom: #bb0000 5px solid;
 }
.province-ul {
  background-color: rgb(20, 19, 19);
}

.province-ul li {
  width:auto !important;
  position: relative;
  text-align: right;
  height:33px !important ;
  margin:0 ! important;
  list-style: none !important;
  height: 33px !important;
  border-left:1px solid rgb(200,200,200)
  
}
.province-ul li:nth-child(5n) {
  border-left:none !important;
}
.province-ul li:last-child {
  border-left:none !important;
}


.province-ul li a {
  list-style: none;
  text-decoration:none;
  height:33px !important;
  width:199px !important;
  font-size:12px;
 
  font-weight:400 !important;
  text-decoration: none;
  width: 100%; /* لینک کل عرض آیتم را بپوشاند */
  height: 100%; 
};

.province-ul {
  list-style: none !important; 
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;

}

.province-ul li a i {
  color:red;
  padding-left:0.25rem;
}


.province-ul li:hover a i {
color:white;
}

.province-ul li:hover {
  background-color:red;
}

.custom-FTZ-ul {
  display:flex !important;
  align-items:center;
  justify-content:center;
  background-color: rgb(20, 19, 19);
 border-bottom: #bb0000 5px solid;
}
.custom-FTZ-ul li {
 padding:0 !important;
 margin:0 !important;
}
.custom-FTZ-ul li a {
  padding:0.25rem !important;
  margin:0 0.25rem !important;
  border-radius:0.5rem;
}

.custom-multiMedia-div {
  background-color: rgb(20, 19, 19);
  height: 67px !important;
  border-bottom: #bb0000 5px solid;
}

.media-ul li {
  width:100% !important;
  position: relative;
 text-align: right;
 height:33px !important ;
 margin-top:0.1rem !important;
 border-left: 1px rgb(127, 125, 125) solid;

}
.media-ul li:nth-child(8) {
  border-left:none !important;
}

.media-ul li a {
  width:100% !important;
  height:2rem !important ;
   font-size:14px !important;
   font-weight:400;
   position: absolute;
   right: 0; 
   text-decoration: none;
   height:100% !important;
   margin-top:0 !important;
   
}


.media-ul {
 list-style: none;
 padding: 0;
 background-color: rgb(20, 19, 19);
 gap:0.25rem !important;
}


.media-ul li a i {
 color:red;
 padding-left:0.25rem;
}


.media-ul li:hover a i {
color:white;
}




.subnav-ul li {
  display: inline-block !important;
}

.subnav-ul li a {
  text-decoration:none !important;
}



.scroll-navbar {
  width: 100%;
  overflow-x: hidden; 

}


.scroll-container {
  overflow-x: hidden !important;
  white-space: nowrap; 
  scroll-behavior: smooth; /* حرکت نرم اسکرول */
  flex: 1;
  background-color:rgb(222, 222, 222);
  white-space: nowrap;
  font-size:16px;
}
.scroll-list li a {
  text-decoration: none;
  height:2.25rem !important;
  display: inline-flex;
  align-items:center !important;
  color:rgb(19, 18, 18);
 width:100%;
 padding:0 2px ;
 text-decoration:none;
 text-decoration: none;
 width: 100%; 
 height: 100%; 
}



.scroll-list {
  display: inline-flex; /* آیتم‌ها به صورت افقی کنار هم */
  list-style: none; /* حذف نقاط پیش‌فرض */
  padding: 0;
  overflow-y: hidden;
  margin: 0;
  align-items:center;
  background-color:rgb(222, 222, 222);
  direction:rtl;
}



.scroll-list li {

  height:100%;
}




.fa-bars-li a i {
  color:rgb(172, 11, 11) !important;
  margin-top:0.25rem;
}


.scroll-container {
  overflow-y: hidden !important;
}





.scroll-btn {
  background-color: #444; /* رنگ دکمه‌ها */
  color: white;
  border: none;
  padding: 10px 5px;
  cursor: pointer;
  font-size: 18px;
  color:rgb(12, 11, 11);
}

.scroll-btn:hover {
  background-color: rgb(238, 238, 238); /* تغییر رنگ هنگام هاور */
}

.left-btn {

    position: absolute;
    left: 8.25% !important;
    background-color: rgb(222, 222, 222);
    width:20px !important;
    height:100% !important;

  
}


.right-btn {
  position: absolute;
  right: 8.25% !important;
  height:100% !important;
  background-color:rgb(222, 222, 222);
}





.scr-item1 > a:hover {
  background-color: rgb(206, 206, 206);

}

.scr-item2 > a:hover {
  background-color: rgb(72, 61, 139);
}


.scr-item3 > a:hover {
  background-color: rgb(72, 61, 139) !important;
}

.scr-item4 > a:hover {
  background-color: rgb(220, 20, 60);
}

.scr-item5 > a:hover {
  background-color: rgb(72, 61, 139);
}

.scr-item6 > a:hover {
  background-color: rgb(75, 46, 202);
}

.scr-item7 > a:hover {
  background-color: rgb(41, 128, 51);
}

.scr-item8 > a:hover {
  background-color: rgb(72, 61, 139);
}

.scr-item9 > a:hover {
  background-color: rgb(89, 9, 143);
}

.scr-item10 > a:hover {
  background-color: rgb(75, 46, 202);
}

.scr-item11 > a:hover {
  background-color: rgb(189, 141, 20);
}

.scr-item12  :hover {
  background-color: rgb(130, 6, 43);
}

.scr-item13 > a:hover {
  background-color: rgb(72, 61, 139);
}


.scr-item14 > a:hover {
  background-color: rgb(41, 128, 51);
}

.scr-item15 > a:hover {
  background-color: rgb(75, 46, 202);
}

.scr-item16 > a:hover {
  background-color: rgb(41, 128, 51);
}

.scr-item17 > a:hover {
  background-color: rgb(72, 61, 139);
}




.custom-scroll-ul {
  list-style: none;
  margin:0 !important;
  padding:0.25rem 0 !important;  
}


.custom-scroll-ul li {

  text-align: right !important; 
  border-left:1px solid rgb(136, 133, 133)
}


.custom-scroll-ul li a i {
  color: rgb(19, 19, 18);
  background-color:white;
  border-radius:3px;
}


.dd-m {
  display: none;
  position: absolute;
  left: 0;
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  background-color: #b2afaf;
  width: 100%; /* تمام عرض صفحه */
  border-bottom:2px solid rgb(82, 80, 80)
  
}





.d-down:hover .dd-m {
  display: flex;
  flex-wrap: wrap;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.3s ease;
}


.bottom-nav {
  background-color:rgb(222, 222, 222);
  height:36px !important;
  color:rgb(12, 11, 11);
  position:relative !important;
  padding:0 !important;
  margin:0 !important;
 
}

.EAEU-ul li a:hover {
  background-color:rgb(206, 206, 206) ;
  color:rgb(116, 116, 116) ;
}

.eco-ul li a:hover {
  background-color: rgb(206, 206, 206) ;
  color: rgb(255, 255, 255) ;
}ّ



.insurance-ul li a:hover {
  background-color:rgb(0, 153, 204);
}

.stock-ul li a:hover {
  background-color:rgb(8, 191, 17);
}
.petroChemical-ul li a:hover {
  color:rgb(255,255,255);
  background-color:rgb(204, 0, 204);
}