/*--------header--------------------------------------start--------------*/
 .bg-newcolor
 {
     background-color: var(--dark-color);
 }
 
 .bg-newcolor
 {
     background-color: var(--dark-color);
 }
 .btn-newcolor ,.btn-newcolor:hover
 {
    color: var(--white-color);
   background-color:var(--red-color);
   border-color:var(--red-color);
   border-radius: 0%;
    font-size: 14px;
    font-family: 'Tajawal-Medium',sans-serif;
    width: 196px;
    transition: .3s;
    border: 4px solid var(--red-color);
    
 } 
 .btn-newcolor span
 {
    transform: scale(1);
    transition: .3s;
    display: block;
 }

 .btn-newcolor span:hover 
 { 
    transition : .3s;
     /* font-size:  15px;  */
     transform: scale(1.1);
     /* color: green; */
 } 
 
 .my-date
 {
     color: var(--white-color);
     /* width: 75px; */
     height: 16px;
     padding-top: 0;
     font-size: 14px;
     font-family: 'Tajawal-Medium',sans-serif;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-bottom: 0;
 }
 .vl 
 {
    color:  var(--white-color);
    height: 16px;
    /* width: 4px; */
    padding-top:0;
    padding-left: 12px;
    padding-right: 12px;
    opacity: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
 }
 
 .text-opacity
 {
    opacity: 80;
 }
 /*------header--------------------------------------------end-------------------------*/
 
 
 
 
 
 
 /*-----navbar---------------------------------------------start-------------------------*/
 .nav-out-width
 {
    width: 100%;
    justify-content: end;
 }
 
 /* .nav-in-width
 {
 width: 88%;
 } */
 
 .offcanvas-body 
 
 {
    background-color:  var(--gray-color);
 }
 .bg-nav-color
 { 
     background-color:  var(--gray-color);
     padding-right: 0;
  
 }
 
 .pading-left-nav
 {
    padding-left: 0;
 }
  
  
 .navbar .navbar-nav .nav-link:hover
 {
    color:var(--red-color);
 }
  
 
 .navbar .navbar-toggler[aria-expanded="true"]
 {
    color: var(--red-color);
 }
 
 .dropdown-menu[data-bs-popper]#first-menu ,
 .dropdown-menu[data-bs-popper]#third-menu
 {
    top: 85%;
    left: -86px;
    margin-top: 1.6rem;
 } 
 .dropdown-menu[data-bs-popper]#second-menu {
    top: 85%;
    left: -154px;
    margin-top: 1.6rem;
 } 
  
 .dropdown-menu {
   
   padding: 0.5rem 0;
   margin: 0;
   font-size: 13px;
   color: #212529;
   text-align: right;
   background-color: #FFFFFF;
   background-clip: padding-box;
  
   border-radius: 0.25rem;
   box-shadow: 0px 8px 20px #00000017;
 }
 .arrow-down
 {
   font-size: 10px;
 }
 
 .dropdown-item 
 {
    font-size: 13px;
   font-family: 'Tajawal-Medium'sans-serif;
    
 }
 .dropdown-item:hover
 {
   color: #9C3020;
   box-shadow: none;
   background-color: white;
 
 }
  
 .ul-text
 {
     font-size: 15px;
     font-family: 'Tajawal-Medium'sans-serif;
      
   
 }
 
 
 .lang-style
 {
     background-color: var(--gray-color);
     border-color: var(--gray-color);
     border: none;
     font-size: 15px;
    font-family: 'Tajawal-Medium',sans-serif;
    
 }
 .lang-style:hover,
 .lang-style:focus,
 .lang-style:target
 {
     background-color: var(--gray-color);
     border-color: var(--gray-color);
     box-shadow: none;
     border: none;
     
 }
 
 .nav-list-margin
 {
    padding-right: 0;
 }
 .news-btn-search
 {
     color: var(--white-color);
     width: 35px;
     height: 35px;
     display: flex;
     justify-content: center;
     align-items: center;
     background:#CCCCCC 0% 0% no-repeat padding-box;
   
     border-radius: 60px;
       
 }
 .form-control
 {
    border-radius: 41px;
    padding: 0.7rem 1.75rem;
  
    box-shadow: 0px 1px 1px #00000017;
  
  
 }
 .body-pading-value 
 {
    padding: 0;
  
 }
 .border-radius-content
 {
    border-radius: 41px;
 }
 .modal-margin-dialog
 {
    margin-top: 5.8rem;
  
 }
 .offcanfas-padding
  {
     /* padding-right: 2rem; */
     display: flex;
     /* justify-content: left; */
     align-items: center;
  }
  
  .extra-menu-left
  {
    left: -100%;
    top: 70%;
    background-color: white;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 20px #00000017;
  }
 
  .dropdown-item:hover .extra-menu-hover .show-menu
  {
     display: block;
  }
  .dropdown-menu li {
    position: relative;
    }
    .dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    right: 100%;
    top: 9px;
    }
    .dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
    }
    .dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
    }
     
    .search-img-style
    {
       width: 35px;
       height: 35px;
      
    }

    .search-btn-style
    {
       border: unset;
       left: 0;
       border-radius: 25px;
       padding: 0.4rem;
       background-color: unset;
    }
    .search-style::placeholder {
       color: black;
       font-size: 16px;
       font-family: 'Tajawal-Medium',sans-serif;
       opacity: 1; /* Firefox */
     }
    .menu-active
    {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 999;
    }
    .bg-color
    {
      background-color:  var(--gray-color);
    }
    
     
 /*------------navbar-------------------------------------end---------------------------------*/
 
 @media (max-width: 991px)
{
      .dropdown-menu 
   {
      background-color:  var(--gray-color);
      border: none;
   } 
   .pading-style
   {
      padding-right: 138px;
   }
   .dropdown-menu[data-bs-popper] 
   {
      
      margin-top: 0.3rem;
   }
   .pading-space 
   {
   padding-bottom: 40px;
   }
   .pading-space-rigth 
   {
   padding-right: 0.7rem;
   }
   .dropdown-menu[data-bs-popper]#first-menu, .dropdown-menu[data-bs-popper]#third-menu
   {
      margin-top: 0;
   }
   .offcanvas-header
   {
      background-color: #F4F5EF; 
   }
   .dropdown-menu .dropdown-submenu
   {
      right: 0%;
      top: 35px;
      width: 100%;
      box-shadow: 0px 8px 8px #00000017;
      border-radius: 0 0 10px 10px;
      padding-right: 33px;
   }

}