:root {
  --abbey: #4d4d4d;
  --black: #000000;
  --black-haze: #f7f7f7;
  --gallery: #efefef;
  --mercury: #e5e5e5;
  --nobel: #b2b2b2;
  --sea-serpent: #4dc9c0;
  --shark: #27282c;
  --white: #ffffff;
  --woodsmoke: #0b0d0f;

  --gradle-blue: #209bc4;
  --gradle-green: #4dc9c0;

  /* --font-size-l: 21px;
    --font-size-m: 19px;
    --font-size-s: 18px;
    --font-size-xl: 22px;
    --font-size-xs: 17px;
    --font-size-xxs: 15px;
    --font-size-xxxs: 12px; */

  /* mx styles */
  --gray-1: #0b0d0f;
  --gray-2: #4d4d4d;

  --font-size-34px: 34px;
  --font-size-43px: 43px;
  --font-size-50px: 50px;
  --font-size-54px: 54px;
  --font-size-l: 17px;
  --font-size-m: 15px;
  --font-size-s: 13px;
  --font-size-xl: 19px;
  --font-size-xs: 12px;
  --font-size-xxl: 42px;
  --font-size-xxxl: 46px;

  --font-family-lato: "Lato", Helvetica;
}
.lato-normal-abbey-17px {
  color: var(--abbey);
  font-family: var(--font-family-lato);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
}

.lato-normal-abbey-19px {
  color: var(--abbey);
  font-family: var(--font-family-lato);
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
}

.lato-normal-abbey-15px {
  color: var(--abbey);
  font-family: var(--font-family-lato);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}

.lato-medium-woodsmoke-13px {
  color: var(--woodsmoke);
  font-family: var(--font-family-lato);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
}

.lato-bold-white-12px {
  color: var(--white);
  font-family: var(--font-family-lato);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.lato-bold-white-15px {
  color: var(--white);
  font-family: var(--font-family-lato);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
}

.lato-medium-woodsmoke-15px {
  color: var(--woodsmoke);
  font-family: var(--font-family-lato);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
}

.lato-medium-woodsmoke-12px {
  color: var(--woodsmoke);
  font-family: var(--font-family-lato);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}
/* mxspeaker */
.h3xl {
  font-family: var(--font-family-lato);
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.3px;
}

.h2xl {
  font-family: var(--font-family-lato);
  font-size: 54px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.3px;
}

.bodyxl {
  font-family: var(--font-family-lato);
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.captionxl {
  font-family: var(--font-family-lato);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.footnotexl {
  font-family: var(--font-family-lato);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.7px;
}

.h3sm {
  font-family: var(--font-family-lato);
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.3px;
}

.h2sm {
  font-family: var(--font-family-lato);
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.3px;
}

.bodysm {
  font-family: var(--font-family-lato);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.footnotesm {
  font-family: var(--font-family-lato);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.7px;
}

.captionsm {
  font-family: var(--font-family-lato);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.footnotelg {
  font-family: var(--font-family-lato);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.7px;
}

.h3lg {
  font-family: var(--font-family-lato);
  font-size: 43px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.3px;
}

.h2lg {
  font-family: var(--font-family-lato);
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.3px;
}

.bodylg {
  font-family: var(--font-family-lato);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.captionlg {
  font-family: var(--font-family-lato);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* screen - dpe-summit-2023-medium-breakpoint-768px */

.dpe-summit-2023-medium-breakpoint-768px {
  align-items: flex-start;
  background-color: var(--black-haze);
  border: 1px none;
  display: flex;
  flex-direction: column;
  min-width: 768px;
  position: relative;
}

.dpe-summit-2023-medium-breakpoint-768px .body-container-medium {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 768px;
}

.dpe-summit-2023-medium-breakpoint-768px .hero-section-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 34px 0px;
  position: relative;
}

.dpe-summit-2023-medium-breakpoint-768px .header-3 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  gap: 25px;
  height: auto;
  position: relative;
  width: fit-content;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-14047-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: fit-content;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140439-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: fit-content;
}

.dpe-summit-2023-medium-breakpoint-768px .meet-the-3 {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 48.3px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: 415px;
}

.dpe-summit-2023-medium-breakpoint-768px .keynote-speakers-3 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-lato);
  font-size: 46px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 52.9px;
  position: relative;
  text-fill-color: transparent;
  white-space: nowrap;
  width: 415px;
  display: inline;
}

.dpe-summit-2023-medium-breakpoint-768px .for-dpe-summit-2023-3 {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 48.3px;
  position: relative;
  white-space: nowrap;
  width: 415px;
}

.dpe-summit-2023-medium-breakpoint-768px .come-and-learn-from-3 {
  letter-spacing: 0;
  line-height: 21.8px;
  position: relative;
  width: 415px;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140454-3 {
  align-items: flex-start;
  background-color: var(--woodsmoke);
  border-radius: 7px;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 18px 46px;
  position: relative;
  width: fit-content;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140456-3 {
  height: 31px;
  min-width: 243.1px;
  position: relative;
}

.dpe-summit-2023-medium-breakpoint-768px .brought-to-you-by-3 {
  color: var(--abbey);
  font-family: var(--font-family-lato);
  font-size: 12px;
  font-weight: 500;
  height: 16px;
  left: 0;
  letter-spacing: 0.7px;
  line-height: 16.2px;
  position: absolute;
  top: 12px;
  white-space: nowrap;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140455-3 {
  align-items: flex-end;
  display: flex;
  gap: 3px;
  left: 115px;
  position: absolute;
  top: 0;
  width: fit-content;
}

.dpe-summit-2023-medium-breakpoint-768px .fill-1-3 {
  height: 28.87px;
  min-width: 38.84px;
  position: relative;
}

.dpe-summit-2023-medium-breakpoint-768px .fill-2-3 {
  height: 15.92px;
  min-width: 61.26px;
  position: relative;
}

.dpe-summit-2023-medium-breakpoint-768px .hero-graphics-3 {
  height: 494px;
  min-width: 689px;
  position: relative;
}

.dpe-summit-2023-medium-breakpoint-768px .overlap-group3-2 {
  height: 1381px;
  left: 36px;
  position: relative;
  top: -208px;
  width: 692px;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140458-3 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 199px;
  left: 178px;
  overflow: hidden;
  position: absolute;
  top: 224px;
  width: 163px;
}

.dpe-summit-2023-medium-breakpoint-768px .overlap-group-7 {
  height: 187px;
  position: relative;
  width: 129px;
}

.dpe-summit-2023-medium-breakpoint-768px .aubrey-chipman-isolated-1-3 {
  height: 135px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 129px;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140459-8 {
  height: 57px;
  left: 0;
  position: absolute;
  top: 131px;
  width: 123px;
}

.dpe-summit-2023-medium-breakpoint-768px .name-6 {
  margin-right: -24.92px;
}

.dpe-summit-2023-medium-breakpoint-768px .vector-6 {
  height: 16px;
  margin-bottom: -11.38px;
  min-width: 62.53px;
  position: relative;
  display: block;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140462-3 {
  align-items: flex-end;
  background-color: var(--sea-serpent);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 205px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 448px;
  width: 340px;
}

.dpe-summit-2023-medium-breakpoint-768px .overlap-group1-7 {
  height: 205px;
  margin-bottom: 0;
  position: relative;
  width: 340px;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140459-9 {
  height: 64px;
  left: 0;
  position: absolute;
  top: 141px;
  width: 141px;
}

.dpe-summit-2023-medium-breakpoint-768px .gautam-korlam-3 {
  letter-spacing: 0.7px;
  line-height: 17.6px;
  margin-right: -0.09px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.dpe-summit-2023-medium-breakpoint-768px .logo-uber-3 {
  height: 16px;
  margin-bottom: -4.22px;
  min-width: 48px;
  position: relative;
}

.dpe-summit-2023-medium-breakpoint-768px .gautam-korlam-fnl-1-3 {
  height: 205px;
  left: 135px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 205px;
}

.dpe-summit-2023-medium-breakpoint-768px .isolation_-mode-3 {
  /* height: 1381px; */
  left: 218px;
  position: absolute;
  top: 0;
  /* width: 474px; */
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140463-3 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 344px;
  left: 362px;
  overflow: hidden;
  position: absolute;
  top: 271px;
  width: 254px;
}

.dpe-summit-2023-medium-breakpoint-768px .overlap-group2-7 {
  align-items: flex-end;
  background-image: url(/wp-content/uploads/2023/06//aubrey-chipman-isolated-1-5@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 324px;
  min-width: 254px;
  padding: 0px 0;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140459-10 {
  height: 70px;
  position: relative;
  width: 95px;
}

.dpe-summit-2023-medium-breakpoint-768px .name-7 {
  margin-right: -10.09px;
}

.dpe-summit-2023-medium-breakpoint-768px .vector-7 {
  height: 25px;
  margin-bottom: -7.29px;
  min-width: 20.79px;
  position: relative;
}

.dpe-summit-2023-medium-breakpoint-768px .speaker-logos-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--mercury);
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 46px 24px;
  position: relative;
}

.dpe-summit-2023-medium-breakpoint-768px .featuring-speakers-from-3 {
  letter-spacing: 0;
  line-height: 24.7px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140474-3 {
  /* height: 102px;
    min-width: 475px; */
  position: relative;
}

.dpe-summit-2023-medium-breakpoint-768px .meet-the-speakers-section-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 64px 0px;
  position: relative;
}

.dpe-summit-2023-medium-breakpoint-768px .meet-this-years-speakers-3 {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: 58px;
  font-weight: 900;
  letter-spacing: 0.3px;
  line-height: 66.7px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 660px;
}

.dpe-summit-2023-medium-breakpoint-768px .lorem-ipsum-dolor-si-3 {
  letter-spacing: 0;
  line-height: 28.5px;
  position: relative;
  text-align: center;
  width: 660px;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140504 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: fit-content;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-14048-2 {
  height: 197px;
  min-width: 324px;
  position: relative;
}

.dpe-summit-2023-medium-breakpoint-768px .the-elusive-quest-to-3 {
  height: 75px;
  left: 134px;
  letter-spacing: 0;
  line-height: 145%;
  position: absolute;
  /* top: 93px; */
  width: 190px;
  display: flex;
  align-items: center;
}

.dpe-summit-2023-medium-breakpoint-768px .pill-right-4 {
  align-items: flex-start;
  display: flex;
  height: 197px;
  justify-content: flex-end;
  left: 0;
  min-width: 118px;
  padding: 0px 0;
  position: absolute;
  top: 0;
}

.dpe-summit-2023-medium-breakpoint-768px .overlap-group2-6 {
  height: 197px;
  position: relative;
  width: 365px;
}

.dpe-summit-2023-medium-breakpoint-768px .container-3 {
  height: 119px;
  left: 7px;
  position: absolute;
  top: 68px;
  width: 358px;
}

.dpe-summit-2023-medium-breakpoint-768px .overlap-group-6 {
  height: 186px;
  left: 7px;
  position: absolute;
  top: 0;
  width: 118px;
}

.dpe-summit-2023-medium-breakpoint-768px .background-3 {
  background: linear-gradient(
    180deg,
    rgb(6, 160, 206) 0%,
    rgb(81, 203, 191) 100%
  );
  border-radius: 59.06px;
  height: 118px;
  left: 0;
  position: absolute;
  top: 68px;
  width: 118px;
}

.dpe-summit-2023-medium-breakpoint-768px .clipping-mask-3 {
  height: 186px;
  left: 0;
  position: absolute;
  top: 0;
  width: 118px;
}

.dpe-summit-2023-medium-breakpoint-768px .overlap-group1-6 {
  height: 45px;
  left: 0;
  position: absolute;
  top: 152px;
  width: 61px;
}

.dpe-summit-2023-medium-breakpoint-768px .rectangle-3-3 {
  background-color: var(--white);
  border-radius: 40px;
  height: 45px;
  left: 7px;
  position: absolute;
  top: 0;
  width: 45px;
}

.dpe-summit-2023-medium-breakpoint-768px .icon-netflix-3 {
  height: 27px;
  left: 0;
  position: absolute;
  top: 9px;
  width: 61px;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-1404-5 {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: -30px;
  position: relative;
  width: fit-content;
}

.dpe-summit-2023-medium-breakpoint-768px .who-should-attend-section-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--gallery);
  display: flex;
  flex-direction: column;
  gap: 34px;
  justify-content: flex-end;
  padding: 168px 0px;
  position: relative;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-14049-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: fit-content;
}

.dpe-summit-2023-medium-breakpoint-768px .who-should-attend-3 {
  color: var(--woodsmoke);
  font-family: var(--font-family-lato);
  font-size: 58px;
  font-weight: 900;
  letter-spacing: 0.3px;
  line-height: 66.7px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 660px;
}

.dpe-summit-2023-medium-breakpoint-768px .a-world-class-event-3 {
  color: var(--woodsmoke);
  font-family: var(--font-family-lato);
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28.5px;
  position: relative;
  text-align: center;
  width: 660px;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140340-6 {
  border: 1px solid;
  border-color: var(--woodsmoke);
  padding: 16px 38px;
}

.dpe-summit-2023-medium-breakpoint-768px .get-your-ticket-7 {
  color: var(--woodsmoke);
  font-family: var(--font-family-lato);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.dpe-summit-2023-medium-breakpoint-768px .group-5 {
  height: 159px;
  left: 0;
  width: 175px;
}

.dpe-summit-2023-medium-breakpoint-768px .social-2-2 {
  height: 105px;
  left: 312px;
  position: absolute;
  top: 504px;
  width: 115px;
}

.dpe-summit-2023-medium-breakpoint-768px .group-6 {
  height: 96px;
  left: 310px;
  width: 119px;
}

.dpe-summit-2023-medium-breakpoint-768px .tablet-1-2-3 {
  height: 126px;
  left: 0;
  position: absolute;
  top: 483px;
  width: 149px;
}

.dpe-summit-2023-medium-breakpoint-768px .tablet-2-2-3 {
  height: 174px;
  left: 588px;
  position: absolute;
  top: 0;
  width: 180px;
}

.dpe-summit-2023-medium-breakpoint-768px .whiteboard-3-3 {
  height: 148px;
  left: 586px;
  position: absolute;
  top: 461px;
  width: 182px;
}

.dpe-summit-2023-medium-breakpoint-768px .sponsors-section-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--shark);
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  padding: 64px 0px;
  position: relative;
}

.dpe-summit-2023-medium-breakpoint-768px .who-is-behind-this-event-2 {
  color: var(--white);
  font-family: var(--font-family-lato);
  font-size: 58px;
  font-weight: 900;
  letter-spacing: 0.3px;
  line-height: 66.7px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  width: 460px;
}

.dpe-summit-2023-medium-breakpoint-768px .the-developer-produc-3 {
  color: var(--white);
  font-family: var(--font-family-lato);
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28.5px;
  position: relative;
  text-align: center;
  width: 452px;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140435-3 {
  /* height: 225.99px;
    min-width: 324.45px; */
  height: 176px;
  min-width: 441.99px;
  position: relative;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140438-3 {
  align-items: center;
  border: 2px solid;
  border-color: var(--white);
  border-radius: 72px;
  display: flex;
  gap: 16px;
  justify-content: center;
  padding: 6px 6px 6px 36px;
  position: relative;
  width: fit-content;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140437-3 {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  padding: 8px;
  position: relative;
  width: fit-content;
}

.dpe-summit-2023-medium-breakpoint-768px .sign-up-to-receive-u-2 {
  color: var(--nobel);
  font-family: var(--font-family-lato);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.7px;
  line-height: 16.2px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140340-7 {
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  padding: 12px 28px;
}

.dpe-summit-2023-medium-breakpoint-768px .subscribe-3 {
  letter-spacing: 0.5px;
  line-height: 16.2px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140340 {
  align-items: center;
  border-radius: 56px;
  display: flex;
  gap: 8px;
  justify-content: center;
  position: relative;
  width: fit-content;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140459 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 18px 16px 11px;
}

.dpe-summit-2023-medium-breakpoint-768px .get-your-ticket {
  letter-spacing: 0.5px;
  line-height: 16.2px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.dpe-summit-2023-medium-breakpoint-768px .group {
  position: absolute;
  top: 0;
}

.dpe-summit-2023-medium-breakpoint-768px .name {
  letter-spacing: 0.7px;
  line-height: 17.6px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
/* screen - dpe-summit-2023-small-breakpoint-375px */

.dpe-summit-2023-small-breakpoint-375px {
  align-items: flex-start;
  background-color: var(--black-haze);
  border: 1px none;
  display: flex;
  flex-direction: column;
  min-width: 375px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .body-container-small {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .hero-section-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 12px 0px 40px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140495 {
  align-items: center;
  gap: 12px;
  width: fit-content;
}

.dpe-summit-2023-small-breakpoint-375px .header-1 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 31px;
  height: auto;
  position: relative;
  width: fit-content;
}

.dpe-summit-2023-small-breakpoint-375px .frame-1404-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  width: fit-content;
}

.dpe-summit-2023-small-breakpoint-375px .meet-the-1 {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 39.1px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: 343px;
}

.dpe-summit-2023-small-breakpoint-375px .keynote-speakers-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-lato);
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 48.3px;
  position: relative;
  text-fill-color: transparent;
  white-space: nowrap;
  width: 343px;
  display: inline;
}

.dpe-summit-2023-small-breakpoint-375px .for-dpe-summit-2023-1 {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 39.1px;
  position: relative;
  white-space: nowrap;
  width: 343px;
}

.dpe-summit-2023-small-breakpoint-375px .come-and-learn-from-1 {
  letter-spacing: 0;
  line-height: 21.8px;
  position: relative;
  width: 343px;
}

.dpe-summit-2023-small-breakpoint-375px .hero-graphics-1 {
  height: 403px;
  min-width: 340px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .overlap-group2-3 {
  height: 959px;
  left: -18px;
  position: relative;
  top: -109px;
  width: 375px;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140458-1 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 192px;
  left: 22px;
  overflow: hidden;
  position: absolute;
  top: 130px;
  width: 136px;
}

.dpe-summit-2023-small-breakpoint-375px .overlap-group-3 {
  height: 175px;
  position: relative;
  width: 106px;
}

.dpe-summit-2023-small-breakpoint-375px .aubrey-chipman-isolated-1-1 {
  height: 104px;
  left: 0;
  position: absolute;
  top: 0;
  width: 97px;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140459-2 {
  left: 0;
  padding: 8px 18px 16px 25px;
  position: absolute;
  top: 97px;
}

.dpe-summit-2023-small-breakpoint-375px .name-2 {
  width: 59px;
}

.dpe-summit-2023-small-breakpoint-375px .vector-2 {
  height: 16px;
  min-width: 62.53px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140462-1 {
  align-items: flex-end;
  background-color: var(--sea-serpent);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  gap: 15px;
  height: 171px;
  left: 18px;
  overflow: hidden;
  position: absolute;
  top: 341px;
  width: 340px;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140459-3 {
  height: 83px;
  padding: 12px 34px 16px 33px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .gautam-korlam-1 {
  letter-spacing: 0.7px;
  line-height: 16.2px;
  margin-top: -1px;
  position: relative;
  width: 53px;
}

.dpe-summit-2023-small-breakpoint-375px .logo-uber-1 {
  height: 16px;
  min-width: 48px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .gautam-korlam-fnl-1-1 {
  height: 171px;
  object-fit: cover;
  width: 205px;
}

.dpe-summit-2023-small-breakpoint-375px .isolation_-mode-1 {
  /* height: 959px;
    left: 0; */
  position: absolute;
  top: 0;
  /* width: 375px; */
  top: -64px;
  width: 334%;
  left: 59px;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140463-1 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 214px;
  left: 178px;
  overflow: hidden;
  position: absolute;
  top: 109px;
  width: 177px;
}

.dpe-summit-2023-small-breakpoint-375px .overlap-group1-3 {
  align-items: flex-end;
  background-image: url(/wp-content/uploads/2023/06//aubrey-chipman-isolated-1-3@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 202px;
  min-width: 177px;
  padding: 0px 0;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140459-4 {
  padding: 12px 12px 16px 16px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .name-3 {
  width: 39px;
}

.dpe-summit-2023-small-breakpoint-375px .vector-3 {
  height: 25px;
  min-width: 20.79px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140479 {
  align-items: center;
  align-self: stretch;
  gap: 12px;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140454-1 {
  align-items: flex-start;
  background-color: var(--woodsmoke);
  border-radius: 7px;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 18px 54px;
  position: relative;
  width: 300px;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140456-1 {
  height: 31px;
  min-width: 243.1px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .brought-to-you-by-1 {
  color: var(--abbey);
  font-family: var(--font-family-lato);
  font-size: 12px;
  font-weight: 500;
  height: 16px;
  left: 0;
  letter-spacing: 0.7px;
  line-height: 16.2px;
  position: absolute;
  top: 12px;
  white-space: nowrap;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140455-1 {
  align-items: flex-end;
  display: flex;
  gap: 3px;
  left: 123px;
  position: absolute;
  top: 0;
  width: fit-content;
}

.dpe-summit-2023-small-breakpoint-375px .fill-1-1 {
  height: 28.87px;
  min-width: 38.84px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .fill-2-1 {
  height: 15.92px;
  min-width: 61.26px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .speaker-logos-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--mercury);
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 46px 24px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .featuring-speakers-from-1 {
  letter-spacing: 0;
  line-height: 21.8px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140474-1 {
  height: 165px;
  min-width: 324px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .speakers-section {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 40px 0px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .meet-this-years-speakers-1 {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: 52px;
  font-weight: 900;
  letter-spacing: 0.3px;
  line-height: 59.8px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  width: 340px;
}

.dpe-summit-2023-small-breakpoint-375px .lorem-ipsum-dolor-si-1 {
  color: var(--abbey);
  font-family: var(--font-family-lato);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 27px;
  position: relative;
  text-align: center;
  width: 340px;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140487 {
  align-items: flex-start;
  width: fit-content;
}

.dpe-summit-2023-small-breakpoint-375px .frame-1404-3 {
  height: 197px;
  min-width: 332px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .the-elusive-quest-to-1 {
  height: 66px;
  left: 142px;
  letter-spacing: 0;
  line-height: 145%;
  position: absolute;
  /* top: 97px; */
  width: 190px;
  display: flex;
  align-items: center;
}

.dpe-summit-2023-small-breakpoint-375px .pill-right-1 {
  padding: 0px 0;
}

.dpe-summit-2023-small-breakpoint-375px .overlap-group2-2 {
  height: 197px;
  position: relative;
  width: 361px;
}

.dpe-summit-2023-small-breakpoint-375px .container-1 {
  height: 119px;
  left: 7px;
  position: absolute;
  top: 68px;
  width: 354px;
}

.dpe-summit-2023-small-breakpoint-375px .overlap-group-2 {
  height: 186px;
  left: 7px;
  position: absolute;
  top: 0;
  width: 118px;
}

.dpe-summit-2023-small-breakpoint-375px .background-1 {
  background: linear-gradient(
    180deg,
    rgb(6, 160, 206) 0%,
    rgb(81, 203, 191) 100%
  );
  border-radius: 59.06px;
  height: 118px;
  left: 0;
  position: absolute;
  top: 68px;
  width: 118px;
}

.dpe-summit-2023-small-breakpoint-375px .clipping-mask-1 {
  height: 186px;
  left: 0;
  position: absolute;
  top: 0;
  width: 118px;
}

.dpe-summit-2023-small-breakpoint-375px .overlap-group1-2 {
  height: 45px;
  left: 0;
  position: absolute;
  top: 152px;
  width: 61px;
}

.dpe-summit-2023-small-breakpoint-375px .rectangle-3-1 {
  background-color: var(--white);
  border-radius: 40px;
  height: 45px;
  left: 7px;
  position: absolute;
  top: 0;
  width: 45px;
}

.dpe-summit-2023-small-breakpoint-375px .icon-netflix-1 {
  height: 27px;
  left: 0;
  position: absolute;
  top: 9px;
  width: 61px;
}

.dpe-summit-2023-small-breakpoint-375px .who-should-attend-section-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--gallery);
  display: flex;
  flex-direction: column;
  gap: 34px;
  padding: 120px 0px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .frame-14049-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: fit-content;
}

.dpe-summit-2023-small-breakpoint-375px .who-should-attend-1 {
  color: var(--woodsmoke);
  font-family: var(--font-family-lato);
  font-size: 52px;
  font-weight: 900;
  letter-spacing: 0.3px;
  line-height: 59.8px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  width: 340px;
}

.dpe-summit-2023-small-breakpoint-375px .a-world-class-event-1 {
  color: var(--woodsmoke);
  font-family: var(--font-family-lato);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 27px;
  position: relative;
  text-align: center;
  width: 340px;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140340-2 {
  border: 1px solid;
  border-color: var(--woodsmoke);
  padding: 16px 38px;
}

.dpe-summit-2023-small-breakpoint-375px .get-your-ticket-3 {
  color: var(--woodsmoke);
  font-family: var(--font-family-lato);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.dpe-summit-2023-small-breakpoint-375px .group-2 {
  height: 135px;
  left: 0;
  position: absolute;
  top: 0;
  width: 112px;
}

.dpe-summit-2023-small-breakpoint-375px .tablet-2-2-1 {
  height: 120px;
  left: 270px;
  position: absolute;
  top: 0;
  width: 105px;
}

.dpe-summit-2023-small-breakpoint-375px .tablet-1-2-1 {
  height: 94px;
  left: 0;
  position: absolute;
  top: 545px;
  width: 131px;
}

.dpe-summit-2023-small-breakpoint-375px .whiteboard-3-1 {
  height: 101px;
  left: 234px;
  position: absolute;
  top: 538px;
  width: 141px;
}

.dpe-summit-2023-small-breakpoint-375px .sponsors-section-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--shark);
  display: flex;
  flex-direction: column;
  gap: 34px;
  justify-content: center;
  padding: 80px 0px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .who-is-behind-this-event-1 {
  color: var(--white);
  font-family: var(--font-family-lato);
  font-size: 52px;
  font-weight: 900;
  letter-spacing: 0.3px;
  line-height: 59.8px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  width: 340px;
}

.dpe-summit-2023-small-breakpoint-375px .the-developer-produc-1 {
  color: var(--white);
  font-family: var(--font-family-lato);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 27px;
  position: relative;
  text-align: center;
  width: 340px;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140435-1 {
  /* height: 225.99px;
    min-width: 306.45px; */
  height: 268px;
  min-width: 314.46px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140438-1 {
  align-items: center;
  border: 2px solid;
  border-color: var(--white);
  border-radius: 72px;
  display: flex;
  gap: 12px;
  justify-content: center;
  padding: 6px 6px 6px 24px;
  position: relative;
  width: fit-content;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140437-1 {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  padding: 8px;
  position: relative;
  width: fit-content;
}

.dpe-summit-2023-small-breakpoint-375px .sign-up-to-receive-updates {
  color: var(--nobel);
  font-family: var(--font-family-lato);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.7px;
  line-height: 16.2px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140340-3 {
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  padding: 12px;
}

.dpe-summit-2023-small-breakpoint-375px .subscribe-1 {
  letter-spacing: 0.5px;
  line-height: 16.2px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.dpe-summit-2023-small-breakpoint-375px .frame {
  display: flex;
  flex-direction: column;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140340 {
  align-items: center;
  border-radius: 56px;
  display: flex;
  gap: 8px;
  justify-content: center;
  position: relative;
  width: fit-content;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140459 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: fit-content;
}

.dpe-summit-2023-small-breakpoint-375px .get-your-ticket {
  letter-spacing: 0.5px;
  line-height: 16.2px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.dpe-summit-2023-small-breakpoint-375px .name {
  letter-spacing: 0.7px;
  line-height: 16.2px;
  margin-top: -1px;
  position: relative;
}

.dpe-summit-2023-small-breakpoint-375px .pill-right {
  align-items: flex-start;
  display: flex;
  height: 197px;
  justify-content: flex-end;
  left: 0;
  min-width: 118px;
  position: absolute;
  top: 0;
}
/* screen - extra-large-breakpoint-1440px */

.extra-large-breakpoint-1440px {
  align-items: center;
  border: 1px none;
  display: flex;
  flex-direction: column;
  min-width: 1440px;
  position: relative;
}

.extra-large-breakpoint-1440px .body-container {
  align-items: center;
  align-self: stretch;
  background-color: #f8f8f8;
  display: flex;
  flex-direction: column;
  position: relative;
}

.extra-large-breakpoint-1440px .hero-section {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 46px;
  justify-content: center;
  padding: 46px 0px;
  position: relative;
}

.extra-large-breakpoint-1440px .header {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 47px;
  height: auto;
  position: relative;
  width: fit-content;
}

.extra-large-breakpoint-1440px .frame-1404 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: fit-content;
}

.extra-large-breakpoint-1440px .meet-the {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: 46px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 52.9px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.extra-large-breakpoint-1440px .keynote-speakers {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-lato);
  font-size: 54px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 62.1px;
  position: relative;
  text-fill-color: transparent;
  white-space: nowrap;
  width: fit-content;
  display: inline;
}

.extra-large-breakpoint-1440px .for-dpe-summit-2023 {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: 46px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 52.9px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.extra-large-breakpoint-1440px .come-and-learn-from {
  letter-spacing: 0;
  line-height: 27.6px;
  position: relative;
  width: 469px;
}

.extra-large-breakpoint-1440px .frame-140454 {
  align-items: flex-start;
  background-color: var(--woodsmoke);
  border-radius: 7px;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 18px 54px;
  position: relative;
  width: fit-content;
}

.extra-large-breakpoint-1440px .get-your-ticket {
  letter-spacing: 0.5px;
  line-height: 20.3px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.extra-large-breakpoint-1440px .frame-140456 {
  height: 31px;
  min-width: 243.1px;
  position: relative;
}

.extra-large-breakpoint-1440px .brought-to-you-by {
  color: var(--abbey);
  font-family: var(--font-family-lato);
  font-size: 15px;
  font-weight: 500;
  height: 20px;
  left: 0;
  letter-spacing: 0.7px;
  line-height: 20.3px;
  position: absolute;
  top: 10px;
  white-space: nowrap;
}

.extra-large-breakpoint-1440px .frame-140455 {
  align-items: flex-end;
  display: flex;
  gap: 3px;
  left: 140px;
  position: absolute;
  top: 0;
  width: fit-content;
}

.extra-large-breakpoint-1440px .fill-1 {
  height: 28.87px;
  min-width: 38.84px;
  position: relative;
}

.extra-large-breakpoint-1440px .fill-2 {
  height: 15.92px;
  min-width: 61.26px;
  position: relative;
}

.extra-large-breakpoint-1440px .hero-graphics {
  height: 494px;
  min-width: 689px;
  position: relative;
}

.extra-large-breakpoint-1440px .overlap-group3 {
  height: 586px;
  position: relative;
  top: -46px;
  width: 807px;
}

.extra-large-breakpoint-1440px .frame-140458 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 239px;
  left: 178px;
  overflow: hidden;
  position: absolute;
  top: 46px;
  width: 196px;
}

.extra-large-breakpoint-1440px .overlap-group-1 {
  height: 225px;
  position: relative;
  width: 162px;
}

.extra-large-breakpoint-1440px .aubrey-chipman-isolated-1 {
  height: 162px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 155px;
}

.extra-large-breakpoint-1440px .frame-140459 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  left: 0;
  padding: 12px 18px 16px 11px;
  position: absolute;
  top: 155px;
  width: fit-content;
}

.extra-large-breakpoint-1440px .name {
  letter-spacing: 0.7px;
  line-height: 20.3px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.extra-large-breakpoint-1440px .vector {
  height: 16px;
  min-width: 62.53px;
  position: relative;
}

.extra-large-breakpoint-1440px .frame-140462 {
  align-items: flex-start;
  background-color: var(--sea-serpent);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 225px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 315px;
  width: 374px;
}

.extra-large-breakpoint-1440px .overlap-group1-1 {
  height: 225px;
  position: relative;
  width: 374px;
}

.extra-large-breakpoint-1440px .gautam-korlam {
  letter-spacing: 0.7px;
  line-height: 20.3px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.extra-large-breakpoint-1440px .logo-uber {
  height: 16px;
  min-width: 48px;
  position: relative;
}

.extra-large-breakpoint-1440px .gautam-korlam-fnl-1 {
  height: 225px;
  left: 149px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 225px;
}

.extra-large-breakpoint-1440px .isolation_-mode {
  /* height: 586px; */
  left: 255px;
  position: absolute;
  /* top: 0;
    width: 552px; */
  top: -139px;
}

.extra-large-breakpoint-1440px .frame-140463 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 380px;
  left: 408px;
  overflow: hidden;
  position: absolute;
  top: 95px;
  width: 281px;
}

/* .extra-large-breakpoint-1440px .overlap-group2-1 {
    align-items: flex-end;
    background-image: url(/wp-content/uploads/2023/06//aubrey-chipman-isolated-1-1@2x.png);
    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    height: 358px;
    min-width: 281px;
    padding: 0.0px 0;
  } */
.extra-large-breakpoint-1440px .overlap-group1-1 {
  align-items: flex-end;
  background-image: url(/wp-content/uploads/2023/06/hansdockter-xl-358px-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 346px;
  min-width: 281px;
}
.extra-large-breakpoint-1440px .frame-140459-1 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 18px 16px 11px;
  position: relative;
  width: fit-content;
}

.extra-large-breakpoint-1440px .name-1 {
  letter-spacing: 0.7px;
  line-height: 20.3px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.extra-large-breakpoint-1440px .vector-1 {
  height: 25px;
  min-width: 20.79px;
  position: relative;
}

.extra-large-breakpoint-1440px .speaker-logos {
  align-items: center;
  align-self: stretch;
  background-color: var(--mercury);
  display: flex;
  gap: 24px;
  justify-content: center;
  padding: 56px 24px;
  position: relative;
}

.extra-large-breakpoint-1440px .featuring-speakers-from {
  letter-spacing: 0;
  line-height: 27.6px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.extra-large-breakpoint-1440px .frame-140474 {
  /* height: 57px;
    min-width: 978px; */
  position: relative;
}

.extra-large-breakpoint-1440px .meet-the-speakers-section {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: 102px 0px;
  position: relative;
}

.extra-large-breakpoint-1440px .frame-14049 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: fit-content;
}

.extra-large-breakpoint-1440px .meet-this-years-speakers {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: 70px;
  font-weight: 900;
  letter-spacing: 0.3px;
  line-height: 80.5px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.extra-large-breakpoint-1440px .lorem-ipsum-dolor-si {
  color: var(--abbey);
  font-family: var(--font-family-lato);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 33px;
  position: relative;
  text-align: center;
  width: 900px;
}

.extra-large-breakpoint-1440px .frame-140489,
.frame-140489 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: fit-content;
}

.frame-14048 {
  height: 197px;
  min-width: 332px;
  position: relative;
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
}

.extra-large-breakpoint-1440px .frame-1404-1,
.frame-1404-1 {
  align-items: flex-start;
  display: flex;
  gap: 86px;
  position: relative;
  width: fit-content;
}

.frame-14048 {
  height: 197px;
  min-width: 332px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.extra-large-breakpoint-1440px .frame-14048 {
  align-items: end;
}

.index .the-elusive-quest-to,
.screen.dpe-summit-2023-small-breakpoint-375px .the-elusive-quest-to,
.dpe-summit-2023-medium-breakpoint-768px .the-elusive-quest-to {
  height: 84px;
  left: 142px;
  letter-spacing: 0;
  line-height: 145%;
  position: relative;
  top: 38px !important;
  width: 215px;
  /* display: flex;
    align-items: center; */
}

.extra-large-breakpoint-1440px .the-elusive-quest-to {
  height: 84px;
  left: 142px;
  letter-spacing: 0;
  line-height: 145%;
  position: relative;
  top: -13px;
  width: 215px;
  /* display: flex;
    align-items: center; */
}

.extra-large-breakpoint-1440px .pill-right,
.pill-right {
  align-items: flex-start;
  display: flex;
  height: 197px;
  justify-content: flex-end;
  left: 0;
  min-width: 118px;
  padding: 0px 0;
  position: absolute;
  top: 0;
}

.extra-large-breakpoint-1440px .overlap-group2,
.overlap-group2 {
  height: 197px;
  position: relative;
  width: 365px;
}

.extra-large-breakpoint-1440px .container {
  height: 119px;
  left: 7px;
  position: absolute;
  top: 68px;
  width: 358px;
}

.extra-large-breakpoint-1440px .overlap-group,
.overlap-group {
  /* height: 186px; */
  /* left: 7px;
    position: absolute;
    top: 0;
    width: 118px; */
}

.extra-large-breakpoint-1440px .background,
.background {
  background: linear-gradient(
    180deg,
    rgb(6, 160, 206) 0%,
    rgb(81, 203, 191) 100%
  );
  border-radius: 59.06px;
  height: 118px;
  left: 0;
  position: absolute;
  top: 68px;
  width: 118px;
}

.extra-large-breakpoint-1440px .clipping-mask,
.clipping-mask {
  /* height: 186px; */
  left: 0;
  position: absolute;
  /* top: 79; */
  top: 12px;
  width: 108px;
}

.extra-large-breakpoint-1440px .overlap-group1,
.overlap-group1 {
  height: 45px;
  left: 0;
  position: absolute;
  top: 152px;
  width: 61px;
  transition: width 0.1s; /* Animation for width */
}

.extra-large-breakpoint-1440px .rectangle-3,
.rectangle-3 {
  background-color: var(--white);
  border-radius: 40px;
  height: 45px;
  left: 7px;
  position: absolute;
  /* position: relative; */
  top: 0;
  width: 45px;
  transition: width 0.1s, left 0.1s;
  transform-origin: center;
}

.extra-large-breakpoint-1440px .icon-netflix,
.icon-netflix {
  height: 60%;
  left: 11px;
  position: absolute;
  top: 9px;
  width: 60%;
  opacity: 1;
  transition: opacity 0.1s;
}

.extra-large-breakpoint-1440px .who-should-attend-section {
  align-items: center;
  align-self: stretch;
  background-color: var(--gallery);
  display: flex;
  flex-direction: column;
  gap: 34px;
  padding: 246px 0px;
  position: relative;
}

.extra-large-breakpoint-1440px .frame-140494 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 34px;
  position: relative;
  width: fit-content;
}

.extra-large-breakpoint-1440px .who-should-attend {
  color: var(--woodsmoke);
  font-family: var(--font-family-lato);
  font-size: 70px;
  font-weight: 900;
  letter-spacing: 0.3px;
  line-height: 80.5px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.extra-large-breakpoint-1440px .a-world-class-event {
  color: var(--woodsmoke);
  font-family: var(--font-family-lato);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 33px;
  position: relative;
  text-align: center;
  width: 900px;
}

.extra-large-breakpoint-1440px .frame-140340 {
  align-items: center;
  border: 1px solid;
  border-color: var(--woodsmoke);
  border-radius: 56px;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 16px 38px;
  position: relative;
  width: fit-content;
}

.extra-large-breakpoint-1440px .get-your-ticket-1 {
  color: var(--woodsmoke);
  font-family: var(--font-family-lato);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 20.3px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.extra-large-breakpoint-1440px .group {
  /* height: 231px; */
  left: 0;
  position: absolute;
  /* top: 0; */
  top: -74px;
  /* width: 278px; */
  width: 310;
}

.extra-large-breakpoint-1440px .social-2 {
  /* height: 189px; */
  left: 0;
  position: absolute;
  top: 426px;
  /* width: 132px; */
  width: 162px;
}

.extra-large-breakpoint-1440px .group-1 {
  height: 243px;
  left: 1287px;
  position: absolute;
  top: 296px;
  width: 153px;
}

.extra-large-breakpoint-1440px .tablet-1-2 {
  height: 148px;
  left: 306px;
  position: absolute;
  top: 617px;
  width: 231px;
}

.extra-large-breakpoint-1440px .tablet-2-2 {
  height: 246px;
  left: 1099px;
  position: absolute;
  top: 0;
  width: 325px;
}

.extra-large-breakpoint-1440px .whiteboard-3 {
  height: 184px;
  left: 936px;
  position: absolute;
  top: 581px;
  width: 339px;
}

.extra-large-breakpoint-1440px .sponsors-section {
  align-items: center;
  align-self: stretch;
  background-color: var(--shark);
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding: 102px 0px;
  position: relative;
}

.extra-large-breakpoint-1440px .who-is-behind-this-event {
  color: var(--white);
  font-family: var(--font-family-lato);
  font-size: 70px;
  font-weight: 900;
  letter-spacing: 0.3px;
  line-height: 80.5px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.extra-large-breakpoint-1440px .the-developer-produc {
  color: var(--white);
  font-family: var(--font-family-lato);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 33px;
  position: relative;
  text-align: center;
  width: 781px;
}

.extra-large-breakpoint-1440px .frame-140435 {
  /* height: 107px;
    min-width: 678.45px; */
  height: 107px;
  min-width: 864.45px;
  position: relative;
}

.extra-large-breakpoint-1440px .frame-140438 {
  align-items: center;
  border: 2px solid;
  border-color: var(--white);
  border-radius: 72px;
  display: flex;
  gap: 64px;
  justify-content: center;
  padding: 6px 6px 6px 36px;
  position: relative;
  width: fit-content;
}

.extra-large-breakpoint-1440px .frame-140437 {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  padding: 8px;
  position: relative;
  width: fit-content;
}

.extra-large-breakpoint-1440px .sign-up-to-receive-u {
  color: var(--nobel);
  font-family: var(--font-family-lato);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.7px;
  line-height: 20.3px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.extra-large-breakpoint-1440px .frame-140340-1 {
  align-items: center;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border-radius: 56px;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 12px 28px;
  position: relative;
  width: fit-content;
}

.extra-large-breakpoint-1440px .subscribe {
  letter-spacing: 0.5px;
  line-height: 20.3px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}
/* screen - index */

.index {
  align-items: flex-start;
  background-color: var(--black-haze);
  border: 1px none;
  display: flex;
  flex-direction: column;
  min-width: 1280px;
  position: relative;
}

.index .body-container-large {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 1280px;
}

.index .hero-section-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
  padding: 46px 0px;
  position: relative;
}

.index .header-2 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 47px;
  height: auto;
  position: relative;
  width: fit-content;
}

.index .frame-14047 {
  width: fit-content;
}

.index .frame-140439 {
  width: 420px;
}

.index .meet-the-2 {
  align-self: stretch;
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: 43px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 49.4px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
}

.index .keynote-speakers-2 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  align-self: stretch;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-lato);
  font-size: 50px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 57.5px;
  position: relative;
  text-fill-color: transparent;
  white-space: nowrap;
  display: inline;
}

.index .for-dpe-summit-2023-2 {
  align-self: stretch;
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: 43px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 49.4px;
  position: relative;
}

.index .come-and-learn-from-2 {
  letter-spacing: 0;
  line-height: 24.7px;
  position: relative;
  width: 420px;
}

.index .frame-140454-2 {
  align-items: flex-start;
  background-color: var(--woodsmoke);
  border-radius: 7px;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 18px 54px;
  position: relative;
  width: fit-content;
}

.index .get-your-ticket-4 {
  color: var(--white);
}

.index .frame-140456-2 {
  height: 31px;
  min-width: 243.1px;
  position: relative;
}

.index .brought-to-you-by-2 {
  color: var(--abbey);
  font-family: var(--font-family-lato);
  font-size: 13px;
  font-weight: 500;
  height: 18px;
  left: 0;
  letter-spacing: 0.7px;
  line-height: 17.6px;
  position: absolute;
  top: 11px;
  white-space: nowrap;
}

.index .frame-140455-2 {
  align-items: flex-end;
  display: flex;
  gap: 3px;
  left: 123px;
  position: absolute;
  top: 0;
  width: fit-content;
}

.index .fill-1-2 {
  height: 28.87px;
  min-width: 38.84px;
  position: relative;
}

.index .fill-2-2 {
  height: 15.92px;
  min-width: 61.26px;
  position: relative;
}

.index .hero-graphics-2 {
  height: 494px;
  min-width: 689px;
  position: relative;
}

.index .overlap-group3-1 {
  height: 1243px;
  left: 36px;
  position: relative;
  top: -46px;
  width: 738px;
}

.index .frame-140458-2 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 199px;
  left: 178px;
  overflow: hidden;
  position: absolute;
  top: 86px;
  width: 163px;
}

.index .overlap-group-5 {
  height: 187px;
  position: relative;
  width: 129px;
}

.index .aubrey-chipman-isolated-1-2 {
  height: 135px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 129px;
}

.index .frame-140459-5 {
  height: 57px;
  left: 0;
  position: absolute;
  top: 131px;
  width: 123px;
}

.index .name-4 {
  margin-right: -24.92px;
}

.index .vector-4 {
  height: 16px;
  margin-bottom: -11.38px;
  min-width: 62.53px;
  position: relative;
}

.index .frame-140462-2 {
  align-items: flex-end;
  background-color: var(--sea-serpent);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 205px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 310px;
  width: 340px;
}

.index .overlap-group1-5 {
  height: 205px;
  margin-bottom: 0;
  position: relative;
  width: 340px;
}

.index .frame-140459-6 {
  height: 64px;
  left: 0;
  position: absolute;
  top: 141px;
  width: 141px;
}

.index .gautam-korlam-2 {
  letter-spacing: 0.7px;
  line-height: 17.6px;
  margin-right: -0.09px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .logo-uber-2 {
  height: 16px;
  margin-bottom: -4.22px;
  min-width: 48px;
  position: relative;
}

.index .gautam-korlam-fnl-1-2 {
  height: 205px;
  left: 135px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 205px;
}

.index .isolation_-mode-2 {
  /* height: 1243px; */
  /* left: 218px; */
  left: 227px;
  position: absolute;
  top: -140px;
  /* top: 0; */
  /* width: 520px; */
}

.index .frame-140463-2 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 344px;
  left: 362px;
  overflow: hidden;
  position: absolute;
  top: 133px;
  width: 254px;
}

.index .overlap-group2-5 {
  align-items: flex-end;
  background-image: url(/wp-content/uploads/2023/06//aubrey-chipman-isolated-1-5@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 324px;
  min-width: 254px;
  padding: 0px 0;
}

.index .frame-140459-7 {
  height: 70px;
  position: relative;
  width: 95px;
}

.index .name-5 {
  margin-right: -10.09px;
}

.index .vector-5 {
  height: 25px;
  margin-bottom: -7.29px;
  min-width: 20.79px;
  position: relative;
}

.index .speaker-logos-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--mercury);
  display: flex;
  gap: 24px;
  justify-content: center;
  padding: 56px 24px;
  position: relative;
}

.index .featuring-speakers-from-2 {
  letter-spacing: 0;
  line-height: 24.7px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-140474-2 {
  /* height: 55px;
    min-width: 896px; */
  position: relative;
}

.index .meet-the-speakers-section-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: 102px 0px;
  position: relative;
}

.index .frame-14049-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: fit-content;
}

.index .meet-this-years-speakers-2 {
  color: var(--black);
  font-family: var(--font-family-lato);
  font-size: 64px;
  font-weight: 900;
  letter-spacing: 0.3px;
  line-height: 73.6px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .lorem-ipsum-dolor-si-2 {
  color: var(--abbey);
  font-family: var(--font-family-lato);
  font-size: 21px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 31.5px;
  position: relative;
  text-align: center;
  width: 900px;
}

.index .frame-140489-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: fit-content;
}

.index .frame-1404-4 {
  align-items: flex-start;
  display: flex;
  gap: 37px;
  position: relative;
  width: fit-content;
}

.index .frame-14048-1 {
  height: 197px;
  min-width: 332px;
  position: relative;
}

.index .the-elusive-quest-to-2 {
  height: 75px;
  left: 142px;
  line-height: 145%;
  letter-spacing: 0;
  line-height: 24.7px;
  position: absolute;
  /* top: 93px; */
  width: 190px;
}

.index .pill-right-3 {
  align-items: flex-start;
  display: flex;
  height: 197px;
  justify-content: flex-end;
  left: 0;
  min-width: 118px;
  padding: 0px 0;
  position: absolute;
  top: 0;
}

.index .overlap-group2-4 {
  height: 197px;
  position: relative;
  width: 365px;
}

.index .container-2 {
  height: 119px;
  left: 7px;
  position: absolute;
  top: 68px;
  width: 358px;
}

.index .overlap-group-4 {
  height: 186px;
  left: 7px;
  position: absolute;
  top: 0;
  width: 118px;
}

.index .background-2 {
  background: linear-gradient(
    180deg,
    rgb(6, 160, 206) 0%,
    rgb(81, 203, 191) 100%
  );
  border-radius: 59.06px;
  height: 118px;
  left: 0;
  position: absolute;
  top: 68px;
  width: 118px;
}

.index .clipping-mask-2 {
  height: 186px;
  left: 0;
  position: absolute;
  top: 0;
  width: 118px;
}

.index .overlap-group1-4 {
  height: 45px;
  left: 0;
  position: absolute;
  top: 152px;
  width: 61px;
}

.index .rectangle-3-2 {
  background-color: var(--white);
  border-radius: 40px;
  height: 45px;
  left: 7px;
  position: absolute;
  top: 0;
  width: 45px;
}

.index .icon-netflix-2 {
  height: 27px;
  left: 0;
  position: absolute;
  top: 9px;
  width: 61px;
}

.index .who-should-attend-section-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--gallery);
  display: flex;
  flex-direction: column;
  gap: 34px;
  padding: 246px 0px;
  position: relative;
}

.index .frame-140494-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 34px;
  position: relative;
  width: fit-content;
}

.index .who-should-attend-2 {
  color: var(--woodsmoke);
  font-family: var(--font-family-lato);
  font-size: 64px;
  font-weight: 900;
  letter-spacing: 0.3px;
  line-height: 73.6px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .a-world-class-event-2 {
  color: var(--woodsmoke);
  font-family: var(--font-family-lato);
  font-size: 21px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 31.5px;
  position: relative;
  text-align: center;
  width: 900px;
}

.index .frame-140340-4 {
  border: 1px solid;
  border-color: var(--woodsmoke);
  padding: 16px 38px;
}

.index .get-your-ticket-5 {
  color: var(--woodsmoke);
  text-align: center;
}

.index .group-3 {
  /* height: 245px; */
  left: 0;
  position: absolute;
  top: 0;
  width: 294px;
  /* height: 231px; */
  /* top: 0; */
  top: -74px;
  /* width: 278px; */
  width: 310;
}

.index .social-2-1 {
  /* height: 189px; */
  left: 0;
  position: absolute;
  top: 415px;
  width: 132px;
  top: 426px;
  /* width: 132px; */
  width: 162px;
}

.index .group-4 {
  height: 243px;
  left: 1127px;
  position: absolute;
  top: 296px;
  width: 153px;
}

.index .tablet-1-2-2 {
  height: 148px;
  left: 306px;
  position: absolute;
  top: 606px;
  width: 231px;
}

.index .tablet-2-2-2 {
  height: 246px;
  left: 939px;
  position: absolute;
  top: 0;
  width: 325px;
}

.index .whiteboard-3-2 {
  height: 184px;
  left: 776px;
  position: absolute;
  top: 570px;
  width: 339px;
}

.index .sponsors-section-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--shark);
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding: 102px 0px;
  position: relative;
}

.index .title {
  color: var(--white);
  font-family: var(--font-family-lato);
  font-size: 70px;
  font-weight: 900;
  letter-spacing: 0.3px;
  line-height: 80.5px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .the-developer-produc-2 {
  color: var(--white);
  font-family: var(--font-family-lato);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 33px;
  position: relative;
  text-align: center;
  width: 781px;
}

.index .frame-140435-2 {
  /* height: 107px;
    min-width: 678.45px; */
  height: 107px;
  min-width: 864.45px;
  position: relative;
}

.index .frame-140438-2 {
  align-items: center;
  border: 2px solid;
  border-color: var(--white);
  border-radius: 72px;
  display: flex;
  gap: 64px;
  justify-content: center;
  padding: 6px 6px 6px 36px;
  position: relative;
  width: fit-content;
}

.index .frame-140437-2 {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  padding: 8px;
  position: relative;
  width: fit-content;
}

.index .sign-up-to-receive-u-1 {
  color: var(--nobel);
  font-family: var(--font-family-lato);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.7px;
  line-height: 20.3px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-140340-5 {
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  padding: 12px 28px;
}

.index .subscribe-2 {
  letter-spacing: 0.5px;
  line-height: 20.3px;
  margin-top: -1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .frame {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.index .frame-140340 {
  align-items: center;
  border-radius: 56px;
  display: flex;
  gap: 8px;
  justify-content: center;
  position: relative;
  width: fit-content;
}

.index .frame-140459 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 18px 16px 11px;
}

.index .get-your-ticket {
  font-family: var(--font-family-lato);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 17.6px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .name {
  letter-spacing: 0.7px;
  line-height: 17.6px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
/* new styles update */
/* temp hide signup */
/* .dpe-summit-2023-small-breakpoint-375px .frame-140438-1, .extra-large-breakpoint-1440px .frame-140438, .index .frame-140438-2, .dpe-summit-2023-medium-breakpoint-768px .frame-140438-3 {
    display: none;
  } */
/* adjust padding for who should attend section */
.extra-large-breakpoint-1440px .who-should-attend-section {
  padding-bottom: 229px;
}
.index .who-should-attend-section-2 {
  padding-bottom: 233px;
}
/* who should attend position fixes add container */
.extra-large-breakpoint-1440px .frame-140494 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: auto;
}
.dpe-summit-2023-small-breakpoint-375px .frame-14049-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 375px;
  margin: auto;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-14049-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 768px;
  margin: auto;
}
.index .frame-140494-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: auto;
}

.extra-large-breakpoint-1440px .image-container {
  position: absolute;
  /* top: 50%; */
  top: -101px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.dpe-summit-2023-small-breakpoint-375px .image-container {
  top: 74px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.dpe-summit-2023-medium-breakpoint-768px .image-container {
  top: -38px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.index .image-container {
  top: -108px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
/* speaker pill styles */
/* xl styles */
.pill-container {
  border-radius: 65px;
  background: #efefef;
  box-shadow: -6px -6px 5px 0px rgba(255, 255, 255, 0.4),
    6px 6px 4px 0px rgba(77, 77, 77, 0.2);
  position: absolute;
  width: 358px;
  height: 123px;
  top: 63px;
  left: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.speaker-text-container {
  display: flex;
  width: 189px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  left: 55px;
}
.speaker-session {
  background-image: linear-gradient(to right, #06a0ce, #51cbbf);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-emphasis-color: transparent;
  font-size: 14px;
  font-family: Lato;
  font-weight: 900;
  margin-bottom: 8px;
  line-height: 120%;
  display: inline;
}
.pill-speaker-name {
  font-size: 22px;
  font-family: Lato;
  font-weight: 900;
  color: #000000;
  line-height: 1;
}
.pill-speaker-title {
  color: #000000;
  font-size: 15px;
  font-family: Lato;
  font-weight: 500;
  font-style: italic;
  line-height: auto;
}
/* reset pill-container for animation */
.pill-container {
  width: 0; /* Initial width set to 0 */
  opacity: 0; /* Initial opacity set to 0 */
  transition: width 0.1s, opacity 0.1s; /* Animation for width and opacity */
}
.background {
  cursor: pointer;
}

.extra-large-breakpoint-1440px .rectangle-3 .inner-rectangle,
.rectangle-3 .inner-rectangle {
  position: relative;
  width: 100%;
  height: 100%;
  left: -50%;
  background-color: var(--white);
  transition: all 0.1s;
}

/* pill logo styles */
.extra-large-breakpoint-1440px .pill-logo,
.pill-logo {
  /* The position, height, and width properties should be the same as .icon-netflix */
  position: absolute;
  top: 15px;
  /* left: 0; */
  left: -15px;
  width: 65%;
  /* height: 27px;
    width: 61px; */
  opacity: 0; /* Initial opacity set to 0 */
  transition: opacity 0.1s; /* Animation for opacity */
}
/* fix full width for breakpoints */
.index .body-container-large,
.body-container-medium {
  width: 100vw !important;
}
/* modal fix for header */
.container .navbar,
#navbarSupportedContent,
#header,
#navbarSupportedContent {
  z-index: 99 !important;
}
#navbarSupportedContent {
  z-index: 99 !important;
}
/* Edits for wrapping speakers and making flex containers  */

.extra-large-breakpoint-1440px .frame-1404-1,
.frame-1404-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 34px;
  position: relative;
  width: 100%;
  max-width: 1380px;
  justify-content: space-around; /* if you want the items to spread evenly */
}
.large-speaker-section.frame-1404-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 86px;
  position: relative;
  width: 100%;
  max-width: 1240px;
  justify-content: space-around; /* if you want the items to spread evenly */
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140487-1 {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: center;
  position: relative;
  width: fit-content;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140487-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* gap: 50px; */
  position: relative;
  width: 100%;
  max-width: 722px;
  justify-content: space-around;
}
.separator-line {
  width: 69px;
  height: 4px;
  background: var(
    --gradle-gradient,
    linear-gradient(135deg, #209bc4 0%, #4dc9c0 100%)
  );
  margin: 40px 0px;
}
.tap-more-sm {
  color: var(--gray-1, #0b0d0f);
  text-align: center;
  font-family: Lato;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  width: 343px;
}
.dpe-summit-2023-medium-breakpoint-768px .the-elusive-quest-to,
.dpe-summit-2023-small-breakpoint-375px .the-elusive-quest-to {
  font-size: 15px;
}
.screen.dpe-summit-2023-small-breakpoint-375px .the-elusive-quest-to {
  width: 178px;
}
/* sign up form */
/* 
/* nav overrides 
#header-nav .nav-link, #home-hero .nav-link, .page-id-2069 #header-nav .nav-link {
    color: var(--gray-1, #0B0D0F) !important;
    font-size: 15px !important;
    font-family: Lato !important;
    font-weight: 500 !important;
    line-height: 135% !important;
    letter-spacing: 0.7px !important;
}
#header {
    margin-bottom: -2px;
    padding-top: 12px;
}
.nav-link-button-reverse {
        border-radius: 4px !important;
        border: 1px solid var(--gray-1, #0B0D0F) !important;
        display: flex !important;
        padding: 8px 18px !important;
        align-items: center;
        gap: 8px;
}
ul.navbar-nav.ms-auto {
    background-color: #F8F8F8 !important
} */
/* add for better animation of pill container */
.speaker-text-container {
  display: none;
  /* Rest of your CSS */
}
.overlap-group1 {
  width: 61px;
  transition: width 0.1s;
}

.overlap-group1.expand {
  width: 106px;
}
/* add sponsor */

.extra-large-breakpoint-1440px .frame-140474 {
  /* height: 57px;
    min-width: 975.03px; */
  position: relative;
}
.index .frame-140474-3 {
  height: 55px;
  min-width: 893.03px;
  position: relative;
}

.dpe-summit-2023-medium-breakpoint-768px .frame-140474-2 {
  height: 102px;
  min-width: 550.33px;
  position: relative;
}
.dpe-summit-2023-small-breakpoint-375px .frame-140474-1 {
  /* height: 180px;
    min-width: 324px; */
  position: relative;
}
/* new speaker keynotes */
.extra-large-breakpoint-1440px .frame-140458 {
  align-items: flex-start;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  flex-direction: column;
  height: 239px;
  left: 178px;
  overflow: hidden;
  position: absolute;
  top: 46px;
  width: 196px;
}
.extra-large-breakpoint-1440px .anna-sulkina_xl-358px-1 {
  height: 162px;
  margin-top: 25px;
  object-fit: cover;
  width: 162px;
}

.extra-large-breakpoint-1440px .vector {
  height: 24px;
  min-width: 23px;
  position: relative;
}
.extra-large-breakpoint-1440px .name {
  letter-spacing: 0.7px;
  line-height: 20.3px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.extra-large-breakpoint-1440px .frame-140459 {
  align-items: center;
  background-color: #ffffff;
  border-radius: 0px 24px 0px 0px;
  display: flex;
  gap: 12px;
  padding: 12px 18px 16px 25px;
  position: relative;
  width: fit-content;
}

.extra-large-breakpoint-1440px .vector {
  height: 24px;
  min-width: 23px;
  position: relative;
}

.extra-large-breakpoint-1440px .frame-140462 {
  align-items: flex-end;
  background-color: var(--sea-serpent);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 225px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 315px;
  width: 374px;
}
.extra-large-breakpoint-1440px .ali-reza-adl-tabatabai_xl-358-1 {
  height: 224px;
  left: 117px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 245px;
}
.extra-large-breakpoint-1440px .frame-140459-3 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  width: fit-content;
}
.extra-large-breakpoint-1440px .logo-uber {
  height: 16px;
  min-width: 48px;
  position: relative;
}
.extra-large-breakpoint-1440px .ali-reza-adl-tabatabai {
  letter-spacing: 0.7px;
  line-height: 20.3px;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}
.extra-large-breakpoint-1440px .ali-reza-adl-tabatabai_xl-358-1 {
  height: 224px;
  left: 117px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 245px;
}
.extra-large-breakpoint-1440px .frame-140463 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 380px;
  left: 408px;
  overflow: hidden;
  position: absolute;
  top: 95px;
  width: 281px;
}
.extra-large-breakpoint-1440px .overlap-group1-1 {
  align-items: flex-end;
  background-image: url(/wp-content/uploads/2023/06/hansdockter-xl-358px-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 346px;
  min-width: 281px;
}
.extra-large-breakpoint-1440px .frame-140459-3 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  width: fit-content;
}
.extra-large-breakpoint-1440px .frame-140459-2 {
  gap: 14px;
  padding: 16px 18px 20px 25px;
  position: relative;
}
.extra-large-breakpoint-1440px .vector-1 {
  height: 25px;
  min-width: 34.64px;
  position: relative;
}
.extra-large-breakpoint-1440px .frame-140459-3 {
  align-items: center !important;
  background-color: #fffff;
  border-radius: 0px 24px 0px 0px !important;
  display: flex !important;
  width: fit-content !important;
}
.extra-large-breakpoint-1440px .overlap-group {
  height: 224px;
  position: relative;
  width: 362px;
}
.extra-large-breakpoint-1440px .frame-140459-1 {
  gap: 12px;
  left: 0;
  padding: 12px 18px 16px 25px;
  position: absolute;
  top: 156px !important;
  display: flex;
  flex-direction: row;
}
.valign-text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.extra-large-breakpoint-1440px .overlap-group2 {
  /* height: 586px;
    position: relative;
    top: -46px;
    width: 807px; */
}

.extra-large-breakpoint-1440px .frame-140458 {
  align-items: flex-start;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  flex-direction: column;
  height: 239px;
  left: 178px;
  overflow: hidden;
  position: absolute;
  top: 46px;
  width: 196px;
}

.extra-large-breakpoint-1440px .anna-sulkina_xl-358px-1 {
  height: 162px;
  margin-top: 25px;
  object-fit: cover;
  width: 162px;
}

.extra-large-breakpoint-1440px .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  gap: 12px;
  padding: 12px 53px 16px 22px;
  position: absolute;
  width: fit-content;
  display: flex;
  flex-direction: row;
  top: 187px;
  width: 177px;
  height: 50px;
}

.extra-large-breakpoint-1440px .vector {
  height: 24px;
  min-width: 23px;
  position: relative;
}

.extra-large-breakpoint-1440px .name {
  letter-spacing: 0.7px;
  line-height: 20.3px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.extra-large-breakpoint-1440px .frame-140462 {
  align-items: flex-end;
  background-color: var(--sea-serpent);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 225px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 315px;
  width: 374px;
}

.extra-large-breakpoint-1440px .overlap-group {
  height: 224px;
  position: relative;
  width: 362px;
}

.extra-large-breakpoint-1440px .ali-reza-adl-tabatabai_xl-358-1 {
  height: 224px;
  left: 117px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 245px;
}

.extra-large-breakpoint-1440px .frame-140459-1 {
  gap: 12px;
  left: 0;
  padding: 12px 18px 16px 25px;
  position: absolute;
  top: 156px;
}

.extra-large-breakpoint-1440px .logo-uber {
  height: 16px;
  min-width: 48px;
  position: relative;
}

.extra-large-breakpoint-1440px .ali-reza-adl-tabatabai {
  letter-spacing: 0.7px;
  line-height: 20.3px;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.extra-large-breakpoint-1440px .isolation_-mode {
  /* height: 586px; */
  left: 255px;
  position: absolute;
  /* top: 0;
    width: 552px; */
  top: -139px;
}

.extra-large-breakpoint-1440px .frame-140463 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 380px;
  left: 408px;
  overflow: hidden;
  position: absolute;
  top: 95px;
  width: 281px;
}
.index .frame-140458-3 {
  align-items: flex-start;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  flex-direction: column;
  height: 199px;
  left: 178px;
  overflow: hidden;
  position: absolute;
  top: 86px;
  width: 163px;
}
.index .anna-sulkina_xl-358px-1-3 {
  height: 138px;
  margin-left: 1px;
  margin-top: 9px;
  object-fit: cover;
  width: 138px;
}

.index .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  width: fit-content;
}

.index .frame-140459-9 {
  gap: 6px;
  margin-left: -21px;
  padding: 12px 34px 16px;
  position: relative;
  display: flex;
  flex-direction: row;
}
.index .vector-9 {
  height: 24px;
  min-width: 23px;
  position: relative;
}
.index .name-5 {
  letter-spacing: 0.7px;
  line-height: 17.6px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
img.ali-reza-adl-tabatabai_xl-358-1 {
  height: 224px !important;
  left: 117px !important;
  object-fit: cover !important;
  position: absolute;
  top: 0;
  width: 245px;
}
.index .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  width: fit-content;
  flex-direction: row;
  z-index: 2;
  /* width: 2; */
}
.frame-140459-6.frame-140459 {
  flex-direction: row-reverse;
  width: 193px;
}

.frame-140459-6.frame-140459 img.ali-reza-adl-tabatabai_xl-358-1 {
  height: 217px !important;
  left: 117px !important;
  object-fit: cover !important;
  position: absolute;
  top: 0;
  width: 225px;
}
.frame-140459-7.frame-140459 {
  display: flex;
  flex-direction: row-reverse;
  width: 187px;
  height: 63px;
}
.overlap-group-36 .frame-140459-6.frame-140459 {
  top: 131px;
}

.index .overlap-group2-5 {
  align-items: flex-end;
  background-image: url(/wp-content/uploads/2023/06//hansdockter-xl-358px-1-2@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 304px;
  min-width: 254px;
  padding: 0px 0;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140458-2 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 199px;
  left: 178px;
  overflow: hidden;
  position: absolute;
  top: 224px;
  width: 163px;
}
.dpe-summit-2023-medium-breakpoint-768px .overlap-group-36 {
  height: 176px;
  position: relative;
  width: 138px;
}
.dpe-summit-2023-medium-breakpoint-768px .anna-sulkina_xl-358px-1-2 {
  height: 133px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 133px;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  gap: 6px;
  width: fit-content;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140459-6 {
  left: 0;
  padding: 12px 16px;
  position: absolute;
  top: 128px;
}
.dpe-summit-2023-medium-breakpoint-768px .vector-6 {
  height: 24px;
  min-width: 23px;
  position: relative;
}
.dpe-summit-2023-medium-breakpoint-768px .name {
  letter-spacing: 0.7px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.dpe-summit-2023-medium-breakpoint-768px .name-3 {
  line-height: 16.2px;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140462-2 {
  align-items: flex-end;
  background-color: var(--sea-serpent);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 205px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 448px;
  width: 340px;
}
.dpe-summit-2023-medium-breakpoint-768px .overlap-group1-7 {
  height: 204px;
  position: relative;
  width: 340px;
}
.dpe-summit-2023-medium-breakpoint-768px .ali-reza-adl-tabatabai_xl-358-1-2 {
  height: 204px;
  left: 118px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 222px;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  gap: 6px;
  width: fit-content;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140459-7 {
  justify-content: center;
  left: 0;
  padding: 12px 18px 16px 25px;
  position: absolute;
  top: 147px;
}
.dpe-summit-2023-medium-breakpoint-768px .logo-uber-2 {
  height: 16px;
  min-width: 48px;
  position: relative;
}
.dpe-summit-2023-medium-breakpoint-768px .ali-reza-adl-tabatabai-2 {
  letter-spacing: 0.7px;
  line-height: 16.2px;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140463-2 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 344px;
  left: 362px;
  overflow: hidden;
  position: absolute;
  top: 271px;
  width: 254px;
}
.dpe-summit-2023-medium-breakpoint-768px .overlap-group2-4 {
  align-items: flex-end;
  background-image: url(/wp-content/uploads/2023/06/hansdockter-xl-358px-1-2@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 304px;
  min-width: 254px;
  padding: 0 0px;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  gap: 6px;
  width: fit-content;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140459-8 {
  margin-bottom: 0;
  padding: 14px 18px 14px 25px;
  position: relative;
}
.dpe-summit-2023-medium-breakpoint-768px .vector-7 {
  height: 25px;
  min-width: 34.64px;
  position: relative;
}
.dpe-summit-2023-medium-breakpoint-768px .name-4 {
  line-height: 17.6px;
}
.dpe-summit-2023-medium-breakpoint-768px .name {
  letter-spacing: 0.7px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  gap: 6px;
  width: fit-content;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  gap: 6px;
  display: flex;
  width: fit-content;
  flex-direction: row;
}
.frame-140459-6.frame-140459 {
  height: 49px;
  top: 160px;
}
.frame-140459-8.frame-140459 {
  position: absolute;
  top: 280px;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140458-2 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 199px;
  left: 178px;
  overflow: hidden;
  position: absolute;
  top: 224px;
  width: 163px;
}

.dpe-summit-2023-medium-breakpoint-768px .overlap-group-36 {
  height: 176px;
  position: relative;
  width: 138px;
}
.dpe-summit-2023-medium-breakpoint-768px .anna-sulkina_xl-358px-1-2 {
  height: 133px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 133px;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  gap: 6px;
  display: flex;
  width: fit-content;
  flex-direction: row;
}
.frame-140459-6.frame-140459 {
  height: 49px;
}
.dpe-summit-2023-medium-breakpoint-768px .vector-6 {
  height: 16px;
  margin-bottom: -11.38px;
  min-width: 62.53px;
  position: relative;
  display: block;
}
.dpe-summit-2023-medium-breakpoint-768px .vector-6 {
  height: 24px;
  min-width: 23px;
  position: relative;
}
.dpe-summit-2023-medium-breakpoint-768px .name {
  letter-spacing: 0.7px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.dpe-summit-2023-medium-breakpoint-768px .name-3 {
  line-height: 16.2px;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140462-2 {
  align-items: flex-end;
  background-color: var(--sea-serpent);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 205px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 448px;
  width: 340px;
}
.dpe-summit-2023-medium-breakpoint-768px .overlap-group1-7 {
  height: 204px;
  position: relative;
  width: 340px;
}

.dpe-summit-2023-medium-breakpoint-768px .overlap-group1-7 {
  height: 205px;
  margin-bottom: 0;
  position: relative;
  width: 340px;
}
.dpe-summit-2023-medium-breakpoint-768px .isolation_-mode-3 {
  /* height: 1381px; */
  left: 218px;
  position: absolute;
  top: 0;
  /* width: 474px; */
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140463-2 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 344px;
  left: 362px;
  overflow: hidden;
  position: absolute;
  top: 271px;
  width: 254px;
}
.dpe-summit-2023-medium-breakpoint-768px .overlap-group2-4 {
  align-items: flex-end;
  background-image: url(/wp-content/uploads/2023/06/hansdockter-xl-358px-1-2@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 304px;
  min-width: 254px;
  padding: 0 0px;
}
.frame-140459-8.frame-140459 {
  position: absolute;
  top: 280px;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  gap: 6px;
  display: flex;
  width: fit-content;
  flex-direction: row;
}
.dpe-summit-2023-medium-breakpoint-768px .vector-7 {
  height: 25px;
  min-width: 34.64px;
  position: relative;
}
.dpe-summit-2023-medium-breakpoint-768px .vector-7 {
  height: 25px;
  margin-bottom: -7.29px;
  min-width: 20.79px;
  position: relative;
}
.dpe-summit-2023-medium-breakpoint-768px .name {
  letter-spacing: 0.7px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
.dpe-summit-2023-medium-breakpoint-768px .name-4 {
  line-height: 17.6px;
}
.dpe-summit-2023-small-breakpoint-375px .frame-140458-1 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 192px;
  left: 22px;
  overflow: hidden;
  padding: 2px 1.5px;
  position: absolute;
  top: 130px;
  width: 136px;
}
.dpe-summit-2023-small-breakpoint-375px .overlap-group-18 {
  height: 154px;
  position: relative;
  width: 120px;
}
.dpe-summit-2023-small-breakpoint-375px .anna-sulkina_xl-358px-1-1 {
  height: 120px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 120px;
}

.dpe-summit-2023-small-breakpoint-375px .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  gap: 6px;
  position: absolute;
  width: fit-content;
}
.dpe-summit-2023-small-breakpoint-375px .frame-140459-3 {
  justify-content: center;
  left: 2px;
  padding: 5px 18px 8px 21px;
  top: 109px;
}

.dpe-summit-2023-small-breakpoint-375px .vector-3 {
  height: 24px;
  min-width: 23px;
  position: relative;
}
.dpe-summit-2023-small-breakpoint-375px .name {
  letter-spacing: 0.7px;
  line-height: 16.2px;
  position: relative;
}
.dpe-summit-2023-small-breakpoint-375px .name-1 {
  margin-top: -1px;
  width: 43px;
}
.dpe-summit-2023-small-breakpoint-375px .frame-140462-1 {
  align-items: flex-end;
  background-color: var(--sea-serpent);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 171px;
  left: 18px;
  overflow: hidden;
  position: absolute;
  top: 341px;
  width: 340px;
}

.dpe-summit-2023-small-breakpoint-375px .overlap-group1-4 {
  height: 170px;
  margin-left: 4px;
  position: relative;
  width: 336px;
}
.dpe-summit-2023-small-breakpoint-375px .ali-reza-adl-tabatabai_xl-358-1-1 {
  height: 170px;
  left: 114px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 222px;
}
.dpe-summit-2023-small-breakpoint-375px .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  gap: 6px;
  position: absolute;
  width: fit-content;
}
.dpe-summit-2023-small-breakpoint-375px .frame-140459-4 {
  left: 0;
  padding: 12px 18px 16px 17px;
  top: 110px;
}
.dpe-summit-2023-small-breakpoint-375px .logo-uber-1 {
  height: 16px;
  min-width: 48px;
  position: relative;
}
.dpe-summit-2023-small-breakpoint-375px .ali-reza-adl-tabatabai-1 {
  letter-spacing: 0.7px;
  line-height: 16.2px;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}
.dpe-summit-2023-small-breakpoint-375px .frame-140463-1 {
  align-items: flex-start;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 214px;
  left: 178px;
  overflow: hidden;
  position: absolute;
  top: 109px;
  width: 177px;
}
.dpe-summit-2023-small-breakpoint-375px .overlap-group2-2 {
  height: 214px;
  position: relative;
  width: 177px;
}
.dpe-summit-2023-small-breakpoint-375px .hans-dockter_xl-358px-1 {
  height: 210px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 177px;
}
.dpe-summit-2023-small-breakpoint-375px .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: flex;
  gap: 6px;
  position: absolute;
  width: fit-content;
}
.dpe-summit-2023-small-breakpoint-375px .frame-140459-5 {
  left: 0;
  padding: 8px 12px 12px 16px;
  top: 169px;
}
.dpe-summit-2023-small-breakpoint-375px .vector-4 {
  height: 25px;
  min-width: 34.64px;
  position: relative;
}
.dpe-summit-2023-small-breakpoint-375px .name {
  letter-spacing: 0.7px;
  line-height: 16.2px;
  position: relative;
}
.dpe-summit-2023-small-breakpoint-375px .name-2 {
  white-space: nowrap;
  width: 86px;
}
.frame-140459-4.frame-140459 {
  display: flex;
  position: relative;
  flex-direction: revert;
  left: -5px;
  top: 112px;
}
.dpe-summit-2023-small-breakpoint-375px .frame-140459-5 {
  left: 0;
  padding: 8px 11px 12px 16px;
  top: 169px;
  display: flex;
  flex-direction: row;
}
.dpe-summit-2023-small-breakpoint-375px .overlap-group-18 .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 6px 0px;
  display: flex;
  /* gap: 6px; */
  position: absolute;
  width: fit-content;
  flex-direction: row;
  top: 118px;
  left: -2px;
  width: 124px;
  padding-bottom: 43px;
}
.dpe-summit-2023-medium-breakpoint-768px .tablet-2-2-3 {
  height: 205px;
  left: 312px;
  position: absolute;
  top: -31px;
  width: 100%;
}
.dpe-summit-2023-small-breakpoint-375px .tablet-2-2-1 {
  height: 141px;
  left: 152px;
  position: absolute;
  top: -10px;
  width: 100%;
}
.dpe-summit-2023-medium-breakpoint-768px .group-5 {
  /* height: 159px; */
  left: -35px;
  width: 195px;
  top: -23px !important;
  position: relative;
}
.dpe-summit-2023-small-breakpoint-375px .group-2 {
  height: 129px;
  left: -70px;
  position: absolute;
  top: 0;
  width: unset;
}
.dpe-summit-2023-medium-breakpoint-768px .whiteboard-3-3 {
  height: unset;
  left: 608px;
  position: absolute;
  top: 461px;
  width: 207px;
}
.dpe-summit-2023-small-breakpoint-375px .whiteboard-3-1 {
  height: unset;
  left: 234px;
  position: absolute;
  top: 527px;
  width: 171px;
}

.dpe-summit-2023-small-breakpoint-375px .tablet-1-2-1 {
  height: unset;
  left: -34px;
  position: absolute;
  top: 540px;
  width: 151px;
}
.dpe-summit-2023-medium-breakpoint-768px .tablet-1-2-3 {
  height: unset;
  left: 0;
  position: absolute;
  top: 483px;
  width: 174px;
}
/* animation headshot */
.clipping-mask {
  transition: transform 0.5s ease-in-out; /* adjust as needed */
  object-fit: cover; /* to maintain the aspect ratio */
}
.background-mask {
  overflow: hidden;
  padding-top: 50%; /* Adjust as needed */
  position: relative;
  z-index: 1;
  width: 118px;
  height: 118px;
  border-radius: 59.06px;
}

.background {
  position: absolute;
  /* top: -50%;  */
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.extra-large-breakpoint-1440px .overlap-group1,
.overlap-group1 {
  z-index: 3;
}
.extra-large-breakpoint-1440px .overlap-group1,
.overlap-group1 {
  z-index: 3;
}
.extra-large-breakpoint-1440px .clipping-mask,
.clipping-mask {
  top: 11px;
}
.trigger-overlay {
  position: absolute;
  top: 60px;
  left: 0;
  width: 33%;
  height: 69%;
  z-index: 4;
  cursor: pointer;
  /* background-color: red; */
}
.extra-large-breakpoint-1440px .frame-1404-1 {
  display: grid !important;
  grid-template-columns: repeat(
    auto-fill,
    minmax(430px, 1fr)
  ) !important; /* Define the column width based on the min-width of your squares */
  grid-gap: 34px !important; /* Add the desired gap */
  width: 100% !important;
  max-width: 1380px !important;
}
.index .frame-1404-1 {
  display: grid !important;
  grid-template-columns: repeat(
    auto-fill,
    minmax(365px, 1fr)
  ) !important; /* Define the column width based on the min-width of your squares */
  grid-gap: 34px !important; /* Add the desired gap */
  width: 100% !important;
  max-width: 1379px !important;
}
.dpe-summit-2023-medium-breakpoint-768px .frame-140487-1 {
  display: grid !important;
  grid-template-columns: repeat(
    auto-fill,
    minmax(351px, 1fr)
  ) !important; /* Define the column width based on the min-width of your squares */
  grid-gap: 8px !important;
  gap: 8px !important;
  width: 110% !important;
  max-width: 750px !important;
}

.dpe-summit-2023-medium-breakpoint-768px .the-elusive-quest-to {
  height: 84px;
  left: 142px;
  letter-spacing: 0;
  line-height: 145%;
  position: relative;
  top: 38px !important;
  width: 164px;
}

.mobile-nav,
.tablet-nav,
.medium-nav,
.desktop-nav {
  display: none !important;
}

.nav-item a {
  cursor: pointer;
}
/* adjust for fixed nav */
.extra-large-breakpoint-1440px,
.screen.dpe-summit-2023-small-breakpoint-375px,
.screen.index,
.screen.dpe-summit-2023-medium-breakpoint-768px {
  padding-top: 130px;
}
/* body #header {
  background: #f8f8f8 !important;
} */
.clipping-mask {
  left: 6px !important;
}

/* #navbarSupportedContent,
.container button.navbar-toggler {
  background: #f8f8f8 !important;
} */

@media (max-width: 1399px) {
}

@media screen and (max-width: 767px) {
  .screen.extra-large-breakpoint-1440px {
    display: none;
  }
  .screen.index {
    display: none;
  }
  .screen.dpe-summit-2023-medium-breakpoint-768px {
    display: none;
  }
  .mobile-nav {
    display: flex !important;
  }
  #footer-nav .nav-link {
    font-size: 12px !important;
  }
  .extra-large-breakpoint-1440px,
  .screen.dpe-summit-2023-small-breakpoint-375px,
  .screen.index,
  .screen.dpe-summit-2023-medium-breakpoint-768px {
    padding-top: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .screen.extra-large-breakpoint-1440px {
    display: none;
  }
  .screen.dpe-summit-2023-small-breakpoint-375px {
    display: none;
  }
  .screen.index {
    display: none;
  }
  .tablet-nav {
    display: flex !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .screen.extra-large-breakpoint-1440px {
    display: none;
  }
  .screen.dpe-summit-2023-small-breakpoint-375px {
    display: none;
  }
  .screen.dpe-summit-2023-medium-breakpoint-768px {
    display: none;
  }
  .medium-nav {
    display: flex !important;
  }
}
@media screen and (min-width: 1440px) {
  .screen.dpe-summit-2023-small-breakpoint-375px {
    display: none;
  }
  .screen.index {
    display: none;
  }
  .screen.dpe-summit-2023-medium-breakpoint-768px {
    display: none;
  }
  .desktop-nav {
    display: flex !important;
  }
}
/* 4th speaker styles */
/* screen - mx-hero-section-1 */

.mx-hero-section-1 {
  align-items: center;
  display: flex;
  gap: 46px;
  justify-content: center;
  min-height: 586px;
  min-width: 1920px;
  padding: 46px 0px;
  position: relative;
  width: 100%;
}

.mx-hero-section-1 .header {
  align-items: flex-start;
  background-color: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 47px;
  position: relative;
}

.mx-hero-section-1 .frame-1404 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.mx-hero-section-1 .meet-the {
  color: var(--black);
  font-weight: 700;
  line-height: 52.9px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mx-hero-section-1 .title {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  background-clip: text;
  color: transparent;
  font-weight: 700;
  line-height: 62.1px;
  position: relative;
  text-fill-color: transparent;
  white-space: nowrap;
  width: fit-content;
  display: inline;
}

.mx-hero-section-1 .for-dpe-summit-2023 {
  color: var(--black);
  font-weight: 700;
  line-height: 52.9px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mx-hero-section-1 .discover-the-only-ev {
  color: var(--gray-2);
  font-weight: 400;
  line-height: 27.6px;
  position: relative;
  width: 469px;
}

.mx-hero-section-1 .frame-140479 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 270px;
}

.mx-hero-section-1 .frame-140454 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--gray-1);
  border-radius: 7px;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 18px 54px;
  position: relative;
  width: 100%;
}

.mx-hero-section-1 .get-your-ticket {
  color: var(--white);
  font-weight: 700;
  line-height: 20.3px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mx-hero-section-1 .frame-140456 {
  height: 31px;
  position: relative;
  width: 243.1px;
}

.mx-hero-section-1 .flex-row {
  align-items: flex-end;
  display: flex;
  height: 32px;
  min-width: 270px;
}

.mx-hero-section-1 .brought-to-you-by {
  color: var(--gray-2);
  font-weight: 500;
  height: 20px;
  line-height: 20.3px;
  margin-bottom: 2px;
  min-width: 131px;
  white-space: nowrap;
}

.mx-hero-section-1 .frame-140455 {
  align-items: flex-end;
  align-self: flex-start;
  display: inline-flex;
  gap: 3px;
  margin-left: 9px;
  position: relative;
}

.mx-hero-section-1 .fill-1 {
  height: 28.87px;
  position: relative;
  width: 38.84px;
}

.mx-hero-section-1 .fill-2 {
  height: 15.92px;
  position: relative;
  width: 61.26px;
}

.mx-hero-section-1 .inc {
  color: var(--gray-2);
  font-weight: 500;
  height: 20px;
  line-height: 20.3px;
  margin-left: 0px;
  min-width: 22px;
  white-space: nowrap;
  padding-top: 10px;
}

.mx-hero-section-1 .hero-graphics {
  height: 494px;
  position: relative;
  width: 689px;
}

.mx-hero-section-1 .overlap-group3 {
  height: 586px;
  /* left: 79px; */
  left: -36px;
  position: relative;
  top: -46px;
  width: 968px;
}

.mx-hero-section-1 .frame-140458 {
  align-items: flex-start;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  flex-direction: column;
  height: 239px;
  left: 307px;
  overflow: hidden;
  position: absolute;
  top: 46px;
  width: 196px;
}

.mx-hero-section-1 .anna-sulkina_xl-358px-1 {
  height: 162px;
  margin-top: 25px;
  object-fit: cover;
  width: 162px;
}

.mx-hero-section-1 .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: inline-flex;
  gap: 12px;
  padding: 12px 18px 16px 25px;
  position: relative;
  top: unset;
}

.mx-hero-section-1 .vector {
  height: 24px;
  position: relative;
  width: 23px;
}

.mx-hero-section-1 .name {
  color: var(--gray-1);
  font-weight: 500;
  line-height: 20.3px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mx-hero-section-1 .frame-140462 {
  align-items: flex-end;
  background-color: var(--gradle-green);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 225px;
  left: 129px;
  overflow: hidden;
  position: absolute;
  top: 315px;
  width: 374px;
}

.mx-hero-section-1 .overlap-group {
  height: 224px;
  position: relative;
  width: 362px;
}

.mx-hero-section-1 .ali-reza-adl-tabatabai_xl-358-1 {
  height: 224px;
  left: 117px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 245px;
}

.mx-hero-section-1 .frame-140459-1 {
  gap: 12px;
  left: 0;
  padding: 12px 18px 16px 25px;
  position: absolute;
  top: 156px;
}

.mx-hero-section-1 .logo-uber {
  height: 16px;
  position: relative;
  width: 48px;
}

.mx-hero-section-1 .ali-reza-adl-tabatabai {
  color: var(--gray-1);
  font-weight: 500;
  line-height: 20.3px;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.mx-hero-section-1 .frame-140464 {
  align-items: flex-end;
  background-color: var(--gradle-blue);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 185px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 100px;
  width: 277px;
}

.mx-hero-section-1 .overlap-group1 {
  height: 184px;
  position: relative;
  width: 277px;
  top: unset;
}

.mx-hero-section-1 .ali-reza-adl-tabatabai_xl-358-1-1 {
  height: 184px;
  left: 111px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 166px;
}

.mx-hero-section-1 .frame-140459-2 {
  gap: 12px;
  left: 0;
  padding: 12px 18px 16px 25px;
  position: absolute;
  top: 134px;
}

.mx-hero-section-1 .icon-linkedin {
  height: 22.54px;
  position: relative;
  width: 22.54px;
}

.mx-hero-section-1 .isolation_-mode {
  height: 586px;
  /* left: 176px; */
  left: unset;
  right: 0px;
  position: absolute;
  top: 0;
  width: 792px;
}

.mx-hero-section-1 .frame-140463 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 380px;
  left: 537px;
  overflow: hidden;
  position: absolute;
  top: 95px;
  width: 281px;
}

.mx-hero-section-1 .overlap-group2 {
  align-items: flex-end;
  background-image: url(/wp-content/uploads/2023/08/mx-hansdockter-xl-358px-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 346px;
  min-width: 281px;
}

.mx-hero-section-1 .frame-140459-3 {
  gap: 14px;
  padding: 16px 18px 20px 25px;
  position: relative;
}

.mx-hero-section-1 .vector-1 {
  height: 25px;
  position: relative;
  width: 34.64px;
}

.mx-hero-section-1 .frame-140459-4 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: inline-flex;
  bottom: 0px;
}
/* screen - mx-hero-section-3 */

.mx-hero-section-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 768px;
  padding: 34px 0px;
  position: relative;
}

.mx-hero-section-3 .header-2 {
  align-items: flex-start;
  background-color: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 25px;
  position: relative;
}

.mx-hero-section-3 .frame-14047 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.mx-hero-section-3 .frame-140439 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.mx-hero-section-3 .meet-the-2 {
  color: var(--black);
  font-weight: 700;
  line-height: 48.3px;
  margin-top: -1px;
  position: relative;
  width: 415px;
}

.mx-hero-section-3 .title-2 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  background-clip: text;
  color: transparent;
  font-weight: 700;
  line-height: 52.9px;
  position: relative;
  text-fill-color: transparent;
  width: 415px;
  display: inline;
}

.mx-hero-section-3 .for-dpe-summit-2023-2 {
  color: var(--black);
  font-weight: 700;
  line-height: 48.3px;
  position: relative;
  width: 415px;
}

.mx-hero-section-3 .discover-the-only-ev-2 {
  color: var(--gray-2);
  font-weight: 400;
  line-height: 21.8px;
  position: relative;
  width: 415px;
}

.mx-hero-section-3 .frame-140454-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--gray-1);
  border-radius: 7px;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 18px 46px;
  position: relative;
  width: 100%;
}

.mx-hero-section-3 .get-your-ticket-2 {
  color: var(--white);
  font-weight: 700;
  line-height: 16.2px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mx-hero-section-3 .frame-140456-2 {
  height: 31px;
  position: relative;
  width: 243.1px;
}

.mx-hero-section-3 .flex-row-1 {
  align-items: flex-end;
  display: flex;
  height: 31px;
  min-width: 240px;
}

.mx-hero-section-3 .brought-to-you-by-2 {
  color: var(--gray-2);
  font-weight: 500;
  height: 16px;
  line-height: 16.2px;
  margin-bottom: 3px;
  min-width: 107px;
  white-space: nowrap;
}

.mx-hero-section-3 .frame-140455-2 {
  align-items: flex-end;
  align-self: flex-start;
  display: inline-flex;
  gap: 3px;
  margin-left: 8px;
  position: relative;
}

.mx-hero-section-3 .fill-1-2 {
  height: 28.87px;
  position: relative;
  width: 38.84px;
}

.mx-hero-section-3 .fill-2-2 {
  height: 15.92px;
  position: relative;
  width: 61.26px;
}

.mx-hero-section-3 .inc-2 {
  color: var(--gray-2);
  font-weight: 500;
  height: 16px;
  line-height: 16.2px;
  margin-left: 0px;
  min-width: 18px;
  white-space: nowrap;
  padding-top: 9px;
}

.mx-hero-section-3 .hero-graphics-2 {
  height: 494px;
  position: relative;
  width: 689px;
}

.mx-hero-section-3 .flex-col {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 28px;
  left: 0;
  min-height: 432px;
  position: absolute;
  top: 16px;
  width: 408px;
}

.mx-hero-section-3 .frame-container {
  align-items: flex-end;
  display: flex;
  gap: 28px;
  margin-right: 1px;
  min-width: 407px;
}

.mx-hero-section-3 .frame-140464-2 {
  align-items: flex-start;
  background-color: var(--gradle-blue);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  overflow: hidden;
  width: 216px;
}

.mx-hero-section-3 .overlap-group3-2 {
  height: 152px;
  position: relative;
  width: 216px;
  top: unset;
  left: unset;
}

.mx-hero-section-3 .ali-reza-adl-tabatabai_xl-358-1-4 {
  height: 152px;
  left: 87px;
  width: 129px;
}

.mx-hero-section-3 .frame-140459-8 {
  gap: 12px;
  left: 0;
  padding: 10px 18px 10px 25px;
  position: absolute;
  top: 109px;
}

.mx-hero-section-3 .icon-linkedin-2 {
  height: 22.54px;
  position: relative;
  width: 22.54px;
}

.mx-hero-section-3 .name-4 {
  line-height: 16.2px;
}

.mx-hero-section-3 .frame-140458-2 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 199px;
  overflow: hidden;
  width: 163px;
  position: unset;
}

.mx-hero-section-3 .overlap-group-2 {
  height: 176px;
  position: relative;
  width: 138px;
}

.mx-hero-section-3 .anna-sulkina_xl-358px-1-2 {
  height: 133px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 133px;
}

.mx-hero-section-3 .frame-140459-9 {
  gap: 6px;
  left: 0;
  padding: 12px 16px;
  position: absolute;
  top: 128px;
}

.mx-hero-section-3 .vector-4 {
  height: 24px;
  position: relative;
  width: 23px;
}

.mx-hero-section-3 .frame-140462-2 {
  align-items: flex-end;
  background-color: var(--gradle-green);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 205px;
  overflow: hidden;
  width: 340px;
  position: unset;
}

.mx-hero-section-3 .overlap-group1-2 {
  height: 204px;
  position: relative;
  width: 340px;
}

.mx-hero-section-3 .ali-reza-adl-tabatabai_xl-358-1-5 {
  height: 204px;
  left: 118px;
  width: 222px;
}

.mx-hero-section-3 .frame-140459-10 {
  gap: 6px;
  justify-content: center;
  left: 0;
  padding: 12px 18px 16px 25px;
  position: absolute;
  top: 144px;
}

.mx-hero-section-3 .logo-uber-2 {
  height: 16px;
  position: relative;
  width: 48px;
}

.mx-hero-section-3 .ali-reza-adl-tabatabai-2 {
  color: var(--gray-1);
  font-weight: 500;
  line-height: 16.2px;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.mx-hero-section-3 .frame-140463-2 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 344px;
  left: 436px;
  overflow: hidden;
  position: absolute;
  top: 63px;
  width: 254px;
}

.mx-hero-section-3 .overlap-group2-2 {
  align-items: flex-end;
  background-image: url(/wp-content/uploads/2023/08/mx-hansdockter-xl-358px-1-2@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 304px;
  min-width: 254px;
  padding: 0 0px;
}

.mx-hero-section-3 .frame-140459-11 {
  gap: 6px;
  margin-bottom: 0;
  padding: 14px 18px 14px 25px;
  position: relative;
}

.mx-hero-section-3 .vector-5 {
  height: 25px;
  position: relative;
  width: 34.64px;
}

.mx-hero-section-3 .name-5 {
  line-height: 17.6px;
}

.mx-hero-section-3 .ali-reza-adl-tabatabai_xl-358-1 {
  object-fit: cover;
  position: absolute;
  top: 0;
  width: unset;
  height: unset;
}

.mx-hero-section-3 .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: inline-flex;
}

.mx-hero-section-3 .name {
  color: var(--gray-1);
  font-weight: 500;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}
/* screen - mx-hero-section-4 */

.mx-hero-section-4 {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 586px;
  min-width: 1280px;
  padding: 46px 0px;
  position: relative;
  width: 100%;
}

.mx-hero-section-4 .header-3 {
  align-items: flex-start;
  background-color: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 47px;
  position: relative;
}

.mx-hero-section-4 .frame-140478 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.mx-hero-section-4 .frame-140439-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 420px;
}

.mx-hero-section-4 .meet-the-3 {
  align-self: stretch;
  color: var(--black);
  font-weight: 700;
  line-height: 49.4px;
  margin-top: -1px;
  position: relative;
}

.mx-hero-section-4 .title-3 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  align-self: stretch;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  background-clip: text;
  color: transparent;
  font-weight: 700;
  line-height: 57.5px;
  position: relative;
  text-fill-color: transparent;
  display: inline;
}

.mx-hero-section-4 .for-dpe-summit-2023-3 {
  align-self: stretch;
  color: var(--black);
  font-weight: 700;
  line-height: 49.4px;
  position: relative;
}

.mx-hero-section-4 .discover-the-only-ev-3 {
  color: var(--gray-2);
  font-weight: 400;
  line-height: 24.7px;
  position: relative;
  width: 420px;
}

.mx-hero-section-4 .frame-140479-2 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 251px;
}

.mx-hero-section-4 .frame-140454-3 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--gray-1);
  border-radius: 7px;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 18px 54px;
  position: relative;
  width: 100%;
}

.mx-hero-section-4 .get-your-ticket-3 {
  color: var(--white);
  font-weight: 700;
  line-height: 17.6px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mx-hero-section-4 .frame-140456-3 {
  height: 31px;
  position: relative;
  width: 243.1px;
}

.mx-hero-section-4 .flex-row-2 {
  align-items: flex-end;
  display: flex;
  height: 32px;
  min-width: 251px;
}

.mx-hero-section-4 .brought-to-you-by-3 {
  color: var(--gray-2);
  font-weight: 500;
  height: 18px;
  line-height: 17.6px;
  margin-bottom: 3px;
  min-width: 115px;
  white-space: nowrap;
}

.mx-hero-section-4 .frame-140455-3 {
  align-items: flex-end;
  align-self: flex-start;
  display: inline-flex;
  gap: 3px;
  margin-left: 8px;
  position: relative;
}

.mx-hero-section-4 .fill-1-3 {
  height: 28.87px;
  position: relative;
  width: 38.84px;
}

.mx-hero-section-4 .fill-2-3 {
  height: 15.92px;
  position: relative;
  width: 61.26px;
}

.mx-hero-section-4 .inc-3 {
  color: var(--gray-2);
  font-weight: 500;
  height: 18px;
  line-height: 17.6px;
  margin-left: 2px;
  min-width: 19px;
  white-space: nowrap;
  padding-top: 3px;
}

.mx-hero-section-4 .hero-graphics-3 {
  height: 494px;
  position: relative;
  width: 689px;
}

.mx-hero-section-4 .overlap-group3-3 {
  height: 1381px;
  left: 28px;
  position: relative;
  top: -184px;
  width: 1749px;
}

.mx-hero-section-4 .frame-140458-3 {
  align-items: flex-start;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  flex-direction: column;
  height: 199px;
  left: 251px;
  overflow: hidden;
  position: absolute;
  top: 224px;
  width: 163px;
}

.mx-hero-section-4 .anna-sulkina_xl-358px-1-3 {
  height: 138px;
  margin-left: 1px;
  margin-top: 9px;
  object-fit: cover;
  width: 138px;
}

.mx-hero-section-4 .frame-140459-12 {
  gap: 6px;
  margin-left: 0;
  padding: 12px 18px 16px;
  position: relative;
  bottom: 0px;
}

.mx-hero-section-4 .vector-6 {
  height: 24px;
  position: relative;
  width: 23px;
  display: inline;
}

.mx-hero-section-4 .name-6 {
  color: var(--gray-1);
  font-weight: 500;
  line-height: 17.6px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mx-hero-section-4 .frame-140462-3 {
  align-items: flex-end;
  background-color: var(--gradle-green);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 205px;
  left: 73px;
  overflow: hidden;
  position: absolute;
  top: 448px;
  width: 340px;
}

.mx-hero-section-4 .overlap-group-3 {
  height: 204px;
  position: relative;
  width: 340px;
}

.mx-hero-section-4 .ali-reza-adl-tabatabai_xl-358-1-6 {
  height: 204px;
  left: 117px;
  width: 222px;
}

.mx-hero-section-4 .frame-140459-13 {
  gap: 12px;
  left: 0;
  padding: 12px 18px 16px 25px;
  position: absolute;
  top: 144px;
  bottom: 0px;
}

.mx-hero-section-4 .logo-uber-3 {
  height: 16px;
  position: relative;
  width: 48px;
}

.mx-hero-section-4 .ali-reza-adl-tabatabai-3 {
  color: var(--gray-1);
  font-weight: 500;
  line-height: 16.2px;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.mx-hero-section-4 .isolation_-mode-2 {
  height: 1381px;
  left: 227px;
  position: absolute;
  top: 0;
  width: 1522px;
}

.mx-hero-section-4 .frame-140463-3 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 344px;
  left: 435px;
  overflow: hidden;
  position: absolute;
  top: 271px;
  width: 254px;
}

.mx-hero-section-4 .overlap-group1-3 {
  height: 324px;
  margin-bottom: 0;
  position: relative;
  width: 254px;
}

.mx-hero-section-4 .hans-dockter_xl-358px-1-1 {
  height: 320px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 254px;
}

.mx-hero-section-4 .frame-140459-14 {
  gap: 14px;
  left: 0;
  padding: 16px 18px 20px 25px;
  position: absolute;
  top: 263px;
}

.mx-hero-section-4 .vector-7 {
  height: 25px;
  position: relative;
  width: 34.64px;
}

.mx-hero-section-4 .frame-140464-3 {
  align-items: flex-start;
  background-color: var(--gradle-blue);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 155px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 268px;
  width: 232px;
}

.mx-hero-section-4 .overlap-group2-3 {
  height: 155px;
  position: relative;
  width: 232px;
}

.mx-hero-section-4 .ali-reza-adl-tabatabai_xl-358-1-7 {
  height: 155px !important;
  left: 93px !important;
  width: 139px !important;
}

.mx-hero-section-4 .frame-140459-15 {
  gap: 12px;
  left: 0;
  padding: 10px 18px 10px 25px;
  position: absolute;
  top: 112px;
}

.mx-hero-section-4 .icon-linkedin-3 {
  height: 22.54px;
  position: relative;
  width: 22.54px;
}

.mx-hero-section-4 .ali-reza-adl-tabatabai_xl-358-1 {
  object-fit: cover;
  position: absolute;
  top: 0;
}

.mx-hero-section-4 .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: inline-flex;
}
/* screen - index */

.z {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-width: 375px;
  padding: 12px 0px 40px;
  position: relative;
}

.mx-index .frame-140495 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.mx-index .header-1 {
  align-items: flex-start;
  background-color: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 31px;
  position: relative;
}

.mx-index .frame-1404-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.mx-index .meet-the-1 {
  color: var(--black);
  font-weight: 700;
  line-height: 39.1px;
  margin-top: -1px;
  position: relative;
  width: 343px;
}

.mx-index .title-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  background-clip: text;
  color: transparent;
  font-weight: 700;
  line-height: 48.3px;
  position: relative;
  text-fill-color: transparent;
  width: 343px;
  display: inline;
}

.mx-index .for-dpe-summit-2023-1 {
  color: var(--black);
  font-weight: 700;
  line-height: 39.1px;
  position: relative;
  width: 343px;
}

.mx-index .discover-the-only-ev-1 {
  color: var(--gray-2);
  font-weight: 400;
  line-height: 21.8px;
  position: relative;
  width: 343px;
}

.mx-index .hero-graphics-1 {
  height: 590px;
  position: relative;
  width: 340px;
  top: -28px;
}

.mx-index .overlap-group4 {
  height: 1020px;
  left: -193px;
  position: relative;
  top: 17px;
  width: 1001px;
}

.mx-index .frame-140458-1 {
  align-items: flex-end;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 192px;
  left: 198px;
  overflow: hidden;
  padding: 2px 1.5px;
  position: absolute;
  top: 191px;
  width: 136px;
}

.mx-index .overlap-group-1 {
  height: 154px;
  position: relative;
  width: 120px;
}

.mx-index .anna-sulkina_xl-358px-1-1 {
  height: 120px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 120px;
}

.mx-index .frame-140459-4 {
  gap: 6px;
  justify-content: center;
  left: 2px;
  padding: 5px 18px 8px 21px;
  /* top: 109px; */
  top: 112px;
  left: -35px;
}

.mx-index .vector-2 {
  height: 24px;
  position: relative;
  width: 23px;
}

.mx-index .name-1 {
  margin-top: -1px;
  width: 43px;
}

.mx-index .frame-140462-1 {
  align-items: flex-end;
  background-color: var(--gradle-green);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 171px;
  left: 194px;
  overflow: hidden;
  position: absolute;
  top: 402px;
  width: 340px;
}

.mx-index .overlap-group1-1 {
  height: 170px;
  margin-left: 4px;
  position: relative;
  width: 336px;
}

.mx-index .ali-reza-adl-tabatabai_xl-358-1-2 {
  height: 170px;
  left: 114px;
  object-fit: cover;
  width: 222px;
}

.mx-index .frame-140459-5 {
  gap: 6px;
  left: 0;
  padding: 12px 18px 16px 17px;
  top: 111px;
  left: -5px;
}

.mx-index .logo-uber-1 {
  height: 16px;
  position: relative;
  width: 48px;
}

.mx-index .ali-reza-adl-tabatabai-1 {
  color: var(--gray-1);
  font-weight: 500;
  line-height: 16.2px;
  margin-top: -1px;
  position: relative;
  width: fit-content;
}

.mx-index .isolation_-mode-1 {
  height: 959px;
  left: 0;
  position: absolute;
  top: 61px;
  width: 1001px;
}

.mx-index .frame-140463-1 {
  align-items: flex-start;
  background: linear-gradient(
    180deg,
    rgb(32, 155, 196) 0%,
    rgb(77, 201, 192) 100%
  );
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 214px;
  left: 354px;
  overflow: hidden;
  position: absolute;
  top: 170px;
  width: 177px;
}

.mx-index .overlap-group2-1 {
  height: 214px;
  position: relative;
  width: 177px;
}

.mx-index .hans-dockter_xl-358px-1 {
  height: 210px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 177px;
}

.mx-index .frame-140459-6 {
  gap: 6px;
  left: 0;
  padding: 8px 12px 12px 16px;
  top: 169px;
}

.mx-index .vector-3 {
  height: 25px;
  position: relative;
  width: 34.64px;
}

.mx-index .name-2 {
  width: 86px;
}

.mx-index .frame-140464-1 {
  align-items: flex-end;
  background-color: var(--gradle-blue);
  border: 4px solid;
  border-color: var(--white);
  border-radius: 22px;
  box-shadow: 6px 6px 12px #61616175, -8px -8px 4px #ffffff;
  display: flex;
  height: 152px;
  left: 216px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 296px;
}

.mx-index .overlap-group3-1 {
  height: 148px;
  position: relative;
  width: 290px;
}

.mx-index .ali-reza-adl-tabatabai_xl-358-1-3 {
  height: 148px;
  left: 125px;
  width: 165px;
}

.mx-index .frame-140459-7 {
  gap: 12px;
  left: 0;
  padding: 10px 18px 10px 25px;
  top: 105px;
}

.mx-index .icon-linkedin-1 {
  height: 22.54px;
  position: relative;
  width: 22.54px;
}

.mx-index .name-3 {
  white-space: nowrap;
  width: fit-content;
}

.mx-index .frame-140479-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
}

.mx-index .frame-140454-1 {
  align-items: flex-start;
  background-color: var(--gray-1);
  border-radius: 7px;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 18px 54px;
  position: relative;
  width: 300px;
}

.mx-index .get-your-ticket-1 {
  color: var(--white);
  font-weight: 700;
  line-height: 16.2px;
  margin-top: -1px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mx-index .frame-140456-1 {
  height: 31px;
  position: relative;
  width: 243.1px;
}

.mx-index .brought-to-you-by-container {
  top: 12px;
  width: 107px;
}

.mx-index .brought-to-you-by-1 {
  color: var(--gray-2);
  font-weight: 500;
  line-height: 16.2px;
  top: 0;
  white-space: nowrap;
}

.mx-index .frame-140455-1 {
  align-items: flex-end;
  display: inline-flex;
  gap: 3px;
  left: 123px;
  position: absolute;
  top: 0;
}

.mx-index .fill-1-1 {
  height: 28.87px;
  position: relative;
  width: 38.84px;
}

.mx-index .fill-2-1 {
  height: 15.92px;
  position: relative;
  width: 61.26px;
}

.mx-index .inc-1 {
  color: var(--gray-2);
  font-weight: 500;
  height: 16px;
  left: 105px;
  line-height: 16.2px;
  position: absolute;
  top: 15px;
  white-space: nowrap;
  padding-top: 5px;
}

.mx-index .ali-reza-adl-tabatabai_xl-358-1 {
  position: absolute;
  top: 0;
  height: unset !important;
}

.mx-index .brought-to-you-by {
  height: 16px;
  left: 0;
  position: absolute;
}

.mx-index .frame-140459 {
  align-items: center;
  background-color: var(--white);
  border-radius: 0px 24px 0px 0px;
  display: inline-flex;
  position: absolute;
}

.mx-index .name {
  color: var(--gray-1);
  font-weight: 500;
  line-height: 16.2px;
  position: relative;
}

.mx-hero-section-3 .overlap-group3-2 .ali-reza-adl-tabatabai_xl-358-1 {
  left: 88px !important;
  height: 100% !important;
}
.mx-index.screen {
  padding-bottom: 50px;
  padding-top: 50px;
  overflow-y: hidden;
  overflow-x: hidden;
}
body {
  overflow-y: hidden;
  overflow-x: hidden;
}