/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

:root {
	--navy: #08242e;
    --lightgrey: #aaa;
	--grey: #CCD3D6;
	--aqua: #7bafa2;
    --lightyellow: #ffe9a3;
	--yellow: #FFD13F;
    --lightpink: #ffb0e2;
	--pink: #EE27A5;
    --lightpurple: #a7c3ff;
	--purple: #648CE4;
	--green: #CCE8E1;
	--lightblue: #CAE0E8;
    --navy: #08242e;
	--black: #000;
	--white: #fff;

  /* Backgrounds */
  --color-bg-light: rgb(252, 252, 252);
  --color-bg-gray: rgb(249, 250, 251);
  
  /* Borders */
  --color-border: rgb(229, 231, 235);
  
  /* Text */
  --color-text-dark: rgb(8, 36, 46);
  --color-text-gray: rgb(75, 85, 99);
  --color-text-light-gray: rgb(107, 114, 128);
  
  /* Red */
  --color-red: #dc2626;
  --color-red-bg: #fef2f2;
  --color-red-border: #fecaca;

  /* Orange */
  --color-orange: #f97316;
  --color-orange-bg: #fff7ed;
  --color-orange-border: #fdba74;

  /* Green */
  --color-green: #15803d;
  --color-green-bg: #f0fdf4;
  --color-green-border: #86efac;

  /* Purple */
  --color-purple: #7c3aed;
  --color-purple-bg: #f5f3ff;
  --color-purple-border: #ddd6fe;

  /* Pink (New) */
  --color-pink: #db2777;
  --color-pink-bg: #fdf2f8;
  --color-pink-border: #fbcfe8;

  /* Blue (New) */
  --color-blue: #2563eb;
  --color-blue-bg: #eff6ff;
  --color-blue-border: #bfdbfe;

  /* Teal / Neutral (New) */
  /* Teal / Neutral */
  --color-teal-bg: #f5fbf9;
  --color-teal-border: #cde9e2;
  --color-teal-text: #08242e;
}

.page-header {
  padding: 16px 32px;
  background-color: var(--color-bg-light);
  border-bottom: 1px solid var(--color-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page-header__title {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-text-dark);
}

.main-container {
  padding: 24px 32px;
}

.layout-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
}

/* --- Components --- */

/* 1. Cards */
.card {
  background-color: var(--color-bg-light);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  padding: 24px;
  margin-bottom: 24px;
}

.card--sidebar {
  padding: 20px;
  margin-bottom: 20px;
}

/* 2. Buttons */
/* Base Button Style */
.btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid transparent;
    line-height: 1.3;
    letter-spacing: 0;
    font-weight: 600;
    margin: 0;
    text-transform: none;
    transition: all 440ms ease;
}

.btn--back {
  padding: 8px 0;
  background-color: transparent;
  border: none;
  color: var(--color-text-gray);
  font-size: 14px;
  margin-bottom: 16px;
  gap: 8px;
}
.btn--back:hover {
  padding: 8px 0;
  background-color: transparent;
  border: none;
  color: var(--color-green);
  font-size: 14px;
  margin-bottom: 16px;
  gap: 8px;
}

.btn--secondary {
  padding: 6px 12px;
  background-color: var(--color-bg-light);
  border-color: rgb(209, 213, 219);
  color: var(--color-text-gray);
}

.btn--primary {
  padding: 6px 12px;
  background-color: var(--color-text-dark);
  border-color: var(--color-text-dark);
  color: var(--color-bg-light);
}
.btn--primary:hover {
  background-color: var(--black);
  border-color: var(--color-text-dark);
  color: var(--color-bg-light);
}

.btn--danger {
  padding: 6px 12px;
  background-color: var(--color-red);
  border-color: var(--color-red);
  color: var(--color-bg-light);
}
.gv-button-update {
  background-color: var(--color-text-dark) !important;
  border-color: var(--color-text-dark) !important;
  color: var(--color-bg-light) !important;
}
.gv-button-cancel {
  background-color: var(--color-bg-light) !important;
  border-color: rgb(209, 213, 219) !important;
  color: var(--color-text-gray) !important;
}
.gv-button-delete {
  background-color: var(--color-red) !important;
  border-color: var(--color-red) !important;
  color: var(--color-bg-light) !important;
}

.btn--full-width {
  width: 100%;
  padding: 12px;
  background-color: var(--color-bg-gray);
  border-color: var(--color-border);
  border-radius: 8px;
  font-size: 13px;
  color: var(--color-text-dark);
  gap: 8px;
}
.btn--full-width:hover {
  background-color: var(--color-border);
  border-color: var(--color-border);
  color: var(--color-text-dark);
}

.btn--upload {
  padding: 6px 12px;
  background-color: var(--color-text-dark);
  color: var(--color-bg-light);
}
.btn--upload:hover {
  background-color: var(--color-green);
  color: var(--color-bg-light);
}

/* 3. Event Header */
.event-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}

.event-header__subtitle {
  font-size: 14px;
  color: var(--color-text-light-gray);
  display: flex;
  gap: 30px;
}

.event-header__tags {
  display: flex;
  gap: 12px;
}

/* 4. Badges */
.badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 14px;
  border: 1px solid transparent;
  line-height: 1.3;
}

/* Badge Modifiers (Colors) */
.badge--purple {
  background-color: var(--color-purple-bg);
  border-color: var(--color-purple-border);
  color: var(--color-purple);
}

.badge--orange {
  background-color: var(--color-orange-bg);
  border-color: var(--color-orange-border);
  color: var(--color-orange);
}

.badge--green {
  background-color: var(--color-green-bg);
  border-color: var(--color-green-border);
  color: var(--color-green);
}

.badge--pink {
  background-color: var(--color-pink-bg);
  border-color: var(--color-pink-border);
  color: var(--color-pink);
}

.badge--red {
  background-color: var(--color-red-bg);
  border-color: var(--color-red-border);
  color: var(--color-red);
}

.badge--blue {
  background-color: var(--color-blue-bg);
  border-color: var(--color-blue-border);
  color: var(--color-blue);
}

/* Badge Modifiers (Status / Shape) */
.badge--status {
  padding: 4px 10px;
  border-radius: 6px;
  font-weight: 500;
}

.badge--pending {
  background-color: var(--color-yellow-bg);
  color: var(--color-text-dark);
}

/* Badge Element */
.badge__dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: currentColor; 
  border-radius: 50%;
  flex-shrink: 0;
}

/* 5. Info Grid */
.info-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.info-grid__label {
  font-size: 12px;
  color: var(--color-text-light-gray);
  margin-bottom: 4px;
  text-transform: uppercase;
}

.info-grid__value {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-dark);
}

/* Base Notice Box Component */
.notice-box {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 24px;
  border: 1px solid transparent;
}

.notice-box__icon {
  flex-shrink: 0;
  /* Uses currentColor so it inherits from the parent modifier */
  color: inherit; 
}

.notice-box__content {
  flex: 1;
}

.notice-box__title {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 4px;
  /* Inherits color from parent modifier */
  color: inherit; 
}

.notice-box__text {
  font-size: 13px;
  color: var(--color-text-gray); /* Uses your existing gray text var */
  margin: 0 0 12px;
}

/* Purple Modifier */
.notice-box--purple {
  background-color: var(--color-purple-bg);
  border-color: var(--color-purple-border);
  color: var(--color-purple); /* Sets text color for title and icon */
}

/* 6. Section Headers */
.section-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-text-dark);
  margin-bottom: 20px;
}

.section-title--sidebar {
  font-size: 16px;
  margin-bottom: 16px;
}

.section-subtitle {
  font-size: 13px;
  font-weight: 500;
  color: var(--color-text-gray);
  margin-bottom: 12px;
}

/* 7. Document Lists */
.doc-list {
  display: grid;
  gap: 10px;
  margin-bottom: 20px;
}

.doc-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: 8px;
}

/* Document Modifiers */
.doc-item--green {
  padding: 14px 16px;
  background-color: var(--color-green-bg);
  border: 1px solid var(--color-green-border);
}

.doc-item--gray {
  background-color: var(--color-bg-gray);
  border: 1px solid var(--color-border);
}

/* Document Elements */
.doc-item__info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.doc-item__name {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-dark);
}

.doc-item__name--simple {
  font-size: 14px;
  color: rgb(55, 65, 81);
}

.doc-item__actions {
  display: flex;
  gap: 8px;
}

/* 8. Upload Zone */
.upload-zone {
  border: 2px dashed rgb(209, 213, 219);
  border-radius: 12px;
  padding: 40px;
  text-align: center;
  background-color: var(--color-bg-gray);
}

.upload-zone__text-main {
  margin: 12px 0 4px;
  font-size: 14px;
  color: rgb(55, 65, 81);
}

.upload-zone__text-sub {
  font-size: 13px;
  color: var(--color-text-light-gray);
  margin: 0;
}

.gform-theme--framework .gfield:where(.gfield--type-fileupload,.gfield--input-type-fileupload) .gform_drop_area::before {
    color: var(--color-teal-text) !important;
}
.gform_button_select_files {
  background-color: var(--color-teal-text) !important;
}

/* 9. Sidebar Status Box */
/* Base Status Box Layout */
.status-box {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid transparent; /* Color set by modifier */
  margin-bottom: 24px;
}

.status-box__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-weight: 600;
  color: var(--color-text-dark);
}

.status-box__desc {
  font-size: 13px;
  color: var(--color-text-gray);
  margin: 0;
}

/* Ensure the icon inherits the specific status color */
.status-box__header svg, .status-box__header i[class^="fa-"] {
  color: var(--status-theme-color);
}

/* --- Modifiers --- */

/* Pending Documents (Purple) */
.status-box--purple {
  background-color: var(--color-purple-bg);
  border-color: var(--color-purple-border);
  --status-theme-color: var(--color-purple);
}

/* Pending Approval (Yellow/Orange) */
/* You can use Yellow or Orange depending on preference. 
   Using Yellow here to match your example. */
.status-box--yellow {
  background-color: var(--color-yellow-bg);
  border-color: var(--color-yellow-border);
  --status-theme-color: var(--color-yellow);
}

.status-box--orange {
  background-color: var(--color-orange-bg);
  border-color: var(--color-orange-border);
  --status-theme-color: var(--color-orange);
}

/* Approved (Green) */
.status-box--green {
  background-color: var(--color-green-bg);
  border-color: var(--color-green-border);
  --status-theme-color: var(--color-green);
}

/* Changes Requested (Pink) */
.status-box--pink {
  background-color: var(--color-pink-bg);
  border-color: var(--color-pink-border);
  --status-theme-color: var(--color-pink);
}

/* Rejected (Red) */
.status-box--red {
  background-color: var(--color-red-bg);
  border-color: var(--color-red-border);
  --status-theme-color: var(--color-red);
}

/* Completed (Blue) */
.status-box--blue {
  background-color: var(--color-blue-bg);
  border-color: var(--color-blue-border);
  --status-theme-color: var(--color-blue);
}

/* 10. Sidebar Indicators */
.indicator-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.indicator-list__item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--color-text-gray);
}

.actions-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}


/* --- Layout Wrappers --- */
.confirmation-wrapper {
  padding: 24px 32px;
  max-width: 800px;
  margin: 0 auto;
}

.card--overflow {
  overflow: hidden; /* Added to existing .card logic */
  padding: 0; /* Override default card padding for this specific layout */
}

/* --- Status Headers --- */
.status-header {
  padding: 32px;
  text-align: center;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}

.status-header__icon {
  font-size: 40px;
  margin-bottom: 16px;
  color: inherit; /* Inherits from modifier class */
}

.status-header__title {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-text-dark);
  margin: 0 0 8px;
}

.status-header__desc {
  font-size: 14px;
  color: var(--color-text-gray);
  margin: 0;
}

/* Header Colors */
.status-header--green {
  background-color: var(--color-green-bg);
  border-bottom-color: var(--color-green);
  color: var(--color-green);
}

.status-header--orange {
  background-color: var(--color-orange-bg);
  border-bottom-color: var(--color-orange);
  color: var(--color-orange);
}

.status-header--red {
  background-color: var(--color-red-bg);
  border-bottom-color: var(--color-red);
  color: var(--color-red);
}

/* --- Confirmation Body --- */
.confirmation-body {
  padding: 32px;
}

.confirmation-wrapper p {
  margin: 0;
}

/* Classification Row */
.classification-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background-color: var(--color-bg-gray);
  border-radius: 12px;
  margin-bottom: 24px;
  border: 1px solid var(--color-teal-border);
}

.classification-row__label {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 4px;
}

.classification-row__value {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.classification-row__value--green { color: var(--color-green); }
.classification-row__value--orange { color: var(--color-orange); }
.classification-row__value--red { color: var(--color-red); }

/* --- Tags (Factors) --- */
.factors-section {
  margin-bottom: 24px;
}

.factors-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tag {
  padding: 6px 12px; /* Slightly different padding than .badge */
  border-radius: 6px;
  font-size: 13px;
  /* Default to Teal/Neutral */
  background-color: var(--color-teal-border); /* using border color as bg for neutral tags based on input */
  color: var(--color-teal-text);
}

/* Tag Modifiers */
.tag--green {
  background-color: var(--color-green-bg);
  color: var(--color-green);
}

.tag--orange {
  background-color: var(--color-orange-bg);
  color: var(--color-orange);
}

.tag--red {
  background-color: var(--color-red-bg);
  color: var(--color-red);
}

.tag--teal {
  background-color: var(--color-teal-border); 
  color: var(--color-text-dark);
}

/* --- Info Box (Approval) --- */
.info-box {
  padding: 16px;
  background-color: var(--color-teal-bg);
  border-radius: 12px;
  margin-bottom: 24px;
  border: 1px solid var(--color-teal-border);
}

.info-box__label {
  font-size: 13px;
  color: var(--color-text-gray);
  margin: 0 0 4px;
}

.info-box__value {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-text-dark);
  margin: 0;
}

/* --- Action Buttons Layout --- */
.actions-row {
  display: flex;
  gap: 12px;
}

.btn--link {
  text-decoration: none;
  justify-content: center; /* Center text in flex link */
  flex: 1 1 0%;
  padding: 14px;
  font-weight: 600;
  font-size: 14px;
}

.btn--lg-secondary {
  flex: 1 1 0%;
  padding: 14px;
  background-color: var(--color-bg-light);
  border: 1px solid rgb(209, 213, 219);
  border-radius: 8px;
  color: var(--color-text-gray);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

/* --- Card Modifiers --- */
.card--interactive {
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  padding: 20px; /* Specific padding from your snippet */
}

.card--interactive:hover {
  transform: translateY(-2px); /* nice interaction feel */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* --- Event Summary Component --- */
.event-summary__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
}

.event-summary__title {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text-dark);
  margin: 0 0 4px;
}

.event-summary__subtitle {
  font-size: 13px;
  color: var(--color-text-light-gray);
  margin: 0;
}

.event-summary__meta {
  display: flex;
  gap: 16px;
  margin-bottom: 12px;
  font-size: 13px;
  color: var(--color-text-gray);
}

.event-summary__meta-item {
  display: flex;
  align-items: center;
  gap: 4px;
}

.event-summary__location {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  font-size: 12px;
  color: var(--color-text-light-gray);
}

.event-summary__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  border-top: 1px solid rgb(243, 244, 246);
  gap: 12px;
}

/* --- Button Modifiers --- */
/* Uses the Teal variables we defined in the previous step */
.btn--tertiary {
  background-color: var(--color-teal-border); 
  color: var(--color-text-dark);
  border: 1px solid var(--color-teal-border); 
  padding: 6px 12px;
}

.btn--edit-entry {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  border: 1px solid transparent;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 0 0 auto;
  text-transform: none;
  padding: 6px 12px;
  background-color: var(--color-text-dark);
  border-color: var(--color-text-dark);
  color: var(--color-bg-light);
}
.btn--edit-entry a {
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: 600;
  text-transform: none;
  color: var(--color-bg-light);
}


/*-----// TYPOGRAPHY //-----*/

b, strong {
	font-weight: 600;
}


.content-admin,
.content-free,
.content-pro,
.content-plus,
.content-supplier-free,
.content-supplier-pro,
.content-business,
.widget.bb_widget_recent_posts {
	display: none !important;
}

.pmpro-level-1 .content-free, 
.pmpro-level-2 .content-pro, 
.pmpro-level-8 .content-pro,
.pmpro-level-10 .content-pro, 
.pmpro-level-11 .content-pro,
.pmpro-level-12 .content-plus, 
.pmpro-level-13 .content-plus,
.pmpro-level-14 .content-plus,
.pmpro-level-12 .content-business, 
.pmpro-level-13 .content-business,
.pmpro-level-4 .content-supplier-free,
.pmpro-level-5 .content-supplier-pro, 
.wiingman-profile-type--specialist .widget.bb_widget_recent_posts {
	display: block !important;
}

.wiingman-profile-type--specialist:not(.my-account) .personal-information,
.pmpro-body-has-level-4 .content-supplier-plus,
.pmpro-body-has-level-5 .content-supplier-plus,
.pmpro-body-has-level-2 .content-specialist-free,
.pmpro-body-has-level-8 .content-specialist-free,
.pmpro-body-has-level-1 .content-specialist-pro {
	display: none !important;
}

.wiingman-profile-role--Administrator .content-admin,
.wiingman-profile-role--Administrator .content-free,
.wiingman-profile-role--Administrator .content-pro,
.wiingman-profile-role--Administrator .content-plus,
.wiingman-profile-role--Administrator .content-supplier-free,
.wiingman-profile-role--Administrator .content-supplier-pro,
.wiingman-profile-role--Administrator .content-business,
.wiingman-profile-role--Administrator .widget.bb_widget_recent_posts,
.wiingman-profile-role--Project-Manager .content-free,
.wiingman-profile-role--Project-Manager .content-pro,
.wiingman-profile-role--Project-Manager .content-plus,
.wiingman-profile-role--Project-Manager .content-supplier-free,
.wiingman-profile-role--Project-Manager .content-supplier-pro,
.wiingman-profile-role--Project-Manager .content-business {
	display: block !important;
}


/*-----// LEARNDASH | INSTRUCTOR //-----*/

.page-template-ir-wisdm-dashboard-template.ir-collapse {
    padding-left: 0 !important;
}
.page-template-ir-wisdm-dashboard-template {
    padding-left: 0;
}


/*-----// CREATE ACCOUNT //-----*/

.pmpro_section_content .pmpro_btn.pmpro_btn-select {
    background-color: #EE27A5;
    border-color: #EE27A5;
}

#pmpro_level_group-6 {
    display: none;
}
.pmpro_data_filters {
    display: flex;    
    justify-content: space-between;
    margin-bottom: 10px;
}
form#pmprogroupacct_manage_group_members .pmpro_data_filters {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}


.pmpro-body-has-level-1 #pmpro_level_group-3, .pmpro-body-has-level-2 #pmpro_level_group-3, .pmpro-body-has-level-8 #pmpro_level_group-3,
.pmpro-body-has-level-1 #pmpro_level_group-4, .pmpro-body-has-level-2 #pmpro_level_group-4, .pmpro-body-has-level-8 #pmpro_level_group-4 {
    display: none;
}
.pmpro-body-has-level-3 #pmpro_level_group-2,
.pmpro-body-has-level-3 #pmpro_level_group-4 {
    display: none;
}
.pmpro-body-has-level-3 #pmpro_level_group-2, .pmpro-body-has-level-4 #pmpro_level_group-2, .pmpro-body-has-level-5 #pmpro_level_group-2, .pmpro-body-has-level-6 #pmpro_level_group-2, .pmpro-body-has-level-7 #pmpro_level_group-2,
.pmpro-body-has-level-3 #pmpro_level_group-3, .pmpro-body-has-level-4 #pmpro_level_group-3, .pmpro-body-has-level-5 #pmpro_level_group-3, .pmpro-body-has-level-6 #pmpro_level_group-3, .pmpro-body-has-level-7 #pmpro_level_group-3 {
    display: none;
}


.alert {
	margin: 10px 0 20px;
    background-color: #fafbfd;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px 10px 40px;
    line-height: 21px;
    color: #000;
	position: relative;
}
.alert.alert-warning {
    background-color: var(--bb-danger-color);
    border-color: var(--bb-danger-color);
    color: #fff;
}
.alert.alert-warning:before {
	font-family: bb-icons;
    display: inline-block;
    speak: none;
    width: 18px;
    font-size: 18px;
    margin-right: 10px;
    text-decoration: inherit;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 15px;
    content: '\ee65';
    font-weight: 200;
}


/*-----// WP JOB MANAGER //-----*/

.single-job_listing article.job_listing .entry-content-job .entry-primary .entry-content .company_video,
.single_job_listing .company .company_video {
    width: 100% !important;
	padding-top: 0 !important;
	overflow: visible !important;
}
.single-job_listing article.job_listing .entry-content-job .entry-primary .entry-content .company_video .fluid-width-video-wrapper,
.single_job_listing .company .company_video .fluid-width-video-wrapper{
	margin: 0 !important;
}
.jmfe-custom-field-wrap {
	margin-bottom: .9rem;
}
#jmfe-wrap-job_position_project_contract {
	text-align: left;
}

.entry-header, body.buddypress article.page>.entry-header {
	margin-bottom: 20px;
}
.entry-title, body.buddypress article.page>.entry-header .entry-title {
    font-size: 26px;
	font-weight: 800;
}
.page-template-page-contained .entry-content {
	background-color: #fff;
	border-radius: 20px;
	padding: 40px;
}
ul.job_listings li.job_listing a div.position h3 {
    font-weight: 500;
}
ul.job_listings li.job_listing a:hover div.position h3 {
    color: #122B46;
}
.job-manager-form label {
	text-transform: capitalize;
}

/*-----// WP JOB MANAGER LISTING //-----*/

.job-listing--item {
	display: flex;
	align-items: start !important;
	padding: 0 !important;
}
.job-listing--image {
	flex: 0 0 74px;
	padding: 15px;
}
.job-listing--image img {
	position: relative !important;
    top: 0 !important;
    transform: none !important;
    float: none !important;
    margin: 0 !important;
    left: 0 !important;
}
.job-listing--text {
	border-left: 1px solid #e7eaec;
	flex: 0 1 100%;
}
.job-listing--main {
	padding: 15px 15px 5px;
	display: flex;
}
.job-listing--main-title {
	flex: 0 1 100%;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 22px !important;
}
.job-listing--main-type {
	flex: 1 0 100%;
	padding: 0 15px 15px;
}
.job-listing--main-location {
	flex: 0 0 160px;
	font-size: 12px;
}
.job-listing--sub {
	padding: 10px 15px;
	background-color: #e7eaec;
	display: flex;
}
.job-listing--sub-company {
	flex: 0 0 200px;
}
.job-listing--sub-tagline {
	flex: 0 1 100%;
}
.job-listing--sub-date {
	flex: 0 0 160px;
}
.job-listing--main > div,
.job-listing--sub > div {
	padding-right: 10px;
	font-size: 12px;
	font-weight: 600;
	line-height: 14px;
}
.job-listing--main > div > span,
.job-listing--main-type > span,
.job-listing--sub > div > span {
	display: block;
	font-size: 10px;
	font-weight: 400;
}
.job-listing--job-type {
	display: inline-block !important;
    background-color: #e7eaec;
    border-radius: 3px;
    padding: 4px 8px;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-right: 4px;
    line-height: 18px;
}
.jmfe-checklist-wrapper {
	column-count: 3
}
.jmfe-checklist-label {
    display: inline-block !important;
    margin: 0 0 10px !important;
    width: auto !important;
    float: none !important;
    vertical-align: middle !important;
    line-height: 1.3 !important;
	position: relative !important;
	padding-left: 25px !important;
}
.jmfe-checklist-label input {
	position: absolute;
	top: 3px;
    left: 0;
}
.entry-content .job-manager-form .field input[type="checkbox"] {
    width: auto !important;
}

@media (max-width : 800px) {
	.page-template-page-contained .entry-content {
		padding: 20px;
	}
	.job-listing--image {
		flex: 0 0 auto;
	}
	.job-listing--main {
		padding: 0px 15px 5px;
		flex-direction: column;
	}
	.job-listing--main-title {
		margin-bottom: 10px;
	}
	.job-listing--main-location {
		flex: 0 0 auto;
	}
	.job-listing--sub {
		flex-direction: column;
	}
	.job-listing--sub-company, .job-listing--sub-date, .job-listing--sub-tagline {
		flex: 0 0 auto;
		margin-bottom: 10px;
	}
	.job-listing--text {
		width: 100%;
	}
}

input, select, textarea, .select2-container--default .select2-selection--multiple {
    border-color: #CCD3D6;
}
#buddypress .comment-reply-link, #buddypress .generic-button a, #buddypress .standard-form button, #buddypress a.button, #buddypress input[type=button], #buddypress input[type=reset], #buddypress input[type=submit], #buddypress ul.button-nav li a, a.bp-title-button, .buddypress .buddypress-wrap button, .groups-header #item-header-content .generic-button .group-button, #buddypress input#bp_invites_reset:hover, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_cancel, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_comment, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_comment.action-save, .buddypress .buddypress-wrap .comment-reply-link, .buddypress .buddypress-wrap .generic-button a, .buddypress .buddypress-wrap a.bp-title-button, .buddypress .buddypress-wrap a.button, .buddypress .buddypress-wrap button, .buddypress .buddypress-wrap input[type=button], .buddypress .buddypress-wrap input[type=reset], .buddypress .buddypress-wrap input[type=submit], .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a, .button, button, input[type=button], input[type=submit], body #bbpress-forums .bp-list .action .generic-button button, body #buddypress .bp-list .action .generic-button button, body #bbpress-forums .bp-list .action .generic-button a, body #buddypress .bp-list .action .generic-button a  {
	background-color: #012430;
    color: #CCD3D6;
    border: 1px solid #012430;
}
#buddypress .comment-reply-link.outline, #buddypress .generic-button a.outline, #buddypress .standard-form button.outline, #buddypress a.button.outline, #buddypress input[type=button].outline, #buddypress input[type=reset].outline, #buddypress input[type=submit].outline, #buddypress ul.button-nav li a.outline, a.bp-title-button.outline, .groups-header #item-header-content .generic-button .group-button:active, .groups-header #item-header-content .generic-button .group-button:focus, .groups-header #item-header-content .generic-button .group-button:hover, #buddypress .comment-reply-link:active, #buddypress .comment-reply-link:focus, #buddypress .comment-reply-link:hover, #buddypress .generic-button a:active, #buddypress .generic-button a:focus, #buddypress .generic-button a:hover, #buddypress .standard-form button:active, #buddypress .standard-form button:focus, #buddypress .standard-form button:hover, #buddypress a.button:active, #buddypress a.button:focus, #buddypress a.button:hover, #buddypress input[type=button]:active, #buddypress input[type=button]:focus, #buddypress input[type=button]:hover, #buddypress input[type=reset]:active, #buddypress input[type=reset]:focus, #buddypress input[type=reset]:hover, #buddypress input[type=submit]:active, #buddypress input[type=submit]:focus, #buddypress input[type=submit]:hover, #buddypress ul.button-nav li a:active, #buddypress ul.button-nav li a:focus, #buddypress ul.button-nav li a:hover, a.bp-title-button:active, a.bp-title-button:focus, a.bp-title-button:hover, #buddypress input#bp_invites_reset, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_cancel:active, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_cancel:focus, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_cancel:hover, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_comment.action-save:active, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_comment.action-save:focus, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_comment.action-save:hover, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_comment:active, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_comment:focus, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_comment:hover, .buddypress .buddypress-wrap .comment-reply-link:active, .buddypress .buddypress-wrap .comment-reply-link:focus, .buddypress .buddypress-wrap .comment-reply-link:hover, .buddypress .buddypress-wrap .generic-button a:active, .buddypress .buddypress-wrap .generic-button a:focus, .buddypress .buddypress-wrap .generic-button a:hover, .buddypress .buddypress-wrap a.bp-title-button:active, .buddypress .buddypress-wrap a.bp-title-button:focus, .buddypress .buddypress-wrap a.bp-title-button:hover, .buddypress .buddypress-wrap a.button:active, .buddypress .buddypress-wrap a.button:focus, .buddypress .buddypress-wrap a.button:hover, .buddypress .buddypress-wrap button:active, .buddypress .buddypress-wrap button:focus, .buddypress .buddypress-wrap button:hover, .buddypress .buddypress-wrap input[type=button]:active, .buddypress .buddypress-wrap input[type=button]:focus, .buddypress .buddypress-wrap input[type=button]:hover, .buddypress .buddypress-wrap input[type=reset]:active, .buddypress .buddypress-wrap input[type=reset]:focus, .buddypress .buddypress-wrap input[type=reset]:hover, .buddypress .buddypress-wrap input[type=submit]:active, .buddypress .buddypress-wrap input[type=submit]:focus, .buddypress .buddypress-wrap input[type=submit]:hover, .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a:active, .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a:focus, .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a:hover, .button:active, .button:focus, .button:hover, button:active, button:focus, button:hover, input[type=button]:active, input[type=button]:focus, input[type=button]:hover, input[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_cancel.secondary, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_comment.action-save.secondary, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_comment.secondary, .buddypress .buddypress-wrap .comment-reply-link.secondary, .buddypress .buddypress-wrap .generic-button a.secondary, .buddypress .buddypress-wrap a.bp-title-button.secondary, .buddypress .buddypress-wrap a.button.secondary, .buddypress .buddypress-wrap button.secondary, .buddypress .buddypress-wrap input[type=button].secondary, .buddypress .buddypress-wrap input[type=reset].secondary, .buddypress .buddypress-wrap input[type=submit].secondary, .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a.secondary, .button.secondary, button.secondary, input[type=button].secondary, input[type=submit].secondary, body #bbpress-forums .bp-list .action .generic-button button:active, body #bbpress-forums .bp-list .action .generic-button button:focus, body #bbpress-forums .bp-list .action .generic-button button:hover, body #buddypress .bp-list .action .generic-button button:active, body #buddypress .bp-list .action .generic-button button:focus, body #buddypress .bp-list .action .generic-button button:hover, body #bbpress-forums .bp-list .action .generic-button a, body #buddypress .bp-list .action .generic-button a {
	background-color: #CCD3D6;
    color: #012430;
    border: 1px solid #CCD3D6;
}
#buddypress .comment-reply-link.outline:active, #buddypress .comment-reply-link.outline:hover, #buddypress .generic-button a.outline:active, #buddypress .generic-button a.outline:hover, #buddypress .standard-form button.outline:active, #buddypress .standard-form button.outline:hover, #buddypress a.button.outline:active, #buddypress a.button.outline:hover, #buddypress input[type=button].outline:active, #buddypress input[type=button].outline:hover, #buddypress input[type=reset].outline:active, #buddypress input[type=reset].outline:hover, #buddypress input[type=submit].outline:active, #buddypress input[type=submit].outline:hover, #buddypress ul.button-nav li a.outline:active, #buddypress ul.button-nav li a.outline:hover, a.bp-title-button.outline:active, a.bp-title-button.outline:hover, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_cancel.secondary:hover, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_comment.action-save.secondary:hover, .activity-list .activity-item .comment-item .activity-meta.action .buddyboss_edit_activity_comment.secondary:hover, .buddypress .buddypress-wrap .comment-reply-link.secondary:hover, .buddypress .buddypress-wrap .generic-button a.secondary:hover, .buddypress .buddypress-wrap a.bp-title-button.secondary:hover, .buddypress .buddypress-wrap a.button.secondary:hover, .buddypress .buddypress-wrap button.secondary:hover, .buddypress .buddypress-wrap input[type=button].secondary:hover, .buddypress .buddypress-wrap input[type=reset].secondary:hover, .buddypress .buddypress-wrap input[type=submit].secondary:hover, .buddypress .buddypress-wrap ul.button-nav:not(.button-tabs) li a.secondary:hover, .button.secondary:hover, button.secondary:hover, input[type=button].secondary:hover, input[type=submit].secondary:hover {
	background-color: #012430;
    color: #CCD3D6;
    border: 1px solid #012430;
}
.members-list .bp-member-type, .users-header .bp-member-type {
	background-color: #CCD3D6;
	color: #012430;
}
.buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav {
	margin-bottom: 0 !important;
}

#submit-job-form fieldset + h2 {
	border-top: 1px solid #CCD3D6;
	padding-top: 40px;
	padding-bottom: 20px;
}
.job-manager-form fieldset input[type=file]+label {
    color: #012430;
}
.field.account-sign-in strong {
	font-weight: 600;
	color: #012430;
}
#buddypress .activity-list.bp-list .activity-item, .activity-anonymous-options, #cover-image-container, .meeting-item-container, .meeting-item-table .meeting-item-header, .meeting-item-table .meeting-item, .single-meeting-item-table .single-meeting-item, .meeting-item-container .load-more, #members-list.item-list .list-wrap, .item-list.groups-list .list-wrap, .item-list.bp-search-results-list .list-wrap, #item-body > div.profile, #whats-new-form, .bb-bp-settings-container, #buddypress .bp-navs.bb-bp-tab-nav, .profile.public .bp-widget:not(:last-child), .buddypress-wrap .bp-feedback, #item-body #group-invites-container, #item-body #group-invites-container .bp-navs.group-subnav, nav#object-nav, .groups.group-admin #buddypress #item-body .bp-navs.group-subnav, .bp-avatar-nav ul, .bp-avatar-nav ul.avatar-nav-items li.current, #buddypress .groups-manage-members-list .item-list > li, #item-body #group-invites-container .bp-invites-content .item-list > li, #item-body #group-invites-container .bp-invites-content .item-list > li:last-child, #buddypress .custom-homepage-info.info, #item-body > div.profile p.bp-feedback, .messages-wrapper, .bb-bp-messages-single #bp-message-thread-list li, #bp-message-thread-list > li:first-child, .groups.group-create .buddypress-wrap, .groups.group-create .buddypress-wrap #group-create-tabs, .groups.group-create .buddypress-wrap #drag-drop-area, .groups.group-create .buddypress-wrap .bp-invites-content #members-list li, .bp-profile-wrapper, .profile-loop-header, .buddypress-wrap .profile.public .profile-group-title, .buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links), #buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap, #buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap > .friendship-button, #page #buddypress #item-body .bp-profile-wrapper #subnav, .bp-settings-container, #buddypress .bp-settings-container .bp-navs, .bp-messages-head, .single.messages.view .bp-messages-nav-panel, .messages.compose .bp-messages-nav-panel, .bp-messages-content #bp-message-thread-list li:first-child, #friend-list.item-list .list-wrap, body:not(.group-admin):not(.group-invites) .buddypress-wrap .group-subnav.tabbed-links ul.subnav, body:not(.group-admin):not(.group-invites) .buddypress-wrap .user-subnav.tabbed-links ul.subnav, body:not(.group-admin):not(.group-invites) .buddypress-wrap .group-subnav.tabbed-links ul.subnav li.selected, body:not(.group-admin):not(.group-invites) .buddypress-wrap .user-subnav.tabbed-links ul.subnav li.selected, body:not(.group-admin):not(.group-invites) .buddypress-wrap.bp-vertical-navs .group-subnav.tabbed-links ul.subnav li.selected, body:not(.group-admin):not(.group-invites) .buddypress-wrap.bp-vertical-navs .user-subnav.tabbed-links ul.subnav li.selected, .groups.group-create .buddypress-wrap #group-create-tabs.tabbed-links .group-create-buttons li.current, .bp-messages-content #bp-message-thread-list, .zoom-meeting-block, .bb-media-container, .media-folder-document-filters, #media-folder-document-data-table .media-folder_items, .bb-activity-media-wrap .bb-activity-media-elem.document-activity, .media.document-parent, #group-settings-form #request-list li, .reply-edit #bbpress-forums .bbp-reply-form .bbp-form .bbp-form .bbp-the-content-wrapper, .reply-edit #bbpress-forums .bbp-reply-form .bbp-form .bbp-form #whats-new-attachments, .reply-edit #bbpress-forums .bbp-reply-form .bbp-form .bbp-form #whats-new-toolbar, .topic-edit #bbpress-forums .bbp-topic-form .bbp-form .bbp-the-content-wrapper, .topic-edit #bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments, .topic-edit #bbpress-forums .bbp-topic-form .bbp-form #whats-new-toolbar, .bp-step-nav-main .bp-step-nav ul, .bp-step-nav-main .bp-step-nav li.selected > a, #job-manager-job-dashboard table.job-manager-jobs thead tr:first-child th:last-child, #job-manager-job-dashboard table.job-manager-jobs thead tr:first-child th, #job-manager-job-dashboard table.job-manager-jobs tbody td:first-child, #job-manager-job-dashboard table.job-manager-jobs tbody td:last-child, #job-manager-job-dashboard table.job-manager-jobs tbody tr:last-child td, #member-invites-table th, #member-invites-table tr td:first-child, #member-invites-table tr td:last-child, #resume-manager-candidate-dashboard table.resume-manager-resumes thead tr:first-child th:first-child, #resume-manager-candidate-dashboard table.resume-manager-resumes thead tr:first-child th, #resume-manager-candidate-dashboard table.resume-manager-resumes thead tr:first-child th:last-child, #resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr:last-child td, #resume-manager-candidate-dashboard table.resume-manager-resumes tfoot tr:last-child td, td, th {
	border-color: #CCD3D6 !important;
}
#job-manager-alerts table.job-manager-alerts tbody tr td, #job-manager-alerts table.job-manager-alerts thead th, .bs-row-wrap > p, #job-manager-job-dashboard table.job-manager-jobs thead th, #job-manager-job-dashboard table.job-manager-jobs tbody tr td, #job-manager-job-dashboard > p, ul.job_listings li.job_listing a div.location, ul.job_listings li.job_listing a div.position .company, ul.job_listings li.job_listing ul.meta li.date, article.job_listing ul.job-listing-meta li, .single-job_listing article.job_listing .single-job-sidebar .name-meta, .single-job_listing article.job_listing .single-job-sidebar p.tagline, table.job-manager-bookmarks thead th, table.job-manager-bookmarks tbody tr td, body.single-resume ul.meta li, .job-manager-form fieldset .account-sign-in, #job_preview ul.job-listing-meta li.date-posted, #resume_preview ul.job-listing-meta li.date-posted, ul.resumes li.resume a div.candidate-column .candidate-title, ul.resumes li.resume a .candidate-location-column, ul.resumes li.resume a .resume-posted-column, #resume-manager-candidate-dashboard table.resume-manager-resumes thead th, #resume-manager-candidate-dashboard table.resume-manager-resumes tbody tr td, #job_preview ul.job-listing-meta li.location, #resume_preview ul.job-listing-meta li.location, #job_preview .single-resume .resume-aside .tagline, #job_preview .single_job_listing .company .tagline, #resume_preview .single-resume .resume-aside .tagline, #resume_preview .single_job_listing .company .tagline {
    color: #002430 !important;
}
#job-manager-job-dashboard table.job-manager-jobs th, #member-invites-table th, #resume-manager-candidate-dashboard table.resume-manager-resumes th {
    background-color: #CCD3D6;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button {
    background-color: #002430 !important;

}
.woocommerce-checkout .bb-wc-co table.shop_table th:first-child {
    padding-left: 10px !important;
}
.woocommerce-checkout .bb-wc-co table.shop_table th:last-child {
    padding-right: 10px !important;
}
.woocommerce-checkout .bb-wc-co table.shop_table td.product-name {
    width: 80%;
}
.woocommerce-checkout .bb-wc-co table.shop_table td.product-total {
    width: 20%;
}
.buddypress-wrap .bp-tables-report tbody tr:nth-child(odd), .buddypress-wrap .bp-tables-user tbody tr:nth-child(odd) {
    background: #fff;
}
.buddypress-wrap .bp-tables-report tbody tr:hover, .buddypress-wrap .bp-tables-user tbody tr:hover {
     background-color: #fff;
}
.subnav-search.groups-search {
    margin-top: -96px;
}
.sticky-header .site-content {
    min-height: calc(100vh - 104px) !important;
}
#buddypress #header-cover-image {
    height: 71px;
    background-color: #002430;
	background-image: none !important;
}
/*#buddypress #header-cover-image .header-cover-img {
    display: none !important;
}*/
body #buddypress:not(.round-avatars) #item-header-cover-image #item-header-avatar img.avatar {
    border-radius: 50%;
}
.bp-navs ul li .count, .buddypress-wrap .bp-navs li.dynamic a .count, span.count, .notification-wrap span.count, .bs-group-cover a {
    background-color: #122B46 !important;
}
.entry-content #groups-list .item-avatar a, #groups-list.bp-list .avatar {
    border-radius: 50%;
}
.item-header-wrap .bp-group-meta .group-type {
    background-color: #CCD3D6;
	color: #012430;
}
.item-header-wrap span.group-visibility.private:before {
	color: #012430;
}
.item-header-wrap .bp-group-meta span {
    background-color: #CCD3D6;
	color: #012430;
}
.jmfe-custom-field-wrap strong {
	display: inline-block;
}
article.job_listing ul.job-listing-meta li {
	font-size: 13px !important;
}
article.job_listing ul.job-listing-meta li.job-type {
    background-color: #002430;
    color: #fff !important;
}
.single_job_listing .company_logo {
	display: none !important;
}
#job_preview .single_job_listing .company p.name {
    padding-left: 0px !important;
}
.post-related-jobs {
	display: none;
}


/*-----// LAYOUT : FIND YOUR SUPERGROUP //-----*/

.page-template-page-find-supergroup .entry-content, .page-template-page-find-supergroup-thanks .entry-content {
    background-color: #fff;
    border-radius: 20px;
    padding: 40px;
}

@media (max-width : 799px) {
	.page-template-page-find-supergroup .entry-content {
		padding: 20px;
	}
}

.supergroup--options {
	display: flex;
	gap: 30px;
	margin-bottom: 30px;
}
.supergroup--option {
	background-color: var(--bb-content-border-color);
	padding: 30px;
	flex: 1;
	border-radius: 20px;
	border: 1px solid #ddd;
	box-shadow: 0 15px 9px -14px rgba(0,0,0,0.5);
	outline: 0px solid #88beb3;
	cursor: pointer;
	position: relative;
	
	transition: all 440ms ease;
}
.supergroup--option:hover, .supergroup--option.active {
	outline: 10px solid #88beb3;
}
.supergroup--option--check {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 50px;
	height: 50px;
}
.supergroup--option--check svg {
	width: 100%;
	height: 100%;
}

@media (max-width : 799px) {
	.supergroup--options {
		flex-direction: column;
	}
}


/*svg polyline {
	fill:none;
	stroke:#FFFFFF;
	stroke-width:10;
	stroke-dasharray:200,200;
	stroke-dashoffset:200;
	opacity: 0;
}
svg circle {
	opacity: 0;
	fill:none;
	stroke:#88beb3;
	stroke-width:2;
	stroke-dasharray:480,480;
	stroke-dashoffset:0;
}
svg circle#colored  {
    opacity: 0;
	fill:#88beb3;
	stroke:#88beb3;
	stroke-width:2;
	stroke-dasharray:480,480;
	stroke-dashoffset:960;
}*/
.active svg polyline {
	stroke-dashoffset: 0;
	opacity: 1;
}
.active svg circle  {
    opacity: 1;
	stroke-dashoffset: 960
}
.active svg circle#colored  {
    opacity: 1;
	stroke-dashoffset: 480
} 

.active svg polyline {
    -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
    animation: checkmark 0.25s ease-in-out 0.7s backwards
}

.active svg circle {
    -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
    animation: checkmark-circle 0.6s ease-in-out backwards;
}
.active svg circle#colored {
    -webkit-animation: colored-circle 0.6s ease-in-out 0.7s backwards;
    animation: colored-circle 0.6s ease-in-out 0.7s backwards;
} 

@keyframes checkmark {
    0% {
        stroke-dashoffset: 100;
		opacity: 0;
    }

    100% {
        stroke-dashoffset: 0;
		opacity: 1;
    }
}

@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 480;
		opacity: 0;
    }

    100% {
        stroke-dashoffset: 960;
		opacity: 1;
    }
}

@keyframes colored-circle { 
    0% {
        opacity:0
    }

    100% {
        opacity:1
    }
}

.supergroup--option--subtitle {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
}
.supergroup--option--title {
	font-size: 20px;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 10px;
}
.supergroup--option--inclusions {
	border-top: 1px solid #ddd;
}
.supergroup--option--inclusions > div {
	border-bottom: 1px solid #ddd;
	padding: 10px 0 10px 30px;
	font-size: 14px;
	line-height: 1.4;
	position: relative;
}
.supergroup--option--inclusions > div i.bb-icon-check {
	color: #88beb3;
	font-size: 20px;
	position: absolute;
	left: 0;
	top: 5px;
}
.supergroup--options-table {
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	line-height: 1.4;
}
.supergroup--options-table-head {
	font-weight: 600;
}
.supergroup--options-table-body .supergroup--options-table-row:nth-child(odd) {
	background-color: #f6f6f6;
}
.supergroup--options-table-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	border-bottom: 1px solid #ddd;
}
.supergroup--options-table-row > div:first-child {
	width: 32%;
}
.supergroup--options-table-row > div:last-child {
	width: 10%;
}
.supergroup--options-table-row > div {
	width: 28%;
	padding: 5px 10px;
	display: flex;
	align-items: center;
	min-height: 51px;
}
.supergroup--options-table-row > div.notes {
    width: 100%;
}
.supergroup--options-table-row > div.notes textarea {
    width: 100%;
}

.coupon-cell {
	width: 40% !important;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.coupon-code-wrap {
	display: flex;
}
.coupon-code-validation {
	width: 100%;
	padding-top: 10px;
}
.coupon-code-wrap input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	width: 150px;
}
.coupon-code-wrap button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

#discount {
	height: 0;
	overflow: hidden;
	transition: height 440ms ease;
}
#discount.active {
	height: 52px;
}

.supergroup--options-table-row div label {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	width: 160px;
	margin: 0;
	display: none;
}

@media (max-width : 799px) {
	.supergroup--options-table-row {
		flex-direction: column;
		align-items: flex-start;
	}
	.supergroup--options-table-row div:first-child, .supergroup--options-table-row div, .supergroup--options-table-row div:last-child {
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		min-height: 46px;
	}
	.supergroup--options-table-head {
		display: none;
	}
	.dismiss {
		display: none !important;
	}
	.supergroup--options-totals-row {
		flex-direction: row;
	}
	.supergroup--options-totals-row > div {
		flex: 1;
		width: 50%;
	}
	.supergroup--options-table-row div label {
		display: inline;
	}
}

.val {
	width: 30px;
}
.times {
	width: 25px;
	text-align: center;
}
.qty {
	width: 100px;
}
.add-role {
	white-space: nowrap;
}

.supergroup--options-other div {
	padding: 5px 10px;
}
.supergroup--options-other button {
	font-size: 14px;
	transition: all 440ms ease;
}
.supergroup--options-other button.disabled {
	opacity: 0;
	pointer-events: none;
}
.supergroup--options-other {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: var(--bb-content-border-color);
}
.supergroup--option-other {
	display: flex;
	height: 0;
	overflow: hidden;
	border: none;
	box-shadow: inset 0 -1px 0px 0px #ddd;
	transition: height 440ms ease;
}
.supergroup--option-other.active {
	height: 52px;
}
.note {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 10px;
}
.terms {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: flex-end;
}
button#submit--find-your-supergroup {
    /* font-size: 20px; */
    font-weight: 600;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #88beb3;
    border-color: #88beb3;
    color: #fff;
}

@media (max-width : 799px) {
	.supergroup--option-other.active {
		height: 184px;
	}
}


#field_15_1, #field_15_2, #field_15_3, #field_15_4, #field_15_5, #field_15_6, #field_15_7, #field_15_8, #field_15_9, #field_15_10, #field_15_11, #field_15_12, #field_15_13, #field_15_14, #field_15_15, #field_15_16, #field_15_17, #field_15_18, #field_15_19, #field_15_20, #field_15_21, #field_15_22, #field_15_23, #field_15_24, #field_15_25, #field_15_26, #field_15_27, #field_15_28, #field_15_29, #field_15_30, #field_15_31, #field_15_32, #field_15_33, #field_15_34, #field_15_35, #field_15_36, #field_15_37, #field_15_38, #field_15_39, #field_15_40, #field_15_61, #field_15_62, #field_15_63, #field_15_64, #field_15_65, #field_15_66, #field_15_67, #field_15_68, #field_15_69, #field_15_70, #field_15_71, #gform_15 .gform_footer {
	visibility: hidden;
	position: absolute;
	top: 0;
}
#gform_15 h3 {
	font-size: 18px;
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--bb-headings-color);
}
#gform_15 label {
	font-size: 14px;
	font-weight: 600;
}
#gform_15 input {
	width: 100%;
}
#gform_15 textarea {
	width: 100%;
	height: 100px;
}
#gform_15 .gfield_description {
	font-size: 11px;
	font-weight: 600;
}

#gform_15 .gfield_validation_message {
	color: #ff0000;
}
#gform_wrapper_15 .gform_submission_error {
	color: #ff0000;
	font-size: 16px;
}
#submit--find-your-supergroup {
	opacity: 0.5;
	pointer-events: none;
}
#submit--find-your-supergroup.active {
	opacity: 1;
	pointer-events: all;
}


/*-----// BUDDYBOSS UI UPDATES //-----*/

#member-invites-table .field-actions-add i {
    background-color: #002430;
	font-size: 14px;
}
p.warning {
    color: #002430 !important;
    background-color: #7bafa2 !important;
    border-color: #7bafa2 !important;
}
.bb-single-nav-item-point {
    display: inline;
}

/*-----// MINI-CART //-----*/

.header-mini-cart ul.cart_list li.mini_cart_item {
	flex-wrap: wrap;
	font-size: 14px;
	color: #002430;
}
.woocommerce-mini-cart dl.variation {
	order: 4;
    width: 100%;
    display: flex;
    margin: 0;
    padding-left: 46px;
	font-size: 14px;
}
.woocommerce-mini-cart dl.variation dd {
	margin: 0 0 0 10px;
}
.woocommerce-mini-cart .quantity {
	font-size: 14px !important;
	color: #002430 !important;
}
.header-mini-cart ul.cart_list li.mini_cart_item>a.remove {
    font-size: 22px;
}



/*-----// LAYOUT : REGISTER //-----*/

.register .ad-placement {
	display: none;
}

@media (min-width: 992px) {
	body.buddypress.register.login-split-page article.bp_register {
		margin-right: auto;
		margin-left: auto;
		max-width: 420px;
		width: 100%;
	}
	body.buddypress.register.login-split-page .register-section-logo {
		margin-right: auto;
		margin-left: auto;
		margin-top: 50px;
		max-width: 420px;
		width: 100%;
		min-width: 0;
		text-align: left;
	}
	.login-split {
		width: 50%;
		position: fixed;
		left: 0;
		height: 100%;
		display: block;
	}
	.login.bb-login #login {
		position: absolute;
		left: 50%;
		top: 50%;
		padding: 30px 0 30px 50px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
.bp_register .entry-header a {
	background-color: #7bafa2;
    border-color: #7bafa2;
    border-radius: 100px;
    box-shadow: none;
    text-shadow: none;
    height: auto;
    padding: 4px 30px;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    font-size: 14px;
    color: #002430 !important;
    min-height: 32px;
    line-height: 2.30769231;
    display: inline-block;
}
body.buddypress.register article.bp_register .entry-header h1 {
    line-height: 40px;
}
.bs-bp-container-reg .buddypress-wrap .bp-messages.info,
.bs-bp-container-reg .buddypress-wrap .bp-messages.info .bp-icon {
    background-color: #002430;
    border-color: #002430;
}

#activate-page a {
	background-color: #002430;
    border-color: #002430;
    border-radius: 100px;
    box-shadow: none;
    text-shadow: none;
    height: auto;
    padding: 4px 30px;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    font-size: 14px;
    color: #fff !important;
    min-height: 32px;
    line-height: 2.30769231;
    display: inline-block;
} 
.popup-terms {
	text-decoration: underline;
}
.popup-terms-submit {
	position: relative !important;
    background-color: #002430 !important;
    color: white !important;
    border-color: #002430 !important;
    border-radius: 100px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    height: auto !important;
    padding: 4px 30px !important;
    -webkit-transition: all linear .2s !important;
    transition: all linear .2s !important;
    font-size: 14px !important;
    min-height: 32px !important;
    line-height: 2.30769231 !important;
    display: inline-block !important;
	width: 300px !important;
    opacity: 1 !important;
}
#create-account-popup-terms {
	font-size: 14px;
    margin-right: 0;
	background-color: #002430;
	color: #fff;
	width: 100%;
}
body.buddypress.activation #buddypress input[type=submit], body.buddypress.register #buddypress input[type=submit] {
	background-color: #012430 !important;
    color: #CCD3D6 !important;
    border: 1px solid #012430 !important;
}
body.buddypress.activation #buddypress input[type=submit]:hover, body.buddypress.register #buddypress input[type=submit]:hover {
	background-color: #CCD3D6 !important;
    color: #012430 !important;
    border: 1px solid #CCD3D6 !important;
}

@media (min-width: 992px) {
	.login-split-page .site-main {
		position: relative;
		padding: 30px 0 30px 50px;
	}
}


/*-----// JOB LISTING UI //-----*/

.job-listing-ui--item {
	margin-bottom: 25px;
}
.job-listing-ui--item-row {
    flex: 1;
    display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 10px;
}
.job-listing-ui--item-heading {
	font-size: 22px;
	font-weight: 700;
	line-height: 37px;
	color: #0B2531;
}
.job-listing-ui--item-step {
	background-color: #0B2531;
	color: #F7CF46;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	display: inline-block;
	text-align: center;
}
.job-listing-ui--item-help {
	margin-left: auto;
	color: #B8C5CB;
	font-size: 14px;
}
.job-listing-ui--item-help a {
	color: #B8C5CB;
	font-size: 14px;
}
.job-listing-ui--item-option {
	width: 100%;
}
.job-listing-ui--item-option select {
	width: 100%;
	background-color: #F4F6F7;
    border-color: #B8C5CB;
    border-radius: 40px;
    padding: 10px 20px;
	height: 50px;
	font-weight: 700;
}


/*-----// PRICING TIERS //-----*/

/*#job_package_selection {
	display: none;
}*/

.page-template-page-pricing .pricing-band {
	position: relative !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: none !important;
}

.job-listing-results-sm {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}
.pricing-tier-sm {
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
	
	padding-left: 10px;
	padding-right: 10px;
}
.pricing-tier-item {
	flex: 1;
    display: flex;
	flex-direction: column;
    padding: 60px 20px 30px;
    border: 10px solid;
    border-radius: 20px;
    height: 100%;
	
	border-color: #012430;
    background-color: #fff;
}
.pricing-tier-item--title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.pricing-tier-item--subtitle {
    font-size: 22px;
    font-weight: 200;
    margin-bottom: 20px;
}
.pricing-tier-item--subtitle strong {
    font-weight: 600;
    text-transform: uppercase;
}
.pricing-tier-item--text {
    margin-bottom: 40px;
}
.pricing-tier-item--price {
    display: flex;
	flex-direction: column;
	margin-top: auto;
}
.pricing-tier-item--price strong {
    font-weight: 800;
}
.pricing-tier-item--price a {
    letter-spacing: 1px;
    text-decoration: none;
}

@media (min-width: 992px) {
	.pricing-tier-sm{
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.pricing-tier-sm{
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
}


#product-col-75,
#product-band-75 {
	border-color: #012430;
	background-color: #fff;
}
#product-col-137,
#product-band-137 {
	border-color: #006B8F;
	background-color: #006B8F;
	color: #fff;
}
#product-col-138,
#product-band-138 {
	border-color: #012430;
	background-color: #012430;
	color: #fff;
}

#product-col-139,
#product-band-139 {
	border-color: #f9d248;
	background-color: #fff;
}
#product-col-140,
#product-band-140 {
	border-color: #FBDE74;
	background-color: #FBDE74;
}
#product-col-141,
#product-band-141 {
	border-color: #f9d248;
	background-color: #f9d248;
}

#product-col-142,
#product-band-142 {
	border-color: #E25812;
	background-color: #fff;
}
#product-col-143,
#product-band-143 {
	border-color: #F07C42;
	background-color: #F07C42;
}
#product-col-144,
#product-band-144 {
	border-color: #E25812;
	background-color: #E25812;
}

/*Color Blue*/
#product-col-75 .pricing-tier-item--subtitle,
#product-band-75 .pricing-band-item--subtitle,
#product-band-75 .tick-list li::before,
#product-col-139 .pricing-tier-item--subtitle,
#product-band-139 .pricing-band-item--subtitle,
#product-col-band-139 .tick-list li::before,
#product-col-140 .pricing-tier-item--subtitle,
#product-band-140 .pricing-band-item--subtitle,
#product-band-140 .tick-list li::before,
#product-col-141 .pricing-tier-item--subtitle,
#product-band-141 .pricing-band-item--subtitle,
#product-band-141 .tick-list li::before,
#product-col-142 .pricing-tier-item--subtitle,
#product-band-142 .pricing-band-item--subtitle,
#product-band-142 .tick-list li::before {
	color: #006B8F;
}
/*Color Yellow*/
#product-col-137 .pricing-tier-item--subtitle,
#product-band-137 .pricing-band-item--subtitle,
#product-band-137 .tick-list li::before,
#product-col-138 .pricing-tier-item--subtitle,
#product-band-138 .pricing-band-item--subtitle,
#product-band-138 .tick-list li::before  {
	color: #7bafa2;
}
/*Color White*/
#product-col-143 .pricing-tier-item--subtitle,
#product-band-143 .pricing-band-item--subtitle,
#product-band-143 .tick-list li::before,
#product-col-144 .pricing-tier-item--subtitle,
#product-band-144 .pricing-band-item--subtitle,
#product-band-144 .tick-list li::before {
	color: #fff;
}


.pricing-band--row {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}
.pricing-band-item--top,
.pricing-band-item--btm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}

@media (min-width: 1200px) {
	.pricing-band-item--top {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
}

.pricing-band {
	padding: 90px 40px;
	border-top: 10px solid;
	border-bottom: 10px solid;
	margin-left: -40px;
	margin-right: -40px;
}
.pricing-band-item {

}
.pricing-band-item--title {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.pricing-band-item--subtitle {
	font-size: 30px;
	font-weight: 200;
	line-height: 40px;
	margin-bottom: 10px;
}
.pricing-band-item--subtitle strong {
	font-weight: 800;
	text-transform: uppercase;
}
.pricing-band-item--text {
	margin-bottom: 40px;
}
.pricing-band-item--price {
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.pricing-band-item--price-terms {
	font-size: 11px;
	font-weight: 400;
	text-transform: none;
}
/* .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn {
	font-size: 14px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 3rem;
    margin: 0.15rem 0;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 2rem;
    letter-spacing: 1px;
}
.btn-block {
	display: block;
}
.btn-sm {
	font-size: 1.6rem;
	padding: 14px 30px;
	border-radius: 3rem;
	margin: 0.15rem 0;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 1px;
}*/
.btn-yellow {
	background-color: #CDE9E2;
	border: 1px solid #CDE9E2;
	color: #012430;
}
.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow:focus {
	background-color: #7bafa2;
	border: 1px solid #7bafa2;
	color: #012430;
}
.btn-blue {
	background-color: #012430;
	border: 1px solid #012430;
	color: #7bafa2;
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus {
	background-color: #000;
	border: 1px solid #000;
	color: #7bafa2;
} 

.tick-list {
	margin: 10px 0 30px;
	padding: 0;
	list-style: none;
}
.tick-list li {
	padding: 15px 0 15px 30px;
	border-bottom: 1px solid hsla(195, 97%, 9%, 0.1);
	margin: 0;
	position: relative;
}

.tick-list li::before {
	position: absolute;
	top: 14px;
	left: 0;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro"; 
	font-weight: 200; 
	content: "\f00c";
	margin-right: 15px;
	color: #1F759C;
}
@media (min-width: 992px) {
	.pricing-band .tick-list {
		column-count: 2;
		column-gap: 30px;
	}
}


.pricing-tier-sm,
.pricing-band {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s, opacity 0.7s linear;
}

.pricing-tier-sm.selected:before,
.pricing-band.selected:before{
	content: '';
	width: 50px;
	height: 50px;
 	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Imljb24tc2VsZWN0ZWQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxjaXJjbGUgaWQ9ImNpcmNsZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzBCMjUzMTsiIGN4PSIyNSIgY3k9IjI1IiByPSIyNSIvPgo8cGF0aCBpZD0idGljayIgc3R5bGU9ImZpbGw6I0Y3Q0Y0NjsiIGQ9Ik0yMy44LDMzLjlsMTIuMy0xMi4zYzAuNC0wLjQsMC40LTEuMSwwLTEuNWwtMS41LTEuNWMtMC40LTAuNC0xLjEtMC40LTEuNSwwbC0xMCwxMGwtNC43LTQuNwoJYy0wLjQtMC40LTEuMS0wLjQtMS41LDBsLTEuNSwxLjVjLTAuNCwwLjQtMC40LDEuMSwwLDEuNWw3LDdDMjIuNywzNC4zLDIzLjQsMzQuMywyMy44LDMzLjl6Ii8+Cjwvc3ZnPgo=");
	background-size: cover;
	position: absolute;
    top: 20px;
    right: 30px;
}
.btn-next {
	visibility: hidden;
}
.pricing-band .btn-select.selected + .btn-next {
	visibility: visible;
}


[data-option-one="a"][data-option-two="a"] #pricing-tier-137,
[data-option-one="a"][data-option-two="a"] #pricing-tier-138,
[data-option-one="a"][data-option-two="a"] #product-band-137,
[data-option-one="a"][data-option-two="a"] #product-band-138{
	position:relative;
	display: block;
	opacity: 1;
	visibility: visible;
}
[data-option-one="a"][data-option-two="b"] #pricing-tier-137,
[data-option-one="a"][data-option-two="b"] #pricing-tier-138,
[data-option-one="a"][data-option-two="b"] #product-band-137,
[data-option-one="a"][data-option-two="b"] #product-band-138 {
	position:relative;
	display: block;
	opacity: 1;
	visibility: visible;
}
[data-option-one="a"][data-option-two="c"] #pricing-tier-75,
[data-option-one="a"][data-option-two="c"] #pricing-tier-137,
[data-option-one="a"][data-option-two="c"] #pricing-tier-138,
[data-option-one="a"][data-option-two="c"] #product-band-75,
[data-option-one="a"][data-option-two="c"] #product-band-137,
[data-option-one="a"][data-option-two="c"] #product-band-138 {
	position:relative;
	display: block;
	opacity: 1;
	visibility: visible;
}
/****/
[data-option-one="b"][data-option-two="a"] #pricing-tier-141,
[data-option-one="b"][data-option-two="a"] #pricing-tier-140,
[data-option-one="b"][data-option-two="a"] #product-band-141,
[data-option-one="b"][data-option-two="a"] #product-band-140{
	position:relative;
	display: block;
	opacity: 1;
	visibility: visible;
}
[data-option-one="b"][data-option-two="b"] #pricing-tier-141,
[data-option-one="b"][data-option-two="b"] #pricing-tier-140,
[data-option-one="b"][data-option-two="b"] #product-band-141,
[data-option-one="b"][data-option-two="b"] #product-band-140 {
	position:relative;
	display: block;
	opacity: 1;
	visibility: visible;
}
[data-option-one="b"][data-option-two="c"] #pricing-tier-139,
[data-option-one="b"][data-option-two="c"] #product-band-139 {
	position:relative;
	display: block;
	opacity: 1;
	visibility: visible;
}
/****/
[data-option-one="c"][data-option-two="a"] #pricing-tier-142,
[data-option-one="c"][data-option-two="a"] #pricing-tier-143,
[data-option-one="c"][data-option-two="a"] #pricing-tier-144,
[data-option-one="c"][data-option-two="a"] #product-band-142,
[data-option-one="c"][data-option-two="a"] #product-band-143,
[data-option-one="c"][data-option-two="a"] #product-band-144{
	position:relative;
	display: block;
	opacity: 1;
	visibility: visible;
}
[data-option-one="c"][data-option-two="b"] #pricing-tier-142,
[data-option-one="c"][data-option-two="b"] #pricing-tier-143,
[data-option-one="c"][data-option-two="b"] #pricing-tier-144,
[data-option-one="c"][data-option-two="b"] #product-band-142,
[data-option-one="c"][data-option-two="b"] #product-band-143,
[data-option-one="c"][data-option-two="b"] #product-band-144{
	position:relative;
	display: block;
	opacity: 1;
	visibility: visible;
}
[data-option-one="c"][data-option-two="c"] #pricing-tier-142,
[data-option-one="c"][data-option-two="c"] #pricing-tier-143,
[data-option-one="c"][data-option-two="c"] #pricing-tier-144,
[data-option-one="c"][data-option-two="c"] #product-band-142,
[data-option-one="c"][data-option-two="c"] #product-band-143,
[data-option-one="c"][data-option-two="c"] #product-band-144{
	position:relative;
	display: block;
	opacity: 1;
	visibility: visible;
}

.tabbed-enquiry--col {
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 992px) {
	.tabbed-enquiry--col {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

#job_preview .single-resume .resume-aside .name a:hover, #job_preview .single_job_listing .company .name a:hover, #resume_preview .single-resume .resume-aside .name a:hover, #resume_preview .single_job_listing .company .name a:hover {
    color: #002430 !important;
}
#job_preview ul.job-listing-meta li.job-type, #resume_preview ul.job-listing-meta li.job-type {
    font-size: 14px !important;
    padding: 6px 10px !important;
}


/*-----// GRAVITY VIEWS : PREVIEW //-----*/

.my-documents-wrapper {
    padding: 20px;
    background-color: #fff;
}
.gv-container {
    padding: 0px;
    background: #fff;
}
.gv-widget-pagination p {
    margin: 0 0 10px;
    font-size: 12px;
}
.gv-table-view {
    margin-bottom: 0px;
}
.gv-table-view thead {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
}
.gv-table-view tfoot {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden;
}
.gv-table-view thead th, .gv-table-view tfoot th {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: var(--bb-primary-color);
    color: var(--bb-content-background-color);
    padding: 10px;
}
.gv-table-view tbody tr, .gv-list-view-content-description > div:nth-child(odd) {
    background-color: var(--bb-content-background-color);
}
.gv-table-view tbody tr.alt, .gv-list-view-content-description > div:nth-child(even) {
    background-color: var(--bb-content-border-color);
}
.gv-table-view td {
    border-radius: 0 !important;
    padding: 0.6em 0.3em;
    font-size: 14px;
}
.gv-list-view-content-description > div {
    padding: 0.6em;
}
.gv-list-view-content p {
    margin-bottom: 0;
}
.gv-list-container .gv-section {
    margin: 2em 0 0.5em 0;
    background-color: #fff !important;
}
.gv-list-view {
    border: 0px;
}
.gv-list-view-content {
    padding: 0;
}
.gv-list-view-content-description .bulleted, .gv-list-view-content-description ul {
    padding-left: 20px;
}
.gv-list-view-content-description > div h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0 10px;
}

.gv-list-view-content-description .gpnf-nested-entries > thead {
    display: none;
}
.gv-list-view-content-description .gpnf-nested-entries > tbody > tr {
    display: inline-flex;
    flex-direction: column;
}
.gv-list-view-content-description .gpnf-nested-entries > tbody > tr > td:nth-child(odd) {
    background-color: var(--bb-content-background-color);
}
.gv-list-view-content-description .gpnf-nested-entries > tbody > tr > td:nth-child(even) {
    background-color: var(--bb-content-border-color);
}
.gv-list-view-content-description .gpnf-nested-entries .gpnf-field:before {
    content: attr(data-heading);
    font-weight: 600;
}
.gv-list-view-content-description .gpnf-nested-entries .gfield_list {
    overflow: hidden;
    margin-top: 10px;
}
.gv-list-view-content-description .gpnf-nested-entries .gfield_list thead th {
    background: var(--bb-primary-color);
    color: #fff;
}

.gv-button {
    background-color: #fff;
    border: 1px solid #012430;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin: 0 2px;
}
td.gv-field-17-custom[data-label="Action"] {
    display: inline-flex;
}


/*-----// GRAVITY VIEW : EDIT FORM //-----*/

.gv-edit-entry-wrapper {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
}
.gv-edit-entry-wrapper .gform_fields > div {
    padding: 0.6em;
}
.gv-edit-entry-wrapper .gform_fields > *:nth-child(odd) {
    background-color: var(--bb-content-background-color);
}
.gv-edit-entry-wrapper .gform_fields > *:nth-child(even) {
    background-color: var(--bb-content-border-color);
}
.gv-edit-entry-wrapper .gform_fields > .gfield--type-section {
    background-color: var(--bb-content-background-color);
}
.gv-edit-entry-wrapper .gsection_title {
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #08242e;
    margin: 20px 0 10px;
    text-transform: uppercase;
    color: #EE27A5;
}
.gv-edit-entry-wrapper .ginput_container {
    margin-bottom: 0;
    position: relative;
}
.gv-edit-entry-wrapper .gfield_label {
    font-weight: 600;
}
.gv-edit-entry-wrapper input[type="text"], .gv-edit-entry-wrapper input[type="url"], .gv-edit-entry-wrapper select {
    font-size: 16px;
    width: 100%;
}
.gv-edit-entry-wrapper .ui-datepicker-trigger {
    position: absolute;
    right: 12px;
    top: 11px;
}
.gv-edit-entry-wrapper .gform_fields > fieldset {
    margin-top: 0px;
    padding: 5px;
}
.gv-edit-entry-title {
    font-weight: 800;
    margin: 0 0 0 10px;
}
.gv-edit-entry-wrapper .gfield_description {
    font-size: 14px;
}
.gv-edit-entry-wrapper .gcoai-output ul, .gv-edit-entry-wrapper .gcoai-output ol {
    padding-left: 20px !important;
    margin-bottom: 20px;
}
.gv-edit-entry-wrapper .gcoai-output h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.gv-edit-entry-wrapper .gcoai-output p {
    margin-bottom: 10px;
}

.gv-edit-entry-wrapper .gpnf-nested-entries {
    margin-top: 10px;
}
.gv-edit-entry-wrapper .gpnf-nested-entries > thead {
    display: none;
}
.gv-edit-entry-wrapper .gpnf-nested-entries > tbody > tr {
    display: inline-flex;
    flex-direction: column;
}
.gv-edit-entry-wrapper .gpnf-nested-entries > tbody > tr > td:nth-child(odd) {
    background-color: var(--bb-content-background-color);
}
.gv-edit-entry-wrapper .gpnf-nested-entries > tbody > tr > td:nth-child(even) {
    background-color: var(--bb-content-border-color);
}
.gv-edit-entry-wrapper .gpnf-nested-entries .gpnf-field:before {
    content: attr(data-heading);
    font-weight: 600;
    display: block;
}
.gv-edit-entry-wrapper .gpnf-nested-entries .gfield_list {
    overflow: hidden;
    margin-top: 10px;
}
.gv-edit-entry-wrapper .gpnf-nested-entries .gfield_list thead th {
    background: var(--bb-primary-color);
    color: #fff;
}

.gv-edit-entry-wrapper .gpnf-nested-entries .edit-button {
    background-color: #012430;
    color: #CCD3D6;
    border: 1px solid #012430;
    font-size: 14px;
    font-weight: 500;
    padding: 13px 20px;
    margin: 0px 2px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 30px;
    line-height: 1;
    text-decoration: none;
}
.gv-edit-entry-wrapper .gpnf-nested-entries .delete-button {
    background-color: #c00;
    color: #fff;
    border: 1px solid #c00;
    font-size: 14px;
    font-weight: 500;
    padding: 13px 20px;
    margin: 0px 2px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 30px;
    line-height: 1;
    text-decoration: none;
}

.gv-button-cancel, .gv-button-delete {
    background-color: #012430;
    color: #CCD3D6;
    border: 1px solid #012430;
    font-size: 14px;
    font-weight: 500;
    padding: 13px 20px;
    margin: 0.15rem 4px 8px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 30px;
    line-height: 1;
    display: none !important;
}
.gv-button-update {
  display: block !important;
  width: 100% !important;
}

/* Progress Bar Container */
.gf-progress-container {
    background: #eee;
    height: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 5px; /* Adds a little space between bar and text */
    width: 100%; /* Ensures it fills the container */
}

/* The Green Bar itself */
.gf-progress-bar {
    background: var(--yellow);
    height: 100%;
    width: 0%; /* Start at 0 */
    transition: width 0.3s ease-in-out; /* Smooth animation */
}

/* The Text underneath */
.gf-progress-text {
    text-align: center;
    font-weight: 600;
    margin-top: 5px;
    font-size: 14px;
    color: var(--color-text-dark);
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 0.5;
}


/*-----// GRAVITY FORMS : PAGES //-----*/

.gf_page_steps {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before {
    background: var(--pink) !important;
    border: 2px solid var(--pink) !important;
}
.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
    background: var(--pink) !important;
    color: #fff !important;
}
.gform_wrapper.gravity-theme .gf_step_number {
    border: 1px solid var(--pink) !important;
    color: var(--pink) !important;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
}
.gform_wrapper.gravity-theme .gf_step_label {
    padding-left: 10px !important;
}
.gform_wrapper.gravity-theme .gf_step {
    margin: 8px 30px 8px 0 !important;
    display: flex;
    align-items: center;
}
.gravity-theme .gpmpn-page-link {
    display: flex !important;
    align-items: center !important;
}
.gravity-theme .gpmpn-page-link, .gravity-theme .gpmpn-page-link .gf_step_label {
    text-decoration: none !important;
}
input[type=submit].pmpro_btn {
    line-height: 1 !important;
}
.gv-back-link a {
    background: var(--bb-primary-color);
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
}
.gv-list-container .gv-section .gv-field-label {
    font-size: 18px;
    font-weight: 700;
    border-bottom-color: #08242e;
    color: #EE27A5;
}
.gv-field-label {
    font-weight: 600;
}


/*-----// GRAVITY FORMS //-----*/

#gform_32 .gform-body {
    background-color: rgb(252, 252, 252); 
    border-radius: 16px; 
    border: 1px solid rgb(229, 231, 235); 
    padding: 32px;
}

/*-----// NEW GRAVITY FORM : START //-----*/

.gform-theme--framework .gf_progressbar {
    background-color: rgb(229, 231, 235) !important;
}
form input:not([type=radio],[type=checkbox],[type=submit],[type=button],[type=image],[type=file]), select {
    height: 47px !important;
    line-height: 47px !important;
    border: 1px solid rgb(229, 231, 235) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}
.gform-theme--framework .gfield--input-type-datepicker .ginput_container_date input {
    width: 100% !important;
}
.gform-theme--foundation .gform_fields {
    row-gap: 20px !important;
}

.gfield_time_hour, .gfield_time_minute {
    flex: 1 !important;
}
.gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date::after {
    inset-block-start: unset !important;
    inset-inline-start: unset !important;
    position: absolute;
    right: 0px;
    z-index: 10;
    width: 20px;
}
.gfield_label {
    font-weight: 600 !important;
}
.gfield_required.gfield_required_asterisk {
    font-size: 16px !important;
    color: #ff0000 !important;
}
.gfield--type-multi_choice .gfield_checkbox input[type=checkbox]+label {
    line-height: 20px !important;
}
.gfield_checkbox input[type=checkbox] {
    opacity: 1 !important;
    height: 20px !important;
    width: 20px !important;
}
.gfield_checkbox input[type=checkbox]+label:before, .gfield_checkbox input[type=checkbox]+label:after {
    display: none !important;
}
.gfield--choice-align-horizontal .gchoice {
    flex: 1 0 48%;
    padding: 12px 14px;
    background-color: rgba(205, 233, 226, 0.19);
    border: 1px solid rgb(205, 233, 226);
    border-radius: 4px;
    cursor: pointer;
}
.gform_page_footer {
    justify-content: space-between !important;
    padding-top: 24px !important;
    border-top: 1px solid rgb(229, 231, 235) !important;
}
.gform_page_footer input.button {
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 14px 24px !important;
}
.gform_page_footer .gform_previous_button.button {
    color: #012430 !important;
    border: 1px solid rgb(209, 213, 219) !important;
    background: rgb(252, 252, 252) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gdjcuMS4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI2IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9Ik03MSAzMDNDNjEuNiAzMTIuNCA2MS42IDMyNy42IDcxIDMzNi45TDIzOSA1MDVDMjQ4LjQgNTE0LjQgMjYzLjYgNTE0LjQgMjcyLjkgNTA1QzI4Mi4yIDQ5NS42IDI4Mi4zIDQ4MC40IDI3Mi45IDQ3MS4xTDE0NS45IDM0NEw1NTIgMzQ0QzU2NS4zIDM0NCA1NzYgMzMzLjMgNTc2IDMyMEM1NzYgMzA2LjcgNTY1LjMgMjk2IDU1MiAyOTZMMTQ1LjkgMjk2TDI3MyAxNjlDMjgyLjQgMTU5LjYgMjgyLjQgMTQ0LjQgMjczIDEzNS4xQzI2My42IDEyNS44IDI0OC40IDEyNS43IDIzOS4xIDEzNS4xTDcxIDMwM3oiLz48L3N2Zz4=") no-repeat 14px 50% / 18px 18px !important;
    padding-left: 44px !important;
}
.gform_page_footer .gform_next_button.button {
    color: #012430 !important;
    border: 1px solid rgb(255, 210, 64) !important;
    background: rgb(255, 210, 64) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gdjcuMS4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDI2IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9Ik01NjkgMzM3QzU3OC40IDMyNy42IDU3OC40IDMxMi40IDU2OSAzMDMuMUw0MDEgMTM1QzM5MS42IDEyNS42IDM3Ni40IDEyNS42IDM2Ny4xIDEzNUMzNTcuOCAxNDQuNCAzNTcuNyAxNTkuNiAzNjcuMSAxNjguOUw0OTQuMSAyOTUuOUw4OCAyOTUuOUM3NC43IDI5NS45IDY0IDMwNi42IDY0IDMxOS45QzY0IDMzMy4yIDc0LjcgMzQzLjkgODggMzQzLjlMNDk0LjEgMzQzLjlMMzY3LjEgNDcwLjlDMzU3LjcgNDgwLjMgMzU3LjcgNDk1LjUgMzY3LjEgNTA0LjhDMzc2LjUgNTE0LjEgMzkxLjcgNTE0LjIgNDAxIDUwNC44TDU2OSAzMzd6Ii8+PC9zdmc+") no-repeat 0 0 / 18px 18px !important;
    background-position: right 14px top 50% !important;
    padding-right: 44px !important;
    margin-left: auto !important;
}
.gform_page_footer input.button[type="submit"] {
    color: rgb(252, 252, 252) !important;
    background-color: #012430 !important;
    border: 1px solid #012430 !important;
    margin-left: auto !important;
}
.gfield--type-html .bulleted {
    list-style: none;
    margin: 0;
    padding: 0;
}
.gfield--type-html .bulleted li {
    display: inline;
}
.gfield--type-html .bulleted li:last-child:after {
    display: none;
}
.gfield--type-html .bulleted li:after {
    content: ', ';
    display: inline;
}
.gfield_checkbox input[type=checkbox]+label {
    line-height: 20px !important;
}
.gform_required_legend {
    display: none;
}
input, select, textarea {
    width: 100%;
}
label, legend {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: rgb(55, 65, 81);
    margin-bottom: 6px;
}
.ginput_container_date {
    position: relative;
}
.ginput_container_date img.ui-datepicker-trigger {
    position: absolute;
    top: 12px;
    right: 20px;
}
.large {
    line-height: 1;
}
fieldset {
    border: 0;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
}
.ginput_complex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0px; 
    margin-right: 0px;
}
.ginput_container {
    margin-bottom: 0px;
}
.validation_message {
    font-size: 12px;
    color: #ff0000;
}
.hidden_label legend {
    display: none;
}
.ginput_container_consent {
    display: flex;
    align-items: center;
}
.gfield_consent_label {
    margin-left: 10px;
    margin-bottom: 0px;
    font-size: 16px;
}
input[type=checkbox], input[type=radio] {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
}
.gform_wrapper form select {
    padding: 0px 12px !important;
}
.screen-reader-text {
    display: none;
}


/*-----// LAYOUT : BDA TEMPLATE //-----*/

.page-template-page-bda, .single-event {
    background-color: rgb(249, 250, 251);
}
.page-template-page-bda .site-content, .single-event .site-content {
    padding-left: 0;
    padding-right: 0;
}
.page-template-page-bda .bb-footer, .single-event .bb-footer {
    background: none;
}
.pax + .pax {
    display: none;
}
.bda-confirmation p {
    margin: 0;
}
.page-template-page-bda .gv-edit-entry-wrapper {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    padding: 24px 32px;
    max-width: 900px;
    margin: 0px auto;
}

.page-template-page-bda .gv-edit-entry-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px 0;
}

.page-template-page-bda .gv-edit-entry-wrapper .gform_fields > *:nth-child(even),
.page-template-page-bda .gv-edit-entry-wrapper .gform_fields > *:nth-child(odd),
.page-template-page-bda .gv-container  {
    background-color: transparent;
}

.page-template-page-bda .gv-edit-entry-wrapper .gform_fields > div {
    padding: 0;
}
.gv-notice {
    padding: 10px 32px;
    border-radius: 8px;
    background-color: var(--color-green-bg);
    border-color: var(--color-green-border);
    --status-theme-color: var(--color-green);
}
.gv-notice.gv-error{
    
}

.gv-notice.gv-error h2.gform_submission_error {
    font-size: 16px;
    margin: 0;
    color: var(--color-red);
}

.gv-edit-entry-wrapper .ginput_preview_control {
    bottom: 0;
}

.gform_wrapper .ginput_preview {
    flex-direction: row !important;
    align-items: center !important;
}

/* Hide the website shell when inside the popup */
body.gv-popup-mode header,
body.gv-popup-mode footer,
body.gv-popup-mode aside.buddypanel, 
body.gv-popup-mode #wpadminbar {
    display: none !important;
}

/* Ensure the form container uses the full popup space */
body.gv-popup-mode #page,
body.gv-popup-mode .entry-content,
body.gv-popup-mode .gv-container {
    margin: 0 !important;
    width: 100% !important;
    padding: 20px !important;
    max-width: none !important;
}

body.gv-popup-mode .site-content {
    padding-top: 0px !important;
}

/*-----// LAYOUT : TABBED ENQUIRY //-----*/

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.tabbed-enquiry--stage {
	border-radius: 18px;
	overflow: hidden;
	background-color: #006B8F;
}
.tabbed-enquiry--stage .nav-tabs {
	margin: 0;
	border: none;
}
.tabbed-enquiry--stage .nav-item {
    flex: 0 0 50%;
	margin: 0;
}
.tabbed-enquiry--stage .nav-tabs .nav-link {
    width: 100%;
	font-size: 19px;
	font-weight: 600;
	letter-spacing: 0px;
	margin: 0;
	padding: 15px 20px;
	text-decoration: none;
	text-transform: none;
	border: none;
	border-bottom: 1px solid #66A6BB;
	background-color: #006B8F;
	border-radius: 0;
	box-shadow: inset 5px -10px 10px -10px hsla(0, 0%, 0%, 0.3);
}
.tabbed-enquiry--stage .nav-item + .nav-item .nav-link {
    border-left: 1px solid #66A6BB;
}
.tabbed-enquiry--stage .nav-tabs .nav-item.show .nav-link, .tabbed-enquiry--stage .nav-tabs .nav-link.active {
    color: #7bafa2;
    border-bottom-color: #006B8F;
	box-shadow: none;
}
.tabbed-enquiry--stage .nav-tabs .nav-link:focus, .tabbed-enquiry--stage .nav-tabs .nav-link:hover {
    color: #7bafa2;
}
#enquire-content select, #enquire-content textarea, #enquire-content input[type="text"], #enquire-content input[type="number"], #enquire-content input[type="email"], #enquire-content input[type="tel"] {
    width: 100%;
    min-height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 10px 20px;
    box-shadow: none !important;
    -webkit-appearance: none;
    font-size: 14px;
	color: #fff;
	line-height: 1;
}
#enquire-content .gf_placeholder {
	color: #fff;
}
#enquire-content ::-webkit-input-placeholder {
	color: #fff;
	font-size: 14px;
	opacity: 1;
	text-transform: uppercase;
}
#enquire-content ::-moz-placeholder {
	color: #fff;
	font-size: 14px;
	opacity: 1;
	text-transform: uppercase;
}
#enquire-content :-ms-input-placeholder {
	color: #fff;
	font-size: 14px;
	opacity: 1;
	text-transform: uppercase;
}
#enquire-content :-moz-placeholder {
	color: #fff;
	font-size: 14px;
	opacity: 1;
	text-transform: uppercase;
}
.hidden_label > label {
    display: none;
}
:focus {
	outline: none !important;
}

/*-----// LAYOUT : PANELCAST //-----*/

.text-overlay {
    position: absolute;
    top: 50%;
    left: 40px;
	transform: translateY(-50%);
    color: #fff;
	font-size: 70px;
    font-weight: 100;
    line-height: 70px;
}
#form-content {
	max-width: 600px;
}

@media (min-width : 768px) and (max-width : 991px) {
	.text-overlay {
		font-size: 10rem;
		line-height: 10rem;
	}
}
@media (min-width : 576px) and (max-width : 767px) {
	.text-overlay {
		font-size: 7.5rem;
		line-height: 7.5rem;
	}
}
@media (max-width : 575px) {
	.text-overlay {
		font-size: 5rem;
		line-height: 5rem;
	}
}

.embed-responsive-custom::before {
  padding-top: 55.55%;
}

.img-fit {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.h6-title {
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	margin: 0 0 20px;
	line-height: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-color: #CDE9E2;
	padding: 8px 15px;
	border-radius: 20px;
	transform: translateX(-15px);
	display: inline-block;
	color: #08242E !important;
}

.video-placeholder:after {
	content: '';
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTlweCIgaGVpZ2h0PSI1OXB4IiB2aWV3Qm94PSIwIDAgNTkgNTkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjUxLjAwMDAwMCwgLTI1Ni4wMDAwMDApIiBmaWxsPSIjY2RlOWUyIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNNjgwLjQ5OTkyOCwzMTQuNTYyNDg0IEM2OTYuNTU0NTc4LDMxNC41NjI0ODQgNzA5LjU2MjM1OSwzMDEuNTU0NzAzIDcwOS41NjIzNTksMjg1LjUwMDA1NCBDNzA5LjU2MjM1OSwyNjkuNDQ1NDA0IDY5Ni41NTQ1NzgsMjU2LjQzNzYyMyA2ODAuNDk5OTI4LDI1Ni40Mzc2MjMgQzY2NC40NDUyNzksMjU2LjQzNzYyMyA2NTEuNDM3NDk4LDI2OS40NDU0MDQgNjUxLjQzNzQ5OCwyODUuNTAwMDU0IEM2NTEuNDM3NDk4LDMwMS41NTQ3MDMgNjY0LjQ0NTI3OSwzMTQuNTYyNDg0IDY4MC40OTk5MjgsMzE0LjU2MjQ4NCBaIE02NjkuMjQ5OTU1LDI5Ny42ODc1MjUgTDY2OS4yNDk5NTUsMjczLjMxMjU4MyBDNjY5LjI0OTk1NSwyNzEuMTU2MjkyIDY3MS41NzAyMzksMjY5LjgyMDQyNiA2NzMuNDMzNTYyLDI3MC44NTE2NTEgTDY5NC4wNTg1MTMsMjgzLjM5MDY4NCBDNjk1Ljk4MDMxNSwyODQuNDY4ODI5IDY5NS45ODAzMTUsMjg3LjI0NjE4OSA2OTQuMDU4NTEzLDI4OC4zMTI1NDcgTDY3My40MzM1NjIsMzAwLjE0ODQ1NiBDNjcxLjU4MjAyNywzMDEuMTc5NjgxIDY2OS4yNDk5NTUsMjk5Ljg1NTQ4OCA2NjkuMjQ5OTU1LDI5Ny42ODc1MjUgWiIgPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 98;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	text-align: center;
	pointer-events: none;
}
.box-shadow {
	box-shadow: 0 10px 10px -10px rgba(0,0,0,0.7);
}


/*-----// LAYOUT : PROJECTS //-----*/

.projects--stage {
	position: relative;
}
.project-row {
	position: absolute;
	left: 0;
    right: 0;
	z-index: 1;
}
.projects--stage .project-item,
.projects--stage .filtered .project-item.featured {
	transform: translateY(30px);
}
.project-item.featured {
	opacity: 1;
	pointer-events: all;
	z-index: 1;
}
.projects--stage .project-item.featured {
	transform: translateY(0px);
	transition: all 0.6s ease;
}
.active .project-item,
.filtered .active .project-item.featured {
	opacity: 1;
	pointer-events: all;
	z-index: 2;
}
.projects--stage .active .project-item,
.projects--stage .filtered .active .project-item.featured {
	transform: translateY(0px);
	transition: all 0.6s ease;
}

.thumb--portrait {
	position: relative;
	padding-bottom: 157%;
	height: 0;
	color: #fff;
	transition: all 1s ease;
}
.thumb--square {
	position: relative;
	padding-bottom: 100%;
	height: 0;
	color: #fff;
	transition: all 1s ease;
}
.project-thumb {
	background-color: #eee;
}
.project-thumb:hover,
.project-thumb:focus {
	color: #fff;
	box-shadow: 0 0px 10px -10px rgba(0,0,0,0.7);
}
.thumb-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.thumb-title {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	color: #fff;
}
.thumb-text {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}
.project-thumb:hover .thumb-label,
.project-thumb:focus .thumb-label{
	color: #CDE9E2;
}
.thumb-description {
	height: 0;
	overflow: hidden;
	transition: all 0.4s ease;
	font-size: 12px;
	line-height: 1.4;
}
.project-thumb:hover .thumb-description,
.project-thumb:focus .thumb-description {
	height: 55px;	
}


/*-----// LAYOUT : PRICING BOXES //-----*/

.pricing-boxes {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 30px 10px;
    flex-wrap: wrap;
}
.pricing-box {
	flex: 1;
	border-radius: 15px;
	max-width: 300px;
	box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.5);
	margin: 5px;
	background-color: var(--green);
	border: 1px solid var(--aqua);
}
.pricing-box-inner {
	padding: 10%;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.pricing-box-cta {
	text-align: center;
}
.pricing-box-cta a {
	line-height: 1 !important;
}
.pricing-box-text div.strong {
	background-color: rgba(255, 255, 255, 0.5);
	font-size: 0.9rem;
	font-weight: 700 !important;
	padding: 8px 12px;
	border-radius: 20px;
	margin-bottom: 20px;
	display: inline-block;
    line-height: 1;
}
.pricing-box-text h3 {
	font-weight: 700;
}
.pricing-boxes--footer {
	margin-top: 40px;
}
.pricing-boxes--header {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
}
.pricing-boxes--header-info {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

@media (max-width : 991px) {
    .pricing-box {
        flex: 0 0 50%;
    }
}

@media (max-width : 575px) {
    .pricing-box {
        flex: 0 0 100%;
    }
}

.box--grey {
    background-color: var(--grey);
    border: 1px solid var(--lightgrey);
}
.box--aqua {
    background-color: var(--green);
    border: 1px solid var(--aqua);
}
.box--pink {
    background-color: var(--lightpink);
    border: 1px solid var(--pink);
}
.box--blue {
    background-color: var(--lightpurple);
    border: 1px solid var(--purple);
}
.box--navy {
    background-color: var(--lightblue);
    border: 1px solid var(--navy);
}
.box--yellow {
    background-color: var(--lightyellow);
    border: 1px solid var(--yellow);
}

.btn-aqua {
	background-color: var(--aqua);
	border: 1px solid var(--aqua);
	color: var(--white);
}
.btn-aqua:hover,
.btn-aqua:active,
.btn-aqua:focus {
	background-color: var(--black);
	border: 1px solid var(--black);
	color: var(--white);
}
.btn-yellow {
	background-color: var(--yellow);
	border: 1px solid var(--yellow);
	color: var(--navy);
}
.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow:focus {
	background-color: var(--black);
	border: 1px solid var(--black);
	color: var(--white);
}
.btn-blue {
	background-color: var(--navy);
	border: 1px solid var(--navy);
	color: var(--green);
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus {
	background-color: var(--black);
	border: 1px solid var(--black);
	color: var(--white);
}
.btn-navy {
	background-color: var(--navy);
	border: 1px solid var(--navy);
	color: var(--green);
}
.btn-navy:hover,
.btn-navy:active,
.btn-navy:focus {
	background-color: var(--black);
	border: 1px solid var(--black);
	color: var(--white);
}
.btn-pink {
	background-color: var(--pink);
	border: 1px solid var(--pink);
	color: var(--white);
}
.btn-pink:hover,
.btn-pink:active,
.btn-pink:focus {
	background-color: var(--black);
	border: 1px solid var(--black);
	color: var(--white);
}
.btn-grey {
	background-color: var(--lightgrey);
	border: 1px solid var(--lightgrey);
	color: var(--white);
}
.btn-grey:hover,
.btn-grey:active,
.btn-grey:focus {
	background-color: var(--black);
	border: 1px solid var(--black);
	color: var(--white);
}


/*-----// CUSTOM CLASSES //-----*/

.text-white {
	color: var(--white);
}
.text-black {
	color: var(--black);
}
.text-blue {
	color: #08242E;
}
.text-trueblue {
	color: #006B8F;
}
.text-green {
	color: #006B8F;
}
.text-navy{
	color: var(--navy);
}
.text-grey {
	color: var(--grey);
}
.text-aqua {
	color: var(--aqua);
}
.text-yellow,
.text-yellow:hover {
	color: var(--yellow);
}
.text-pink {
	color: var(--pink);
}
.text-purple {
	color: var(--purple);
}
.text-green{
	color: var(--green);
}
.text-lightblue{
	color: var(--lightblue);
}

.wingman-store--benefits {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 10px;
}
.wingman-store--benefit {
	flex: 0 0 calc(25% - 8.5px);
}
.wingman-store--benefit-image {
	border-radius: 15px;
	background-color: var(--green);
	box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.5);
	margin-bottom: 20px;
	padding-bottom: 100%;
	overflow: hidden;
	position: relative;
}
.wingman-store--benefit-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    position: absolute;
}
.wingman-store--benefit-title {
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
}

@media (max-width : 767px) {
	.wingman-store--benefit {
		flex: 0 0 calc(50% - 5px);
	}
}

.wingman-store--products {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.wingman-store--product {
	flex: 0 0 calc(25% - 22.5px);
	display: flex;
	gap: 20px;
}
.wingman-store--product-image {
	flex: 0 0 12px;
	height: 30px;
}
.wingman-store--product-text {
	flex: 1;
}
.wingman-store--product-title {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 10px;
}
.wingman-store--product-description {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
}
.wingman-store--products-cta {
	width: 100%;
}

@media (max-width : 767px) {
	.wingman-store--product {
		flex: 0 0 calc(50% - 15px);
		display: flex;
		gap: 20px;
	}
}

/*-----// LAYOUT : WIINGMAN IQ EVENT PLANS //-----*/

.gfield_radio#input_29_224 {
    display: flex;
    gap: 10px;
}
.gfield_radio#input_29_224 .gchoice input[type=radio]+label {
    width: 40px;
    height: 40px;
    text-indent: -999rem;
    overflow: hidden;
    border: 3px solid #fff;
    border-radius: 3px;
}
.gfield_radio#input_29_224 .gchoice input[type=radio]:checked+label {
    border: 3px solid var(--pink);
}
#label_29_224_0 {
    background-color: #0056B8;
}
#label_29_224_1 {
    background-color: #ED1C24;
}
#label_29_224_2 {
    background-color: #000;
}
#label_29_224_3 {
    background-color: #666666;
}
#label_29_224_4 {
    background-color: #FFD700;
}
#label_29_224_5 {
    background-color: #28A745;
}
#label_29_224_6 {
    background-color: #F76C0F;
}
#label_29_224_7 {
    background-color: #800080;
}
#label_29_224_8 {
    background-color: #00B4D8;
}
#label_29_224_9 {
    background-color: #002147;
}
.gfield_radio#input_29_224 .gchoice input[type=radio]+label:before,
.gfield_radio#input_29_224 .gchoice input[type=radio]+label:after {
    display: none;
}



/*-----// LAYOUT : FAQS //-----*/

.wingman-store--faqs-body {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.wingman-store--faq {
	border-bottom: 1px solid var(--grey);
}
.wingman-store--faq-title {
	padding: 20px 40px 20px 0;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
	position: relative;
}
.wingman-store--faq-title:after {
	content: '+';
	font-size: 1.9rem;
	font-weight: 400;
	position: absolute;
	right: 0;
	top: 15px;
}
.wingman-store--faq-description {
	display: none;
}
.wingman-store--faq-description-inner {
	padding: 0 0 15px 0;
}





/*-----// BOOTSTRAP //-----*/

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

/*-----// PADDING & MARGINS //-----*/

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 1rem !important;
}

.mt-1,
.my-1 {
  margin-top: 1rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 1rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 1rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 1rem !important;
}

.m-2 {
  margin: 2rem !important;
}

.mt-2,
.my-2 {
  margin-top: 2rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 2rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 2rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 2rem !important;
}

.m-3 {
  margin: 3rem !important;
}

.mt-3,
.my-3 {
  margin-top: 3rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 3rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 3rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 3rem !important;
}

.m-4 {
  margin: 4rem !important;
}

.mt-4,
.my-4 {
  margin-top: 4rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 4rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 4rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 4rem !important;
}

.m-5 {
  margin: 5rem !important;
}

.mt-5,
.my-5 {
  margin-top: 5rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 5rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 5rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 5rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 1rem !important;
}

.pt-1,
.py-1 {
  padding-top: 1rem !important;
}

.pr-1,
.px-1 {
  padding-right: 1rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 1rem !important;
}

.pl-1,
.px-1 {
  padding-left: 1rem !important;
}

.p-2 {
  padding: 2rem !important;
}

.pt-2,
.py-2 {
  padding-top: 2rem !important;
}

.pr-2,
.px-2 {
  padding-right: 2rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 2rem !important;
}

.pl-2,
.px-2 {
  padding-left: 2rem !important;
}

.p-3 {
  padding: 3rem !important;
}

.pt-3,
.py-3 {
  padding-top: 3rem !important;
}

.pr-3,
.px-3 {
  padding-right: 3rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 3rem !important;
}

.pl-3,
.px-3 {
  padding-left: 3rem !important;
}

.p-4 {
  padding: 4rem !important;
}

.pt-4,
.py-4 {
  padding-top: 4rem !important;
}

.pr-4,
.px-4 {
  padding-right: 4rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 4rem !important;
}

.pl-4,
.px-4 {
  padding-left: 4rem !important;
}

.p-5 {
  padding: 5rem !important;
}

.pt-5,
.py-5 {
  padding-top: 5rem !important;
}

.pr-5,
.px-5 {
  padding-right: 5rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 5rem !important;
}

.pl-5,
.px-5 {
  padding-left: 5rem !important;
}

.m-n1 {
  margin: -1rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -1rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -1rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -1rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -1rem !important;
}

.m-n2 {
  margin: -2rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -2rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -2rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -2rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -2rem !important;
}

.m-n3 {
  margin: -3rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -3rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -3rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -3rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -3rem !important;
}

.m-n4 {
  margin: -4rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -4rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -4rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -4rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -4rem !important;
}

.m-n5 {
  margin: -5rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -5rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -5rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -5rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -5rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 1rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 1rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 1rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 1rem !important;
  }
  .m-sm-2 {
    margin: 2rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 2rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 2rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 2rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 2rem !important;
  }
  .m-sm-3 {
    margin: 3rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 3rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 3rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 3rem !important;
  }
  .m-sm-4 {
    margin: 4rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 4rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 4rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 4rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 4rem !important;
  }
  .m-sm-5 {
    margin: 5rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 5rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 5rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 5rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 5rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 1rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 1rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 1rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 1rem !important;
  }
  .p-sm-2 {
    padding: 2rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 2rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 2rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 2rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 2rem !important;
  }
  .p-sm-3 {
    padding: 3rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 3rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 3rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 3rem !important;
  }
  .p-sm-4 {
    padding: 4rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 4rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 4rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 4rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 4rem !important;
  }
  .p-sm-5 {
    padding: 5rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 5rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 5rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 5rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 5rem !important;
  }
  .m-sm-n1 {
    margin: -1rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -1rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -1rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -1rem !important;
  }
  .m-sm-n2 {
    margin: -2rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -2rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -2rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -2rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -2rem !important;
  }
  .m-sm-n3 {
    margin: -3rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -3rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -3rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -3rem !important;
  }
  .m-sm-n4 {
    margin: -4rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -4rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -4rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -4rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -4rem !important;
  }
  .m-sm-n5 {
    margin: -5rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -5rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -5rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -5rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -5rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 1rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 1rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 1rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 1rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 1rem !important;
  }
  .m-md-2 {
    margin: 2rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 2rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 2rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 2rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 2rem !important;
  }
  .m-md-3 {
    margin: 3rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 3rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 3rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 3rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 3rem !important;
  }
  .m-md-4 {
    margin: 4rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 4rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 4rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 4rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 4rem !important;
  }
  .m-md-5 {
    margin: 5rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 5rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 5rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 5rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 5rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 1rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 1rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 1rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 1rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 1rem !important;
  }
  .p-md-2 {
    padding: 2rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 2rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 2rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 2rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 2rem !important;
  }
  .p-md-3 {
    padding: 3rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 3rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 3rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 3rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 3rem !important;
  }
  .p-md-4 {
    padding: 4rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 4rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 4rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 4rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 4rem !important;
  }
  .p-md-5 {
    padding: 5rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 5rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 5rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 5rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 5rem !important;
  }
  .m-md-n1 {
    margin: -1rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -1rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -1rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -1rem !important;
  }
  .m-md-n2 {
    margin: -2rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -2rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -2rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -2rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -2rem !important;
  }
  .m-md-n3 {
    margin: -3rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -3rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -3rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -3rem !important;
  }
  .m-md-n4 {
    margin: -4rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -4rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -4rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -4rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -4rem !important;
  }
  .m-md-n5 {
    margin: -5rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -5rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -5rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -5rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -5rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 1rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 1rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 1rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 1rem !important;
  }
  .m-lg-2 {
    margin: 2rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 2rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 2rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 2rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 2rem !important;
  }
  .m-lg-3 {
    margin: 3rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 3rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 3rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 3rem !important;
  }
  .m-lg-4 {
    margin: 4rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 4rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 4rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 4rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 4rem !important;
  }
  .m-lg-5 {
    margin: 5rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 5rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 5rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 5rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 5rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 1rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 1rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 1rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 1rem !important;
  }
  .p-lg-2 {
    padding: 2rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 2rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 2rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 2rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 2rem !important;
  }
  .p-lg-3 {
    padding: 3rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 3rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 3rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 3rem !important;
  }
  .p-lg-4 {
    padding: 4rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 4rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 4rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 4rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 4rem !important;
  }
  .p-lg-5 {
    padding: 5rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 5rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 5rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 5rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 5rem !important;
  }
  .m-lg-n1 {
    margin: -1rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -1rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -1rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -1rem !important;
  }
  .m-lg-n2 {
    margin: -2rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -2rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -2rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -2rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -2rem !important;
  }
  .m-lg-n3 {
    margin: -3rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -3rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -3rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -3rem !important;
  }
  .m-lg-n4 {
    margin: -4rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -4rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -4rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -4rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -4rem !important;
  }
  .m-lg-n5 {
    margin: -5rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -5rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -5rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -5rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -5rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 1rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 1rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 1rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 1rem !important;
  }
  .m-xl-2 {
    margin: 2rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 2rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 2rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 2rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 2rem !important;
  }
  .m-xl-3 {
    margin: 3rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 3rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 3rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 3rem !important;
  }
  .m-xl-4 {
    margin: 4rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 4rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 4rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 4rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 4rem !important;
  }
  .m-xl-5 {
    margin: 5rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 5rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 5rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 5rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 5rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 1rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 1rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 1rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 1rem !important;
  }
  .p-xl-2 {
    padding: 2rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 2rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 2rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 2rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 2rem !important;
  }
  .p-xl-3 {
    padding: 3rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 3rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 3rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 3rem !important;
  }
  .p-xl-4 {
    padding: 4rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 4rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 4rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 4rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 4rem !important;
  }
  .p-xl-5 {
    padding: 5rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 5rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 5rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 5rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 5rem !important;
  }
  .m-xl-n1 {
    margin: -1rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -1rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -1rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -1rem !important;
  }
  .m-xl-n2 {
    margin: -2rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -2rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -2rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -2rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -2rem !important;
  }
  .m-xl-n3 {
    margin: -3rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -3rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -3rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -3rem !important;
  }
  .m-xl-n4 {
    margin: -4rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -4rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -4rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -4rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -4rem !important;
  }
  .m-xl-n5 {
    margin: -5rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -5rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -5rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -5rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -5rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}.m-6 {
  margin: 6rem !important;
}

.mt-6,
.my-6 {
  margin-top: 6rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 6rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 6rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 6rem !important;
}

.m-7 {
  margin: 7rem !important;
}

.mt-7,
.my-7 {
  margin-top: 7rem !important;
}

.mr-7,
.mx-7 {
  margin-right: 7rem !important;
}

.mb-7,
.my-7 {
  margin-bottom: 7rem !important;
}

.ml-7,
.mx-7 {
  margin-left: 7rem !important;
}

.m-8 {
  margin: 8rem !important;
}

.mt-8,
.my-8 {
  margin-top: 8rem !important;
}

.mr-8,
.mx-8 {
  margin-right: 8rem !important;
}

.mb-8,
.my-8 {
  margin-bottom: 8rem !important;
}

.ml-8,
.mx-8 {
  margin-left: 8rem !important;
}

.m-9 {
  margin: 9rem !important;
}

.mt-9,
.my-9 {
  margin-top: 9rem !important;
}

.mr-9,
.mx-9 {
  margin-right: 9rem !important;
}

.mb-9,
.my-9 {
  margin-bottom: 9rem !important;
}

.ml-9,
.mx-9 {
  margin-left: 9rem !important;
}

.m-10 {
  margin: 10rem !important;
}

.mt-10,
.my-10 {
  margin-top: 10rem !important;
}

.mr-10,
.mx-10 {
  margin-right: 10rem !important;
}

.mb-10,
.my-10 {
  margin-bottom: 10rem !important;
}

.ml-10,
.mx-10 {
  margin-left: 10rem !important;
}

.p-6 {
  padding: 6rem !important;
}

.pt-6,
.py-6 {
  padding-top: 6rem !important;
}

.pr-6,
.px-6 {
  padding-right: 6rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 6rem !important;
}

.pl-6,
.px-6 {
  padding-left: 6rem !important;
}

.p-7 {
  padding: 7rem !important;
}

.pt-7,
.py-7 {
  padding-top: 7rem !important;
}

.pr-7,
.px-7 {
  padding-right: 7rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 7rem !important;
}

.pl-7,
.px-7 {
  padding-left: 7rem !important;
}

.p-8 {
  padding: 8rem !important;
}

.pt-8,
.py-8 {
  padding-top: 8rem !important;
}

.pr-8,
.px-8 {
  padding-right: 8rem !important;
}

.pb-8,
.py-8 {
  padding-bottom: 8rem !important;
}

.pl-8,
.px-8 {
  padding-left: 8rem !important;
}

.p-9 {
  padding: 9rem !important;
}

.pt-9,
.py-9 {
  padding-top: 9rem !important;
}

.pr-9,
.px-9 {
  padding-right: 9rem !important;
}

.pb-9,
.py-9 {
  padding-bottom: 9rem !important;
}

.pl-9,
.px-9 {
  padding-left: 9rem !important;
}

.p-10 {
  padding: 10rem !important;
}

.pt-10,
.py-10 {
  padding-top: 10rem !important;
}

.pr-10,
.px-10 {
  padding-right: 10rem !important;
}

.pb-10,
.py-10 {
  padding-bottom: 10rem !important;
}

.pl-10,
.px-10 {
  padding-left: 10rem !important;
}

.m-n6 {
  margin: -6rem !important;
}

.mt-n6,
.my-n6 {
  margin-top: -6rem !important;
}

.mr-n6,
.mx-n6 {
  margin-right: -6rem !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -6rem !important;
}

.ml-n6,
.mx-n6 {
  margin-left: -6rem !important;
}

.m-n7 {
  margin: -7rem !important;
}

.mt-n7,
.my-n7 {
  margin-top: -7rem !important;
}

.mr-n7,
.mx-n7 {
  margin-right: -7rem !important;
}

.mb-n7,
.my-n7 {
  margin-bottom: -7rem !important;
}

.ml-n7,
.mx-n7 {
  margin-left: -7rem !important;
}

.m-n8 {
  margin: -8rem !important;
}

.mt-n8,
.my-n8 {
  margin-top: -8rem !important;
}

.mr-n8,
.mx-n8 {
  margin-right: -8rem !important;
}

.mb-n8,
.my-n8 {
  margin-bottom: -8rem !important;
}

.ml-n8,
.mx-n8 {
  margin-left: -8rem !important;
}

.m-n9 {
  margin: -9rem !important;
}

.mt-n9,
.my-n9 {
  margin-top: -9rem !important;
}

.mr-n9,
.mx-n9 {
  margin-right: -9rem !important;
}

.mb-n9,
.my-n9 {
  margin-bottom: -9rem !important;
}

.ml-n9,
.mx-n9 {
  margin-left: -9rem !important;
}

.m-n10 {
  margin: -10rem !important;
}

.mt-n10,
.my-n10 {
  margin-top: -10rem !important;
}

.mr-n10,
.mx-n10 {
  margin-right: -10rem !important;
}

.mb-n10,
.my-n10 {
  margin-bottom: -10rem !important;
}

.ml-n10,
.mx-n10 {
  margin-left: -10rem !important;
}

@media (min-width: 576px) {
  .m-sm-6 {
    margin: 6rem !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 6rem !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 6rem !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 6rem !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 6rem !important;
  }
  .m-sm-7 {
    margin: 7rem !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 7rem !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 7rem !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 7rem !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 7rem !important;
  }
  .m-sm-8 {
    margin: 8rem !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 8rem !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 8rem !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 8rem !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 8rem !important;
  }
  .m-sm-9 {
    margin: 9rem !important;
  }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: 9rem !important;
  }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: 9rem !important;
  }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 9rem !important;
  }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: 9rem !important;
  }
  .m-sm-10 {
    margin: 10rem !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 10rem !important;
  }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 10rem !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 10rem !important;
  }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 10rem !important;
  }
  .p-sm-6 {
    padding: 6rem !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 6rem !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 6rem !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 6rem !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 6rem !important;
  }
  .p-sm-7 {
    padding: 7rem !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 7rem !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 7rem !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 7rem !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 7rem !important;
  }
  .p-sm-8 {
    padding: 8rem !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 8rem !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 8rem !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 8rem !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 8rem !important;
  }
  .p-sm-9 {
    padding: 9rem !important;
  }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: 9rem !important;
  }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: 9rem !important;
  }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 9rem !important;
  }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: 9rem !important;
  }
  .p-sm-10 {
    padding: 10rem !important;
  }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 10rem !important;
  }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 10rem !important;
  }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 10rem !important;
  }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 10rem !important;
  }
  .m-sm-n6 {
    margin: -6rem !important;
  }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -6rem !important;
  }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: -6rem !important;
  }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -6rem !important;
  }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: -6rem !important;
  }
  .m-sm-n7 {
    margin: -7rem !important;
  }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: -7rem !important;
  }
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: -7rem !important;
  }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: -7rem !important;
  }
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: -7rem !important;
  }
  .m-sm-n8 {
    margin: -8rem !important;
  }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: -8rem !important;
  }
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: -8rem !important;
  }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: -8rem !important;
  }
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: -8rem !important;
  }
  .m-sm-n9 {
    margin: -9rem !important;
  }
  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: -9rem !important;
  }
  .mr-sm-n9,
  .mx-sm-n9 {
    margin-right: -9rem !important;
  }
  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: -9rem !important;
  }
  .ml-sm-n9,
  .mx-sm-n9 {
    margin-left: -9rem !important;
  }
  .m-sm-n10 {
    margin: -10rem !important;
  }
  .mt-sm-n10,
  .my-sm-n10 {
    margin-top: -10rem !important;
  }
  .mr-sm-n10,
  .mx-sm-n10 {
    margin-right: -10rem !important;
  }
  .mb-sm-n10,
  .my-sm-n10 {
    margin-bottom: -10rem !important;
  }
  .ml-sm-n10,
  .mx-sm-n10 {
    margin-left: -10rem !important;
  }
}

@media (min-width: 768px) {
  .m-md-6 {
    margin: 6rem !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 6rem !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 6rem !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 6rem !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 6rem !important;
  }
  .m-md-7 {
    margin: 7rem !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: 7rem !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 7rem !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 7rem !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 7rem !important;
  }
  .m-md-8 {
    margin: 8rem !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 8rem !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 8rem !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 8rem !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 8rem !important;
  }
  .m-md-9 {
    margin: 9rem !important;
  }
  .mt-md-9,
  .my-md-9 {
    margin-top: 9rem !important;
  }
  .mr-md-9,
  .mx-md-9 {
    margin-right: 9rem !important;
  }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: 9rem !important;
  }
  .ml-md-9,
  .mx-md-9 {
    margin-left: 9rem !important;
  }
  .m-md-10 {
    margin: 10rem !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: 10rem !important;
  }
  .mr-md-10,
  .mx-md-10 {
    margin-right: 10rem !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 10rem !important;
  }
  .ml-md-10,
  .mx-md-10 {
    margin-left: 10rem !important;
  }
  .p-md-6 {
    padding: 6rem !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 6rem !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 6rem !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 6rem !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 6rem !important;
  }
  .p-md-7 {
    padding: 7rem !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: 7rem !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: 7rem !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 7rem !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: 7rem !important;
  }
  .p-md-8 {
    padding: 8rem !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 8rem !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: 8rem !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 8rem !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: 8rem !important;
  }
  .p-md-9 {
    padding: 9rem !important;
  }
  .pt-md-9,
  .py-md-9 {
    padding-top: 9rem !important;
  }
  .pr-md-9,
  .px-md-9 {
    padding-right: 9rem !important;
  }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: 9rem !important;
  }
  .pl-md-9,
  .px-md-9 {
    padding-left: 9rem !important;
  }
  .p-md-10 {
    padding: 10rem !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: 10rem !important;
  }
  .pr-md-10,
  .px-md-10 {
    padding-right: 10rem !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 10rem !important;
  }
  .pl-md-10,
  .px-md-10 {
    padding-left: 10rem !important;
  }
  .m-md-n6 {
    margin: -6rem !important;
  }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: -6rem !important;
  }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: -6rem !important;
  }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -6rem !important;
  }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: -6rem !important;
  }
  .m-md-n7 {
    margin: -7rem !important;
  }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: -7rem !important;
  }
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: -7rem !important;
  }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: -7rem !important;
  }
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: -7rem !important;
  }
  .m-md-n8 {
    margin: -8rem !important;
  }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: -8rem !important;
  }
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: -8rem !important;
  }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: -8rem !important;
  }
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: -8rem !important;
  }
  .m-md-n9 {
    margin: -9rem !important;
  }
  .mt-md-n9,
  .my-md-n9 {
    margin-top: -9rem !important;
  }
  .mr-md-n9,
  .mx-md-n9 {
    margin-right: -9rem !important;
  }
  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: -9rem !important;
  }
  .ml-md-n9,
  .mx-md-n9 {
    margin-left: -9rem !important;
  }
  .m-md-n10 {
    margin: -10rem !important;
  }
  .mt-md-n10,
  .my-md-n10 {
    margin-top: -10rem !important;
  }
  .mr-md-n10,
  .mx-md-n10 {
    margin-right: -10rem !important;
  }
  .mb-md-n10,
  .my-md-n10 {
    margin-bottom: -10rem !important;
  }
  .ml-md-n10,
  .mx-md-n10 {
    margin-left: -10rem !important;
  }
}

@media (min-width: 992px) {
  .m-lg-6 {
    margin: 6rem !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 6rem !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 6rem !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 6rem !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 6rem !important;
  }
  .m-lg-7 {
    margin: 7rem !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 7rem !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 7rem !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 7rem !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 7rem !important;
  }
  .m-lg-8 {
    margin: 8rem !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 8rem !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 8rem !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 8rem !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 8rem !important;
  }
  .m-lg-9 {
    margin: 9rem !important;
  }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: 9rem !important;
  }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 9rem !important;
  }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 9rem !important;
  }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 9rem !important;
  }
  .m-lg-10 {
    margin: 10rem !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 10rem !important;
  }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 10rem !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 10rem !important;
  }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 10rem !important;
  }
  .p-lg-6 {
    padding: 6rem !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 6rem !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 6rem !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 6rem !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 6rem !important;
  }
  .p-lg-7 {
    padding: 7rem !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 7rem !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 7rem !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 7rem !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 7rem !important;
  }
  .p-lg-8 {
    padding: 8rem !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 8rem !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 8rem !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 8rem !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 8rem !important;
  }
  .p-lg-9 {
    padding: 9rem !important;
  }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: 9rem !important;
  }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: 9rem !important;
  }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 9rem !important;
  }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: 9rem !important;
  }
  .p-lg-10 {
    padding: 10rem !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 10rem !important;
  }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 10rem !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 10rem !important;
  }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 10rem !important;
  }
  .m-lg-n6 {
    margin: -6rem !important;
  }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -6rem !important;
  }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: -6rem !important;
  }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -6rem !important;
  }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: -6rem !important;
  }
  .m-lg-n7 {
    margin: -7rem !important;
  }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: -7rem !important;
  }
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: -7rem !important;
  }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: -7rem !important;
  }
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: -7rem !important;
  }
  .m-lg-n8 {
    margin: -8rem !important;
  }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: -8rem !important;
  }
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: -8rem !important;
  }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: -8rem !important;
  }
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: -8rem !important;
  }
  .m-lg-n9 {
    margin: -9rem !important;
  }
  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: -9rem !important;
  }
  .mr-lg-n9,
  .mx-lg-n9 {
    margin-right: -9rem !important;
  }
  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: -9rem !important;
  }
  .ml-lg-n9,
  .mx-lg-n9 {
    margin-left: -9rem !important;
  }
  .m-lg-n10 {
    margin: -10rem !important;
  }
  .mt-lg-n10,
  .my-lg-n10 {
    margin-top: -10rem !important;
  }
  .mr-lg-n10,
  .mx-lg-n10 {
    margin-right: -10rem !important;
  }
  .mb-lg-n10,
  .my-lg-n10 {
    margin-bottom: -10rem !important;
  }
  .ml-lg-n10,
  .mx-lg-n10 {
    margin-left: -10rem !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-6 {
    margin: 6rem !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 6rem !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 6rem !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 6rem !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 6rem !important;
  }
  .m-xl-7 {
    margin: 7rem !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 7rem !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 7rem !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 7rem !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 7rem !important;
  }
  .m-xl-8 {
    margin: 8rem !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 8rem !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 8rem !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 8rem !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 8rem !important;
  }
  .m-xl-9 {
    margin: 9rem !important;
  }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: 9rem !important;
  }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 9rem !important;
  }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 9rem !important;
  }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 9rem !important;
  }
  .m-xl-10 {
    margin: 10rem !important;
  }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: 10rem !important;
  }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 10rem !important;
  }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 10rem !important;
  }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 10rem !important;
  }
  .p-xl-6 {
    padding: 6rem !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 6rem !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 6rem !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 6rem !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 6rem !important;
  }
  .p-xl-7 {
    padding: 7rem !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 7rem !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 7rem !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 7rem !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 7rem !important;
  }
  .p-xl-8 {
    padding: 8rem !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 8rem !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 8rem !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 8rem !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 8rem !important;
  }
  .p-xl-9 {
    padding: 9rem !important;
  }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: 9rem !important;
  }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: 9rem !important;
  }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 9rem !important;
  }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: 9rem !important;
  }
  .p-xl-10 {
    padding: 10rem !important;
  }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: 10rem !important;
  }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: 10rem !important;
  }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 10rem !important;
  }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: 10rem !important;
  }
  .m-xl-n6 {
    margin: -6rem !important;
  }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -6rem !important;
  }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: -6rem !important;
  }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -6rem !important;
  }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: -6rem !important;
  }
  .m-xl-n7 {
    margin: -7rem !important;
  }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: -7rem !important;
  }
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: -7rem !important;
  }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: -7rem !important;
  }
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: -7rem !important;
  }
  .m-xl-n8 {
    margin: -8rem !important;
  }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: -8rem !important;
  }
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: -8rem !important;
  }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: -8rem !important;
  }
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: -8rem !important;
  }
  .m-xl-n9 {
    margin: -9rem !important;
  }
  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: -9rem !important;
  }
  .mr-xl-n9,
  .mx-xl-n9 {
    margin-right: -9rem !important;
  }
  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: -9rem !important;
  }
  .ml-xl-n9,
  .mx-xl-n9 {
    margin-left: -9rem !important;
  }
  .m-xl-n10 {
    margin: -10rem !important;
  }
  .mt-xl-n10,
  .my-xl-n10 {
    margin-top: -10rem !important;
  }
  .mr-xl-n10,
  .mx-xl-n10 {
    margin-right: -10rem !important;
  }
  .mb-xl-n10,
  .my-xl-n10 {
    margin-bottom: -10rem !important;
  }
  .ml-xl-n10,
  .mx-xl-n10 {
    margin-left: -10rem !important;
  }
}


/*-----// DASHBOARD //-----*/

.dashboard-col-main,
.dashboard-col-side{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	padding-left: 15px;
    padding-right: 15px;
}
body .dashboard-col-side .widget-area:not(.widget-area-secondary) {
    padding-top: 0;
}
.widget-area {
    padding-bottom: 0;
}
.widget.widget_bp_profile_completion_widget .profile_completion_wrap .pc_progress_wrap .progress_container .pc_progress {
    background-color: #7bafa2;
}
.widget.widget_bp_profile_completion_widget .profile_completion_wrap .pc_detailed_progress_wrap .single_section_wrap.completed:before {
    border-color: #006B8F;
}
.widget.widget_bp_profile_completion_widget .profile_completion_wrap .pc_detailed_progress_wrap .single_section_wrap.completed:after {
    color: #006B8F;
}
.widget.widget_bp_profile_completion_widget .profile_completion_wrap .pc_detailed_progress_wrap .single_section_wrap.completed .progress .completed_staus {
    border-color: #006B8F;
    color: #006B8F;
}
.post-inner-wrap, .comment-respond, .bs-item-list.list-view .bs-item-wrap, .post-author-details, .widget.widget_bp_profile_completion_widget .profile_completion_wrap .pc_detailed_progress_wrap .single_section_wrap {
    border-color: #B8C5CB !important;
}
.elementor-widget-wrap div.item-options, .widget.buddypress div.item-options {
    border-bottom: 1px solid #B8C5CB !important;
}
.widget {
    border-color: #fff !important;
}

.dashboard-widget {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 30px;
}
.dashboard-widget--stage {
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 10px 10px -10px rgba(0,0,0,0.7);
	height: 100%;
    display: flex;
    flex-flow: column;
}
.dashboard-widget--image {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}
.dashboard-widget--image > div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.dashboard-widget--image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.dashboard-widget--text {
	background-color: #F4F6F7;
	padding: 15px 20px;
	height: 100%;
	display: flex;
    flex-direction: column;
}
.dashboard-widget--title {
	font-weight: 800;
	margin-bottom: 10px;
}
.dashboard-widget--text a.btn {
	margin-top: auto;
}

@media (min-width: 992px) {
	.dashboard-col-main {
		-ms-flex: 0 0 66.667%;
		flex: 0 0 66.667%;
		max-width: 66.667%;
	}
	.dashboard-col-side {
		-ms-flex: 0 0 33.334%;
		flex: 0 0 33.333%;
		max-width: 33.333%;
	}
}
@media screen and (min-width: 800px) {
	.dashboard-col-side .widget-area:not(.widget-area-secondary) {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media (max-width: 767px) {
	.dashboard-widget {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}


/*-----// WOOCOMMERCE //-----*/

.wc-item-meta,
.bb_sku_wrapper,
dl.variation,
.product_totals {
	display: none !important;
}
.woocommerce #content div.product div.summary {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%;
    margin-top: 0;
    padding: 0;
    background-color: #fff;
    border-radius: 0;
    border: none;
    border-left-width: 0;
    float: none;
}
.woocommerce-cart .cart-collaterals table.shop_table th {
    padding-left: 15px;
}
.woocommerce table.shop_table .coupon button.button, .woocommerce table.shop_table .coupon input.button {
    background: #CCD3D6;
    border-radius: 100px;
    border-left: 0;
    font-size: 14px;
    color: #002430;
    font-weight: 400;
}


/*-----// WOOCOMMERCE + GRAVITY FORMS  //-----*/

.cart[id^="gform"] {
	color: #012430;
}
.cart[id^="gform"] .gform_heading, .cart[id^="gform"] .gform_body, .cart[id^="gform"] .gform_footer {
     padding-right: 0; 
     padding-left: 0; 
}
.cart[id^="gform"] .gsection h2.gsection_title {
	border-top: 1px solid #CCD3D6;
    padding-top: 40px;
	margin-top: 40px;
	margin-bottom: 10px;
}
.cart[id^="gform"] .gsection:first-child h2.gsection_title {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}
.cart[id^="gform"] .gsection_description {
	color: #012430;
}
.cart[id^="gform"] .gfield {
    display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.cart[id^="gform"] .gfield.gsection {
    display: block;
}
.cart[id^="gform"] .gfield label.gfield_label {
	padding-right: 20px;
    padding-left: 0px;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
	font-weight: 600;
	margin-bottom: 10px;
}
.cart[id^="gform"] .gfield .ginput_container {
	padding-right: 0px;
    padding-left: 0px;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
}
.cart[id^="gform"] .gfield_description {
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	background-color: #CCD3D6;
	padding: 10px 20px;
	border-radius: 20px;
	font-size: 12px;
}
.cart[id^="gform"] select,
.cart[id^="gform"] textarea,
.cart[id^="gform"] input[type="text"] {
    width: 100%;
}
.cart[id^="gform"] .gfield_checkbox {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.cart[id^="gform"] .gfield_checkbox li {
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.gform_save_link {
    background-color: #7bafa2;
	border: 1px solid #7bafa2;
	color: #012430 !important;
	padding: 10px 3em;
	border-radius: 100px;
	font-size: 14px;
}
.gform_save_link:hover,
.gform_save_link:active,
.gform_save_link:focus {
    background-color: #012430;
	border: 1px solid #012430;
	color: #7bafa2 !important;
}

@media (min-width : 1300px) {
	.cart[id^="gform"] .gfield_checkbox li {
		-ms-flex: 0 0 33%;
		flex: 0 0 33%;
		max-width: 33%;
	}
}

@media (max-width : 991px) {
	.cart[id^="gform"] .gfield label.gfield_label,
	.cart[id^="gform"] .gfield .ginput_container {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
}


/*-----// JOB APPLICATION //-----*/

#jmfe-custom-job_position_skills {
	margin-right: 20px;
	list-style: disc;
}
#jmfe-wrap-job_position_project_image {
	display: none;
}
.single_job_listing #jmfe-wrap-job_position_project_image {
	display: block;
}
article.job_listing .job-manager-applications-applied-notice {
    font-size: 14px;
    color: #fff;
    background-color: #002430;
    padding: 8px 15px;
    border-radius: 100px;
}
.form-item, form {
    margin-bottom: 0rem;
}
#job-manager-job-applications .job-applications ul.job-applications .job-application header h3 {
    vertical-align: middle;
    font-size: 16px;
}
#job-manager-job-applications .job-applications ul.job-applications .job-application footer ul.actions li a {
    padding: 20px;
}


/*-----// BROWSE JOBS //-----*/

div.job_listings {
	display: flex;
	flex-wrap: wrap;
}
div.job_listings .job_filters {
	flex: 0 0 25%;
	padding-right: 20px;
}
div.job_listings ul.job_listings {
	flex: 1;
	margin-top: 27px;
}
form.job_filters::before {
    content: "Filter jobs.";
    display: table;
	font-size: 14px;
    font-weight: 700;
}

.job_filters .search_jobs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    padding: 0 0 15px 0;
    margin: 0;
}
.job_filters div.search_jobs > div {
	padding: 0 !important;
}
.job_filters .search_jobs div.search_submit {
    padding-top: 0;
    margin: 0 0 10px 0;
}
.job_filters .search_jobs div.search_keywords, .job_filters .search_jobs div.search_location {
    min-width: 100%;
}
.job_filters .search_jobs .search_keywords:before {
    left: 10px;
}
.job_filters .search_jobs .search_location:before {
    left: 8px;
}
.rss_link {
	display: none;
}
.job_filters .showing_jobs {
    border-radius: 4px;
    border-bottom: 1px solid #e7eaec; 
    font-size: 12px;
	line-height: 16px;
}
.showing_jobs > span {
	width: calc(100% - 31px);
    display: inline-block;
}

.job_types li {
	display: block;
	width: 100%;
}
button#job_types_uncheck {
    font-size: 14px;
    padding: 5px 15px;
    background-color: #e7eaec;
    color: #002430;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

@media (max-width : 991px) {
	div.job_listings {
		flex-wrap: wrap;
	}
	div.job_listings .job_filters {
		flex: 0 0 100%;
		padding-right: 0px;
		max-width: 100%;
	}
	div.job_listings ul.job_listings {
		flex: 1 0 100%;
	}
	.job_types li {
		display: inline-block;
		width: auto;
	}
}

/*-----// PROJECT MANAGEMENT //-----*/

.pm-project-menu .menu-item a {
    background-color: #fff;
}

/*-----// PROFILE //-----*/

/*#change-cover-image-personal-li {
	display: none;
}*/


/*-----// GROUPS //-----*/

#whats-new-textarea [contenteditable=true]:empty:before {
	content: 'Share your event insights...' !important;
}
#buddypress .standard-form .html-active .button {
    background-color: #fff;
}


/*-----// MILESTONES //-----*/

.item-list-tabs {
	border-bottom: 1px solid #e7e9ec;
	padding: 10px 20px;
    border-radius: 4px 4px 0 0;
	background: #fff;
}
#buddypages-page {
	background: #fff;
	border-radius: 0 0 4px 4px;
    padding: 20px;
}
#buddypages-page h3 {
	font-size: 18px;
    font-weight: 500;
    letter-spacing: -.24px;
	text-transform: uppercase;
}

.primary-menu .current-menu-ancestor>a, .primary-menu .current-menu-item>a, .primary-menu .current-menu-parent>a, .primary-menu .current_page_item>a, .primary-menu > li > a, .primary-menu > li > a > i, .site-header #header-aside i, .bb-header-buttons a.button.outline, .primary-menu > .menu-item-has-children:not(.hideshow):after, .site-header .hideshow .more-button > i, .site-header i, .site-header .notification-dropdown i, .site-header .header-search-wrap i, .user-wrap.menu-item-has-children #header-my-account-menu a, .primary-menu > li > a:hover, .primary-menu > li > a:focus, .primary-menu > li > a:hover > i, .primary-menu a:hover > i, .primary-menu a:focus > i, a.user-link:hover, .site-header #header-aside a.user-link:hover i, .bb-header-buttons a.button.outline:hover {
    color: #08242E !important;
}
.pc_progress_wrap .pc_progress_rate {
    stroke: #08242E;
}
.progress_text_wrap h3, .progress_text_wrap .progress_text_label {
	text-align: center;
}
.widget.widget_bp_profile_completion_widget .profile_completion_wrap .pc_detailed_progress_wrap .single_section_wrap .progress .completed_staus, .widget.widget_bp_profile_completion_widget .profile_completion_wrap .pc_detailed_progress_wrap .single_section_wrap.completed .progress .completed_staus {
	color: #08242E;
	border-color: #08242E;
}
.widget.widget_bp_profile_completion_widget .profile_completion_wrap .pc_detailed_progress_wrap .single_section_wrap .section_name {
	width: calc(100% - 75px);
}
.widget.widget_bp_profile_completion_widget .profile_completion_wrap .pc_detailed_progress_wrap .single_section_wrap.completed:before {
	border-color: #08242E;
}
#buddypress .bp-settings-container .bp-navs a:hover {
	background-color: #cde9e2;
	color: #08242E!important;
}

/*-----// BOOTSTRAP MODAL //-----*/

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}

.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.close-terms {
	padding: 0 !important;
    margin: 0 !important;
    width: 42px;
    height: 42px;
    font-size: 2rem;
    line-height: 1;
    background-color: #CDE9E2;
    color: #08242e;
	border-color: #CDE9E2;
}
.close-terms:hover, .close-terms:active, .close-terms:focus {
    background-color: #08242e;
    color: #CDE9E2;
	border-color: #08242e;
}

div.resumes .resume_filters .search_resumes .search_keywords:before, div.resumes .resume_filters .search_resumes .search_location:before {
	top: 7px;
}
.job-manager-info a {
	color: #CDE9E2;
}
.buddypanel .side-panel-menu a:hover {
    color: #fff;
    background-color: #CDE9E2;;
}
.bb-footer .footer-socials a:hover {
    color: #08242e;
}


/*-----// CONTRACT POPUP //-----*/

.mfp-content {
	max-width: 600px;
}
.project-contract--popup {
	background-color: #fff;
	padding: 20px 30px;
	border: 1px solid var(--bb-body-background-color);
}
.jmfe-custom-field-wrap {
    margin-bottom: 0.6rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid var(--bb-body-background-color);
}
.jmfe-custom-field-wrap > .jmfe-custom-field-wrap {
    margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
#jmfe-custom-job_position_experience::before, #jmfe-custom-job_position_skills_2::before {
	content: '●';
	margin-right: 10px;
}
#job_position_header_project {
	margin: 0;
}
.jmfe-custom-field-wrap a {
	text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
	color: orange;
}

.rp4wp-related-job_listing>ul li.job_listing.job_position_filled a, .rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_filled a, ul.job_listings li.job_listing.job_position_filled a, ul.job_listings li.no_job_listings_found.job_position_filled a {
     opacity: 1 !important; 
}
.job_description .job_tags {
	display: none;
}
.fieldset-contract-agreement .field {
	display: flex;
}
.fieldset-contract-agreement .field input {
	margin-right: 10px;
}
.job-manager-form fieldset label {
    line-height: 1.2;
}
.layout--contract {
	background-color: #fff;
	border: 1px solid var(--bb-body-background-color);
	padding: 30px;
}

@media (max-width : 800px) {

	.footer-bottom > .flex {
		flex-flow: column;
	}
	
}


/*-----// JOB MANAGER : PAGINATION //-----*/

nav.job-manager-pagination {
    flex: 0 0 100%;
    margin-left: auto;
    border-top: 1px solid #eee;
    margin-top: 1em;
}


/*-----// POPUP //-----*/

.sgpb-content {
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 12px 40px !important;
}
.sgpb-content > div {
	overflow: visible !important;
}
._form-title {
	font-size: 20px;
	font-weight: 800;
	text-align: center;
}
.sgpb-content ._form_element {
	margin-bottom: 10px
}
.sgpb-content ._form-label {
	display: none
}
.sgpb-content ._form_element input {
	width: 100%;
}
.sgpb-content ._form-branding {
	display: none;
}
.sgpb-content ._button-wrapper {
	text-align: center;
}

@media (min-width : 576px) {
	._form-title {
		white-space: nowrap;
	}
}


.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}


.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}