/* screen - desktop */

.desktop {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 1762px;
  min-width: 1275px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.desktop .rectangle-428-dg6U5x {
  background-color: var(--mercury);
  height: 70.51%;
  position: absolute;
  right: 0px;
  top: 29.17%;
  width: 50.00%;
}

.desktop .group-139-dg6U5x {
  background-color: transparent;
  height: 18.47%;
  left: 53.98%;
  position: absolute;
  top: 62.95%;
  width: 40.58%;
}

.desktop .september-22nd-aCU1EK {
  background-color: transparent;
  height: 26px;
  left: 0.73%;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: -6px;
  white-space: nowrap;
  width: 44.07%;
}

.desktop .rectangle-454-aCU1EK {
  background-color: var(--white);
  height: 291px;
  left: 0px;
  position: absolute;
  top: calc(100.00% - 291px);
  width: 517px;
}

.desktop .group-140-dg6U5x {
  background-color: transparent;
  height: 18.47%;
  left: 53.98%;
  position: absolute;
  top: 41.04%;
  width: 40.58%;
}

.desktop .september-21st-DeVKrR {
  background-color: transparent;
  height: 26px;
  left: 0.73%;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: -6px;
  white-space: nowrap;
  width: 44.07%;
}

.desktop .rectangle-454-DeVKrR {
  background-color: var(--white);
  height: 291px;
  left: 0px;
  position: absolute;
  top: calc(100.00% - 291px);
  width: 517px;
}

.desktop .group-138-dg6U5x {
  background-color: transparent;
  height: 47px;
  left: 0px;
  position: absolute;
  top: 112px;
  width: 100%;
}

.desktop .navigation-bar-xzWd2K {
  background-color: transparent;
  height: 47px;
  left: 0px;
  position: absolute;
  top: calc(50.00% - 24px);
  width: 100%;
}

.desktop .base-f2e8It {
  background-color: transparent;
  height: 47px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.desktop .group-137-xzWd2K {
  background-color: transparent;
  height: 24px;
  left: 80px;
  position: absolute;
  top: 11px;
  width: 298px;
}

.desktop .workshops-x0iXfI {
  background-color: transparent;
  height: 24px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 65px;
}

.desktop .workshops-Sx2aAe {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 12px;
  position: absolute;
  text-align: left;
  top: 6px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.desktop .workshops-bl-Sx2aAe {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 12px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 6px;
  transition: all 0.3s ease;
  white-space: nowrap;
  width: 100%;
}

.desktop .workshops-bl-Sx2aAe:hover {
  opacity: 1;
}

.desktop .contact-x0iXfI {
  background-color: transparent;
  height: 24px;
  position: absolute;
  right: calc(40.09% - 34px);
  top: 0px;
  width: 86px;
}

.desktop .project-contact-qJGCWx {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 12px;
  position: absolute;
  text-align: left;
  top: 6px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.desktop .project-contact-NvJZI7 {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 12px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 6px;
  transition: all 0.3s ease;
  white-space: nowrap;
  width: 100%;
}

.desktop .project-contact-NvJZI7:hover {
  opacity: 1;
}

.desktop .faq-x0iXfI {
  background-color: transparent;
  height: 24px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 23px;
}

.desktop .faq-NxFxA3 {
  background-color: transparent;
  color: #f8f8f8;
  font-family: var(--font-family-opensans_condensed-light);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 12px;
  position: absolute;
  text-align: left;
  top: 6px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.desktop .faq-3zVDeG {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 12px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 6px;
  transition: all 0.3s ease;
  white-space: nowrap;
  width: 100%;
}

.desktop .faq-3zVDeG:hover {
  opacity: 1;
}

.desktop .rectangle-416-dg6U5x {
  background-color: var(--wild-sand);
  height: 70.51%;
  left: 0px;
  position: absolute;
  top: 29.17%;
  width: 50.00%;
}

.desktop .path-309-dg6U5x {
  background-color: transparent;
  height: 1px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 112px;
  width: 100%;
}

.desktop .group-87-dg6U5x {
  background-color: transparent;
  height: 112px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.desktop .rectangle-394-l8DGpO {
  background-color: var(--cloud-burst);
  height: 112px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.desktop .logoccdoaffffff-l8DGpO {
  background-color: transparent;
  height: 40px;
  object-fit: cover;
  position: absolute;
  right: 67px;
  top: 43px;
  width: 200px;
}

.desktop .group-81-l8DGpO {
  background-color: transparent;
  height: 51px;
  left: 79px;
  object-fit: cover;
  position: absolute;
  top: 38px;
  width: 219px;
}

.desktop .the-stakeholder-ry-stakeholders-dg6U5x {
  background-color: transparent;
  height: 86px;
  left: 7.06%;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 562px;
  width: 39.22%;
}

.desktop .rectangle-427-dg6U5x {
  background-color: var(--white);
  height: 359px;
  left: 0px;
  position: absolute;
  top: 159px;
  width: 100%;
}

.desktop .title-dg6U5x {
  background-color: transparent;
  height: 69px;
  left: 77px;
  letter-spacing: 0.00px;
  line-height: 55px;
  position: absolute;
  text-align: left;
  top: 222px;
  width: 45.73%;
}

.desktop .the-planning-te-september-2021-dg6U5x {
  background-color: transparent;
  height: 159px;
  left: 77px;
  letter-spacing: 0.00px;
  line-height: 34px;
  position: absolute;
  text-align: left;
  top: 302px;
  width: 43.06%;
}

.desktop .hero-img-dg6U5x {
  background-color: transparent;
  display: block;
  height: 14.60%;
  object-fit: cover;
  position: absolute;
  right: 129px;
  top: 209px;
  width: 31.92%;
  opacity: 0;
}

.desktop .hero-img-dg6U5x.bp1-animate-enter {
  animation: bp1-animate-enter-frames 1.40s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktop .path-472-dg6U5x {
  background-color: transparent;
  height: 1px;
  left: 7.06%;
  object-fit: cover;
  position: absolute;
  top: 679px;
  width: 39.08%;
}

.desktop .september-14th-dg6U5x {
  background-color: transparent;
  height: 26px;
  left: calc(8.50% - 18px);
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 717px;
  white-space: nowrap;
  width: 215px;
}

.desktop .september-15th-dg6U5x {
  background-color: transparent;
  height: 26px;
  left: calc(8.56% - 19px);
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 1107px;
  white-space: nowrap;
  width: 221px;
}

.desktop .the-public-meet-public-audience-dg6U5x {
  background-color: transparent;
  height: 56px;
  left: 53.94%;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 562px;
  width: 34.75%;
}

.desktop .path-473-dg6U5x {
  background-color: transparent;
  height: 1px;
  left: 53.94%;
  object-fit: cover;
  position: absolute;
  top: 679px;
  width: 39.08%;
}

.desktop .rectangle-452-dg6U5x {
  background-color: var(--white);
  bottom: calc(48.33% - 141px);
  height: 291px;
  left: calc(10.60% - 55px);
  position: absolute;
  width: 517px;
}

.desktop .rectangle-453-dg6U5x {
  background-color: var(--white);
  bottom: calc(22.26% - 65px);
  height: 291px;
  left: calc(10.61% - 55px);
  position: absolute;
  width: 517px;
}

.desktop .group-85-dg6U5x {
  background-color: transparent;
  bottom: -1px;
  height: 247px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.desktop .rectangle-396-WLfior {
  background-color: var(--cloud-burst);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.desktop .x2021-clark-coun-rights-reserved-WLfior {
  background-color: transparent;
  bottom: 40px;
  height: 16px;
  left: 67px;
  letter-spacing: 0.00px;
  line-height: 55px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 920px;
}

.desktop .group-84-WLfior {
  background-color: transparent;
  height: 46px;
  left: 58px;
  position: absolute;
  top: calc(33.83% - 16px);
  width: calc(100.00% - 97px);
}

.desktop .group-37-lZOxcg {
  background-color: transparent;
  bottom: 1px;
  height: 44px;
  object-fit: cover;
  position: absolute;
  right: calc(45.33% - 0px);
  width: 108px;
}

.desktop .logohndfooterffffff-lZOxcg {
  background-color: transparent;
  bottom: 0px;
  height: 44px;
  object-fit: cover;
  position: absolute;
  right: calc(25.93% - 37px);
  width: 142px;
}

.desktop .g3-lZOxcg {
  background-color: transparent;
  top: 0px;
  height: 70px;
  left: calc(28.25% - 15px);
  object-fit: cover;
  position: absolute;
  width: 80px;
}

.desktop .logoccdoaffffff-lZOxcg {
  background-color: transparent;
  bottom: 11px;
  height: 35px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 177px;
}

.desktop .group-83-lZOxcg {
  background-color: transparent;
  bottom: 0px;
  height: 43px;
  object-fit: cover;
  position: absolute;
  right: 0px;
  width: 182px;
}
/* screen - mobile */

.mobile {
  background-color: var(--white);
  height: 3285px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 390px;
}

.mobile .navigation-bar-LP8vkM {
  background-color: transparent;
  height: 176px;
  left: 0px;
  position: absolute;
  top: 65px;
  width: 390px;
}

.mobile .base-nWEtvK {
  background-color: transparent;
  height: 176px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile .workshops-nWEtvK {
  background-color: transparent;
  color: var(--cerulean);
  font-family: var(--font-family-opensans_condensed-light);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
  height: 32px;
  left: 40px;
  letter-spacing: 0.00px;
  line-height: 12px;
  position: absolute;
  text-align: left;
  top: 31px;
  white-space: nowrap;
  width: 82px;
}

.mobile .project-contact-nWEtvK {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-opensans_condensed-light);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
  height: 32px;
  left: 40px;
  letter-spacing: 0.00px;
  line-height: 12px;
  position: absolute;
  text-align: left;
  top: 80px;
  white-space: nowrap;
  width: 107px;
}

.mobile .faq-nWEtvK {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-opensans_condensed-light);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
  height: 32px;
  left: 40px;
  letter-spacing: 0.00px;
  line-height: 12px;
  position: absolute;
  text-align: left;
  top: 133px;
  white-space: nowrap;
  width: 30px;
}

.mobile .path-311-LP8vkM {
  background-color: transparent;
  height: 1px;
  left: -15px;
  object-fit: cover;
  position: absolute;
  top: 64px;
  width: 420px;
}

.mobile .group-94-LP8vkM {
  background-color: transparent;
  height: 65px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 390px;
}

.mobile .rectangle-394-3WFSwa {
  background-color: var(--cloud-burst);
  height: 65px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile .logoccdoaffffff-3WFSwa {
  background-color: transparent;
  height: 24px;
  object-fit: cover;
  position: absolute;
  right: 28px;
  top: 27px;
  width: 119px;
}

.mobile .group-81-3WFSwa {
  background-color: transparent;
  height: 29px;
  left: 40px;
  object-fit: cover;
  position: absolute;
  top: 24px;
  width: 124px;
}

.mobile .rectangle-425-LP8vkM {
  background-color: var(--wild-sand);
  height: 918px;
  left: -1px;
  position: absolute;
  top: 838px;
  width: 391px;
}

.mobile .rectangle-431-LP8vkM {
  background-color: var(--mercury);
  height: 866px;
  left: -1px;
  position: absolute;
  top: 1756px;
  width: 391px;
}

.mobile .workshops-LP8vkM {
  background-color: transparent;
  height: 69px;
  left: 34px;
  letter-spacing: 0.00px;
  line-height: 55px;
  position: absolute;
  text-align: left;
  top: 268px;
  width: 309px;
}

.mobile .the-planning-te-september-2021-LP8vkM {
  background-color: transparent;
  height: 200px;
  left: 34px;
  letter-spacing: 0.00px;
  line-height: 34px;
  position: absolute;
  text-align: left;
  top: 347px;
  width: 324px;
}

.mobile .the-stakeholder-ry-stakeholders-LP8vkM {
  background-color: transparent;
  height: auto;
  left: 29px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 865px;
  width: 322px;
}

.mobile .the-public-meet-public-audience-LP8vkM {
  background-color: transparent;
  height: auto;
  left: 29px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 1791px;
  width: 302px;
}

.mobile .hero-img-LP8vkM {
  background-color: transparent;
  height: 240px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 598px;
  width: 391px;
}

.mobile .path-476-LP8vkM {
  background-color: transparent;
  height: 1px;
  left: 27px;
  object-fit: cover;
  position: absolute;
  top: 1031px;
  width: 336px;
}

.mobile .path-477-LP8vkM {
  background-color: transparent;
  height: 1px;
  left: 27px;
  object-fit: cover;
  position: absolute;
  top: 1890px;
  width: 336px;
}

.mobile .september-14th-LP8vkM {
  background-color: transparent;
  height: auto;
  left: 29px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 1072px;
  white-space: nowrap;
  width: 215px;
}

.mobile .rectangle-444-LP8vkM {
  background-color: var(--white);
  height: 189px;
  left: 27px;
  position: absolute;
  top: 1123px;
  width: 336px;
}

.mobile .rectangle-445-LP8vkM {
  background-color: var(--white);
  height: 189px;
  left: 27px;
  position: absolute;
  top: 1453px;
  width: 336px;
}

.mobile .rectangle-446-LP8vkM {
  background-color: var(--white);
  height: 189px;
  left: 27px;
  position: absolute;
  top: 1972px;
  width: 336px;
}

.mobile .rectangle-447-LP8vkM {
  background-color: var(--white);
  height: 189px;
  left: 27px;
  position: absolute;
  top: 2302px;
  width: 336px;
}

.mobile .september-15th-LP8vkM {
  background-color: transparent;
  height: auto;
  left: 29px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 1403px;
  white-space: nowrap;
  width: 221px;
}

.mobile .september-21st-LP8vkM {
  background-color: transparent;
  height: auto;
  left: 29px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 1922px;
  white-space: nowrap;
  width: 221px;
}

.mobile .september-22nd-LP8vkM {
  background-color: transparent;
  height: auto;
  left: 29px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 2252px;
  white-space: nowrap;
  width: 221px;
}

.mobile .group-97-LP8vkM {
  background-color: transparent;
  height: 665px;
  left: 0px;
  position: absolute;
  top: 2622px;
  width: 390px;
}

.mobile .rectangle-396-RjPwxH {
  background-color: var(--cloud-burst);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile .x2021-clark-coun-rights-reserved-RjPwxH {
  background-color: transparent;
  bottom: 48px;
  height: 16px;
  left: calc(41.56% - 130px);
  letter-spacing: 0.00px;
  line-height: 15px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 313px;
}

.mobile .group-96-RjPwxH {
  background-color: transparent;
  height: 466px;
  left: calc(50.00% - 126px);
  position: absolute;
  top: 76px;
  width: 252px;
}

.mobile .group-11-O01rMa {
  background-color: transparent;
  bottom: 215px;
  height: 51px;
  object-fit: cover;
  position: absolute;
  right: calc(50.00% - 63px);
  width: 126px;
}

.mobile .logohndfooterffffff-O01rMa {
  background-color: transparent;
  bottom: 106px;
  height: 51px;
  left: calc(50.00% - 83px);
  object-fit: cover;
  position: absolute;
  width: 165px;
}

.mobile .g3-O01rMa {
  background-color: transparent;
  bottom: 324px;
  height: 70px;
  left: calc(50.00% - 35px);
  object-fit: cover;
  position: absolute;
  width: 80px;
}

.mobile .logoccdoaffffff-O01rMa {
  background-color: transparent;
  height: 41px;
  object-fit: cover;
  position: absolute;
  right: calc(48.93% - 100px);
  top: 0px;
  width: 205px;
}

.mobile .group-95-O01rMa {
  background-color: transparent;
  bottom: 1px;
  height: 53px;
  object-fit: cover;
  position: absolute;
  right: calc(50.00% - 113px);
  width: 226px;
}
/* screen - tablet */

.tablet {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 3365px;
  min-width: 865px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.tablet .group-138-I45tVA {
  background-color: transparent;
  height: 47px;
  left: 0px;
  position: absolute;
  top: 112px;
  width: calc(100.00% + 1px);
}

.tablet .navigation-bar-KGGN69 {
  background-color: transparent;
  height: 47px;
  left: 0px;
  position: absolute;
  top: calc(50.00% - 24px);
  width: 100%;
}

.tablet .base-JIF2i5 {
  background-color: transparent;
  height: 47px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tablet .group-137-KGGN69 {
  background-color: transparent;
  height: 24px;
  left: 80px;
  position: absolute;
  top: 11px;
  width: 298px;
}

.tablet .workshops-fPkWe4 {
  background-color: transparent;
  height: 24px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 65px;
}

.tablet .workshops-MPEicQ {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 12px;
  position: absolute;
  text-align: left;
  top: 6px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.tablet .workshops-bl-MPEicQ {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 12px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 6px;
  transition: all 0.3s ease;
  white-space: nowrap;
  width: 100%;
}

.tablet .workshops-bl-MPEicQ:hover {
  opacity: 1;
}

.tablet .contact-fPkWe4 {
  background-color: transparent;
  height: 24px;
  position: absolute;
  right: calc(40.09% - 34px);
  top: 0px;
  width: 86px;
}

.tablet .project-contact-LwrxRY {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 12px;
  position: absolute;
  text-align: left;
  top: 6px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.tablet .project-contact-NoTKT1 {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 12px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 6px;
  transition: all 0.3s ease;
  white-space: nowrap;
  width: 100%;
}

.tablet .project-contact-NoTKT1:hover {
  opacity: 1;
}

.tablet .faq-fPkWe4 {
  background-color: transparent;
  height: 24px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 23px;
}

.tablet .faq-JJX7BV {
  background-color: transparent;
  color: #f8f8f8;
  font-family: var(--font-family-opensans_condensed-light);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 12px;
  position: absolute;
  text-align: left;
  top: 6px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.tablet .faq-osiHl4 {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 12px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 6px;
  transition: all 0.3s ease;
  white-space: nowrap;
  width: 100%;
}

.tablet .faq-osiHl4:hover {
  opacity: 1;
}

.tablet .path-310-I45tVA {
  background-color: transparent;
  height: 1px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 112px;
  width: 100%;
}

.tablet .group-88-I45tVA {
  background-color: transparent;
  height: 112px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tablet .rectangle-394-xs9x7Y {
  background-color: var(--cloud-burst);
  height: 112px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tablet .logoccdoaffffff-xs9x7Y {
  background-color: transparent;
  height: 40px;
  object-fit: cover;
  position: absolute;
  right: 67px;
  top: 43px;
  width: 200px;
}

.tablet .group-81-xs9x7Y {
  background-color: transparent;
  height: 47px;
  left: 79px;
  object-fit: cover;
  position: absolute;
  top: 40px;
  width: 200px;
}

.tablet .rectangle-423-I45tVA {
  background-color: var(--wild-sand);
  height: 36.92%;
  left: -1px;
  position: absolute;
  top: 15.38%;
  width: calc(100.00% + 2px);
}

.tablet .rectangle-430-I45tVA {
  background-color: var(--mercury);
  height: 47.70%;
  left: 0px;
  position: absolute;
  top: 52.30%;
  width: calc(100.00% + 2px);
}

.tablet .workshops-I45tVA {
  background-color: transparent;
  height: 69px;
  left: 76px;
  letter-spacing: 0.00px;
  line-height: 55px;
  position: absolute;
  text-align: left;
  top: 204px;
  width: 57.69%;
}

.tablet .the-planning-te-september-2021-I45tVA {
  background-color: transparent;
  height: 200px;
  left: 76px;
  letter-spacing: 0.00px;
  line-height: 34px;
  position: absolute;
  text-align: left;
  top: 283px;
  width: 44.39%;
}

.tablet .hero-img-I45tVA {
  background-color: transparent;
  display: block;
  height: 7.12%;
  left: 57.80%;
  object-fit: cover;
  position: absolute;
  top: 226px;
  width: 37.46%;
  opacity: 0;
}

.tablet .hero-img-I45tVA.bp2-animate-enter {
  animation: bp2-animate-enter-frames 1.40s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tablet .the-stakeholder-ry-stakeholders-I45tVA {
  background-color: transparent;
  height: 86px;
  left: 76px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: calc(16.87% - 15px);
  width: 61.73%;
}

.tablet .path-480-I45tVA {
  background-color: transparent;
  height: 1px;
  left: 76px;
  object-fit: cover;
  position: absolute;
  top: 19.93%;
  width: 68.55%;
}

.tablet .september-14th-I45tVA {
  background-color: transparent;
  height: 26px;
  left: 76px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: calc(20.95% - 5px);
  white-space: nowrap;
  width: 215px;
}

.tablet .september-21st-I45tVA {
  background-color: transparent;
  bottom: calc(42.15% - 11px);
  height: 26px;
  left: 76px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 215px;
}

.tablet .september-15th-I45tVA {
  background-color: transparent;
  height: 26px;
  left: 76px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: calc(36.63% - 10px);
  white-space: nowrap;
  width: 221px;
}

.tablet .september-22nd-I45tVA {
  background-color: transparent;
  bottom: calc(26.71% - 7px);
  height: 26px;
  left: 76px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 221px;
}

.tablet .the-public-meet-public-audience-I45tVA {
  background-color: transparent;
  bottom: calc(45.82% - 12px);
  height: 26px;
  left: 76px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 61.73%;
}

.tablet .path-483-I45tVA {
  background-color: transparent;
  height: 1px;
  left: 76px;
  object-fit: cover;
  position: absolute;
  top: 1882px;
  width: 82.32%;
}

.tablet .group-92-I45tVA {
  background-color: transparent;
  bottom: -3px;
  height: 386px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.tablet .rectangle-396-LDAWxg {
  background-color: var(--cloud-burst);
  bottom: 0px;
  height: 386px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.tablet .x2021-clark-coun-erms-conditions-LDAWxg {
  background-color: transparent;
  bottom: 64px;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 55px;
  position: absolute;
  right: calc(48.80% - 361px);
  text-align: center;
  white-space: nowrap;
  width: 740px;
}

.tablet .group-91-LDAWxg {
  background-color: transparent;
  height: 187px;
  left: 63px;
  position: absolute;
  top: calc(29.34% - 55px);
  width: calc(100.00% - 138px);
}

.tablet .group-11-GsISm3 {
  background-color: transparent;
  bottom: 134px;
  height: 51px;
  left: calc(100.00% - 126px);
  object-fit: cover;
  position: absolute;
  width: 126px;
}

.tablet .logohndfooterffffff-GsISm3 {
  background-color: transparent;
  bottom: 0px;
  height: 51px;
  left: calc(18.42% - 30px);
  object-fit: cover;
  position: absolute;
  width: 165px;
}

.tablet .g3-GsISm3 {
  background-color: transparent;
  bottom: 118px;
  height: 70px;
  object-fit: cover;
  position: absolute;
  right: calc(45.52% - 0px);
  width: 80px;
}

.tablet .logoccdoaffffff-GsISm3 {
  background-color: transparent;
  bottom: 142px;
  height: 37px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 188px;
}

.tablet .group-90-GsISm3 {
  background-color: transparent;
  bottom: 0px;
  height: 50px;
  object-fit: cover;
  position: absolute;
  right: calc(12.21% - 26px);
  width: 211px;
}

.tablet .rectangle-448-I45tVA {
  background-color: var(--white);
  height: 421px;
  left: 59px;
  position: absolute;
  top: calc(25.58% - 108px);
  width: 748px;
}

.tablet .rectangle-449-I45tVA {
  background-color: var(--white);
  height: 421px;
  left: 59px;
  position: absolute;
  top: calc(43.34% - 182px);
  width: 748px;
}

.tablet .rectangle-450-I45tVA {
  background-color: var(--white);
  bottom: calc(32.85% - 138px);
  height: 421px;
  left: 59px;
  position: absolute;
  width: 748px;
}

.tablet .rectangle-451-I45tVA {
  background-color: var(--white);
  bottom: calc(15.34% - 65px);
  height: 421px;
  left: 59px;
  position: absolute;
  width: 748px;
}
@media screen and (max-width: 864px) {
  .screen.desktop { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
}
@media screen and (min-width: 865px) and (max-width: 1274px) {
  .screen.desktop { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
}
@media screen and (min-width: 1275px) {
  .screen.tablet { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
}