.header{ 
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; 
      z-index: 9;
      .header_top{
        background-color: #364760;
       padding: 10px 0 10px 0;
       .header_topWrappper{
        display: flex;
        justify-content: space-between;
         .topHeader_left{
            h5{
                display: inline-block;
                padding-right: 20px;
                font-size: 14px;
                color: $white;
                font-weight: 400;
                i{
                    font-size: 17px;
                }
            }
         }
         .topHeader_right{
            .icon{
                ul{
                    li{
                        display: inline-block;
                        padding-left: 10px;
                        a{
                            i{
                                font-size: 21px;
                                height: 30px;
                                width: 30px;
                                border: 1px solid $white;
                                border-radius: 5px;
                                text-align: center;
                                line-height: 29px;
                                color: $white;
                            }
                        }
                    }
                }
            }
         }
       }
      }
      .nav{
        padding: 25px 0; 
        .navBar{
            border-radius: 5px;
            display: flex !important;
            justify-content: space-between !important;   
            align-items: center ;
            z-index: 8;
          .logo{  
             img{
                 width: 150px;
             }
          }
          .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: 400;
                            color: $white; 
                            .droppper{
                                font-size: 16px;
                            }
                            &:hover{
                                color: $black;
                            }
                        }
                        .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: black;
                              }
                     }
                    }
                  }
              }
          }
         .search {
            position: relative
        }
        
        .search form input[type=text] {
            padding: 9px 10px;
            width: 100px;
            height: 40px;
            border-radius: 8px;
            -webkit-transition: width .35s ease-in-out;
            transition: width .35s ease-in-out;
            border: 1px solid #b2b2b3;
            background-color:#ffffff;
            background-clip: padding-box;
            &::placeholder{
              font-size: 13px;
              color: #868686;
              font-weight: 400;
          }
        }
        
       .search form input[type=text]:focus {
            width: 220px;
            border: 1px solid #b2b2b3;
        }
        
       .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: $black;
            position:absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);

        }
        } 
      }
//       .navNewClass{
//         position: fixed;
//          width: 100%;
//          background-color: $white;
//          top: 0px;
//          left: 0;
//          box-shadow: 1px 1.332px 4px 2px #7c7c7c4d;
//          z-index: 5;
//          transition: all linear .4s; 
//          padding: 5px 0 !important;
//          .navBar{
//            padding: 10px 10px;
//            margin-top: 0px !important;
//          }
// }   
}