/* *{
  box-sizing: border-box;
  margin:0;
  padding:0;
} */
body,html{
  font-family:"Inter", sans-serif;
  font-size:20px;
  line-height: 1.8;
  word-spacing: 1px;
  color:#fff;
  background-color:#160202;
  /* margin:3rem:0 !important; */
}
hr{
  background-color:#fff;
  width:30rem;
  height:3px;
  opacity:100%;
  margin: auto;
  border:none;
}
.flex-container{
  display: flex;
  gap:1rem;
  justify-content:center;
  align-items: center;
  margin-top:1rem;
}
.list-item{
  list-style: none;
  font-weight:bold;
}
.list-item .btn:active,.list-item .btn:link{
  color:#fff !important;
}
.list-item .btn:visited{
  color:#F27171;
}
.list-item .btn:hover{
  color:#F09393;
}
.home-container{
  margin-top:5rem;
  text-align: center;
}
.home-container > p{
  width: 700px;
  font-weight: lighter;
  font-size: 25px;
  /* line-height: 1.3; */
  margin: auto;
}
.company-list{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  /* text-align: center; */
  margin-top:50px;
}
.company-list p{
  text-align:center;
}
/* ol.company-list-item{
  text-align:center;
} */
.my-work,.contact{
  margin-top:5rem;
}
.work-layout{
  margin-top:2rem;
}
.work-layout h2{
  font-weight: lighter;
  text-align:center;
  padding:20px 0;
}
.img-container{
  display:flex;
  justify-content: center;
  align-items: center;
  gap:2rem;
}
.card{
  background-color:#F0F1EC;;
}
.card a{
  text-decoration: none;
  color:#160202;
}
.card-img-top{
  padding:10px;
}
.card-body{
  padding-top:0;
}
.card-text{
  font-size:20px;
  font-weight: lighter;
  text-align:center;
}
.contact-text{
  text-align: center;
  font-weight: lighter;
  padding-top:2rem;
}
.contact-text >p{
  margin-bottom: 0;
}
.my-contact-info{
  display: flex;
  justify-content: center;
  align-items: center;
  gap:1rem;
  margin-bottom: 50px;
}
#form{
  width:800px;
  margin:auto;
  /* margin-top:5rem; */
}
.form-label {
    margin-bottom: 0;
}
.form-control{
  background-color:#D9D9D9;
  border-radius:0;
}
label{
  font-weight: normal;
}
label span{
  color:#F27171;
}
input[type="text"]{
  width:334px;
  height:42px;
}
input:focus{
  outline:#F27171!important;
  border: 1px solid #F27171;
}
textarea{
  height:146px;
width: 750px !important;
}
.btn-primary{
  width:750px;
  height:68px;
  border-radius: 10px;
  background-color:#F27171;
  border:none;
  /* transition: all .4s ease-in-out;  */
}
div > button:hover{
  background-color:#F09393 !important;
  color:#160202 !important;
}
.arrow{
  display:flex;
  justify-content: space-between;
}
.back-to-home > a{
  color:#fff;
  font-size:2rem;
}
.down-to-contact  > a{
  color:#fff;
  font-size:2rem;
}
.thanks-you-page,.message{
  display:grid;
  grid-template-columns:1fr;
  align-items: center;
  margin: 4rem auto;
  width:600px;
  padding: 2rem;
  color:#000;
  background-color: #fff;
}
footer div{
  font-size:11px;
  text-align:center;
  margin-top:3rem;
  border-top:2px solid white;
  padding-top:.5rem;
}
/* footer div::after{
  content:"";
  border-top: 2px solid white;
} */