/* Add font files for Segoe UI Symbol */
@font-face {
  font-family: 'Segoe UI Symbol';
  src: url('fonts/segoe-ui-symbol.woff2') format('woff2'),
       url('fonts/segoe-ui-symbol.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* Add font files for Send Flowers */
@font-face {
  font-family: 'Send Flowers';
  src: url('fonts/send-flowers.woff2') format('woff2'),
       url('fonts/send-flowers.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* Add font files for Puppies Play */
@font-face {
  font-family: 'Puppies Play';
  src: url('fonts/puppies-play.woff2') format('woff2'),
       url('fonts/puppies-play.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
:root {
  --font-family-segoe-ui-symbol: 'Segoe UI Symbol', sans-serif;
  --font-family-inter: 'Inter', sans-serif;
  --font-family-send-flowers: 'Send Flowers', sans-serif;
  --font-family-puppies-play: 'Puppies Play', sans-serif;
}


/* CSS Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.text-3 {
  position: absolute;
  left: 0px;
  top: 13px;
  width: 460px;
  height: 18px;
  font-size: 10px;
  font-family: var(--font-family-segoe-ui-symbol);
  font-weight: normal;
  text-align: center;
  color: rgba(0, 0, 0, 1);
}

.footer-2 {
  position: absolute;
  left: 0px;
  top: 544px;
  width: 460px;
  height: 31px;
}

.text-7 {
  font-size: 14px;
  font-family: var(--font-family-segoe-ui-symbol);
  font-weight: normal;
  text-align: left;
  color: rgba(13, 13, 13, 1);
}

.deliveryinfo-6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 2px 0px 2px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 166px;
  width: 166px;
  height: 36px;
  background-color: rgba(253, 212, 223, 1);
}

.text-9 {
  font-size: 15px;
  font-family: var(--font-family-segoe-ui-symbol);
  font-weight: normal;
  text-align: left;
  color: rgba(14, 14, 14, 1);
}

.zipcode-8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 2px 0px 2px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 127px;
  width: 127px;
  height: 36px;
  background-color: rgba(224, 218, 219, 1);
}

.deliverycondition-5 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 4px 0px 4px 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 443px;
  width: 443px;
  height: 42px;
  background-color: rgba(255, 247, 245, 1);
  border-radius: 4px;
}

.heart1-12 {
  border-radius: 4px;
  width: 100%;
  height: auto;
}

.photos-11 {
  border-radius: 4px;
}

.heart2-14 {
  border-radius: 4px;
  width: 100%;
  height: auto;
}

.photos-13 {
  border-radius: 4px;
}

.bouquet1-16 {
  border-radius: 4px;
  width: 100%;
  height: auto;
}

.photos-15 {
  border-radius: 4px;
}

.bouquet2-18 {
  border-radius: 4px;
  width: 100%;
  height: auto;
}

.photos-17 {
  border-radius: 4px;
}

.alternative1-20 {
  border-radius: 4px;
  width: 100%;
  height: auto;
}

.photos-19 {
  border-radius: 4px;
}

.alternative2-22 {
  border-radius: 4px;
  width: 100%;
  height: auto;
}

.photos-21 {
  border-radius: 4px;
}

.currenteventdetails-10 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  padding: 4px 13px 4px 13px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 181px;
  width: 181px;
  height: 303px;
  background-color: rgba(255, 247, 245, 1);
  border-radius: 4px;
}

.currentevent-23 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  padding: 4px 13px 4px 13px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 260px;
  width: 260px;
  height: 303.3333435058594px;
  border-radius: 4px;
  width: 100%;
  height: auto;
}

.body-4 {
  position: absolute;
  left: 0px;
  top: 156px;
  width: 460px;
  height: 390px;
}

.text-26 {
  font-size: 11px;
  font-family: var(--font-family-inter);
  font-weight: bold;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}

.text-27 {
  font-size: 11px;
  font-family: var(--font-family-inter);
  font-weight: bold;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}

.logo-28 {
  border: 1px solid rgba(94, 65, 60, 1);
  width: 100%;
  height: auto;
}

.header-25 {
  background-color: rgba(215, 139, 120, 1);
}

.text-31 {
  font-size: 20px;
  font-family: var(--font-family-send-flowers);
  font-weight: normal;
  text-align: left;
  color: rgba(255, 0, 4, 1);
}

.currentevent-30 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 2px 0px 2px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 215px;
  width: 215px;
  height: 27px;
  background-color: rgba(250, 232, 236, 0.8600000143051147);
}

.text-33 {
  font-size: 20px;
  text-align: left;
  color: rgba(255, 0, 4, 1);
}

.otherevents-32 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 5px 56px 5px 56px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 215px;
  width: 215px;
  height: 27px;
  background-color: rgba(250, 232, 236, 0.8600000143051147);
}

.navigation-29 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 4px 7px 4px 7px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 460px;
  width: 460px;
  height: 39px;
  background-color: rgba(255, 247, 245, 1);
}

.head-24 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 460px;
  width: 460px;
  height: 156px;
  background-color: rgba(255, 247, 245, 1);
}

.index-1 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 460px;
  height: 575px;
  position: relative;
  width: 100%;
  height: auto;
}