* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}

.navbar {
  background-color: #fff1f2;
}
#image {
  z-index: -1;
}

body {
  background-color: #fff;
}

/* .geeks {
  padding: 200px;
} */

section {
  width: 100%;
  min-height: 900px;
}

.pattern {
  position: relative;
  background-color: #fff1f2;
  background-image: linear-gradient(316deg,
          #fff1f2 2%, #fff1f2 74%);
}

.pattern:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 350px;
  background: url(
https://media.geeksforgeeks.org/wp-content/uploads/20200326181026/wave3.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.hero_section {
  display: flex ;
  flex-wrap: wrap;
  justify-content: space-between;
}

.hero_sec_tex h1 {
  font-size: 3rem;
}

.hero_sec_tex .tex {
  font-size: 1rem;
  margin-top: 40px;
  margin-bottom: 40px;
}

.buttons {
  display: flex;
}

.google_play {
  display: inline;
  background-color: #fa475d;
  border: none;
  outline: none;
  border-radius: 10px;
  display: flex;
  width: 140px;
  height: 50px;
  align-items: center;
  justify-content: center;
} 

.google_play p {
  font-size: .8rem;
}

.google_play small {
  font-size: .6rem;
}

.google_play_img {
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.breakline {
  display: block;
  margin-top: 15px;
}

.apple {
  display: inline;
  background-color: #fa475d;
  border: none;
  outline: none;
  border-radius: 10px;
  display: flex;
  width: 140px;
  height: 50px;
  align-items: center;
  margin-left: 30px;
}

.apple p {
  font-size: .8rem;
}

.apple small {
  font-size: .6rem;
}

.apple_img {
  height: 40px;
  width: fit-content;
  display: inline;
}

.img_1 {
  width: 190px;
  transform: rotate(-20deg);
}

.img_2 {
  width: 190px;
  transform: rotate(20deg);
}

.second {
  margin: 50px 0 0 200px ;
  display: flex;
  justify-content: space-between;
}

.langimg {
  height: 80%;
  transform: rotate(-20deg);
}

.some_text {
  margin-left: 100px;
}
.appscreen {
  background-color: #fff1f2;
}
.getcolor {
  position: relative;
  background-image: url('../images/wave.png');
  height: 400px;
  width: 100%;
  background-repeat: no-repeat;
  margin-top: 70px;
  background-size: cover;
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.para {
    color: #fff;
    position: absolute;
    bottom: 16px;
    left: 30px;
}
.parag {
  color: #fff;
  position: absolute;
  bottom: 16px;
  right: 30px;
}
.imlink1 {
  height: 58px;
  width: 58px;
}
.imlink2 {
  height: 58px;
  width: 58px;
}
.imlink3 {
  height: 58px;
  width: 58px;
}
.imlink4 {
  height: 58px;
  width: 58px;
}
.unord {
  text-decoration: none;
  list-style-type: none;
  position: absolute;
  top: 65%;
  left: 41%;
}