nav{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 65px;
  background: #ffffff;
  box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.2);
  z-index: 500;
  /*background-image: linear-gradient(359deg, #05897f, #00446012);*/
}
.navbar{
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
  border:none !important;
  min-height: 100px !important;
  /* justify-content: center; */
}
.logo{
  background: #004076;
  padding-left: 15px;
  /* margin-top: 0px; */
  flex-basis: 250px;
  min-width: 250px;
  height: 65px;
}
.logo img{
    width: 200px;
    height: auto;
    z-index: 10000;
    position: absolute;
}
.search{
  display: flex;
  height: 100%;
  flex-basis: 100%;
  /* width: 100%; */
  justify-content: start;
  align-items: center;
  gap: 5px;
  /* background: #004076; */
  background-image: linear-gradient(84deg, #004076, #4578af, #004076);
}
.category_wrapper{
    display: flex;
    height: 100px;
    flex-basis: 94%;
    justify-content: center;
    align-items: center;
    gap: 25px;
    color: white;
    font-weight: bold;
    width: 100%;
    background: #2264a3;
    /* background-image: linear-gradient(84deg, #004076, #488cd4, #004076); */
    background-image: linear-gradient(57deg, #003c6f, #3f82c8, #004076);
}
.main_wrapper_link{
  font-size: 16px;
}


.breadcrump_entry-wrapper a{
  color: white;
  text-decoration: none;
  font-weight: 100;
  overflow: hidden;
  height: 20px;
  display: block;
}
.breadcrump_child-wrapper-content a{
  color: #3b3b3b;
}
.breadcrump_entry-wrapper {position: relative;/* font-size: 16px; */}
.breadcrump_child-wrapper .breadcrump_entry-wrapper{border-bottom: 1px solid #d5d5d5;padding: 5px 5px 5px 10px;}

.breadcrump_child-wrapper-content a:hover{
  color: #000000;
  text-decoration: none;
}
.main_wrapper_link:hover{
  color: orange;
  text-decoration: none;
}
.breadcrump_child-wrapper.sub_wrapper{
  left: 250px;
}
.breadcrump_child-wrapper{
    width: 250px;
    position: absolute;
    
    top: 100%;
    left: 0;
    height: fit-content;
    
    z-index: 1000;
}
.breadcrump_child-wrapper-content{background: #ffffff;color: #000000;/* padding: 8px 10px 10px 10px; */display: flex;flex-direction: column;margin-top: 8px;gap: 1px;font-size: 14px;box-shadow: 8px 6px 13px 0px #00000038;border: 1px solid #d5d5d5;border-top: none;}
.search form{
  position: relative;
  margin: 0;
}
.search-button{
  background-color: transparent;
  border: none;
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 13pt;
  color: #80808094;
  cursor: pointer;
}
.search-button i{
  transition: color .3s;
}
.search-button i:hover{
  color: orange;
}
#search-input{
  height: 35px;
  text-align: center;
  border-radius: 3px;
  outline: none;
  border: none;
  font-size: 11pt;
  padding: 15px 35px 15px 15px;
  border: 1px solid #e0e0e0;
  transition: .3s width;
}
#search-input:focus{
  width: 50vw;
}
.category-button{
  background-color: white;
  width: 100px;
  height: 40px;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color .3s;
}
.category-button:hover{
  background-color: orange;
}
.category-button-wrapper{
  position: relative;
}
.category-wrapper{
  position: absolute;
  top: 55px;
  background-color: white;
  border: 1px solid black;
  width: 850px;
  height: 400px;
  left: 0;
  padding: 15px;
  overflow-y: scroll;
}
.category-wrapper ul{
  margin: 0;
  padding: 0;
}

.category-list-point{
  list-style: none;
}
.category-list-point a {
  color: black;
  text-decoration: none;
}