@charset "UTF-8";

/* Magic-template */
[data-sb-magic-grid],
.magic-template__list {
  display: grid;
  grid-template-columns: repeat(12, 1fr) !important;
}
[data-sb-magic-gap="20"] {
  gap: 2rem;
}
[data-sb-magic-gap="40"] {
  gap: 4rem;
}
[data-sb-magic-gap="60"] {
  gap: 6rem;
}
.magic-template__item {
  grid-column: span 3 !important;
}
[data-sb-columns="1"] {
  grid-column: span 1 !important;
}
[data-sb-columns="2"] {
  grid-column: span 2 !important;
}
[data-sb-columns="3"] {
  grid-column: span 3 !important;
}
[data-sb-columns="4"] {
  grid-column: span 4 !important;
}
[data-sb-columns="5"] {
  grid-column: span 5 !important;
}
[data-sb-columns="6"] {
  grid-column: span 6 !important;
}
[data-sb-columns="7"] {
  grid-column: span 7 !important;
}
[data-sb-columns="8"] {
  grid-column: span 8 !important;
}
[data-sb-columns="9"] {
  grid-column: span 9 !important;
}
[data-sb-columns="10"] {
  grid-column: span 10 !important;
}
[data-sb-columns="11"] {
  grid-column: span 11 !important;
}
[data-sb-columns="12"] {
  grid-column: span 12 !important;
}


/* Padding */
[data-sb-padding="140"] {
  padding: 14rem 10rem;
}
[data-sb-padding="100"] {
  padding: 10rem;
}
[data-sb-padding="60"] {
  padding: 6rem 10rem;
}


/* Bg */
[data-sb-bg="black-right"]::after {
  background: var(--color-gd-main-black-right);
}
[data-sb-bg="black-left"]::after {
  background: var(--color-gd-main-black-left);
}
[data-sb-bg="grey-light"]::after {
  background: var(--color-gd-grey);
}
[data-sb-bg="grey-dark"]::after {
  background: var(--color-gd-storm-veil);
}
[data-sb-bg="grey-white"]::after {
  background: var(--color-default-white);
}


/* Colors */
[data-sb-color="black"] {
  color: var(--color-grey-500) !important;
}
[data-sb-color="grey"] {
  color: var(--color-grey-300) !important;
}
[data-sb-color="white"] {
  color: var(--color-default-white) !important;
}


/* Rotate */
[data-sb-rotate="0"] {
  transform: rotate(0);
}
[data-sb-rotate="45"] {
  transform: rotate(45deg);
}
[data-sb-rotate="90"] {
  transform: rotate(90deg);
}
[data-sb-rotate="135"] {
  transform: rotate(135deg);
}
[data-sb-rotate="180"] {
  transform: rotate(180deg);
}
[data-sb-rotate="225"] {
  transform: rotate(225deg);
}
[data-sb-rotate="270"] {
  transform: rotate(270deg);
}
[data-sb-rotate="315"] {
  transform: rotate(315deg);
}


/* Type */
[data-sb-type="h1"] {
  font-weight: 500;
  font-size: 7.3rem;
  line-height: 110%;
  letter-spacing: -0.292rem;
}
[data-sb-type="h2"] {
  font-weight: 500;
  font-size: 6.2rem;
  line-height: 110%;
  letter-spacing: -0.248rem;
}
[data-sb-type="h3"] {
  font-weight: 500;
  font-size: 3.8rem;
  line-height: 120%;
  letter-spacing: -0.152rem;
}
[data-sb-type="h4"] {
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 140%;
  letter-spacing: -0.112rem;
}
[data-sb-type="h5"] {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 140%;
  letter-spacing: -0.096rem;
}
[data-sb-type="16px"] {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 140%;
  letter-spacing: -0.096rem;
}
[data-sb-type="14px"] {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 140%;
  letter-spacing: -0.096rem;
}
[data-sb-type="button-primary"],
[data-sb-type="button-secondary"] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.3rem 3.4rem;
  border-radius: 10rem;
  overflow: hidden;
  font-family: var(--ff-manrope);
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.88rem;
  cursor: pointer;

  transition: color 0.4s ease-in-out, box-shadow 0.2s ease-in-out;
  -moz-transition: color 0.4s ease-in-out, box-shadow 0.2s ease-in-out;
  -o-transition: color 0.4s ease-in-out, box-shadow 0.2s ease-in-out;
  -webkit-transition: color 0.4s ease-in-out, box-shadow 0.2s ease-in-out;
}
[data-sb-type="button-primary"]:has(svg),
[data-sb-type="button-secondary"]:has(svg) {
  gap: 1.5rem;
}
[data-sb-type="button-primary"]:has(svg) svg,
[data-sb-type="button-secondary"]:has(svg) svg {
  width: 2.4rem;
  height: 2.4rem;
  transform: rotate(180deg);
}
[data-sb-type="button-primary"]::before,
[data-sb-type="button-primary"]::after,
[data-sb-type="button-secondary"]::before,
[data-sb-type="button-secondary"]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--z-index--1);
  height: 100%;
  border-radius: 10rem;
}
[data-sb-type="button-primary"]::before,
[data-sb-type="button-secondary"]::before {
  width: 100%;
}
[data-sb-type="button-primary"]::after,
[data-sb-type="button-secondary"]::after {
  width: 0;
  background: var(--color-gd-storm-veil);

  transition: var(--easy-slow);
  -moz-transition: var(--easy-slow);
  -o-transition: var(--easy-slow);
  -webkit-transition: var(--easy-slow);
}
[data-sb-type="button-primary"] {
  color: var(--color-default-white);
}
[data-sb-type="button-primary"]::before {
  background-color: var(--color-grey-500);
}
[data-sb-type="button-secondary"] {
  color: var(--color-grey-500);
}
[data-sb-type="button-secondary"]::before {
  background-color: var(--color-grey-100);
}


/* Other */
.builder-open {
  position: fixed;
  top: 10rem;
  right: 0;
  z-index: var(--z-index-5);
}
.builder-open a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  border-radius: 1rem 0 0 1rem;
  background-color: #2f3874;
  font-family: var(--ff-manrope);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.88rem;
  letter-spacing: 0.016rem;
  color: var(--color-default-white);
}
.builder-open a:hover {
  background-color: #414e9f;
}
.builder-open svg {
  width: 3.2rem;
  height: 3.2rem;
}


/* Hover */
@media (min-width: 1024px) {
  @media (hover: hover) {
    [data-sb-type="button-primary"]:hover::after,
    [data-sb-type="button-secondary"]:hover::after {
      width: 100%;
    }
    [data-sb-type="button-secondary"]:hover {
      color: var(--color-default-white);
    }
    [data-sb-type="button-primary"]:has(svg):hover svg,
    [data-sb-type="button-secondary"]:has(svg):hover svg {
      transform: rotate(225deg);
    }
  }
}


/* Active */
[data-sb-type="button-primary"]:active,
[data-sb-type="button-secondary"]:active {
  box-shadow: 0 0  0 3px var(--color-grey-300);
}


@media (max-width: 1023px) {
  /* Magic-template */
  [data-sb-magic-grid],
  .magic-template__list {
    grid-template-columns: 1fr !important;
  }
  [data-sb-magic-gap="20"],
  [data-sb-magic-gap="40"],
  [data-sb-magic-gap="60"] {
    gap: 1rem;
  }
  .magic-template__item,
  [data-sb-columns="1"],
  [data-sb-columns="2"],
  [data-sb-columns="3"],
  [data-sb-columns="4"],
  [data-sb-columns="5"],
  [data-sb-columns="6"],
  [data-sb-columns="7"],
  [data-sb-columns="8"],
  [data-sb-columns="9"],
  [data-sb-columns="10"],
  [data-sb-columns="11"],
  [data-sb-columns="12"] {
    grid-column: span 1 !important;
  }


  /* Padding */
  [data-sb-padding="140"],
  [data-sb-padding="100"],
  [data-sb-padding="60"] {
    padding: 6rem 3rem;
  }


  /* Type */
  [data-sb-type="h1"] {
    font-size: 3.8rem;
    letter-spacing: -0.16rem;
  }
  [data-sb-type="h2"] {
    font-size: 4rem;
    letter-spacing: -0.16rem;
  }
  [data-sb-type="h3"] {
    font-size: 2.4rem;
    line-height: 140%;
    letter-spacing: -0.096rem;
  }
  [data-sb-type="h4"] {
    font-size: 1.8rem;
    letter-spacing: -0.072rem;
  }
  [data-sb-type="h5"] {
    font-size: 1.6rem;
    line-height: 137%;
    letter-spacing: -0.064rem;
  }
  [data-sb-type="button-primary"],
  [data-sb-type="button-secondary"] {
    padding: 2rem 2.6rem;
    font-size: 1.4rem;
    line-height: 1.54rem;
  }
  [data-sb-type="button-primary"]:has(svg) svg,
  [data-sb-type="button-secondary"]:has(svg) svg {
    width: 2rem;
    height: 2rem;
  }
}