@import url("https://fonts.googleapis.com/css2?family=Almarai:wght@300;700;800&family=Happy+Monkey&family=Kanit:wght@200;400;500;700;900&family=VT323&display=swap");
@font-face {
  font-family: "funky";
  src: url("../assets/RoundyRainbows.otf");
}
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  outline: none !important;
  color: #fff;
}

.border-shape {
  background: #ffffff none repeat scroll 0 0;
  color: #fff;
  display: block;
  height: 0px;
  left: 0;
  margin: 20px auto;
  position: relative;
  right: 0;
  text-align: center;
  top: 0;
  width: 80px;
}

.border-shape::before {
  background: #ffffff none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 80px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 100px;
}

.border-shape::after {
  background: #ffffff none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  margin: 0 auto;
  position: absolute;
  right: 80px;
  text-align: center;
  top: 1px;
  width: 100px;
}

/*FOOTER*/
footer {
  width: 100%;
  background: rgba(204, 70, 204, 0.781);
  background: linear-gradient(180deg, rgba(204, 70, 204, 0.9005149241) 0%, rgb(255, 189, 247) 85%);
  color: rgb(49, 49, 49);
  font-family: "kanit";
}

.top_header {
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  margin: auto;
}

.top_header .cont1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.top_header span {
  padding: 0 1rem;
}

.top_header .fa {
  color: #ffffff;
  font-size: 35px;
}

footer .border-shape {
  width: 40%;
}

footer .border-shape::before {
  width: 100%;
  left: 120px;
}

footer .border-shape::after {
  width: 100%;
  right: 120px;
}

footer .bottom_content .cont {
  padding: 1.5rem 2rem;
  display: flex;
  align-items: center;
  justify-content: Center;
}

footer .bottom_content .cont .os2 {
  background-image: url("../assets/os.svg");
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 8px;
}

footer .bottom_content .cont .mm2 {
  background-image: url("../assets/mm.svg");
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 8px;
}

footer .bottom_content .cont .tw2 {
  background-image: url("../assets/twitter.svg");
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 8px;
}

.bottom_content a {
  margin: 0 20px;
  color: rgb(49, 49, 49);
  transition: 0.5s;
}

.bottom_content i {
  font-size: 28px;
  transition: all 0.3s ease;
}
.bottom_content i:hover {
  color: #fff;
}

.bottom_content a:hover {
  color: rgb(133, 127, 127);
}

.copyright {
  padding: 0.8em 0;
  text-align: center;
  color: rgb(49, 49, 49);
  font-size: 14px;
}

@media (max-width: 820px) {
  .top_header {
    padding: 1rem;
    display: block;
  }
  .top_header .cont1 {
    margin: 40px 0;
    align-items: left;
    justify-content: left;
  }
  footer .bottom_content .cont {
    padding: 1rem;
  }
}
.findahsan {
  color: rgb(49, 49, 49);
}
.findahsan:hover {
  text-decoration: underline;
}