.c-magenta {
  color: #EB60CC;
}

.c-violet {
  color: #7500EB;
}

.c-blue {
  color: #7360EB;
}

.btn-magenta {
  background-color: #EB60CC;
}

.btn-violet {
  background-color: #7500EB;
}

.btn-blue {
  background-color: #7360EB;
}

.btn-shared {
  background-color: #EB60CC;
  padding: 1rem 1.25rem;
  color: #fff;
  border-radius: 0.4rem;
  font-size: 14px;
  line-height: 1;
  transition: color 0.1s ease-in-out;
}
.btn-shared:hover {
  color: #2C1633;
}

.btn-shared__narrow {
  padding: 0.75rem 1.25rem;
}

a.nav-link {
  padding: 0;
  display: inline;
  color: white;
  transition: color 0.1s ease-out;
}
a.nav-link:hover {
  text-decoration: none;
  color: #EB60CC;
}

html {
  font-size: 16px;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  background-color: white;
  color: black;
}

h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  font-style: normal;
}

.smartshop-cart__message__wrapper::before {
  border-bottom: 10px solid #23db67;
}

.container {
  max-width: 1280px;
}

.body-innerwrapper {
  display: block;
}

#demo-mode-warning {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  font-family: "Roboto", serif;
  font-size: 14px;
}

#section-header {
  padding: 0.75rem 1rem;
  background-color: #2C1633;
  color: white;
}
#section-header a {
  color: white;
}
#section-header a:hover {
  color: #eb60cc;
}
#section-header .sp-megamenu-parent > li > a,
#section-header .sp-megamenu-parent > li > span {
  line-height: initial;
}
#section-header #header-mlb-logo, #section-header #header-gc-logo {
  max-height: 2.5rem;
}
#section-header #header-mlb-logo {
  margin-right: 1.5rem;
}
#section-header #header-gc-logo {
  visibility: hidden;
}
#section-header #header-smartshop-cart-btn {
  color: black;
}
#section-header #header-order-button {
  padding: 0.9rem 1.25rem;
  border-radius: 0.5rem;
}
#section-header #section-header-menu {
  font-family: "Geologica", sans-serif;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.4;
}
#section-header #section-header-menu div {
  margin: 0 1.6rem;
}

#section-intro {
  height: 820px;
  margin: 0 auto;
  padding: 0 1rem;
  position: relative;
  color: white;
  background: url("/index_files/images/intro-background-mobile.svg") top center/100% 100% no-repeat;
}
#section-intro #section-intro-background-placeholder {
  background: url("/index_files/images/intro-background-neon16.png") -332px 211px/859px 840px no-repeat;
}
#section-intro .intro-title {
  font-family: "Geologica", sans-serif;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.2;
  background: linear-gradient(108.6deg, #FFFFFF 53.55%, rgba(255, 255, 255, 0.371818) 69.09%, rgba(117, 0, 235, 0.25) 86.02%), linear-gradient(276.02deg, rgba(255, 255, 255, 0.25) 13.99%, #FFFFFF 59.91%);
  background-clip: text;
  color: transparent;
}
#section-intro #section-intro-left {
  margin-top: 2rem;
}
#section-intro #section-intro-left #intro-boxes-block {
  max-width: 21.5rem;
  margin: 0 auto;
}
#section-intro #section-intro-left #intro-boxes-block .intro-box-image {
  width: auto;
  height: 74px;
  transition: box-shadow 0.2s ease-in-out;
  cursor: pointer;
}
#section-intro #section-intro-left #intro-boxes-block .intro-box-image:hover {
  box-shadow: 0 0 1px 1px #EB60CC;
}
#section-intro #section-intro-left #intro-boxes-block .intro-box-image.box-blink {
  transition: all 0.2s;
  box-shadow: 0 0 2px 2px #EB60CC;
}
#section-intro #section-intro-center .intro-square {
  position: absolute;
  width: 164px;
  height: 164px;
  z-index: 1;
}
#section-intro #section-intro-center #intro-square-1 {
  top: calc(3rem + 72px);
  left: calc(50% - 164px - 8px);
}
#section-intro #section-intro-center #intro-square-2 {
  top: calc(3rem + 72px + 180px);
  left: calc(50% - 164px - 8px);
}
#section-intro #section-intro-center #intro-square-3 {
  top: 3rem;
  left: calc(50% + 8px);
}
#section-intro #section-intro-center #intro-square-4 {
  top: calc(3rem + 180px);
  left: calc(50% + 8px);
}
#section-intro #section-intro-center #box-3d {
  height: 344px;
  width: 100%;
  max-width: 320px;
  cursor: grab;
  margin: 0 auto;
  position: relative;
  z-index: 200;
}
#section-intro #section-intro-center #box-3d-arrow-hint {
  position: relative;
  z-index: 200;
}
#section-intro #section-intro-center .intro-title {
  margin-top: 1.35rem;
  position: relative;
  z-index: 200;
}

#section-main {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 1.5rem;
  margin-bottom: -1.5rem;
}
#section-main #main-bg-1, #section-main #main-bg-2, #section-main #main-bg-3, #section-main #main-bg-4, #section-main #main-bg-5 {
  position: absolute;
  z-index: -1;
  max-width: unset;
}
#section-main #main-bg-1 {
  transform: rotate(-42.12deg);
  top: 911px;
  left: -661px;
  width: 1346px;
  height: 1346px;
}
#section-main #main-bg-2 {
  transform: rotate(-75deg);
  top: 2167px;
  left: -260px;
  width: 953px;
  height: 953px;
}
#section-main #main-bg-3 {
  transform: rotate(30deg);
  top: 1785px;
  left: -247px;
  width: 831px;
  height: 831px;
}
#section-main #main-bg-4 {
  transform: rotate(-75.14deg);
  top: 3398px;
  left: -501px;
  width: 1202px;
  height: 1202px;
}
#section-main #main-bg-5 {
  transform: rotate(98.87deg);
  top: 2958px;
  left: -307px;
  width: 800px;
  height: 800px;
}

#section-work-process {
  margin: 3.25rem auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  font-family: "Geologica", sans-serif;
  color: #2C1633;
}
#section-work-process .work-process-card {
  margin-bottom: 2rem;
  padding: 0 1.875rem;
  position: relative;
}
#section-work-process .work-process-card:last-child {
  margin-bottom: 0;
}
#section-work-process .work-process-card-title {
  text-align: center;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 1.3rem;
}
#section-work-process .work-process-card-number {
  font-size: 13.75rem;
  font-weight: 700;
  line-height: 0.75;
  text-align: center;
}
#section-work-process .work-process-card-image {
  height: auto;
  position: absolute;
  max-width: unset;
}
#section-work-process .work-process-card:nth-child(1) {
  height: 20rem;
}
#section-work-process .work-process-card:nth-child(1) .work-process-card-image {
  width: 260px;
  top: 146px;
  left: 37px;
}
#section-work-process .work-process-card:nth-child(2) {
  height: 23.5rem;
}
#section-work-process .work-process-card:nth-child(2) .work-process-card-image {
  width: 181px;
  top: 150px;
  left: 92px;
}
#section-work-process .work-process-card:nth-child(3) {
  height: 23rem;
}
#section-work-process .work-process-card:nth-child(3) .work-process-card-image {
  width: 389px;
  top: 103px;
  left: -15px;
}

#section-product-cards {
  margin: 1.75rem auto 0;
  padding: 0 1rem;
  font-family: "Geologica", sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#section-product-cards .product-card {
  display: block;
  width: 100%;
  max-width: 21.375rem;
  height: 16rem;
  padding: 2rem;
  border-radius: 1rem;
  margin-top: 1rem;
  transition: box-shadow 0.15s ease-in-out;
}
#section-product-cards a.product-card:hover {
  text-decoration: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
#section-product-cards .product-card-link {
  background-color: white;
}
#section-product-cards .product-card-link figure {
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#section-product-cards .product-card-link figure img {
  flex: 1 1;
  width: fit-content;
  max-height: 200px;
  min-height: 0;
}
#section-product-cards .product-card-link figure figcaption {
  flex: 0;
  margin-top: 1rem;
  text-align: center;
}
#section-product-cards #product-card-1 {
  padding: 1.75rem 2rem;
  border: 1px solid #DCDCE5;
}
#section-product-cards #product-card-1 b {
  font-weight: 700;
}
#section-product-cards #product-card-8 {
  border: 1px solid #EB60CC;
}
#section-product-cards #product-card-8 div {
  margin: 0.4rem 0 2.4rem;
}

#section-little-designs {
  height: 354px;
  width: 1280px;
  margin: 4.4rem auto 0;
  position: relative;
}
#section-little-designs #section-little-designs-background {
  position: absolute;
  top: -150px;
  left: 0;
  z-index: 1;
}
#section-little-designs .little-design {
  width: 58px;
  height: 58px;
  border-radius: 8px;
  position: absolute;
}
#section-little-designs #little-design-1 {
  left: 14px;
  top: 85px;
  background: center/cover no-repeat url("/index_files/images/littledesign-41.jpg");
  z-index: -2;
}
#section-little-designs #little-design-2 {
  left: 14px;
  top: 167px;
  background: center/cover no-repeat url("/index_files/images/littledesign-38.jpg");
  z-index: -2;
}
#section-little-designs #little-design-3 {
  left: 93px;
  top: 56px;
  background: center/cover no-repeat url("/index_files/images/littledesign-40.jpg");
  z-index: -2;
}
#section-little-designs #little-design-4 {
  left: 93px;
  top: 138px;
  background: center/cover no-repeat url("/index_files/images/littledesign-30.jpg");
  z-index: -2;
}
#section-little-designs #little-design-5 {
  left: 93px;
  top: 238px;
  background: center/cover no-repeat url("/index_files/images/littledesign-81.jpg");
  z-index: -2;
}
#section-little-designs #little-design-6 {
  left: 172px;
  top: 133px;
  background: center/cover no-repeat url("/index_files/images/littledesign-101.jpg");
  z-index: 2;
}
#section-little-designs #little-design-7 {
  left: 172px;
  top: 209px;
  background: center/cover no-repeat url("/index_files/images/littledesign-181.jpg");
  z-index: -2;
}
#section-little-designs #little-design-8 {
  left: 258px;
  top: 89px;
  background: center/cover no-repeat url("/index_files/images/littledesign-31.jpg");
  z-index: -2;
}
#section-little-designs #little-design-9 {
  left: 258px;
  top: 166px;
  background: center/cover no-repeat url("/index_files/images/littledesign-241.jpg");
  z-index: -2;
}
#section-little-designs #little-design-10 {
  left: 258px;
  top: 245px;
  background: center/cover no-repeat url("/index_files/images/littledesign-121.jpg");
  z-index: -2;
}
#section-little-designs #little-design-11 {
  left: 336px;
  top: 138px;
  background: center/cover no-repeat url("/index_files/images/littledesign-7.jpg");
}
#section-little-designs #little-design-12 {
  left: 336px;
  top: 218px;
  background: center/cover no-repeat url("/index_files/images/littledesign-111.jpg");
}
#section-little-designs #little-design-13 {
  left: 413px;
  top: 119px;
  background: center/cover no-repeat url("/index_files/images/littledesign-191.jpg");
}
#section-little-designs #little-design-14 {
  left: 413px;
  top: 195px;
  background: center/cover no-repeat url("/index_files/images/littledesign-10.jpg");
}
#section-little-designs #little-design-15 {
  left: 413px;
  top: 271px;
  background: center/cover no-repeat url("/index_files/images/littledesign-23.jpg");
}
#section-little-designs #little-design-16 {
  left: 492px;
  top: 167px;
  background: center/cover no-repeat url("/index_files/images/littledesign-221.jpg");
}
#section-little-designs #little-design-17 {
  left: 492px;
  top: 246px;
  background: center/cover no-repeat url("/index_files/images/littledesign-231.jpg");
}
#section-little-designs #little-design-18 {
  left: 567px;
  top: 140px;
  background: center/cover no-repeat url("/index_files/images/littledesign-21.jpg");
}
#section-little-designs #little-design-19 {
  left: 567px;
  top: 218px;
  background: center/cover no-repeat url("/index_files/images/littledesign-16.jpg");
}
#section-little-designs #little-design-20 {
  left: 567px;
  top: 296px;
  background: center/cover no-repeat url("/index_files/images/littledesign-32.jpg");
}
#section-little-designs #little-design-21 {
  left: 645px;
  top: 166px;
  background: center/cover no-repeat url("/index_files/images/littledesign-18.jpg");
}
#section-little-designs #little-design-22 {
  left: 645px;
  top: 245px;
  background: center/cover no-repeat url("/index_files/images/littledesign-35.jpg");
}
#section-little-designs #little-design-23 {
  left: 722px;
  top: 112px;
  background: center/cover no-repeat url("/index_files/images/littledesign-37.jpg");
}
#section-little-designs #little-design-24 {
  left: 722px;
  top: 195px;
  background: center/cover no-repeat url("/index_files/images/littledesign-29.jpg");
}
#section-little-designs #little-design-25 {
  left: 722px;
  top: 271px;
  background: center/cover no-repeat url("/index_files/images/littledesign-14.jpg");
}
#section-little-designs #little-design-26 {
  left: 806px;
  top: 137px;
  background: center/cover no-repeat url("/index_files/images/littledesign-17.jpg");
}
#section-little-designs #little-design-27 {
  left: 806px;
  top: 216px;
  background: center/cover no-repeat url("/index_files/images/littledesign-33.jpg");
}
#section-little-designs #little-design-28 {
  left: 885px;
  top: 89px;
  background: center/cover no-repeat url("/index_files/images/littledesign-141.jpg");
}
#section-little-designs #little-design-29 {
  left: 885px;
  top: 167px;
  background: center/cover no-repeat url("/index_files/images/littledesign-42.jpg");
}
#section-little-designs #little-design-30 {
  left: 885px;
  top: 245px;
  background: center/cover no-repeat url("/index_files/images/littledesign-20.jpg");
}
#section-little-designs #little-design-31 {
  left: 968px;
  top: 113px;
  background: center/cover no-repeat url("/index_files/images/littledesign-8.jpg");
}
#section-little-designs #little-design-32 {
  left: 968px;
  top: 195px;
  background: center/cover no-repeat url("/index_files/images/littledesign-171.jpg");
}
#section-little-designs #little-design-33 {
  left: 1045px;
  top: 55px;
  background: center/cover no-repeat url("/index_files/images/littledesign-36.jpg");
}
#section-little-designs #little-design-34 {
  left: 1045px;
  top: 137px;
  background: center/cover no-repeat url("/index_files/images/littledesign-151.jpg");
}
#section-little-designs #little-design-35 {
  left: 1045px;
  top: 217px;
  background: center/cover no-repeat url("/index_files/images/littledesign-13.jpg");
}
#section-little-designs #little-design-36 {
  left: 1122px;
  top: 0px;
  background: center/cover no-repeat url("/index_files/images/littledesign-11.jpg");
}
#section-little-designs #little-design-37 {
  left: 1122px;
  top: 85px;
  background: center/cover no-repeat url("/index_files/images/littledesign-131.jpg");
}
#section-little-designs #little-design-38 {
  left: 1122px;
  top: 167px;
  background: center/cover no-repeat url("/index_files/images/littledesign-211.jpg");
}

#section-advantages {
  padding: 3rem 1rem 4rem 1rem;
}
#section-advantages .advantage-item {
  margin-bottom: 3rem;
  padding-bottom: 1rem;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-image: linear-gradient(to right, #EB60CC, #7360EB) 1;
}
#section-advantages .advantage-item:last-child {
  margin-bottom: 0;
}
#section-advantages .advantage-item-title {
  color: black;
  font-size: 1.5rem;
  line-height: 1.2;
  font-family: "Geologica", sans-serif;
  font-weight: 900;
  margin-bottom: 2rem;
}
#section-advantages .advantage-item-subtitle {
  color: black;
  font-size: 0.85rem;
  line-height: 1.25;
  font-family: "Geologica", sans-serif;
  font-weight: 300;
}
#section-advantages .advantage-item-subtitle b {
  font-weight: 700;
}

#section-cta {
  border-radius: 40px 40px 0px 0px;
  background: url("/index_files/images/cta-background-mash09.png") -434px 642px/1280px 2162px no-repeat, #2C1633;
  color: white;
  margin: 4.75rem auto 0;
  padding: 6rem 0 2rem 0;
}
#section-cta .cta-step {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 2rem 0;
  width: 130px;
}
#section-cta .cta-step__num {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 2.25rem;
  line-height: 1.2;
  align-self: start;
  position: relative;
  left: -1rem;
}
#section-cta .cta-step__image-container {
  height: 130px;
  width: 130px;
  position: relative;
  overflow: visible;
}
#section-cta .cta-step__image {
  width: 224px;
  height: 244px;
  position: absolute;
  left: -47px;
  top: -57px;
  max-width: unset;
}
#section-cta .cta-step__text {
  margin-top: 2.8rem;
  font-family: "Geologica", sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 1.2;
  background: linear-gradient(85.42deg, #FFFFFF 5.28%, rgba(255, 255, 255, 0.25) 87.52%), linear-gradient(160.87deg, #FFFFFF 34.45%, rgba(255, 255, 255, 0.25) 94.44%);
  background-clip: text;
  color: transparent;
}
#section-cta #cta-form {
  height: 160px;
  width: 348px;
  margin-top: 4.75rem;
  margin-bottom: 2.75rem;
}
#section-cta .cta-form-text {
  font-family: "Geologica", sans-serif;
  font-weight: 900;
  font-size: 2rem;
  line-height: 1.2;
  background: linear-gradient(85.42deg, #FFFFFF 5.28%, rgba(255, 255, 255, 0.25) 87.52%), linear-gradient(160.91deg, #FFFFFF 34.46%, rgba(255, 255, 255, 0.25) 82.42%);
  background-clip: text;
  color: transparent;
}
#section-cta #cta-form-button {
  margin-top: 2.25rem;
}

footer {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 3.25rem 0;
  background-color: #2C1633;
  color: white;
}
footer #footer-mlb-logo {
  height: 72px;
}
footer #footer-gc-logo {
  height: 56px;
}
footer #footer-gc-logo {
  visibility: hidden;
}
footer #footer-social-container {
  width: 164px;
}
footer .footer-social-icon {
  height: 24px;
}
footer ul#footer-links {
  font-family: "Geologica", sans-serif;
  font-weight: 300;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
}
footer ul#footer-links li {
  padding-bottom: 4px;
}

/* =================================================================== */
@media (max-width: 767.98px) {
  #section-product-cards #product-card-1 {
    height: auto;
  }
  #section-product-cards #product-card-8 {
    height: auto;
  }
}
/* =================================================================== */
@media (min-width: 768px) {
  #section-header {
    padding: 1.75rem 1.25rem;
  }
  #section-intro {
    height: 1150px;
    justify-content: center;
    background: url("/index_files/images/intro-background-tablet.svg") top center/100% 100% no-repeat;
    padding: 6rem 1rem 10rem 1rem;
  }
  #section-intro #section-intro-background-placeholder {
    background: url("/index_files/images/intro-background-neon16.png") -365px 343px/1635px 1131px no-repeat;
  }
  #section-intro #section-intro-left {
    margin: 0;
    padding-top: 3.6rem;
  }
  #section-intro #section-intro-left #intro-boxes-block {
    position: relative;
    z-index: 200;
  }
  #section-intro #section-intro-left #intro-boxes-block .intro-box-image-container {
    margin-top: 1.25rem;
  }
  #section-intro #section-intro-left #intro-boxes-block .intro-box-image-container:first-child {
    margin-top: 0;
  }
  #section-intro #section-intro-left #intro-boxes-block .intro-box-image {
    width: 66px;
    height: auto;
  }
  #section-intro #section-intro-center .intro-square {
    width: 343px;
    height: 343px;
  }
  #section-intro #section-intro-center .intro-square img {
    width: 100%;
  }
  #section-intro #section-intro-center #intro-square-1 {
    top: 149px;
    left: calc(50% - 343px - 14px);
  }
  #section-intro #section-intro-center #intro-square-2 {
    top: 512px;
    left: calc(50% - 343px - 14px);
  }
  #section-intro #section-intro-center #intro-square-3 {
    top: 0px;
    left: calc(50% + 14px);
  }
  #section-intro #section-intro-center #intro-square-4 {
    top: 363px;
    left: calc(50% + 14px);
  }
  #section-intro #section-intro-center #box-3d {
    height: 450px;
    width: 509px;
    max-width: unset;
  }
  #section-intro #section-intro-center #box-3d-arrow-hint {
    margin-top: 2rem;
  }
  #section-intro #section-intro-center #box-3d-arrow-hint img {
    height: 1.25rem;
  }
  #section-intro #section-intro-center .intro-title {
    font-size: 2.25rem;
    margin-top: 5.8rem;
  }
  #section-intro #section-intro-right {
    width: 68px;
  }
  #section-main #main-bg-1 {
    transform: rotate(-42.12deg);
    top: -367px;
    left: -580px;
    width: 1761px;
    height: 1761px;
  }
  #section-main #main-bg-2 {
    transform: rotate(0deg);
    top: 359px;
    left: 81px;
    width: 1086px;
    height: 1086px;
  }
  #section-main #main-bg-3 {
    transform: rotate(0deg);
    top: 189px;
    left: -665px;
    width: 1189px;
    height: 1189px;
  }
  #section-main #main-bg-4 {
    transform: rotate(-75.14deg);
    top: 1461px;
    left: -227px;
    width: 1517px;
    height: 1517px;
  }
  #section-main #main-bg-5 {
    transform: rotate(98.87deg);
    top: 1170px;
    left: -276px;
    width: 800px;
    height: 800px;
  }
  #section-work-process {
    width: 705px;
    height: 15rem;
    margin: 5.5rem auto 0;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: start;
  }
  #section-work-process .work-process-card-title {
    font-size: 0.5rem;
    line-height: 1rem;
    margin-bottom: 0.7rem;
  }
  #section-work-process .work-process-card-number {
    font-size: 8.75rem;
    font-weight: 700;
    line-height: 0.75;
    text-align: center;
  }
  #section-work-process .work-process-card:nth-child(1) {
    height: initial;
  }
  #section-work-process .work-process-card:nth-child(1) .work-process-card-image {
    width: 152px;
    top: 86px;
    left: 34px;
  }
  #section-work-process .work-process-card:nth-child(2) {
    height: initial;
    top: 1.125rem;
  }
  #section-work-process .work-process-card:nth-child(2) .work-process-card-image {
    width: 106px;
    top: 87px;
    left: 72px;
  }
  #section-work-process .work-process-card:nth-child(3) {
    height: initial;
  }
  #section-work-process .work-process-card:nth-child(3) .work-process-card-image {
    width: 227px;
    top: 64px;
    left: 7px;
  }
  #section-product-cards {
    padding: 0;
    margin: 6rem auto 0;
    max-width: 43.75rem;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #section-little-designs {
    margin: 4.25rem auto 0;
  }
  #section-advantages {
    padding: 6rem 1.25rem 4rem 1.25rem;
  }
  #section-advantages .advantage-item {
    margin-bottom: 4.25rem;
    display: flex;
    justify-content: space-between;
    align-items: end;
    max-width: 50rem;
  }
  #section-advantages .advantage-item-title {
    font-size: 2rem;
    margin-bottom: 0;
  }
  #section-advantages .advantage-item-subtitle {
    max-width: 21.5rem;
  }
  #section-cta {
    padding: 6rem 1.5rem 6rem;
    background: url("/index_files/images/cta-background-mash09.png") -86px -96px/867px 1465px no-repeat, #2C1633;
  }
  #section-cta #section-cta-steps {
    max-width: 960px;
    width: 100%;
  }
  #section-cta .cta-step {
    flex: 0 1 130px;
  }
  #section-cta .cta-step__num {
    font-size: 1.625rem;
    left: 0;
    bottom: 0.25rem;
  }
  #section-cta .cta-step__text {
    font-size: 1.5rem;
    line-height: 1.2;
    margin-top: 2rem;
  }
  #section-cta .cta-step__image-container {
    height: 96px;
    width: 96px;
    margin: 0 auto;
  }
  #section-cta .cta-step__image {
    width: 180px;
    height: 180px;
    left: -42px;
    top: -42px;
  }
  #section-cta .cta-step-arrow-container {
    margin: 0 1rem;
    position: relative;
    bottom: 4rem;
    max-width: 75px;
    flex: 1 0 57px;
  }
  #section-cta #cta-form {
    margin-top: 4rem;
    margin-bottom: 0;
  }
  #section-cta .cta-form-text {
    font-family: "Geologica", sans-serif;
    font-weight: 900;
    font-size: 2rem;
    line-height: 1.2;
    background: linear-gradient(85.42deg, #FFFFFF 5.28%, rgba(255, 255, 255, 0.25) 87.52%), linear-gradient(160.91deg, #FFFFFF 34.46%, rgba(255, 255, 255, 0.25) 82.42%);
    background-clip: text;
    color: transparent;
  }
  #section-cta #cta-form-button {
    margin-top: 2.25rem;
  }
  footer {
    padding: 2.25rem 1.25rem;
  }
}
@media (min-width: 992px) {
  #section-advantages {
    max-width: 1280px;
    padding: 6rem 0 4rem 6.125rem;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  #section-header {
    max-width: 1280px;
    margin: 0 auto;
    padding: 1.5rem 6.125rem;
  }
  #section-header #header-mlb-logo, #section-header #header-gc-logo {
    max-height: 3rem;
  }
  #section-intro {
    max-width: 1280px;
    height: 788px;
    padding: 3rem 4.5rem 10rem 6.125rem;
    justify-content: flex-start;
    background: url("/index_files/images/intro-background-desktop.svg") top center/100% 100% no-repeat;
  }
  #section-intro #section-intro-background-placeholder {
    background: url("/index_files/images/intro-background-neon16.png") -98px -154px/1280px 1251px no-repeat;
  }
  #section-intro #section-intro-left {
    padding: 0;
    margin-top: 2.25rem;
    width: 50%;
  }
  #section-intro #section-intro-left .intro-title {
    font-size: 2.25rem;
  }
  #section-intro #section-intro-left #intro-title-2 {
    margin-left: 5.75rem;
    margin-top: 3rem;
    background: linear-gradient(88.58deg, #FFFFFF 3.8%, rgba(255, 255, 255, 0.371818) 58.31%, rgba(117, 0, 235, 0.25) 82.61%), linear-gradient(280.41deg, rgba(255, 255, 255, 0.25) 12.96%, #FFFFFF 62.56%);
    background-clip: text;
    color: transparent;
  }
  #section-intro #section-intro-left #intro-boxes-block {
    max-width: unset;
    width: 412px;
    margin-top: 4.5rem;
    position: relative;
    left: -2.25rem;
  }
  #section-intro #section-intro-left #intro-boxes-block .intro-box-image-container {
    margin-top: 0;
  }
  #section-intro #section-intro-left #intro-boxes-block .intro-box-image {
    width: 80px;
    height: auto;
  }
  #section-intro #section-intro-left #intro-boxes-subtitle {
    margin-top: 3rem;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 1.125;
    text-align: center;
  }
  #section-intro #section-intro-center {
    width: 50%;
    position: relative;
  }
  #section-intro #section-intro-center .intro-square {
    width: 257px;
    height: 257px;
  }
  #section-intro #section-intro-center #intro-square-1 {
    top: 112px;
    left: 10px;
  }
  #section-intro #section-intro-center #intro-square-2 {
    top: 388px;
    left: 10px;
  }
  #section-intro #section-intro-center #intro-square-3 {
    top: 0;
    left: 286px;
  }
  #section-intro #section-intro-center #intro-square-4 {
    top: 276px;
    left: 286px;
  }
  #section-intro #section-intro-center #box-3d {
    height: 420px;
    width: 100%;
  }
  #section-intro #section-intro-center #box-3d-arrow-hint img {
    height: initial;
  }
  #section-main #main-bg-1 {
    transform: rotate(-42.12deg);
    top: -32px;
    left: 363px;
    width: 1761px;
    height: 1761px;
  }
  #section-main #main-bg-2 {
    transform: rotate(0deg);
    top: 533px;
    left: 733px;
    width: 1087px;
    height: 1087px;
  }
  #section-main #main-bg-3 {
    transform: rotate(0deg);
    top: 39px;
    left: 21px;
    width: 1189px;
    height: 1189px;
  }
  #section-main #main-bg-4 {
    transform: rotate(-75.14deg);
    top: 1044px;
    left: 157px;
    width: 1517px;
    height: 1517px;
  }
  #section-main #main-bg-5 {
    transform: rotate(98.87deg);
    top: 778px;
    left: -276px;
    width: 800px;
    height: 800px;
  }
  #section-work-process {
    width: 1208px;
    height: auto;
  }
  #section-work-process .work-process-card-title {
    font-size: 0.875rem;
    line-height: 1.8;
    margin-bottom: 1.2rem;
  }
  #section-work-process .work-process-card-number {
    font-size: 15rem;
  }
  #section-work-process .work-process-card:nth-child(1) {
    height: 19.25rem;
  }
  #section-work-process .work-process-card:nth-child(1) .work-process-card-image {
    width: 260px;
    top: 133px;
    left: 38px;
  }
  #section-work-process .work-process-card:nth-child(2) {
    height: 22.9rem;
    top: 2rem;
  }
  #section-work-process .work-process-card:nth-child(2) .work-process-card-image {
    width: 181px;
    top: 140px;
    left: 104px;
  }
  #section-work-process .work-process-card:nth-child(3) {
    height: 23.4rem;
  }
  #section-work-process .work-process-card:nth-child(3) .work-process-card-image {
    width: 389px;
    top: 84px;
    left: -7px;
  }
  #section-product-cards {
    max-width: 67rem;
    margin: 5rem auto 0;
  }
  #section-product-cards .product-card {
    max-width: 16rem;
  }
  #section-product-cards #product-card-8 div {
    margin: 0;
  }
  #section-cta {
    max-width: 1280px;
    height: 1174px;
    margin: 2rem auto 0;
    padding: 15.75rem 0;
    background: url("/index_files/images/cta-background-mash09.png") 0px -382px/1280px 2162px no-repeat, #2C1633;
  }
  #section-cta .cta-step__image-container {
    height: 130px;
    width: 130px;
    position: relative;
    overflow: visible;
  }
  #section-cta .cta-step__image {
    width: 224px;
    height: 244px;
    position: absolute;
    left: -47px;
    top: -57px;
    max-width: unset;
  }
  footer {
    padding: 3.75rem 6.125rem;
  }
}

/*# sourceMappingURL=index.css.map */