@instawork/design-system/css/marketing.css

The design system for Instawork's web apps

:root, .force-light, .force-light * {
  --base-color-string: 3, 24, 56;
  --text-color: #151519;
  --text-color-inverse: #ebebee;
  --text-color-light: #606373;
  --text-color-light-inverse: #c8cad1;
  --primary-color-string: 41, 82, 239;
  --primary-color: rgb(var(--primary-color-string));
  --accent-color-string: 41, 82, 239;
  --accent-color: rgb(var(--accent-color-string));
  --accent-color-light: rgba(var(--accent-color-string), 8%);
  --light-color-string: 255, 255, 255;
  --light-color: #FFF;
  --dark-color: #151519;
  --border-color: #dadbe0;
  --background-color: #fafbff;
  --card-background-color: #FFF;
  --hover-color-string: 20, 23, 30;
  --hover-color: rgba(var(--hover-color-string), 0.04);
  --background-color-inverse: var(--text-color);
  --icon-color: brightness(1);
  --shadow-color-string: 0, 0, 0;
  --shadow: 0 0.25rem 1rem rgba(var(--shadow-color-string), .04), 0 0.125rem 0.25rem rgba(var(--shadow-color-string), .08);
  --shadow-hover: 0.5rem 1rem rgba(var(--shadow-color-string), .08), 0 0.25rem 0 -0.125rem rgba(var(--shadow-color-string), .02), 0 0.125rem 1rem rgba(var(--shadow-color-string), .08);
  --shadow-focus: 0.5rem 1rem rgba(var(--shadow-color-string), .12), 0 0.25rem 0 -0.125rem rgba(var(--shadow-color-string), .02);
  --border-radius: 0.5rem;
  --bg-accent-default: #e6f2ff;
  --bg-accent-emphasis: #4778ff;
  --bg-celebration-default: #fef1cf;
  --bg-celebration-emphasis: #fbb90e;
  --bg-default: #ffffff;
  --bg-destructive-default: #fee6e6;
  --bg-destructive-emphasis: #ff4847;
  --bg-muted: #bdc4c4;
  --bg-subtle: #f4f4f4;
  --bg-success-default: #d6fecd;
  --bg-success-emphasis: #63cb76;
  --bg-warning-default: #fef1cf;
  --bg-warning-emphasis: #d99000;
  --border-accent: #4778ff;
  --border-default: #8d9494;
  --border-destructive: #ff4847;
  --border-muted: #e1e3e3;
  --border-on_emphasis: #ffffff;
  --border-success: #63cb76;
  --border-warning: #fbb90e;
  --button-bg-destructive-default: #ff4847;
  --button-bg-destructive-disabled: #bdc4c4;
  --button-bg-destructive-hover: #ffffff;
  --button-bg-destructive-loading: #ff9796;
  --button-bg-destructive-pressed: #d92b2b;
  --button-bg-primary-default: #4778ff;
  --button-bg-primary-disabled: #bdc4c4;
  --button-bg-primary-hover: #ffffff;
  --button-bg-primary-loading: #80aaff;
  --button-bg-primary-pressed: #255ccc;
  --button-border-destructive-default: #ff4847;
  --button-border-destructive-disabled: #bdc4c4;
  --button-border-destructive-hover: #ffffff;
  --button-border-destructive-loading: #ff9796;
  --button-border-destructive-pressed: #d92b2b;
  --button-border-primary-default: #4778ff;
  --button-border-primary-disabled: #bdc4c4;
  --button-border-primary-hover: #ffffff;
  --button-border-primary-loading: #80aaff;
  --button-border-primary-pressed: #255ccc;
  --button-fg-destructive-default: #ff4847;
  --button-fg-destructive-disabled: #bdc4c4;
  --button-fg-destructive-hover: #ffffff;
  --button-fg-destructive-loading: #ff9796;
  --button-fg-destructive-pressed: #d92b2b;
  --button-fg-on_emphasis: #ffffff;
  --button-fg-primary-default: #4778ff;
  --button-fg-primary-disabled: #bdc4c4;
  --button-fg-primary-hover: #ffffff;
  --button-fg-primary-loading: #80aaff;
  --button-fg-primary-pressed: #255ccc;
  --fg-accent-default: #4778ff;
  --fg-accent-emphasis: #3964bb;
  --fg-celebration-default: #fbb90e;
  --fg-celebration-emphasis: #d99000;
  --fg-default: #1f1f1f;
  --fg-destructive-default: #d92b2b;
  --fg-destructive-emphasis: #bb3939;
  --fg-muted: #4e4d4d;
  --fg-on_emphasis: #ffffff;
  --fg-subtle: #8d9494;
  --fg-success-default: #2db245;
  --fg-success-emphasis: #08771d;
  --fg-warning-default: #d99000;
  --fg-warning-emphasis: #946300;
}

.force-dark, .force-dark * {
  --text-color: #ebebee;
  --text-color-inverse: #606373;
  --text-color-light: #b7b9c3;
  --text-color-light-inverse: #606373;
  --icon-color: brightness(1);
  --light-color-string: 21, 21, 25;
  --light-color: #151519;
  --dark-color: #f9f9fa;
  --border-color: #373942;
  --background-color: #06070a;
  --hover-color-string: 250, 251, 255;
  --card-background-color: #151519;
  --shadow-color-string: 0, 0, 0;
}

.theme-info, .theme-info * {
  --primary-color-string: 131, 65, 163;
  --primary-color: rgb(var(--primary-color-string));
  --primary-color-light: rgba(var(--primary-color-string), 8%);
}

.theme-warning, .theme-warning * {
  --primary-color-string: 224, 132, 45;
  --primary-color: rgb(var(--primary-color-string));
  --primary-color-light: rgba(var(--primary-color-string), 8%);
}

.theme-danger, .theme-danger * {
  --primary-color-string: 219, 7, 61;
  --primary-color: rgb(var(--primary-color-string));
  --primary-color-light: rgba(var(--primary-color-string), 8%);
}

.theme-success, .theme-success * {
  --primary-color-string: 43, 153, 72;
  --primary-color: rgb(var(--primary-color-string));
  --primary-color-light: rgba(var(--primary-color-string), 8%);
}

:root, .force-light, .force-light * {
  --base-color-string: 3, 24, 56;
  --text-color: #151519;
  --text-color-inverse: #ebebee;
  --text-color-light: #606373;
  --text-color-light-inverse: #c8cad1;
  --primary-color-string: 41, 82, 239;
  --primary-color: rgb(var(--primary-color-string));
  --accent-color-string: 41, 82, 239;
  --accent-color: rgb(var(--accent-color-string));
  --accent-color-light: rgba(var(--accent-color-string), 8%);
  --light-color-string: 255, 255, 255;
  --light-color: #FFF;
  --dark-color: #151519;
  --border-color: #dadbe0;
  --background-color: #fafbff;
  --card-background-color: #FFF;
  --hover-color-string: 20, 23, 30;
  --hover-color: rgba(var(--hover-color-string), 0.04);
  --background-color-inverse: var(--text-color);
  --icon-color: brightness(1);
  --shadow-color-string: 0, 0, 0;
  --shadow: 0 0.25rem 1rem rgba(var(--shadow-color-string), .04), 0 0.125rem 0.25rem rgba(var(--shadow-color-string), .08);
  --shadow-hover: 0.5rem 1rem rgba(var(--shadow-color-string), .08), 0 0.25rem 0 -0.125rem rgba(var(--shadow-color-string), .02), 0 0.125rem 1rem rgba(var(--shadow-color-string), .08);
  --shadow-focus: 0.5rem 1rem rgba(var(--shadow-color-string), .12), 0 0.25rem 0 -0.125rem rgba(var(--shadow-color-string), .02);
  --border-radius: 0.5rem;
  --bg-accent-default: #e6f2ff;
  --bg-accent-emphasis: #4778ff;
  --bg-celebration-default: #fef1cf;
  --bg-celebration-emphasis: #fbb90e;
  --bg-default: #ffffff;
  --bg-destructive-default: #fee6e6;
  --bg-destructive-emphasis: #ff4847;
  --bg-muted: #bdc4c4;
  --bg-subtle: #f4f4f4;
  --bg-success-default: #d6fecd;
  --bg-success-emphasis: #63cb76;
  --bg-warning-default: #fef1cf;
  --bg-warning-emphasis: #d99000;
  --border-accent: #4778ff;
  --border-default: #8d9494;
  --border-destructive: #ff4847;
  --border-muted: #e1e3e3;
  --border-on_emphasis: #ffffff;
  --border-success: #63cb76;
  --border-warning: #fbb90e;
  --button-bg-destructive-default: #ff4847;
  --button-bg-destructive-disabled: #bdc4c4;
  --button-bg-destructive-hover: #ffffff;
  --button-bg-destructive-loading: #ff9796;
  --button-bg-destructive-pressed: #d92b2b;
  --button-bg-primary-default: #4778ff;
  --button-bg-primary-disabled: #bdc4c4;
  --button-bg-primary-hover: #ffffff;
  --button-bg-primary-loading: #80aaff;
  --button-bg-primary-pressed: #255ccc;
  --button-border-destructive-default: #ff4847;
  --button-border-destructive-disabled: #bdc4c4;
  --button-border-destructive-hover: #ffffff;
  --button-border-destructive-loading: #ff9796;
  --button-border-destructive-pressed: #d92b2b;
  --button-border-primary-default: #4778ff;
  --button-border-primary-disabled: #bdc4c4;
  --button-border-primary-hover: #ffffff;
  --button-border-primary-loading: #80aaff;
  --button-border-primary-pressed: #255ccc;
  --button-fg-destructive-default: #ff4847;
  --button-fg-destructive-disabled: #bdc4c4;
  --button-fg-destructive-hover: #ffffff;
  --button-fg-destructive-loading: #ff9796;
  --button-fg-destructive-pressed: #d92b2b;
  --button-fg-on_emphasis: #ffffff;
  --button-fg-primary-default: #4778ff;
  --button-fg-primary-disabled: #bdc4c4;
  --button-fg-primary-hover: #ffffff;
  --button-fg-primary-loading: #80aaff;
  --button-fg-primary-pressed: #255ccc;
  --fg-accent-default: #4778ff;
  --fg-accent-emphasis: #3964bb;
  --fg-celebration-default: #fbb90e;
  --fg-celebration-emphasis: #d99000;
  --fg-default: #1f1f1f;
  --fg-destructive-default: #d92b2b;
  --fg-destructive-emphasis: #bb3939;
  --fg-muted: #4e4d4d;
  --fg-on_emphasis: #ffffff;
  --fg-subtle: #8d9494;
  --fg-success-default: #2db245;
  --fg-success-emphasis: #08771d;
  --fg-warning-default: #d99000;
  --fg-warning-emphasis: #946300;
}

.force-dark, .force-dark * {
  --text-color: #ebebee;
  --text-color-inverse: #606373;
  --text-color-light: #b7b9c3;
  --text-color-light-inverse: #606373;
  --icon-color: brightness(1);
  --light-color-string: 21, 21, 25;
  --light-color: #151519;
  --dark-color: #f9f9fa;
  --border-color: #373942;
  --background-color: #06070a;
  --hover-color-string: 250, 251, 255;
  --card-background-color: #151519;
  --shadow-color-string: 0, 0, 0;
}

.theme-info, .theme-info * {
  --primary-color-string: 131, 65, 163;
  --primary-color: rgb(var(--primary-color-string));
  --primary-color-light: rgba(var(--primary-color-string), 8%);
}

.theme-warning, .theme-warning * {
  --primary-color-string: 224, 132, 45;
  --primary-color: rgb(var(--primary-color-string));
  --primary-color-light: rgba(var(--primary-color-string), 8%);
}

.theme-danger, .theme-danger * {
  --primary-color-string: 219, 7, 61;
  --primary-color: rgb(var(--primary-color-string));
  --primary-color-light: rgba(var(--primary-color-string), 8%);
}

.theme-success, .theme-success * {
  --primary-color-string: 43, 153, 72;
  --primary-color: rgb(var(--primary-color-string));
  --primary-color-light: rgba(var(--primary-color-string), 8%);
}

.theme-marketing {
  --base-color-string: 3, 24, 56;
  --text-color: #151519;
  --text-color-inverse: #ebebee;
  --text-color-light: #606373;
  --text-color-light-inverse: #c8cad1;
  --primary-color-string: 192, 162, 127;
  --primary-color: rgb(var(--primary-color-string));
  --accent-color-string: 41, 78, 178;
  --accent-color: rgb(var(--accent-color-string));
  --accent-color-light: rgba(var(--accent-color-string), 8%);
  --light-color: #FFF;
  --dark-color: #151519;
  --border-color: #dadbe0;
  --background-color: #FCFBF9;
  --card-background-color: #FFF;
  --hover-color-string: 196, 162, 127;
  --hover-color: rgba(var(--hover-color-string), 0.04);
  --background-color-inverse: var(--text-color);
  --icon-color: brightness(1);
  --shadow-color-string: 0, 0, 0;
  --shadow: 0px 4px 6px rgba(0, 0, 0, 0.05), 0px 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-hover: 0px 4px 6px rgba(0, 0, 0, 0.05), 0px 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-focus: 0px 4px 6px rgba(0, 0, 0, 0.05), 0px 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-lg: var(--shadow), 0 0.5rem 2rem rgba(var(--shadow-color-string), .16);
  --border-radius: 0.25rem;
}
.theme-marketing .m-64 {
  margin: 4rem !important;
}
.theme-marketing .mt-64,
.theme-marketing .my-64 {
  margin-top: 4rem !important;
}
.theme-marketing .mr-64,
.theme-marketing .mx-64 {
  margin-right: 4rem !important;
}
.theme-marketing .mb-64,
.theme-marketing .my-64 {
  margin-bottom: 4rem !important;
}
.theme-marketing .ml-64,
.theme-marketing .mx-64 {
  margin-left: 4rem !important;
}
.theme-marketing .m-80 {
  margin: 5rem !important;
}
.theme-marketing .mt-80,
.theme-marketing .my-80 {
  margin-top: 5rem !important;
}
.theme-marketing .mr-80,
.theme-marketing .mx-80 {
  margin-right: 5rem !important;
}
.theme-marketing .mb-80,
.theme-marketing .my-80 {
  margin-bottom: 5rem !important;
}
.theme-marketing .ml-80,
.theme-marketing .mx-80 {
  margin-left: 5rem !important;
}
.theme-marketing .m-120 {
  margin: 7.5rem !important;
}
.theme-marketing .mt-120,
.theme-marketing .my-120 {
  margin-top: 7.5rem !important;
}
.theme-marketing .mr-120,
.theme-marketing .mx-120 {
  margin-right: 7.5rem !important;
}
.theme-marketing .mb-120,
.theme-marketing .my-120 {
  margin-bottom: 7.5rem !important;
}
.theme-marketing .ml-120,
.theme-marketing .mx-120 {
  margin-left: 7.5rem !important;
}
.theme-marketing .p-64 {
  padding: 4rem !important;
}
.theme-marketing .pt-64,
.theme-marketing .py-64 {
  padding-top: 4rem !important;
}
.theme-marketing .pr-64,
.theme-marketing .px-64 {
  padding-right: 4rem !important;
}
.theme-marketing .pb-64,
.theme-marketing .py-64 {
  padding-bottom: 4rem !important;
}
.theme-marketing .pl-64,
.theme-marketing .px-64 {
  padding-left: 4rem !important;
}
.theme-marketing .p-80 {
  padding: 5rem !important;
}
.theme-marketing .pt-80,
.theme-marketing .py-80 {
  padding-top: 5rem !important;
}
.theme-marketing .pr-80,
.theme-marketing .px-80 {
  padding-right: 5rem !important;
}
.theme-marketing .pb-80,
.theme-marketing .py-80 {
  padding-bottom: 5rem !important;
}
.theme-marketing .pl-80,
.theme-marketing .px-80 {
  padding-left: 5rem !important;
}
.theme-marketing .p-120 {
  padding: 7.5rem !important;
}
.theme-marketing .pt-120,
.theme-marketing .py-120 {
  padding-top: 7.5rem !important;
}
.theme-marketing .pr-120,
.theme-marketing .px-120 {
  padding-right: 7.5rem !important;
}
.theme-marketing .pb-120,
.theme-marketing .py-120 {
  padding-bottom: 7.5rem !important;
}
.theme-marketing .pl-120,
.theme-marketing .px-120 {
  padding-left: 7.5rem !important;
}
.theme-marketing .m-n1 {
  margin: -0.25rem !important;
}
.theme-marketing .mt-n1,
.theme-marketing .my-n1 {
  margin-top: -0.25rem !important;
}
.theme-marketing .mr-n1,
.theme-marketing .mx-n1 {
  margin-right: -0.25rem !important;
}
.theme-marketing .mb-n1,
.theme-marketing .my-n1 {
  margin-bottom: -0.25rem !important;
}
.theme-marketing .ml-n1,
.theme-marketing .mx-n1 {
  margin-left: -0.25rem !important;
}
.theme-marketing .m-n2 {
  margin: -0.5rem !important;
}
.theme-marketing .mt-n2,
.theme-marketing .my-n2 {
  margin-top: -0.5rem !important;
}
.theme-marketing .mr-n2,
.theme-marketing .mx-n2 {
  margin-right: -0.5rem !important;
}
.theme-marketing .mb-n2,
.theme-marketing .my-n2 {
  margin-bottom: -0.5rem !important;
}
.theme-marketing .ml-n2,
.theme-marketing .mx-n2 {
  margin-left: -0.5rem !important;
}
.theme-marketing .m-n3 {
  margin: -1rem !important;
}
.theme-marketing .mt-n3,
.theme-marketing .my-n3 {
  margin-top: -1rem !important;
}
.theme-marketing .mr-n3,
.theme-marketing .mx-n3 {
  margin-right: -1rem !important;
}
.theme-marketing .mb-n3,
.theme-marketing .my-n3 {
  margin-bottom: -1rem !important;
}
.theme-marketing .ml-n3,
.theme-marketing .mx-n3 {
  margin-left: -1rem !important;
}
.theme-marketing .m-n4 {
  margin: -0.25rem !important;
}
.theme-marketing .mt-n4,
.theme-marketing .my-n4 {
  margin-top: -0.25rem !important;
}
.theme-marketing .mr-n4,
.theme-marketing .mx-n4 {
  margin-right: -0.25rem !important;
}
.theme-marketing .mb-n4,
.theme-marketing .my-n4 {
  margin-bottom: -0.25rem !important;
}
.theme-marketing .ml-n4,
.theme-marketing .mx-n4 {
  margin-left: -0.25rem !important;
}
.theme-marketing .m-n5 {
  margin: -3rem !important;
}
.theme-marketing .mt-n5,
.theme-marketing .my-n5 {
  margin-top: -3rem !important;
}
.theme-marketing .mr-n5,
.theme-marketing .mx-n5 {
  margin-right: -3rem !important;
}
.theme-marketing .mb-n5,
.theme-marketing .my-n5 {
  margin-bottom: -3rem !important;
}
.theme-marketing .ml-n5,
.theme-marketing .mx-n5 {
  margin-left: -3rem !important;
}
.theme-marketing .m-n8 {
  margin: -0.5rem !important;
}
.theme-marketing .mt-n8,
.theme-marketing .my-n8 {
  margin-top: -0.5rem !important;
}
.theme-marketing .mr-n8,
.theme-marketing .mx-n8 {
  margin-right: -0.5rem !important;
}
.theme-marketing .mb-n8,
.theme-marketing .my-n8 {
  margin-bottom: -0.5rem !important;
}
.theme-marketing .ml-n8,
.theme-marketing .mx-n8 {
  margin-left: -0.5rem !important;
}
.theme-marketing .m-n16 {
  margin: -1rem !important;
}
.theme-marketing .mt-n16,
.theme-marketing .my-n16 {
  margin-top: -1rem !important;
}
.theme-marketing .mr-n16,
.theme-marketing .mx-n16 {
  margin-right: -1rem !important;
}
.theme-marketing .mb-n16,
.theme-marketing .my-n16 {
  margin-bottom: -1rem !important;
}
.theme-marketing .ml-n16,
.theme-marketing .mx-n16 {
  margin-left: -1rem !important;
}
.theme-marketing .m-n20 {
  margin: -1.25rem !important;
}
.theme-marketing .mt-n20,
.theme-marketing .my-n20 {
  margin-top: -1.25rem !important;
}
.theme-marketing .mr-n20,
.theme-marketing .mx-n20 {
  margin-right: -1.25rem !important;
}
.theme-marketing .mb-n20,
.theme-marketing .my-n20 {
  margin-bottom: -1.25rem !important;
}
.theme-marketing .ml-n20,
.theme-marketing .mx-n20 {
  margin-left: -1.25rem !important;
}
.theme-marketing .m-n24 {
  margin: -1.5rem !important;
}
.theme-marketing .mt-n24,
.theme-marketing .my-n24 {
  margin-top: -1.5rem !important;
}
.theme-marketing .mr-n24,
.theme-marketing .mx-n24 {
  margin-right: -1.5rem !important;
}
.theme-marketing .mb-n24,
.theme-marketing .my-n24 {
  margin-bottom: -1.5rem !important;
}
.theme-marketing .ml-n24,
.theme-marketing .mx-n24 {
  margin-left: -1.5rem !important;
}
.theme-marketing .m-n32 {
  margin: -2rem !important;
}
.theme-marketing .mt-n32,
.theme-marketing .my-n32 {
  margin-top: -2rem !important;
}
.theme-marketing .mr-n32,
.theme-marketing .mx-n32 {
  margin-right: -2rem !important;
}
.theme-marketing .mb-n32,
.theme-marketing .my-n32 {
  margin-bottom: -2rem !important;
}
.theme-marketing .ml-n32,
.theme-marketing .mx-n32 {
  margin-left: -2rem !important;
}
.theme-marketing .m-n48 {
  margin: -3rem !important;
}
.theme-marketing .mt-n48,
.theme-marketing .my-n48 {
  margin-top: -3rem !important;
}
.theme-marketing .mr-n48,
.theme-marketing .mx-n48 {
  margin-right: -3rem !important;
}
.theme-marketing .mb-n48,
.theme-marketing .my-n48 {
  margin-bottom: -3rem !important;
}
.theme-marketing .ml-n48,
.theme-marketing .mx-n48 {
  margin-left: -3rem !important;
}
.theme-marketing .m-auto {
  margin: auto !important;
}
.theme-marketing .mt-auto,
.theme-marketing .my-auto {
  margin-top: auto !important;
}
.theme-marketing .mr-auto,
.theme-marketing .mx-auto {
  margin-right: auto !important;
}
.theme-marketing .mb-auto,
.theme-marketing .my-auto {
  margin-bottom: auto !important;
}
.theme-marketing .ml-auto,
.theme-marketing .mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .theme-marketing .m-sm-64 {
    margin: 4rem !important;
  }
  .theme-marketing .mt-sm-64,
.theme-marketing .my-sm-64 {
    margin-top: 4rem !important;
  }
  .theme-marketing .mr-sm-64,
.theme-marketing .mx-sm-64 {
    margin-right: 4rem !important;
  }
  .theme-marketing .mb-sm-64,
.theme-marketing .my-sm-64 {
    margin-bottom: 4rem !important;
  }
  .theme-marketing .ml-sm-64,
.theme-marketing .mx-sm-64 {
    margin-left: 4rem !important;
  }
  .theme-marketing .m-sm-80 {
    margin: 5rem !important;
  }
  .theme-marketing .mt-sm-80,
.theme-marketing .my-sm-80 {
    margin-top: 5rem !important;
  }
  .theme-marketing .mr-sm-80,
.theme-marketing .mx-sm-80 {
    margin-right: 5rem !important;
  }
  .theme-marketing .mb-sm-80,
.theme-marketing .my-sm-80 {
    margin-bottom: 5rem !important;
  }
  .theme-marketing .ml-sm-80,
.theme-marketing .mx-sm-80 {
    margin-left: 5rem !important;
  }
  .theme-marketing .m-sm-120 {
    margin: 7.5rem !important;
  }
  .theme-marketing .mt-sm-120,
.theme-marketing .my-sm-120 {
    margin-top: 7.5rem !important;
  }
  .theme-marketing .mr-sm-120,
.theme-marketing .mx-sm-120 {
    margin-right: 7.5rem !important;
  }
  .theme-marketing .mb-sm-120,
.theme-marketing .my-sm-120 {
    margin-bottom: 7.5rem !important;
  }
  .theme-marketing .ml-sm-120,
.theme-marketing .mx-sm-120 {
    margin-left: 7.5rem !important;
  }
  .theme-marketing .p-sm-64 {
    padding: 4rem !important;
  }
  .theme-marketing .pt-sm-64,
.theme-marketing .py-sm-64 {
    padding-top: 4rem !important;
  }
  .theme-marketing .pr-sm-64,
.theme-marketing .px-sm-64 {
    padding-right: 4rem !important;
  }
  .theme-marketing .pb-sm-64,
.theme-marketing .py-sm-64 {
    padding-bottom: 4rem !important;
  }
  .theme-marketing .pl-sm-64,
.theme-marketing .px-sm-64 {
    padding-left: 4rem !important;
  }
  .theme-marketing .p-sm-80 {
    padding: 5rem !important;
  }
  .theme-marketing .pt-sm-80,
.theme-marketing .py-sm-80 {
    padding-top: 5rem !important;
  }
  .theme-marketing .pr-sm-80,
.theme-marketing .px-sm-80 {
    padding-right: 5rem !important;
  }
  .theme-marketing .pb-sm-80,
.theme-marketing .py-sm-80 {
    padding-bottom: 5rem !important;
  }
  .theme-marketing .pl-sm-80,
.theme-marketing .px-sm-80 {
    padding-left: 5rem !important;
  }
  .theme-marketing .p-sm-120 {
    padding: 7.5rem !important;
  }
  .theme-marketing .pt-sm-120,
.theme-marketing .py-sm-120 {
    padding-top: 7.5rem !important;
  }
  .theme-marketing .pr-sm-120,
.theme-marketing .px-sm-120 {
    padding-right: 7.5rem !important;
  }
  .theme-marketing .pb-sm-120,
.theme-marketing .py-sm-120 {
    padding-bottom: 7.5rem !important;
  }
  .theme-marketing .pl-sm-120,
.theme-marketing .px-sm-120 {
    padding-left: 7.5rem !important;
  }
  .theme-marketing .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .theme-marketing .mt-sm-n1,
.theme-marketing .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .theme-marketing .mr-sm-n1,
.theme-marketing .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .theme-marketing .mb-sm-n1,
.theme-marketing .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .theme-marketing .ml-sm-n1,
.theme-marketing .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .theme-marketing .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .theme-marketing .mt-sm-n2,
.theme-marketing .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .theme-marketing .mr-sm-n2,
.theme-marketing .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .theme-marketing .mb-sm-n2,
.theme-marketing .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .theme-marketing .ml-sm-n2,
.theme-marketing .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .theme-marketing .m-sm-n3 {
    margin: -1rem !important;
  }
  .theme-marketing .mt-sm-n3,
.theme-marketing .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .theme-marketing .mr-sm-n3,
.theme-marketing .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .theme-marketing .mb-sm-n3,
.theme-marketing .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .theme-marketing .ml-sm-n3,
.theme-marketing .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .theme-marketing .m-sm-n4 {
    margin: -0.25rem !important;
  }
  .theme-marketing .mt-sm-n4,
.theme-marketing .my-sm-n4 {
    margin-top: -0.25rem !important;
  }
  .theme-marketing .mr-sm-n4,
.theme-marketing .mx-sm-n4 {
    margin-right: -0.25rem !important;
  }
  .theme-marketing .mb-sm-n4,
.theme-marketing .my-sm-n4 {
    margin-bottom: -0.25rem !important;
  }
  .theme-marketing .ml-sm-n4,
.theme-marketing .mx-sm-n4 {
    margin-left: -0.25rem !important;
  }
  .theme-marketing .m-sm-n5 {
    margin: -3rem !important;
  }
  .theme-marketing .mt-sm-n5,
.theme-marketing .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .theme-marketing .mr-sm-n5,
.theme-marketing .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .theme-marketing .mb-sm-n5,
.theme-marketing .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .theme-marketing .ml-sm-n5,
.theme-marketing .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .theme-marketing .m-sm-n8 {
    margin: -0.5rem !important;
  }
  .theme-marketing .mt-sm-n8,
.theme-marketing .my-sm-n8 {
    margin-top: -0.5rem !important;
  }
  .theme-marketing .mr-sm-n8,
.theme-marketing .mx-sm-n8 {
    margin-right: -0.5rem !important;
  }
  .theme-marketing .mb-sm-n8,
.theme-marketing .my-sm-n8 {
    margin-bottom: -0.5rem !important;
  }
  .theme-marketing .ml-sm-n8,
.theme-marketing .mx-sm-n8 {
    margin-left: -0.5rem !important;
  }
  .theme-marketing .m-sm-n16 {
    margin: -1rem !important;
  }
  .theme-marketing .mt-sm-n16,
.theme-marketing .my-sm-n16 {
    margin-top: -1rem !important;
  }
  .theme-marketing .mr-sm-n16,
.theme-marketing .mx-sm-n16 {
    margin-right: -1rem !important;
  }
  .theme-marketing .mb-sm-n16,
.theme-marketing .my-sm-n16 {
    margin-bottom: -1rem !important;
  }
  .theme-marketing .ml-sm-n16,
.theme-marketing .mx-sm-n16 {
    margin-left: -1rem !important;
  }
  .theme-marketing .m-sm-n20 {
    margin: -1.25rem !important;
  }
  .theme-marketing .mt-sm-n20,
.theme-marketing .my-sm-n20 {
    margin-top: -1.25rem !important;
  }
  .theme-marketing .mr-sm-n20,
.theme-marketing .mx-sm-n20 {
    margin-right: -1.25rem !important;
  }
  .theme-marketing .mb-sm-n20,
.theme-marketing .my-sm-n20 {
    margin-bottom: -1.25rem !important;
  }
  .theme-marketing .ml-sm-n20,
.theme-marketing .mx-sm-n20 {
    margin-left: -1.25rem !important;
  }
  .theme-marketing .m-sm-n24 {
    margin: -1.5rem !important;
  }
  .theme-marketing .mt-sm-n24,
.theme-marketing .my-sm-n24 {
    margin-top: -1.5rem !important;
  }
  .theme-marketing .mr-sm-n24,
.theme-marketing .mx-sm-n24 {
    margin-right: -1.5rem !important;
  }
  .theme-marketing .mb-sm-n24,
.theme-marketing .my-sm-n24 {
    margin-bottom: -1.5rem !important;
  }
  .theme-marketing .ml-sm-n24,
.theme-marketing .mx-sm-n24 {
    margin-left: -1.5rem !important;
  }
  .theme-marketing .m-sm-n32 {
    margin: -2rem !important;
  }
  .theme-marketing .mt-sm-n32,
.theme-marketing .my-sm-n32 {
    margin-top: -2rem !important;
  }
  .theme-marketing .mr-sm-n32,
.theme-marketing .mx-sm-n32 {
    margin-right: -2rem !important;
  }
  .theme-marketing .mb-sm-n32,
.theme-marketing .my-sm-n32 {
    margin-bottom: -2rem !important;
  }
  .theme-marketing .ml-sm-n32,
.theme-marketing .mx-sm-n32 {
    margin-left: -2rem !important;
  }
  .theme-marketing .m-sm-n48 {
    margin: -3rem !important;
  }
  .theme-marketing .mt-sm-n48,
.theme-marketing .my-sm-n48 {
    margin-top: -3rem !important;
  }
  .theme-marketing .mr-sm-n48,
.theme-marketing .mx-sm-n48 {
    margin-right: -3rem !important;
  }
  .theme-marketing .mb-sm-n48,
.theme-marketing .my-sm-n48 {
    margin-bottom: -3rem !important;
  }
  .theme-marketing .ml-sm-n48,
.theme-marketing .mx-sm-n48 {
    margin-left: -3rem !important;
  }
  .theme-marketing .m-sm-auto {
    margin: auto !important;
  }
  .theme-marketing .mt-sm-auto,
.theme-marketing .my-sm-auto {
    margin-top: auto !important;
  }
  .theme-marketing .mr-sm-auto,
.theme-marketing .mx-sm-auto {
    margin-right: auto !important;
  }
  .theme-marketing .mb-sm-auto,
.theme-marketing .my-sm-auto {
    margin-bottom: auto !important;
  }
  .theme-marketing .ml-sm-auto,
.theme-marketing .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .theme-marketing .m-md-64 {
    margin: 4rem !important;
  }
  .theme-marketing .mt-md-64,
.theme-marketing .my-md-64 {
    margin-top: 4rem !important;
  }
  .theme-marketing .mr-md-64,
.theme-marketing .mx-md-64 {
    margin-right: 4rem !important;
  }
  .theme-marketing .mb-md-64,
.theme-marketing .my-md-64 {
    margin-bottom: 4rem !important;
  }
  .theme-marketing .ml-md-64,
.theme-marketing .mx-md-64 {
    margin-left: 4rem !important;
  }
  .theme-marketing .m-md-80 {
    margin: 5rem !important;
  }
  .theme-marketing .mt-md-80,
.theme-marketing .my-md-80 {
    margin-top: 5rem !important;
  }
  .theme-marketing .mr-md-80,
.theme-marketing .mx-md-80 {
    margin-right: 5rem !important;
  }
  .theme-marketing .mb-md-80,
.theme-marketing .my-md-80 {
    margin-bottom: 5rem !important;
  }
  .theme-marketing .ml-md-80,
.theme-marketing .mx-md-80 {
    margin-left: 5rem !important;
  }
  .theme-marketing .m-md-120 {
    margin: 7.5rem !important;
  }
  .theme-marketing .mt-md-120,
.theme-marketing .my-md-120 {
    margin-top: 7.5rem !important;
  }
  .theme-marketing .mr-md-120,
.theme-marketing .mx-md-120 {
    margin-right: 7.5rem !important;
  }
  .theme-marketing .mb-md-120,
.theme-marketing .my-md-120 {
    margin-bottom: 7.5rem !important;
  }
  .theme-marketing .ml-md-120,
.theme-marketing .mx-md-120 {
    margin-left: 7.5rem !important;
  }
  .theme-marketing .p-md-64 {
    padding: 4rem !important;
  }
  .theme-marketing .pt-md-64,
.theme-marketing .py-md-64 {
    padding-top: 4rem !important;
  }
  .theme-marketing .pr-md-64,
.theme-marketing .px-md-64 {
    padding-right: 4rem !important;
  }
  .theme-marketing .pb-md-64,
.theme-marketing .py-md-64 {
    padding-bottom: 4rem !important;
  }
  .theme-marketing .pl-md-64,
.theme-marketing .px-md-64 {
    padding-left: 4rem !important;
  }
  .theme-marketing .p-md-80 {
    padding: 5rem !important;
  }
  .theme-marketing .pt-md-80,
.theme-marketing .py-md-80 {
    padding-top: 5rem !important;
  }
  .theme-marketing .pr-md-80,
.theme-marketing .px-md-80 {
    padding-right: 5rem !important;
  }
  .theme-marketing .pb-md-80,
.theme-marketing .py-md-80 {
    padding-bottom: 5rem !important;
  }
  .theme-marketing .pl-md-80,
.theme-marketing .px-md-80 {
    padding-left: 5rem !important;
  }
  .theme-marketing .p-md-120 {
    padding: 7.5rem !important;
  }
  .theme-marketing .pt-md-120,
.theme-marketing .py-md-120 {
    padding-top: 7.5rem !important;
  }
  .theme-marketing .pr-md-120,
.theme-marketing .px-md-120 {
    padding-right: 7.5rem !important;
  }
  .theme-marketing .pb-md-120,
.theme-marketing .py-md-120 {
    padding-bottom: 7.5rem !important;
  }
  .theme-marketing .pl-md-120,
.theme-marketing .px-md-120 {
    padding-left: 7.5rem !important;
  }
  .theme-marketing .m-md-n1 {
    margin: -0.25rem !important;
  }
  .theme-marketing .mt-md-n1,
.theme-marketing .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .theme-marketing .mr-md-n1,
.theme-marketing .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .theme-marketing .mb-md-n1,
.theme-marketing .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .theme-marketing .ml-md-n1,
.theme-marketing .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .theme-marketing .m-md-n2 {
    margin: -0.5rem !important;
  }
  .theme-marketing .mt-md-n2,
.theme-marketing .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .theme-marketing .mr-md-n2,
.theme-marketing .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .theme-marketing .mb-md-n2,
.theme-marketing .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .theme-marketing .ml-md-n2,
.theme-marketing .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .theme-marketing .m-md-n3 {
    margin: -1rem !important;
  }
  .theme-marketing .mt-md-n3,
.theme-marketing .my-md-n3 {
    margin-top: -1rem !important;
  }
  .theme-marketing .mr-md-n3,
.theme-marketing .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .theme-marketing .mb-md-n3,
.theme-marketing .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .theme-marketing .ml-md-n3,
.theme-marketing .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .theme-marketing .m-md-n4 {
    margin: -0.25rem !important;
  }
  .theme-marketing .mt-md-n4,
.theme-marketing .my-md-n4 {
    margin-top: -0.25rem !important;
  }
  .theme-marketing .mr-md-n4,
.theme-marketing .mx-md-n4 {
    margin-right: -0.25rem !important;
  }
  .theme-marketing .mb-md-n4,
.theme-marketing .my-md-n4 {
    margin-bottom: -0.25rem !important;
  }
  .theme-marketing .ml-md-n4,
.theme-marketing .mx-md-n4 {
    margin-left: -0.25rem !important;
  }
  .theme-marketing .m-md-n5 {
    margin: -3rem !important;
  }
  .theme-marketing .mt-md-n5,
.theme-marketing .my-md-n5 {
    margin-top: -3rem !important;
  }
  .theme-marketing .mr-md-n5,
.theme-marketing .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .theme-marketing .mb-md-n5,
.theme-marketing .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .theme-marketing .ml-md-n5,
.theme-marketing .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .theme-marketing .m-md-n8 {
    margin: -0.5rem !important;
  }
  .theme-marketing .mt-md-n8,
.theme-marketing .my-md-n8 {
    margin-top: -0.5rem !important;
  }
  .theme-marketing .mr-md-n8,
.theme-marketing .mx-md-n8 {
    margin-right: -0.5rem !important;
  }
  .theme-marketing .mb-md-n8,
.theme-marketing .my-md-n8 {
    margin-bottom: -0.5rem !important;
  }
  .theme-marketing .ml-md-n8,
.theme-marketing .mx-md-n8 {
    margin-left: -0.5rem !important;
  }
  .theme-marketing .m-md-n16 {
    margin: -1rem !important;
  }
  .theme-marketing .mt-md-n16,
.theme-marketing .my-md-n16 {
    margin-top: -1rem !important;
  }
  .theme-marketing .mr-md-n16,
.theme-marketing .mx-md-n16 {
    margin-right: -1rem !important;
  }
  .theme-marketing .mb-md-n16,
.theme-marketing .my-md-n16 {
    margin-bottom: -1rem !important;
  }
  .theme-marketing .ml-md-n16,
.theme-marketing .mx-md-n16 {
    margin-left: -1rem !important;
  }
  .theme-marketing .m-md-n20 {
    margin: -1.25rem !important;
  }
  .theme-marketing .mt-md-n20,
.theme-marketing .my-md-n20 {
    margin-top: -1.25rem !important;
  }
  .theme-marketing .mr-md-n20,
.theme-marketing .mx-md-n20 {
    margin-right: -1.25rem !important;
  }
  .theme-marketing .mb-md-n20,
.theme-marketing .my-md-n20 {
    margin-bottom: -1.25rem !important;
  }
  .theme-marketing .ml-md-n20,
.theme-marketing .mx-md-n20 {
    margin-left: -1.25rem !important;
  }
  .theme-marketing .m-md-n24 {
    margin: -1.5rem !important;
  }
  .theme-marketing .mt-md-n24,
.theme-marketing .my-md-n24 {
    margin-top: -1.5rem !important;
  }
  .theme-marketing .mr-md-n24,
.theme-marketing .mx-md-n24 {
    margin-right: -1.5rem !important;
  }
  .theme-marketing .mb-md-n24,
.theme-marketing .my-md-n24 {
    margin-bottom: -1.5rem !important;
  }
  .theme-marketing .ml-md-n24,
.theme-marketing .mx-md-n24 {
    margin-left: -1.5rem !important;
  }
  .theme-marketing .m-md-n32 {
    margin: -2rem !important;
  }
  .theme-marketing .mt-md-n32,
.theme-marketing .my-md-n32 {
    margin-top: -2rem !important;
  }
  .theme-marketing .mr-md-n32,
.theme-marketing .mx-md-n32 {
    margin-right: -2rem !important;
  }
  .theme-marketing .mb-md-n32,
.theme-marketing .my-md-n32 {
    margin-bottom: -2rem !important;
  }
  .theme-marketing .ml-md-n32,
.theme-marketing .mx-md-n32 {
    margin-left: -2rem !important;
  }
  .theme-marketing .m-md-n48 {
    margin: -3rem !important;
  }
  .theme-marketing .mt-md-n48,
.theme-marketing .my-md-n48 {
    margin-top: -3rem !important;
  }
  .theme-marketing .mr-md-n48,
.theme-marketing .mx-md-n48 {
    margin-right: -3rem !important;
  }
  .theme-marketing .mb-md-n48,
.theme-marketing .my-md-n48 {
    margin-bottom: -3rem !important;
  }
  .theme-marketing .ml-md-n48,
.theme-marketing .mx-md-n48 {
    margin-left: -3rem !important;
  }
  .theme-marketing .m-md-auto {
    margin: auto !important;
  }
  .theme-marketing .mt-md-auto,
.theme-marketing .my-md-auto {
    margin-top: auto !important;
  }
  .theme-marketing .mr-md-auto,
.theme-marketing .mx-md-auto {
    margin-right: auto !important;
  }
  .theme-marketing .mb-md-auto,
.theme-marketing .my-md-auto {
    margin-bottom: auto !important;
  }
  .theme-marketing .ml-md-auto,
.theme-marketing .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .theme-marketing .m-lg-64 {
    margin: 4rem !important;
  }
  .theme-marketing .mt-lg-64,
.theme-marketing .my-lg-64 {
    margin-top: 4rem !important;
  }
  .theme-marketing .mr-lg-64,
.theme-marketing .mx-lg-64 {
    margin-right: 4rem !important;
  }
  .theme-marketing .mb-lg-64,
.theme-marketing .my-lg-64 {
    margin-bottom: 4rem !important;
  }
  .theme-marketing .ml-lg-64,
.theme-marketing .mx-lg-64 {
    margin-left: 4rem !important;
  }
  .theme-marketing .m-lg-80 {
    margin: 5rem !important;
  }
  .theme-marketing .mt-lg-80,
.theme-marketing .my-lg-80 {
    margin-top: 5rem !important;
  }
  .theme-marketing .mr-lg-80,
.theme-marketing .mx-lg-80 {
    margin-right: 5rem !important;
  }
  .theme-marketing .mb-lg-80,
.theme-marketing .my-lg-80 {
    margin-bottom: 5rem !important;
  }
  .theme-marketing .ml-lg-80,
.theme-marketing .mx-lg-80 {
    margin-left: 5rem !important;
  }
  .theme-marketing .m-lg-120 {
    margin: 7.5rem !important;
  }
  .theme-marketing .mt-lg-120,
.theme-marketing .my-lg-120 {
    margin-top: 7.5rem !important;
  }
  .theme-marketing .mr-lg-120,
.theme-marketing .mx-lg-120 {
    margin-right: 7.5rem !important;
  }
  .theme-marketing .mb-lg-120,
.theme-marketing .my-lg-120 {
    margin-bottom: 7.5rem !important;
  }
  .theme-marketing .ml-lg-120,
.theme-marketing .mx-lg-120 {
    margin-left: 7.5rem !important;
  }
  .theme-marketing .p-lg-64 {
    padding: 4rem !important;
  }
  .theme-marketing .pt-lg-64,
.theme-marketing .py-lg-64 {
    padding-top: 4rem !important;
  }
  .theme-marketing .pr-lg-64,
.theme-marketing .px-lg-64 {
    padding-right: 4rem !important;
  }
  .theme-marketing .pb-lg-64,
.theme-marketing .py-lg-64 {
    padding-bottom: 4rem !important;
  }
  .theme-marketing .pl-lg-64,
.theme-marketing .px-lg-64 {
    padding-left: 4rem !important;
  }
  .theme-marketing .p-lg-80 {
    padding: 5rem !important;
  }
  .theme-marketing .pt-lg-80,
.theme-marketing .py-lg-80 {
    padding-top: 5rem !important;
  }
  .theme-marketing .pr-lg-80,
.theme-marketing .px-lg-80 {
    padding-right: 5rem !important;
  }
  .theme-marketing .pb-lg-80,
.theme-marketing .py-lg-80 {
    padding-bottom: 5rem !important;
  }
  .theme-marketing .pl-lg-80,
.theme-marketing .px-lg-80 {
    padding-left: 5rem !important;
  }
  .theme-marketing .p-lg-120 {
    padding: 7.5rem !important;
  }
  .theme-marketing .pt-lg-120,
.theme-marketing .py-lg-120 {
    padding-top: 7.5rem !important;
  }
  .theme-marketing .pr-lg-120,
.theme-marketing .px-lg-120 {
    padding-right: 7.5rem !important;
  }
  .theme-marketing .pb-lg-120,
.theme-marketing .py-lg-120 {
    padding-bottom: 7.5rem !important;
  }
  .theme-marketing .pl-lg-120,
.theme-marketing .px-lg-120 {
    padding-left: 7.5rem !important;
  }
  .theme-marketing .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .theme-marketing .mt-lg-n1,
.theme-marketing .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .theme-marketing .mr-lg-n1,
.theme-marketing .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .theme-marketing .mb-lg-n1,
.theme-marketing .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .theme-marketing .ml-lg-n1,
.theme-marketing .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .theme-marketing .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .theme-marketing .mt-lg-n2,
.theme-marketing .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .theme-marketing .mr-lg-n2,
.theme-marketing .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .theme-marketing .mb-lg-n2,
.theme-marketing .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .theme-marketing .ml-lg-n2,
.theme-marketing .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .theme-marketing .m-lg-n3 {
    margin: -1rem !important;
  }
  .theme-marketing .mt-lg-n3,
.theme-marketing .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .theme-marketing .mr-lg-n3,
.theme-marketing .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .theme-marketing .mb-lg-n3,
.theme-marketing .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .theme-marketing .ml-lg-n3,
.theme-marketing .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .theme-marketing .m-lg-n4 {
    margin: -0.25rem !important;
  }
  .theme-marketing .mt-lg-n4,
.theme-marketing .my-lg-n4 {
    margin-top: -0.25rem !important;
  }
  .theme-marketing .mr-lg-n4,
.theme-marketing .mx-lg-n4 {
    margin-right: -0.25rem !important;
  }
  .theme-marketing .mb-lg-n4,
.theme-marketing .my-lg-n4 {
    margin-bottom: -0.25rem !important;
  }
  .theme-marketing .ml-lg-n4,
.theme-marketing .mx-lg-n4 {
    margin-left: -0.25rem !important;
  }
  .theme-marketing .m-lg-n5 {
    margin: -3rem !important;
  }
  .theme-marketing .mt-lg-n5,
.theme-marketing .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .theme-marketing .mr-lg-n5,
.theme-marketing .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .theme-marketing .mb-lg-n5,
.theme-marketing .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .theme-marketing .ml-lg-n5,
.theme-marketing .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .theme-marketing .m-lg-n8 {
    margin: -0.5rem !important;
  }
  .theme-marketing .mt-lg-n8,
.theme-marketing .my-lg-n8 {
    margin-top: -0.5rem !important;
  }
  .theme-marketing .mr-lg-n8,
.theme-marketing .mx-lg-n8 {
    margin-right: -0.5rem !important;
  }
  .theme-marketing .mb-lg-n8,
.theme-marketing .my-lg-n8 {
    margin-bottom: -0.5rem !important;
  }
  .theme-marketing .ml-lg-n8,
.theme-marketing .mx-lg-n8 {
    margin-left: -0.5rem !important;
  }
  .theme-marketing .m-lg-n16 {
    margin: -1rem !important;
  }
  .theme-marketing .mt-lg-n16,
.theme-marketing .my-lg-n16 {
    margin-top: -1rem !important;
  }
  .theme-marketing .mr-lg-n16,
.theme-marketing .mx-lg-n16 {
    margin-right: -1rem !important;
  }
  .theme-marketing .mb-lg-n16,
.theme-marketing .my-lg-n16 {
    margin-bottom: -1rem !important;
  }
  .theme-marketing .ml-lg-n16,
.theme-marketing .mx-lg-n16 {
    margin-left: -1rem !important;
  }
  .theme-marketing .m-lg-n20 {
    margin: -1.25rem !important;
  }
  .theme-marketing .mt-lg-n20,
.theme-marketing .my-lg-n20 {
    margin-top: -1.25rem !important;
  }
  .theme-marketing .mr-lg-n20,
.theme-marketing .mx-lg-n20 {
    margin-right: -1.25rem !important;
  }
  .theme-marketing .mb-lg-n20,
.theme-marketing .my-lg-n20 {
    margin-bottom: -1.25rem !important;
  }
  .theme-marketing .ml-lg-n20,
.theme-marketing .mx-lg-n20 {
    margin-left: -1.25rem !important;
  }
  .theme-marketing .m-lg-n24 {
    margin: -1.5rem !important;
  }
  .theme-marketing .mt-lg-n24,
.theme-marketing .my-lg-n24 {
    margin-top: -1.5rem !important;
  }
  .theme-marketing .mr-lg-n24,
.theme-marketing .mx-lg-n24 {
    margin-right: -1.5rem !important;
  }
  .theme-marketing .mb-lg-n24,
.theme-marketing .my-lg-n24 {
    margin-bottom: -1.5rem !important;
  }
  .theme-marketing .ml-lg-n24,
.theme-marketing .mx-lg-n24 {
    margin-left: -1.5rem !important;
  }
  .theme-marketing .m-lg-n32 {
    margin: -2rem !important;
  }
  .theme-marketing .mt-lg-n32,
.theme-marketing .my-lg-n32 {
    margin-top: -2rem !important;
  }
  .theme-marketing .mr-lg-n32,
.theme-marketing .mx-lg-n32 {
    margin-right: -2rem !important;
  }
  .theme-marketing .mb-lg-n32,
.theme-marketing .my-lg-n32 {
    margin-bottom: -2rem !important;
  }
  .theme-marketing .ml-lg-n32,
.theme-marketing .mx-lg-n32 {
    margin-left: -2rem !important;
  }
  .theme-marketing .m-lg-n48 {
    margin: -3rem !important;
  }
  .theme-marketing .mt-lg-n48,
.theme-marketing .my-lg-n48 {
    margin-top: -3rem !important;
  }
  .theme-marketing .mr-lg-n48,
.theme-marketing .mx-lg-n48 {
    margin-right: -3rem !important;
  }
  .theme-marketing .mb-lg-n48,
.theme-marketing .my-lg-n48 {
    margin-bottom: -3rem !important;
  }
  .theme-marketing .ml-lg-n48,
.theme-marketing .mx-lg-n48 {
    margin-left: -3rem !important;
  }
  .theme-marketing .m-lg-auto {
    margin: auto !important;
  }
  .theme-marketing .mt-lg-auto,
.theme-marketing .my-lg-auto {
    margin-top: auto !important;
  }
  .theme-marketing .mr-lg-auto,
.theme-marketing .mx-lg-auto {
    margin-right: auto !important;
  }
  .theme-marketing .mb-lg-auto,
.theme-marketing .my-lg-auto {
    margin-bottom: auto !important;
  }
  .theme-marketing .ml-lg-auto,
.theme-marketing .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .theme-marketing .m-xl-64 {
    margin: 4rem !important;
  }
  .theme-marketing .mt-xl-64,
.theme-marketing .my-xl-64 {
    margin-top: 4rem !important;
  }
  .theme-marketing .mr-xl-64,
.theme-marketing .mx-xl-64 {
    margin-right: 4rem !important;
  }
  .theme-marketing .mb-xl-64,
.theme-marketing .my-xl-64 {
    margin-bottom: 4rem !important;
  }
  .theme-marketing .ml-xl-64,
.theme-marketing .mx-xl-64 {
    margin-left: 4rem !important;
  }
  .theme-marketing .m-xl-80 {
    margin: 5rem !important;
  }
  .theme-marketing .mt-xl-80,
.theme-marketing .my-xl-80 {
    margin-top: 5rem !important;
  }
  .theme-marketing .mr-xl-80,
.theme-marketing .mx-xl-80 {
    margin-right: 5rem !important;
  }
  .theme-marketing .mb-xl-80,
.theme-marketing .my-xl-80 {
    margin-bottom: 5rem !important;
  }
  .theme-marketing .ml-xl-80,
.theme-marketing .mx-xl-80 {
    margin-left: 5rem !important;
  }
  .theme-marketing .m-xl-120 {
    margin: 7.5rem !important;
  }
  .theme-marketing .mt-xl-120,
.theme-marketing .my-xl-120 {
    margin-top: 7.5rem !important;
  }
  .theme-marketing .mr-xl-120,
.theme-marketing .mx-xl-120 {
    margin-right: 7.5rem !important;
  }
  .theme-marketing .mb-xl-120,
.theme-marketing .my-xl-120 {
    margin-bottom: 7.5rem !important;
  }
  .theme-marketing .ml-xl-120,
.theme-marketing .mx-xl-120 {
    margin-left: 7.5rem !important;
  }
  .theme-marketing .p-xl-64 {
    padding: 4rem !important;
  }
  .theme-marketing .pt-xl-64,
.theme-marketing .py-xl-64 {
    padding-top: 4rem !important;
  }
  .theme-marketing .pr-xl-64,
.theme-marketing .px-xl-64 {
    padding-right: 4rem !important;
  }
  .theme-marketing .pb-xl-64,
.theme-marketing .py-xl-64 {
    padding-bottom: 4rem !important;
  }
  .theme-marketing .pl-xl-64,
.theme-marketing .px-xl-64 {
    padding-left: 4rem !important;
  }
  .theme-marketing .p-xl-80 {
    padding: 5rem !important;
  }
  .theme-marketing .pt-xl-80,
.theme-marketing .py-xl-80 {
    padding-top: 5rem !important;
  }
  .theme-marketing .pr-xl-80,
.theme-marketing .px-xl-80 {
    padding-right: 5rem !important;
  }
  .theme-marketing .pb-xl-80,
.theme-marketing .py-xl-80 {
    padding-bottom: 5rem !important;
  }
  .theme-marketing .pl-xl-80,
.theme-marketing .px-xl-80 {
    padding-left: 5rem !important;
  }
  .theme-marketing .p-xl-120 {
    padding: 7.5rem !important;
  }
  .theme-marketing .pt-xl-120,
.theme-marketing .py-xl-120 {
    padding-top: 7.5rem !important;
  }
  .theme-marketing .pr-xl-120,
.theme-marketing .px-xl-120 {
    padding-right: 7.5rem !important;
  }
  .theme-marketing .pb-xl-120,
.theme-marketing .py-xl-120 {
    padding-bottom: 7.5rem !important;
  }
  .theme-marketing .pl-xl-120,
.theme-marketing .px-xl-120 {
    padding-left: 7.5rem !important;
  }
  .theme-marketing .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .theme-marketing .mt-xl-n1,
.theme-marketing .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .theme-marketing .mr-xl-n1,
.theme-marketing .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .theme-marketing .mb-xl-n1,
.theme-marketing .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .theme-marketing .ml-xl-n1,
.theme-marketing .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .theme-marketing .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .theme-marketing .mt-xl-n2,
.theme-marketing .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .theme-marketing .mr-xl-n2,
.theme-marketing .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .theme-marketing .mb-xl-n2,
.theme-marketing .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .theme-marketing .ml-xl-n2,
.theme-marketing .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .theme-marketing .m-xl-n3 {
    margin: -1rem !important;
  }
  .theme-marketing .mt-xl-n3,
.theme-marketing .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .theme-marketing .mr-xl-n3,
.theme-marketing .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .theme-marketing .mb-xl-n3,
.theme-marketing .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .theme-marketing .ml-xl-n3,
.theme-marketing .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .theme-marketing .m-xl-n4 {
    margin: -0.25rem !important;
  }
  .theme-marketing .mt-xl-n4,
.theme-marketing .my-xl-n4 {
    margin-top: -0.25rem !important;
  }
  .theme-marketing .mr-xl-n4,
.theme-marketing .mx-xl-n4 {
    margin-right: -0.25rem !important;
  }
  .theme-marketing .mb-xl-n4,
.theme-marketing .my-xl-n4 {
    margin-bottom: -0.25rem !important;
  }
  .theme-marketing .ml-xl-n4,
.theme-marketing .mx-xl-n4 {
    margin-left: -0.25rem !important;
  }
  .theme-marketing .m-xl-n5 {
    margin: -3rem !important;
  }
  .theme-marketing .mt-xl-n5,
.theme-marketing .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .theme-marketing .mr-xl-n5,
.theme-marketing .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .theme-marketing .mb-xl-n5,
.theme-marketing .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .theme-marketing .ml-xl-n5,
.theme-marketing .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .theme-marketing .m-xl-n8 {
    margin: -0.5rem !important;
  }
  .theme-marketing .mt-xl-n8,
.theme-marketing .my-xl-n8 {
    margin-top: -0.5rem !important;
  }
  .theme-marketing .mr-xl-n8,
.theme-marketing .mx-xl-n8 {
    margin-right: -0.5rem !important;
  }
  .theme-marketing .mb-xl-n8,
.theme-marketing .my-xl-n8 {
    margin-bottom: -0.5rem !important;
  }
  .theme-marketing .ml-xl-n8,
.theme-marketing .mx-xl-n8 {
    margin-left: -0.5rem !important;
  }
  .theme-marketing .m-xl-n16 {
    margin: -1rem !important;
  }
  .theme-marketing .mt-xl-n16,
.theme-marketing .my-xl-n16 {
    margin-top: -1rem !important;
  }
  .theme-marketing .mr-xl-n16,
.theme-marketing .mx-xl-n16 {
    margin-right: -1rem !important;
  }
  .theme-marketing .mb-xl-n16,
.theme-marketing .my-xl-n16 {
    margin-bottom: -1rem !important;
  }
  .theme-marketing .ml-xl-n16,
.theme-marketing .mx-xl-n16 {
    margin-left: -1rem !important;
  }
  .theme-marketing .m-xl-n20 {
    margin: -1.25rem !important;
  }
  .theme-marketing .mt-xl-n20,
.theme-marketing .my-xl-n20 {
    margin-top: -1.25rem !important;
  }
  .theme-marketing .mr-xl-n20,
.theme-marketing .mx-xl-n20 {
    margin-right: -1.25rem !important;
  }
  .theme-marketing .mb-xl-n20