.elementor-7855 .elementor-element.elementor-element-85c9fe0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7855 .elementor-element.elementor-element-85c9fe0:not(.elementor-motion-effects-element-type-background), .elementor-7855 .elementor-element.elementor-element-85c9fe0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#212121;}.elementor-7855 .elementor-element.elementor-element-539c4e8{--display:flex;--min-height:100vh;--justify-content:center;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7855 .elementor-element.elementor-element-539c4e8:not(.elementor-motion-effects-element-type-background), .elementor-7855 .elementor-element.elementor-element-539c4e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-7855 .elementor-element.elementor-element-45512d6{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-7855 .elementor-element.elementor-element-fb500e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7855 .elementor-element.elementor-element-aa26efd{--display:flex;--min-height:100vh;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7855 .elementor-element.elementor-element-aa26efd:not(.elementor-motion-effects-element-type-background), .elementor-7855 .elementor-element.elementor-element-aa26efd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7855 .elementor-element.elementor-element-af1ebb1{width:100%;max-width:100%;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7855 .elementor-element.elementor-element-66a3a44{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-7855 .elementor-element.elementor-element-c90b71f{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7855 .elementor-element.elementor-element-4a505ea{--grid-columns:3;--load-more-button-align:center;}.elementor-7855 .elementor-element.elementor-element-4a505ea .elementor-loop-container{grid-auto-rows:1fr;}.elementor-7855 .elementor-element.elementor-element-4a505ea .e-loop-item > .elementor-section, .elementor-7855 .elementor-element.elementor-element-4a505ea .e-loop-item > .elementor-section > .elementor-container, .elementor-7855 .elementor-element.elementor-element-4a505ea .e-loop-item > .e-con, .elementor-7855 .elementor-element.elementor-element-4a505ea .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}body.elementor-page-7855{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-7855 .elementor-element.elementor-element-85c9fe0{--width:100vw;}.elementor-7855 .elementor-element.elementor-element-539c4e8{--width:100vw;}.elementor-7855 .elementor-element.elementor-element-aa26efd{--width:100vw;}}@media(max-width:1024px){.elementor-7855 .elementor-element.elementor-element-539c4e8{--min-height:0vh;}.elementor-7855 .elementor-element.elementor-element-4a505ea{--grid-columns:2;}}@media(max-width:767px){.elementor-7855 .elementor-element.elementor-element-aa26efd{--min-height:0vh;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-7855 .elementor-element.elementor-element-66a3a44{text-align:left;font-size:12px;}.elementor-7855 .elementor-element.elementor-element-4a505ea{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-fb500e4 */@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;600;700;800;900&display=swap");


html,
body {
  color: #212121;
}

body {
  display: grid;
  place-items: center;
  font-family: "League Spartan", system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1.2;
 overflow-x: hidden;
}

ul {
  list-style: none;
}

.main {
  max-width: 75rem;
  padding: 3em 1.5em;
  color: #212121;
  overflow-x: hidden;
}

.main__heading {
  font-weight: 600;
  font-size: 2.25em;
  margin-bottom: 0.75em;
  text-align: center;
  color: #f2f2f2;
}

.cards {
  position: relative;
}

.cards__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5em;
}

.card {
  --flow-space: 0.5em;
  --hsl: var(--hue), var(--saturation), var(--lightness);
  flex: 1 1 14rem;
  padding: 1.5em 2em;
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  align-items: start;
  gap: 1.25em;
  color: #eceff1;
  background-color: #2b2b2b;
  border: 1px solid #eceff133;
  border-radius: 15px;
}

.card:nth-child(1) {
  --hue: 165;
  --saturation: 82.26%;
  --lightness: 51.37%;
}

.card:nth-child(2) {
  --hue: 291.34;
  --saturation: 95.9%;
  --lightness: 61.76%;
}

.card:nth-child(3) {
  --hue: 338.69;
  --saturation: 100%;
  --lightness: 48.04%;
}

.card__bullets {
  line-height: 1.4;
}

.card__bullets li::before {
  display: inline-block;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='16' title='check' fill='%23dddddd'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' /%3E%3C/svg%3E");
  transform: translatey(0.25ch);
  margin-right: 1ch;
}

.card__heading {
  font-size: 1.05em;
  font-weight: 600;
}

.card__price {
  font-size: 1.75em;
  font-weight: 700;
}

.flow > * + * {
  margin-top: var(--flow-space, 1.25em);
}

.cta {
  display: block;
  align-self: end;
  margin: 1em 0 0.5em 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #0d0d0d;
  padding: 0.7em;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 600;
}

.overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  user-select: none;
  opacity: var(--opacity, 0);
  -webkit-mask: radial-gradient(
    25rem 25rem at var(--x) var(--y),
    #000 1%,
    transparent 50%
  );
  mask: radial-gradient(
    25rem 25rem at var(--x) var(--y),
    #000 1%,
    transparent 50%
  );
  transition: 400ms mask ease;
  will-change: mask;
}

.overlay .card {
  background-color: hsla(var(--hsl), 0.15);
  border-color: hsla(var(--hsl), 1);
  box-shadow: 0 0 0 1px inset hsl(var(--hsl));
}

.overlay .cta {
  display: block;
  grid-row: -1;
  width: 100%;
  background-color: hsl(var(--hsl));
  box-shadow: 0 0 0 1px hsl(var(--hsl));
}

:not(.overlay) > .card {
  transition: 400ms background ease;
  will-change: background;
}

:not(.overlay) > .card:hover {
  --lightness: 95%;
  background: hsla(var(--hsl), 0.1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af1ebb1 */@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600;700&display=swap");
*,
*:before,
*:after {
  position: relative;
  box-sizing: border-box;
  --duration: 0.6s;
  --delay: 0s;
  --timing-function: cubic-bezier(0.5, 0, 0.5, 1);
  -webkit-animation-delay: var(--delay);
          animation-delay: var(--delay);
  -webkit-animation-duration: var(--duration);
          animation-duration: var(--duration);
  -webkit-animation-timing-function: var(--timing-function);
          animation-timing-function: var(--timing-function);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  transition-property: none;
  transition-delay: var(--delay);
  transition-duration: var(--duration);
  transition-timing-function: var(--timing-function);
}

html {
  font-family: "Work Sans", Helvetica, sans-serif;
  place-items: center;
  background: var(--color-bg);
}

:root {
  --font-size-large: 6vw;
  --easing: cubic-bezier(.6, 0, .4, 1);
  --color-bg: #e4e4e4;
  --shadow-size: 1px;
  --stroke-shadow:
    var(--shadow-size) var(--shadow-size) 0 black,
    calc(var(--shadow-size) * -1) calc(var(--shadow-size) * -1) 0 black,
    var(--shadow-size) calc(var(--shadow-size) * -1) 0 black,
    calc(var(--shadow-size) * -1) var(--shadow-size) 0 black;
}

#app > form {
  display: grid;
}
#app > form > * {
  grid-area: 1/1;
}

fieldset {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
}

p {
  margin: 0 0 0.5em;
  margin-bottom: 2em;
}

legend {
  margin: 0 0 0.5em;
  padding: 0;
  font-weight: bold;
}

label {
  display: block;
  overflow: hidden;
}

.radio {
  display: block;
  margin: 0.1em 0;
  justify-content: start;
  padding: 0.1em;
  cursor: pointer;
}
.radio > span {
  font-weight: bold;
  font-size: var(--font-size-large);
  display: grid;
  grid-template-columns: 6vw auto;
  grid-template-rows: auto;
  grid-template-areas: "radio label";
  grid-column-gap: 0.25em;
  transition-property: transform;
}
.radio > span:before, .radio > span:after {
  content: "";
  height: 1em;
  width: 1em;
  border-radius: 50%;
  border: 1px solid black;
  align-self: center;
  justify-self: center;
  grid-area: radio;
}
.radio > span:after {
  transition: -webkit-clip-path 0.6s var(--easing);
  transition: clip-path 0.6s var(--easing);
  transition: clip-path 0.6s var(--easing), -webkit-clip-path 0.6s var(--easing);
  border: none;
  width: 0.8em;
  height: 0.8em;
  background: black;
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
          clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}
.radio > input[type=radio] {
  position: absolute;
  opacity: 0;
}
.radio > input[type=radio]:checked ~ span:after {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.radio > span {
  -webkit-animation-name: clip-in;
          animation-name: clip-in;
  --duration: calc( 0.8s + var(--i) * 0.3s );
  --delay: 0.2s;
}
@-webkit-keyframes clip-in {
  from {
    transform: translateY(110%);
  }
}
@keyframes clip-in {
  from {
    transform: translateY(110%);
  }
}

/* Hover effect */
.radio-group:hover > .radio > span, .radio-group:focus > .radio > span {
  color: var(--color-bg);
  text-shadow: var(--stroke-shadow);
}
.radio-group:hover > .radio:hover > span, .radio-group:focus > .radio:hover > span {
  color: black;
  text-shadow: none;
}

label.email:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  background: black;
  bottom: 0;
  left: 0;
}

input[type=email] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  font-size: var(--font-size-large);
  font-weight: bold;
}
input[type=email]:focus {
  outline: none;
}
input[type=email]::-moz-placeholder {
  color: var(--color-bg);
  text-shadow: var(--stroke-shadow);
}
input[type=email]:-ms-input-placeholder {
  color: var(--color-bg);
  text-shadow: var(--stroke-shadow);
}
input[type=email]::placeholder {
  color: var(--color-bg);
  text-shadow: var(--stroke-shadow);
}

#app:before {
  position: absolute;
  bottom: 120%;
  font-family: monospace;
  content: 'data-state="' attr(data-state) '"';
  font-size: 1em;
  opacity: 0.5;
  text-align: center;
}
#app [data-group] {
  pointer-events: none;
  opacity: 0;
  transition-property: opacity;
  --delay: calc( var(--duration) * 0.5 );
}
#app[data-state=talk] [data-group=talk], #app[data-state=email] [data-group=email] {
  opacity: 1;
  pointer-events: auto;
  --delay: calc( var(--duration) * 0.7 );
}
#app .radio > span {
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  transition-property: transform;
  transform: translateY(100%);
  --duration: calc( 0.8s + var(--i) * 0.3s );
}
#app .email > input {
  transition-property: transform;
}
#app .email:after {
  transform-origin: left center;
  transform: scaleX(0);
  transition-property: transform;
}
#app[data-state=talk] .radio > span {
  transform: translateY(0);
}
#app[data-state=talk] .email > input {
  transform: translateY(100%);
}
#app[data-state=email] .radio > span {
  transform: translateY(-100%);
}
#app[data-state=email] .email > input {
  --delay: calc(var(--duration));
}
#app[data-state=email] .email:after {
  transform: none;
  --delay: calc(var(--duration));
}

.back {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
}
.back:focus {
  outline: none;
}/* End custom CSS */