@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Outfit:wght@100..900&family=Playpen+Sans:wght@100..800&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap");

body {
  font-family: "Outfit", serif;
  background-color: #020223;
  color: white;
}

html {
  scroll-behavior: smooth;
}

.titillium-web {
  font-family: "Titillium Web", serif;
}

.playpen-sans {
  font-family: "Playpen Sans", serif;
}

.dm-sans {
  font-family: "DM Sans", serif;
}

/* SECTIONS */
.sec_1 {
  background: url("https://fastcdn.workforceai.in/megabundle/assets/mega-sec1.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec_2 {
  background: url("https://fastcdn.workforceai.in/megabundle/assets/mega-sec2.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec_3 {
  background: url("https://fastcdn.workforceai.in/megabundle/assets/mega-sec3.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.sec_7 {
  background: url("https://fastcdn.workforceai.in/megabundle/assets/mega-sec7.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.text-grad1 {
  background: linear-gradient(90deg, #f6f388 0%, #ffbfe6 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sec2-minibg {
  background: linear-gradient(90deg, #f56fc0 0%, #feab2f 100%);
  border: 2.674px solid rgba(94, 110, 251, 0.3);
  border-radius: 23px;
}

.btn1 {
  border: 4px solid #fff;
  background: linear-gradient(89deg, #1027fb -1.94%, #f56fc0 100%);
  box-shadow: 0px 30px 60px 7px rgba(0, 0, 0, 0.25);
}

.bg-grad1 {
  border-radius: 109.186px;
  background: linear-gradient(90deg, #ee83f9 0%, #f9d778 76.5%, #fdf151 100%);
  backdrop-filter: blur(14.429044723510742px);
}

.bg-grad2 {
  border-radius: 15.357px;
  background: linear-gradient(
      180deg,
      rgba(27, 27, 57, 0) 0%,
      rgba(254, 171, 47, 0.4) 100%
    ),
    #1b1b39;
}