index.css

body {
  margin: 0;
  line-height: normal;
}
.p2p-carpooling-dapp {
  position: absolute;
  top: 277px;
  left: 349px;
  text-transform: capitalize;
  display: inline-block;
}
.image-9-icon {
  position: absolute;
  top: 32px;
  left: 45px;
  width: 127px;
  height: 119px;
  object-fit: cover;
}
.publish-a-ride {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 36px;
  letter-spacing: -0.01em;
  line-height: 150%;
  font-weight: 700;
  font-family: Inter;
  color: #fff;
  text-align: left;
  display: inline-block;
}
.frame-div,
.group-div,
.group-div1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 242px;
  height: 54px;
}
.frame-div,
.group-div {
  top: 19px;
  left: 21px;
}
.frame-div {
  top: 661px;
  left: 200px;
  border-radius: 45px;
  background-color: #4eb4ee;
  border: 1px solid rgba(40, 98, 186, 0.54);
  box-sizing: border-box;
  width: 283px;
  height: 91px;
  overflow: hidden;
}
.book-a-ride {
  position: absolute;
  top: 19px;
  left: 41px;
  letter-spacing: -0.01em;
  line-height: 150%;
  display: inline-block;
}
.frame-div1,
.group-div2 {
  position: absolute;
  width: 283px;
  height: 91px;
}
.frame-div1 {
  top: 0;
  left: 0;
  border-radius: 45px;
  background-color: #4eb4ee;
  border: 1px solid rgba(40, 98, 186, 0.54);
  box-sizing: border-box;
  overflow: hidden;
}
.group-div2 {
  top: 661px;
  left: 964px;
  font-size: 36px;
}
.desktop-1 {
  position: relative;
  background: radial-gradient(
    50% 50%at 50% 50%,
    #3668c8,
    rgba(9, 22, 92, 0.91)
  );
  width: 100%;
  height: 1024px;
  overflow: hidden;
  text-align: left;
  font-size: 64px;
  color: #fff;
  font-family: Inter;
}