/* body
 {
  font-family:sans-serif;
  background: #dde1e7;
  min-height: 100vh;
} */



/* Section 5 */
.section5 .center,.content
{

  position: absolute;
  /* top:70%;
  left:70%;
  transform:translate(-50%,-50%); */
}
.section5 .click-me
{
  display:block;
  width:160px;
  height:50px;
  background: #dde1e7;
  box-shadow: -3px -3px 7px #fffdfdcc,3px 3px 5px rgba(94, 104, 121, 0.342);
  text-align:center;
  font-size:22px;
  line-height:50px;
  cursor:pointer;
}
.section5 #click
{
  display:none;
}
.section5 .click-me:hover
{
  color: #0a5878;
}
.section5 .content
{
  height: 600px;
  visibility:hidden;  
  width: 600px;
  height: auto;
  background: #dde1e7;
  padding: 30px 35px 40px;
  box-sizing: border-box;
  border-radius: 5px;
}
.section5 #temp
{
  position:absolute;
  right:10px;
  top:20px;
  font-size:25px;
  background: #dde1e7;
  padding: 3px;
  padding-left: 11px;
  padding-right: 11px;
  border-radius: 50%;
  cursor:pointer;
}
.section5 #click:checked~.content
{
  opacity:1;
  visibility:visible;
}
.section5 .text
{
  font-size: 30px;
  color: #000000;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
}
.section5 form
{
  margin-top: 0px;
}
.section5 label
{
  display: block;
  margin-top: 30px;
  font-size: 16px;
  font-weight: 500;
}
.section5 input
{
  display: block;
  height: 43px;
  width: 100%;
  background-color: rgba(255,255,255,0.07);
  border-radius: 3px;
  border: none;

  margin-top: 8px;

  font-size: 14px;
  font-weight: 300;
}
.section5 ::placeholder
{
  color: #4b4e4d;
  padding-left: 10px;
}
.section5 button
{
  width: 100%;
  margin-top: 35px;
  padding: 12px;
  background: #dde1e7;
  border: none;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 32px;
}

.filterDiv {
  display: none; /* Hidden by default */
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

/* Add a light grey background on mouse-over */
.btn:hover {
  background-color: #ddd;
}

/* Add a dark background to the active button */
.btn.active {
  background-color: #666;
  color: white;
}