.mHQtAG {
  width: 100%;
  height: auto;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  background-color: var(--dl-color-primary-customdarkgrey);
}
.EHBYjR {
  top: 0;
  width: 100%;
  display: flex;
  z-index: 100;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.TuxTLz {
  width: 100%;
  display: flex;
  max-width: 1200px;
  align-items: center;
  padding-top: var(--dl-space-space-doubleunit);
  padding-left: var(--dl-space-space-tripleunit);
  padding-right: var(--dl-space-space-tripleunit);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-doubleunit);
  justify-content: space-between;
  background-color: var(--dl-color-primary-customdarkgrey);
}
.nPcdqh {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.SiTlng {
  display: contents;
}
.rZSKMq {
  width: 200px;
  align-self: center;
  object-fit: cover;
  margin-right: var(--dl-space-space-doubleunit);
  text-decoration: none;
}
.viVoDa {
  display: none;
  align-items: flex-start;
  flex-direction: column;
}
.tgFyWF {
  width: 36px;
  height: 36px;
}
.MkPXHy {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
.jCTRDQ {
  color: var(--dl-color-gray-white);
  font-style: normal;
  margin-right: var(--dl-space-space-tripleunit);
  text-decoration: none;
}
.WdBEaX {
  color: var(--dl-color-gray-white);
  font-style: normal;
  margin-right: var(--dl-space-space-tripleunit);
}
.ARLqcl {
  color: var(--dl-color-gray-white);
  font-style: normal;
  margin-right: var(--dl-space-space-tripleunit);
  text-decoration: none;
}
.dTGVii {
  color: var(--dl-color-gray-white);
  font-style: normal;
  margin-right: var(--dl-space-space-tripleunit);
  text-decoration: none;
}
.MOQAmy {
  color: var(--dl-color-gray-white);
  font-style: normal;
  text-decoration: none;
}
.jkpKRJ {
  top: 0px;
  flex: 0 0 auto;
  left: 0px;
  width: 100%;
  height: 100VH;
  display: none;
  padding: var(--dl-space-space-doubleunit);
  position: absolute;
  align-items: flex-start;
  flex-direction: column;
  background-color: #fff;
}
.uUPMQM {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-space-space-doubleunit);
  flex-direction: row;
  justify-content: space-between;
}
.SuDNvL {
  width: 50px;
  align-self: center;
  object-fit: cover;
  margin-right: var(--dl-space-space-doubleunit);
}
.PYxNEr {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.FOKKYk {
  width: 24px;
  height: 24px;
}
.CUbhWY {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.LMXnxM {
  font-size: 18px;
  font-style: normal;
  font-family: Raleway;
  font-weight: 700;
  line-height: 1.55;
  margin-bottom: var(--dl-space-space-unit);
  text-transform: capitalize;
  text-decoration: none;
}
.RfUEYw {
  font-size: 18px;
  font-style: normal;
  font-family: Raleway;
  font-weight: 700;
  line-height: 1.55;
  margin-bottom: var(--dl-space-space-unit);
  text-transform: capitalize;
  text-decoration: none;
}
.UiICwP {
  margin-bottom: var(--dl-space-space-unit);
}
.komInb {
  margin-bottom: var(--dl-space-space-unit);
}
.cilFIu {
  font-size: 18px;
  font-style: normal;
  font-family: Raleway;
  font-weight: 700;
  line-height: 1.55;
  margin-bottom: var(--dl-space-space-unit);
  text-transform: capitalize;
  text-decoration: none;
}
.KEtrju {
  font-size: 18px;
  font-style: normal;
  font-family: Raleway;
  font-weight: 700;
  line-height: 1.55;
  text-transform: capitalize;
  text-decoration: none;
}
.YLSCob {
  width: 100%;
  display: flex;
  max-width: 100%;
  align-items: center;
  flex-direction: row;
  background-color: var(--dl-color-primary-customyellow);
}
.RInNYI {
  flex: 0 0 auto;
  width: 33%;
  height: 1413px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-size: cover;
  background-image: url("public/playground_assets/social-network-1500h.jpg");
  background-position: center;
}
.qNGncO {
  flex: 0 0 auto;
  width: 67%;
  height: auto;
  display: flex;
  align-items: center;
  padding-top: var(--dl-space-space-fiveunits);
  padding-left: var(--dl-space-space-tripleunit);
  padding-right: var(--dl-space-space-tripleunit);
  flex-direction: column;
  padding-bottom: var(--dl-space-space-fiveunits);
  justify-content: center;
}
.yEjLeP {
  width: 50%;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.yHeZFD {
  margin-bottom: var(--dl-space-space-fiveunits);
}
.udlMhl {
  width: 100%;
  align-self: center;
  margin-bottom: var(--dl-space-space-fiveunits);
}
.ZUHzli {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: var(--dl-space-space-fiveunits);
}
.fkQKPh {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  margin-top: var(--dl-space-space-doubleunit);
  align-items: flex-start;
  margin-left: 0px;
  margin-right: var(--dl-space-space-doubleunit);
  border-radius: 50px;
  margin-bottom: var(--dl-space-space-doubleunit);
  flex-direction: column;
  background-color: #562adb;
}
.bdeQCH {
  flex: 0 0 auto;
  width: 90%;
  height: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.XSGrfV {
  width: 100%;
  margin-bottom: var(--dl-space-space-doubleunit);
}
.lIwKAJ {
  height: auto;
}
.RvYqji {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: var(--dl-space-space-fiveunits);
}
.ebJgJm {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  margin-top: var(--dl-space-space-doubleunit);
  align-items: flex-start;
  margin-left: 0px;
  margin-right: var(--dl-space-space-doubleunit);
  border-radius: 50px;
  margin-bottom: var(--dl-space-space-doubleunit);
  flex-direction: column;
  background-color: #562adb;
}
.VoHixO {
  flex: 0 0 auto;
  width: 90%;
  height: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.osaOSC {
  width: 100%;
  margin-bottom: var(--dl-space-space-doubleunit);
}
.wIGFUs {
  height: auto;
}
.NLXNrF {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.bbWQzL {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  margin-top: var(--dl-space-space-doubleunit);
  align-items: flex-start;
  margin-left: 0px;
  margin-right: var(--dl-space-space-doubleunit);
  border-radius: 50px;
  margin-bottom: var(--dl-space-space-doubleunit);
  flex-direction: column;
  background-color: #562adb;
}
.ThdFON {
  flex: 0 0 auto;
  width: 90%;
  height: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.TdwGrm {
  width: 100%;
  margin-bottom: var(--dl-space-space-doubleunit);
}
.lgdsxR {
  height: auto;
}
.PBrwea {
  width: 100%;
  height: 1px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-color: var(--dl-color-gray-900);
}
.yxjaHR {
  width: 100%;
  display: flex;
  padding: var(--dl-space-space-doubleunit);
  max-width: 1200px;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.amTpsy {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.BcXnTD {
  color: var(--dl-color-gray-900);
}
.hLjzZs {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  grid-gap: 20px;
  align-items: flex-end;
  flex-direction: row;
  justify-content: center;
}
.IaOOSR {
  color: var(--dl-color-gray-900);
  margin-bottom: 0px;
  text-decoration: none;
}
.UzBVPC {
  color: var(--dl-color-gray-900);
}
@media(max-width: 1600px) {
  .yEjLeP {
    width: 60%;
  }
}
@media(max-width: 1200px) {
  .RInNYI {
    background-size: cover;
    background-image: url("public/playground_assets/social-network-1500h.jpg");
  }
  .yEjLeP {
    width: 80%;
  }
  .yHeZFD {
    width: 100%;
    margin-bottom: var(--dl-space-space-fiveunits);
  }
  .udlMhl {
    width: 100%;
  }
}
@media(max-width: 991px) {
  .YLSCob {
    flex-direction: column;
  }
  .RInNYI {
    display: none;
  }
  .qNGncO {
    width: 100%;
  }
  .yEjLeP {
    width: 100%;
  }
}
@media(max-width: 767px) {
  .viVoDa {
    display: flex;
    padding: var(--dl-space-space-halfunit);
    border-radius: var(--dl-radius-radius-radius4);
    background-color: var(--dl-color-primary-customyellow);
  }
  .tgFyWF {
    fill: var(--dl-color-gray-white);
  }
  .MkPXHy {
    display: none;
  }
  .jkpKRJ {
    display: none;
    background-color: var(--dl-color-primary-customdarkgrey);
  }
  .uUPMQM {
    margin-bottom: var(--dl-space-space-fiveunits);
  }
  .SuDNvL {
    width: 200px;
  }
  .FOKKYk {
    fill: var(--dl-color-primary-customyellow);
    width: 50px;
    height: 50px;
  }
  .CUbhWY {
    grid-gap: 30px;
  }
  .LMXnxM {
    color: var(--dl-color-gray-white);
  }
  .RfUEYw {
    color: var(--dl-color-gray-white);
  }
  .cilFIu {
    color: var(--dl-color-gray-white);
  }
  .KEtrju {
    color: var(--dl-color-gray-white);
    font-size: 18px;
    font-style: normal;
    font-family: Raleway;
    font-weight: 700;
    line-height: 1.55;
    text-transform: capitalize;
    text-decoration: none;
  }
}
@media(max-width: 479px) {
  .YLSCob {
    padding-top: var(--dl-space-space-fiveunits);
  }
  .yHeZFD {
    font-size: 32px;
  }
  .yxjaHR {
    flex-direction: column-reverse;
  }
  .amTpsy {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .hLjzZs {
    width: 60%;
    margin-bottom: var(--dl-space-space-tripleunit);
    flex-direction: row;
    justify-content: space-between;
  }
  .IaOOSR {
    margin-bottom: 0px;
  }
}