*{

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

body{

  padding: 0.1%;

  background: #f6f6f6;

}

.con{

  width: 95%;

  margin: 5% 2.5% 10%;

  padding: 5%;

  border-radius: 10px;

  background: #fff;

  box-shadow: 1px 1px 10px #777;

}

.text-bg{

  background: #f0f0f0;

  padding: 3% 2%;

  margin: 1.5% 0;

  display: flex;

  flex-direction: column;

  justify-content: start;

}

.text-bg img{

  border-radius: 3px;

}

.text-left{

  text-align: left;

  padding-left: 2%;

}

.item{

  margin: 2% 0;

}

.text-bg p{

  margin: 10% 0 4%;

  color: #444;

}

h3{

  color: #444;

  font-size: 1.3rem;

  font-weight: 600;

}

.fluid{

  width: 100%;

}

.btn-primary{

  background: #4267B2;

}

.box{
  display: grid;
  justify-content: center;
  align-items: center;
  height: 100vh;
  /* width: 100vw; */
}

.thank{
  border-radius: 15px;
  background: #f0f0f0;
  padding: 3%;
  position: relative;
  width: 400px;
  /* overflow: hidden; */
}

.thank .blue{
  height: 5px;
  background: #00f;
  width: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.thank .fa-solid{
  font-size: 5rem;
  color: #fc8403;
  position: absolute;
  top: -17%;
  left: 50%;
  transform: translateX(-50%);
}

.thank h2{
  padding: 1%;
  margin: 10% 1% 5%;
  font-weight: 700;
  color: #555;
}

.thank p{
  margin: 5% 0;
}

.thank .btn{
  color: #fff;
  padding: 2%;
  margin: 1% 0 6%;
  display: inline-block;
  font-weight: 600;
  font-size: 1rem;
  width: 80%;
  background: #fc8403;
  transition: all 1s ease-in-out;
}

.thank .btn:hover{
  background: rgba(191, 104, 5, 0.8);
}


footer{

  background: #4267B2;

  height: 5vh;

  width: 100%;

}