.mobile.div {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  align-items: stretch;
  position: relative;
  background-color: #f6efe3;
  overflow-x: clip;
}

.mobile .div-2 {
  position: absolute;
  width: 100%;
  height: calc(100% - 1px);
  top: 0;
  left: 0;
  background-color: #f6efe3;
  overflow: hidden;
}

.mobile .ellipse {
  position: absolute;
  top: 310px;
  left: -70px;
  width: 260px;
  height: 260px;
  background-color: #8a9a6b29;
  border-radius: 130px;
  filter: blur(40px);
}

.mobile .ellipse-2 {
  position: absolute;
  top: 930px;
  left: 260px;
  width: 300px;
  height: 300px;
  background-color: #b8893826;
  border-radius: 150px;
  filter: blur(45px);
}

.mobile .ellipse-3 {
  position: absolute;
  top: 2092px;
  left: -90px;
  width: 300px;
  height: 300px;
  background-color: #6f1d2d0f;
  border-radius: 150px;
  filter: blur(45px);
}

.mobile .ellipse-4 {
  position: absolute;
  top: 3099px;
  left: 260px;
  width: 280px;
  height: 280px;
  background-color: #b889381f;
  border-radius: 140px;
  filter: blur(45px);
}

.mobile .ellipse-5 {
  position: absolute;
  top: 4261px;
  left: -70px;
  width: 300px;
  height: 300px;
  background-color: #8a9a6b24;
  border-radius: 150px;
  filter: blur(45px);
}

.mobile .ellipse-6 {
  position: absolute;
  top: 5268px;
  left: 260px;
  width: 280px;
  height: 280px;
  background-color: #6f1d2d0f;
  border-radius: 140px;
  filter: blur(45px);
}

.mobile .ellipse-7 {
  position: absolute;
  top: 6353px;
  left: -50px;
  width: 300px;
  height: 300px;
  background-color: #b889381f;
  border-radius: 150px;
  filter: blur(45px);
}

.mobile .text-wrapper {
  position: absolute;
  top: 387px;
  left: 30px;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #102b3a0a;
  font-size: 240px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
  direction: rtl;
}

.mobile .text-wrapper-2 {
  position: absolute;
  top: 3486px;
  left: 120px;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #b889380d;
  font-size: 150px;
  text-align: left;
  line-height: normal;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .text-wrapper-3 {
  position: absolute;
  top: 5423px;
  left: 40px;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #6f1d2d0a;
  font-size: 200px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
  direction: rtl;
}

.mobile .ellipse-8 {
  position: absolute;
  top: 1421px;
  left: 33px;
  width: 2px;
  height: 2px;
  background-color: #b8893813;
  border-radius: 1.04px;
}

.mobile .ellipse-9 {
  position: absolute;
  top: 4685px;
  left: 35px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d0d;
  border-radius: 1.68px;
}

.mobile .ellipse-10 {
  position: absolute;
  top: 7187px;
  left: 189px;
  width: 3px;
  height: 3px;
  background-color: #b8893817;
  border-radius: 1.67px;
}

.mobile .ellipse-11 {
  position: absolute;
  top: 2751px;
  left: 279px;
  width: 4px;
  height: 4px;
  background-color: #6f1d2d1a;
  border-radius: 1.83px;
}

.mobile .ellipse-12 {
  position: absolute;
  top: 556px;
  left: 178px;
  width: 5px;
  height: 5px;
  background-color: #6f1d2d13;
  border-radius: 2.41px;
}

.mobile .ellipse-13 {
  position: absolute;
  top: 12px;
  left: 180px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d10;
  border-radius: 1.41px;
}

.mobile .ellipse-14 {
  position: absolute;
  top: 5703px;
  left: 345px;
  width: 2px;
  height: 2px;
  background-color: #6f1d2d13;
  border-radius: 1.04px;
}

.mobile .ellipse-15 {
  position: absolute;
  top: 5555px;
  left: 319px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b10;
  border-radius: 1.21px;
}

.mobile .ellipse-16 {
  position: absolute;
  top: 6943px;
  left: 29px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b15;
  border-radius: 1.43px;
}

.mobile .ellipse-17 {
  position: absolute;
  top: 3252px;
  left: 328px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d10;
  border-radius: 1.44px;
}

.mobile .ellipse-18 {
  position: absolute;
  top: 75px;
  left: 28px;
  width: 3px;
  height: 3px;
  background-color: #b8893810;
  border-radius: 1.74px;
}

.mobile .ellipse-19 {
  position: absolute;
  top: 6913px;
  left: 203px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d14;
  border-radius: 1.71px;
}

.mobile .ellipse-20 {
  position: absolute;
  top: 7007px;
  left: 222px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d14;
  border-radius: 1.66px;
}

.mobile .ellipse-21 {
  position: absolute;
  top: 4626px;
  left: 357px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b17;
  border-radius: 2.25px;
}

.mobile .ellipse-22 {
  position: absolute;
  top: 7658px;
  left: 246px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b16;
  border-radius: 2.29px;
}

.mobile .ellipse-23 {
  position: absolute;
  top: 4564px;
  left: 53px;
  width: 4px;
  height: 4px;
  background-color: #b889380f;
  border-radius: 2.03px;
}

.mobile .ellipse-24 {
  position: absolute;
  top: 376px;
  left: 226px;
  width: 2px;
  height: 2px;
  background-color: #6f1d2d12;
  border-radius: 1.1px;
}

.mobile .ellipse-25 {
  position: absolute;
  top: 6102px;
  left: 381px;
  width: 4px;
  height: 4px;
  background-color: #b889381b;
  border-radius: 1.93px;
}

.mobile .ellipse-26 {
  position: absolute;
  top: 4209px;
  left: 211px;
  width: 5px;
  height: 5px;
  background-color: #6f1d2d19;
  border-radius: 2.38px;
}

.mobile .ellipse-27 {
  position: absolute;
  top: 4768px;
  left: 233px;
  width: 2px;
  height: 2px;
  background-color: #b8893813;
  border-radius: 1.24px;
}

.mobile .ellipse-28 {
  position: absolute;
  top: 1505px;
  left: 341px;
  width: 3px;
  height: 3px;
  background-color: #b8893817;
  border-radius: 1.51px;
}

.mobile .ellipse-29 {
  position: absolute;
  top: 3061px;
  left: 328px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b17;
  border-radius: 1.57px;
}

.mobile .ellipse-30 {
  position: absolute;
  top: 6677px;
  left: 147px;
  width: 3px;
  height: 3px;
  background-color: #b8893813;
  border-radius: 1.74px;
}

.mobile .ellipse-31 {
  position: absolute;
  top: 3668px;
  left: 351px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b14;
  border-radius: 1.19px;
}

.mobile .ellipse-32 {
  position: absolute;
  top: 4769px;
  left: 22px;
  width: 4px;
  height: 4px;
  background-color: #6f1d2d16;
  border-radius: 1.8px;
}

.mobile .ellipse-33 {
  position: absolute;
  top: 2067px;
  left: 341px;
  width: 5px;
  height: 5px;
  background-color: #6f1d2d0e;
  border-radius: 2.43px;
}

.mobile .ellipse-34 {
  position: absolute;
  top: 3794px;
  left: 7px;
  width: 5px;
  height: 5px;
  background-color: #6f1d2d19;
  border-radius: 2.44px;
}

.mobile .ellipse-35 {
  position: absolute;
  top: 3135px;
  left: 100px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d13;
  border-radius: 1.4px;
}

.mobile .ellipse-36 {
  position: absolute;
  top: 2541px;
  left: 381px;
  width: 4px;
  height: 4px;
  background-color: #b889381a;
  border-radius: 1.87px;
}

.mobile .ellipse-37 {
  position: absolute;
  top: 4700px;
  left: 266px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b1c;
  border-radius: 2.38px;
}

.mobile .ellipse-38 {
  position: absolute;
  top: 86px;
  left: 155px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b0d;
  border-radius: 1.89px;
}

.mobile .ellipse-39 {
  position: absolute;
  top: 4006px;
  left: 342px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b18;
  border-radius: 2.2px;
}

.mobile .ellipse-40 {
  position: absolute;
  top: 4022px;
  left: 51px;
  width: 4px;
  height: 4px;
  background-color: #b8893810;
  border-radius: 2.02px;
}

.mobile .ellipse-41 {
  position: absolute;
  top: 1747px;
  left: 122px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b16;
  border-radius: 2.48px;
}

.mobile .frame {
  position: relative;
  display: block;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  cursor: pointer;
}

.mobile .frame:focus-visible {
  outline: 2px solid #b88938;
  outline-offset: 2px;
}

.mobile .mobile-menu-modal {
  position: fixed;
  inset: 0;
  z-index: 1000; /* above the sticky header (900) so the menu covers it */
  display: flex;
}

.mobile .mobile-menu-modal[hidden] {
  display: none;
}

.mobile .mobile-menu-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(16, 43, 58, 0.5);
  backdrop-filter: blur(2px);
}

.mobile .mobile-menu-modal__panel {
  margin-inline-start: auto;
  position: relative;
  width: min(100%, 420px);
  min-height: 100%;
  background: #102b3a;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
  padding: 26px 30px 32px;
  direction: rtl;
  overflow: hidden;
}

.mobile .mobile-menu-modal__glow {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

.mobile .mobile-menu-modal__glow--top {
  top: -60px;
  left: 120px;
  width: 340px;
  height: 340px;
  background-color: #b8893838;
  filter: blur(60px);
}

.mobile .mobile-menu-modal__glow--bottom {
  top: 560px;
  left: -120px;
  width: 320px;
  height: 320px;
  background-color: #6f1d2d4c;
  filter: blur(65px);
}

.mobile .mobile-menu-modal__motif {
  position: absolute;
  top: 290px;
  left: -10px;
  opacity: 0.05;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #fff9ef;
  font-size: 280px;
  line-height: 1;
  white-space: nowrap;
}

.mobile .mobile-menu-modal__header {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  direction: ltr;
  z-index: 2;
}

.mobile .mobile-menu-modal__logo {
  width: 220px;
  height: auto;
}

.mobile .mobile-menu-modal__close {
  width: 28px;
  height: 28px;
  position: relative;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.mobile .mobile-menu-modal__close::before,
.mobile .mobile-menu-modal__close::after {
  content: "";
  position: absolute;
  top: 13px;
  left: 1px;
  width: 26px;
  height: 2px;
  background: #fff8ee;
  border-radius: 2px;
}

.mobile .mobile-menu-modal__close::before {
  transform: rotate(-45deg);
}

.mobile .mobile-menu-modal__close::after {
  transform: rotate(45deg);
}

.mobile .mobile-menu-modal__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.mobile .mobile-menu-modal__nav {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 18px;
  border-top: 1px solid #fff9ef1f;
}

.mobile .mobile-menu-modal__item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  direction: rtl;
  gap: 14px;
  padding: 17px 0;
  border: 0;
  border-bottom: 1px solid #fff9ef1f;
  background: transparent;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  font-size: 30px;
  line-height: 33px;
  color: #fff9ef;
  cursor: pointer;
  text-align: right;
}

.mobile .mobile-menu-modal__item i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff9ef59;
  order: -1;
}

.mobile .mobile-menu-modal__item--active {
  color: #c9a24a;
}

.mobile .mobile-menu-modal__item--active i {
  background: #c9a24a;
}

.mobile .mobile-menu-modal__footer {
  position: relative;
  z-index: 2;
  margin-top: auto;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  direction: rtl;
  gap: 18px;
  padding-top: 20px;
  border-top: 1px solid #fff9ef29;
  flex-wrap: wrap;
}

.mobile .mobile-menu-modal__footer span {
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #cfc3aa;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
}

.mobile .frame-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  padding: 56px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .frame-3 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.mobile.div .frame-3,
.mobile.div .frame-13,
.mobile .frame-50,
.mobile .frame-164 {
  direction: rtl;
  justify-content: flex-end;
  align-self: flex-end;
  width: fit-content;
  max-width: 100%;
}

.mobile .frame-3 .text-wrapper-4,
.mobile .frame-13 .text-wrapper-16,
.mobile .frame-50 .text-wrapper-43,
.mobile .frame-50 .text-wrapper-60,
.mobile .frame-50 .text-wrapper-74,
.mobile .frame-164 .text-wrapper-93,
.mobile .frame-164 .text-wrapper-107,
.mobile .frame-164 .text-wrapper-112,
.mobile .frame-164 .text-wrapper-128,
.mobile .frame-164 .text-wrapper-145,
.mobile .frame-164 .text-wrapper-159 {
  order: 3;
}

.mobile .frame-3 .ellipse-42,
.mobile .frame-13 .ellipse-53,
.mobile .frame-50 .ellipse-142,
.mobile .frame-50 .ellipse-149,
.mobile .frame-164 .ellipse-244,
.mobile .frame-164 .ellipse-251,
.mobile .frame-164 .ellipse-342,
.mobile .frame-164 .ellipse-349 {
  order: 2;
}

.mobile .frame-3 .rectangle,
.mobile .frame-13 .rectangle-8,
.mobile .frame-50 .rectangle-32,
.mobile .frame-50 .rectangle-40,
.mobile .frame-50 .rectangle-60,
.mobile .frame-164 .rectangle-63,
.mobile .frame-164 .rectangle-67,
.mobile .frame-164 .rectangle-70,
.mobile .frame-164 .rectangle-78,
.mobile .frame-164 .rectangle-98 {
  order: 1;
}

.mobile .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #b88938;
  font-size: 13px;
  letter-spacing: 1.04px;
  line-height: 16px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-42 {
  position: relative;
  width: 6px;
  height: 6px;
  background-color: #b88938;
  border-radius: 3px;
}

.mobile .rectangle {
  position: relative;
  width: 34px;
  height: 2px;
  background-color: #b889388c;
}

.mobile .text-wrapper-5 {
  position: relative;
  width: 326.45px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 38px;
  letter-spacing: 0;
  line-height: 46px;
  direction: rtl;
}

.mobile .p {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 27px;
  direction: rtl;
}

.mobile .frame-4 {
  position: relative;
  width: 330px;
  height: 419.38px;
  align-self: center;
}

.mobile .ellipse-43 {
  position: absolute;
  top: 48px;
  left: 28px;
  width: 275px;
  height: 302px;
  background-color: #b8893826;
  border-radius: 137.5px / 151.25px;
  filter: blur(32.66px);
}

.mobile .ellipse-44 {
  position: absolute;
  top: 227px;
  left: 103px;
  width: 179px;
  height: 179px;
  background-color: #6f1d2d2e;
  border-radius: 89.38px;
  filter: blur(30.94px);
}

.mobile .rectangle-2 {
  position: absolute;
  top: 30px;
  left: 38px;
  width: 268px;
  height: 360px;
  border-radius: 134.06px 134.06px 27.5px 27.5px;
  border: 1.38px solid;
  border-color: #b88938cc;
}

.mobile .ellipse-45 {
  position: absolute;
  top: 345px;
  left: 24px;
  width: 28px;
  height: 28px;
  border-radius: 13.75px;
  border: 1.38px solid;
  border-color: #b88938e6;
}

.mobile .ellipse-46 {
  position: absolute;
  top: 82px;
  left: 272px;
  width: 10px;
  height: 10px;
  background-color: #b88938e6;
  border-radius: 4.81px;
}

.mobile .ellipse-47 {
  position: absolute;
  top: 124px;
  left: 289px;
  width: 6px;
  height: 6px;
  background-color: #6f1d2dcc;
  border-radius: 2.75px;
}

.mobile .image {
  position: absolute;
  top: 129px;
  left: 50%;
  transform: translateX(-50%);
  width: min(303px, calc(100% - 20px));
  height: 303px;
  aspect-ratio: 1;
  object-fit: cover;
}

.mobile .div-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 15px 28px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 40px;
  box-shadow: 0px 8px 18px #7a541842;
}

.mobile .text-wrapper-6 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #fff9ef;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .frame-5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 15px 28px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  border-radius: 40px;
  border: 1.5px solid;
  border-color: #102b3a;
}

.mobile .text-wrapper-7 {
  position: relative;
  width: fit-content;
  margin-top: -1.5px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #102b3a;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19px;
  white-space: nowrap;
  direction: rtl;
}

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

.mobile .text-wrapper-8 {
  position: relative;
  align-self: stretch;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 36px;
  direction: rtl;
}

.mobile .text-wrapper-9 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 15.5px;
  letter-spacing: 0;
  line-height: 26px;
  direction: rtl;
}

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

.mobile .frame-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  padding: 28px 30px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fffcf6;
  border-radius: 22px;
  border: 1px solid;
  border-color: #b8893847;
  box-shadow: 0px 22px 52px #4a3b281f;
}

.mobile .rectangle-3 {
  position: relative;
  width: 38px;
  height: 3px;
  background-color: #b88938;
}

.mobile .text-wrapper-10 {
  position: relative;
  width: 193.88px;
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 19.9px;
  direction: rtl;
}

.mobile .text-wrapper-11 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 16.5px;
  letter-spacing: 0;
  line-height: 28px;
  direction: rtl;
}

.mobile .frame-9 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  padding: 28px 30px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #faf6ee;
  border-radius: 22px;
  border: 1px solid;
  border-color: #8a9a6b47;
  box-shadow: 0px 22px 52px #4a3b281f;
}

.mobile .rectangle-4 {
  position: relative;
  width: 38px;
  height: 3px;
  background-color: #8a9a6b;
}

.mobile .frame-10 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  padding: 28px 30px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fbf3e6;
  border-radius: 22px;
  border: 1px solid;
  border-color: #6f1d2d47;
  box-shadow: 0px 22px 52px #4a3b281f;
}

.mobile .rectangle-5 {
  position: relative;
  width: 38px;
  height: 3px;
  background-color: #6f1d2d;
}

.mobile .rabbi-panel-m {
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: 631.63px;
  height: auto;
  background-color: #102b3a;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0px 22px 50px #0a182047;
}

.mobile .ellipse-48 {
  position: absolute;
  top: -30px;
  left: 40px;
  width: 270px;
  height: 300px;
  background-color: #b889384c;
  border-radius: 135px / 150px;
  filter: blur(55px);
}

.mobile .ellipse-49 {
  position: absolute;
  top: 340px;
  left: -90px;
  width: 300px;
  height: 320px;
  background-color: #6f1d2d4c;
  border-radius: 150px / 160px;
  filter: blur(65px);
}

.mobile .text-wrapper-12 {
  position: absolute;
  top: 20px;
  left: 180px;
  opacity: 0.06;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #c9a24a;
  font-size: 190px;
  text-align: center;
  letter-spacing: 0;
  line-height: 190px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .img {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  width: min(100%, 342px);
  height: 430px;
  aspect-ratio: 1.5;
  object-fit: cover;
  object-position: center top;
}

.mobile .rectangle-6 {
  position: absolute;
  top: 240px;
  left: 0;
  width: 100%;
  height: 392px;
  background: linear-gradient(
    0deg,
    rgba(16, 43, 58, 0) 0%,
    rgba(16, 43, 58, 0.7) 40%,
    rgba(16, 43, 58, 1) 100%
  );
}

.mobile .frame-11 {
  display: flex;
  flex-direction: column;
  width: auto;
  right: 24px;
  left: 24px;
  align-items: flex-end;
  gap: 14px;
  position: absolute;
  top: 300px;
}

.mobile .text-wrapper-13 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #c9a24a;
  font-size: 13px;
  letter-spacing: 1.04px;
  line-height: 16px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-50 {
  position: relative;
  width: 6px;
  height: 6px;
  background-color: #c9a24a;
  border-radius: 3px;
}

.mobile .rectangle-7 {
  position: relative;
  width: 34px;
  height: 2px;
  background-color: #c9a24a99;
}

.mobile .text-wrapper-14 {
  position: relative;
  width: 100%;
  max-width: 342px;
  margin-left: 0;
  margin-inline: 0;
  text-align: right;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #fff9ef;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 32.8px;
  direction: rtl;
}

.mobile .text-wrapper-15 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #e2d6be;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .ellipse-51 {
  position: absolute;
  top: 150px;
  left: 300px;
  width: 9px;
  height: 9px;
  background-color: #c9a24ae6;
  border-radius: 4.5px;
}

.mobile .ellipse-52 {
  position: absolute;
  top: 300px;
  left: 40px;
  width: 7px;
  height: 7px;
  background-color: #c9a24acc;
  border-radius: 3.5px;
}

.mobile .frame-12 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  padding: 28px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fffcf6;
  border-radius: 24px;
  border: 1px solid;
  border-color: #b8893833;
  box-shadow: 0px 18px 46px #4a3b2824;
}

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

.mobile .text-wrapper-16 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #6f1d2d;
  font-size: 13px;
  letter-spacing: 1.04px;
  line-height: 16px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-53 {
  position: relative;
  width: 6px;
  height: 6px;
  background-color: #6f1d2d;
  border-radius: 3px;
}

.mobile .rectangle-8 {
  position: relative;
  width: 34px;
  height: 2px;
  background-color: #6f1d2d8c;
}

.mobile .text-wrapper-17 {
  position: relative;
  width: 100%;
  max-width: 326.45px;
  margin-left: 0;
  margin-inline: auto;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 35.2px;
  direction: rtl;
}

.mobile .frame-14 {
  position: relative;
  display: block;
  align-self: center;
  width: min(58%, 210px);
  max-width: 210px;
  height: auto;
  flex: 0 0 auto;
  margin: 0 auto;
}

.mobile .frame-15 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 15px 28px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 40px;
  box-shadow: 0px 8px 18px #4a3b2842;
}

.mobile .text-wrapper-18 {
  position: relative;
  width: 100%;
  max-width: 380px;
  margin-left: 0;
  margin-inline: auto;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 35.6px;
  direction: rtl;
}

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

.mobile .frame-17 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  padding: 28px 30px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #faf6ee;
  border-radius: 22px;
  border: 1px solid;
  border-color: #6f1d2d47;
  box-shadow: 0px 22px 52px #4a3b281f;
}

.mobile .frame-18 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  padding: 28px 30px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fbf3e6;
  border-radius: 22px;
  border: 1px solid;
  border-color: #8a9a6b47;
  box-shadow: 0px 22px 52px #4a3b281f;
}

.mobile .frame-19 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  padding: 28px 30px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #faf6ee;
  border-radius: 22px;
  border: 1px solid;
  border-color: #102b3a47;
  box-shadow: 0px 22px 52px #4a3b281f;
}

.mobile .rectangle-9 {
  position: relative;
  width: 38px;
  height: 3px;
  background-color: #102b3a;
}

.mobile .frame-20 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 14px 28px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 40px;
  box-shadow: 0px 8px 18px #4a3b283d;
}

.mobile .text-wrapper-19 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #fff9ef;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .text-wrapper-20 {
  position: relative;
  width: 100%;
  max-width: 320.62px;
  align-self: flex-end;
  text-align: right;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 33.9px;
  direction: rtl;
}

.mobile .frame-21 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  padding: 26px 26px 28px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fffcf6;
  border-radius: 22px;
  border: 1px solid;
  border-color: #b8893833;
  box-shadow: 0px 22px 52px #4a3b2821;
}

.mobile .text-wrapper-21 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #102b3a;
  font-size: 15px;
  letter-spacing: 0.6px;
  line-height: 18px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-54 {
  position: relative;
  width: 11px;
  height: 11px;
  background-color: #1db954;
  border-radius: 5.5px;
}

.mobile .frame-22 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 14px;
  padding: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f3e9d6;
  border-radius: 14px;
}

.mobile .frame-23 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-22 {
  position: relative;
  width: 130px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #102b3a;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 20px;
  direction: rtl;
}

.mobile .polygon-wrapper {
  position: relative;
  width: 46px;
  height: 46px;
  background-color: #b88938;
  border-radius: 23px;
}

.mobile .polygon {
  position: absolute;
  top: 16px;
  left: 18px;
  width: 14px;
  height: 16px;
}

.mobile .text-wrapper-23 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #b88938;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 20px;
  direction: rtl;
}

.mobile .frame-24 {
  display: flex;
  height: 44px;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.mobile .rectangle-10 {
  position: relative;
  width: 4px;
  height: 12px;
  background-color: #b88938f2;
  border-radius: 2px;
}

.mobile .rectangle-11 {
  position: relative;
  width: 4px;
  height: 20px;
  background-color: #b8893866;
  border-radius: 2px;
}

.mobile .rectangle-12 {
  position: relative;
  width: 4px;
  height: 30px;
  background-color: #b8893866;
  border-radius: 2px;
}

.mobile .rectangle-13 {
  position: relative;
  width: 4px;
  height: 42px;
  background-color: #b88938f2;
  border-radius: 2px;
}

.mobile .rectangle-14 {
  position: relative;
  width: 4px;
  height: 24px;
  background-color: #b8893866;
  border-radius: 2px;
}

.mobile .rectangle-15 {
  position: relative;
  width: 4px;
  height: 14px;
  background-color: #b8893866;
  border-radius: 2px;
}

.mobile .rectangle-16 {
  position: relative;
  width: 4px;
  height: 32px;
  background-color: #b88938f2;
  border-radius: 2px;
}

.mobile .rectangle-17 {
  position: relative;
  width: 4px;
  height: 40px;
  background-color: #b8893866;
  border-radius: 2px;
}

.mobile .rectangle-18 {
  position: relative;
  width: 4px;
  height: 22px;
  background-color: #b8893866;
  border-radius: 2px;
}

.mobile .rectangle-19 {
  position: relative;
  width: 4px;
  height: 28px;
  background-color: #b8893866;
  border-radius: 2px;
}

.mobile .rectangle-20 {
  position: relative;
  width: 4px;
  height: 44px;
  background-color: #b8893866;
  border-radius: 2px;
}

.mobile .rectangle-21 {
  position: relative;
  width: 4px;
  height: 18px;
  background-color: #b88938f2;
  border-radius: 2px;
}

.mobile .rectangle-22 {
  position: relative;
  width: 4px;
  height: 10px;
  background-color: #b8893866;
  border-radius: 2px;
}

.mobile .rectangle-23 {
  position: relative;
  width: 4px;
  height: 26px;
  background-color: #b8893866;
  border-radius: 2px;
}

.mobile .rectangle-24 {
  position: relative;
  width: 4px;
  height: 36px;
  background-color: #b88938f2;
  border-radius: 2px;
}

.mobile .rectangle-25 {
  position: relative;
  width: 4px;
  height: 16px;
  background-color: #b8893866;
  border-radius: 2px;
}

.mobile .rectangle-26 {
  position: relative;
  width: 4px;
  height: 34px;
  background-color: #b8893866;
  border-radius: 2px;
}

.mobile .rectangle-27 {
  position: relative;
  width: 4px;
  height: 14px;
  background-color: #b88938f2;
  border-radius: 2px;
}

.mobile .rectangle-28 {
  position: relative;
  width: 4px;
  height: 38px;
  background-color: #b8893866;
  border-radius: 2px;
}

.mobile .frame-25 {
  display: inline-flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
}

.mobile .text-wrapper-24 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #5b5147;
  font-size: 12px;
  text-align: right;
  letter-spacing: 0;
  line-height: 14px;
  white-space: nowrap;
}

.mobile .sp {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 4px;
}

.mobile .text-wrapper-25 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  margin-right: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #5b5147;
  font-size: 12px;
  text-align: right;
  letter-spacing: 0;
  line-height: 14px;
  white-space: nowrap;
}

.mobile .frame-26 {
  position: relative;
  width: 100px;
  height: 17px;
}

.mobile .frame-27 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 20px;
  position: relative;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 40px;
  box-shadow: 0px 8px 18px #4a3b283d;
}

.mobile .text-wrapper-26 {
  position: relative;
  width: fit-content;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #fff9ef;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .image-2 {
  position: relative;
  width: 24px;
  height: 25px;
  aspect-ratio: 0.98;
  object-fit: cover;
}

.mobile .ellipse-55 {
  position: relative;
  width: 11px;
  height: 11px;
  background-color: #cc0000;
  border-radius: 5.5px;
}

.mobile .frame-28 {
  display: flex;
  flex-direction: column;
  height: 199px;
  align-items: stretch;
  gap: 0;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #e8dcc4;
  border-radius: 14px;
  overflow: hidden;
}

.mobile .image-3 {
  position: relative;
  display: block;
  width: 100%;
  height: 199px;
  aspect-ratio: 1.8;
  object-fit: cover;
  object-position: center;
}

.mobile .frame-29 {
  display: inline-flex;
  align-items: flex-start;
  gap: 16px;
  padding: 3px 8px;
  position: absolute;
  top: 169px;
  left: 12px;
  background-color: #102b3acc;
  border-radius: 6px;
}

.mobile .text-wrapper-27 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: 14px;
  white-space: nowrap;
}

.mobile .img-wrapper {
  position: absolute;
  top: 75px;
  left: 131px;
  width: 62px;
  height: 44px;
  background-color: #cc0000;
  border-radius: 12px;
  box-shadow: 0px 4px 10px #4a3b2840;
}

.mobile .polygon-2 {
  position: absolute;
  top: 16px;
  left: 27px;
  width: 12px;
  height: 14px;
}

.mobile .frame-30 {
  position: relative;
  width: 100px;
  height: 16px;
}

.mobile .frame-31 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 15px 20px;
  position: relative;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 40px;
  box-shadow: 0px 8px 18px #4a3b283d;
}

.mobile .image-4 {
  position: relative;
  width: 25px;
  height: 25px;
  aspect-ratio: 1;
  object-fit: cover;
}

.mobile .ellipse-56 {
  position: relative;
  width: 11px;
  height: 11px;
  background-color: #c13584;
  border-radius: 5.5px;
}

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

.mobile .frame-33 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 96px;
  background-color: #e3d3b4;
  border-radius: 10px;
}

.mobile .frame-34 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 96px;
  background-color: #e8dcc4;
  border-radius: 10px;
}

.mobile .frame-35 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 96px;
  background-color: #dfcba8;
  border-radius: 10px;
}

.mobile .text-wrapper-28 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #b88938;
  font-size: 14px;
  text-align: right;
  letter-spacing: 0;
  line-height: 18px;
}

.mobile .frame-36 {
  position: relative;
  width: 100px;
  height: 1px;
}

.mobile .frame-37 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 40px 28px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #6f1d2d;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0px 20px 48px #3a10154c;
}

.mobile .motif {
  position: absolute;
  top: 20px;
  left: 30px;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #fff8ee0f;
  font-size: 170px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
  direction: rtl;
}

.mobile .text-wrapper-29 {
  position: relative;
  width: 268.12px;
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #fff9ef;
  font-size: 30px;
  text-align: center;
  letter-spacing: 0;
  line-height: 35.6px;
  direction: rtl;
}

.mobile .text-wrapper-30 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #fff9ef;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: 26px;
  direction: rtl;
}

.mobile .frame-38 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 15px 28px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 40px;
  box-shadow: 0px 8px 18px #4a3b2842;
}

.mobile .text-wrapper-31 {
  position: relative;
  width: 301.76px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 34.6px;
  direction: rtl;
}

.mobile .frame-39 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  padding: 26px 22px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fffcf6;
  border-radius: 22px;
  border: 1px solid;
  border-color: #b8893833;
  box-shadow: 0px 18px 48px #4a3b2821;
}

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

.mobile .text-wrapper-32 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #102b3a;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
  direction: rtl;
}

.mobile .frame-41 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 14px;
  padding: 13px 14px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f4ebd8;
  border-radius: 11px;
  border: 1px solid;
  border-color: #b889384c;
}

.mobile .text-wrapper-33 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #a9956e;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 21px;
  direction: rtl;
}

.mobile .text-wrapper-34 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #a9956e;
  font-size: 15px;
  text-align: right;
  letter-spacing: 0;
  line-height: 21px;
}

.mobile .frame-42 {
  display: flex;
  flex-direction: column;
  height: 108px;
  align-items: flex-end;
  gap: 14px;
  padding: 13px 14px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #f4ebd8;
  border-radius: 11px;
  border: 1px solid;
  border-color: #b889384c;
}

.mobile .rectangle-29 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  background-color: #b8893838;
}

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

.mobile .ellipse-wrapper {
  position: relative;
  width: 44px;
  height: 44px;
  background-color: #b8893824;
  border-radius: 22px;
}

.mobile .ellipse-57 {
  position: relative;
  top: 16px;
  left: 16px;
  width: 12px;
  height: 12px;
  background-color: #b88938;
  border-radius: 6px;
}

.mobile .frame-44 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .text-wrapper-35 {
  margin-top: -1px;
  font-weight: 700;
  color: #102b3a;
  line-height: 17px;
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-size: 14px;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .text-wrapper-36 {
  font-weight: 400;
  color: #5b5147;
  line-height: 18px;
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-size: 14px;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .text-wrapper-37 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 14px;
  text-align: right;
  letter-spacing: 0;
  line-height: 18px;
}

.mobile .frame-45 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 40px 24px 34px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #102b3a;
}

.mobile .image-5 {
  position: relative;
  width: 220px;
  height: 62px;
  aspect-ratio: 3.56;
}

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

.mobile .text-wrapper-38 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  opacity: 0.85;
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #fff9ef;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 17px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .rectangle-30 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  background-color: #fff9ef29;
}

.mobile .text-wrapper-39 {
  position: relative;
  width: fit-content;
  opacity: 0.65;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #fff9ef;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: 17px;
  white-space: nowrap;
  direction: rtl;
}

.mobile.tablet {
  display: flex;
  flex-direction: column;
  min-width: 1024px;
  align-items: flex-start;
  position: relative;
  background-color: #f6efe3;
}

.mobile .ellipse-58 {
  position: absolute;
  top: 84px;
  left: 57px;
  width: 398px;
  height: 398px;
  background-color: #8a9a6b29;
  border-radius: 199.11px;
  filter: blur(49.78px);
}

.mobile .ellipse-59 {
  position: absolute;
  top: 252px;
  left: 711px;
  width: 455px;
  height: 455px;
  background-color: #b8893826;
  border-radius: 227.56px;
  filter: blur(53.33px);
}

.mobile .ellipse-60 {
  position: absolute;
  top: 841px;
  left: -114px;
  width: 441px;
  height: 441px;
  background-color: #6f1d2d0f;
  border-radius: 220.44px;
  filter: blur(53.33px);
}

.mobile .ellipse-61 {
  position: absolute;
  top: 1262px;
  left: 768px;
  width: 398px;
  height: 398px;
  background-color: #8a9a6b24;
  border-radius: 199.11px;
  filter: blur(49.78px);
}

.mobile .ellipse-62 {
  position: absolute;
  top: 1514px;
  left: 28px;
  width: 455px;
  height: 455px;
  background-color: #b889381f;
  border-radius: 227.56px;
  filter: blur(56.89px);
}

.mobile .ellipse-63 {
  position: absolute;
  top: 2103px;
  left: 796px;
  width: 427px;
  height: 427px;
  background-color: #6f1d2d0d;
  border-radius: 213.33px;
  filter: blur(53.33px);
}

.mobile .ellipse-64 {
  position: absolute;
  top: 2439px;
  left: -100px;
  width: 455px;
  height: 455px;
  background-color: #b8893821;
  border-radius: 227.56px;
  filter: blur(56.89px);
}

.mobile .ellipse-65 {
  position: absolute;
  top: 2775px;
  left: 654px;
  width: 427px;
  height: 427px;
  background-color: #8a9a6b26;
  border-radius: 213.33px;
  filter: blur(49.78px);
}

.mobile .ellipse-66 {
  position: absolute;
  top: 3112px;
  left: 57px;
  width: 427px;
  height: 427px;
  background-color: #b889381c;
  border-radius: 213.33px;
  filter: blur(53.33px);
}

.mobile .text-wrapper-40 {
  position: absolute;
  top: 210px;
  left: 43px;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #102b3a0a;
  font-size: 398.2px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
  direction: rtl;
}

.mobile .text-wrapper-41 {
  position: absolute;
  top: 1430px;
  left: 540px;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #b889380d;
  font-size: 213.3px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
  direction: rtl;
}

.mobile .ellipse-67 {
  position: absolute;
  top: 3219px;
  left: 912px;
  width: 4px;
  height: 4px;
  background-color: #b8893812;
  border-radius: 1.76px;
}

.mobile .ellipse-68 {
  position: absolute;
  top: 3975px;
  left: 612px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b0f;
  border-radius: 1.5px;
}

.mobile .ellipse-69 {
  position: absolute;
  top: 1725px;
  left: 338px;
  width: 1px;
  height: 1px;
  background-color: #b8893818;
  border-radius: 0.72px;
}

.mobile .ellipse-70 {
  position: absolute;
  top: 3715px;
  left: 749px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d19;
  border-radius: 1.41px;
}

.mobile .ellipse-71 {
  position: absolute;
  top: 3476px;
  left: 606px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b16;
  border-radius: 0.77px;
}

.mobile .ellipse-72 {
  position: absolute;
  top: 2905px;
  left: 701px;
  width: 2px;
  height: 2px;
  background-color: #b8893818;
  border-radius: 1.23px;
}

.mobile .ellipse-73 {
  position: absolute;
  top: 2511px;
  left: 554px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d1b;
  border-radius: 1.52px;
}

.mobile .ellipse-74 {
  position: absolute;
  top: 2555px;
  left: 5px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b18;
  border-radius: 1.77px;
}

.mobile .ellipse-75 {
  position: absolute;
  top: 3475px;
  left: 146px;
  width: 3px;
  height: 3px;
  background-color: #b8893818;
  border-radius: 1.32px;
}

.mobile .ellipse-76 {
  position: absolute;
  top: 3454px;
  left: 868px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b16;
  border-radius: 1.28px;
}

.mobile .ellipse-77 {
  position: absolute;
  top: 3583px;
  left: 558px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b0f;
  border-radius: 0.84px;
}

.mobile .ellipse-78 {
  position: absolute;
  top: 1079px;
  left: 621px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b0f;
  border-radius: 1.4px;
}

.mobile .ellipse-79 {
  position: absolute;
  top: 2944px;
  left: 984px;
  width: 2px;
  height: 2px;
  background-color: #6f1d2d1a;
  border-radius: 0.94px;
}

.mobile .ellipse-80 {
  position: absolute;
  top: 801px;
  left: 1016px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b16;
  border-radius: 1.3px;
}

.mobile .ellipse-81 {
  position: absolute;
  top: 2245px;
  left: 873px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b11;
  border-radius: 1.75px;
}

.mobile .ellipse-82 {
  position: absolute;
  top: 2320px;
  left: 351px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b19;
  border-radius: 0.89px;
}

.mobile .ellipse-83 {
  position: absolute;
  top: 3127px;
  left: 293px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d12;
  border-radius: 1.51px;
}

.mobile .ellipse-84 {
  position: absolute;
  top: 3587px;
  left: 724px;
  width: 3px;
  height: 3px;
  background-color: #b8893814;
  border-radius: 1.39px;
}

.mobile .ellipse-85 {
  position: absolute;
  top: 2344px;
  left: 369px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b11;
  border-radius: 1.22px;
}

.mobile .ellipse-86 {
  position: absolute;
  top: 2925px;
  left: 165px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b12;
  border-radius: 0.87px;
}

.mobile .ellipse-87 {
  position: absolute;
  top: 68px;
  left: 705px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b1c;
  border-radius: 1.06px;
}

.mobile .ellipse-88 {
  position: absolute;
  top: 2646px;
  left: 806px;
  width: 1px;
  height: 1px;
  background-color: #8a9a6b14;
  border-radius: 0.72px;
}

.mobile .ellipse-89 {
  position: absolute;
  top: 3047px;
  left: 648px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b18;
  border-radius: 0.91px;
}

.mobile .ellipse-90 {
  position: absolute;
  top: 1223px;
  left: 438px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b0e;
  border-radius: 1.41px;
}

.mobile .ellipse-91 {
  position: absolute;
  top: 1588px;
  left: 115px;
  width: 2px;
  height: 2px;
  background-color: #b8893813;
  border-radius: 1.13px;
}

.mobile .ellipse-92 {
  position: absolute;
  top: 1227px;
  left: 418px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b1b;
  border-radius: 1.77px;
}

.mobile .ellipse-93 {
  position: absolute;
  top: 2604px;
  left: 502px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d18;
  border-radius: 1.45px;
}

.mobile .ellipse-94 {
  position: absolute;
  top: 3123px;
  left: 490px;
  width: 2px;
  height: 2px;
  background-color: #6f1d2d1a;
  border-radius: 0.87px;
}

.mobile .ellipse-95 {
  position: absolute;
  top: 2760px;
  left: 553px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b15;
  border-radius: 1.09px;
}

.mobile .ellipse-96 {
  position: absolute;
  top: 2394px;
  left: 380px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d10;
  border-radius: 1.6px;
}

.mobile .ellipse-97 {
  position: absolute;
  top: 3932px;
  left: 470px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b0f;
  border-radius: 1.25px;
}

.mobile .ellipse-98 {
  position: absolute;
  top: 1791px;
  left: 4px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b14;
  border-radius: 1.54px;
}

.mobile .ellipse-99 {
  position: absolute;
  top: 1361px;
  left: 990px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d16;
  border-radius: 1.4px;
}

.mobile .ellipse-100 {
  position: absolute;
  top: 3556px;
  left: 628px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b0f;
  border-radius: 1.61px;
}

.mobile .ellipse-101 {
  position: absolute;
  top: 398px;
  left: 439px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d14;
  border-radius: 1.69px;
}

.mobile .ellipse-102 {
  position: absolute;
  top: 2363px;
  left: 966px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b1a;
  border-radius: 0.8px;
}

.mobile .ellipse-103 {
  position: absolute;
  top: 1813px;
  left: 214px;
  width: 2px;
  height: 2px;
  background-color: #b8893814;
  border-radius: 1.18px;
}

.mobile .ellipse-104 {
  position: absolute;
  top: 3374px;
  left: 1000px;
  width: 2px;
  height: 2px;
  background-color: #6f1d2d14;
  border-radius: 0.92px;
}

.mobile .ellipse-105 {
  position: absolute;
  top: 3908px;
  left: 369px;
  width: 1px;
  height: 1px;
  background-color: #6f1d2d0e;
  border-radius: 0.73px;
}

.mobile .ellipse-106 {
  position: absolute;
  top: 3026px;
  left: 367px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b0e;
  border-radius: 1.43px;
}

.mobile .ellipse-107 {
  position: absolute;
  top: 3041px;
  left: 801px;
  width: 2px;
  height: 2px;
  background-color: #6f1d2d0d;
  border-radius: 0.96px;
}

.mobile .ellipse-108 {
  position: absolute;
  top: 3830px;
  left: 140px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d17;
  border-radius: 1.65px;
}

.mobile .ellipse-109 {
  position: absolute;
  top: 307px;
  left: 372px;
  width: 3px;
  height: 3px;
  background-color: #b8893815;
  border-radius: 1.55px;
}

.mobile .ellipse-110 {
  position: absolute;
  top: 2555px;
  left: 546px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b10;
  border-radius: 1.39px;
}

.mobile .ellipse-111 {
  position: absolute;
  top: 709px;
  left: 923px;
  width: 3px;
  height: 3px;
  background-color: #b8893816;
  border-radius: 1.7px;
}

.mobile .ellipse-112 {
  position: absolute;
  top: 336px;
  left: 313px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d14;
  border-radius: 1.56px;
}

.mobile .ellipse-113 {
  position: absolute;
  top: 4148px;
  left: 470px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b11;
  border-radius: 0.89px;
}

.mobile .ellipse-114 {
  position: absolute;
  top: 4000px;
  left: 479px;
  width: 2px;
  height: 2px;
  background-color: #6f1d2d10;
  border-radius: 1.15px;
}

.mobile .ellipse-115 {
  position: absolute;
  top: 1109px;
  left: 19px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b11;
  border-radius: 1.61px;
}

.mobile .ellipse-116 {
  position: absolute;
  top: 869px;
  left: 27px;
  width: 2px;
  height: 2px;
  background-color: #6f1d2d12;
  border-radius: 1.01px;
}

.mobile .ellipse-117 {
  position: absolute;
  top: 1360px;
  left: 715px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b15;
  border-radius: 1.77px;
}

.mobile .ellipse-118 {
  position: absolute;
  top: 789px;
  left: 793px;
  width: 2px;
  height: 2px;
  background-color: #b8893818;
  border-radius: 1.16px;
}

.mobile .ellipse-119 {
  position: absolute;
  top: 198px;
  left: 513px;
  width: 2px;
  height: 2px;
  background-color: #6f1d2d15;
  border-radius: 1.12px;
}

.mobile .ellipse-120 {
  position: absolute;
  top: 3469px;
  left: 183px;
  width: 2px;
  height: 2px;
  background-color: #b889380e;
  border-radius: 0.83px;
}

.mobile .ellipse-121 {
  position: absolute;
  top: 3177px;
  left: 248px;
  width: 2px;
  height: 2px;
  background-color: #b889380e;
  border-radius: 0.8px;
}

.mobile .ellipse-122 {
  position: absolute;
  top: 1880px;
  left: 195px;
  width: 3px;
  height: 3px;
  background-color: #b8893819;
  border-radius: 1.51px;
}

.mobile .ellipse-123 {
  position: absolute;
  top: 1257px;
  left: 413px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b19;
  border-radius: 1.51px;
}

.mobile .ellipse-124 {
  position: absolute;
  top: 1205px;
  left: 604px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b0d;
  border-radius: 1.21px;
}

.mobile .ellipse-125 {
  position: absolute;
  top: 2072px;
  left: 878px;
  width: 3px;
  height: 3px;
  background-color: #b8893812;
  border-radius: 1.34px;
}

.mobile .ellipse-126 {
  position: absolute;
  top: 1351px;
  left: 673px;
  width: 3px;
  height: 3px;
  background-color: #b8893818;
  border-radius: 1.7px;
}

.mobile .ellipse-127 {
  position: absolute;
  top: 234px;
  left: 427px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b0e;
  border-radius: 1.12px;
}

.mobile .ellipse-128 {
  position: absolute;
  top: 189px;
  left: 260px;
  width: 3px;
  height: 3px;
  background-color: #b8893811;
  border-radius: 1.27px;
}

.mobile .ellipse-129 {
  position: absolute;
  top: 2823px;
  left: 261px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b17;
  border-radius: 1.22px;
}

.mobile .ellipse-130 {
  position: absolute;
  top: 1399px;
  left: 528px;
  width: 2px;
  height: 2px;
  background-color: #b889380d;
  border-radius: 1.16px;
}

.mobile .ellipse-131 {
  position: absolute;
  top: 3531px;
  left: 745px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b15;
  border-radius: 1.05px;
}

.mobile .ellipse-132 {
  position: absolute;
  top: 615px;
  left: 717px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b16;
  border-radius: 1.34px;
}

.mobile .ellipse-133 {
  position: absolute;
  top: 2084px;
  left: 910px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b0f;
  border-radius: 1.2px;
}

.mobile .ellipse-134 {
  position: absolute;
  top: 170px;
  left: 441px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b18;
  border-radius: 1.44px;
}

.mobile .ellipse-135 {
  position: absolute;
  top: 4086px;
  left: 67px;
  width: 2px;
  height: 2px;
  background-color: #b889380f;
  border-radius: 1.01px;
}

.mobile .ellipse-136 {
  position: absolute;
  top: 154px;
  left: 237px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b0f;
  border-radius: 1.25px;
}

.mobile .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 21.33px 92.44px 14.22px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: transparent;
}

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

.mobile .text-wrapper-42 {
  position: relative;
  width: fit-content;
  margin-top: -0.71px;
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #102b3a;
  font-size: 11.4px;
  letter-spacing: 0;
  line-height: 13.5px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .image-6 {
  position: relative;
  width: 137.96px;
  height: 78.22px;
  aspect-ratio: 1.76;
}

.mobile .frame-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 18.49px;
  padding: 21.33px 92.44px 49.78px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

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

.mobile .frame-48 {
  position: relative;
  width: 341.33px;
  height: 433.78px;
}

.mobile .ellipse-137 {
  position: absolute;
  top: 50px;
  left: 28px;
  width: 284px;
  height: 313px;
  background-color: #b8893826;
  border-radius: 142.22px / 156.44px;
  filter: blur(33.78px);
}

.mobile .ellipse-138 {
  position: absolute;
  top: 235px;
  left: 107px;
  width: 185px;
  height: 185px;
  background-color: #6f1d2d2e;
  border-radius: 92.44px;
  filter: blur(32px);
}

.mobile .rectangle-31 {
  position: absolute;
  top: 31px;
  left: 39px;
  width: 277px;
  height: 373px;
  border-radius: 138.67px 138.67px 28.44px 28.44px;
  border: 1.42px solid;
  border-color: #b88938cc;
}

.mobile .ellipse-139 {
  position: absolute;
  top: 357px;
  left: 25px;
  width: 28px;
  height: 28px;
  border-radius: 14.22px;
  border: 1.42px solid;
  border-color: #b88938e6;
}

.mobile .ellipse-140 {
  position: absolute;
  top: 85px;
  left: 281px;
  width: 10px;
  height: 10px;
  background-color: #b88938e6;
  border-radius: 4.98px;
}

.mobile .ellipse-141 {
  position: absolute;
  top: 128px;
  left: 299px;
  width: 6px;
  height: 6px;
  background-color: #6f1d2dcc;
  border-radius: 2.84px;
}

.mobile .image-7 {
  position: absolute;
  top: 134px;
  left: 21px;
  width: 314px;
  height: 314px;
  aspect-ratio: 1;
  object-fit: cover;
}

.mobile .frame-49 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 18.49px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .frame-50 {
  display: inline-flex;
  align-items: center;
  gap: 8.53px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-43 {
  position: relative;
  width: fit-content;
  margin-top: -0.71px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #b88938;
  font-size: 10.7px;
  letter-spacing: 1.07px;
  line-height: 12.8px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-142 {
  position: relative;
  width: 4.98px;
  height: 4.98px;
  background-color: #b88938;
  border-radius: 2.49px;
}

.mobile .rectangle-32 {
  position: relative;
  width: 32.71px;
  height: 1.42px;
  background-color: #b889388c;
}

.mobile .text-wrapper-44 {
  position: relative;
  align-self: stretch;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 56.9px;
  letter-spacing: 0;
  line-height: 70.4px;
  direction: rtl;
}

.mobile .text-wrapper-45 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 14.9px;
  letter-spacing: 0;
  line-height: 26.3px;
  direction: rtl;
}

.mobile .frame-51 {
  display: inline-flex;
  align-items: center;
  gap: 11.38px;
  padding: 4.27px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-52 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11.38px;
  padding: 12.09px 22.76px;
  position: relative;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 28.44px;
  box-shadow: 0px 7.11px 15.64px #7a541847;
}

.mobile .text-wrapper-46 {
  position: relative;
  width: fit-content;
  margin-top: -0.71px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #fff9ef;
  font-size: 11.4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 13.5px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .frame-53 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11.38px;
  padding: 12.09px 22.76px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 28.44px;
  border: 1.07px solid;
  border-color: #102b3a;
}

.mobile .text-wrapper-47 {
  position: relative;
  width: fit-content;
  margin-top: -1.07px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #102b3a;
  font-size: 11.4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 13.5px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .frame-54 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 18.49px;
  padding: 68.27px 92.44px 49.78px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-48 {
  position: relative;
  width: 808.03px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 37px;
  letter-spacing: 0;
  line-height: 40.4px;
  direction: rtl;
}

.mobile .text-wrapper-49 {
  position: relative;
  width: 807.11px;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 12.8px;
  letter-spacing: 0;
  line-height: 22.8px;
  direction: rtl;
}

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

.mobile .frame-56 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .frame-57 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
}

.mobile .frame-58 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8.53px;
  padding: 19.91px 21.33px 22.76px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fbf3e6;
  border-radius: 15.64px;
  border: 0.71px solid;
  border-color: #6f1d2d47;
  box-shadow: 0px 15.64px 36.98px #4a3b281f;
}

.mobile .rectangle-33 {
  position: relative;
  width: 27.02px;
  height: 2.13px;
  background-color: #6f1d2d;
}

.mobile .text-wrapper-50 {
  position: relative;
  width: 211.56px;
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 21.3px;
  letter-spacing: 0;
  line-height: 19.3px;
  direction: rtl;
}

.mobile .text-wrapper-51 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 11.7px;
  letter-spacing: 0;
  line-height: 19.9px;
  direction: rtl;
}

.mobile .frame-59 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 24.89px;
}

.mobile .frame-60 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8.53px;
  padding: 19.91px 21.33px 22.76px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -37.69px;
  background-color: #faf6ee;
  border-radius: 15.64px;
  border: 0.71px solid;
  border-color: #8a9a6b47;
  box-shadow: 0px 15.64px 36.98px #4a3b281f;
}

.mobile .rectangle-34 {
  position: relative;
  width: 27.02px;
  height: 2.13px;
  background-color: #8a9a6b;
}

.mobile .frame-61 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8.53px;
  padding: 19.91px 21.33px 22.76px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fffcf6;
  border-radius: 15.64px;
  border: 0.71px solid;
  border-color: #b8893847;
  box-shadow: 0px 15.64px 36.98px #4a3b281f;
}

.mobile .rectangle-35 {
  position: relative;
  width: 27.02px;
  height: 2.13px;
  background-color: #b88938;
}

.mobile .frame-62 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11.38px;
  padding: 5.69px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .rectangle-36 {
  position: relative;
  width: 49.78px;
  height: 1.07px;
  background-color: #b8893899;
}

.mobile .rectangle-37 {
  position: relative;
  width: 7.82px;
  height: 7.82px;
  background-color: #b88938;
  transform: rotate(-45deg);
}

.mobile .frame-63 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 18.49px;
  padding: 49.78px 92.44px 68.27px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .rabbi-panel {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 369.78px;
  background-color: #102b3a;
  border-radius: 19.91px;
  overflow: hidden;
  box-shadow: 0px 21.33px 49.78px #0a182047;
}

.mobile .ellipse-143 {
  position: absolute;
  top: 43px;
  left: 28px;
  width: 327px;
  height: 327px;
  background-color: #b8893847;
  border-radius: 163.56px;
  filter: blur(42.67px);
}

.mobile .ellipse-144 {
  position: absolute;
  top: 213px;
  left: -85px;
  width: 299px;
  height: 299px;
  background-color: #6f1d2d59;
  border-radius: 149.33px;
  filter: blur(49.78px);
}

.mobile .text-wrapper-52 {
  position: absolute;
  top: 85px;
  left: 441px;
  opacity: 0.06;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #c9a24a;
  font-size: 241.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 241.8px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .image-8 {
  position: absolute;
  top: 0;
  left: 45px;
  width: 266px;
  height: 370px;
  aspect-ratio: 1.5;
  object-fit: cover;
}

.mobile .frame-64 {
  display: flex;
  flex-direction: column;
  width: 427px;
  align-items: flex-end;
  gap: 12.8px;
  position: absolute;
  top: 77px;
  left: 370px;
}

.mobile .text-wrapper-53 {
  position: relative;
  width: fit-content;
  margin-top: -0.71px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #c9a24a;
  font-size: 10.7px;
  letter-spacing: 0.85px;
  line-height: 12.8px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-145 {
  position: relative;
  width: 4.98px;
  height: 4.98px;
  background-color: #c9a24a;
  border-radius: 2.49px;
}

.mobile .rectangle-38 {
  position: relative;
  width: 31.29px;
  height: 1.42px;
  background-color: #c9a24a99;
}

.mobile .text-wrapper-54 {
  position: relative;
  width: 410.86px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #fff9ef;
  font-size: 37px;
  letter-spacing: 0;
  line-height: 40.4px;
  direction: rtl;
}

.mobile .text-wrapper-55 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #e2d6be;
  font-size: 12.1px;
  letter-spacing: 0;
  line-height: 20.6px;
  direction: rtl;
}

.mobile .ellipse-146 {
  position: absolute;
  top: 107px;
  left: 384px;
  width: 7px;
  height: 7px;
  background-color: #c9a24ae6;
  border-radius: 3.56px;
}

.mobile .ellipse-147 {
  position: absolute;
  top: 256px;
  left: 796px;
  width: 9px;
  height: 9px;
  background-color: #6f1d2dcc;
  border-radius: 4.27px;
}

.mobile .ellipse-148 {
  position: absolute;
  top: 284px;
  left: 356px;
  width: 5px;
  height: 5px;
  background-color: #c9a24acc;
  border-radius: 2.49px;
}

.mobile .text-wrapper-56 {
  position: relative;
  width: 808.03px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 37px;
  letter-spacing: 0;
  line-height: 37px;
  direction: rtl;
}

.mobile .text-wrapper-57 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 12.8px;
  letter-spacing: 0;
  line-height: 22.8px;
  direction: rtl;
}

.mobile .frame-65 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8.53px;
  padding: 19.91px 21.33px 22.76px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #faf6ee;
  border-radius: 15.64px;
  border: 0.71px solid;
  border-color: #102b3a47;
  box-shadow: 0px 15.64px 36.98px #4a3b281f;
}

.mobile .rectangle-39 {
  position: relative;
  width: 27.02px;
  height: 2.13px;
  background-color: #102b3a;
}

.mobile .text-wrapper-58 {
  position: relative;
  width: 144.67px;
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 21.3px;
  letter-spacing: 0;
  line-height: 19.3px;
  direction: rtl;
}

.mobile .frame-66 {
  display: flex;
  flex-direction: column;
  height: 170.67px;
  align-items: flex-end;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .frame-67 {
  display: flex;
  flex-direction: column;
  height: 170.67px;
  align-items: flex-end;
  gap: 8.53px;
  padding: 19.91px 21.33px 22.76px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #fbf3e6;
  border-radius: 15.64px;
  border: 0.71px solid;
  border-color: #8a9a6b47;
  box-shadow: 0px 15.64px 36.98px #4a3b281f;
}

.mobile .frame-68 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 21.33px;
}

.mobile .frame-69 {
  display: flex;
  flex-direction: column;
  height: 164.27px;
  align-items: flex-end;
  gap: 8.53px;
  padding: 19.91px 21.33px 22.76px;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-top: -46.22px;
  background-color: #faf6ee;
  border-radius: 15.64px;
  border: 0.71px solid;
  border-color: #6f1d2d47;
  box-shadow: 0px 15.64px 36.98px #4a3b281f;
}

.mobile .frame-70 {
  display: inline-flex;
  align-items: flex-start;
  gap: 11.38px;
  padding: 14.22px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-71 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11.38px;
  padding: 12.8px 24.18px;
  position: relative;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 28.44px;
  box-shadow: 0px 7.11px 15.64px #7a541847;
}

.mobile .text-wrapper-59 {
  width: fit-content;
  margin-top: -0.71px;
  font-weight: 700;
  color: #fff9ef;
  font-size: 12.1px;
  text-align: center;
  letter-spacing: 0;
  line-height: 14.2px;
  white-space: nowrap;
  position: relative;
  font-family: "Heebo", Helvetica;
  direction: rtl;
}

.mobile .frame-72 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 18.49px;
  padding: 49.78px 92.44px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .frame-73 {
  display: flex;
  align-items: center;
  padding: 45.51px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 19.91px;
  border: 0.71px solid;
  border-color: #b8893833;
  box-shadow: 0px 21.33px 49.78px #4a3b2829;
  background: linear-gradient(
    270deg,
    rgba(184, 137, 56, 0.15) 11%,
    rgba(204, 166, 101, 0.15) 20%,
    rgba(239, 222, 192, 0.15) 25%,
    rgba(255, 248, 236, 0.5) 35%,
    rgba(255, 255, 255, 0.7) 45%,
    rgba(255, 255, 255, 1) 100%
  );
}

.mobile .frame-74 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 15.64px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .text-wrapper-60 {
  position: relative;
  width: fit-content;
  margin-top: -0.71px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #6f1d2d;
  font-size: 10.7px;
  letter-spacing: 1.07px;
  line-height: 12.8px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-149 {
  position: relative;
  width: 4.98px;
  height: 4.98px;
  background-color: #6f1d2d;
  border-radius: 2.49px;
}

.mobile .rectangle-40 {
  position: relative;
  width: 32.71px;
  height: 1.42px;
  background-color: #6f1d2d8c;
}

.mobile .text-wrapper-61 {
  position: relative;
  width: 519.3px;
  margin-left: -59.92px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 37px;
  letter-spacing: 0;
  line-height: 43.4px;
  direction: rtl;
}

.mobile .frame-75 {
  display: inline-flex;
  align-items: flex-start;
  gap: 11.38px;
  padding: 5.69px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .image-wrapper {
  position: relative;
  width: 288.71px;
  height: 366.93px;
}

.mobile .image-9 {
  position: absolute;
  top: -10px;
  left: 80px;
  width: 228px;
  height: 367px;
  aspect-ratio: 0.62;
}

.mobile .text-wrapper-62 {
  position: relative;
  width: 808.03px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 37px;
  letter-spacing: 0;
  line-height: 41.8px;
  direction: rtl;
}

.mobile .text-wrapper-63 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 13.5px;
  letter-spacing: 0;
  line-height: 23.5px;
  direction: rtl;
}

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

.mobile .frame-77 {
  display: flex;
  flex-direction: column;
  height: 324.98px;
  align-items: flex-end;
  gap: 11.38px;
  padding: 18.49px 18.49px 19.91px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #fffcf6;
  border-radius: 15.64px;
  border: 0.71px solid;
  border-color: #b8893833;
  box-shadow: 0px 15.64px 36.98px #4a3b2821;
}

.mobile .frame-78 {
  display: inline-flex;
  align-items: center;
  gap: 7.11px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-64 {
  width: fit-content;
  margin-top: -0.71px;
  font-weight: 700;
  color: #102b3a;
  font-size: 10.7px;
  letter-spacing: 0.43px;
  line-height: 12.8px;
  white-space: nowrap;
  position: relative;
  font-family: "Heebo", Helvetica;
  direction: rtl;
}

.mobile .ellipse-150 {
  position: relative;
  width: 7.82px;
  height: 7.82px;
  background-color: #c13584;
  border-radius: 3.91px;
}

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

.mobile .frame-80 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 68.27px;
  background-color: #e3d3b4;
  border-radius: 7.11px;
}

.mobile .frame-81 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 68.27px;
  background-color: #e8dcc4;
  border-radius: 7.11px;
}

.mobile .frame-82 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 68.27px;
  background-color: #dfcba8;
  border-radius: 7.11px;
}

.mobile .text-wrapper-65 {
  font-weight: 700;
  color: #b88938;
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-size: 10px;
  text-align: right;
  letter-spacing: 0;
  line-height: 12.8px;
}

.mobile .text-wrapper-66 {
  align-self: stretch;
  font-weight: 400;
  color: #5b5147;
  font-size: 11.4px;
  letter-spacing: 0;
  line-height: 19.2px;
  position: relative;
  font-family: "Heebo", Helvetica;
  direction: rtl;
}

.mobile .frame-83 {
  position: relative;
  width: 71.11px;
  height: 1px;
}

.mobile .frame-84 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7.11px;
  padding: 10.67px 14.22px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -3.33px;
  background-color: #b88938;
  border-radius: 28.44px;
  box-shadow: 0px 5.69px 12.8px #4a3b283d;
}

.mobile .text-wrapper-67 {
  width: fit-content;
  font-weight: 700;
  color: #fff9ef;
  font-size: 11.4px;
  text-align: center;
  letter-spacing: 0;
  line-height: 13.5px;
  white-space: nowrap;
  position: relative;
  font-family: "Heebo", Helvetica;
  direction: rtl;
}

.mobile .image-10 {
  position: relative;
  width: 17.78px;
  height: 17.78px;
  aspect-ratio: 1;
  object-fit: cover;
}

.mobile .ellipse-151 {
  position: relative;
  width: 7.82px;
  height: 7.82px;
  background-color: #cc0000;
  border-radius: 3.91px;
}

.mobile .frame-85 {
  display: flex;
  flex-direction: column;
  height: 141.51px;
  align-items: flex-start;
  gap: 11.38px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #e8dcc4;
  border-radius: 9.96px;
  overflow: hidden;
}

.mobile .image-11 {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1.8;
  object-fit: cover;
  object-position: center;
}

.mobile .frame-86 {
  display: inline-flex;
  align-items: flex-start;
  gap: 11.38px;
  padding: 2.13px 5.69px;
  position: absolute;
  top: 120px;
  left: 9px;
  background-color: #102b3acc;
  border-radius: 4.27px;
}

.mobile .text-wrapper-68 {
  position: relative;
  width: fit-content;
  margin-top: -0.71px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 8.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 10px;
  white-space: nowrap;
}

.mobile .frame-87 {
  position: absolute;
  top: 53px;
  left: 93px;
  width: 44px;
  height: 31px;
  background-color: #cc0000;
  border-radius: 8.53px;
  box-shadow: 0px 2.84px 7.11px #4a3b2840;
}

.mobile .polygon-3 {
  left: 19px;
  width: 9px;
  height: 10px;
  position: absolute;
  top: 11px;
}

.mobile .frame-88 {
  position: relative;
  width: 71.11px;
  height: 11.38px;
}

.mobile .frame-89 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11.38px;
  padding: 10.67px 14.22px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -2.93px;
  background-color: #b88938;
  border-radius: 28.44px;
  box-shadow: 0px 5.69px 12.8px #4a3b283d;
}

.mobile .ellipse-152 {
  position: relative;
  width: 7.82px;
  height: 7.82px;
  background-color: #1db954;
  border-radius: 3.91px;
}

.mobile .frame-90 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 9.96px;
  padding: 11.38px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f3e9d6;
  border-radius: 9.96px;
}

.mobile .text-wrapper-69 {
  position: relative;
  width: 92.44px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #102b3a;
  font-size: 10.7px;
  letter-spacing: 0;
  line-height: 14.2px;
  direction: rtl;
}

.mobile .frame-91 {
  position: relative;
  width: 32.71px;
  height: 32.71px;
  background-color: #b88938;
  border-radius: 16.36px;
}

.mobile .polygon-4 {
  left: 13px;
  width: 10px;
  height: 11px;
  position: absolute;
  top: 11px;
}

.mobile .text-wrapper-70 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #b88938;
  font-size: 9.2px;
  letter-spacing: 0;
  line-height: 14.2px;
  direction: rtl;
}

.mobile .frame-92 {
  display: flex;
  height: 31.29px;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.mobile .rectangle-41 {
  position: relative;
  width: 2.84px;
  height: 8.53px;
  background-color: #b88938f2;
  border-radius: 1.42px;
}

.mobile .rectangle-42 {
  position: relative;
  width: 2.84px;
  height: 14.22px;
  background-color: #b8893866;
  border-radius: 1.42px;
}

.mobile .rectangle-43 {
  position: relative;
  width: 2.84px;
  height: 21.33px;
  background-color: #b8893866;
  border-radius: 1.42px;
}

.mobile .rectangle-44 {
  position: relative;
  width: 2.84px;
  height: 29.87px;
  background-color: #b88938f2;
  border-radius: 1.42px;
}

.mobile .rectangle-45 {
  position: relative;
  width: 2.84px;
  height: 17.07px;
  background-color: #b8893866;
  border-radius: 1.42px;
}

.mobile .rectangle-46 {
  position: relative;
  width: 2.84px;
  height: 9.96px;
  background-color: #b8893866;
  border-radius: 1.42px;
}

.mobile .rectangle-47 {
  position: relative;
  width: 2.84px;
  height: 22.76px;
  background-color: #b88938f2;
  border-radius: 1.42px;
}

.mobile .rectangle-48 {
  position: relative;
  width: 2.84px;
  height: 28.44px;
  background-color: #b8893866;
  border-radius: 1.42px;
}

.mobile .rectangle-49 {
  position: relative;
  width: 2.84px;
  height: 15.64px;
  background-color: #b8893866;
  border-radius: 1.42px;
}

.mobile .rectangle-50 {
  position: relative;
  width: 2.84px;
  height: 19.91px;
  background-color: #b8893866;
  border-radius: 1.42px;
}

.mobile .rectangle-51 {
  position: relative;
  width: 2.84px;
  height: 31.29px;
  background-color: #b8893866;
  border-radius: 1.42px;
}

.mobile .rectangle-52 {
  position: relative;
  width: 2.84px;
  height: 12.8px;
  background-color: #b88938f2;
  border-radius: 1.42px;
}

.mobile .rectangle-53 {
  position: relative;
  width: 2.84px;
  height: 7.11px;
  background-color: #b8893866;
  border-radius: 1.42px;
}

.mobile .rectangle-54 {
  position: relative;
  width: 2.84px;
  height: 18.49px;
  background-color: #b8893866;
  border-radius: 1.42px;
}

.mobile .rectangle-55 {
  position: relative;
  width: 2.84px;
  height: 25.6px;
  background-color: #b88938f2;
  border-radius: 1.42px;
}

.mobile .rectangle-56 {
  position: relative;
  width: 2.84px;
  height: 11.38px;
  background-color: #b8893866;
  border-radius: 1.42px;
}

.mobile .rectangle-57 {
  position: relative;
  width: 2.84px;
  height: 24.18px;
  background-color: #b8893866;
  border-radius: 1.42px;
}

.mobile .rectangle-58 {
  position: relative;
  width: 2.84px;
  height: 9.96px;
  background-color: #b88938f2;
  border-radius: 1.42px;
}

.mobile .rectangle-59 {
  position: relative;
  width: 2.84px;
  height: 27.02px;
  background-color: #b8893866;
  border-radius: 1.42px;
}

.mobile .text-wrapper-71 {
  position: relative;
  width: fit-content;
  margin-top: -0.71px;
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #5b5147;
  font-size: 8.5px;
  text-align: right;
  letter-spacing: 0;
  line-height: 10px;
  white-space: nowrap;
}

.mobile .sp-2 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 2.84px;
}

.mobile .text-wrapper-72 {
  position: relative;
  width: fit-content;
  margin-top: -0.71px;
  margin-right: -0.91px;
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #5b5147;
  font-size: 8.5px;
  text-align: right;
  letter-spacing: 0;
  line-height: 10px;
  white-space: nowrap;
}

.mobile .frame-93 {
  position: relative;
  width: 71.11px;
  height: 12.09px;
}

.mobile .frame-94 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7.11px;
  padding: 10.67px 14.22px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -3.44px;
  background-color: #b88938;
  border-radius: 28.44px;
  box-shadow: 0px 5.69px 12.8px #4a3b283d;
}

.mobile .image-12 {
  position: relative;
  width: 17.07px;
  height: 17.46px;
  aspect-ratio: 0.98;
  object-fit: cover;
}

.mobile .frame-95 {
  display: flex;
  flex-direction: column;
  height: 416.71px;
  align-items: flex-end;
  gap: 18.49px;
  padding: 68.27px 92.44px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.mobile .frame-96 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 17.07px;
  padding: 65.42px 85.33px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -140.12px;
  background-color: #6f1d2d;
  border-radius: 19.91px;
  overflow: hidden;
  box-shadow: 0px 21.33px 49.78px #2a0d124c;
}

.mobile .motif-2 {
  position: absolute;
  top: 21px;
  left: 64px;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #fff8ee0f;
  font-size: 213.3px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
  direction: rtl;
}

.mobile .ellipse-153 {
  position: absolute;
  top: -156px;
  left: -85px;
  width: 398px;
  height: 398px;
  background-color: #b8893880;
  border-radius: 199.11px;
  filter: blur(39.11px);
}

.mobile .ellipse-154 {
  position: absolute;
  top: 100px;
  left: 540px;
  width: 327px;
  height: 327px;
  background-color: #9c314499;
  border-radius: 163.56px;
  filter: blur(39.11px);
}

.mobile .text-wrapper-73 {
  position: absolute;
  top: 28px;
  left: 59px;
  opacity: 0.06;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 177.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 213.3px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-155 {
  position: absolute;
  top: -21px;
  left: 1px;
  width: 213px;
  height: 213px;
  border-radius: 106.67px;
  border: 1.07px solid;
  border-color: #fff9ef14;
}

.mobile .ellipse-156 {
  position: absolute;
  top: -64px;
  left: -43px;
  width: 299px;
  height: 299px;
  border-radius: 149.33px;
  border: 1.07px solid;
  border-color: #fff9ef14;
}

.mobile .ellipse-157 {
  position: absolute;
  top: -107px;
  left: -85px;
  width: 384px;
  height: 384px;
  border-radius: 192px;
  border: 1.07px solid;
  border-color: #fff9ef14;
}

.mobile .rectangle-60 {
  position: relative;
  width: 28.44px;
  height: 1.42px;
  background-color: #b8893899;
}

.mobile .text-wrapper-74 {
  position: relative;
  width: fit-content;
  margin-top: -0.71px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #b88938;
  font-size: 10.7px;
  text-align: left;
  letter-spacing: 1.07px;
  line-height: normal;
  direction: rtl;
}

.mobile .text-wrapper-75 {
  position: relative;
  width: 684.77px;
  margin-left: -8.16px;
  margin-right: -8.16px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #fff9ef;
  font-size: 37px;
  text-align: center;
  letter-spacing: 0;
  line-height: 43.8px;
  direction: rtl;
}

.mobile .text-wrapper-76 {
  position: relative;
  width: 597.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #fff9ef;
  font-size: 13.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 23.5px;
  direction: rtl;
}

.mobile .text-wrapper-77 {
  position: relative;
  width: 597.33px;
  opacity: 0.82;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #fff9ef;
  font-size: 12.8px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22.8px;
  direction: rtl;
}

.mobile .frame-97 {
  display: inline-flex;
  align-items: flex-start;
  gap: 11.38px;
  padding: 9.96px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-98 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11.38px;
  padding: 12.8px 24.18px;
  position: relative;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 28.44px;
  box-shadow: 0px 7.11px 15.64px #3a10154c;
}

.mobile .frame-99 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 18.49px;
  padding: 142.93px 92.44px 68.27px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-78 {
  position: relative;
  align-self: stretch;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 37px;
  letter-spacing: 0;
  line-height: 42.7px;
  direction: rtl;
}

.mobile .text-wrapper-79 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 13.5px;
  letter-spacing: 0;
  line-height: 22.8px;
  direction: rtl;
}

.mobile .frame-100 {
  display: flex;
  align-items: flex-start;
  gap: 39.82px;
  padding: 9.96px 39.82px 39.82px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fffcf6;
  border-radius: 19.91px;
  border: 0.71px solid;
  border-color: #b8893833;
  box-shadow: 0px 21.33px 51.2px #4a3b2829;
}

.mobile .frame-101 {
  display: flex;
  flex-direction: column;
  width: 234.67px;
  align-items: flex-end;
  gap: 12.8px;
  padding: 29.87px 0px 0px;
  position: relative;
}

.mobile .text-wrapper-80 {
  position: relative;
  width: 142.22px;
  margin-top: -0.71px;
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 19.9px;
  letter-spacing: 0;
  line-height: 27.7px;
  direction: rtl;
}

.mobile .rectangle-61 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  background-color: #b8893840;
}

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

.mobile .frame-103 {
  position: relative;
  width: 31.29px;
  height: 31.29px;
  background-color: #b8893824;
  border-radius: 15.64px;
}

.mobile .ellipse-158 {
  position: relative;
  top: 11px;
  left: 11px;
  width: 9px;
  height: 9px;
  background-color: #b88938;
  border-radius: 4.27px;
}

.mobile .frame-104 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.42px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .text-wrapper-81 {
  align-self: stretch;
  margin-top: -0.71px;
  font-weight: 700;
  color: #102b3a;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 12.1px;
  position: relative;
  font-family: "Heebo", Helvetica;
  direction: rtl;
}

.mobile .text-wrapper-82 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 12.8px;
  direction: rtl;
}

.mobile .text-wrapper-83 {
  font-weight: 400;
  color: #5b5147;
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-size: 10px;
  text-align: right;
  letter-spacing: 0;
  line-height: 12.8px;
}

.mobile .frame-105 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12.8px;
  padding: 29.87px 0px 0px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

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

.mobile .frame-107 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5.69px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .text-wrapper-84 {
  align-self: stretch;
  margin-top: -0.71px;
  font-weight: 500;
  color: #102b3a;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 12.1px;
  position: relative;
  font-family: "Heebo", Helvetica;
  direction: rtl;
}

.mobile .frame-108 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 11.38px;
  padding: 9.96px 11.38px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f4ebd8;
  border-radius: 8.53px;
  border: 0.71px solid;
  border-color: #b889384c;
}

.mobile .text-wrapper-85 {
  align-self: stretch;
  margin-top: -0.71px;
  font-weight: 400;
  color: #a9956e;
  font-size: 11.4px;
  letter-spacing: 0;
  line-height: 15.6px;
  position: relative;
  font-family: "Heebo", Helvetica;
  direction: rtl;
}

.mobile .text-wrapper-86 {
  position: relative;
  align-self: stretch;
  margin-top: -0.71px;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #a9956e;
  font-size: 11.4px;
  text-align: right;
  letter-spacing: 0;
  line-height: 15.6px;
}

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

.mobile .frame-110 {
  display: flex;
  flex-direction: column;
  height: 93.87px;
  align-items: flex-end;
  gap: 11.38px;
  padding: 9.96px 11.38px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #f4ebd8;
  border-radius: 8.53px;
  border: 0.71px solid;
  border-color: #b889384c;
}

.mobile .frame-111 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11.38px;
  padding: 12.09px 21.33px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 28.44px;
  box-shadow: 0px 7.11px 15.64px #4a3b2847;
}

.mobile .text-wrapper-87 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #a9956e;
  font-size: 9.2px;
  letter-spacing: 0;
  line-height: 12.8px;
  direction: rtl;
}

.mobile .frame-112 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 18.49px;
  padding: 38.4px 92.44px 31.29px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #102b3a;
}

.mobile .ellipse-159 {
  position: absolute;
  top: -185px;
  left: 640px;
  width: 299px;
  height: 299px;
  background-color: #b889382e;
  border-radius: 149.33px;
  filter: blur(42.67px);
}

.mobile .frame-113 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .frame-114 {
  display: inline-flex;
  align-items: center;
  gap: 18.49px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-88 {
  position: relative;
  width: fit-content;
  margin-top: -0.71px;
  opacity: 0.85;
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #fff9ef;
  font-size: 10.7px;
  letter-spacing: 0;
  line-height: 12.8px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .image-13 {
  position: relative;
  width: 156.44px;
  height: 78.22px;
  aspect-ratio: 2;
  object-fit: cover;
}

.mobile .text-wrapper-89 {
  position: relative;
  width: fit-content;
  opacity: 0.65;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #fff9ef;
  font-size: 9.2px;
  letter-spacing: 0;
  line-height: 12.8px;
  white-space: nowrap;
  direction: rtl;
}

.mobile.desktop {
  display: flex;
  flex-direction: column;
  min-width: 1440px;
  align-items: flex-start;
  position: relative;
  background-color: #f6efe3;
}

.mobile .ellipse-160 {
  position: absolute;
  top: 118px;
  left: 80px;
  width: 560px;
  height: 560px;
  background-color: #8a9a6b29;
  border-radius: 280px;
  filter: blur(70px);
}

.mobile .ellipse-161 {
  position: absolute;
  top: 355px;
  left: 1000px;
  width: 640px;
  height: 640px;
  background-color: #b8893826;
  border-radius: 320px;
  filter: blur(75px);
}

.mobile .ellipse-162 {
  position: absolute;
  top: 1183px;
  left: -160px;
  width: 620px;
  height: 620px;
  background-color: #6f1d2d0f;
  border-radius: 310px;
  filter: blur(75px);
}

.mobile .ellipse-163 {
  position: absolute;
  top: 1774px;
  left: 1080px;
  width: 560px;
  height: 560px;
  background-color: #8a9a6b24;
  border-radius: 280px;
  filter: blur(70px);
}

.mobile .ellipse-164 {
  position: absolute;
  top: 2129px;
  left: 40px;
  width: 640px;
  height: 640px;
  background-color: #b889381f;
  border-radius: 320px;
  filter: blur(80px);
}

.mobile .ellipse-165 {
  position: absolute;
  top: 2957px;
  left: 1120px;
  width: 600px;
  height: 600px;
  background-color: #6f1d2d0d;
  border-radius: 300px;
  filter: blur(75px);
}

.mobile .ellipse-166 {
  position: absolute;
  top: 3430px;
  left: -140px;
  width: 640px;
  height: 640px;
  background-color: #b8893821;
  border-radius: 320px;
  filter: blur(80px);
}

.mobile .ellipse-167 {
  position: absolute;
  top: 3903px;
  left: 920px;
  width: 600px;
  height: 600px;
  background-color: #8a9a6b26;
  border-radius: 300px;
  filter: blur(70px);
}

.mobile .ellipse-168 {
  position: absolute;
  top: 4376px;
  left: 80px;
  width: 600px;
  height: 600px;
  background-color: #b889381c;
  border-radius: 300px;
  filter: blur(75px);
}

.mobile .text-wrapper-90 {
  position: absolute;
  top: 296px;
  left: 60px;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #102b3a0a;
  font-size: 560px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
  direction: rtl;
}

.mobile .text-wrapper-91 {
  position: absolute;
  top: 2011px;
  left: 760px;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #b889380d;
  font-size: 300px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
  direction: rtl;
}

.mobile .ellipse-169 {
  position: absolute;
  top: 4527px;
  left: 1282px;
  width: 5px;
  height: 5px;
  background-color: #b8893812;
  border-radius: 2.47px;
}

.mobile .ellipse-170 {
  position: absolute;
  top: 5590px;
  left: 860px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b0f;
  border-radius: 2.11px;
}

.mobile .ellipse-171 {
  position: absolute;
  top: 2426px;
  left: 476px;
  width: 2px;
  height: 2px;
  background-color: #b8893818;
  border-radius: 1.01px;
}

.mobile .ellipse-172 {
  position: absolute;
  top: 5224px;
  left: 1053px;
  width: 4px;
  height: 4px;
  background-color: #6f1d2d19;
  border-radius: 1.98px;
}

.mobile .ellipse-173 {
  position: absolute;
  top: 4888px;
  left: 853px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b16;
  border-radius: 1.09px;
}

.mobile .ellipse-174 {
  position: absolute;
  top: 4085px;
  left: 986px;
  width: 3px;
  height: 3px;
  background-color: #b8893818;
  border-radius: 1.72px;
}

.mobile .ellipse-175 {
  position: absolute;
  top: 3532px;
  left: 779px;
  width: 4px;
  height: 4px;
  background-color: #6f1d2d1b;
  border-radius: 2.14px;
}

.mobile .ellipse-176 {
  position: absolute;
  top: 3593px;
  left: 6px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b18;
  border-radius: 2.48px;
}

.mobile .ellipse-177 {
  position: absolute;
  top: 4887px;
  left: 205px;
  width: 4px;
  height: 4px;
  background-color: #b8893818;
  border-radius: 1.85px;
}

.mobile .ellipse-178 {
  position: absolute;
  top: 4857px;
  left: 1220px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b16;
  border-radius: 1.8px;
}

.mobile .ellipse-179 {
  position: absolute;
  top: 5038px;
  left: 785px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b0f;
  border-radius: 1.18px;
}

.mobile .ellipse-180 {
  position: absolute;
  top: 1517px;
  left: 874px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b0f;
  border-radius: 1.97px;
}

.mobile .ellipse-181 {
  position: absolute;
  top: 4140px;
  left: 1383px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d1a;
  border-radius: 1.32px;
}

.mobile .ellipse-182 {
  position: absolute;
  top: 1126px;
  left: 1428px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b16;
  border-radius: 1.83px;
}

.mobile .ellipse-183 {
  position: absolute;
  top: 3157px;
  left: 1228px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b11;
  border-radius: 2.46px;
}

.mobile .ellipse-184 {
  position: absolute;
  top: 3262px;
  left: 494px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b19;
  border-radius: 1.26px;
}

.mobile .ellipse-185 {
  position: absolute;
  top: 4397px;
  left: 413px;
  width: 4px;
  height: 4px;
  background-color: #6f1d2d12;
  border-radius: 2.12px;
}

.mobile .ellipse-186 {
  position: absolute;
  top: 5044px;
  left: 1019px;
  width: 4px;
  height: 4px;
  background-color: #b8893814;
  border-radius: 1.95px;
}

.mobile .ellipse-187 {
  position: absolute;
  top: 3297px;
  left: 519px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b11;
  border-radius: 1.72px;
}

.mobile .ellipse-188 {
  position: absolute;
  top: 4114px;
  left: 233px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b12;
  border-radius: 1.23px;
}

.mobile .ellipse-189 {
  position: absolute;
  top: 96px;
  left: 992px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b1c;
  border-radius: 1.49px;
}

.mobile .ellipse-190 {
  position: absolute;
  top: 3721px;
  left: 1133px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b14;
  border-radius: 1.02px;
}

.mobile .ellipse-191 {
  position: absolute;
  top: 4285px;
  left: 911px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b18;
  border-radius: 1.27px;
}

.mobile .ellipse-192 {
  position: absolute;
  top: 1720px;
  left: 616px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b0e;
  border-radius: 1.98px;
}

.mobile .ellipse-193 {
  position: absolute;
  top: 2234px;
  left: 162px;
  width: 3px;
  height: 3px;
  background-color: #b8893813;
  border-radius: 1.59px;
}

.mobile .ellipse-194 {
  position: absolute;
  top: 1725px;
  left: 587px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b1b;
  border-radius: 2.5px;
}

.mobile .ellipse-195 {
  position: absolute;
  top: 3661px;
  left: 706px;
  width: 4px;
  height: 4px;
  background-color: #6f1d2d18;
  border-radius: 2.03px;
}

.mobile .ellipse-196 {
  position: absolute;
  top: 4392px;
  left: 689px;
  width: 2px;
  height: 2px;
  background-color: #6f1d2d1a;
  border-radius: 1.23px;
}

.mobile .ellipse-197 {
  position: absolute;
  top: 3882px;
  left: 778px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b15;
  border-radius: 1.53px;
}

.mobile .ellipse-198 {
  position: absolute;
  top: 3366px;
  left: 534px;
  width: 5px;
  height: 5px;
  background-color: #6f1d2d10;
  border-radius: 2.25px;
}

.mobile .ellipse-199 {
  position: absolute;
  top: 5529px;
  left: 661px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b0f;
  border-radius: 1.76px;
}

.mobile .ellipse-200 {
  position: absolute;
  top: 2518px;
  left: 6px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b14;
  border-radius: 2.17px;
}

.mobile .ellipse-201 {
  position: absolute;
  top: 1914px;
  left: 1393px;
  width: 4px;
  height: 4px;
  background-color: #6f1d2d16;
  border-radius: 1.97px;
}

.mobile .ellipse-202 {
  position: absolute;
  top: 5001px;
  left: 883px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b0f;
  border-radius: 2.26px;
}

.mobile .ellipse-203 {
  position: absolute;
  top: 559px;
  left: 617px;
  width: 5px;
  height: 5px;
  background-color: #6f1d2d14;
  border-radius: 2.38px;
}

.mobile .ellipse-204 {
  position: absolute;
  top: 3323px;
  left: 1359px;
  width: 2px;
  height: 2px;
  background-color: #8a9a6b1a;
  border-radius: 1.12px;
}

.mobile .ellipse-205 {
  position: absolute;
  top: 2550px;
  left: 302px;
  width: 3px;
  height: 3px;
  background-color: #b8893814;
  border-radius: 1.66px;
}

.mobile .ellipse-206 {
  position: absolute;
  top: 4745px;
  left: 1406px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d14;
  border-radius: 1.3px;
}

.mobile .ellipse-207 {
  position: absolute;
  top: 5496px;
  left: 518px;
  width: 2px;
  height: 2px;
  background-color: #6f1d2d0e;
  border-radius: 1.03px;
}

.mobile .ellipse-208 {
  position: absolute;
  top: 4255px;
  left: 516px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b0e;
  border-radius: 2.02px;
}

.mobile .ellipse-209 {
  position: absolute;
  top: 4276px;
  left: 1127px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d0d;
  border-radius: 1.34px;
}

.mobile .ellipse-210 {
  position: absolute;
  top: 5387px;
  left: 197px;
  width: 5px;
  height: 5px;
  background-color: #6f1d2d17;
  border-radius: 2.33px;
}

.mobile .ellipse-211 {
  position: absolute;
  top: 432px;
  left: 522px;
  width: 4px;
  height: 4px;
  background-color: #b8893815;
  border-radius: 2.18px;
}

.mobile .ellipse-212 {
  position: absolute;
  top: 3593px;
  left: 767px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b10;
  border-radius: 1.95px;
}

.mobile .ellipse-213 {
  position: absolute;
  top: 997px;
  left: 1298px;
  width: 5px;
  height: 5px;
  background-color: #b8893816;
  border-radius: 2.39px;
}

.mobile .ellipse-214 {
  position: absolute;
  top: 472px;
  left: 439px;
  width: 4px;
  height: 4px;
  background-color: #6f1d2d14;
  border-radius: 2.2px;
}

.mobile .ellipse-215 {
  position: absolute;
  top: 5833px;
  left: 661px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b11;
  border-radius: 1.26px;
}

.mobile .ellipse-216 {
  position: absolute;
  top: 5625px;
  left: 674px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d10;
  border-radius: 1.62px;
}

.mobile .ellipse-217 {
  position: absolute;
  top: 1560px;
  left: 26px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b11;
  border-radius: 2.26px;
}

.mobile .ellipse-218 {
  position: absolute;
  top: 1222px;
  left: 39px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d12;
  border-radius: 1.42px;
}

.mobile .ellipse-219 {
  position: absolute;
  top: 1912px;
  left: 1005px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b15;
  border-radius: 2.49px;
}

.mobile .ellipse-220 {
  position: absolute;
  top: 1110px;
  left: 1116px;
  width: 3px;
  height: 3px;
  background-color: #b8893818;
  border-radius: 1.63px;
}

.mobile .ellipse-221 {
  position: absolute;
  top: 279px;
  left: 721px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d15;
  border-radius: 1.57px;
}

.mobile .ellipse-222 {
  position: absolute;
  top: 4878px;
  left: 257px;
  width: 2px;
  height: 2px;
  background-color: #b889380e;
  border-radius: 1.17px;
}

.mobile .ellipse-223 {
  position: absolute;
  top: 4467px;
  left: 349px;
  width: 2px;
  height: 2px;
  background-color: #b889380e;
  border-radius: 1.12px;
}

.mobile .ellipse-224 {
  position: absolute;
  top: 2643px;
  left: 274px;
  width: 4px;
  height: 4px;
  background-color: #b8893819;
  border-radius: 2.13px;
}

.mobile .ellipse-225 {
  position: absolute;
  top: 1768px;
  left: 581px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b19;
  border-radius: 2.13px;
}

.mobile .ellipse-226 {
  position: absolute;
  top: 1694px;
  left: 849px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b0d;
  border-radius: 1.7px;
}

.mobile .ellipse-227 {
  position: absolute;
  top: 2913px;
  left: 1234px;
  width: 4px;
  height: 4px;
  background-color: #b8893812;
  border-radius: 1.89px;
}

.mobile .ellipse-228 {
  position: absolute;
  top: 1899px;
  left: 947px;
  width: 5px;
  height: 5px;
  background-color: #b8893818;
  border-radius: 2.4px;
}

.mobile .ellipse-229 {
  position: absolute;
  top: 329px;
  left: 600px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b0e;
  border-radius: 1.57px;
}

.mobile .ellipse-230 {
  position: absolute;
  top: 266px;
  left: 366px;
  width: 4px;
  height: 4px;
  background-color: #b8893811;
  border-radius: 1.78px;
}

.mobile .ellipse-231 {
  position: absolute;
  top: 3970px;
  left: 366px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b17;
  border-radius: 1.72px;
}

.mobile .ellipse-232 {
  position: absolute;
  top: 1968px;
  left: 743px;
  width: 3px;
  height: 3px;
  background-color: #b889380d;
  border-radius: 1.64px;
}

.mobile .ellipse-233 {
  position: absolute;
  top: 4966px;
  left: 1047px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b15;
  border-radius: 1.48px;
}

.mobile .ellipse-234 {
  position: absolute;
  top: 865px;
  left: 1009px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b16;
  border-radius: 1.89px;
}

.mobile .ellipse-235 {
  position: absolute;
  top: 2931px;
  left: 1279px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b0f;
  border-radius: 1.68px;
}

.mobile .ellipse-236 {
  position: absolute;
  top: 239px;
  left: 620px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b18;
  border-radius: 2.02px;
}

.mobile .ellipse-237 {
  position: absolute;
  top: 5746px;
  left: 94px;
  width: 3px;
  height: 3px;
  background-color: #b889380f;
  border-radius: 1.42px;
}

.mobile .ellipse-238 {
  position: absolute;
  top: 216px;
  left: 334px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b0f;
  border-radius: 1.75px;
}

.mobile .header-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 130px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: transparent;
}

.mobile .navbar-2 {
  display: inline-flex;
  align-items: center;
  gap: 32px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-92 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #102b3a;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .image-14 {
  position: relative;
  width: 194px;
  height: 110px;
  aspect-ratio: 1.76;
}

.mobile .frame-115 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 26px;
  padding: 30px 130px 70px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

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

.mobile .frame-117 {
  position: relative;
  width: 480px;
  height: 610px;
}

.mobile .ellipse-239 {
  position: absolute;
  top: 70px;
  left: 40px;
  width: 400px;
  height: 440px;
  background-color: #b8893826;
  border-radius: 200px / 220px;
  filter: blur(47.5px);
}

.mobile .ellipse-240 {
  position: absolute;
  top: 330px;
  left: 150px;
  width: 260px;
  height: 260px;
  background-color: #6f1d2d2e;
  border-radius: 130px;
  filter: blur(45px);
}

.mobile .rectangle-62 {
  position: absolute;
  top: 43px;
  left: 55px;
  width: 390px;
  height: 524px;
  border-radius: 195px 195px 40px 40px;
  border: 2px solid;
  border-color: #b88938cc;
}

.mobile .ellipse-241 {
  position: absolute;
  top: 502px;
  left: 35px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 2px solid;
  border-color: #b88938e6;
}

.mobile .ellipse-242 {
  position: absolute;
  top: 120px;
  left: 395px;
  width: 14px;
  height: 14px;
  background-color: #b88938e6;
  border-radius: 7px;
}

.mobile .ellipse-243 {
  position: absolute;
  top: 180px;
  left: 420px;
  width: 8px;
  height: 8px;
  background-color: #6f1d2dcc;
  border-radius: 4px;
}

.mobile .image-15 {
  position: absolute;
  top: 188px;
  left: 29px;
  width: 441px;
  height: 441px;
  aspect-ratio: 1;
  object-fit: cover;
}

.mobile .frame-118 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 26px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .text-wrapper-93 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #b88938;
  font-size: 15px;
  letter-spacing: 1.5px;
  line-height: 18px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-244 {
  position: relative;
  width: 7px;
  height: 7px;
  background-color: #b88938;
  border-radius: 3.5px;
}

.mobile .rectangle-63 {
  position: relative;
  width: 46px;
  height: 2px;
  background-color: #b889388c;
}

.mobile .text-wrapper-94 {
  position: relative;
  align-self: stretch;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 80px;
  letter-spacing: 0;
  line-height: 99px;
  direction: rtl;
}

.mobile .text-wrapper-95 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 21px;
  letter-spacing: 0;
  line-height: 37px;
  direction: rtl;
}

.mobile .frame-119 {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 6px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-120 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 17px 32px;
  position: relative;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 40px;
  box-shadow: 0px 10px 22px #7a541847;
}

.mobile .frame-121 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 17px 32px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 40px;
  border: 1.5px solid;
  border-color: #102b3a;
}

.mobile .frame-122 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 26px;
  padding: 96px 130px 70px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-96 {
  position: relative;
  width: 1136.3px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 52px;
  letter-spacing: 0;
  line-height: 56.8px;
  direction: rtl;
}

.mobile .text-wrapper-97 {
  position: relative;
  width: 1135px;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 32px;
  direction: rtl;
}

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

.mobile .text-wrapper-98 {
  position: relative;
  width: 297.5px;
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 30px;
  letter-spacing: 0;
  line-height: 27.2px;
  direction: rtl;
}

.mobile .frame-124 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 35px;
}

.mobile .frame-125 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  padding: 28px 30px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -53px;
  background-color: #faf6ee;
  border-radius: 22px;
  border: 1px solid;
  border-color: #8a9a6b47;
  box-shadow: 0px 22px 52px #4a3b281f;
}

.mobile .frame-126 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 8px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .rectangle-64 {
  position: relative;
  width: 70px;
  height: 1.5px;
  background-color: #b8893899;
}

.mobile .rectangle-65 {
  position: relative;
  width: 11px;
  height: 11px;
  background-color: #b88938;
  transform: rotate(-45deg);
}

.mobile .frame-127 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 26px;
  padding: 70px 130px 96px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .rabbi-panel-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 520px;
  background-color: #102b3a;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0px 30px 70px #0a182047;
}

.mobile .ellipse-245 {
  position: absolute;
  top: 60px;
  left: 40px;
  width: 460px;
  height: 460px;
  background-color: #b8893847;
  border-radius: 230px;
  filter: blur(60px);
}

.mobile .ellipse-246 {
  position: absolute;
  top: 300px;
  left: -120px;
  width: 420px;
  height: 420px;
  background-color: #6f1d2d59;
  border-radius: 210px;
  filter: blur(70px);
}

.mobile .text-wrapper-99 {
  position: absolute;
  top: 120px;
  left: 620px;
  opacity: 0.06;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #c9a24a;
  font-size: 340px;
  text-align: center;
  letter-spacing: 0;
  line-height: 340px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .image-16 {
  position: absolute;
  top: 0;
  left: 63px;
  width: 373px;
  height: 520px;
  aspect-ratio: 1.5;
  object-fit: cover;
}

.mobile .frame-128 {
  display: flex;
  flex-direction: column;
  width: 600px;
  align-items: flex-end;
  gap: 18px;
  position: absolute;
  top: 108px;
  left: 520px;
}

.mobile .text-wrapper-100 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #c9a24a;
  font-size: 15px;
  letter-spacing: 1.2px;
  line-height: 18px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-247 {
  position: relative;
  width: 7px;
  height: 7px;
  background-color: #c9a24a;
  border-radius: 3.5px;
}

.mobile .rectangle-66 {
  position: relative;
  width: 44px;
  height: 2px;
  background-color: #c9a24a99;
}

.mobile .text-wrapper-101 {
  position: relative;
  width: 577.78px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #fff9ef;
  font-size: 52px;
  letter-spacing: 0;
  line-height: 56.8px;
  direction: rtl;
}

.mobile .text-wrapper-102 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #e2d6be;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 29px;
  direction: rtl;
}

.mobile .ellipse-248 {
  position: absolute;
  top: 150px;
  left: 540px;
  width: 10px;
  height: 10px;
  background-color: #c9a24ae6;
  border-radius: 5px;
}

.mobile .ellipse-249 {
  position: absolute;
  top: 360px;
  left: 1120px;
  width: 12px;
  height: 12px;
  background-color: #6f1d2dcc;
  border-radius: 6px;
}

.mobile .ellipse-250 {
  position: absolute;
  top: 400px;
  left: 500px;
  width: 7px;
  height: 7px;
  background-color: #c9a24acc;
  border-radius: 3.5px;
}

.mobile .text-wrapper-103 {
  position: relative;
  width: 1136.3px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 52px;
  letter-spacing: 0;
  line-height: 52px;
  direction: rtl;
}

.mobile .text-wrapper-104 {
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 18px;
  line-height: 32px;
  position: relative;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .text-wrapper-105 {
  width: 203.44px;
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 30px;
  line-height: 27.2px;
  position: relative;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .frame-129 {
  display: flex;
  flex-direction: column;
  height: 240px;
  align-items: flex-end;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .frame-130 {
  display: flex;
  flex-direction: column;
  height: 240px;
  align-items: flex-end;
  gap: 12px;
  padding: 28px 30px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #fbf3e6;
  border-radius: 22px;
  border: 1px solid;
  border-color: #8a9a6b47;
  box-shadow: 0px 22px 52px #4a3b281f;
}

.mobile .frame-131 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 30px;
}

.mobile .frame-132 {
  display: flex;
  flex-direction: column;
  height: 231px;
  align-items: flex-end;
  gap: 12px;
  padding: 28px 30px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-top: -65px;
  background-color: #faf6ee;
  border-radius: 22px;
  border: 1px solid;
  border-color: #6f1d2d47;
  box-shadow: 0px 22px 52px #4a3b281f;
}

.mobile .frame-133 {
  display: inline-flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-134 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 18px 34px;
  position: relative;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 40px;
  box-shadow: 0px 10px 22px #7a541847;
}

.mobile .text-wrapper-106 {
  width: fit-content;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #fff9ef;
  font-size: 17px;
  text-align: center;
  line-height: 20px;
  white-space: nowrap;
  position: relative;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .frame-135 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 26px;
  padding: 70px 130px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .frame-136 {
  display: flex;
  align-items: center;
  padding: 64px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 28px;
  border: 1px solid;
  border-color: #b8893833;
  box-shadow: 0px 30px 70px #4a3b2829;
  background: linear-gradient(
    270deg,
    rgba(184, 137, 56, 0.15) 11%,
    rgba(204, 166, 101, 0.15) 20%,
    rgba(239, 222, 192, 0.15) 25%,
    rgba(255, 248, 236, 0.5) 35%,
    rgba(255, 255, 255, 0.7) 45%,
    rgba(255, 255, 255, 1) 100%
  );
}

.mobile .frame-137 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 22px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .text-wrapper-107 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #6f1d2d;
  font-size: 15px;
  letter-spacing: 1.5px;
  line-height: 18px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-251 {
  position: relative;
  width: 7px;
  height: 7px;
  background-color: #6f1d2d;
  border-radius: 3.5px;
}

.mobile .rectangle-67 {
  position: relative;
  width: 46px;
  height: 2px;
  background-color: #6f1d2d8c;
}

.mobile .text-wrapper-108 {
  position: relative;
  width: 730.26px;
  margin-left: -84.26px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 52px;
  letter-spacing: 0;
  line-height: 61px;
  direction: rtl;
}

.mobile .frame-138 {
  display: inline-flex;
  align-items: flex-start;
  gap: 16px;
  padding: 8px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-139 {
  position: relative;
  width: 406px;
  height: 516px;
}

.mobile .image-17 {
  position: absolute;
  top: -14px;
  left: 112px;
  width: 320px;
  height: 516px;
  aspect-ratio: 0.62;
}

.mobile .text-wrapper-109 {
  position: relative;
  width: 1136.3px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 52px;
  letter-spacing: 0;
  line-height: 58.7px;
  direction: rtl;
}

.mobile .text-wrapper-110 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 19px;
  letter-spacing: 0;
  line-height: 33px;
  direction: rtl;
}

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

.mobile .frame-141 {
  display: flex;
  flex-direction: column;
  height: 457px;
  align-items: flex-end;
  gap: 16px;
  padding: 26px 26px 28px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #fffcf6;
  border-radius: 22px;
  border: 1px solid;
  border-color: #b8893833;
  box-shadow: 0px 22px 52px #4a3b2821;
}

.mobile .frame-142 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 20px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -3px;
  background-color: #b88938;
  border-radius: 40px;
  box-shadow: 0px 8px 18px #4a3b283d;
}

.mobile .image-18 {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1.8;
  object-fit: cover;
  object-position: center;
}

.mobile .frame-143 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 15px 20px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -3px;
  background-color: #b88938;
  border-radius: 40px;
  box-shadow: 0px 8px 18px #4a3b283d;
}

.mobile .frame-144 {
  display: flex;
  flex-direction: column;
  height: 586px;
  align-items: flex-end;
  gap: 26px;
  padding: 96px 130px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.mobile .frame-145 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 92px 120px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -169.63px;
  background-color: #6f1d2d;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0px 30px 70px #2a0d124c;
}

.mobile .motif-3 {
  position: absolute;
  top: 30px;
  left: 90px;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #fff8ee0f;
  font-size: 300px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
  direction: rtl;
}

.mobile .ellipse-252 {
  position: absolute;
  top: -220px;
  left: -120px;
  width: 560px;
  height: 560px;
  background-color: #b8893880;
  border-radius: 280px;
  filter: blur(55px);
}

.mobile .ellipse-253 {
  position: absolute;
  top: 140px;
  left: 760px;
  width: 460px;
  height: 460px;
  background-color: #9c314499;
  border-radius: 230px;
  filter: blur(55px);
}

.mobile .text-wrapper-111 {
  position: absolute;
  top: 40px;
  left: 83px;
  opacity: 0.06;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 250px;
  text-align: center;
  letter-spacing: 0;
  line-height: 300px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-254 {
  position: absolute;
  top: -30px;
  left: 0;
  width: 300px;
  height: 300px;
  border-radius: 150px;
  border: 1.5px solid;
  border-color: #fff9ef14;
}

.mobile .ellipse-255 {
  position: absolute;
  top: -90px;
  left: -60px;
  width: 420px;
  height: 420px;
  border-radius: 210px;
  border: 1.5px solid;
  border-color: #fff9ef14;
}

.mobile .ellipse-256 {
  position: absolute;
  top: -150px;
  left: -120px;
  width: 540px;
  height: 540px;
  border-radius: 270px;
  border: 1.5px solid;
  border-color: #fff9ef14;
}

.mobile .rectangle-68 {
  position: relative;
  width: 40px;
  height: 2px;
  background-color: #b8893899;
}

.mobile .text-wrapper-112 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #b88938;
  font-size: 15px;
  text-align: left;
  letter-spacing: 1.5px;
  line-height: normal;
  direction: rtl;
}

.mobile .text-wrapper-113 {
  position: relative;
  width: 962.96px;
  margin-left: -11.48px;
  margin-right: -11.48px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #fff9ef;
  font-size: 52px;
  text-align: center;
  letter-spacing: 0;
  line-height: 61.6px;
  direction: rtl;
}

.mobile .text-wrapper-114 {
  position: relative;
  width: 840px;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #fff9ef;
  font-size: 19px;
  text-align: center;
  letter-spacing: 0;
  line-height: 33px;
  direction: rtl;
}

.mobile .text-wrapper-115 {
  position: relative;
  width: 840px;
  opacity: 0.82;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #fff9ef;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
  direction: rtl;
}

.mobile .frame-146 {
  display: inline-flex;
  align-items: flex-start;
  gap: 16px;
  padding: 14px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-147 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 18px 34px;
  position: relative;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 40px;
  box-shadow: 0px 10px 22px #3a10154c;
}

.mobile .frame-148 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 26px;
  padding: 201px 130px 96px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-116 {
  position: relative;
  align-self: stretch;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 52px;
  letter-spacing: 0;
  line-height: 60px;
  direction: rtl;
}

.mobile .text-wrapper-117 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 19px;
  letter-spacing: 0;
  line-height: 32px;
  direction: rtl;
}

.mobile .frame-149 {
  display: flex;
  align-items: flex-start;
  gap: 56px;
  padding: 14px 56px 56px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fffcf6;
  border-radius: 28px;
  border: 1px solid;
  border-color: #b8893833;
  box-shadow: 0px 30px 72px #4a3b2829;
}

.mobile .frame-150 {
  display: flex;
  flex-direction: column;
  width: 330px;
  align-items: flex-end;
  gap: 18px;
  padding: 42px 0px 0px;
  position: relative;
}

.mobile .text-wrapper-118 {
  position: relative;
  width: 200px;
  margin-top: -1px;
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 39px;
  direction: rtl;
}

.mobile .frame-151 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 18px;
  padding: 42px 0px 0px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

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

.mobile .frame-153 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .text-wrapper-119 {
  font-weight: 500;
  color: #102b3a;
  font-size: 14px;
  line-height: 17px;
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .frame-154 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  padding: 14px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f4ebd8;
  border-radius: 12px;
  border: 1px solid;
  border-color: #b889384c;
}

.mobile .text-wrapper-120 {
  font-weight: 400;
  color: #a9956e;
  font-size: 16px;
  line-height: 22px;
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .text-wrapper-121 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #a9956e;
  font-size: 16px;
  text-align: right;
  letter-spacing: 0;
  line-height: 22px;
}

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

.mobile .frame-156 {
  display: flex;
  flex-direction: column;
  height: 132px;
  align-items: flex-end;
  gap: 16px;
  padding: 14px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #f4ebd8;
  border-radius: 12px;
  border: 1px solid;
  border-color: #b889384c;
}

.mobile .frame-157 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 17px 30px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 40px;
  box-shadow: 0px 10px 22px #4a3b2847;
}

.mobile .text-wrapper-122 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #a9956e;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 18px;
  direction: rtl;
}

.mobile .frame-158 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 26px;
  padding: 54px 130px 44px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #102b3a;
}

.mobile .ellipse-257 {
  position: absolute;
  top: -260px;
  left: 900px;
  width: 420px;
  height: 420px;
  background-color: #b889382e;
  border-radius: 210px;
  filter: blur(60px);
}

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

.mobile .text-wrapper-123 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  opacity: 0.85;
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #fff9ef;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .image-19 {
  position: relative;
  width: 220px;
  height: 110px;
  aspect-ratio: 2;
  object-fit: cover;
}

.mobile .text-wrapper-124 {
  position: relative;
  width: fit-content;
  opacity: 0.65;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #fff9ef;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
  direction: rtl;
}

.mobile.large-desktop {
  display: flex;
  flex-direction: column;
  min-width: 1920px;
  align-items: flex-start;
  position: relative;
  background-color: #f6efe3;
}

.mobile .ellipse-258 {
  position: absolute;
  top: 158px;
  left: 107px;
  width: 747px;
  height: 747px;
  background-color: #8a9a6b29;
  border-radius: 373.33px;
  filter: blur(93.33px);
}

.mobile .ellipse-259 {
  position: absolute;
  top: 473px;
  left: 1333px;
  width: 853px;
  height: 853px;
  background-color: #b8893826;
  border-radius: 426.67px;
  filter: blur(100px);
}

.mobile .ellipse-260 {
  position: absolute;
  top: 1577px;
  left: -213px;
  width: 827px;
  height: 827px;
  background-color: #6f1d2d0f;
  border-radius: 413.33px;
  filter: blur(100px);
}

.mobile .ellipse-261 {
  position: absolute;
  top: 2365px;
  left: 1440px;
  width: 747px;
  height: 747px;
  background-color: #8a9a6b24;
  border-radius: 373.33px;
  filter: blur(93.33px);
}

.mobile .ellipse-262 {
  position: absolute;
  top: 2839px;
  left: 53px;
  width: 853px;
  height: 853px;
  background-color: #b889381f;
  border-radius: 426.67px;
  filter: blur(106.67px);
}

.mobile .ellipse-263 {
  position: absolute;
  top: 3942px;
  left: 1493px;
  width: 800px;
  height: 800px;
  background-color: #6f1d2d0d;
  border-radius: 400px;
  filter: blur(100px);
}

.mobile .ellipse-264 {
  position: absolute;
  top: 4573px;
  left: -187px;
  width: 853px;
  height: 853px;
  background-color: #b8893821;
  border-radius: 426.67px;
  filter: blur(106.67px);
}

.mobile .ellipse-265 {
  position: absolute;
  top: 5204px;
  left: 1227px;
  width: 800px;
  height: 800px;
  background-color: #8a9a6b26;
  border-radius: 400px;
  filter: blur(93.33px);
}

.mobile .ellipse-266 {
  position: absolute;
  top: 5835px;
  left: 107px;
  width: 800px;
  height: 800px;
  background-color: #b889381c;
  border-radius: 400px;
  filter: blur(100px);
}

.mobile .text-wrapper-125 {
  position: absolute;
  top: 394px;
  left: 80px;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #102b3a0a;
  font-size: 746.7px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
  direction: rtl;
}

.mobile .text-wrapper-126 {
  position: absolute;
  top: 2681px;
  left: 1013px;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #b889380d;
  font-size: 400px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
  direction: rtl;
}

.mobile .ellipse-267 {
  position: absolute;
  top: 6036px;
  left: 1709px;
  width: 7px;
  height: 7px;
  background-color: #b8893812;
  border-radius: 3.3px;
}

.mobile .ellipse-268 {
  position: absolute;
  top: 7454px;
  left: 1147px;
  width: 6px;
  height: 6px;
  background-color: #8a9a6b0f;
  border-radius: 2.82px;
}

.mobile .ellipse-269 {
  position: absolute;
  top: 3235px;
  left: 634px;
  width: 3px;
  height: 3px;
  background-color: #b8893818;
  border-radius: 1.34px;
}

.mobile .ellipse-270 {
  position: absolute;
  top: 6965px;
  left: 1404px;
  width: 5px;
  height: 5px;
  background-color: #6f1d2d19;
  border-radius: 2.64px;
}

.mobile .ellipse-271 {
  position: absolute;
  top: 6518px;
  left: 1137px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b16;
  border-radius: 1.45px;
}

.mobile .ellipse-272 {
  position: absolute;
  top: 5447px;
  left: 1314px;
  width: 5px;
  height: 5px;
  background-color: #b8893818;
  border-radius: 2.3px;
}

.mobile .ellipse-273 {
  position: absolute;
  top: 4709px;
  left: 1038px;
  width: 6px;
  height: 6px;
  background-color: #6f1d2d1b;
  border-radius: 2.85px;
}

.mobile .ellipse-274 {
  position: absolute;
  top: 4791px;
  left: 9px;
  width: 7px;
  height: 7px;
  background-color: #8a9a6b18;
  border-radius: 3.31px;
}

.mobile .ellipse-275 {
  position: absolute;
  top: 6516px;
  left: 273px;
  width: 5px;
  height: 5px;
  background-color: #b8893818;
  border-radius: 2.47px;
}

.mobile .ellipse-276 {
  position: absolute;
  top: 6476px;
  left: 1627px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b16;
  border-radius: 2.4px;
}

.mobile .ellipse-277 {
  position: absolute;
  top: 6717px;
  left: 1046px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b0f;
  border-radius: 1.57px;
}

.mobile .ellipse-278 {
  position: absolute;
  top: 2023px;
  left: 1165px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b0f;
  border-radius: 2.63px;
}

.mobile .ellipse-279 {
  position: absolute;
  top: 5520px;
  left: 1844px;
  width: 4px;
  height: 4px;
  background-color: #6f1d2d1a;
  border-radius: 1.76px;
}

.mobile .ellipse-280 {
  position: absolute;
  top: 1501px;
  left: 1904px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b16;
  border-radius: 2.45px;
}

.mobile .ellipse-281 {
  position: absolute;
  top: 4209px;
  left: 1637px;
  width: 7px;
  height: 7px;
  background-color: #8a9a6b11;
  border-radius: 3.29px;
}

.mobile .ellipse-282 {
  position: absolute;
  top: 4349px;
  left: 658px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b19;
  border-radius: 1.68px;
}

.mobile .ellipse-283 {
  position: absolute;
  top: 5863px;
  left: 550px;
  width: 6px;
  height: 6px;
  background-color: #6f1d2d12;
  border-radius: 2.83px;
}

.mobile .ellipse-284 {
  position: absolute;
  top: 6726px;
  left: 1358px;
  width: 5px;
  height: 5px;
  background-color: #b8893814;
  border-radius: 2.6px;
}

.mobile .ellipse-285 {
  position: absolute;
  top: 4396px;
  left: 692px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b11;
  border-radius: 2.29px;
}

.mobile .ellipse-286 {
  position: absolute;
  top: 5485px;
  left: 310px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b12;
  border-radius: 1.63px;
}

.mobile .ellipse-287 {
  position: absolute;
  top: 128px;
  left: 1322px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b1c;
  border-radius: 1.99px;
}

.mobile .ellipse-288 {
  position: absolute;
  top: 4961px;
  left: 1510px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b14;
  border-radius: 1.36px;
}

.mobile .ellipse-289 {
  position: absolute;
  top: 5713px;
  left: 1215px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b18;
  border-radius: 1.7px;
}

.mobile .ellipse-290 {
  position: absolute;
  top: 2293px;
  left: 821px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b0e;
  border-radius: 2.64px;
}

.mobile .ellipse-291 {
  position: absolute;
  top: 2978px;
  left: 215px;
  width: 4px;
  height: 4px;
  background-color: #b8893813;
  border-radius: 2.12px;
}

.mobile .ellipse-292 {
  position: absolute;
  top: 2300px;
  left: 783px;
  width: 7px;
  height: 7px;
  background-color: #8a9a6b1b;
  border-radius: 3.33px;
}

.mobile .ellipse-293 {
  position: absolute;
  top: 4882px;
  left: 941px;
  width: 5px;
  height: 5px;
  background-color: #6f1d2d18;
  border-radius: 2.71px;
}

.mobile .ellipse-294 {
  position: absolute;
  top: 5856px;
  left: 919px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d1a;
  border-radius: 1.63px;
}

.mobile .ellipse-295 {
  position: absolute;
  top: 5176px;
  left: 1037px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b15;
  border-radius: 2.05px;
}

.mobile .ellipse-296 {
  position: absolute;
  top: 4488px;
  left: 712px;
  width: 6px;
  height: 6px;
  background-color: #6f1d2d10;
  border-radius: 3px;
}

.mobile .ellipse-297 {
  position: absolute;
  top: 7373px;
  left: 881px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b0f;
  border-radius: 2.34px;
}

.mobile .ellipse-298 {
  position: absolute;
  top: 3358px;
  left: 8px;
  width: 6px;
  height: 6px;
  background-color: #8a9a6b14;
  border-radius: 2.89px;
}

.mobile .ellipse-299 {
  position: absolute;
  top: 2553px;
  left: 1857px;
  width: 5px;
  height: 5px;
  background-color: #6f1d2d16;
  border-radius: 2.63px;
}

.mobile .ellipse-300 {
  position: absolute;
  top: 6668px;
  left: 1177px;
  width: 6px;
  height: 6px;
  background-color: #8a9a6b0f;
  border-radius: 3.02px;
}

.mobile .ellipse-301 {
  position: absolute;
  top: 745px;
  left: 822px;
  width: 6px;
  height: 6px;
  background-color: #6f1d2d14;
  border-radius: 3.17px;
}

.mobile .ellipse-302 {
  position: absolute;
  top: 4431px;
  left: 1811px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b1a;
  border-radius: 1.5px;
}

.mobile .ellipse-303 {
  position: absolute;
  top: 3400px;
  left: 402px;
  width: 4px;
  height: 4px;
  background-color: #b8893814;
  border-radius: 2.21px;
}

.mobile .ellipse-304 {
  position: absolute;
  top: 6327px;
  left: 1874px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d14;
  border-radius: 1.73px;
}

.mobile .ellipse-305 {
  position: absolute;
  top: 7328px;
  left: 691px;
  width: 3px;
  height: 3px;
  background-color: #6f1d2d0e;
  border-radius: 1.37px;
}

.mobile .ellipse-306 {
  position: absolute;
  top: 5673px;
  left: 688px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b0e;
  border-radius: 2.69px;
}

.mobile .ellipse-307 {
  position: absolute;
  top: 5701px;
  left: 1502px;
  width: 4px;
  height: 4px;
  background-color: #6f1d2d0d;
  border-radius: 1.79px;
}

.mobile .ellipse-308 {
  position: absolute;
  top: 7182px;
  left: 263px;
  width: 6px;
  height: 6px;
  background-color: #6f1d2d17;
  border-radius: 3.1px;
}

.mobile .ellipse-309 {
  position: absolute;
  top: 576px;
  left: 697px;
  width: 6px;
  height: 6px;
  background-color: #b8893815;
  border-radius: 2.91px;
}

.mobile .ellipse-310 {
  position: absolute;
  top: 4790px;
  left: 1023px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b10;
  border-radius: 2.6px;
}

.mobile .ellipse-311 {
  position: absolute;
  top: 1330px;
  left: 1731px;
  width: 6px;
  height: 6px;
  background-color: #b8893816;
  border-radius: 3.19px;
}

.mobile .ellipse-312 {
  position: absolute;
  top: 630px;
  left: 586px;
  width: 6px;
  height: 6px;
  background-color: #6f1d2d14;
  border-radius: 2.93px;
}

.mobile .ellipse-313 {
  position: absolute;
  top: 7777px;
  left: 881px;
  width: 3px;
  height: 3px;
  background-color: #8a9a6b11;
  border-radius: 1.68px;
}

.mobile .ellipse-314 {
  position: absolute;
  top: 7501px;
  left: 898px;
  width: 4px;
  height: 4px;
  background-color: #6f1d2d10;
  border-radius: 2.15px;
}

.mobile .ellipse-315 {
  position: absolute;
  top: 2080px;
  left: 35px;
  width: 6px;
  height: 6px;
  background-color: #8a9a6b11;
  border-radius: 3.01px;
}

.mobile .ellipse-316 {
  position: absolute;
  top: 1629px;
  left: 51px;
  width: 4px;
  height: 4px;
  background-color: #6f1d2d12;
  border-radius: 1.9px;
}

.mobile .ellipse-317 {
  position: absolute;
  top: 2550px;
  left: 1340px;
  width: 7px;
  height: 7px;
  background-color: #8a9a6b15;
  border-radius: 3.32px;
}

.mobile .ellipse-318 {
  position: absolute;
  top: 1480px;
  left: 1487px;
  width: 4px;
  height: 4px;
  background-color: #b8893818;
  border-radius: 2.17px;
}

.mobile .ellipse-319 {
  position: absolute;
  top: 371px;
  left: 962px;
  width: 4px;
  height: 4px;
  background-color: #6f1d2d15;
  border-radius: 2.1px;
}

.mobile .ellipse-320 {
  position: absolute;
  top: 6504px;
  left: 342px;
  width: 3px;
  height: 3px;
  background-color: #b889380e;
  border-radius: 1.56px;
}

.mobile .ellipse-321 {
  position: absolute;
  top: 5956px;
  left: 466px;
  width: 3px;
  height: 3px;
  background-color: #b889380e;
  border-radius: 1.49px;
}

.mobile .ellipse-322 {
  position: absolute;
  top: 3525px;
  left: 366px;
  width: 6px;
  height: 6px;
  background-color: #b8893819;
  border-radius: 2.84px;
}

.mobile .ellipse-323 {
  position: absolute;
  top: 2357px;
  left: 775px;
  width: 6px;
  height: 6px;
  background-color: #8a9a6b19;
  border-radius: 2.84px;
}

.mobile .ellipse-324 {
  position: absolute;
  top: 2259px;
  left: 1132px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b0d;
  border-radius: 2.27px;
}

.mobile .ellipse-325 {
  position: absolute;
  top: 3885px;
  left: 1646px;
  width: 5px;
  height: 5px;
  background-color: #b8893812;
  border-radius: 2.52px;
}

.mobile .ellipse-326 {
  position: absolute;
  top: 2532px;
  left: 1262px;
  width: 6px;
  height: 6px;
  background-color: #b8893818;
  border-radius: 3.2px;
}

.mobile .ellipse-327 {
  position: absolute;
  top: 439px;
  left: 800px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b0e;
  border-radius: 2.1px;
}

.mobile .ellipse-328 {
  position: absolute;
  top: 354px;
  left: 488px;
  width: 5px;
  height: 5px;
  background-color: #b8893811;
  border-radius: 2.37px;
}

.mobile .ellipse-329 {
  position: absolute;
  top: 5293px;
  left: 489px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b17;
  border-radius: 2.29px;
}

.mobile .ellipse-330 {
  position: absolute;
  top: 2623px;
  left: 991px;
  width: 4px;
  height: 4px;
  background-color: #b889380d;
  border-radius: 2.18px;
}

.mobile .ellipse-331 {
  position: absolute;
  top: 6621px;
  left: 1396px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b15;
  border-radius: 1.97px;
}

.mobile .ellipse-332 {
  position: absolute;
  top: 1154px;
  left: 1345px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b16;
  border-radius: 2.52px;
}

.mobile .ellipse-333 {
  position: absolute;
  top: 3908px;
  left: 1706px;
  width: 4px;
  height: 4px;
  background-color: #8a9a6b0f;
  border-radius: 2.24px;
}

.mobile .ellipse-334 {
  position: absolute;
  top: 318px;
  left: 827px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b18;
  border-radius: 2.69px;
}

.mobile .ellipse-335 {
  position: absolute;
  top: 7662px;
  left: 126px;
  width: 4px;
  height: 4px;
  background-color: #b889380f;
  border-radius: 1.9px;
}

.mobile .ellipse-336 {
  position: absolute;
  top: 288px;
  left: 445px;
  width: 5px;
  height: 5px;
  background-color: #8a9a6b0f;
  border-radius: 2.34px;
}

.mobile .header-3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 173.33px 26.67px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: transparent;
}

.mobile .navbar-3 {
  display: inline-flex;
  align-items: center;
  gap: 42.67px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-127 {
  position: relative;
  width: fit-content;
  margin-top: -1.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #102b3a;
  font-size: 21.3px;
  letter-spacing: 0;
  line-height: 25.3px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .image-20 {
  position: relative;
  width: 258.67px;
  height: 146.67px;
  aspect-ratio: 1.76;
}

.mobile .frame-160 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 34.67px;
  padding: 40px 173.33px 93.33px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

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

.mobile .frame-162 {
  position: relative;
  width: 640px;
  height: 813.33px;
}

.mobile .ellipse-337 {
  position: absolute;
  top: 93px;
  left: 53px;
  width: 533px;
  height: 587px;
  background-color: #b8893826;
  border-radius: 266.67px / 293.33px;
  filter: blur(63.33px);
}

.mobile .ellipse-338 {
  position: absolute;
  top: 440px;
  left: 200px;
  width: 347px;
  height: 347px;
  background-color: #6f1d2d2e;
  border-radius: 173.33px;
  filter: blur(60px);
}

.mobile .rectangle-69 {
  position: absolute;
  top: 57px;
  left: 73px;
  width: 520px;
  height: 699px;
  border-radius: 260px 260px 53.33px 53.33px;
  border: 2.67px solid;
  border-color: #b88938cc;
}

.mobile .ellipse-339 {
  position: absolute;
  top: 669px;
  left: 47px;
  width: 53px;
  height: 53px;
  border-radius: 26.67px;
  border: 2.67px solid;
  border-color: #b88938e6;
}

.mobile .ellipse-340 {
  position: absolute;
  top: 160px;
  left: 527px;
  width: 19px;
  height: 19px;
  background-color: #b88938e6;
  border-radius: 9.33px;
}

.mobile .ellipse-341 {
  position: absolute;
  top: 240px;
  left: 560px;
  width: 11px;
  height: 11px;
  background-color: #6f1d2dcc;
  border-radius: 5.33px;
}

.mobile .image-21 {
  position: absolute;
  top: 251px;
  left: 39px;
  width: 588px;
  height: 588px;
  aspect-ratio: 1;
  object-fit: cover;
}

.mobile .frame-163 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 34.67px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

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

.mobile .text-wrapper-128 {
  position: relative;
  width: fit-content;
  margin-top: -1.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #b88938;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 24px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-342 {
  position: relative;
  width: 9.33px;
  height: 9.33px;
  background-color: #b88938;
  border-radius: 4.67px;
}

.mobile .rectangle-70 {
  position: relative;
  width: 61.33px;
  height: 2.67px;
  background-color: #b889388c;
}

.mobile .text-wrapper-129 {
  position: relative;
  align-self: stretch;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 106.7px;
  letter-spacing: 0;
  line-height: 132px;
  direction: rtl;
}

.mobile .text-wrapper-130 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 49.3px;
  direction: rtl;
}

.mobile .frame-165 {
  display: inline-flex;
  align-items: center;
  gap: 21.33px;
  padding: 8px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-166 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 21.33px;
  padding: 22.67px 42.67px;
  position: relative;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 53.33px;
  box-shadow: 0px 13.33px 29.33px #7a541847;
}

.mobile .text-wrapper-131 {
  position: relative;
  width: fit-content;
  margin-top: -1.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #fff9ef;
  font-size: 21.3px;
  text-align: center;
  letter-spacing: 0;
  line-height: 25.3px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .frame-167 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 21.33px;
  padding: 22.67px 42.67px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 53.33px;
  border: 2px solid;
  border-color: #102b3a;
}

.mobile .text-wrapper-132 {
  position: relative;
  width: fit-content;
  margin-top: -2px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #102b3a;
  font-size: 21.3px;
  text-align: center;
  letter-spacing: 0;
  line-height: 25.3px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .frame-168 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 34.67px;
  padding: 128px 173.33px 93.33px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-133 {
  position: relative;
  width: 1515.06px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 69.3px;
  letter-spacing: 0;
  line-height: 75.8px;
  direction: rtl;
}

.mobile .text-wrapper-134 {
  position: relative;
  width: 1513.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 42.7px;
  direction: rtl;
}

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

.mobile .frame-170 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1.33px;
}

.mobile .frame-171 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  padding: 37.33px 40px 42.67px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fbf3e6;
  border-radius: 29.33px;
  border: 1.33px solid;
  border-color: #6f1d2d47;
  box-shadow: 0px 29.33px 69.33px #4a3b281f;
}

.mobile .rectangle-71 {
  position: relative;
  width: 50.67px;
  height: 4px;
  background-color: #6f1d2d;
}

.mobile .text-wrapper-135 {
  position: relative;
  width: 396.67px;
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 36.2px;
  direction: rtl;
}

.mobile .text-wrapper-136 {
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 22px;
  line-height: 37.3px;
  position: relative;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .frame-172 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 46.67px;
}

.mobile .frame-173 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  padding: 37.33px 40px 42.67px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -70.67px;
  background-color: #faf6ee;
  border-radius: 29.33px;
  border: 1.33px solid;
  border-color: #8a9a6b47;
  box-shadow: 0px 29.33px 69.33px #4a3b281f;
}

.mobile .rectangle-72 {
  position: relative;
  width: 50.67px;
  height: 4px;
  background-color: #8a9a6b;
}

.mobile .frame-174 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  padding: 37.33px 40px 42.67px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fffcf6;
  border-radius: 29.33px;
  border: 1.33px solid;
  border-color: #b8893847;
  box-shadow: 0px 29.33px 69.33px #4a3b281f;
}

.mobile .rectangle-73 {
  position: relative;
  width: 50.67px;
  height: 4px;
  background-color: #b88938;
}

.mobile .frame-175 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 21.33px;
  padding: 10.67px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .rectangle-74 {
  position: relative;
  width: 93.33px;
  height: 2px;
  background-color: #b8893899;
}

.mobile .rectangle-75 {
  position: relative;
  width: 14.67px;
  height: 14.67px;
  background-color: #b88938;
  transform: rotate(-45deg);
}

.mobile .frame-176 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 34.67px;
  padding: 93.33px 173.33px 128px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .rabbi-panel-3 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 693.33px;
  background-color: #102b3a;
  border-radius: 37.33px;
  overflow: hidden;
  box-shadow: 0px 40px 93.33px #0a182047;
}

.mobile .ellipse-343 {
  position: absolute;
  top: 80px;
  left: 53px;
  width: 613px;
  height: 613px;
  background-color: #b8893847;
  border-radius: 306.67px;
  filter: blur(80px);
}

.mobile .ellipse-344 {
  position: absolute;
  top: 400px;
  left: -160px;
  width: 560px;
  height: 560px;
  background-color: #6f1d2d59;
  border-radius: 280px;
  filter: blur(93.33px);
}

.mobile .text-wrapper-137 {
  position: absolute;
  top: 160px;
  left: 827px;
  opacity: 0.06;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #c9a24a;
  font-size: 453.3px;
  text-align: center;
  letter-spacing: 0;
  line-height: 453.3px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .image-22 {
  position: absolute;
  top: 0;
  left: 84px;
  width: 498px;
  height: 693px;
  aspect-ratio: 1.5;
  object-fit: cover;
}

.mobile .frame-177 {
  display: flex;
  flex-direction: column;
  width: 800px;
  align-items: flex-end;
  gap: 24px;
  position: absolute;
  top: 144px;
  left: 693px;
}

.mobile .text-wrapper-138 {
  position: relative;
  width: fit-content;
  margin-top: -1.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #c9a24a;
  font-size: 20px;
  letter-spacing: 1.6px;
  line-height: 24px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-345 {
  position: relative;
  width: 9.33px;
  height: 9.33px;
  background-color: #c9a24a;
  border-radius: 4.67px;
}

.mobile .rectangle-76 {
  position: relative;
  width: 58.67px;
  height: 2.67px;
  background-color: #c9a24a99;
}

.mobile .text-wrapper-139 {
  position: relative;
  width: 770.37px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #fff9ef;
  font-size: 69.3px;
  letter-spacing: 0;
  line-height: 75.8px;
  direction: rtl;
}

.mobile .text-wrapper-140 {
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #e2d6be;
  font-size: 22.7px;
  line-height: 38.7px;
  position: relative;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .ellipse-346 {
  position: absolute;
  top: 200px;
  left: 720px;
  width: 13px;
  height: 13px;
  background-color: #c9a24ae6;
  border-radius: 6.67px;
}

.mobile .ellipse-347 {
  position: absolute;
  top: 480px;
  left: 1493px;
  width: 16px;
  height: 16px;
  background-color: #6f1d2dcc;
  border-radius: 8px;
}

.mobile .ellipse-348 {
  position: absolute;
  top: 533px;
  left: 667px;
  width: 9px;
  height: 9px;
  background-color: #c9a24acc;
  border-radius: 4.67px;
}

.mobile .text-wrapper-141 {
  position: relative;
  width: 1515.06px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 69.3px;
  letter-spacing: 0;
  line-height: 69.3px;
  direction: rtl;
}

.mobile .text-wrapper-142 {
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 24px;
  line-height: 42.7px;
  position: relative;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .frame-178 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  padding: 37.33px 40px 42.67px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #faf6ee;
  border-radius: 29.33px;
  border: 1.33px solid;
  border-color: #102b3a47;
  box-shadow: 0px 29.33px 69.33px #4a3b281f;
}

.mobile .rectangle-77 {
  position: relative;
  width: 50.67px;
  height: 4px;
  background-color: #102b3a;
}

.mobile .text-wrapper-143 {
  width: 271.25px;
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 40px;
  line-height: 36.2px;
  position: relative;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .frame-179 {
  display: flex;
  flex-direction: column;
  height: 320px;
  align-items: flex-end;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .frame-180 {
  display: flex;
  flex-direction: column;
  height: 320px;
  align-items: flex-end;
  gap: 16px;
  padding: 37.33px 40px 42.67px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #fbf3e6;
  border-radius: 29.33px;
  border: 1.33px solid;
  border-color: #8a9a6b47;
  box-shadow: 0px 29.33px 69.33px #4a3b281f;
}

.mobile .frame-181 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 40px;
}

.mobile .frame-182 {
  display: flex;
  flex-direction: column;
  height: 308px;
  align-items: flex-end;
  gap: 16px;
  padding: 37.33px 40px 42.67px;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-top: -86.67px;
  background-color: #faf6ee;
  border-radius: 29.33px;
  border: 1.33px solid;
  border-color: #6f1d2d47;
  box-shadow: 0px 29.33px 69.33px #4a3b281f;
}

.mobile .frame-183 {
  display: inline-flex;
  align-items: flex-start;
  gap: 21.33px;
  padding: 26.67px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-184 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 21.33px;
  padding: 24px 45.33px;
  position: relative;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 53.33px;
  box-shadow: 0px 13.33px 29.33px #7a541847;
}

.mobile .text-wrapper-144 {
  width: fit-content;
  margin-top: -1.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #fff9ef;
  font-size: 22.7px;
  text-align: center;
  line-height: 26.7px;
  white-space: nowrap;
  position: relative;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .frame-185 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 34.67px;
  padding: 93.33px 173.33px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .frame-186 {
  display: flex;
  align-items: center;
  padding: 85.33px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 37.33px;
  border: 1.33px solid;
  border-color: #b8893833;
  box-shadow: 0px 40px 93.33px #4a3b2829;
  background: linear-gradient(
    270deg,
    rgba(184, 137, 56, 0.15) 11%,
    rgba(204, 166, 101, 0.15) 20%,
    rgba(239, 222, 192, 0.15) 25%,
    rgba(255, 248, 236, 0.5) 35%,
    rgba(255, 255, 255, 0.7) 45%,
    rgba(255, 255, 255, 1) 100%
  );
}

.mobile .frame-187 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 29.33px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .text-wrapper-145 {
  position: relative;
  width: fit-content;
  margin-top: -1.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #6f1d2d;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 24px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-349 {
  position: relative;
  width: 9.33px;
  height: 9.33px;
  background-color: #6f1d2d;
  border-radius: 4.67px;
}

.mobile .rectangle-78 {
  position: relative;
  width: 61.33px;
  height: 2.67px;
  background-color: #6f1d2d8c;
}

.mobile .text-wrapper-146 {
  position: relative;
  width: 973.68px;
  margin-left: -112.35px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 69.3px;
  letter-spacing: 0;
  line-height: 81.4px;
  direction: rtl;
}

.mobile .frame-188 {
  display: inline-flex;
  align-items: flex-start;
  gap: 21.33px;
  padding: 10.67px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-189 {
  position: relative;
  width: 541.33px;
  height: 688px;
}

.mobile .image-23 {
  position: absolute;
  top: -18px;
  left: 149px;
  width: 427px;
  height: 688px;
  aspect-ratio: 0.62;
}

.mobile .text-wrapper-147 {
  position: relative;
  width: 1515.06px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 69.3px;
  letter-spacing: 0;
  line-height: 78.3px;
  direction: rtl;
}

.mobile .text-wrapper-148 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 25.3px;
  letter-spacing: 0;
  line-height: 44px;
  direction: rtl;
}

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

.mobile .frame-191 {
  display: flex;
  flex-direction: column;
  height: 609.33px;
  align-items: flex-end;
  gap: 21.33px;
  padding: 34.67px 34.67px 37.33px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #fffcf6;
  border-radius: 29.33px;
  border: 1.33px solid;
  border-color: #b8893833;
  box-shadow: 0px 29.33px 69.33px #4a3b2821;
}

.mobile .frame-192 {
  display: inline-flex;
  align-items: center;
  gap: 13.33px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-149 {
  position: relative;
  width: fit-content;
  margin-top: -1.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #102b3a;
  font-size: 20px;
  letter-spacing: 0.8px;
  line-height: 24px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-350 {
  position: relative;
  width: 14.67px;
  height: 14.67px;
  background-color: #c13584;
  border-radius: 7.33px;
}

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

.mobile .frame-194 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 128px;
  background-color: #e3d3b4;
  border-radius: 13.33px;
}

.mobile .frame-195 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 128px;
  background-color: #e8dcc4;
  border-radius: 13.33px;
}

.mobile .frame-196 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 128px;
  background-color: #dfcba8;
  border-radius: 13.33px;
}

.mobile .text-wrapper-150 {
  font-weight: 700;
  color: #b88938;
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-size: 18.7px;
  text-align: right;
  letter-spacing: 0;
  line-height: 24px;
}

.mobile .text-wrapper-151 {
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 21.3px;
  line-height: 36px;
  position: relative;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .frame-197 {
  position: relative;
  width: 133.33px;
  height: 1px;
}

.mobile .frame-198 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13.33px;
  padding: 20px 26.67px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -4px;
  background-color: #b88938;
  border-radius: 53.33px;
  box-shadow: 0px 10.67px 24px #4a3b283d;
}

.mobile .text-wrapper-152 {
  width: fit-content;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #fff9ef;
  font-size: 21.3px;
  text-align: center;
  line-height: 25.3px;
  white-space: nowrap;
  position: relative;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .image-24 {
  position: relative;
  width: 33.33px;
  height: 33.33px;
  aspect-ratio: 1;
  object-fit: cover;
}

.mobile .ellipse-351 {
  position: relative;
  width: 14.67px;
  height: 14.67px;
  background-color: #cc0000;
  border-radius: 7.33px;
}

.mobile .frame-199 {
  display: flex;
  flex-direction: column;
  height: 265.33px;
  align-items: flex-start;
  gap: 21.33px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #e8dcc4;
  border-radius: 18.67px;
  overflow: hidden;
}

.mobile .image-25 {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1.8;
  object-fit: cover;
  object-position: center;
}

.mobile .frame-200 {
  display: inline-flex;
  align-items: flex-start;
  gap: 21.33px;
  padding: 4px 10.67px;
  position: absolute;
  top: 226px;
  left: 16px;
  background-color: #102b3acc;
  border-radius: 8px;
}

.mobile .text-wrapper-153 {
  position: relative;
  width: fit-content;
  margin-top: -1.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 18.7px;
  white-space: nowrap;
}

.mobile .frame-201 {
  position: absolute;
  top: 100px;
  left: 175px;
  width: 83px;
  height: 59px;
  background-color: #cc0000;
  border-radius: 16px;
  box-shadow: 0px 5.33px 13.33px #4a3b2840;
}

.mobile .polygon-5 {
  left: 36px;
  width: 16px;
  height: 18px;
  position: absolute;
  top: 21px;
}

.mobile .frame-202 {
  position: relative;
  width: 133.33px;
  height: 21.33px;
}

.mobile .frame-203 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 21.33px;
  padding: 20px 26.67px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -4px;
  background-color: #b88938;
  border-radius: 53.33px;
  box-shadow: 0px 10.67px 24px #4a3b283d;
}

.mobile .ellipse-352 {
  position: relative;
  width: 14.67px;
  height: 14.67px;
  background-color: #1db954;
  border-radius: 7.33px;
}

.mobile .frame-204 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 18.67px;
  padding: 21.33px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f3e9d6;
  border-radius: 18.67px;
}

.mobile .text-wrapper-154 {
  position: relative;
  width: 173.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #102b3a;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 26.7px;
  direction: rtl;
}

.mobile .frame-205 {
  position: relative;
  width: 61.33px;
  height: 61.33px;
  background-color: #b88938;
  border-radius: 30.67px;
}

.mobile .polygon-6 {
  left: 25px;
  width: 18px;
  height: 21px;
  position: absolute;
  top: 21px;
}

.mobile .text-wrapper-155 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #b88938;
  font-size: 17.3px;
  letter-spacing: 0;
  line-height: 26.7px;
  direction: rtl;
}

.mobile .frame-206 {
  display: flex;
  height: 58.67px;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.mobile .rectangle-79 {
  position: relative;
  width: 5.33px;
  height: 16px;
  background-color: #b88938f2;
  border-radius: 2.67px;
}

.mobile .rectangle-80 {
  position: relative;
  width: 5.33px;
  height: 26.67px;
  background-color: #b8893866;
  border-radius: 2.67px;
}

.mobile .rectangle-81 {
  position: relative;
  width: 5.33px;
  height: 40px;
  background-color: #b8893866;
  border-radius: 2.67px;
}

.mobile .rectangle-82 {
  position: relative;
  width: 5.33px;
  height: 56px;
  background-color: #b88938f2;
  border-radius: 2.67px;
}

.mobile .rectangle-83 {
  position: relative;
  width: 5.33px;
  height: 32px;
  background-color: #b8893866;
  border-radius: 2.67px;
}

.mobile .rectangle-84 {
  position: relative;
  width: 5.33px;
  height: 18.67px;
  background-color: #b8893866;
  border-radius: 2.67px;
}

.mobile .rectangle-85 {
  position: relative;
  width: 5.33px;
  height: 42.67px;
  background-color: #b88938f2;
  border-radius: 2.67px;
}

.mobile .rectangle-86 {
  position: relative;
  width: 5.33px;
  height: 53.33px;
  background-color: #b8893866;
  border-radius: 2.67px;
}

.mobile .rectangle-87 {
  position: relative;
  width: 5.33px;
  height: 29.33px;
  background-color: #b8893866;
  border-radius: 2.67px;
}

.mobile .rectangle-88 {
  position: relative;
  width: 5.33px;
  height: 37.33px;
  background-color: #b8893866;
  border-radius: 2.67px;
}

.mobile .rectangle-89 {
  position: relative;
  width: 5.33px;
  height: 58.67px;
  background-color: #b8893866;
  border-radius: 2.67px;
}

.mobile .rectangle-90 {
  position: relative;
  width: 5.33px;
  height: 24px;
  background-color: #b88938f2;
  border-radius: 2.67px;
}

.mobile .rectangle-91 {
  position: relative;
  width: 5.33px;
  height: 13.33px;
  background-color: #b8893866;
  border-radius: 2.67px;
}

.mobile .rectangle-92 {
  position: relative;
  width: 5.33px;
  height: 34.67px;
  background-color: #b8893866;
  border-radius: 2.67px;
}

.mobile .rectangle-93 {
  position: relative;
  width: 5.33px;
  height: 48px;
  background-color: #b88938f2;
  border-radius: 2.67px;
}

.mobile .rectangle-94 {
  position: relative;
  width: 5.33px;
  height: 21.33px;
  background-color: #b8893866;
  border-radius: 2.67px;
}

.mobile .rectangle-95 {
  position: relative;
  width: 5.33px;
  height: 45.33px;
  background-color: #b8893866;
  border-radius: 2.67px;
}

.mobile .rectangle-96 {
  position: relative;
  width: 5.33px;
  height: 18.67px;
  background-color: #b88938f2;
  border-radius: 2.67px;
}

.mobile .rectangle-97 {
  position: relative;
  width: 5.33px;
  height: 50.67px;
  background-color: #b8893866;
  border-radius: 2.67px;
}

.mobile .text-wrapper-156 {
  position: relative;
  width: fit-content;
  margin-top: -1.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #5b5147;
  font-size: 16px;
  text-align: right;
  letter-spacing: 0;
  line-height: 18.7px;
  white-space: nowrap;
}

.mobile .sp-3 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 5.33px;
}

.mobile .text-wrapper-157 {
  position: relative;
  width: fit-content;
  margin-top: -1.33px;
  margin-right: -0.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #5b5147;
  font-size: 16px;
  text-align: right;
  letter-spacing: 0;
  line-height: 18.7px;
  white-space: nowrap;
}

.mobile .frame-207 {
  position: relative;
  width: 133.33px;
  height: 22.67px;
}

.mobile .frame-208 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13.33px;
  padding: 20px 26.67px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -4.07px;
  background-color: #b88938;
  border-radius: 53.33px;
  box-shadow: 0px 10.67px 24px #4a3b283d;
}

.mobile .image-26 {
  position: relative;
  width: 32px;
  height: 32.74px;
  aspect-ratio: 0.98;
  object-fit: cover;
}

.mobile .frame-209 {
  display: flex;
  flex-direction: column;
  height: 781.33px;
  align-items: flex-end;
  gap: 34.67px;
  padding: 128px 173.33px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.mobile .frame-210 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 122.67px 160px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -206.3px;
  background-color: #6f1d2d;
  border-radius: 37.33px;
  overflow: hidden;
  box-shadow: 0px 40px 93.33px #2a0d124c;
}

.mobile .motif-4 {
  position: absolute;
  top: 40px;
  left: 120px;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #fff8ee0f;
  font-size: 400px;
  text-align: left;
  letter-spacing: 0;
  line-height: normal;
  direction: rtl;
}

.mobile .ellipse-353 {
  position: absolute;
  top: -293px;
  left: -160px;
  width: 747px;
  height: 747px;
  background-color: #b8893880;
  border-radius: 373.33px;
  filter: blur(73.33px);
}

.mobile .ellipse-354 {
  position: absolute;
  top: 187px;
  left: 1013px;
  width: 613px;
  height: 613px;
  background-color: #9c314499;
  border-radius: 306.67px;
  filter: blur(73.33px);
}

.mobile .text-wrapper-158 {
  position: absolute;
  top: 53px;
  left: 111px;
  opacity: 0.06;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: transparent;
  font-size: 333.3px;
  text-align: center;
  letter-spacing: 0;
  line-height: 400px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .ellipse-355 {
  position: absolute;
  top: -40px;
  left: 1px;
  width: 400px;
  height: 400px;
  border-radius: 200px;
  border: 2px solid;
  border-color: #fff9ef14;
}

.mobile .ellipse-356 {
  position: absolute;
  top: -120px;
  left: -80px;
  width: 560px;
  height: 560px;
  border-radius: 280px;
  border: 2px solid;
  border-color: #fff9ef14;
}

.mobile .ellipse-357 {
  position: absolute;
  top: -200px;
  left: -160px;
  width: 720px;
  height: 720px;
  border-radius: 360px;
  border: 2px solid;
  border-color: #fff9ef14;
}

.mobile .rectangle-98 {
  position: relative;
  width: 53.33px;
  height: 2.67px;
  background-color: #b8893899;
}

.mobile .text-wrapper-159 {
  position: relative;
  width: fit-content;
  margin-top: -1.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #b88938;
  font-size: 20px;
  text-align: left;
  letter-spacing: 2px;
  line-height: normal;
  direction: rtl;
}

.mobile .text-wrapper-160 {
  position: relative;
  width: 1283.95px;
  margin-left: -15.31px;
  margin-right: -15.31px;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #fff9ef;
  font-size: 69.3px;
  text-align: center;
  letter-spacing: 0;
  line-height: 82.2px;
  direction: rtl;
}

.mobile .text-wrapper-161 {
  position: relative;
  width: 1120px;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #fff9ef;
  font-size: 25.3px;
  text-align: center;
  letter-spacing: 0;
  line-height: 44px;
  direction: rtl;
}

.mobile .text-wrapper-162 {
  position: relative;
  width: 1120px;
  opacity: 0.82;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #fff9ef;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 42.7px;
  direction: rtl;
}

.mobile .frame-211 {
  display: inline-flex;
  align-items: flex-start;
  gap: 21.33px;
  padding: 18.67px 0px 0px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .frame-212 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 21.33px;
  padding: 24px 45.33px;
  position: relative;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 53.33px;
  box-shadow: 0px 13.33px 29.33px #3a10154c;
}

.mobile .frame-213 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 34.67px;
  padding: 268px 173.33px 128px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.mobile .text-wrapper-163 {
  position: relative;
  align-self: stretch;
  font-family: "KYMBSD+buToscana1.0-Regular", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 69.3px;
  letter-spacing: 0;
  line-height: 80px;
  direction: rtl;
}

.mobile .text-wrapper-164 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 25.3px;
  letter-spacing: 0;
  line-height: 42.7px;
  direction: rtl;
}

.mobile .frame-214 {
  display: flex;
  align-items: flex-start;
  gap: 74.67px;
  padding: 18.67px 74.67px 74.67px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fffcf6;
  border-radius: 37.33px;
  border: 1.33px solid;
  border-color: #b8893833;
  box-shadow: 0px 40px 96px #4a3b2829;
}

.mobile .frame-215 {
  display: flex;
  flex-direction: column;
  width: 440px;
  align-items: flex-end;
  gap: 24px;
  padding: 56px 0px 0px;
  position: relative;
}

.mobile .text-wrapper-165 {
  position: relative;
  width: 266.67px;
  margin-top: -1.33px;
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  font-weight: 400;
  color: #102b3a;
  font-size: 37.3px;
  letter-spacing: 0;
  line-height: 52px;
  direction: rtl;
}

.mobile .rectangle-99 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1.33px;
  background-color: #b8893840;
}

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

.mobile .frame-217 {
  position: relative;
  width: 58.67px;
  height: 58.67px;
  background-color: #b8893824;
  border-radius: 29.33px;
}

.mobile .ellipse-358 {
  position: relative;
  top: 21px;
  left: 21px;
  width: 16px;
  height: 16px;
  background-color: #b88938;
  border-radius: 8px;
}

.mobile .frame-218 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2.67px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .text-wrapper-166 {
  align-self: stretch;
  margin-top: -1.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #102b3a;
  font-size: 18.7px;
  line-height: 22.7px;
  position: relative;
  letter-spacing: 0;
  direction: rtl;
}

.mobile .text-wrapper-167 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #5b5147;
  font-size: 18.7px;
  letter-spacing: 0;
  line-height: 24px;
  direction: rtl;
}

.mobile .text-wrapper-168 {
  font-weight: 400;
  color: #5b5147;
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-size: 18.7px;
  text-align: right;
  letter-spacing: 0;
  line-height: 24px;
}

.mobile .frame-219 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
  padding: 56px 0px 0px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

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

.mobile .frame-221 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10.67px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.mobile .text-wrapper-169 {
  position: relative;
  align-self: stretch;
  margin-top: -1.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #102b3a;
  font-size: 18.7px;
  letter-spacing: 0;
  line-height: 22.7px;
  direction: rtl;
}

.mobile .frame-222 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 21.33px;
  padding: 18.67px 21.33px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #f4ebd8;
  border-radius: 16px;
  border: 1.33px solid;
  border-color: #b889384c;
}

.mobile .text-wrapper-170 {
  position: relative;
  align-self: stretch;
  margin-top: -1.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #a9956e;
  font-size: 21.3px;
  letter-spacing: 0;
  line-height: 29.3px;
  direction: rtl;
}

.mobile .text-wrapper-171 {
  position: relative;
  align-self: stretch;
  margin-top: -1.33px;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #a9956e;
  font-size: 21.3px;
  text-align: right;
  letter-spacing: 0;
  line-height: 29.3px;
}

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

.mobile .frame-224 {
  display: flex;
  flex-direction: column;
  height: 176px;
  align-items: flex-end;
  gap: 21.33px;
  padding: 18.67px 21.33px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #f4ebd8;
  border-radius: 16px;
  border: 1.33px solid;
  border-color: #b889384c;
}

.mobile .frame-225 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 21.33px;
  padding: 22.67px 40px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  background-color: #b88938;
  border-radius: 53.33px;
  box-shadow: 0px 13.33px 29.33px #4a3b2847;
}

.mobile .text-wrapper-172 {
  position: relative;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #a9956e;
  font-size: 17.3px;
  letter-spacing: 0;
  line-height: 24px;
  direction: rtl;
}

.mobile .frame-226 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 34.67px;
  padding: 72px 173.33px 58.67px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #102b3a;
}

.mobile .ellipse-359 {
  position: absolute;
  top: -347px;
  left: 1200px;
  width: 560px;
  height: 560px;
  background-color: #b889382e;
  border-radius: 280px;
  filter: blur(80px);
}

.mobile .frame-227 {
  display: inline-flex;
  align-items: center;
  gap: 34.67px;
  position: relative;
  flex: 0 0 auto;
}

.mobile .text-wrapper-173 {
  position: relative;
  width: fit-content;
  margin-top: -1.33px;
  opacity: 0.85;
  font-family: "Heebo", Helvetica;
  font-weight: 500;
  color: #fff9ef;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  direction: rtl;
}

.mobile .image-27 {
  position: relative;
  width: 293.33px;
  height: 146.67px;
  aspect-ratio: 2;
  object-fit: cover;
}

.mobile .rectangle-100 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1.33px;
  background-color: #fff9ef29;
}

.mobile .text-wrapper-174 {
  position: relative;
  width: fit-content;
  opacity: 0.65;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #fff9ef;
  font-size: 17.3px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  direction: rtl;
}

.rabbi-card {
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #102b3a;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0px 22px 50px #0a182047;
  isolation: isolate;
}

.rabbi-card--stack {
  min-height: 700px;
}

.rabbi-card--wide {
  min-height: clamp(370px, 33vw, 700px);
  border-radius: clamp(20px, 2vw, 37px);
  box-shadow: 0px 30px 70px #0a182047;
}

.rabbi-card__glow {
  position: absolute;
  border-radius: 999px;
  pointer-events: none;
}

.rabbi-card__glow--top {
  top: -30px;
  left: 40px;
  width: 270px;
  height: 300px;
  background-color: #b889384c;
  filter: blur(55px);
}

.rabbi-card__glow--bottom {
  top: 340px;
  left: -90px;
  width: 300px;
  height: 320px;
  background-color: #6f1d2d4c;
  filter: blur(65px);
}

.rabbi-card__motif {
  position: absolute;
  top: 20px;
  left: 180px;
  opacity: 0.06;
  font-family: "Frank Ruhl Libre", Helvetica;
  font-weight: 700;
  color: #c9a24a;
  font-size: 190px;
  line-height: 1;
  white-space: nowrap;
  direction: rtl;
}

.rabbi-card__image {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  width: min(287px, calc(100% - 56px));
  height: 430px;
  object-fit: cover;
  object-position: center top;
}

.rabbi-card__overlay {
  position: absolute;
  top: 240px;
  left: 0;
  right: 0;
  height: 392px;
  background: linear-gradient(
    180deg,
    rgba(16, 43, 58, 0) 0%,
    rgba(16, 43, 58, 0.7) 40%,
    rgba(16, 43, 58, 1) 100%
  );
}

.rabbi-card__content {
  position: absolute;
  top: 300px;
  left: 28px;
  right: 28px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 14px;
  z-index: 2;
}

.rabbi-card--stack .rabbi-card__content {
  bottom: 28px;
}

.rabbi-card__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  direction: rtl;
  justify-content: flex-end;
}

.rabbi-card__eyebrow-text {
  order: 3;
}

.rabbi-card__dot {
  order: 2;
}

.rabbi-card__line {
  order: 1;
}

.rabbi-card__eyebrow-text {
  font-family: "Heebo", Helvetica;
  font-weight: 700;
  color: #c9a24a;
  font-size: 13px;
  letter-spacing: 1.04px;
  line-height: 16px;
  white-space: nowrap;
  direction: rtl;
}

.rabbi-card__dot {
  width: 6px;
  height: 6px;
  background-color: #c9a24a;
  border-radius: 50%;
}

.rabbi-card__line {
  width: 34px;
  height: 2px;
  background-color: #c9a24a99;
}

.rabbi-card__title {
  width: 100%;
  margin: 0;
  font-family:
    "KYMBSD+buToscana1.0-Regular", "Heebo", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #fff9ef;
  font-size: clamp(30px, 2.6vw, 69px);
  line-height: 1.1;
  direction: rtl;
  text-align: right;
}

.rabbi-card__description {
  margin: 0;
  align-self: stretch;
  font-family: "Heebo", Helvetica;
  font-weight: 400;
  color: #e2d6be;
  font-size: clamp(15px, 1.18vw, 22px);
  line-height: clamp(26px, 1.7vw, 38px);
  direction: rtl;
  text-align: right;
}

.rabbi-card__spark {
  position: absolute;
  border-radius: 50%;
  background-color: #c9a24acc;
}

.rabbi-card__spark--one {
  top: 150px;
  left: calc(100% - 42px);
  width: 9px;
  height: 9px;
  background-color: #c9a24ae6;
}

.rabbi-card__spark--two {
  top: 300px;
  left: 40px;
  width: 7px;
  height: 7px;
}

.rabbi-card__spark--three {
  display: none;
}

@media (min-width: 1024px) {
  .rabbi-card--wide .rabbi-card__glow--top {
    width: clamp(327px, 24vw, 613px);
    height: clamp(327px, 24vw, 613px);
    top: clamp(43px, 4vw, 80px);
    left: clamp(28px, 3vw, 53px);
    border-radius: 50%;
    filter: blur(clamp(42px, 4vw, 80px));
  }

  .rabbi-card--wide .rabbi-card__glow--bottom {
    width: clamp(299px, 22vw, 560px);
    height: clamp(299px, 22vw, 560px);
    top: clamp(213px, 16vw, 400px);
    left: clamp(-120px, -8vw, -85px);
    border-radius: 50%;
    background-color: #6f1d2d59;
    filter: blur(clamp(50px, 4vw, 93px));
  }

  .rabbi-card--wide .rabbi-card__motif {
    top: clamp(85px, 6vw, 160px);
    left: clamp(441px, 33vw, 827px);
    font-size: clamp(242px, 24vw, 453px);
    line-height: 1;
  }

  .rabbi-card--wide .rabbi-card__image {
    left: clamp(45px, 4vw, 84px);
    transform: none;
    width: clamp(266px, 26vw, 498px);
    height: 100%;
    top: 0;
  }

  .rabbi-card--wide .rabbi-card__overlay {
    top: 0;
    width: min(60%, 860px);
    left: clamp(300px, 22vw, 540px);
    right: 0;
    height: 100%;
    background: linear-gradient(
      90deg,
      rgba(16, 43, 58, 0) 0%,
      rgba(16, 43, 58, 0.18) 34%,
      rgba(16, 43, 58, 0.52) 100%
    );
  }

  .rabbi-card--wide .rabbi-card__content {
    top: clamp(77px, 6.5vw, 144px);
    left: clamp(370px, 27vw, 693px);
    right: clamp(36px, 8vw, 120px);
    width: auto;
    max-width: 800px;
    padding-left: clamp(18px, 1.6vw, 34px);
    box-sizing: border-box;
  }

  .rabbi-card--wide .rabbi-card__eyebrow-text {
    font-size: clamp(11px, 1.05vw, 20px);
    line-height: clamp(13px, 1.26vw, 24px);
    letter-spacing: clamp(0.85px, 0.08vw, 1.6px);
  }

  .rabbi-card--wide .rabbi-card__dot {
    width: clamp(5px, 0.48vw, 9px);
    height: clamp(5px, 0.48vw, 9px);
  }

  .rabbi-card--wide .rabbi-card__line {
    width: clamp(31px, 3vw, 59px);
    height: clamp(1.5px, 0.14vw, 2.7px);
  }

  .rabbi-card--wide .rabbi-card__spark--one {
    top: clamp(107px, 11vw, 200px);
    left: clamp(384px, 38vw, 720px);
    width: clamp(7px, 0.7vw, 13px);
    height: clamp(7px, 0.7vw, 13px);
  }

  .rabbi-card--wide .rabbi-card__spark--two {
    top: clamp(256px, 22vw, 480px);
    left: clamp(796px, 77vw, 1493px);
    width: clamp(9px, 0.8vw, 16px);
    height: clamp(9px, 0.8vw, 16px);
    background-color: #6f1d2dcc;
  }

  .rabbi-card--wide .rabbi-card__spark--three {
    display: block;
    top: clamp(284px, 24vw, 533px);
    left: clamp(356px, 35vw, 667px);
    width: clamp(5px, 0.5vw, 9px);
    height: clamp(5px, 0.5vw, 9px);
    background-color: #c9a24acc;
  }
}

@media (min-width: 1920px) {
  .mobile.large-desktop .rabbi-card--wide {
    min-height: 693.33px;
    border-radius: 37.33px;
    box-shadow: 0px 40px 93.33px #0a182047;
  }

  .mobile.large-desktop .rabbi-card--wide .rabbi-card__glow--top {
    top: 80px;
    left: 53px;
    width: 613px;
    height: 613px;
    border-radius: 306.67px;
    filter: blur(80px);
  }

  .mobile.large-desktop .rabbi-card--wide .rabbi-card__glow--bottom {
    top: 400px;
    left: -160px;
    width: 560px;
    height: 560px;
    border-radius: 280px;
    filter: blur(93.33px);
    background-color: #6f1d2d59;
  }

  .mobile.large-desktop .rabbi-card--wide .rabbi-card__motif {
    top: 160px;
    left: 827px;
    font-size: 453.3px;
    line-height: 453.3px;
  }

  .mobile.large-desktop .rabbi-card--wide .rabbi-card__image {
    top: 0;
    left: 84px;
    width: 498px;
    height: 693px;
    transform: none;
  }

  .mobile.large-desktop .rabbi-card--wide .rabbi-card__overlay {
    top: 0;
    left: 540px;
    right: 0;
    width: calc(100% - 540px);
    height: 100%;
    background: linear-gradient(
      90deg,
      rgba(16, 43, 58, 0) 0%,
      rgba(16, 43, 58, 0.2) 38%,
      rgba(16, 43, 58, 0.56) 100%
    );
  }

  .mobile.large-desktop .rabbi-card--wide .rabbi-card__content {
    top: 144px;
    left: 768px;
    right: 24px;
    width: auto;
    max-width: none;
    gap: 24px;
    padding-left: 24px;
    box-sizing: border-box;
  }

  .mobile.large-desktop .rabbi-card--wide .rabbi-card__eyebrow-text {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1.6px;
  }

  .mobile.large-desktop .rabbi-card--wide .rabbi-card__dot {
    width: 9.33px;
    height: 9.33px;
  }

  .mobile.large-desktop .rabbi-card--wide .rabbi-card__line {
    width: 58.67px;
    height: 2.67px;
  }

  .mobile.large-desktop .rabbi-card--wide .rabbi-card__title {
    width: 770.37px;
    font-size: 69.3px;
    line-height: 75.8px;
  }

  .mobile.large-desktop .rabbi-card--wide .rabbi-card__description {
    font-size: 22.7px;
    line-height: 38.7px;
  }

  .mobile.large-desktop .rabbi-card--wide .rabbi-card__spark--one {
    top: 200px;
    left: 720px;
    width: 13px;
    height: 13px;
  }

  .mobile.large-desktop .rabbi-card--wide .rabbi-card__spark--two {
    top: 480px;
    left: 1493px;
    width: 16px;
    height: 16px;
    background-color: #6f1d2dcc;
  }

  .mobile.large-desktop .rabbi-card--wide .rabbi-card__spark--three {
    display: block;
    top: 533px;
    left: 667px;
    width: 9px;
    height: 9px;
    background-color: #c9a24acc;
  }
}

.mobile h1 {
  margin: 0;
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif !important;
  font-weight: 500 !important;
  font-synthesis: none !important;
}

.mobile h2 {
  margin: 0;
  font-family:
    "KYMBSD+buToscana1.0-Regular", "Heebo", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-synthesis: none !important;
  -webkit-text-fill-color: currentColor;
}

.mobile h4 {
  margin: 0;
  font-family:
    "KYMBSD+buToscana1.0-Medium", "KYMBSD+buToscana1.0-Regular", "Heebo",
    Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-synthesis: none !important;
  -webkit-text-fill-color: currentColor;
}

.mobile.tablet .frame-55,
.mobile.desktop .frame-123,
.mobile.large-desktop .frame-169 {
  align-items: stretch;
}

.mobile.tablet .frame-55 > *,
.mobile.desktop .frame-123 > *,
.mobile.large-desktop .frame-169 > * {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  height: auto;
}

.mobile.tablet .frame-55 > .frame-66,
.mobile.desktop .frame-123 > .frame-129,
.mobile.large-desktop .frame-169 > .frame-179 {
  height: auto;
  min-height: 0;
}

.mobile.tablet .frame-55 .frame-58,
.mobile.tablet .frame-55 .frame-60,
.mobile.tablet .frame-55 .frame-61,
.mobile.tablet .frame-55 .frame-65,
.mobile.tablet .frame-55 .frame-67,
.mobile.tablet .frame-55 .frame-69,
.mobile.desktop .frame-123 .frame-8,
.mobile.desktop .frame-123 .frame-10,
.mobile.desktop .frame-123 .frame-19,
.mobile.desktop .frame-123 .frame-125,
.mobile.desktop .frame-123 .frame-130,
.mobile.desktop .frame-123 .frame-132,
.mobile.large-desktop .frame-169 .frame-171,
.mobile.large-desktop .frame-169 .frame-173,
.mobile.large-desktop .frame-169 .frame-174,
.mobile.large-desktop .frame-169 .frame-178,
.mobile.large-desktop .frame-169 .frame-180,
.mobile.large-desktop .frame-169 .frame-182 {
  height: 100%;
  min-height: 0;
  margin-top: 0;
}

.mobile .text-wrapper-8,
.mobile .text-wrapper-14,
.mobile .text-wrapper-17,
.mobile .text-wrapper-20,
.mobile .text-wrapper-29,
.mobile .text-wrapper-31,
.mobile .text-wrapper-48,
.mobile .text-wrapper-54,
.mobile .text-wrapper-56,
.mobile .text-wrapper-61,
.mobile .text-wrapper-62,
.mobile .text-wrapper-75,
.mobile .text-wrapper-78,
.mobile .text-wrapper-96,
.mobile .text-wrapper-101,
.mobile .text-wrapper-103,
.mobile .text-wrapper-108,
.mobile .text-wrapper-109,
.mobile .text-wrapper-113,
.mobile .text-wrapper-116,
.mobile .text-wrapper-133,
.mobile .text-wrapper-139,
.mobile .text-wrapper-141,
.mobile .text-wrapper-146,
.mobile .text-wrapper-147,
.mobile .text-wrapper-160,
.mobile .text-wrapper-163 {
  font-family:
    "KYMBSD+buToscana1.0-Regular", "Heebo", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-synthesis: none !important;
}

.mobile .text-wrapper-10,
.mobile .text-wrapper-50,
.mobile .text-wrapper-58,
.mobile .text-wrapper-98,
.mobile .text-wrapper-105,
.mobile .text-wrapper-135,
.mobile .text-wrapper-143 {
  font-family:
    "KYMBSD+buToscana1.0-Medium", "KYMBSD+buToscana1.0-Regular", "Heebo",
    Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-synthesis: none !important;
}

.mobile.tablet .frame-55 .frame-57,
.mobile.tablet .frame-55 .frame-59,
.mobile.tablet .frame-55 .frame-68,
.mobile.desktop .frame-123 .frame-57,
.mobile.desktop .frame-123 .frame-124,
.mobile.desktop .frame-123 .frame-131,
.mobile.large-desktop .frame-169 .frame-57,
.mobile.large-desktop .frame-169 .frame-170,
.mobile.large-desktop .frame-169 .frame-172,
.mobile.large-desktop .frame-169 .frame-181 {
  display: none;
}

.mobile.tablet .frame-55 .frame-60,
.mobile.tablet .frame-55 .frame-69,
.mobile.desktop .frame-123 .frame-125,
.mobile.desktop .frame-123 .frame-132,
.mobile.large-desktop .frame-169 .frame-173,
.mobile.large-desktop .frame-169 .frame-182 {
  margin-top: 0;
}

@media (max-width: 1023px) {
  .mobile.tablet {
    display: none !important;
  }
  .mobile.desktop {
    display: none !important;
  }
  .mobile.large-desktop {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .mobile.div {
    display: none !important;
  }
  .mobile.desktop {
    display: none !important;
  }
  .mobile.large-desktop {
    display: none !important;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .mobile.div {
    display: none !important;
  }
  .mobile.tablet {
    display: none !important;
  }
  .mobile.large-desktop {
    display: none !important;
  }
}

@media (min-width: 1920px) {
  .mobile.div {
    display: none !important;
  }
  .mobile.tablet {
    display: none !important;
  }
  .mobile.desktop {
    display: none !important;
  }
}

/* === typography polish: relieve crowding in decorative buToscana headings === */
.mobile .text-wrapper-5,.mobile .text-wrapper-8,.mobile .text-wrapper-10,.mobile .text-wrapper-14,.mobile .text-wrapper-17,.mobile .text-wrapper-18,.mobile .text-wrapper-20,.mobile .text-wrapper-29,.mobile .text-wrapper-31,.mobile .text-wrapper-44,.mobile .text-wrapper-48,.mobile .text-wrapper-50,.mobile .text-wrapper-54,.mobile .text-wrapper-56,.mobile .text-wrapper-58,.mobile .text-wrapper-61,.mobile .text-wrapper-62,.mobile .text-wrapper-75,.mobile .text-wrapper-78,.mobile .text-wrapper-80,.mobile .text-wrapper-94,.mobile .text-wrapper-96,.mobile .text-wrapper-98,.mobile .text-wrapper-101,.mobile .text-wrapper-103,.mobile .text-wrapper-105,.mobile .text-wrapper-108,.mobile .text-wrapper-109,.mobile .text-wrapper-113,.mobile .text-wrapper-116,.mobile .text-wrapper-118,.mobile .text-wrapper-129,.mobile .text-wrapper-133,.mobile .text-wrapper-135,.mobile .text-wrapper-139,.mobile .text-wrapper-141,.mobile .text-wrapper-143,.mobile .text-wrapper-146,.mobile .text-wrapper-147,.mobile .text-wrapper-160,.mobile .text-wrapper-163,.mobile .text-wrapper-165 {
  letter-spacing: 0.02em;
  line-height: 1.32;
}

/* ============================================================
   ROBUST WIDE RABBI-CARD (fixes right-side break on wide screens)
   Photo = left column, text = right column, sized relative to the
   CARD (container units) so it holds at any viewport width.
   Overrides the older viewport-based absolute positioning.
   ============================================================ */
.mobile .rabbi-card--wide,
.mobile.large-desktop .rabbi-card--wide {
  display: flex;
  align-items: center;
  container-type: inline-size;
  aspect-ratio: 1573 / 693; /* match Figma panel — keeps proportions at any width */
  min-height: 340px;
  overflow: hidden;
}

/* rabbi photo — left column, blended into the teal via the overlay */
.mobile .rabbi-card--wide .rabbi-card__image,
.mobile.large-desktop .rabbi-card--wide .rabbi-card__image {
  position: absolute;
  bottom: 0;
  top: auto;
  left: clamp(10px, 2cqw, 56px);
  transform: none;
  height: 100%;
  width: auto;
  max-width: 46%;
  object-fit: contain;
  object-position: left bottom;
  z-index: 1;
}

/* gradient that fades the photo's right edge into the panel */
.mobile .rabbi-card--wide .rabbi-card__overlay,
.mobile.large-desktop .rabbi-card--wide .rabbi-card__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  width: clamp(320px, 46cqw, 820px);
  height: 100%;
  z-index: 1;
  background: linear-gradient(
    90deg,
    rgba(16, 43, 58, 0) 0%,
    rgba(16, 43, 58, 0.15) 42%,
    rgba(16, 43, 58, 0.78) 72%,
    rgba(16, 43, 58, 1) 100%
  );
}

/* text column — pinned right, capped width, always clears the photo */
.mobile .rabbi-card--wide .rabbi-card__content,
.mobile.large-desktop .rabbi-card--wide .rabbi-card__content {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin-left: auto;
  margin-right: clamp(16px, 2.6cqw, 46px);
  width: min(52%, 760px);
  max-width: 760px;
  padding: clamp(40px, 4.5cqw, 80px) 0;
  box-sizing: border-box;
  z-index: 3;
}

/* decorative watermark letter — behind the text, scales with the card */
.mobile .rabbi-card--wide .rabbi-card__motif,
.mobile.large-desktop .rabbi-card--wide .rabbi-card__motif {
  position: absolute;
  top: 50%;
  left: auto;
  right: clamp(20px, 7cqw, 140px);
  transform: translateY(-50%);
  font-size: clamp(160px, 26cqw, 430px);
  line-height: 1;
  opacity: 0.05;
  z-index: 2;
}

/* === button hover/active states (Style Guide) — applied via buttons.js === */
.site-btn {
  transition: background-color .18s ease, box-shadow .18s ease,
    color .18s ease, transform .1s ease;
}
.site-btn--primary:hover {
  background-color: #a67c2e !important;
  box-shadow: 0 14px 30px #4a3b2855 !important;
}
.site-btn--primary:active {
  background-color: #8a6520 !important; /* Style Guide "Pressed" — colour only */
}
.site-btn--secondary:hover,
.site-btn--secondary:active {
  background-color: #102b3a !important;
  border-color: #102b3a !important;
}
.site-btn--secondary:hover,
.site-btn--secondary:hover *,
.site-btn--secondary:active,
.site-btn--secondary:active * {
  color: #fff9ef !important;
}

/* === functional contact form (built by form.js) === */
.site-input {
  width: 100%;
  border: none;
  background: transparent;
  outline: none;
  font-family: "Heebo", Helvetica, sans-serif;
  font-size: 16px; /* 16px avoids iOS zoom-on-focus */
  line-height: 1.5;
  color: #5b5147;
  direction: rtl;
  text-align: right;
  padding: 0;
  margin: 0;
  resize: vertical;
}
.site-input::placeholder { color: #b3a894; opacity: 1; }
.site-field-invalid {
  border-color: #c0392b !important;
  box-shadow: 0 0 0 1px rgba(192, 57, 43, 0.25) !important;
}
.site-error {
  color: #c0392b;
  font-size: 13px;
  margin-top: 6px;
  direction: rtl;
  text-align: right;
  font-family: "Heebo", Helvetica, sans-serif;
}
.site-success {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #102b3a;
  color: #fff9ef;
  border: 1px solid #b88938;
  border-radius: 16px;
  padding: 16px 20px;
  margin-bottom: 18px;
  font-family: "Heebo", Helvetica, sans-serif;
  font-size: 16px;
  direction: rtl;
  text-align: right;
  box-shadow: 0 12px 30px rgba(10, 24, 32, 0.2);
}
.site-success__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #b88938;
  color: #fff9ef;
  font-weight: 700;
}
/* link hover (nav + scroll links) */
[data-wired="1"]:not(.site-btn) { transition: color .15s ease; }
[data-wired="1"]:not(.site-btn):hover { color: #b88938 !important; cursor: pointer; }

/* primary button label must be cream (Style Guide), not gold-on-gold */
.site-btn--primary,
.site-btn--primary * {
  color: #fff9ef !important;
}

/* mobile: sticky header bar (frame.svg = logo + hamburger), flush & slim */
.mobile.div > .frame {
  position: sticky;
  top: 0;
  z-index: 900;
  width: 100%;
  height: 70px; /* trims the SVG's built-in top/bottom whitespace */
  object-fit: cover;
  object-position: center;
  padding: 0;
  background: rgba(246, 239, 227, 0.92);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 3px 12px rgba(74, 59, 40, 0.1);
}

/* ============================================================
   COURSES / PRODUCTS SECTION (courses-section.js)
   ============================================================ */
.cx-wrap { width: 100%; }
.cx-root {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: clamp(28px, 4vw, 64px) clamp(18px, 4vw, 40px);
  box-sizing: border-box;
  font-family: "Heebo", Helvetica, sans-serif;
  color: #5b5147;
  direction: rtl;
  text-align: right;
}
.cx-kicker {
  font-family: "Heebo", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.08em;
  color: #b88938;
}
.cx-h2 {
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  color: #102b3a;
  font-size: clamp(28px, 3.4vw, 46px);
  line-height: 1.25;
  letter-spacing: 0.02em;
  margin: 8px 0 10px;
}
.cx-intro { font-size: 16px; line-height: 1.7; max-width: 640px; margin: 0 0 8px; }

.cx-group { margin-top: clamp(28px, 4vw, 52px); }
.cx-group__title {
  display: flex; align-items: center; gap: 12px;
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  color: #102b3a; font-size: clamp(22px, 2.4vw, 30px); margin: 0 0 6px;
}
.cx-group__title span {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border-radius: 50%;
  background: #b88938; color: #fff9ef; font-family: "Heebo"; font-size: 15px; font-weight: 700;
}
.cx-group__sub { font-size: 15px; color: #6f665a; margin: 0 0 18px; }

.cx-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 18px;
}

/* horizontal slider */
.cx-slider {
  display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory;
  padding: 4px 2px 16px; margin: 0 -2px;
  scrollbar-width: thin; scrollbar-color: #b8893855 transparent;
}
.cx-slider::-webkit-scrollbar { height: 8px; }
.cx-slider::-webkit-scrollbar-thumb { background: #b8893855; border-radius: 8px; }
.cx-slider .cx-card { scroll-snap-align: start; flex: 0 0 clamp(260px, 78vw, 320px); }

.cx-card {
  display: flex; flex-direction: column;
  background: #fffcf6; border: 1px solid #b8893826; border-radius: 20px;
  box-shadow: 0 16px 40px #4a3b2814; padding: 22px 22px 18px;
  transition: transform .18s ease, box-shadow .18s ease;
}
.cx-card:hover { transform: translateY(-3px); box-shadow: 0 22px 52px #4a3b281f; }
.cx-card__top { position: relative; }
.cx-badge, .cx-price, .cx-soon {
  display: inline-block; font-family: "Heebo"; font-weight: 700; font-size: 12px;
  padding: 4px 10px; border-radius: 999px; margin-bottom: 8px;
}
.cx-badge { background: #6f1d2d12; color: #6f1d2d; }
.cx-price { background: #b8893818; color: #8a6520; }
.cx-soon { background: #8a9a6b22; color: #5f6f45; }
.cx-card__title {
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  color: #102b3a; font-size: 23px; line-height: 1.2; margin: 2px 0 10px;
}
.cx-meta { display: flex; flex-direction: column; gap: 3px; font-size: 13px; color: #8a7f70; margin-bottom: 10px; }
.cx-card__teaser { font-size: 14.5px; line-height: 1.6; color: #5b5147; flex: 1 1 auto; margin: 0 0 16px; }
.cx-card__note { font-size: 13px; line-height: 1.5; color: #8a7f70; margin: -10px 0 16px; }
.cx-card__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cx-card__btns { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.cx-more {
  border: 0; background: none; color: #102b3a; font-family: "Heebo"; font-weight: 600;
  font-size: 14px; cursor: pointer; padding: 6px 0; border-bottom: 1.5px solid #b88938;
}
.cx-more:hover { color: #b88938; }
.cx-pay {
  background: #b88938; color: #fff9ef !important; text-decoration: none;
  font-family: "Heebo"; font-weight: 700; font-size: 14px;
  padding: 9px 18px; border-radius: 999px; box-shadow: 0 6px 14px #4a3b2833;
  transition: background-color .18s ease;
}
.cx-pay:hover { background: #a67c2e; }
.cx-pay:active { background: #8a6520; }
.cx-pay--lg { padding: 13px 30px; font-size: 15px; }
.cx-pay--ghost {
  background: transparent; color: #b88938 !important; box-shadow: none;
  border: 1.5px solid #b88938;
}
.cx-pay--ghost:hover { background: #b8893814; }
.cx-pay--ghost:active { background: #b8893822; }

.cx-pricebar {
  display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 14px;
  padding: 14px 18px; border-radius: 14px; background: #102b3a; color: #efe6d4; font-size: 14px;
}
.cx-pricebar__reco { color: #e6c079; }

/* modal */
.cx-modal { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 20px; }
.cx-modal[hidden] { display: none; }
.cx-modal__backdrop { position: absolute; inset: 0; background: rgba(16,43,58,.55); backdrop-filter: blur(3px); }
.cx-modal__panel {
  position: relative; z-index: 1; width: min(680px, 100%); max-height: 88vh; overflow-y: auto;
  background: #fbf6ec; border-radius: 22px; padding: clamp(26px, 4vw, 44px);
  box-shadow: 0 30px 80px rgba(10,24,32,.4); direction: rtl; text-align: right;
}
.cx-modal__close {
  position: sticky; top: 0; float: left; margin: -8px -8px 0 0;
  width: 38px; height: 38px; border: 0; border-radius: 50%; cursor: pointer;
  background: #102b3a; color: #fff9ef; font-size: 16px;
}
.cx-modal__title {
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  color: #102b3a; font-size: clamp(26px, 3vw, 36px); margin: 6px 0 8px;
}
.cx-meta--modal { flex-direction: row; flex-wrap: wrap; gap: 16px; font-size: 14px; margin-bottom: 16px; }
.cx-modal__text { font-family: "Heebo"; color: #4f463b; font-size: 16px; line-height: 1.8; }
.cx-modal__text p { margin: 0 0 14px; }
.cx-modal__text strong { color: #102b3a; }
.cx-warn, .cx-modal__text .cx-warn { color: #6f1d2d; font-weight: 600; }
.cx-modal__price { font-size: 17px; margin-top: 14px; }
.cx-enroll { margin-top: 18px; padding: 16px 18px; border-radius: 14px; background: #b8893810; border: 1px solid #b8893822; }
.cx-enroll h4 { font-family: "Heebo"; color: #102b3a; margin: 0 0 8px; font-size: 16px; }
.cx-enroll p { font-size: 14px; line-height: 1.6; margin: 0 0 8px; color: #5b5147; }
.cx-reco { color: #8a6520 !important; }
.cx-note { color: #8a7f70 !important; font-size: 13px !important; }
.cx-modal__actions { margin-top: 22px; }

/* stronger card contrast so cards read against the cream page */
.cx-card {
  background: #ffffff !important;
  border: 1px solid #b8893847 !important;
  box-shadow: 0 20px 46px rgba(74, 59, 40, 0.16) !important;
}
.cx-slider .cx-card { min-height: 230px; }
.cx-grid .cx-card { min-height: 180px; }

/* lift the rebuilt section above the background-atmosphere layer (div-2) */
.cx-wrap { position: relative; z-index: 2; }

/* ---- courses section refinements (feedback round) ---- */
/* group titles in a cleaner sans (buToscana was too heavy on the page) */
.cx-group__title {
  font-family: "Heebo", Helvetica, sans-serif !important;
  font-weight: 700;
  font-size: clamp(18px, 2vw, 23px);
  letter-spacing: -0.01em;
}
/* softer card shadow — removes the heavy band under the slider */
.cx-card { box-shadow: 0 12px 30px rgba(74, 59, 40, 0.09) !important; }
.cx-card:hover { box-shadow: 0 18px 40px rgba(74, 59, 40, 0.14) !important; }

/* product icons */
.cx-card__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.cx-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px; border-radius: 14px;
  background: #b8893814; color: #b88938; flex: 0 0 auto;
}
.cx-icon svg { width: 26px; height: 26px; }
.cx-card--product .cx-price { margin-bottom: 0; }

/* pricing plans (replaces the old teal bar) */
.cx-plans { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 22px; }
.cx-plan {
  flex: 1 1 220px; display: flex; flex-direction: column; gap: 2px;
  padding: 16px 20px; border-radius: 16px; position: relative;
  background: #fff; border: 1px solid #b8893826; box-shadow: 0 10px 26px rgba(74, 59, 40, 0.07);
}
.cx-plan__price { font-family: "Heebo", sans-serif; font-weight: 800; font-size: 24px; color: #102b3a; }
.cx-plan__price small { font-weight: 500; font-size: 14px; color: #8a7f70; margin-inline-start: 4px; }
.cx-plan__label { font-family: "Heebo", sans-serif; font-size: 14px; color: #6f665a; }
.cx-plan--reco { border: 1.5px solid #b88938; background: #fffaf0; }
.cx-plan__tag {
  position: absolute; top: -11px; inset-inline-start: 20px;
  background: #b88938; color: #fff9ef; font-family: "Heebo", sans-serif;
  font-weight: 700; font-size: 12px; padding: 3px 12px; border-radius: 999px;
}

/* warmer group titles (Frank Ruhl Libre serif — not as cold as Heebo, lighter than buToscana) */
.cx-group__title {
  font-family: "Frank Ruhl Libre", serif !important;
  font-weight: 700;
  font-size: clamp(21px, 2.2vw, 28px);
  letter-spacing: 0;
}
/* register button inside the recommended pricing plan */
.cx-plan { align-items: flex-start; }
.cx-plan__btn { margin-top: 12px; align-self: stretch; text-align: center; }

/* revert group titles to Heebo (font was fine — the copy was the issue) */
.cx-group__title {
  font-family: "Heebo", Helvetica, sans-serif !important;
  font-weight: 700;
  font-size: clamp(19px, 2vw, 24px);
}
/* small "כל המסלולים" register button on the left, like the card buttons */
.cx-plan__btn {
  margin-top: 14px;
  align-self: flex-end;
  padding: 8px 18px !important;
  font-size: 13px !important;
  text-align: center;
}

/* pricing plans: single row (button inline on the left) so the card stays short */
.cx-plan {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between;
  gap: 14px;
}
.cx-plan__info { display: flex; flex-direction: column; gap: 2px; }
.cx-plan__btn { margin-top: 0 !important; align-self: center; flex: 0 0 auto; }

/* "סיפור חיים" podcast button on the rabbi bio panel */
.rabbi-card__story {
  display: inline-flex; align-items: center; gap: 7px;
  margin-top: 18px; padding: 10px 20px; border-radius: 999px;
  border: 1px solid #c9a24a; color: #e6c079 !important; text-decoration: none;
  font-family: "Heebo", sans-serif; font-weight: 600; font-size: 14px;
  direction: rtl; transition: background-color .18s ease, color .18s ease;
  z-index: 3;
}
.rabbi-card__story:hover { background: #c9a24a; color: #102b3a !important; }
.rabbi-card--wide .rabbi-card__story { align-self: flex-start; }

/* more prominent modal close (clear "return" control) */
.cx-modal__close {
  width: 44px !important; height: 44px !important; font-size: 18px !important;
  box-shadow: 0 6px 16px rgba(10,24,32,.35); border: 2px solid #fbf6ec !important;
}

/* ---- courses feedback round 2: banner, ari tag, trial, video ---- */
.cx-card__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.cx-badge--ari { background: #b8893818 !important; color: #8a6520 !important; }

.cx-banner {
  margin: clamp(20px,3vw,34px) 0 clamp(24px,3vw,40px);
  padding: clamp(22px,3vw,34px) clamp(26px,4vw,54px);
  background: #102b3a; color: #efe6d4; border-radius: 20px; position: relative;
  border: 1px solid #b8893840; box-shadow: 0 18px 44px rgba(10,24,32,.18);
  text-align: center; direction: rtl;
}
.cx-banner__mark {
  font-family: "Frank Ruhl Libre", serif; color: #c9a24a;
  font-size: 60px; line-height: 0; position: absolute; top: 30px; inset-inline-end: 26px; opacity: .5;
}
.cx-banner__text {
  font-family: "Frank Ruhl Libre", serif; font-size: clamp(17px,1.7vw,22px);
  line-height: 1.7; margin: 0 auto; max-width: 760px; font-style: italic;
}
.cx-banner__cite { display: block; margin-top: 12px; font-family: "Heebo", sans-serif; font-size: 14px; color: #c9a24a; }

.cx-trial {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px;
  margin-top: 14px; padding: 14px 20px; border-radius: 14px;
  background: #b8893810; border: 1px dashed #b8893866;
}
.cx-trial__text { font-family: "Heebo", sans-serif; font-size: 15px; color: #5b5147; }
.cx-trial__text strong { color: #102b3a; }
.cx-trial__btn { flex: 0 0 auto; }

.cx-video-link {
  display: inline-flex; align-items: center; gap: 6px; margin: 4px 0 6px;
  color: #6f1d2d; font-family: "Heebo", sans-serif; font-weight: 700; font-size: 15px;
  text-decoration: none; border-bottom: 1.5px solid #6f1d2d55;
}
.cx-video-link:hover { color: #8a2436; }

/* ---- courses feedback round 3 ---- */
/* slider: soft fade on the left edge + drag cursor */
.cx-slider {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 64px, #000 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 64px, #000 100%);
  cursor: grab;
}
.cx-slider.cx-grabbing { cursor: grabbing; scroll-snap-type: none; user-select: none; }
.cx-slider.cx-grabbing .cx-card { pointer-events: none; }

/* pricing: three equal columns (trial · single · all) */
.cx-plans--three { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.cx-plans--three .cx-plan {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center;
  text-align: center;
  gap: 4px;
  padding: 20px 16px;
}
.cx-plans--three .cx-plan__info { align-items: center; }
.cx-plans--three .cx-plan__btn { margin-top: 12px !important; align-self: stretch; }
.cx-plan--trial { border-style: dashed !important; border-color: #b8893866 !important; }
@media (max-width: 620px) { .cx-plans--three { grid-template-columns: 1fr; } }

/* richer quote banner (was a flat teal block) */
.cx-banner {
  background:
    radial-gradient(120% 95% at 88% 0%, rgba(201, 162, 74, 0.30), transparent 55%),
    radial-gradient(105% 95% at 4% 100%, rgba(111, 29, 45, 0.28), transparent 55%),
    linear-gradient(135deg, #14384e 0%, #0d2230 100%) !important;
  overflow: hidden;
}
.cx-banner__mark { display: none; }
.cx-banner::before {
  content: "”";
  position: absolute; top: -34px; inset-inline-start: 20px;
  font-family: "Frank Ruhl Libre", serif; font-size: 210px; line-height: 1;
  color: #c9a24a; opacity: 0.13; pointer-events: none;
}
.cx-banner::after {
  content: ""; position: absolute; inset: 10px;
  border: 1px solid rgba(201, 162, 74, 0.35); border-radius: 14px; pointer-events: none;
}
.cx-banner__text, .cx-banner__cite { position: relative; z-index: 1; }

/* ---- courses feedback round 4 ---- */
/* banner: drop the inset gold frame */
.cx-banner::after { content: none !important; }

/* slider: softer/narrower left fade */
.cx-slider {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 100%) !important;
  mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 100%) !important;
}

/* pricing: all three cards identical; recommended differentiated only by a
   subtle gold border + the "מומלץ" tag (no dashed, no different background) */
.cx-plans--three .cx-plan {
  background: #fff !important;
  border: 1px solid #ecdcbe !important;
  border-style: solid !important;
}
.cx-plans--three .cx-plan--reco {
  border: 1.5px solid #b88938 !important;
  background: #fff !important;
}
.cx-plan--trial { border-style: solid !important; }

/* play icon on the bio "סיפור חיים" button */
.rabbi-card__play { width: 20px; height: 20px; flex: 0 0 auto; }
.rabbi-card__story { gap: 9px; }

/* ---- cleaner "פרטי הרשמה" box in the modal ---- */
.cx-enroll {
  margin-top: 20px; padding: 18px 20px; border-radius: 14px;
  background: #fbf3e6; border: 1px solid #ecdcbe;
}
.cx-enroll__title {
  font-family: "Heebo", Helvetica, sans-serif !important;
  font-weight: 700 !important; color: #102b3a !important;
  font-size: 16px !important; letter-spacing: 0 !important;
  line-height: 1.3 !important; margin: 0 0 10px !important;
}
.cx-enroll p {
  font-family: "Heebo", Helvetica, sans-serif; font-size: 14.5px;
  line-height: 1.65; margin: 0 0 7px; color: #5b5147;
}
.cx-enroll p:last-child { margin-bottom: 0; }
.cx-enroll strong { color: #102b3a; }
.cx-reco { color: #5b5147 !important; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cx-reco-tag {
  display: inline-block; background: #b88938; color: #fff9ef;
  font-weight: 700; font-size: 11px; padding: 3px 10px; border-radius: 999px;
}
.cx-note { color: #8a7f70 !important; font-size: 13px !important; margin-top: 4px !important; }

/* ---- courses feedback round 5 ---- */
/* beat ".mobile h4 !important" so the enroll title is clean Heebo */
.cx-enroll h4.cx-enroll__title {
  font-family: "Heebo", Helvetica, sans-serif !important;
}

/* pricing cards are the button now: clickable + hover, no inner buttons */
.cx-plans--three .cx-plan {
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cx-plans--three .cx-plan:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 44px rgba(74, 59, 40, 0.16);
  border-color: #b88938 !important;
}
.cx-plans--three .cx-plan:focus-visible { outline: 2px solid #b88938; outline-offset: 3px; }
.cx-plan__cta {
  margin-top: 10px; font-family: "Heebo", sans-serif; font-weight: 700;
  font-size: 13px; color: #b88938; letter-spacing: .01em;
  transition: gap .18s ease;
}
.cx-plans--three .cx-plan:hover .cx-plan__cta { color: #a67c2e; }

/* prevent single-word orphan lines on headings */
.mobile h1, .mobile h2, .cx-h2, .cx-card__title, .cx-modal__title { text-wrap: balance; }

/* video-link icon alignment */
.cx-video-link { align-items: center; }
.cx-video-link svg { flex: 0 0 auto; }

/* pricing card: subtle corner arrow instead of a text CTA */
.cx-plan__cta { display: none !important; }
.cx-plans--three .cx-plan { padding-bottom: 40px !important; }
.cx-plan__arrow {
  position: absolute; bottom: 14px; left: 18px;
  font-size: 20px; font-weight: 700; color: #b88938; line-height: 1;
  transition: transform .18s ease, color .18s ease; pointer-events: none;
}
.cx-plans--three .cx-plan:hover .cx-plan__arrow { transform: translateX(-5px); color: #a67c2e; }

/* book card: pull the floating cover away from the card's rounded corner + stop stretch */
.mobile.desktop img[src*="/image-14"],
.mobile.large-desktop img[src*="/image-14"],
.mobile.tablet img[src*="/image-14"] {
  object-fit: contain !important;
  transform: translate(-18px, 10px) !important;
}

/* arrow on the side (vertically centered) — keep the card compact */
.cx-plans--three .cx-plan { padding: 22px 18px !important; }
.cx-plan__arrow {
  bottom: auto !important; top: 50% !important; left: 18px !important;
  transform: translateY(-50%) !important;
}
.cx-plans--three .cx-plan:hover .cx-plan__arrow {
  transform: translateY(-50%) translateX(-6px) !important;
}

/* make the side arrow a subtle round button */
.cx-plan__arrow {
  width: 36px !important; height: 36px !important;
  display: inline-flex !important; align-items: center; justify-content: center;
  border-radius: 50% !important;
  background: rgba(184, 137, 56, 0.12);
  font-size: 17px !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
}
.cx-plans--three .cx-plan:hover .cx-plan__arrow {
  background: #b88938 !important; color: #fff9ef !important;
  transform: translateY(-50%) translateX(-5px) !important;
}

/* digital "coming soon" cards — compact & modest (not bombastic) */
.cx-grid--digital {
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 14px; max-width: 720px; margin-inline: auto;
}
.cx-grid--digital .cx-card {
  min-height: 0 !important;
  padding: 15px 18px !important;
  box-shadow: 0 8px 20px rgba(74, 59, 40, 0.06) !important;
  flex-direction: row-reverse; align-items: center; gap: 14px;
}
.cx-grid--digital .cx-card__head { margin: 0; }
.cx-grid--digital .cx-icon { width: 38px !important; height: 38px !important; }
.cx-grid--digital .cx-icon svg { width: 21px; height: 21px; }
.cx-grid--digital .cx-card__top { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.cx-grid--digital .cx-card__title { font-size: 17px; margin: 0; }
.cx-grid--digital .cx-card__teaser { font-size: 13px; margin: 2px 0 0; flex: 1 1 auto; }
.cx-grid--digital .cx-card__foot { flex: 0 0 auto; margin: 0; }
.cx-grid--digital .cx-soon { margin: 0; }
@media (max-width: 560px) { .cx-grid--digital { grid-template-columns: 1fr; } }

/* digital cards: clean compact vertical (override the cramped horizontal try) */
.cx-grid--digital .cx-card {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  padding: 16px 20px !important;
  text-align: right;
}
.cx-grid--digital .cx-card__top {
  display: flex !important; flex-direction: row !important;
  align-items: center; justify-content: flex-start; gap: 11px;
  width: 100%; margin-bottom: 6px;
}
.cx-grid--digital .cx-card__head { margin: 0 !important; }
.cx-grid--digital .cx-card__title { font-size: 18px !important; margin: 0 !important; }
.cx-grid--digital .cx-card__teaser { font-size: 13.5px !important; line-height: 1.5; margin: 2px 0 10px !important; }
.cx-grid--digital .cx-card__foot { width: 100%; margin: 0; }

/* digital cards: full width again (keep the compact height) */
.cx-grid--digital { max-width: none !important; margin-inline: 0 !important; }

/* digital cards: match the standard card font sizes */
.cx-grid--digital .cx-card__title { font-size: 23px !important; }
.cx-grid--digital .cx-card__teaser { font-size: 14.5px !important; }

/* digital cards: single column on mobile (beat the 2-col !important) */
@media (max-width: 700px) {
  .cx-grid--digital { grid-template-columns: 1fr !important; }
}

/* mobile bio card: let content flow so it isn't clipped at the bottom */
.rabbi-card--stack { min-height: 0 !important; }
.rabbi-card--stack .rabbi-card__content {
  position: static !important;
  top: auto !important; bottom: auto !important; left: auto !important; right: auto !important;
  padding: 300px 26px 36px !important;
}

/* REVERT mobile bio to original absolute layout, just taller so nothing clips */
.rabbi-card--stack { min-height: 830px !important; }
.rabbi-card--stack .rabbi-card__content {
  position: absolute !important;
  top: 296px !important; bottom: 30px !important;
  left: 28px !important; right: 28px !important;
  padding: 0 !important;
}

/* ============================================================
   Hero — hero-new.png fills the golden arch (clipped to its
   rounded shape) on every breakpoint. The arch rectangle itself
   carries the image as a cover background, so its gold border
   frames the image and the dots + loop (later siblings) paint
   on top. The old flat figure <img> is hidden.
   ============================================================ */
.image, .image-7, .image-15, .image-21 { display:none !important; }
.rectangle-2, .rectangle-31, .rectangle-62, .rectangle-69 {
  background-image: url("images/hero-new.jpg?v=2") !important;
  background-size: cover !important;
  background-position: center 40% !important;
  background-repeat: no-repeat !important;
}

/* ============================================================
   Hero — cinematic: hero-new fills its column (no arch frame),
   with a soft directional fade into the cream. Side-by-side
   copies (image left / text right) fade toward the text on the
   right; mobile (image below text) fades upward into the cream.
   ============================================================ */
.rectangle-2, .rectangle-31, .rectangle-62, .rectangle-69 {
  top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;
  width:auto !important; height:auto !important;
  border:0 !important; border-radius:0 !important;
  background-position:center !important;
}
.rectangle-31, .rectangle-62, .rectangle-69 {
  -webkit-mask-image: linear-gradient(to right, #000 0, #000 56%, transparent 100%) !important;
          mask-image: linear-gradient(to right, #000 0, #000 56%, transparent 100%) !important;
}
.rectangle-2 {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 18%, #000 90%, transparent 100%) !important;
          mask-image: linear-gradient(to bottom, transparent 0, #000 18%, #000 90%, transparent 100%) !important;
}

/* Hero cinematic: hide the arch's decorative dots + loop ring (siblings after the image) */
.rectangle-2 ~ [class*="ellipse"],
.rectangle-31 ~ [class*="ellipse"],
.rectangle-62 ~ [class*="ellipse"],
.rectangle-69 ~ [class*="ellipse"] { display:none !important; }

/* (big/webby flex experiment reverted — the Anima flex hero collapsed the
   image height and squished the heading; keeping the clean contained fade) */

/* ============================================================
   Hero cinematic — BIGGER: bleed the image to the viewport's
   left edge (responsive calc), keep the light-streak visible.
   Side-by-side copies only; mobile stays full-width.
   ============================================================ */
.rectangle-31, .rectangle-62, .rectangle-69 { background-position: center 34% !important; }
.rectangle-31 { left: calc(419.5px - 50vw) !important; }              /* tablet  content 839 */
.rectangle-62 { left: calc(590px - 50vw) !important; top:-30px !important; bottom:-70px !important; } /* desktop content 1180, fill section height */
.rectangle-69 { left: calc(786.5px - 50vw) !important; }              /* large   content 1573 */
/* fade tuned so the person stays solid and it dissolves before the text */
.rectangle-31, .rectangle-62, .rectangle-69 {
  -webkit-mask-image: linear-gradient(to right, #000 0, #000 60%, transparent 96%) !important;
          mask-image: linear-gradient(to right, #000 0, #000 60%, transparent 96%) !important;
}

/* ============================================================
   Hero cinematic — image to the very top + nav to the right.
   Header sits ABOVE the image (z-index) and is transparent, so
   the image bleeds full-height behind it; nav packs to the right
   (flex-end) onto the clean cream. Per-breakpoint top = -colTop.
   ============================================================ */
.header, .header-2, .header-3 {
  position: relative !important;
  z-index: 30 !important;
  justify-content: flex-end !important;
  column-gap: 44px !important;
}
.rectangle-31 { top: -135px !important; }   /* tablet  */
.rectangle-62 { top: -190px !important; }   /* desktop */
.rectangle-69 { top: -253px !important; }   /* large   */

/* ============================================================
   Accessibility — skip link, visible focus, reduced motion.
   ============================================================ */
.skip-link {
  position: fixed;
  top: -80px;
  right: 16px;
  z-index: 2000;
  background: #102b3a;
  color: #fff9ef;
  padding: 10px 18px;
  border-radius: 8px;
  font-family: "Heebo", "Assistant", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(16, 43, 58, 0.28);
  transition: top 0.2s ease;
}
.skip-link:focus {
  top: 16px;
  outline: 3px solid #b88938;
  outline-offset: 2px;
}
:focus-visible {
  outline: 3px solid #b88938;
  outline-offset: 2px;
  border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* ============================================================
   Courses section (.cx-root) — match the site's content width
   per breakpoint so it lines up with the other sections
   (was a fixed 1240px → looked narrow on large screens).
   ============================================================ */
@media (min-width: 1536px) {
  .cx-root { max-width: 1573px !important; }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .cx-root { max-width: 872px !important; }
}

/* contact form — error banner variant (Netlify submit failure) */
.site-success--error {
  background: rgba(111, 29, 45, 0.10) !important;
  border-color: rgba(111, 29, 45, 0.35) !important;
  color: #6f1d2d !important;
}
.site-success--error .site-success__mark {
  background: #6f1d2d !important;
  color: #fff9ef !important;
}

/* ============================================================
   Pricing — two plans: full-access (emphasized) + trial lesson.
   ============================================================ */
.cx-plans--two { grid-template-columns: 1.3fr 1fr !important; }
@media (max-width: 620px) { .cx-plans--two { grid-template-columns: 1fr !important; } }
.cx-plan__note {
  font-family: "Heebo", sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: #8a7f70;
  margin-top: 5px;
  max-width: 34ch;
}
.cx-plan--reco .cx-plan__note { color: #7a5a1e; }
.cx-plan--reco .cx-plan__note strong { color: #b88938; font-weight: 800; }
.cx-plans--two .cx-plan--reco .cx-plan__price { font-size: 30px; }

/* ============================================================
   Courses section round 6 — clear hierarchy: the full plan is
   the hero (dark + gold, matches the .cx-banner language), single
   courses become a secondary, compact choice, and the trial
   lesson drops to a small footnote at the very bottom.
   ============================================================ */
.cx-hero-plan {
  position: relative;
  margin: 22px 0 34px;
  padding: clamp(26px, 3.4vw, 42px) clamp(26px, 4vw, 48px);
  border-radius: 24px;
  background:
    radial-gradient(120% 95% at 88% 0%, rgba(201, 162, 74, 0.30), transparent 55%),
    radial-gradient(105% 95% at 4% 100%, rgba(111, 29, 45, 0.28), transparent 55%),
    linear-gradient(135deg, #14384e 0%, #0d2230 100%);
  border: 1px solid rgba(201, 162, 74, 0.35);
  box-shadow: 0 26px 60px rgba(10, 24, 32, 0.28);
  overflow: hidden;
}
.cx-hero-plan__tag {
  display: inline-block; margin-bottom: 14px;
  background: #b88938; color: #fff9ef;
  font-family: "Heebo", sans-serif; font-weight: 700; font-size: 12.5px;
  padding: 5px 14px; border-radius: 999px; letter-spacing: 0.01em;
}
.cx-hero-plan__body {
  display: flex; align-items: center; justify-content: space-between; gap: 32px;
  position: relative; z-index: 1;
}
.cx-hero-plan__text { flex: 1 1 auto; min-width: 0; }
.cx-hero-plan__title {
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  color: #fff9ef; font-size: clamp(26px, 2.8vw, 34px); margin: 0 0 6px; line-height: 1.15;
}
.cx-hero-plan__sub {
  font-family: "Heebo", sans-serif; color: #e6c079; font-size: 15px; font-weight: 600;
  margin: 0 0 10px;
}
.cx-hero-plan__desc {
  font-family: "Heebo", sans-serif; color: #cfd8de; font-size: 14.5px; line-height: 1.6;
  margin: 0; max-width: 46ch;
}
.cx-hero-plan__action {
  flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center;
}
.cx-hero-plan__price {
  font-family: "Heebo", sans-serif; font-weight: 800; color: #fff9ef; font-size: clamp(30px, 3vw, 38px);
  line-height: 1;
}
.cx-hero-plan__price small {
  font-weight: 500; font-size: 14px; color: #c9a24a; margin-inline-start: 4px;
}
.cx-hero-plan__btn {
  display: inline-block; white-space: nowrap;
  background: #b88938; color: #fff9ef !important; text-decoration: none;
  font-family: "Heebo", sans-serif; font-weight: 700; font-size: 15.5px;
  padding: 14px 30px; border-radius: 999px;
  box-shadow: 0 12px 28px rgba(184, 137, 56, 0.4);
  transition: background-color 0.18s ease, transform 0.18s ease;
}
.cx-hero-plan__btn:hover { background: #c9a24a; transform: translateY(-2px); }
.cx-hero-plan__btn:active { background: #a67c2e; transform: translateY(0); }
.cx-hero-plan__btn:focus-visible { outline: 2px solid #fff9ef; outline-offset: 3px; }

@media (max-width: 720px) {
  .cx-hero-plan__body { flex-direction: column; align-items: stretch; text-align: center; gap: 22px; }
  .cx-hero-plan__desc { max-width: none; margin-inline: auto; }
  .cx-hero-plan__action { align-items: center; }
  .cx-hero-plan__btn { align-self: stretch; text-align: center; }
}

.cx-single-heading {
  font-family: "Heebo", sans-serif; font-weight: 700; color: #102b3a;
  font-size: clamp(17px, 1.8vw, 20px); margin: 0 0 14px; text-align: center;
}

/* secondary/compact course cards — one visual step down from the hero plan */
.cx-card--compact { padding: 18px 18px 16px !important; }
.cx-card--compact .cx-card__title { font-size: 19px; margin: 2px 0 8px; }
.cx-card--compact .cx-card__teaser { font-size: 13.5px; margin: 0 0 12px; }
.cx-slider .cx-card--compact { min-height: 0; }

/* next-cohort date, visible on the card itself before "קרא עוד" */
.cx-cohort {
  display: inline-flex; align-items: center; gap: 6px;
  margin: 0 0 14px; padding: 5px 12px; border-radius: 999px;
  background: #b8893814; color: #8a6520;
  font-family: "Heebo", sans-serif; font-weight: 700; font-size: 12.5px;
}
.cx-cohort svg { width: 14px; height: 14px; flex: 0 0 auto; }

/* trial lesson: de-emphasized footnote at the bottom, not a competing plan */
.cx-trial-mini {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px;
  margin-top: 26px; padding: 14px 20px; text-align: center;
}
.cx-trial-mini__text { font-family: "Heebo", sans-serif; font-size: 14px; color: #6f665a; margin: 0; }
.cx-trial-mini__text strong { color: #102b3a; }
.cx-trial-mini__btn {
  display: inline-block; white-space: nowrap;
  color: #8a6520 !important; text-decoration: none;
  font-family: "Heebo", sans-serif; font-weight: 700; font-size: 13.5px;
  padding: 7px 16px; border-radius: 999px; border: 1px solid rgba(184, 137, 56, 0.4);
  transition: background-color 0.18s ease;
}
.cx-trial-mini__btn:hover { background: #b8893814; }
@media (max-width: 480px) { .cx-trial-mini { flex-direction: column; gap: 8px; } }

/* ============================================================
   Book section — "איסוף עצמי" secondary link next to the main
   "להזמנת הספר אליך הביתה" button (matches the ghost-button
   language already used for the book's pickup CTA in the courses
   section — .cx-pay--ghost).
   ============================================================ */
.book-pickup-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 12px 24px; border-radius: 999px;
  border: 1.5px solid #b88938; color: #b88938 !important;
  background: transparent; text-decoration: none;
  font-family: "Heebo", Helvetica, sans-serif; font-weight: 700; font-size: 14px;
  white-space: nowrap;
  transition: background-color .18s ease;
}
.book-pickup-btn:hover { background: #b8893814; }
.book-pickup-btn:active { background: #b8893822; }

/* mobile copy: the primary button (.frame-15) was a direct flex-column
   child with align-self:stretch — wrap both buttons so they stack the
   same way instead of sitting inline and overflowing. */
.book-actions { display: flex; flex-direction: column; align-self: stretch; width: 100%; gap: 12px; }
.book-actions .book-pickup-btn { align-self: stretch; }

/* tablet/desktop/large-desktop copies: the button already sits in an
   inline-flex row (.frame-75/.frame-138/.frame-188) — just let it wrap. */
.frame-75, .frame-138, .frame-188 { flex-wrap: wrap; }

/* Both book buttons (gold "להזמנת הספר" + white outline "איסוף עצמי")
   sized to match exactly, per responsive copy — box-sizing is
   border-box globally, so width/height here set the full pill size
   regardless of each button's own padding/border. */
.book-actions .book-btn { height: 52px; padding-top: 0; padding-bottom: 0; }
.frame-75 .book-btn { width: 150px; height: 46px; padding-top: 0; padding-bottom: 0; }
.frame-138 .book-btn { width: 190px; height: 56px; padding-top: 0; padding-bottom: 0; }
.frame-188 .book-btn { width: 260px; height: 74px; padding-top: 0; padding-bottom: 0; }

/* ============================================================
   Opening-dates announcement popup (opening-dates-popup.js)
   Reuses the same tokens/fonts as the courses section (.cx-*):
   cream panel, teal headings, gold accents, Heebo/buToscana.
   ============================================================ */
.odp-modal {
  position: fixed; inset: 0; z-index: 1300;
  display: flex; align-items: center; justify-content: center; padding: 20px;
}
.odp-modal[hidden] { display: none; }
.odp-backdrop {
  position: absolute; inset: 0;
  background: rgba(16, 43, 58, 0.55); backdrop-filter: blur(3px);
  opacity: 0; transition: opacity 0.28s ease;
}
.odp-panel {
  position: relative; z-index: 1;
  width: min(560px, 100%); max-height: 88vh; overflow-y: auto;
  background: #fbf6ec; border-radius: 22px; padding: clamp(26px, 4vw, 38px);
  box-shadow: 0 30px 80px rgba(10, 24, 32, 0.4);
  direction: rtl; text-align: right;
  font-family: "Heebo", Helvetica, sans-serif; color: #5b5147;
  opacity: 0; transform: translateY(14px) scale(0.98);
  transition: opacity 0.32s ease, transform 0.32s ease;
}
.odp-modal--visible .odp-backdrop { opacity: 1; }
.odp-modal--visible .odp-panel { opacity: 1; transform: translateY(0) scale(1); }

.odp-close {
  position: sticky; top: 0; float: left; margin: -8px -8px 0 0;
  width: 38px; height: 38px; border: 0; border-radius: 50%; cursor: pointer;
  background: #102b3a; color: #fff9ef; font-size: 16px;
  transition: background-color 0.18s ease;
}
.odp-close:hover { background: #0c1f2b; }

.odp-head { margin-bottom: 22px; }
.odp-kicker {
  font-family: "Heebo", sans-serif; font-weight: 700; font-size: 13px;
  letter-spacing: 0.08em; color: #b88938;
}
.odp-title {
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  color: #102b3a; font-size: clamp(24px, 3vw, 30px); line-height: 1.25; margin: 8px 0 6px;
}
.odp-subtitle { font-size: 14.5px; color: #6f665a; margin: 0; }

.odp-track { margin-bottom: 22px; }
.odp-track:last-child { margin-bottom: 0; }
.odp-track__head {
  display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap;
  margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #b8893830;
}
.odp-track__title {
  font-family: "KYMBSD+buToscana1.0-Medium", "Frank Ruhl Libre", serif;
  color: #102b3a; font-size: 18.5px; line-height: 1.25; margin: 0;
}
.odp-track__when {
  font-family: "Heebo", sans-serif; font-weight: 700; font-size: 12.5px;
  color: #b88938; white-space: nowrap;
}

.odp-date { display: flex; align-items: flex-start; gap: 12px; padding: 9px 0; }
.odp-date + .odp-date { border-top: 1px solid #b8893822; }
.odp-date__chip {
  flex: 0 0 auto; min-width: 52px; display: flex; flex-direction: column;
  align-items: center; justify-content: center; padding: 6px 8px; border-radius: 12px;
  background: #b8893814; color: #8a6520; font-family: "Heebo", sans-serif;
}
.odp-date__greg { font-weight: 800; font-size: 15px; line-height: 1.1; }
.odp-date__heb { font-size: 10.5px; color: #8a7f70; margin-top: 2px; }
.odp-date__desc { font-size: 14px; line-height: 1.55; color: #5b5147; padding-top: 4px; }
.odp-date--note .odp-date__desc { padding-top: 0; }

.odp-foot { margin-top: 26px; text-align: center; }
.odp-cta {
  display: inline-block; background: #b88938; color: #fff9ef; text-decoration: none;
  font-family: "Heebo", sans-serif; font-weight: 700; font-size: 15px;
  padding: 13px 30px; border-radius: 999px; border: 0; cursor: pointer;
  box-shadow: 0 6px 14px #4a3b2833; transition: background-color 0.18s ease;
}
.odp-cta:hover { background: #a67c2e; }
.odp-cta:active { background: #8a6520; }

@media (max-width: 480px) {
  .odp-panel { padding: 22px 18px; border-radius: 18px; }
  .odp-track__head { flex-direction: column; align-items: flex-start; gap: 2px; }
  .odp-date__chip { min-width: 46px; padding: 5px 7px; }
}