.title-icon {
  width: 724px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}

.title-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.div,
.icon {
  position: relative;
}

.icon {
  width: 340px;
  max-height: 100%;
  object-fit: cover;
}

.div {
  font-weight: 600;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.grap-1-icon {
  width: 362px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}

.div1 {
  flex: 1;
  position: relative;
}

.wrapper {
  width: 14rem;
  border-radius: var(--br-4);
  background-color: var(--color-tomato);
  border: 1px solid var(--color-lightcoral);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-4) 0;
}

.vector-smart-object-1 {
  width: 40px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
  display: none;
}

.div2 {
  flex: 1;
  position: relative;
  text-shadow: 0 0 6.4px #cb0000;
  text-overflow: ellipsis;
  /* width: 39px; */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  /* font-size: 1.2rem; */
}

.container-fm {
  flex: 1;
  border-radius: var(--br-4);
  background-color: var(--color-midnightblue);
  border: 1px solid var(--color-lightcoral);
  justify-content: center;
  padding: var(--padding-4) 0;
}

.container-fm,
.frame,
.frame-parent2 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
}

.frame-parent2 {
  align-self: stretch;
  justify-content: flex-start;
}

.frame {
  width: 14rem;
  border-radius: var(--br-4);
  background-color: var(--color-hotpink);
  border: 1px solid var(--color-plum-200);
  box-sizing: border-box;
  justify-content: center;
  padding: var(--padding-4) 0;
}

.div4 {
  flex: 1;
  position: relative;
  text-shadow: 0 0 6.4px #fe68cb;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}

.wrapper1,
.wrapper2 {
  border-radius: var(--br-4);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-4) 0;
}

.wrapper1 {
  flex: 1;
  background-color: var(--color-midnightblue);
  border: 1px solid var(--color-plum-100);
}

.wrapper2 {
  width: 14rem;
  background-color: var(--color-mediumslateblue);
  border: 1px solid var(--color-mediumpurple);
  box-sizing: border-box;
}

.div6 {
  flex: 1;
  position: relative;
  text-shadow: 0 0 6.4px #8c68fc;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}

.wrapper3,
.wrapper4 {
  border-radius: var(--br-4);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-4) 0;
}

.wrapper3 {
  flex: 1;
  background-color: var(--color-midnightblue);
  border: 1px solid var(--color-mediumpurple);
}

.wrapper4 {
  width: 14rem;
  background-color: var(--color-deepskyblue-300);
  border: 1px solid var(--color-deepskyblue-100);
  box-sizing: border-box;
}

.div8 {
  flex: 1;
  position: relative;
  text-shadow: 0 0 6.4px #00b4e8;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}

.wrapper5,
.wrapper6 {
  border-radius: var(--br-4);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-4) 0;
}

.wrapper5 {
  flex: 1;
  background-color: var(--color-midnightblue);
  border: 1px solid var(--color-deepskyblue-200);
}

.wrapper6 {
  width: 14rem;
  background-color: var(--color-limegreen);
  border: 1px solid var(--color-springgreen);
  box-sizing: border-box;
}

.div10 {
  flex: 1;
  position: relative;
  text-shadow: 0 0 6.4px #08bc4e;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}

.frame-div,
.frame-parent1,
.wrapper7 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: stretch;
}

.wrapper7 {
  flex: 1;
  border-radius: var(--br-4);
  background-color: var(--color-midnightblue);
  border: 1px solid var(--color-springgreen);
  flex-direction: row;
  padding: var(--padding-4) 0;
}

.frame-div,
.frame-parent1 {
  align-self: stretch;
  border-radius: var(--br-8);
  overflow: hidden;
  flex-direction: column;
  padding: var(--padding-16);
  gap: var(--gap-10);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

.frame-parent1 {
  text-align: center;
  font-size: 1.3rem;
  color: var(--color-white);
  border-radius: 8px;
  border: 2px solid #1D0D52;
  background: url(../%3Cpath-to-image%3E) lightgray 50% / cover no-repeat;
  box-shadow: 0px 0px 0px 2px #5738BA inset;
  background-color: #3C278E;
  gap: 1.2rem;
}

.frame-div {
  /* width: 583px; */
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: 8px;
  border: 4px solid #5F39DD;
  background: url(../../temp/public/image26.png) lightgray 50% / cover no-repeat;
  box-shadow: 0px 0px 0px 2px #886FEE inset;
}

.group-22-1 {
  width: 210px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}

.group-22-1-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.frame-child {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}

.frame-parent8,
.rectangle-wrapper,
.wrapper8 {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rectangle-wrapper {
  height: 60px;
  flex-direction: column;
}

.frame-parent8,
.wrapper8 {
  flex-direction: row;
  padding: 0 12px;
}

.frame-parent8 {
  flex-direction: column;
  padding: 15px 0 0;
  gap: 0;
}

.audition,
.baby-boomers {
  align-self: stretch;
  position: relative;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.baby-boomers {
  font-weight: 600;
}

.audition {
  font-size: 1.3rem;
  color: var(--color-white);
}

.baby-boomers-parent,
.frame-parent7 {
  flex: 1;
  border-radius: var(--br-8);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-16);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

.baby-boomers-parent {
  align-self: stretch;
  gap: var(--gap-10);
  text-align: center;
  font-size: 26px;
  color: var(--color-aqua);
  background: url(../%3Cpath-to-image%3E) lightgray 50% / cover no-repeat;
  box-shadow: 0px 0px 0px 2px #5738BA inset;
  background-color: #3C278E;
  max-height: 20rem;
}

.frame-parent7 {
  gap: 0px;
  font-size: 50px;
  /* background: url(image27.png) lightgray 50% / cover no-repeat; */
  /* box-shadow: 0px 0px 0px 4px #886FEE inset; */
  border: 4px solid #5F39DD;
  background: url(../../temp/public/image26.png) lightgray 50% / cover no-repeat;
  box-shadow: 0px 0px 0px 2px #886FEE inset;
  height: 100%;
}

.frame-container-fm {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  gap: var(--gap-24);
}

.div12 {
  position: relative;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.div13,
.wrapper9 {
  align-self: stretch;
}

.wrapper9 {
  background: linear-gradient(180deg, #09f409, #00a400);
  background: #1e58a4;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-16);
  background-image: url(../public/6.png)
}

.div13 {
  position: relative;
  font-weight: 600;
  text-shadow: 0 0 6.4px #05cf05;
}

.perfect-1-icon {
  width: 129px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}

.group,
.perfect-1-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-16);
}

.perfect-1-wrapper {
  display: none;
}

.group {
  padding: 0.6rem 1rem;
  gap: var(--gap-16);
  text-align: center;
  font-size: 2.5rem;
}

.frame-parent11,
.wrapper10 {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.frame-parent11 {
  flex: 1;
  border-radius: var(--br-8);
  flex-direction: column;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background: url(../temp/public/pattern.png) #d3d3d300 50% / cover no-repeat;
  background: url(../../temp/public/pattern.png) #d3d3d300 50% / cover no-repeat;
}

.frame-parent11.type-1 {
  border-radius: 8px;
  border: 3px solid #477abd;
  background: url(../../temp/public/pattern.png) #d3d3d300 50% / cover no-repeat;
  background-color: #041e41;
}

.frame-parent11.type-2 {
  border-radius: 8px;
  border: 3px solid #10804c;
  background: url(../%3Cpath-to-image%3E) lightgray 50% / cover no-repeat, #2D063D;
  /* background: url(<path-to-image>) lightgray 50% / cover no-repeat; */
  background-color: #00371e;
}

.frame-parent11.type-3 {
  border-radius: 8px;
  border: 3px solid #992828;
  background: url(../%3Cpath-to-image%3E) lightgray 50% / cover no-repeat, #3C0F09;
  /* background: url(<path-to-image>) lightgray 50% / cover no-repeat; */
  background-color: #3C0F09;
}

.frame-parent11.type-4 {
  border-radius: 8px;
  border: 3px solid #514a9d;
  background: url(../%3Cpath-to-image%3E) lightgray 50% / cover no-repeat, #4A3A00;
  /* background: url(<path-to-image>) lightgray 50% / cover no-repeat; */
  background-color: #0e0b2f;
}

.frame-parent11.type-5 {
  border-radius: 8px;
  border: 3px solid #a251ae;
  background: url(../%3Cpath-to-image%3E) lightgray 50% / cover no-repeat, #1B135E;
  /* background: url(<path-to-image>) lightgray 50% / cover no-repeat; */
  background-color: #390641;
}

.wrapper10 {
  align-self: stretch;
  background: linear-gradient(180deg, #e95ffd, #c325fe);
  background: #005f33;
  flex-direction: row;
  padding: var(--padding-16);
  background-image: url(../public/7.png)
}

.div15 {
  align-self: stretch;
  position: relative;
  font-weight: 600;
  text-shadow: 0 0 6.4px #e255fd;
}

.wrapper11 {
  align-self: stretch;
  background: linear-gradient(180deg, #f94b41, #e00);
  background: #620c0c;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-16);
  background-image: url(../public/8.png)
}

.div17 {
  align-self: stretch;
  position: relative;
  font-weight: 600;
  text-shadow: 0 0 6.4px #f42d27;
}

.wrapper12 {
  align-self: stretch;
  background: linear-gradient(180deg, #fedf50, #fbc906);
  background: #2f296f;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-16);
  background-image: url(../public/9.png)
}

.div19 {
  align-self: stretch;
  position: relative;
  font-weight: 600;
  text-shadow: 0 0 6.4px #fccb0d;
}

.wrapper13 {
  align-self: stretch;
  background: linear-gradient(180deg, #8564fb, #4920c0);
  background: #72297d;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-16);
  background-image: url(../public/10.png)
}

.div21 {
  align-self: stretch;
  position: relative;
  font-weight: 600;
  text-shadow: 0 0 6.4px #6945e0;
}

.frame-parent9 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-24);
  font-size: var(--font-size-24);
  color: var(--color-white);
}

.div22 {
  align-self: stretch;
  position: relative;
  font-weight: 500;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 2rem;
}

.button-save-wrapper {
  text-decoration: none;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}

.frame-parent19,
.parent5 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 18px;
}

.parent5 {
  flex-direction: column;
  gap: 12px;
}

.frame-item {
  align-self: stretch;
  position: relative;
  background-color: var(--color-rosybrown);
  height: 1px;
}

.button-download-icon {
  width: 398px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}

.button-download-wrapper,
.frame-parent18 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.button-download-wrapper {
  text-decoration: none;
  align-items: flex-start;
}

.frame-parent18 {
  align-self: stretch;
  align-items: stretch;
  gap: var(--gap-18);
  display: flex;
}

.footer-wp-ci-au-12x-1-icon {
  width: 392px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
}

.t3-entertainment-coltd {
  margin: 0;
}

.t3-entertainment-coltd-container-fm {
  position: relative;
}

.footer-wp-ci-au-12x-1-parent {
  align-self: stretch;
  justify-content: center;
  padding: 0 var(--padding-16);
  gap: 15px;
  font-size: 13px;
  color: var(--color-white);
}

.footer-wp-ci-au-12x-1-parent,
.frame-group,
.frame-parent,
.frame-parent17 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.frame-parent17 {
  align-self: stretch;
  justify-content: flex-start;
  gap: var(--gap-18);
  text-align: center;
  font-size: 36px;
  color: var(--color-paleturquoise);
}

.frame-group,
.frame-parent {
  justify-content: center;
}

.frame-group {
  align-self: stretch;
  flex: 1;
  /* padding: 40px 96px; */
  gap: 32px;
}

.frame-parent {
  width: 1080px;
  position: relative;
  height: 1920px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  text-align: left;
  font-size: 40px;
  color: var(--color-yellow);
  font-family: var(--font-kanit);
  background: url(../temp/public/background.png) lightgray 50% / cover no-repeat;
  background-position: center top;
  display: flex;
}