.mobile.mobile-wrapper {
  background-color: #f8f7f5;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.mobile .div {
  background-color: #f8f7f5;
  width: 393px;
  height: 6181px;
  position: relative;
}

.mobile .content {
  width: 393px;
  align-items: center;
  gap: 98px;
  position: absolute;
  top: 197px;
  left: 0;
  display: flex;
  flex-direction: column;
}

.mobile .div-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .div-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 45px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper {
  position: relative;
  width: 328px;
  margin-top: -1px;
  font-family: "Helvetica-Bold", Helvetica, serif;
  font-weight: 500;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .text-wrapper-2 {
  position: relative;
  width: 332px;
  font-family: "Helvetica-Bold", Helvetica, serif;
  font-weight: 500;
  color: #000000;
  font-size: 60px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .text-wrapper-3 {
  position: relative;
  width: 332px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .calling-all {
  position: relative;
  width: 332px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .span {
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 32px;
  letter-spacing: 0;
}

.mobile .text-wrapper-4 {
  text-decoration: underline;
}

.mobile .frame {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 14px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-5 {
  width: 332px;
  font-size: 24px;
  position: relative;
  margin-top: -1px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .text-wrapper-6 {
  position: relative;
  width: 324px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .juval-presentation {
  display: flex;
  flex-direction: column;
  height: 358px;
  align-items: center;
  gap: 35px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.mobile .juval-lowy {
  position: relative;
  width: 174px;
  height: 174px;
}

.mobile .juval-l-wy-is-the {
  position: relative;
  align-self: stretch;
  height: 149px;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .img {
  position: relative;
  width: 372px;
  height: 214px;
  margin-bottom: -24px;
  margin-left: -20px;
  margin-right: -20px;
}

.mobile .when-and-where {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 63px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.mobile .frame-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-7 {
  position: relative;
  width: 332px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 26px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .CTA-button {
  display: flex;
  width: 301px;
  height: 51px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px;
  position: relative;
  background-color: #f5098b;
  border-radius: 200px;
  overflow: hidden;
}

.mobile .p {
  position: relative;
  flex: 1;
  margin-top: -1.5px;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  color: var(--m3syslighton-primary);
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.1px;
  line-height: 20px;
}

.mobile .frame-5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-8 {
  position: relative;
  width: 692px;
  margin-top: -1px;
  margin-left: -149.5px;
  margin-right: -149.5px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .text-wrapper-9 {
  position: relative;
  width: 692px;
  margin-left: -149.5px;
  margin-right: -149.5px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .menu-tabs {
  display: flex;
  flex-direction: column;
  width: 332px;
  align-items: center;
  gap: 50px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-6 {
  display: flex;
  width: 332px;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .div-4 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-10 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.mobile .line {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 3px;
}

.mobile .frame-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 83px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-7 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.mobile .architect-accordion {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  border-radius: 4px 4px 0px 0px;
  border: 2px solid;
  border-color: #000000;
}

.mobile .state-layer {
  display: flex;
  width: 332px;
  height: 50px;
  align-items: center;
  gap: 8px;
  padding: 10px 24px 10px 30px;
  position: relative;
}

.mobile .label-text {
  position: relative;
  flex: 1;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0.1px;
  line-height: 20px;
}

.mobile .icon {
  position: relative;
  width: 18px;
  height: 18px;
}

.mobile .div-5 {
  display: inline-flex;
  height: 70px;
  justify-content: center;
  margin-top: -2px;
  border: 2px solid;
  border-color: #000000;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.mobile .label-text-2 {
  position: relative;
  flex: 1;
  margin-top: -9px;
  margin-bottom: -7px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .div-6 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  margin-top: -2px;
  border: 2px solid;
  border-color: #000000;
}

.mobile .label-text-3 {
  position: relative;
  flex: 1;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .groupthink-accordion {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  margin-top: -2px;
  border-radius: 0px 0px 4px 4px;
  border: 2px solid;
  border-color: #000000;
}

.mobile .frame-8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  padding: 64px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.mobile .frame-9 {
  display: flex;
  flex-direction: column;
  width: 331px;
  align-items: center;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-11 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-10 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 42px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .img-2 {
  position: relative;
  flex: 0 0 auto;
}

.mobile .microsoft-logo {
  position: relative;
  flex: 0 0 auto;
  height: 52px;
}

.mobile .frame-11 {
  height: 48.11px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-12 {
  height: 34px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .nordstrom-logo {
  position: relative;
  flex: 0 0 auto;
  height: 70px;
}

.mobile .dips-blue-nobckgr-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .dips-blue-nobckgr {
  position: relative;
  width: 63px;
  height: 28px;
  object-fit: cover;
}

.mobile .booking {
  display: flex;
  flex-direction: column;
  width: 393px;
  align-items: center;
  gap: 36px;
  padding: 0px 30px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-12 {
  align-self: stretch;
  font-size: 48px;
  position: relative;
  margin-top: -1px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .please-fill-in-your {
  position: relative;
  align-self: stretch;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-14 {
  display: flex;
  flex-direction: column;
  width: 331px;
  align-items: flex-start;
  gap: 47px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-15 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .div-7 {
  display: flex;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.mobile .text-field {
  display: flex;
  flex-direction: column;
  height: 56px;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 4px 4px 0px 0px;
}

.mobile .state-layer-wrapper {
  gap: 10px;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  border-radius: 4px;
  border: 1px solid;
  border-color: #000000;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.mobile .content-wrapper {
  display: flex;
  align-items: flex-start;
  padding: 4px 0px 4px 16px;
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  border-radius: 4px 4px 0px 0px;
}

.mobile .label-text-wrapper {
  height: 48px;
  align-items: flex-start;
  justify-content: center;
  padding: 4px 0px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.mobile .input {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  border: none;
  background: none;
  margin-top: -1px;
  font-family: var(--m3-body-large-font-family);
  font-weight: var(--m3-body-large-font-weight);
  color: var(--m3syslighton-surface-variant);
  font-size: var(--m3-body-large-font-size);
  letter-spacing: var(--m3-body-large-letter-spacing);
  line-height: var(--m3-body-large-line-height);
  white-space: nowrap;
  font-style: var(--m3-body-large-font-style);
  padding: 0;
  width: 95%;
}

.mobile .div-wrapper {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.mobile .label-text-4 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--m3-body-large-font-family);
  font-weight: var(--m3-body-large-font-weight);
  color: var(--m3syslighton-surface-variant);
  font-size: var(--m3-body-large-font-size);
  letter-spacing: var(--m3-body-large-letter-spacing);
  line-height: var(--m3-body-large-line-height);
  white-space: nowrap;
  font-style: var(--m3-body-large-font-style);
}

.mobile .text-field-wrapper {
  display: flex;
  flex-direction: column;
  width: 216px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-16 {
  display: flex;
  flex-direction: column;
  width: 216px;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-field-wrapper-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-field-2 {
  width: 264px;
  height: 56px;
  border-radius: 4px 4px 0px 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.mobile .other {
  display: flex;
  flex-direction: column;
  height: 112px;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.mobile .text-field-3 {
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  border-radius: 4px 4px 0px 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.mobile .component {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 121px;
}

.mobile .frame-17 {
  display: flex;
  width: 168px;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px;
  position: absolute;
  top: 81px;
  left: 0;
  background-color: #f5098b66;
  border-radius: 200px;
  overflow: hidden;
}

.mobile .text-wrapper-13 {
  position: relative;
  flex: 1;
  margin-top: -7px;
  margin-bottom: -5px;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  color: var(--m3syslighton-primary);
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.1px;
  line-height: 20px;
}

.mobile .frame-18 {
  display: flex;
  width: 332px;
  height: 48px;
  align-items: center;
  gap: 15px;
  position: absolute;
  top: 0;
  left: 1px;
}

.mobile .checkboxes {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .container-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 100px;
}

.mobile .container {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 2px solid;
  border-color: var(--m3syslighton-surface-variant);
}

.mobile .text-wrapper-14 {
  position: relative;
  flex: 1;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .mobile-footer {
  display: flex;
  flex-direction: column;
  width: 393px;
  align-items: flex-end;
  gap: 33px;
  padding: 79px 325px;
  position: relative;
  flex: 0 0 auto;
  background-color: #000000;
}

.mobile .frame-19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-left: -258px;
}

.mobile .frame-20 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -205px;
}

.mobile .sonat-logo-white {
  position: relative;
  width: 86px;
  height: 20px;
  object-fit: cover;
}

.mobile .div-8 {
  position: relative;
  width: fit-content;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.mobile .text-wrapper-15 {
  font-weight: 500;
}

.mobile .text-wrapper-16 {
  font-family: "Helvetica-Light", Helvetica;
  font-weight: 300;
}

.mobile .text-wrapper-17 {
  font-family: "Fira Sans", Helvetica;
}

.mobile .frame-21 {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: 13px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -127px;
}

.mobile .facebook {
  position: relative;
  width: 37px;
  height: 37px;
  object-fit: cover;
}

.mobile .twitter {
  position: relative;
  width: 30px;
  height: 30px;
  object-fit: cover;
}

.mobile .insta {
  position: relative;
  width: 35px;
  height: 35px;
  object-fit: cover;
}

.mobile .text-wrapper-18 {
  position: relative;
  width: fit-content;
  margin-right: -137px;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.mobile .sonatlogo {
  position: fixed;
  width: 393px;
  height: 56px;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgb(248, 247, 245) 0%, rgba(248, 247, 245, 0.3) 100%);
}

.mobile .sonat-logo-svart {
  position: absolute;
  width: 78px;
  height: 30px;
  top: 16px;
  left: 16px;
  object-fit: cover;
  z-index:100;
}

.mobile.desktop-wrapper {
  background-color: #f8f7f5;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.mobile .desktop {
  background-color: #f8f7f5;
  width: 100%;
  /*height: 9679px;*/
  position: relative;
}

.mobile .desktop-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 143px;
  width: 100%;
  position: absolute;
  top: 232px;
  left: 0;
}

.mobile .frame-22 {
  display: flex;
  flex-direction: column;
  width: 938px;
  align-items: center;
  justify-content: center;
  gap: 32px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-23 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 46px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-19 {
  position: relative;
  width: 692px;
  margin-top: -1px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .the-architect-s {
  position: relative;
  align-self: stretch;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 117px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .text-wrapper-20 {
  position: relative;
  width: 692px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .div-9 {
  position: relative;
  width: 692px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 64px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .text-wrapper-21 {
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 64px;
  letter-spacing: 0;
}

.mobile .juval-lowy-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 45px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-24 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-22 {
  position: relative;
  width: 692px;
  margin-top: -1px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .juval-presentation-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 35px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-25 {
  width: 741px;
  gap: 24px;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  position: relative;
}

.mobile .juval-lowy-3 {
  position: relative;
  width: 261px;
  height: 260px;
}

.mobile .juval-l-wy-founder {
  flex: 1;
  height: 196px;
  margin-top: -1px;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  font-size: 20px;
  position: relative;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.embedded-video {
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
}

.mobile .video {
  position: relative;
  width: 783px;
  height: 455px;
  margin-bottom: -24px;
  margin-left: -20px;
  margin-right: -20px;
}

.mobile .frame-26 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 23px;
  position: relative;
  flex: 0 0 auto;
  background-color: white;
}

.mobile .frame-27 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-23 {
  position: relative;
  width: 692px;
  margin-top: -1px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-28 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 26px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .CTA-button-2 {
  display: flex;
  width: 457px;
  height: 77px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px;
  position: relative;
  background-color: #f5098b;
  border-radius: 200px;
  overflow: hidden;
}

.mobile .text-wrapper-24 {
  position: relative;
  flex: 1;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  color: var(--m3syslighton-primary);
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.1px;
  line-height: 20px;
}

.mobile .frame-29 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .component-2 {
  display: flex;
  flex-direction: column;
  width: 936px;
  align-items: flex-start;
  gap: 90px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .group {
  position: relative;
  width: 940px;
  height: 48px;
  margin-right: -4px;
}

.mobile .text-wrapper-25 {
  position: absolute;
  width: 264px;
  top: 0;
  left: 336px;
  font-size: 32px;
  text-align: center;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .text-wrapper-26 {
  position: absolute;
  width: 264px;
  top: 0;
  left: 672px;
  font-size: 32px;
  text-align: center;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .group-2 {
  position: absolute;
  width: 266px;
  height: 48px;
  top: 0;
  left: 0;
}

.mobile .text-wrapper-27 {
  position: absolute;
  width: 264px;
  top: 0;
  left: 0;
  font-size: 32px;
  text-align: center;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

/* .underline {
  text-decoration: underline;
  text-underline: #f5098b;
} */
.mobile .line-2 {
  position: absolute;
  width: 264px;
  height: 3px;
  top: 45px;
  left: 0;
}

.mobile .frame-30 {
  display: flex;
  flex-direction: column;
  width: 936px;
  align-items: flex-start;
  gap: 45px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-31 {
  display: flex;
  align-items: flex-start;
  gap: 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-28 {
  position: relative;
  width: 422.63px;
  margin-top: -1px;
  font-size: 40px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-32 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0px 0px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .text-wrapper-29 {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .text-wrapper-30 {
  position: relative;
  width: 422.03px;
  margin-top: -1px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 40px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .text-wrapper-31 {
  position: relative;
  width: 422.01px;
  margin-top: -1px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 40px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-33 {
  display: flex;
  flex-direction: column;
  width: 1129px;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-34 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .frame-35 {
  display: flex;
  flex-direction: column;
  width: 360px;
  align-items: flex-start;
  gap: 43px;
  padding: 20px;
  position: relative;
  border-radius: 10px;
  border: 2px solid;
  border-color: #000000;
}

.mobile .frame-36 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 43px;
  padding: 4px 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .title {
  align-self: stretch;
  position: relative;
  margin-top: -1px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: var(--m3syslighton-surface);
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 24px;
}

.mobile .div-10 {
  align-self: stretch;
  position: relative;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  color: var(--m3syslighton-surface-variant);
  font-size: 16px;
  letter-spacing: 0.25px;
  line-height: 20px;
}

.mobile .text-wrapper-32 {
  letter-spacing: 0.04px;
}

.mobile .text-wrapper-33 {
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  letter-spacing: 0.04px;
  text-decoration: underline;
}

.mobile .frame-37 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  margin-right: -24px;
}

.mobile .title-2 {
  width: 328px;
  position: relative;
  margin-top: -1px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: var(--m3syslighton-surface);
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 24px;
}

.mobile .subhead {
  width: 328px;
  position: relative;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  color: var(--m3syslighton-surface-variant);
  font-size: 16px;
  letter-spacing: 0.25px;
  line-height: 20px;
}

.mobile .frame-38 {
  display: flex;
  width: 188px;
  align-items: center;
  justify-content: center;
  gap: 44px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .img-3 {
  position: relative;
  width: 24px;
  height: 24px;
}

.mobile .frame-39 {
  display: inline-flex;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .ellipse {
  background-color: #000000;
  position: relative;
  width: 4px;
  height: 4px;
  border-radius: 2px;
}

.mobile .ellipse-2 {
  background-color: #a6a6a6;
  position: relative;
  width: 4px;
  height: 4px;
  border-radius: 2px;
}

.mobile .frame-40 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-34 {
  position: relative;
  width: 552px;
  margin-top: -1px;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-41 {
  display: flex;
  flex-wrap: wrap;
  width: 937px;
  align-items: center;
  justify-content: center;
  gap: 42px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-42 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-43 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-35 {
  position: relative;
  width: 692px;
  margin-top: -1px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 64px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-44 {
  display: inline-flex;
  gap: 47px;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.mobile .div-11 {
  display: flex;
  width: 552px;
  gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-field-4 {
  width: 552px;
  height: 56px;
  border-radius: 4px 4px 0px 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.mobile .zip-and-country {
  display: flex;
  width: 552px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .component-3 {
  position: relative;
  width: 456px;
  height: 121px;
}

.mobile .frame-45 {
  display: flex;
  width: 456px;
  height: 48px;
  align-items: center;
  gap: 15px;
  /*position: absolute;*/
  top: 0;
  left: 0;
  margin-top: 10px;
  flex-grow: 1;
}

.timer{
  display:flex;
}
.timer h1 + h1:before{
  content:":"
}

.mobile .text-wrapper-36 {
  position: relative;
  width: 393px;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .frame-46 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 15px;
  padding: 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #000000;
}

.mobile .adresser-og-kontakt {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .frame-47 {
  display: inline-flex;
  align-items: flex-start;
  gap: 104px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .div-12 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Helvetica-Bold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.mobile .socials {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-37 {
  position: relative;
  width: fit-content;
  font-family: "Helvetica-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.mobile .sonat-logo-svart-2 {
  position: fixed;
  width: 137px;
  height: 53px;
  top: 39px;
  left: 58px;
  object-fit: cover;
  background: transparent;
  z-index:100;
}

.schedule-table {
  display: flex;
  font-family: "Helvetica-Regular", serif;
  flex-direction: row;
  justify-content: space-evenly;
}

.schedule-description {
  font-weight: 500;
  font-size: 24px;
  margin-right: 121px;
}

.schedule-times {
  font-size: 20px;
  font-weight: 400;
}

.course-details {
  font-family: "Helvetica-Regular", serif;
  font-size: 20px;
  font-weight: 400;
}

.course-details-heading {
  font-weight: bolder;
}

.bullet {
  display: list-item;
}

* {
  scroll-behavior: smooth;
  background-color: #F8F7F5;
}

button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  overflow: hidden;
  outline: none;
}

/*@media (max-width: 1727px) {*/
/*  .mobile.desktop-wrapper {*/
/*    display: none !important;*/
/*  }*/
/*}*/

/*@media (min-width: 1728px) {*/
/*  .mobile.mobile-wrapper {*/
/*    display: none !important;*/
/*  }*/
/*}*/

.mobile.mobile-wrapper {
  display: none !important;
}



/* Designjusteringer - Headspin */

.component-2 button div{
  padding:10px 10px 20px 10px;
  background-color:rgb(173, 173, 173);
  border-radius: 200px; 
}

.component-2 button div:hover{
  background-color:black;
  color:white !important;
  transition: ease-out .2s;
}

.topic-button{
  background-color:black !important;
  color:white !important;
}


.course-details{
  padding:0 10% 0 10%; 
}

/* .schedule-description, .schedule-times, .course-details-heading, .course-details{
  line-height: calc(var(--m3-body-large-line-height) + 10%);
} */

.schedule-description, .schedule-times, .course-details-heading, .course-details{
  font-size: 24px;
  line-height:2rem;
}

.shortcuts{
  display:flex;
  position: fixed;
  top:0px;
  padding:0 30px;
  height:100px;
  width:100%;
  align-items: center;
  justify-content: end;
  /* border-bottom:2px solid #f5098b; */
  font-family: "Helvetica-Regular", serif;
  font-size: 20px;
  z-index:50;
}

.shortcuts a{
  color:black;
  padding:5px 30px;
}

.active{
  text-decoration: underline !important;
}

#when, #about, #registration, #juval{
  scroll-margin-top: 150px;
}

.text-wrapper-19,div.frame-22, div.frame-23, div.the-architect-s{
  background-color: rgba(0,0,0,0);
}

.banner-img{
  width:100%;
  top:-232px;
  position:absolute;
  overflow: hidden;
}

.banner-img img{
  width:100%;
  height:auto;
  display: inline-block;
}

input {
  outline-style:none;
}