@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

:root {
  --page-max-width: 1280px;
  --page-gutter: 24px;
  --page-section-space: 96px;
  --page-radius-pill: 999px;
  --page-bg: #ffffff;
  --page-color: #000000;
  --page-color-inverse: #ffffff;
  --page-primary: #1c0628;
  --page-primary-hover: #1c0628;
  --page-cta-bg: #6c0000;
  --page-cta-bg-hover: #6c0000;
  --page-cta-border: #6c0000;
  --page-cta-border-hover: #6c0000;
  --page-light-bg: #fcf7ff;
  --page-cta-text: #ffffff;
  --page-motion: 260ms ease;
  --page-radius: 100px;
  --page-cta-radius: 30px;
  --page-padding: 120px;
  --page-content-max-width: 920px;
  --page-heading-spacing: 20px;
  --page-text-spacing: 15px;
  --page-selection-color: #ffffff;
  --page-selection-bg: rgba(237, 15, 121, 0.55);
  --page-focus-outline: 3px solid rgba(93, 124, 255, 0.45);
  --page-focus-outline-offset: 2px;
  --page-cta-margin-top: 30px;
  --page-cta-padding: 15px 25px;
  --page-gradient-dark: #000000;
  --page-brand-fade-width: 300px;
  --page-brand-list-padding: 15px 23px;
  --page-brand-item-gap: 35px;
  --page-brand-item-min-height: 50px;
  --page-brand-item-radius: 15px;
  --page-brand-sprite-size: 2412px auto;
  --page-prod-logo-gap: 15px;
  --page-font-family-base: "Poppins", "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;
  --page-font-family-heading: "Poppins", "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;
  --page-font-body: 400 20px/1.6 var(--page-font-family-base);
  --page-font-label: 400 20px/1.6 var(--page-font-family-base);
  --page-font-button: 600 20px/1.2 var(--page-font-family-base);
  --page-font-h1: 800 62px/1.15 var(--page-font-family-heading);
  --page-font-h2: 800 56px/1.15 var(--page-font-family-heading);
  --page-font-h3: 700 50px/1.18 var(--page-font-family-heading);
  --page-font-h4: 600 44px/1.2 var(--page-font-family-heading);
  --page-font-h5: 600 40px/1.2 var(--page-font-family-heading);
  --page-font-h6: 600 36px/1.2 var(--page-font-family-heading);
  --page-font-header-title: 700 24px/1.2 var(--page-font-family-heading);
  --page-font-eyebrow: 600 18px/1.2 var(--page-font-family-heading);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--page-color);
  background: none;
  font: var(--page-font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 var(--page-heading-spacing);
  color: var(--page-color);
}

h1 {
  font: var(--page-font-h1);
}

h2 {
  font: var(--page-font-h2);
}

h3 {
  font: var(--page-font-h3);
}

h4 {
  font: var(--page-font-h4);
}

h5 {
  font: var(--page-font-h5);
}

h6 {
  font: var(--page-font-h6);
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span{
    font: inherit;
}

body.nav-is-open {
  overflow: hidden;
}

::selection {
  color: var(--page-selection-color);
  background: var(--page-selection-bg);
}

img,
picture,
svg,
video,
canvas,
iframe {
  display: block;
  max-width: 100%;
}

img,
video,
iframe {
  height: auto;
}

p,
li,
a,
label,
span {
  margin: 0 0 var(--page-text-spacing);
  color: var(--page-color);
  font: var(--page-font-body);
}

.dark_text_sec p,
.dark_text_sec li,
.dark_text_sec a,
.dark_text_sec label,
.dark_text_sec span,
.dark_text_sec h1,
.dark_text_sec h2,
.dark_text_sec h3,
.dark_text_sec h4,
.dark_text_sec h5,
.dark_text_sec h6 {
  color: var(--page-color-inverse);
}

label {
  font: var(--page-font-label);
}

a,
.dark_text_sec a {
  color: var(--page-primary);
  text-decoration: none;
}

a:hover {
  color: var(--page-primary-hover);
}

button,
input,
select,
textarea {
  min-width: 0;
  color: inherit;
  font: var(--page-font-body);
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  cursor: pointer;
  font: var(--page-font-button);
}

:focus-visible {
  outline: var(--page-focus-outline);
  outline-offset: var(--page-focus-outline-offset);
}

[hidden] {
  display: none !important;
}

a.primary-cta-btn {
  display: inline-block;
  margin: var(--page-cta-margin-top) 0 0;
  padding: var(--page-cta-padding);
  border: none;
  border-radius: var(--page-cta-radius);
  background: var(--page-cta-bg);
  color: var(--page-color-inverse);
  text-transform: uppercase;
  font: var(--page-font-button);
}

a.primary-cta-btn:hover {
  color: var(--page-color-inverse);
  background: var(--page-cta-bg-hover);
}

.grad_bg {
  background: linear-gradient(225deg, var(--page-gradient-dark) 0%, var(--page-primary) 50%, var(--page-gradient-dark) 100%);
}

.sec_bdr_rad {
  border-radius: var(--page-radius);
}

.page_sec,
.page_sec .page_inr {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.page_sec *,
.page_sec *::before,
.page_sec *::after {
  box-sizing: border-box;
}

.page_sec .cmn_sec {
  position: relative;
  padding: var(--page-padding) 0;
}

.page_sec .inr_container {
  position: relative;
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
}

.page_sec .mid_text_wrap {
  position: relative;
  max-width: var(--page-content-max-width);
  margin: 0 auto;
  text-align: center;
}

.mid_content_sec {
  text-align: center;
}

.btm_cta_sec h2,
.page_sec .mid_text_wrap p{
    margin-bottom: 0px;
}

@media (max-width: 1380px) {
  :root {
    --page-max-width: 90%;
  }
}

@media (max-width: 1180px) {
  :root {
    --page-gutter: 20px;
    --page-section-space: 88px;
    --page-font-h1: 800 54px/1.15 var(--page-font-family-heading);
    --page-font-h2: 800 48px/1.15 var(--page-font-family-heading);
    --page-font-h3: 700 44px/1.18 var(--page-font-family-heading);
    --page-font-h4: 600 40px/1.2 var(--page-font-family-heading);
    --page-font-h5: 600 36px/1.2 var(--page-font-family-heading);
    --page-font-h6: 600 34px/1.2 var(--page-font-family-heading);
    --page-radius: 80px;
  }
}

@media (max-width: 992px) {
  :root {
    --page-gutter: 20px;
    --page-section-space: 72px;
    --page-font-h1: 800 46px/1.15 var(--page-font-family-heading);
    --page-font-h2: 800 40px/1.15 var(--page-font-family-heading);
    --page-font-h3: 700 38px/1.18 var(--page-font-family-heading);
    --page-font-h4: 600 36px/1.2 var(--page-font-family-heading);
    --page-font-h5: 600 34px/1.2 var(--page-font-family-heading);
    --page-font-h6: 600 32px/1.2 var(--page-font-family-heading);
    --page-font-header-title: 700 22px/1.2 var(--page-font-family-heading);
    --page-font-eyebrow: 600 16px/1.2 var(--page-font-family-heading);
    --page-radius: 60px;
    --page-padding: 60px;
  }
}

@media (max-width: 768px) {
  :root {
    --page-gutter: 16px;
    --page-section-space: 56px;
    --page-font-h1: 800 42px/1.15 var(--page-font-family-heading);
    --page-font-h2: 800 36px/1.15 var(--page-font-family-heading);
    --page-font-h3: 700 34px/1.18 var(--page-font-family-heading);
    --page-font-h4: 600 32px/1.2 var(--page-font-family-heading);
    --page-font-h5: 600 30px/1.2 var(--page-font-family-heading);
    --page-font-h6: 600 28px/1.2 var(--page-font-family-heading);
    --page-font-header-title: 700 20px/1.2 var(--page-font-family-heading);
    --page-radius: 40px;
  }
}