// .header{
//   position: fixed;
//   top: 0;
//   left: 0;
//   width: 100%;
//   z-index: 3;
// }
.header_top{
    padding: 8px 0;
    border-bottom: 1px solid #f3f3f367;
    .headerTop_left{
      display: flex;
      align-items: center;
      justify-content: space-between;
      ul{
        li{
          display: inline-block;
          padding-right: 20px;
          border-right: 1px solid #f3f3f367;
          &:last-child{
             border-right: 1px solid transparent;
          }
          a{
            font-size: 14px;
            font-weight: 500; 
            color: #ffffffd7;
            i{
              color: $white;
              margin-right: 5px;
            }
          }
        }
      }
      .linker_icon{
        padding-left: 25px;
        display: flex;
        align-items: center;
        a{
          i{
            font-size: 18px;
            height: 30px;
            width: 30px;
            border-radius: 6px;
            border: 1px solid #ffffff;
            background-color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right:8px ;
          }
          .fb{
            color: #3b5998;
            // border: 1px solid #3b5998;
          }
          .tr{
            color: #00acee;
            // border: 1px solid #00acee;
          }
          .ins{
            color: #4c68d7;
            // border: 1px solid #4c68d7;
          }
          .youtb{
            color: #CD201F;
            // border: 1px solid #CD201F;
          }
        }
      }
    }
}
.header_main{
    padding: 10px 0;
   .header_wrapper{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .header_logo{
       width: auto;  
       height: 60px;
       display: flex;
       align-items: center;
       justify-content: center;
       img{
          width: 100%;
          height: 100%;
          object-fit: contain;
       }
    } 
    .nav_list{
      ul{
         li{
             position: relative;
             cursor: pointer;
             &:hover .sub_down{
                 top: 36px;
                 opacity: 1;
                 margin-top: 0;
                 visibility: visible;
                 padding: 10px 10px 10px 10px;
             } 
             display: inline-block;
             padding-right: 25px;
             a{
                 color: $white;
                 font-weight: 400;
                 font-size: 17px;
             }
             i{
              color: $white;
             }
             .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: 200px;
                 border: none !important;
                 opacity: 0;
                 top: 43px;
                 right: 0;
                 padding: 0;  
                 z-index: 10;
               li{
                    padding: 5px 10px;
                    width: 100%;
                    cursor: pointer;
                    &:hover{
                        background-color: #dad6d6;
                        width: 100%;
                    } 
                   a{
                     font-size: 15px;
                     color: $black;
                     font-weight: 400;
                   }
               }
          }
         }
      }
   }
    .get_btn{
      a{
        padding: 10px 25px;
        background-color:$white;
        color: $primaryColor;
        font-weight: 400;
        font-size: 16px;
        border-radius: 35px;
        i{
          margin-left: 5px;
        }
      }
    }
   }
}

.headerNewClass{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  box-shadow: 0 0 15px #e1e1e1;
  background-color: $white;
  animation: myMoves .9s;
  .header_logo{
    height: 50px !important;
 } 
 .header_wrapper{
  .nav_list{
    ul{
       li{
           a{
               color: $black;
               font-weight: 400;
               font-size: 17px;
           }
           i{
            color: $black;
           }
           .sub_down{
             li{
                  padding: 5px 10px;
                  width: 100%;
                  cursor: pointer;
                  &:hover{
                      background-color: #dad6d6;
                      width: 100%;
                  } 
                 a{
                   font-size: 15px;
                   color: $black;
                   font-weight: 400;
                 }
             }
        }
       }
    }
 }
  .get_btn{
    a{
      padding: 10px 25px;
      background-color:$primaryColor;
      color: $white;
    }
  }
 }
 
}

@keyframes myMoves{
  0% {
    top: -50px;
}

100% {
    top: 0px;
}
}

.privet_allart_container{
  position: fixed;
  height: 100vh;
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
  .allert_containet{
    text-align: center;
      .allert_img{
        height: 450px;
        width: 450px;
        display: flex;
        justify-content: center;
        align-items: center;
        img{
          height: 100%;
          width: 100%;
          object-fit: contain;
        }
      }
      .allert_contant{
        font-size: 30px;
        font-weight: 600;
        color: #181818a6;
        text-transform: uppercase;
        padding-top: 15px;
      }
  }
}