.header{ 
      position: fixed;
      top: 0;
      left: 0;
      width: 100%; 
      z-index: 9;
      box-shadow: 1px 1.732px 2px 0px rgba(0, 0, 0, 0.2);
      .nav{
        padding: 5px 0; 
       background-color: $white;
        .navBar{
            border-radius: 5px;
            display: flex !important;
            justify-content: space-between !important;   
            align-items: center ;
            z-index: 8;
          .logo{  
             img{
                 width: 100px;
             }
          }
          .nav_item{
              ul{ 
                    li{
                        padding-right:  30px; 
                        cursor: pointer; 
                        position: relative;
                        display: inline-block;
                        &:hover a{
                           width: 100%; 
                        }  
                        &:hover .sub_down{
                            top: 40px;
                            opacity: 1 !important;
                            margin-top: 0;
                            visibility: visible;
                            padding: 10px 10px 10px 10px;
                        }
            
                        a{
                            font-size: 16px;
                            font-weight: 500;
                            color: #212529; 
                            font-family: $font-1;
                            .droppper{
                                font-size: 16px;
                            }
                            &:hover{
                                color: $primaryColor;
                            }
                        }
                        .sub_down{
                            background-color: $white;
                            border-radius: 10px;
                            padding: 10px 10px 10px 10px;
                            box-shadow: 1px 1.732px 20px 0px rgba(0,0,0,0.3);   
                            -webkit-transition: all 0.3s ease-in-out;
                            transition: all 0.3s ease-in-out;
                            position: absolute;
                            visibility: hidden;
                            display: block;
                            width: 250px; 
                            border: none !important;
                            opacity: 0;
                            top: 70px;
                            left: 0;
                            padding: 0;
                            z-index: 999;
                          li{
                               padding: 10px 10px;
                               width: 100%;
                               &:hover{
                                   background-color: $primaryColor;
                                   width: 100%;
                               } 
                               &:hover a{
                                color: $white ; 
                            } 
                              a{
                                font-size: 17px;
                                font-weight: 400;
                                color: #212529;
                              }
                     }
                    }
                  }
              }
          }
         .search {
            position: relative
        }
        
        .search form input[type=text] {
            padding: 9px 10px;
            width: 240px;
            height: 42px;
            border-radius: 8px;
            border: 1px solid #949494;
            background-color:#ffffff; 
            background-clip: padding-box;
            &::placeholder{
              font-size: 13px;
              color: #868686;
              font-weight: 400;
          }
        }
        
        
       .search form .saerch_icon {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }
        
        .search form .saerch_icon i {
            font-size: 19px;
            color: $primaryColor;
            position:absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);

        }
        } 
      }
}