*{
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  list-style: none;
  text-decoration: none;
}
body{
  width: 100%;
  height: 100vh;
}
nav{
  height: 8vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 4vw;
}
.img-sec{
  display: flex;
  gap:20px;
  height: auto;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
}
.img-sec span{
  display: flex;
}
.list-sec{
   display: flex;
   gap:15px;
}
.list-sec li{
  color: rgb(34, 34, 34);
  font-size: 14px;
  font-weight: 600;
}
.nav-last{
  width: 5%;
  display: flex;
  font-size: 15px;
  font-weight: 500;
}
main{
  padding-inline: 4vw;
  padding-bottom: 20px;
}
.hr-sec{
  height:100vh;
  width:100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.img-sec2{
  width:60%;
  height:90vh;
}
.img-sec2 img{
  width: 100%;
  height: 100%;
}
.text-sect{
  width: 30%;
  height: 70%;
  position: relative;
}
#SP
{
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.text-sect button{
  margin-top: 20px;
  border: none;
  display: flex;
  align-items: center;
  border-radius: 20px;
  padding: 10px 15px;
  background-color: #01614f;
}
.hr-bt{
  width: 100%;
  height: 10vh;
  border: 1px solid grey;
  display: flex;
  align-items: center;
}
.hr-bt div{
  width: 20%;
  border-right:0.5px solid lightgrey;
  text-align: center;
}
.hr-bt div h5{
  color: #058870;
}
.hr-bt div p{
  font-size: 16px;
  line-height: 25px;
}