*{
  overflow-x: hidden;
}
#P_Page h1{
    color:  rgb(22, 117, 155);
    font-weight: bold;
    padding: 30px 5px 5px 30px;
    margin-left: 15px;
    font-family: initial;
    
    
  }
 
  #P_Page {
    background-color: whitesmoke;
  }
  #P_Page p{
    color:  rgb(143, 141, 141);
    font-weight: bold;
    padding: 0px 3px 0px 30px;
    font-family: initial;
    font-style:inherit;
    margin-left: 15px;
  }
  .Searchbar{
    text-align: center;
    padding: 10px 5px 30px 5px;
  }
  .Searchbar input[type=text] {
    padding: 10px;
    width: 230px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
  }
  
  /* When the input field gets focus, change its width to 100% */
  .Searchbar input[type=text]:focus {
    width: 600px;
  }
  .Searchbar:focus {
    border: 4px solid  rgb(22, 117, 155);
  }

#anim_1-Product{
  animation: 1.3s fadeInleft ; 
}
#anim_2-Product{
  animation: 2.3s fadeInTop ;
}

@keyframes fadeInleft {
  0% {
    transform: translateX(100%);
    opacity: 0;
    overflow: hidden;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  overflow: hidden;
  }
}
@keyframes fadeInTop {
  0% {
    transform: translateY(100%);
    opacity: 0;
    overflow: hidden;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  overflow: hidden;
  }
}