/**
 * Cloudways Website Design System - SCSS Variables & CSS Custom Properties
 * Source: designSystem/config.json
 * Use in SCSS: color: $ds-blue-100; or in CSS: color: var(--ds-blue-100);
 * Compile to variables.css for the theme to load.
 */
:root {
  --ds-breakpoint-xs: 320px;
  --ds-breakpoint-sm: 480px;
  --ds-breakpoint-md: 768px;
  --ds-breakpoint-lg: 1024px;
  --ds-breakpoint-xl: 1224px;
  --ds-breakpoint-max-xl: 1352px;
  --ds-solid-blue: #0456B4;
  --ds-solid-lime: #B3E467;
  --ds-solid-teal: #00B8DA;
  --ds-solid-green: #116546;
  --ds-solid-orange: #F17729;
  --ds-solid-plum: #942D81;
  --ds-solid-gold: #FDDF30;
  --ds-solid-olive: #6D5F07;
  --ds-solid-lightBlue: #3D96FC;
  --ds-solid-indigo: #00008D;
  --ds-solid-pink: #F579DD;
  --ds-solid-red: #CB2D06;
  --ds-blue-100: #2F39BF;
  --ds-blue-75: #444DC5;
  --ds-blue-50: #5961CC;
  --ds-blue-25: #D5D7F2;
  --ds-blue-10: #EAEBF9;
  --ds-blue-5: #F5F5FC;
  --ds-green-100: #09EBAF;
  --ds-green-75: #53F1C7;
  --ds-green-50: #84F5D7;
  --ds-green-25: #CEFBEF;
  --ds-green-10: #E5F3EE;
  --ds-purple-100: #B764D8;
  --ds-purple-75: #C583E0;
  --ds-purple-50: #DBB2EC;
  --ds-purple-25: #F1E017;
  --ds-yellow-100: #FBD808;
  --ds-yellow-75: #FCE039;
  --ds-yellow-50: #FDEC84;
  --ds-yellow-25: #FEF7CE;
  --ds-orange-100: #FEB155;
  --ds-orange-75: #FEC177;
  --ds-orange-50: #FED099;
  --ds-orange-25: #FFEFDD;
  --ds-red-100: #D30B0B;
  --ds-red-75: #EA4545;
  --ds-red-50: #EB7272;
  --ds-red-25: #F5C6C6;
  --ds-red-10: #FBE6E6;
  --ds-gray-100: #091E42;
  --ds-gray-80: #253858;
  --ds-gray-60: #5E6C84;
  --ds-gray-40: #8993A4;
  --ds-gray-30: #A5ADBA;
  --ds-gray-20: #C1C7D0;
  --ds-gray-10: #DFE1E6;
  --ds-gray-3: #F4F5F7;
  --ds-gray-1: #FCFCFC;
  --ds-dark: #222E37;
  --ds-mask: rgba(35, 36, 48, 0.9);
  --ds-light: #FFFFFF;
  --ds-white: #FFFFFF;
  --ds-heading: #091E42;
  --ds-solidGray: #B3B3B3;
  --ds-success: #00875A;
  --ds-primary: #2F39BF;
  --ds-primary-focus: #444DC5;
  --ds-secondary: #09EBAF;
  --ds-secondary-focus: #53F1C7;
  --ds-accent: #D30B0B;
  --ds-neutral: #091E42;
  --ds-base-100: #ffffff;
  --ds-base-200: #F4F5F7;
  --ds-base-300: #A5ADBA;
  --ds-base-content: #222E37;
  --ds-font-poppins: poppins, sans-serif;
  --ds-font-weight-regular: 400;
  --ds-font-weight-medium: 500;
  --ds-font-weight-semibold: 600;
  --ds-font-weight-bold: 700;
  --ds-line-height-100: 1;
  --ds-line-height-110: 1.1;
  --ds-line-height-120: 1.2;
  --ds-line-height-130: 1.3;
  --ds-line-height-140: 1.4;
  --ds-line-height-150: 1.5;
  --ds-font-size-12: 12px;
  --ds-font-size-14: 14px;
  --ds-font-size-16: 16px;
  --ds-font-size-18: 18px;
  --ds-font-size-20: 20px;
  --ds-font-size-22: 22px;
  --ds-font-size-24: 24px;
  --ds-font-size-26: 26px;
  --ds-font-size-28: 28px;
  --ds-font-size-30: 30px;
  --ds-font-size-32: 32px;
  --ds-font-size-36: 36px;
  --ds-font-size-40: 40px;
  --ds-letter-spacing-0: 0;
  --ds-letter-spacing-1: -0.01em;
  --ds-letter-spacing-2: -0.02em;
  --ds-letter-spacing-3: -0.03em;
  --ds-spacing-0: 0px;
  --ds-spacing-4: 4px;
  --ds-spacing-8: 8px;
  --ds-spacing-12: 12px;
  --ds-spacing-16: 16px;
  --ds-spacing-20: 20px;
  --ds-spacing-24: 24px;
  --ds-spacing-32: 32px;
  --ds-spacing-40: 40px;
  --ds-spacing-48: 48px;
  --ds-spacing-64: 64px;
  --ds-spacing-80: 80px;
  --ds-spacing-100: 100px;
  --ds-radius: 6px;
  --ds-radius-2: 2px;
  --ds-radius-4: 4px;
  --ds-radius-8: 8px;
  --ds-radius-12: 12px;
  --ds-shadow-2: 0px 0px 15px rgba(207, 207, 207, 0.25);
  --ds-shadow-3: 0px 0px 18px rgba(109, 109, 109, 0.19);
  --ds-shadow-active: 0px 0px 0px 2px #2F39BF;
}

:root {
  --heading-color: #091e42;
  --paragraph-color: #253858;
  --color-white: #FFFFFF;
}

h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.03em;
  margin: 0;
  color: var(--heading-color);
  font-family: "poppins", sans-serif;
}

h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.03em;
  margin: 0;
  color: var(--heading-color);
  font-family: "poppins", sans-serif;
}

h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0;
  color: var(--heading-color);
  font-family: "poppins", sans-serif;
}

h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.03em;
  margin: 0;
  color: var(--heading-color);
  font-family: "poppins", sans-serif;
}

h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0;
  color: var(--heading-color);
  font-family: "poppins", sans-serif;
}

h6 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0;
  color: var(--heading-color);
  font-family: "poppins", sans-serif;
}

.withDarkTheme {
  background-color: var(--color_blue);
}
.withDarkTheme h1, .withDarkTheme h2, .withDarkTheme h3, .withDarkTheme h4, .withDarkTheme h5, .withDarkTheme h6 {
  color: var(--color-white);
}

p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: var(--paragraph-color);
  font-family: "poppins", sans-serif;
  margin: 0 0 1em;
}
p:last-child {
  margin-bottom: 0;
}

.p1-semibold {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  font-weight: 600;
  color: var(--paragraph-color);
  font-family: "poppins", sans-serif;
  margin: 0 0 1em;
}
.p1-semibold:last-child {
  margin-bottom: 0;
}

.p1-medium {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  font-weight: 500;
  color: var(--paragraph-color);
  font-family: "poppins", sans-serif;
  margin: 0 0 1em;
}
.p1-medium:last-child {
  margin-bottom: 0;
}

.p1-regular {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  font-weight: 400;
  color: var(--paragraph-color);
  font-family: "poppins", sans-serif;
  margin: 0 0 1em;
}
.p1-regular:last-child {
  margin-bottom: 0;
}

.p2-semibold {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  font-weight: 600;
  color: var(--paragraph-color);
  font-family: "poppins", sans-serif;
  margin: 0 0 1em;
}
.p2-semibold:last-child {
  margin-bottom: 0;
}

.p2-medium {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  font-weight: 500;
  color: var(--paragraph-color);
  font-family: "poppins", sans-serif;
  margin: 0 0 1em;
}
.p2-medium:last-child {
  margin-bottom: 0;
}

.p2-regular {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  font-weight: 400;
  color: var(--paragraph-color);
  font-family: "poppins", sans-serif;
  margin: 0 0 1em;
}
.p2-regular:last-child {
  margin-bottom: 0;
}

.p3-semibold {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  font-weight: 600;
  color: var(--paragraph-color);
  font-family: "poppins", sans-serif;
  margin: 0 0 1em;
}
.p3-semibold:last-child {
  margin-bottom: 0;
}

.p3-medium {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  font-weight: 500;
  color: var(--paragraph-color);
  font-family: "poppins", sans-serif;
  margin: 0 0 1em;
}
.p3-medium:last-child {
  margin-bottom: 0;
}

.p3-regular {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  font-weight: 400;
  color: var(--paragraph-color);
  font-family: "poppins", sans-serif;
  margin: 0 0 1em;
}
.p3-regular:last-child {
  margin-bottom: 0;
}

@media (max-width: 992px) {
  h1 {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
  h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
  h3 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.01em;
  }
  h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
  h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
  h6 {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
  p {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.01em;
  }
  .p1-semibold, .p1-medium, .p1-regular {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.01em;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -0.01em;
  }
  .p2-semibold, .p2-medium, .p2-regular {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.01em;
  }
  .p3-semibold, .p3-medium, .p3-regular {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.01em;
  }
}/*# sourceMappingURL=text.css.map */