:root {
  --clr-primary: #1f013e;
}

@font-face {
  font-family: "PlutoMedium";
  src: url("../fonts/PlutoMedium/font.woff2") format("woff2"),
    url("fonts/PlutoMedium/font.woff") format("woff");
}

@font-face {
  font-family: "GothamBold";
  src: url("../fonts/Gotham-Font/GothamBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "GothamBoldItalic";
  src: url("../fonts/Gotham-Font/GothamBoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Font/GothamMedium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GothamBook";
  src: url("../fonts/Gotham-Font/GothamBook.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GothamItalic";
  src: url("../fonts/Gotham-Font/GothamMediumItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "GothamUltraItalic";
  src: url("../fonts/Gotham-Font/Gotham-UltraItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "ArcherSemibold";
  src: url("../fonts/Archer-Font/ArcherSemiboldPro.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}

[class*="is-style-hero-heading-"],
.editor-styles-wrapper [class*="is-style-hero-heading-"] {
  color: var(--clr-primary);
  padding: 0;
}

.is-style-hero-heading-1,
.editor-styles-wrapper .is-style-hero-heading-1 {
  font-size: clamp(28px, 3vw, 50px);
  /* font-family: "GothamUltraItalic"; */
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-style: italic;
  font-weight: bold;
  margin: 0;
  line-height: 1.15;
}

.is-style-hero-heading-2,
.editor-styles-wrapper .is-style-hero-heading-2 {
  font-size: clamp(36px, 5vw, 82px);
  /* text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); */
  margin: 0 0 30px;
  /* font-family: "GothamUltraItalic"; */
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-style: italic;
  font-weight: bold;
  line-height: 1;
}

.wp-block-image[class*="is-style-with-decoration-"] > figure,
.wp-block-image[class*="is-style-with-decoration-"]:is(figure) {
  position: relative;
}

.wp-block-image[class*="is-style-with-decoration-"]:is(figure)::before,
.wp-block-image[class*="is-style-with-decoration-"]:is(figure)::after,
.wp-block-image[class*="is-style-with-decoration-"] > figure::before,
.wp-block-image[class*="is-style-with-decoration-"] > figure::after {
  --backgroundImage: url("image/assets/solid_pink_shape.png");
  --top: auto;
  --right: auto;
  --bottom: auto;
  --left: auto;
  --size: 100%;

  content: "";
  background-image: var(--backgroundImage);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: var(--top);
  right: var(--right);
  bottom: var(--bottom);
  left: var(--left);
  height: var(--size);
  width: var(--size);
  z-index: -1;
}

.wp-block-image[class*="is-style-with-decoration-"]:has(figure.alignright) {
  display: flex;
  justify-content: flex-end;
}

.wp-block-image[class*="is-style-with-decoration-"] figure.alignright {
  float: none;
}

.wp-block-image.is-style-with-decoration-1:is(figure)::before,
.wp-block-image.is-style-with-decoration-1 > figure::before {
  --backgroundImage: url("image/assets/solid_pink_shape.png");
  --top: -20%;
  --left: -30%;
}

.wp-block-image.is-style-with-decoration-1:is(figure)::after,
.wp-block-image.is-style-with-decoration-1 > figure::after {
  --backgroundImage: url("image/assets/stroke_pink_shape.png");
  --bottom: -20%;
  --right: 10%;
}

.wp-block-image.is-style-with-decoration-2:is(figure)::before,
.wp-block-image.is-style-with-decoration-2 > figure::before {
  --backgroundImage: url("image/assets/solid_pink2_shadow.png");
  --right: -8%;
  --top: -20%;
  --size: 140%;
  filter: drop-shadow(-40px 40px 50px rgba(0, 0, 0, 0.05));
}

.wp-block-image.is-style-with-decoration-2:is(figure)::after,
.wp-block-image.is-style-with-decoration-2 > figure::after {
  --backgroundImage: url("image/assets/hybrid_stroke.png");
  --bottom: -10%;
  --right: -20%;
  --size: 120%;
}

.wp-block-image.is-style-with-decoration-3,
.wp-block-image.is-style-with-decoration-5 {
  filter: drop-shadow(40px 40px 50px rgba(0, 0, 0, 0.24));
}

.wp-block-image.is-style-with-decoration-3 img,
.wp-block-image.is-style-with-decoration-5 img {
  --mask: url("image/assets/custom_shape.svg");
  /* box-shadow: 40px 40px 50px rgba(0, 0, 0, 0.24); */
  mask-image: var(--mask);
  -webkit-mask-image: var(--mask);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: center;
  -webkit-mask-position: center;
}

.wp-block-image.is-style-with-decoration-5 img {
  --mask: url("image/assets/content_sub_shape.svg");
}

.wp-block-image.is-style-with-decoration-3:is(figure)::before,
.wp-block-image.is-style-with-decoration-3 > figure::before {
  --backgroundImage: url("image/assets/Transparent_purple_shadow.png");
  --size: 40%;
  --right: 10%;
  --top: -10%;
  z-index: 1;
  filter: drop-shadow(40px 40px 50px rgba(0, 0, 0, 0.2));
}

.wp-block-image.is-style-with-decoration-3:is(figure)::after,
.wp-block-image.is-style-with-decoration-3 > figure::after {
  --backgroundImage: url("image/assets/custom_stroke.png");
  --left: -30%;
  --top: -17%;
}

.wp-block-image.is-style-with-decoration-4:is(figure)::before,
.wp-block-image.is-style-with-decoration-4 > figure::before {
  --backgroundImage: url("image/assets/brandingpackage_shape.png");
  --bottom: -25%;
}

.wp-block-image.is-style-with-decoration-4:is(figure)::after,
.wp-block-image.is-style-with-decoration-4 > figure::after {
  --backgroundImage: url("image/assets/stroke_purple_shape.png");
  --left: -30%;
  --top: -17%;
}

.wp-block-image.is-style-with-decoration-5:is(figure)::before,
.wp-block-image.is-style-with-decoration-5 > figure::before {
  --backgroundImage: url("image/assets/Transparent_purple2_shadow.png");
  --size: 40%;
  --top: 0%;
  --left: 5%;
  z-index: 1;
  filter: drop-shadow(40px 40px 50px rgba(0, 0, 0, 0.3));
}

.wp-block-image.is-style-with-decoration-5:is(figure)::after,
.wp-block-image.is-style-with-decoration-5 > figure::after {
  --backgroundImage: url("image/assets/contentsub_stroke.png");
  --right: 0;
  --bottom: -15%;
}

.wp-block-image.is-style-full-width img {
  width: 100%;
}

.wp-block-image.is-style-drop-shadow img {
  filter: drop-shadow(10px 20px 20px rgba(0, 0, 0, 0.3));
}

.wp-block-button.is-style-gradient-button .wp-block-button__link {
  background-image: linear-gradient(
    270deg,
    rgb(158, 147, 174) 0%,
    rgb(31, 1, 62) 100%,
    rgb(158, 147, 174) 100%
  );
  background-size: 140% auto;
  transition: all 0.3s ease;
  /* font-family: "GothamBold"; */
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-weight: bold;
  font-size: 15px;
  padding: 0 30px;
  height: 45px;
  display: flex;
  align-items: center;
  color: white;
  text-transform: uppercase;
}

.wp-block-button.is-style-gradient-button .wp-block-button__link:hover {
  background-position: right center;
}

.wp-block-columns.is-style-icons .wp-block-column {
  display: grid;
  grid-template-areas: "icon title" "icon content";
  column-gap: 20px;
}

.wp-block-columns.is-style-icons p {
  font-size: clamp(16px, 2vw, 18px);
}

.wp-block-column.has-z-index {
  position: relative;
  z-index: 1;
}

.wp-block-columns.is-style-icons .wp-block-column .wp-block-blocks-2023-icon {
  grid-area: icon;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wp-block-columns.is-style-icons .wp-block-column h2 {
  grid-area: title;
}
.wp-block-columns.is-style-icons .wp-block-column p {
  grid-area: content;
  margin: 0;
}

p.is-style-nowrap {
  white-space: nowrap;
}

@media screen and (min-width: 1024px) {
  p.is-style-limit-width {
    max-width: 75%;
  }
}

@media screen and (min-width: 768px) {
  .wp-block-columns.is-style-icons .wp-block-column {
    display: block;
  }
}