.elementor-4529 .elementor-element.elementor-element-118ac06{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:56px;--padding-bottom:72px;--padding-left:24px;--padding-right:24px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4529 .elementor-element.elementor-element-76c2385 .elementor-heading-title{color:var( --e-global-color-3023d4f );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4529 .elementor-element.elementor-element-1a6d3e2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:22px 22px;--row-gap:22px;--column-gap:22px;}.elementor-4529 .elementor-element.elementor-element-5788a0e{--display:flex;}.elementor-4529 .elementor-element.elementor-element-2978f79{--display:flex;}.elementor-4529 .elementor-element.elementor-element-e45acd6{--display:flex;}body.elementor-page-4529:not(.elementor-motion-effects-element-type-background), body.elementor-page-4529 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4529 .elementor-element.elementor-element-5788a0e{--width:33%;}.elementor-4529 .elementor-element.elementor-element-2978f79{--width:33%;}.elementor-4529 .elementor-element.elementor-element-e45acd6{--width:33%;}}@media(max-width:767px){.elementor-4529 .elementor-element.elementor-element-118ac06{--padding-top:32px;--padding-bottom:48px;--padding-left:14px;--padding-right:14px;}.elementor-4529 .elementor-element.elementor-element-1a6d3e2{--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-4529 .elementor-element.elementor-element-5788a0e{--justify-content:space-around;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4529 .elementor-element.elementor-element-2978f79{--justify-content:space-around;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4529 .elementor-element.elementor-element-e45acd6{--justify-content:space-around;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for container, class: .elementor-element-118ac06 *//* =========================================================
   VPXShop — Contact page
   Scope: .vpx-contact-page
   ========================================================= */

.vpx-contact-page {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 70px 24px 84px;
  color: #0B0E11;
  font-family: "Inter", Arial, sans-serif;
  box-sizing: border-box;
}

.vpx-contact-page *,
.vpx-contact-page *::before,
.vpx-contact-page *::after {
  box-sizing: border-box;
}

/* Header */

.vpx-contact-page h1,
.vpx-contact-page .elementor-heading-title {
  color: #0B0E11;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 56px;
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -0.045em;
  margin: 0 0 18px;
}

.vpx-contact-page > .elementor-widget-text-editor,
.vpx-contact-page p {
  color: #4B5563;
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 500;
}

.vpx-contact-page > .elementor-widget-text-editor {
  max-width: 680px;
  margin-bottom: 46px !important;
}

/* Contact cards grid */

.vpx-contact-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  width: 100%;
  margin-top: 42px;
}

/* Card */

.vpx-contact-card {
  position: relative;
  min-height: 250px;
  padding: 28px;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 20px;
  box-shadow: 0 18px 45px rgba(5, 7, 10, 0.04);
  overflow: hidden;

  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: flex-start !important;

  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.vpx-contact-card:hover {
  transform: translateY(-2px);
  border-color: #CCFF00;
  box-shadow: 0 22px 55px rgba(5, 7, 10, 0.07);
}

.vpx-contact-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  right: 28px;
  height: 3px;
  background: #CCFF00;
  border-radius: 0 0 999px 999px;
}

/* Card typography */

.vpx-contact-card h2,
.vpx-contact-card h3,
.vpx-contact-card .elementor-heading-title {
  color: #0B0E11 !important;
  font-family: "Space Grotesk", Arial, sans-serif !important;
  font-size: 26px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  margin: 0 0 18px !important;
}

.vpx-contact-card p,
.vpx-contact-card .elementor-widget-text-editor {
  color: #4B5563 !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

.vpx-contact-card .elementor-widget-text-editor {
  margin-bottom: 24px !important;
}

/* Buttons / links inside cards */

.vpx-contact-card a,
.vpx-contact-card .elementor-button {
  min-height: 42px;
  width: fit-content;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 18px !important;

  background: #CCFF00 !important;
  color: #05070A !important;

  border: 1px solid #CCFF00 !important;
  border-radius: 10px !important;

  font-family: "Inter", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;

  text-decoration: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease;
}

.vpx-contact-card a:hover,
.vpx-contact-card .elementor-button:hover {
  background: #B8E600 !important;
  border-color: #B8E600 !important;
  color: #05070A !important;
  transform: translateY(-1px);
}

/* Make email button not too huge */

.vpx-contact-card a[href^="mailto:"] {
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* Tablet */

@media (max-width: 1024px) {
  .vpx-contact-page {
    padding: 56px 20px 68px;
  }

  .vpx-contact-page h1,
  .vpx-contact-page .elementor-heading-title {
    font-size: 46px;
  }

  .vpx-contact-grid {
    gap: 16px !important;
  }

  .vpx-contact-card {
    padding: 22px;
  }
}

/* Mobile */

@media (max-width: 767px) {
  .vpx-contact-page {
    padding: 34px 14px 46px !important;
  }

  .vpx-contact-page h1,
  .vpx-contact-page .elementor-heading-title {
    font-size: 36px !important;
    line-height: 1.04 !important;
    letter-spacing: -0.045em !important;
    margin-bottom: 12px !important;
  }

  .vpx-contact-page > .elementor-widget-text-editor,
  .vpx-contact-page p {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .vpx-contact-page > .elementor-widget-text-editor {
    margin-bottom: 26px !important;
  }

  .vpx-contact-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 28px !important;
  }

  .vpx-contact-card {
    min-height: auto !important;
    padding: 20px !important;
    border-radius: 16px !important;
    box-shadow: none !important;
  }

  .vpx-contact-card::before {
    left: 20px;
    right: 20px;
  }

  .vpx-contact-card h2,
  .vpx-contact-card h3,
  .vpx-contact-card .elementor-heading-title {
    font-size: 24px !important;
    line-height: 1.08 !important;
    margin-bottom: 12px !important;
  }

  .vpx-contact-card p,
  .vpx-contact-card .elementor-widget-text-editor {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .vpx-contact-card .elementor-widget-text-editor {
    margin-bottom: 18px !important;
  }

  .vpx-contact-card a,
  .vpx-contact-card .elementor-button {
    width: 100% !important;
    min-height: 42px !important;
    font-size: 12px !important;
    padding: 0 14px !important;
  }
}/* End custom CSS */