.pPbHey {
  width: 100%;
  height: auto;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
.llmXEC {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  padding-top: var(--dl-space-space-tenunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-tenunits);
  background-size: cover;
  justify-content: center;
  background-image: url("public/playground_assets/main_2000.png");
  background-repeat: no-repeat;
  background-position: center;
}
.BynzyJ {
  width: 100%;
  display: flex;
  max-width: var(--dl-size-size-maxcontent);
  margin-top: var(--dl-space-space-fiveunits);
  align-items: center;
  padding-top: var(--dl-space-space-tenunits);
  padding-left: var(--dl-space-space-tripleunit);
  margin-bottom: var(--dl-space-space-fiveunits);
  padding-right: var(--dl-space-space-tripleunit);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-tenunits);
  justify-content: center;
}
.dwpUvQ {
  width: 600px;
  object-fit: cover;
}
.sjrQFg {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.isEAHA {
  color: var(--dl-color-gray-white);
  width: 50%;
  font-size: 32px;
  font-style: normal;
  text-align: center;
  font-family: Roboto;
  font-weight: 400;
}
.jXepYr {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #07060b;
}
.oviiEa {
  width: 100%;
  display: flex;
  max-width: 1200px;
  align-items: center;
  padding-top: var(--dl-space-space-tenunits);
  padding-left: var(--dl-space-space-tripleunit);
  padding-right: var(--dl-space-space-tripleunit);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-tenunits);
  justify-content: flex-start;
}
.XsuGft {
  color: #14a1dd;
  text-align: center;
  margin-bottom: var(--dl-space-space-fourunits);
}
.JOMnYj {
  color: var(--dl-color-gray-white);
  text-align: center;
}
.AWBcwz {
  width: 100%;
  display: flex;
  max-width: 1200px;
  align-items: center;
  padding-top: var(--dl-space-space-tenunits);
  padding-left: var(--dl-space-space-tripleunit);
  padding-right: var(--dl-space-space-tripleunit);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-tenunits);
}
.cdgAxk {
  width: 45%;
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-space-space-fiveunits);
  flex-direction: column;
}
.YFJwIY {
  text-align: center;
  margin-bottom: var(--dl-space-space-fourunits);
}
.XPnEPC {
  width: 100%;
  display: flex;
  max-width: var(--dl-size-size-maxcontent);
  align-items: flex-start;
  margin-bottom: var(--dl-space-space-fiveunits);
  flex-direction: row;
  justify-content: space-between;
}
.bzMrLV {
  flex: 0 0 auto;
  width: 30%;
  height: 400px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.MJqIYn {
  flex: 0 0 auto;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-size: cover;
  background-image: url("public/playground_assets/cro_small-1200w.webp");
}
.LNEwZx {
  flex: 1;
  width: 100%;
  height: auto;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: var(--dl-color-gray-500);
}
.BCmMeR {
  color: var(--dl-color-gray-900);
}
.ZlHsyR {
  flex: 0 0 auto;
  width: 30%;
  height: 400px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.hlJnpZ {
  flex: 0 0 auto;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-size: cover;
  background-image: url("public/playground_assets/marketing_small-1200w.webp");
}
.kuvzQx {
  flex: 1;
  width: 100%;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: var(--dl-color-gray-500);
}
.UEydzn {
  color: var(--dl-color-gray-900);
}
.SCkIiZ {
  flex: 0 0 auto;
  width: 30%;
  height: 400px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.docjNb {
  flex: 0 0 auto;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-size: cover;
  background-image: url("public/playground_assets/web-dev_small-1200w.webp");
}
.AjWIEY {
  flex: 1;
  width: 100%;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: var(--dl-color-gray-500);
}
.SvfViW {
  color: var(--dl-color-gray-900);
}
.bNkDOM {
  width: 100%;
  display: flex;
  max-width: var(--dl-size-size-maxcontent);
  align-items: flex-start;
  margin-bottom: var(--dl-space-space-fiveunits);
  flex-direction: row;
  justify-content: space-between;
}
.vMZedF {
  flex: 0 0 auto;
  width: 30%;
  height: 400px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.FVpLst {
  flex: 0 0 auto;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-size: cover;
  background-image: url("public/playground_assets/maintenance_small-1200w.webp");
}
.pEBWHa {
  flex: 1;
  width: 100%;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: var(--dl-color-gray-500);
}
.AYARSX {
  color: var(--dl-color-gray-900);
}
.ebDcWt {
  flex: 0 0 auto;
  width: 30%;
  height: 400px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.VEbczh {
  flex: 0 0 auto;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-size: cover;
  background-image: url("public/playground_assets/marketing-consulting_small-1200w.webp");
}
.TqMMPS {
  flex: 1;
  width: 100%;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: var(--dl-color-gray-500);
}
.cFRdrT {
  color: var(--dl-color-gray-900);
}
.mVHaAP {
  flex: 0 0 auto;
  width: 30%;
  height: 400px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.MfcKYR {
  flex: 0 0 auto;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-size: cover;
  background-image: url("public/playground_assets/research_small-1200w.webp");
}
.gedbxS {
  flex: 1;
  width: 100%;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: var(--dl-color-gray-500);
}
.vXdXsB {
  color: var(--dl-color-gray-900);
}
.PlvwJj {
  width: 100%;
  display: flex;
  max-width: var(--dl-size-size-maxcontent);
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}
.DQhTwj {
  flex: 0 0 auto;
  width: 30%;
  height: 400px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.XSIwoz {
  flex: 0 0 auto;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-size: cover;
  background-image: url("public/playground_assets/control_small-1200w.webp");
}
.eOsrMP {
  flex: 1;
  width: 100%;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: var(--dl-color-gray-500);
}
.qOLBqn {
  color: var(--dl-color-gray-900);
}
.jpJkyl {
  flex: 0 0 auto;
  width: 30%;
  height: 400px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.lxPTAj {
  flex: 0 0 auto;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-size: cover;
  background-image: url("public/playground_assets/traffic_small-1200w.webp");
}
.JNMNCj {
  flex: 1;
  width: 100%;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: var(--dl-color-gray-500);
}
.UYqxbF {
  color: var(--dl-color-gray-900);
}
.qdwHHu {
  flex: 0 0 auto;
  width: 30%;
  height: 400px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.YfyBHD {
  flex: 0 0 auto;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-size: cover;
  background-image: url("public/playground_assets/guidance_small-1200w.webp");
}
.YSYwsB {
  flex: 1;
  width: 100%;
  display: flex;
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: var(--dl-color-gray-500);
}
.hEHXYD {
  color: var(--dl-color-gray-900);
}
.bQVajt {
  width: 100%;
  display: flex;
  max-width: 1200px;
  align-items: center;
  padding-top: var(--dl-space-space-tenunits);
  padding-left: var(--dl-space-space-tripleunit);
  padding-right: var(--dl-space-space-tripleunit);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-tenunits);
}
.hwDujs {
  width: 45%;
  display: flex;
  align-items: center;
  padding-left: var(--dl-space-space-tripleunit);
  margin-bottom: var(--dl-space-space-fiveunits);
  padding-right: var(--dl-space-space-tripleunit);
  flex-direction: column;
}
.BXPiuN {
  text-align: center;
  margin-bottom: var(--dl-space-space-fourunits);
}
.vEqgkm {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: var(--dl-space-space-fiveunits);
  flex-direction: row;
  justify-content: space-between;
}
.UczGPk {
  width: 30%;
  display: flex;
  padding: var(--dl-space-space-fourunits);
  align-items: center;
  flex-direction: column;
}
.jPTLJu {
  width: 100px;
  object-fit: cover;
  margin-bottom: var(--dl-space-space-fiveunits);
}
.pZocRI {
  color: var(--dl-color-gray-700);
}
.GcaUHT {
  width: 30%;
  display: flex;
  padding: var(--dl-space-space-fourunits);
  align-items: center;
  flex-direction: column;
}
.iCfxFf {
  width: 100px;
  object-fit: cover;
  margin-bottom: var(--dl-space-space-fiveunits);
}
.NhyVJN {
  color: var(--dl-color-gray-700);
}
.KATAtc {
  width: 30%;
  display: flex;
  padding: var(--dl-space-space-fourunits);
  align-items: center;
  flex-direction: column;
}
.COturn {
  width: 100px;
  object-fit: cover;
  margin-bottom: var(--dl-space-space-fiveunits);
}
.BZGlNF {
  color: var(--dl-color-gray-700);
}
.qnPsRX {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}
.MIECfL {
  width: 30%;
  display: flex;
  padding: var(--dl-space-space-fourunits);
  align-items: center;
  flex-direction: column;
}
.BAISki {
  width: 100px;
  object-fit: cover;
  margin-bottom: var(--dl-space-space-fiveunits);
}
.dNbSMH {
  color: var(--dl-color-gray-700);
}
.LHFLUz {
  width: 30%;
  display: flex;
  padding: var(--dl-space-space-fourunits);
  align-items: center;
  flex-direction: column;
}
.TLDcMN {
  width: 100px;
  object-fit: cover;
  margin-bottom: var(--dl-space-space-fiveunits);
}
.YmQVbq {
  color: var(--dl-color-gray-700);
}
.TMNuys {
  width: 30%;
  display: flex;
  padding: var(--dl-space-space-fourunits);
  align-items: center;
  flex-direction: column;
}
.ltVOPd {
  width: 100px;
  object-fit: cover;
  margin-bottom: var(--dl-space-space-fiveunits);
}
.sSdBvp {
  color: var(--dl-color-gray-700);
  text-align: center;
}
.kmHDSU {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #07060b;
}
.ehqMhI {
  width: 100%;
  display: flex;
  max-width: 1200px;
  align-items: center;
  padding-top: var(--dl-space-space-tenunits);
  padding-left: var(--dl-space-space-tripleunit);
  padding-right: var(--dl-space-space-tripleunit);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-tenunits);
  justify-content: flex-start;
}
.BEUoAq {
  color: #14a1dd;
  text-align: center;
  margin-bottom: var(--dl-space-space-fourunits);
}
.zahUby {
  width: 600px;
  text-align: center;
  color: var(--dl-color-gray-white);
}
.ziFWot {
  width: 100%;
  display: flex;
  align-self: stretch;
  margin-top: var(--dl-space-space-fiveunits);
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.index-form-container {
  width: 40%;
  display: flex;
  align-self: stretch;
  align-items: center;
  border-radius: var(--dl-radius-radius-radius8);
  flex-direction: column;
}
.index-name {
  width: 100%;
  border: none;
  padding-top: var(--dl-space-space-doubleunit);
  padding-left: var(--dl-space-space-tripleunit);
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: var(--dl-space-space-doubleunit);
  padding-right: var(--dl-space-space-tripleunit);
  padding-bottom: var(--dl-space-space-doubleunit);
}
.index-email {
  width: 100%;
  border: none;
  padding-top: var(--dl-space-space-doubleunit);
  padding-left: var(--dl-space-space-tripleunit);
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: var(--dl-space-space-doubleunit);
  padding-right: var(--dl-space-space-tripleunit);
  padding-bottom: var(--dl-space-space-doubleunit);
}
.index-message {
  width: 100%;
  border: none;
  height: 140px;
  padding-top: var(--dl-space-space-doubleunit);
  padding-left: var(--dl-space-space-tripleunit);
  border-radius: var(--dl-radius-radius-radius8);
  margin-bottom: var(--dl-space-space-fourunits);
  padding-right: var(--dl-space-space-tripleunit);
  padding-bottom: var(--dl-space-space-doubleunit);
}
.index-cta-btn {
  color: var(--dl-color-gray-white);
  text-align: center;
  padding-top: var(--dl-space-space-unit);
  padding-left: var(--dl-space-space-tenunits);
  border-radius: var(--dl-radius-radius-radius24);
  padding-right: var(--dl-space-space-tenunits);
  padding-bottom: var(--dl-space-space-unit);
  background-color: transparent;
}
.XolghZ {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #07060b;
}
.MKMCBo {
  width: 100%;
  display: flex;
  max-width: var(--dl-size-size-maxcontent);
  align-items: center;
  padding-top: var(--dl-space-space-tripleunit);
  padding-left: var(--dl-space-space-tripleunit);
  padding-right: var(--dl-space-space-tripleunit);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-tripleunit);
  justify-content: space-between;
}
.xDUKax {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.CAJSvJ {
  color: var(--dl-color-gray-900);
}
.wvCxDU {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.BbPeEE {
  color: var(--dl-color-gray-900);
  margin-right: var(--dl-space-space-fiveunits);
  text-decoration: none;
}
.gTIzjU {
  color: var(--dl-color-gray-900);
  text-decoration: none;
}
@media(max-width: 1200px) {
  .AWBcwz {
    flex-wrap: wrap;
  }
  .bQVajt {
    flex-wrap: wrap;
  }
}
@media(max-width: 991px) {
  .llmXEC {
    flex-direction: column-reverse;
  }
  .BynzyJ {
    flex-direction: column;
  }
  .sjrQFg {
    width: 80%;
  }
  .isEAHA {
    width: 100%;
  }
  .XPnEPC {
    flex-direction: column;
  }
  .bzMrLV {
    width: 100%;
    margin-bottom: var(--dl-space-space-fiveunits);
  }
  .ZlHsyR {
    width: 100%;
    margin-bottom: var(--dl-space-space-fiveunits);
  }
  .SCkIiZ {
    width: 100%;
  }
  .bNkDOM {
    flex-direction: column;
  }
  .vMZedF {
    width: 100%;
    margin-bottom: var(--dl-space-space-fiveunits);
  }
  .ebDcWt {
    width: 100%;
    margin-bottom: var(--dl-space-space-fiveunits);
  }
  .mVHaAP {
    width: 100%;
  }
  .PlvwJj {
    flex-direction: column;
  }
  .DQhTwj {
    width: 100%;
    margin-bottom: var(--dl-space-space-fiveunits);
  }
  .jpJkyl {
    width: 100%;
    margin-bottom: var(--dl-space-space-fiveunits);
  }
  .qdwHHu {
    width: 100%;
  }
  .vEqgkm {
    justify-content: center;
  }
  .qnPsRX {
    justify-content: center;
  }
  .index-form-container {
    width: 60%;
  }
}
@media(max-width: 767px) {
  .oviiEa {
    padding-left: var(--dl-space-space-fiveunits);
    padding-right: var(--dl-space-space-fiveunits);
  }
  .cdgAxk {
    width: 100%;
  }
  .XPnEPC {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
  }
  .bNkDOM {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
  }
  .PlvwJj {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
  }
  .hwDujs {
    width: 100%;
  }
  .vEqgkm {
    flex-direction: column;
    justify-content: space-between;
  }
  .UczGPk {
    width: 100%;
  }
  .GcaUHT {
    width: 100%;
  }
  .KATAtc {
    width: 100%;
  }
  .qnPsRX {
    flex-direction: column;
    justify-content: space-between;
  }
  .MIECfL {
    width: 100%;
  }
  .LHFLUz {
    width: 100%;
  }
  .TMNuys {
    width: 100%;
  }
  .ehqMhI {
    padding-left: var(--dl-space-space-fiveunits);
    padding-right: var(--dl-space-space-fiveunits);
  }
  .zahUby {
    text-align: center;
  }
  .ziFWot {
    width: 100%;
    flex-direction: column;
  }
  .index-form-container {
    width: 100%;
  }
  .MKMCBo {
    flex-direction: column-reverse;
  }
  .wvCxDU {
    margin-bottom: var(--dl-space-space-fiveunits);
  }
}
@media(max-width: 479px) {
  .llmXEC {
    padding-top: var(--dl-space-space-fourunits);
    padding-bottom: var(--dl-space-space-fourunits);
  }
  .BynzyJ {
    padding-top: var(--dl-space-space-fiveunits);
    padding-bottom: var(--dl-space-space-fiveunits);
  }
  .dwpUvQ {
    width: 100%;
  }
  .sjrQFg {
    width: 100%;
  }
  .AWBcwz {
    padding-top: var(--dl-space-space-fiveunits);
    padding-bottom: var(--dl-space-space-fiveunits);
  }
  .bQVajt {
    padding-top: var(--dl-space-space-fiveunits);
    padding-bottom: var(--dl-space-space-fiveunits);
  }
  .BXPiuN {
    text-align: center;
  }
  .ziFWot {
    padding-left: 0px;
  }
  .index-form-container {
    padding: var(--dl-space-space-tripleunit);
    margin-right: 0px;
  }
}