@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/** Avoid importing this file in customization*/

* {
  font-family:  'Inter', "Roboto", BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
}

a {
  color: inherit;
}

:root {

  /* ════════════════════════════════════════
     PALETTE — couleurs brand + variantes opacity
     ════════════════════════════════════════ */

  /* Couleur 1 — bleu primaire */
  --color-1: #007aff;
  --opacity-100-color-1: rgb(0 122 255 / 1);
  --opacity-70-color-1:  rgb(0 122 255 / 0.7);
  --opacity-50-color-1:  rgb(0 122 255 / 0.5);
  --opacity-30-color-1:  rgb(0 122 255 / 0.3);
  --opacity-10-color-1:  rgb(0 122 255 / 0.1);

  /* Couleur 2 — vert accent */
  --color-2: #419d78;
  --opacity-100-color-2: rgb(65 157 120 / 1);
  --opacity-70-color-2:  rgb(65 157 120 / 0.7);
  --opacity-50-color-2:  rgb(65 157 120 / 0.5);
  --opacity-30-color-2:  rgb(65 157 120 / 0.3);
  --opacity-10-color-2:  rgb(65 157 120 / 0.1);

  /* Accent — orange chaud (triplet RGB pour rgba() dynamique) */
  --accent: 247, 148, 29;
  --accent-color: rgb(var(--accent));
  --opacity-100-accent: rgba(var(--accent), 1);
  --opacity-70-accent:  rgba(var(--accent), 0.7);
  --opacity-50-accent:  rgba(var(--accent), 0.5);
  --opacity-30-accent:  rgba(var(--accent), 0.3);
  --opacity-10-accent:  rgba(var(--accent), 0.1);

  --admin-menu-background-color: var(--opacity-10-color-1);


  /* ════════════════════════════════════════
     TYPOGRAPHIE
     ════════════════════════════════════════ */

  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
  --font-weight-heading: 700;
  --letter-spacing-heading: 0em;
  --text-transform-heading: none;

  /* Échelle de taille (modifiable dynamiquement via applyFontSize) */
  --app-font-size: 12px;
  --fs-xs:         10px;
  --fs-sm:         12px;
  --fs-base:       12px;
  --fs-md:         14px;

  /* Aliases legacy (utilisés dans les composants existants) */
  --xsmall:       10px;
  --very-small:   10px;
  --small:        12px;
  --medium-small: 12px;
  --medium:       12px;
  --medium-big:   12px;
  --medium-large: 13px;
  --medium-xl:    14px;
  --large-small:  18px;
  --large:        20px;
  --large-big:    24px;
  --large-large:  28px;
  --large-xl:     28px;
  --xl:           38px;
  --xxl:          48px;
  --xxxxl:        80px;


  /* ════════════════════════════════════════
     ESPACEMENT
     ════════════════════════════════════════ */

  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --page-px: 30px;
  --page-py: 20px;


  /* ════════════════════════════════════════
     FORME — border-radius
     ════════════════════════════════════════ */

  --radius-xs:     4px;
  --radius-sm:     8px;
  --radius-md:     12px;
  --radius-lg:     16px;
  --radius-full:   9999px;
  --radius-button: 4px;
  --radius-card:   12px;
  --radius-input:  16px;
  --radius-badge:  9999px;

  /* Aliases legacy */
  --border-radius:        var(--radius-sm);
  --border-radius-s:      var(--radius-md);
  --border-radius-xs:     var(--radius-sm);
  --border-radius-xxs:    var(--radius-xs);
  --border-radius-ms:     var(--radius-xs);
  --border-radius-button: var(--radius-button);


  /* ════════════════════════════════════════
     OMBRES
     ════════════════════════════════════════ */

  --shadow-sm:   0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  --shadow-md:   0 4px 8px -2px rgba(0,0,0,0.10), 0 2px 4px -2px rgba(0,0,0,0.06);
  --shadow-lg:   0 12px 24px -6px rgba(0,0,0,0.14), 0 4px 8px -4px rgba(0,0,0,0.08);
  --shadow-card: 0 4px 24px rgba(0,0,0,0.06), 0 1px 4px rgba(0,0,0,0.04);


  /* ════════════════════════════════════════
     BOUTONS
     ════════════════════════════════════════ */

  --btn-padding-x:   16px;
  --btn-padding-y:   8px;
  --btn-font-weight: 600;


  /* ════════════════════════════════════════
     TOKENS SÉMANTIQUES — surfaces & texte
     (remplacés dynamiquement en dark mode)
     ════════════════════════════════════════ */

  /* Layout */
  --layout-bg:      #f5f6fa;
  --content-bg:     #ffffff;
  --content-border: 0px solid #eaecf0;

  /* Cards & inputs */
  --card-bg:       #ffffff;
  --card-border:   #c1c6d7;
  --input-bg:      #ffffff;
  --input-border:  #d0d5dd;
  --surface-hover: #f2f4f7;
  --surface-subtle: #f9fafc;

  /* Texte */
  --text-primary:   #101828;
  --text-secondary: #667085;
  --text-tertiary:  #344054;
  --text-muted:     #98a2b3;
  --text-light-pri: #17254e;
  --text-light-sec: #475467;
  --text-dark-pri:  #f9f8f8;


  /* ════════════════════════════════════════
     SIDEBAR & TOPBAR
     ════════════════════════════════════════ */

  --sidebar-bg:                 rgba(251, 249, 248, 0.8);
  --sidebar-text:               #35405a;
  --sidebar-item-text:          #35405a;
  --sidebar-item-hover-bg:      var(--opacity-10-color-1);
  --sidebar-item-selected-bg:   var(--color-1);
  --sidebar-item-selected-text: #ffffff;
  --sidebar-divider:            rgba(0, 0, 0, 0.06);

  --topbar-bg:           #ffffff;
  --topbar-text:         #35405a;
  --topbar-border-bottom: 1px solid #eaecf0;


  /* ════════════════════════════════════════
     LAYOUT PUBLIC (front-office)
     ════════════════════════════════════════ */

  --client-primary:   var(--color-1);
  --client-secondary: var(--accent-color);
  --client-navbar-bg:     #ffffff;
  --client-navbar-text:   #35405a;
  --client-navbar-border: 1px solid #eaecf0;
  --client-navbar-h:      64px;
  --client-footer-bg:     #17254e;
  --client-footer-text:   rgba(255, 255, 255, 0.75);
  --client-hero-bg:       none;
  --client-layout-bg:     #ffffff;


  /* ════════════════════════════════════════
     BACK-OFFICE ADMIN
     ════════════════════════════════════════ */

  --admin-background-color: rgb(242, 245, 249);
  --admin-border-color:     #dedede;


  /* ════════════════════════════════════════
     STATUTS
     ════════════════════════════════════════ */

  --color-success:    #4caf50;
  --color-success-bg: #e5ffe5;
  --color-warning:    #f6c100;
  --color-warning-bg: #fff3d3;
  --color-error:      #f04438;
  --color-error-bg:   #fda29b;
  --color-info:       var(--color-1);


  /* ════════════════════════════════════════
     DIVERS
     ════════════════════════════════════════ */

  --white:           #ffffff;
  --white2:          #f5f5f5;
  --black:           #333333;
  --soft-gray:       #dedede;
  --scrollbar-thumb: #eaecf0;


  /* ════════════════════════════════════════
     ALIASES LEGACY — backward compat
     (ne pas utiliser dans le nouveau code)
     ════════════════════════════════════════ */

  --primary-color:   var(--color-1);
  --primary-color-2: aqua;
  --primary-color-3: #7cb3ff;
  --primary-color-4: var(--opacity-10-color-1);
  --secondary-color-old: #f6c100;
  --primary-color-5: blueviolet;
  --primary-color-6: #4caf50;
  --primary-color-7: #45a049;
  --primary-color-8: #419d78;
  --primary-color-9: #bbe3d3;
  --primary-color-10: #2e6e54;
  --primary-color-11: #8ed0b5;

  --secondary-color:   var(--accent-color);
  --secondary-color-1: var(--opacity-10-accent);
  --secondary-color-2: var(--opacity-30-accent);

  --tertiary-color:          var(--content-bg);
  --tertiary-color-1:        #f5f6fa;
  --ternary-color-2:         #e4f5ff;
  --ternary-color-3:         #ccc;
  --ternary-color-4:         var(--card-border);
  --ternary-color-5:         #e5ffe5;
  --ternary-color-6:         #eee;
  --ternary-color-7:         rgb(211, 211, 211);
  --ternary-color-8:         var(--card-border);
  --ternary-color-9:         #dedede;
  --ternary-color-opacity-003: rgba(1, 155, 255, 0.03);
  --ternary-color-opacity-04:  rgba(255, 255, 255, 0.4);
  --ternary-color-opacity-05:  rgba(255, 255, 255, 0.5);

  --color-text:    var(--text-primary);
  --color-text-1:  #35405a;
  --color-text-2:  #475467;
  --color-text-3:  #193c4e;
  --color-text-4:  #005d9a;
  --color-text-5:  #8a93a7;
  --color-text-6:  rgba(88, 98, 122, 1);
  --color-text-7:  #71747d;
  --color-text-8:  #303135;
  --color-text-9:  #4f4f4f;
  --color-text-10: rgba(227, 227, 227, 1);
  --color-text-11: rgb(120, 119, 119);
  --color-text-12: rgba(102, 112, 133, 1);
  --color-text-13: #344054;
  --color-text-14: #2e6e54;
  --color-text-sec: #494949;

  --border-color:   #c1c6d7;
  --border-color-1: rgba(208, 213, 221, 1);
  --border-color-2: rgba(242, 244, 247, 1);
  --border-color-3: rgb(208, 214, 232);
  --border-color-4: rgba(77, 79, 86, 1);
  --border-color-5: #ccc;
  --border-color-6: #bdbdbd;

  --background-color-black-09: rgba(0, 0, 0, 0.8);
  --background-color-White-07: rgba(255, 255, 255, 0.7);

  --box-shadow-color-01:   rgba(0, 0, 0, 0.1);
  --box-shadow-color-03:   rgba(0, 0, 0, 0.3);
  --box-shadow-color-02:   rgba(92, 99, 105, 0.2);
  --box-shadow-color-05:   rgba(0, 0, 0, 0.5);
  --box-shadow-color-005:  rgba(16, 24, 40, 0.05);
  --box-shadow-color-0368: rgba(16, 24, 40, 0.368);
  --bow-shadow-color-0149: rgba(16, 24, 40, 0.149);
  --box-shadow-color-0112: rgba(0, 0, 0, 0.112);
  --box-shadow-color-0186: rgba(0, 0, 0, 0.186);
  --box-shadow-color:      #dffbf0;

  --background-gradient: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8));
  --background-gradient-2: linear-gradient(transparent, #000);

  --warning-color:   #f00;
  --warning-color-1: #ff0500;
  --warning-color2:  #f04438;
  --warning-color-3: #fda29b;

  --success-color:   #04aa6d;
  --success-color-1: #008000;
  --success-color-2: #61ebb4;
}


/* ════════════════════════════════════════
   RESPONSIVE — padding page
   ════════════════════════════════════════ */

@media (max-width: 1024px) {
  :root { --page-px: 20px; }
}
@media (max-width: 768px) {
  :root { --page-px: 16px; --page-py: 16px; }
}
@media (max-width: 480px) {
  :root { --page-px: 12px; --page-py: 12px; }
}

/** https://gwfh.mranftl.com/fonts/bruno-ace-sc?subsets=latin */
/* inter-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100;
    src: url(/_next/static/media/inter-v20-latin-100.b447814d.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    src: url(/_next/static/media/inter-v20-latin-200.96be0801.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/inter-v20-latin-300.15fb600d.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/inter-v20-latin-regular.ef6d3f52.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/inter-v20-latin-500.b7b43ace.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/inter-v20-latin-600.8fb1a964.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/inter-v20-latin-700.953b7aa5.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    src: url(/_next/static/media/inter-v20-latin-800.95045d68.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    src: url(/_next/static/media/inter-v20-latin-900.2a8028ec.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/* roboto-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url(/_next/static/media/roboto-v50-latin-100.d27c3c4c.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 200;
    src: url(/_next/static/media/roboto-v50-latin-200.88ee6b02.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/roboto-v50-latin-300.2329f82f.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/roboto-v50-latin-regular.4046ec9b.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/roboto-v50-latin-500.48ee0eb8.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/roboto-v50-latin-600.513844ad.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/roboto-v50-latin-700.dedba05d.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    src: url(/_next/static/media/roboto-v50-latin-800.c7ab6805.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url(/_next/static/media/roboto-v50-latin-900.d0b56fc3.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* open-sans-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/open-sans-v44-latin-300.4be9076b.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/open-sans-v44-latin-regular.b5db02f0.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/open-sans-v44-latin-500.013465ab.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/open-sans-v44-latin-600.4840173a.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/open-sans-v44-latin-700.03f17d7c.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url(/_next/static/media/open-sans-v44-latin-800.524dcb5b.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* lato-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    src: url(/_next/static/media/lato-v25-latin-100.5a773cf2.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/lato-v25-latin-300.c5195215.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/lato-v25-latin-regular.b7ffde23.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/lato-v25-latin-700.d5eb20bc.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lato-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url(/_next/static/media/lato-v25-latin-900.d884a71c.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    src: url(/_next/static/media/montserrat-v31-latin-100.50129cb1.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    src: url(/_next/static/media/montserrat-v31-latin-200.81df42c3.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/montserrat-v31-latin-300.78db4f53.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/montserrat-v31-latin-regular.c050c0dd.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/montserrat-v31-latin-500.3061f5b6.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/montserrat-v31-latin-600.606cdd76.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/montserrat-v31-latin-700.d4df281b.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url(/_next/static/media/montserrat-v31-latin-800.cb2a73f0.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url(/_next/static/media/montserrat-v31-latin-900.46019c50.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* poppins-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    src: url(/_next/static/media/poppins-v24-latin-100.7a78f1ce.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    src: url(/_next/static/media/poppins-v24-latin-200.d36a2a2b.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/poppins-v24-latin-300.c0455185.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/poppins-v24-latin-regular.916d3686.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/poppins-v24-latin-500.7777133e.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/poppins-v24-latin-600.d8692086.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/poppins-v24-latin-700.9a881e2a.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url(/_next/static/media/poppins-v24-latin-800.376dd8dc.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    src: url(/_next/static/media/poppins-v24-latin-900.bd427f25.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 200;
    src: url(/_next/static/media/nunito-v32-latin-200.6a3dba4f.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/nunito-v32-latin-300.a7a864d9.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/nunito-v32-latin-regular.94ef06ef.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/nunito-v32-latin-500.78b3b3a4.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/nunito-v32-latin-600.1f307960.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/nunito-v32-latin-700.0b62b606.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    src: url(/_next/static/media/nunito-v32-latin-800.cac5ced1.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 900;
    src: url(/_next/static/media/nunito-v32-latin-900.8b5d13b8.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* source-sans-3-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 200;
    src: url(/_next/static/media/source-sans-3-v19-latin-200.0a278985.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/source-sans-3-v19-latin-300.6f9cf82d.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/source-sans-3-v19-latin-regular.827817a6.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/source-sans-3-v19-latin-500.f8d8377b.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/source-sans-3-v19-latin-600.580e937f.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/source-sans-3-v19-latin-700.86e95c1a.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 800;
    src: url(/_next/static/media/source-sans-3-v19-latin-800.63c5b321.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 900;
    src: url(/_next/static/media/source-sans-3-v19-latin-900.7cc641a3.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* dm-sans-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 100;
    src: url(/_next/static/media/dm-sans-v17-latin-100.9eb971e5.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 200;
    src: url(/_next/static/media/dm-sans-v17-latin-200.e071454f.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/dm-sans-v17-latin-300.f9063f31.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/dm-sans-v17-latin-regular.7abd0811.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/dm-sans-v17-latin-500.210398b6.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/dm-sans-v17-latin-600.ad414a0a.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/dm-sans-v17-latin-700.db6484ff.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 800;
    src: url(/_next/static/media/dm-sans-v17-latin-800.5699fb17.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dm-sans-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 900;
    src: url(/_next/static/media/dm-sans-v17-latin-900.b2fb54a7.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 100;
    src: url(/_next/static/media/dm-sans-v17-latin-100.9eb971e5.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 200;
    src: url(/_next/static/media/dm-sans-v17-latin-200.e071454f.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/work-sans-v24-latin-300.a591cdc4.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/work-sans-v24-latin-regular.87374e80.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/work-sans-v24-latin-500.efad461b.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/work-sans-v24-latin-600.b70f4c26.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/work-sans-v24-latin-700.d6aadaac.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 800;
    src: url(/_next/static/media/work-sans-v24-latin-800.e1c233fb.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 900;
    src: url(/_next/static/media/work-sans-v24-latin-900.bbc3a329.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100;
    src: url(/_next/static/media/raleway-v37-latin-100.13fc4f50.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 200;
    src: url(/_next/static/media/raleway-v37-latin-200.eb6f0758.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/raleway-v37-latin-300.1bec96b1.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/raleway-v37-latin-regular.5a63fca0.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/raleway-v37-latin-500.faab3f8f.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/raleway-v37-latin-600.533e956d.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/raleway-v37-latin-700.399fe7a0.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    src: url(/_next/static/media/raleway-v37-latin-800.a405a30d.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 900;
    src: url(/_next/static/media/raleway-v37-latin-900.83a1ff28.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ubuntu-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/ubuntu-v21-latin-300.37e6aec5.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ubuntu-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/ubuntu-v21-latin-regular.a843270c.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ubuntu-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/ubuntu-v21-latin-500.63502e74.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ubuntu-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/ubuntu-v21-latin-700.795acc89.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 100;
    src: url(/_next/static/media/fira-sans-v18-latin-100.bdf55284.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 200;
    src: url(/_next/static/media/fira-sans-v18-latin-200.b61bc302.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/fira-sans-v18-latin-300.341a0c9f.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/fira-sans-v18-latin-regular.763137b0.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/fira-sans-v18-latin-500.9320fcdb.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/fira-sans-v18-latin-600.515901af.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/fira-sans-v18-latin-700.9676c802.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 800;
    src: url(/_next/static/media/fira-sans-v18-latin-800.6c2ef785.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 900;
    src: url(/_next/static/media/fira-sans-v18-latin-900.a920e408.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/merriweather-v33-latin-300.27189fa3.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/merriweather-v33-latin-regular.3195b999.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/merriweather-v33-latin-500.f253b422.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/merriweather-v33-latin-600.3a0d0944.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/merriweather-v33-latin-700.d2cb8298.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 800;
    src: url(/_next/static/media/merriweather-v33-latin-800.7bd8b9da.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 900;
    src: url(/_next/static/media/merriweather-v33-latin-900.38058f1f.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* playfair-display-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/playfair-display-v40-latin-regular.0a002f53.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-display-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/playfair-display-v40-latin-500.3db81346.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-display-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/playfair-display-v40-latin-600.2d39ca87.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-display-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/playfair-display-v40-latin-700.a4129c4f.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-display-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 800;
    src: url(/_next/static/media/playfair-display-v40-latin-800.e52647ea.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-display-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 900;
    src: url(/_next/static/media/playfair-display-v40-latin-900.4a911b1b.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* libre-baskerville-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Libre Baskerville';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/libre-baskerville-v24-latin-regular.720f50bf.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-baskerville-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Libre Baskerville';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/libre-baskerville-v24-latin-500.8e2240fd.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-baskerville-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Libre Baskerville';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/libre-baskerville-v24-latin-600.d5ceda71.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-baskerville-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Libre Baskerville';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/libre-baskerville-v24-latin-700.be2d21d6.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jetbrains-mono-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 100;
    src: url(/_next/static/media/jetbrains-mono-v24-latin-100.1e96c535.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jetbrains-mono-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 200;
    src: url(/_next/static/media/jetbrains-mono-v24-latin-200.1895916a.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jetbrains-mono-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/jetbrains-mono-v24-latin-300.66df0abf.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jetbrains-mono-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/jetbrains-mono-v24-latin-regular.db9d659a.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jetbrains-mono-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/jetbrains-mono-v24-latin-500.af2e87f5.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jetbrains-mono-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/jetbrains-mono-v24-latin-600.ebeb24f1.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jetbrains-mono-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/jetbrains-mono-v24-latin-700.9545a3d1.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* jetbrains-mono-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 800;
    src: url(/_next/static/media/jetbrains-mono-v24-latin-800.93e25f31.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* fira-code-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/fira-code-v27-latin-300.d00c5c9f.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-code-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/fira-code-v27-latin-regular.2655b10c.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-code-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/fira-code-v27-latin-500.92a991f2.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-code-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/fira-code-v27-latin-600.43788eb7.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-code-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Fira Code';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/fira-code-v27-latin-700.2667215d.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* oswald-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 200;
    src: url(/_next/static/media/oswald-v57-latin-200.f0aff29d.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* oswald-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/oswald-v57-latin-300.6f28fead.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* oswald-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/oswald-v57-latin-regular.92ebb4d8.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* oswald-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/oswald-v57-latin-500.c0085ea6.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* oswald-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/oswald-v57-latin-600.2721c83b.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* oswald-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/oswald-v57-latin-700.6003289b.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bebas-neue-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/bebas-neue-v16-latin-regular.f4646f71.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* anton-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/anton-v27-latin-regular.8051a086.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* archivo-100 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 100;
    src: url(/_next/static/media/archivo-v25-latin-100.1a4ac775.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* archivo-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 200;
    src: url(/_next/static/media/archivo-v25-latin-200.695cede1.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* archivo-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 300;
    src: url(/_next/static/media/archivo-v25-latin-300.2c73d134.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* archivo-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/archivo-v25-latin-regular.c9c41986.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* archivo-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/archivo-v25-latin-500.b97e1d35.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* archivo-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/archivo-v25-latin-600.6bdb6ec1.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* archivo-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/archivo-v25-latin-700.b43f4d39.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* archivo-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 800;
    src: url(/_next/static/media/archivo-v25-latin-800.052073b7.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* archivo-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 900;
    src: url(/_next/static/media/archivo-v25-latin-900.295056ab.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cinzel-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cinzel';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/cinzel-v26-latin-regular.a39dd205.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cinzel-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cinzel';
    font-style: normal;
    font-weight: 500;
    src: url(/_next/static/media/cinzel-v26-latin-500.ae1a651a.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cinzel-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cinzel';
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/cinzel-v26-latin-600.b41df3e7.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cinzel-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cinzel';
    font-style: normal;
    font-weight: 700;
    src: url(/_next/static/media/cinzel-v26-latin-700.701ae2cc.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cinzel-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cinzel';
    font-style: normal;
    font-weight: 800;
    src: url(/_next/static/media/cinzel-v26-latin-800.a9470feb.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cinzel-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cinzel';
    font-style: normal;
    font-weight: 900;
    src: url(/_next/static/media/cinzel-v26-latin-900.c48bb2fb.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* ballet-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ballet';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/ballet-v30-latin-regular.2fe596dd.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* bruno-ace-sc-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Bruno Ace SC';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/bruno-ace-sc-v7-latin-regular.87212e76.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* caprasimo-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Caprasimo';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/caprasimo-v6-latin-regular.ed1044cf.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dancing-script-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/dancing-script-v29-latin-regular.74684efb.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* im-fell-french-canon-sc-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'IM Fell French Canon SC';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/im-fell-french-canon-sc-v23-latin-regular.9cc9b782.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* imperial-script-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Imperial Script';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/imperial-script-v8-latin-regular.937be566.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* petit-formal-script-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Petit Formal Script';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/petit-formal-script-v19-latin-regular.48abb70b.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-display-sc-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display SC';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/playfair-display-sc-v18-latin-regular.b734b820.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rouge-script-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rouge Script';
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/rouge-script-v20-latin-regular.92701838.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



:root {
    /* fonts */
    --text-sm-semibold: Inter;
    --font-arial: Arial;
    --font-space-grotesk: "Space Grotesk";
    --font-roboto: Roboto;

    /* font sizes */
    --font-size-xs: 12px;
    --font-size-smi: 13px;
    --text-md-regular-size: 16px;
    --font-size-xl: 20px;
    --font-size-lg: 18px;
    --text-sm-semibold-size: 14px;

    /* Colors */
    --gray-50: #f9fafb;
    --color-whitesmoke-100: #f8f8f8;
    --gray-200: #eaecf0;
    --base-white: #fff;
    --gray-600: #475467;
    --gray-700: #344054;
    --color-darkslategray-100: #193c4e;
    --primary-700: #182d47;
    --color-darkslategray-200: rgba(25, 60, 78, 0.1);
    --color-darkslategray-300: rgba(25, 60, 78, 0.6);
    --gray-800: #1d2939;
    --gray-900: #101828;
    --color-gray-100: #050c10;
    --gray-500: #667085;
    --gray-300: #d0d5dd;

    /* Gaps */
    --gap-5xl: 24px;
    --gap-smi: 13px;
    --gap-5xs: 8px;
    --gap-xs: 12px;
    --gap-45xl: 64px;
    --gap-11xs: 2px;
    --gap-13xl: 32px;
    --gap-base: 16px;
    --gap-7xs: 6px;

    /* Paddings */
    --padding-12xs: 1px;
    --padding-61xl: 80px;
    --padding-121xl: 140px;
    --padding-smi: 13px;
    --padding-11xl: 30px;
    --padding-5xs: 8px;
    --padding-xs: 12px;
    --padding-13xl: 32px;
    --padding-77xl: 96px;
    --padding-xl: 20px;
    --padding-9xs: 4px;
    --padding-3xs: 10px;
    --padding-sm: 14px;
    --padding-11xs: 2px;
    --padding-6xs: 7px;

    /* Border radiuses */
    --br-xs: 12px;
    --br-xl: 20px;
    --br-5xl: 24px;
    --br-181xl: 200px;
    --br-5xs: 8px;
    --br-base: 16px;

    /* Effects */
    --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

.k-blog-content{
    max-width: 38vw;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;;
    flex-direction: column;
    border:2px solid var(--border-color-2);;
    gap: 10px;
    margin: 40px auto 0;
    border-radius: 20px;
    flex-grow: 1;
}

.k-blog-content-inner{
    padding:40px 60px;
}

.link-faq {
    position: relative;
    line-height: 26px;
}
.div {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 var(--padding-12xs);
}
.flag-button-square-enpng-icon {
    position: relative;
    width: 20px;
    height: 15px;
    -o-object-fit: cover;
       object-fit: cover;
}
.divroot-bar {
    width: 1400px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0 0 1337.8800048828125px;
    box-sizing: border-box;
    gap: 9.12px;
}
.katappultlogosvg-icon {
    position: relative;
    width: 115.67px;
    height: 34px;
    overflow: hidden;
    flex-shrink: 0;
    -o-object-fit: cover;
       object-fit: cover;
}
.divleft,
.link-katappultlogosvg {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.link-katappultlogosvg {
    justify-content: center;
    padding: 0 2.165828227996826px 0 2.1658291816711426px;
}
.divleft {
    position: absolute;
    top: calc(50% - 17px);
    left: 0;
    justify-content: flex-start;
}
.features {
    position: relative;
    letter-spacing: -0.14px;
    line-height: 24px;
}
.link,
.link1,
.link2,
.link3 {
    position: absolute;
    top: calc(50% - 13px);
    left: calc(50% - 154.68px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 0 var(--padding-12xs);
}
.link1,
.link2,
.link3 {
    left: calc(50% - 75.41px);
    padding: 0 0.1399993896484375px var(--padding-12xs) 0;
}
.link2,
.link3 {
    left: calc(50% + 22.73px);
    padding: 0 0 var(--padding-12xs);
}
.link3 {
    left: calc(50% + 106.46px);
    padding: 0 0.220001220703125px var(--padding-12xs) 0;
    color: var(--color-darkslategray-100);
}
.divnavigation {
    position: absolute;
    top: calc(50% - 12px);
    left: 478.31px;
    width: 309.36px;
    height: 24px;
}
.vector-icon {
    position: relative;
    width: 13px;
    height: 12.16px;
    -o-object-fit: cover;
       object-fit: cover;
}
.icon,
.pseudo {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}
.icon {
    width: 12.84px;
    overflow: hidden;
    flex-shrink: 0;
    padding: 0.4189453125px 0;
    box-sizing: border-box;
}
.pseudo {
    position: absolute;
    top: 9.5px;
    left: calc(50% - 45.64px);
}
.button {
    position: relative;
    border-radius: var(--br-5xs);
    background-color: var(--base-white);
    box-shadow: 0 1px 3px rgba(47, 43, 67, 0.1),
    0-1px 0 1px rgba(47, 43, 67, 0.1) inset;
    border: 1px solid var(--color-darkslategray-200);
    box-sizing: border-box;
    width: 106.28px;
    height: 32px;
}
.create-an-account {
    position: relative;
    letter-spacing: -0.16px;
    font-weight: 500;
}
.button1,
.divactions {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.button1 {
    border-radius: var(--br-5xs);
    background-color: var(--color-darkslategray-100);
    box-shadow: 0 1px 3px rgba(47, 43, 67, 0.1),
    0-1px 0 1px rgba(47, 43, 67, 0.1) inset;
    border: 1px solid var(--color-darkslategray-200);
    justify-content: center;
    padding: 6px 26.720001220703125px var(--padding-6xs) 25px;
    color: var(--base-white);
}
.divactions {
    position: absolute;
    top: 1px;
    left: 1079.98px;
    width: 254px;
    justify-content: flex-end;
    gap: 24.01px;
    font-size: var(--text-md-regular-size);
    color: var(--color-gray-100);
}
.divinner {
    position: relative;
    width: 1400px;
    height: 34px;
    text-align: center;
    font-size: var(--text-sm-semibold-size);
    color: var(--color-darkslategray-300);
}
.section {
    background-color: var(--base-white);
    width: 1400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--padding-5xs) 0;
    box-sizing: border-box;
    gap: 5px;
    max-width: 1400px;
}
.blog {
    position: relative;
    letter-spacing: -0.14px;
    line-height: 20px;
    font-weight: 500;
}
.badgepricing-badge {
    border-radius: var(--br-xl);
    background-color: #b0f5d9;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px 7.520000457763672px var(--padding-6xs) var(--padding-5xs);
}
.resources-and-insights {
    position: relative;
    letter-spacing: -0.58px;
    line-height: 54px;
}
.divpricing-title,
.heading-2 {
    display: flex;
    box-sizing: border-box;
}
.heading-2 {
    width: 740px;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 0 7.8800048828125px var(--padding-12xs) 0;
    text-align: left;
    font-size: 45px;
    color: var(--color-darkslategray-100);
    font-family: var(--font-roboto);
}
.divpricing-title {
    width: 1400px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0 375.05999755859375px;
    gap: 23px;
}
.heading {
    flex: 1;
    position: relative;
    letter-spacing: -0.38px;
    line-height: 32px;
    font-weight: 500;
}
.arrow-up-right-icon {
    position: relative;
    width: 24px;
    height: 24px;
    overflow: hidden;
    flex-shrink: 0;
    -o-object-fit: cover;
       object-fit: cover;
}
.heading-and-icon {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-base);
}
.supporting-text {
    position: relative;
    font-size: var(--font-size-lg);
    letter-spacing: -0.22px;
    line-height: 26px;
    font-family: var(--text-sm-semibold);
}
.supporting-text22{
    position: relative;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22px;
    font-family: var(--text-sm-semibold);
}

.heading-and-text {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xs);
}
.avatar-contrast-inner-border {
    align-self: stretch;
    flex: 1;
    position: relative;
    border-radius: var(--br-181xl);
    /*border: 0.8px solid var(--gray-900);*/
    overflow: hidden;
    opacity: 1;
}
.avatar-contrast-inner-border img{
    width: 100%;
}

.avatar {
    border-radius: var(--br-181xl);
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.supporting-text1,
.text {
    position: relative;
    line-height: 20px;
}
.text {
    font-weight: 600;
}
.supporting-text1 {
    display: none;
}
.avatar-label-group,
.text-and-author,
.text-and-supporting-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}
.avatar-label-group,
.text-and-author {
    flex-direction: row;
    align-items: center;
    gap: var(--gap-xs);
}
.text-and-author {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-5xs);
}
.text1 {
    position: relative;
    line-height: 24px;
    font-weight: 600;
}
.text-wrap {
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: var(--padding-5xs) 0;
    box-sizing: border-box;
    font-size: var(--text-md-regular-size);
}
.author,
.author-and-categories,
.content {
    align-items: flex-start;
    justify-content: flex-start;
}
.author {
    flex: 1;
    display: flex;
    flex-direction: row;
    gap: var(--gap-13xl);
}
.author-and-categories,
.content {
    align-self: stretch;
}
.author-and-categories {
    display: flex;
    flex-direction: row;
    font-size: var(--text-sm-semibold-size);
    font-family: var(--text-sm-semibold);
}
.content {
    gap: var(--gap-5xl);
}
.attribution-card,
.bottom-panel,
.content {
    display: flex;
    flex-direction: column;
}
.attribution-card {
    align-self: stretch;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-13xl);
}
.bottom-panel {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.4));
    align-items: center;
    justify-content: center;
    padding: var(--padding-77xl) 0 0;
    box-sizing: border-box;
}
.image {
    align-self: stretch;
    position: relative;
    border-radius: var(--br-base);
    height: 520px;
    overflow: hidden;
    flex-shrink: 0;
    background-image: url(/images/katappult-blog-root.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.featured-article {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 24px;
    font-family: var(--font-space-grotesk);
}
.text2 {
    position: relative;
    letter-spacing: -0.28px;
    line-height: 28px;
    font-weight: 500;
}
.tab-button-base {
    border-bottom: 2px solid var(--primary-700);
    display: flex;
    flex-direction: row;
    align-items: center;
}
.tab-button-base,
.tab-button-base1,
.tab-button-base5 {
    overflow: hidden;
    justify-content: center;
    padding: 0 var(--padding-9xs) var(--padding-xs);
}
.tab-button-base1 {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.tab-button-base5 {
    display: none;
    font-size: var(--text-md-regular-size);
    color: var(--gray-500);
}
.badge,
.tab-button-base5,
.tab-button-base7 {
    flex-direction: row;
    align-items: center;
}
.badge {
    border-radius: var(--br-base);
    background-color: var(--gray-50);
    border: 1px solid var(--gray-200);
    display: flex;
    justify-content: flex-start;
    padding: var(--padding-11xs) var(--padding-3xs);
    mix-blend-mode: multiply;
    text-align: center;
    font-size: var(--text-sm-semibold-size);
    color: var(--gray-700);
}
.tab-button-base7 {
    overflow: hidden;
    display: none;
    justify-content: center;
    padding: 0 var(--padding-9xs) var(--padding-3xs);
    gap: var(--gap-5xs);
    font-size: var(--text-md-regular-size);
    color: var(--gray-500);
}
.horizontal-tabs,
.tabs {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.tabs {
    flex-direction: row;
    gap: var(--gap-base);
}
.horizontal-tabs {
    flex: 1;
    border-bottom: 1px solid var(--gray-200);
    flex-direction: column;
}
.label,
.supporting-text2 {
    position: relative;
    display: none;
}
.label {
    line-height: 20px;
    font-weight: 500;
}
.supporting-text2 {
    line-height: 24px;
    color: var(--gray-600);
}
.content1 {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-5xs);
}
.chevron-down-icon {
    position: relative;
    width: 20px;
    height: 20px;
    overflow: hidden;
    flex-shrink: 0;
    -o-object-fit: cover;
       object-fit: cover;
}
.input,
.input-with-label {
    align-self: stretch;
    display: flex;
    justify-content: flex-start;
}
.input {
    border-radius: var(--br-5xs);
    background-color: var(--base-white);
    box-shadow: var(--shadow-xs);
    border: 1px solid var(--gray-300);
    overflow: hidden;
    flex-direction: row;
    align-items: center;
    padding: var(--padding-3xs) var(--padding-sm);
    gap: var(--gap-5xs);
    font-size: var(--text-md-regular-size);
    color: var(--gray-900);
}
.input-with-label {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-7xs);
}
.hint-text {
    position: relative;
    line-height: 20px;
    color: var(--gray-600);
    display: none;
    width: 320px;
}
.input-dropdown,
.tabs-and-sort {
    display: flex;
    justify-content: flex-start;
}
.input-dropdown {
    width: 320px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-5xs);
    font-size: var(--text-sm-semibold-size);
    color: var(--gray-700);
}
.tabs-and-sort {
    align-self: stretch;
    flex-direction: row;
    align-items: flex-end;
    gap: var(--gap-13xl);
    font-size: var(--font-size-xl);
    color: var(--color-darkslategray-100);
}
.image-icon,
.subheading {
    align-self: stretch;
    position: relative;
}
.image-icon {
    border-radius: var(--br-5xl);
    max-width: 100%;
    overflow: hidden;
    height: 240px;
    flex-shrink: 0;
    -o-object-fit: cover;
       object-fit: cover;
}
.subheading {
    line-height: 20px;
    font-weight: 600;
}
.heading3 {
    flex: 1;
    position: relative;
    letter-spacing: -0.28px;
    line-height: 28px;
    font-weight: 500;
}
.icon-wrap {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-9xs) 0 0;
}
.supporting-text3 {
    align-self: stretch;
    position: relative;
    font-size: var(--text-md-regular-size);
    letter-spacing: -0.16px;
    line-height: 24px;
    font-family: var(--text-sm-semibold);
    color: var(--color-darkslategray-300);
}
.avatar1,
.heading-and-text1 {
    display: flex;
    flex-direction: column;
}
.heading-and-text1 {
    align-self: stretch;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xs);
    font-size: var(--font-size-xl);
    color: var(--color-darkslategray-100);
    font-family: var(--font-space-grotesk);
}
.avatar1 {
    border-radius: var(--br-181xl);
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.jan-2024 {
    position: relative;
    line-height: 20px;
    color: var(--gray-600);
}
.avatar-label-group1,
.blog-post-card {
    display: flex;
    justify-content: flex-start;
    max-width: 33%;
}
.avatar-label-group1 {
    flex-direction: row;
    align-items: center;
    gap: var(--gap-xs);
    color: var(--gray-900);
}
.blog-post-card {
    flex: 1;
    border-radius: var(--br-5xl);
    background-color: var(--base-white);
    border: 1px solid var(--color-darkslategray-200);
    flex-direction: column;
    align-items: flex-start;
    padding: var(--padding-xl);
    gap: var(--gap-5xl);
}

.blog-post-card:hover{
    cursor: pointer;
}

.row {
    display: flex;
    justify-content: center;
    align-self: stretch;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-13xl);
    width:95%;
    margin:auto;
}
.blog-post-card3 {
    align-self: stretch;
    flex: 1;
    border-radius: var(--br-5xl);
    background-color: var(--base-white);
    border: 1px solid var(--color-darkslategray-200);
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-xl);
    gap: var(--gap-5xl);
    display: flex;
    flex-direction: column;
}
.content2 {
    align-self: stretch;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-45xl);
    color: var(--primary-700);
    display: flex;
    flex-direction: column;
}
.placeholder-icon {
    position: relative;
    width: 20px;
    height: 20px;
    overflow: hidden;
    flex-shrink: 0;
    -o-object-fit: cover;
       object-fit: cover;
    display: none;
}
.button2 {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--gap-5xs);
    opacity: 0.5;
}
.number {
    position: relative;
    line-height: 20px;
    font-weight: 500;
}
.content12 {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: var(--br-xl);
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--padding-xs);
    box-sizing: border-box;
}
.pagination-number-base {
    background-color: var(--gray-50);
    color: var(--gray-800);
}
.pagination-number-base,
.pagination-number-base1 {
    position: relative;
    border-radius: var(--br-xl);
    width: 40px;
    height: 40px;
    overflow: hidden;
    flex-shrink: 0;
}
.pagination-numbers {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-11xs);
    text-align: center;
}
.button3,
.pagination {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.button3 {
    overflow: hidden;
    justify-content: center;
    gap: var(--gap-5xs);
}
.pagination {
    align-self: stretch;
    border-top: 1px solid var(--gray-200);
    justify-content: space-between;
    padding: var(--padding-xl) 0 0;
    color: var(--gray-600);
}
.container,
.divk-pricing,
.section1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.container {
    width: 1280px;
    align-items: flex-start;
    gap: var(--gap-45xl);
    text-align: left;
    color: var(--base-white);
}
.divk-pricing,
.section1 {
    width: 1400px;
}
.divk-pricing {
    align-items: center;
    padding: var(--padding-13xl) 0 var(--padding-77xl);
    box-sizing: border-box;
    gap: var(--gap-45xl);
}
.section1 {
    background-color: var(--base-white);
    align-items: flex-start;
    max-width: 1400px;
    text-align: center;
    font-size: var(--text-sm-semibold-size);
    color: #2da79c;
}
.ready-to-embark {
    margin: 0;
}
.heading-21 {
    position: absolute;
    top: 64px;
    left: calc(50% - 381.39px);
    width: 763.5px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 0 75.83999633789062px var(--padding-12xs) 75.66000366210938px;
    box-sizing: border-box;
}
.join-the-katappult-container {
    position: relative;
    letter-spacing: -0.22px;
    line-height: 26px;
}
.input1,
.p {
    box-sizing: border-box;
}
.p {
    position: absolute;
    top: 196px;
    left: calc(50% - 293.64px);
    width: 588px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 0 21.420000076293945px var(--padding-12xs) 21.579999923706055px;
    font-size: var(--font-size-lg);
    color: var(--color-darkslategray-300);
}
.input1 {
    position: relative;
    border-radius: 2.5px;
    border: 1px solid #767676;
    width: 320px;
    height: 48px;
}
.contact-us {
    position: relative;
    line-height: 24px;
    font-weight: 500;
}
.button4,
.form {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.button4 {
    border-radius: var(--br-xs);
    background-color: var(--color-darkslategray-100);
    box-shadow: 0 1px 3px rgba(47, 43, 67, 0.1),
    0-1px 0 rgba(47, 43, 67, 0.1) inset;
    width: 120px;
    align-items: center;
    padding: var(--padding-xs) 18.690000534057617px var(--padding-xs)
    17.309999465942383px;
    box-sizing: border-box;
}
.form {
    position: absolute;
    top: 286px;
    left: calc(50% - 225.64px);
    width: 452px;
    align-items: flex-start;
    gap: var(--gap-xs);
    font-size: var(--text-md-regular-size);
    color: var(--base-white);
}
.divacademy-call-to-actions-in {
    align-self: stretch;
    position: relative;
    border-radius: 32px;
    background: radial-gradient(
            50% 50%at 50% 50%,
            #b9e2de 5.59%,
            #d7faec 62.66%,
            #fefefe
    );
    border: 1px solid var(--color-darkslategray-200);
    box-sizing: border-box;
    height: 392px;
}
.divacademy-call-to-actions {
    width: 1400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 0;
    box-sizing: border-box;
    text-align: center;
    font-size: 41px;
    color: var(--color-darkslategray-100);
}
.get-a-summary-container {
    position: relative;
    letter-spacing: -0.16px;
    line-height: 24px;
}
.divleft1,
.p1 {
    width: 656px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.p1 {
    flex-direction: row;
    padding: 0 65px 0 0;
    box-sizing: border-box;
    font-size: var(--text-md-regular-size);
    color: var(--color-darkslategray-300);
    font-family: var(--text-sm-semibold);
}
.divleft1 {
    flex-direction: column;
}
.enter-your-email {
    position: relative;
}
.divplaceholder {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 238px 0 0;
}
.input2 {
    border-radius: var(--br-xs);
    background-color: var(--base-white);
    box-shadow: 0 1px 3px rgba(47, 43, 67, 0.1),
    0-1px 0 1px rgba(47, 43, 67, 0.1) inset;
    border: 1px solid var(--color-darkslategray-200);
    box-sizing: border-box;
    width: 370px;
    align-items: center;
    justify-content: center;
    padding: 16.5px 17px;
}
.button5,
.divright,
.input2,
.section2 {
    display: flex;
    flex-direction: row;
}
.button5 {
    border-radius: var(--br-xs);
    background-color: var(--color-darkslategray-100);
    box-shadow: 0 1px 3px rgba(47, 43, 67, 0.1),
    0-1px 0 rgba(47, 43, 67, 0.1) inset;
    align-items: center;
    justify-content: center;
    padding: var(--padding-xs) 16.029998779296875px var(--padding-xs) 15px;
    text-align: center;
    font-size: var(--text-md-regular-size);
    color: var(--base-white);
    font-family: var(--text-sm-semibold);
}
.divright,
.section2 {
    align-items: flex-start;
}
.divright {
    justify-content: center;
    gap: var(--gap-5xs);
    font-size: 13.33px;
    color: #6c757d;
    font-family: var(--font-arial);
}
.section2 {
    align-self: stretch;
    background: linear-gradient(180deg, #d7fdee 5.59%, #fff);
    justify-content: space-between;
    padding: var(--padding-61xl) 140.00003051757812px var(--padding-61xl)
    var(--padding-121xl);
    font-size: var(--font-size-xl);
    color: var(--color-darkslategray-100);
    font-family: var(--font-space-grotesk);
}
.katappultlogosvg-icon1 {
    position: relative;
    width: 119.99px;
    height: 35.27px;
    overflow: hidden;
    flex-shrink: 0;
    -o-object-fit: cover;
       object-fit: cover;
}
.divleft2,
.katappultlogosvg {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.katappultlogosvg {
    justify-content: center;
    padding: 0 0.0055556343868374825px 0 0.0055527640506625175px;
}
.divleft2 {
    width: 656px;
    justify-content: flex-start;
    padding: 0 536px var(--padding-5xs) 0;
    box-sizing: border-box;
}
.heading-4,
.item-link {
    position: relative;
    letter-spacing: -0.16px;
    line-height: 24px;
    font-weight: 500;
}
.item-link {
    letter-spacing: -0.13px;
}
.divlegal,
.list {
    justify-content: flex-start;
}
.list {
    width: 115.94px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 28.94000244140625px 0 0;
    box-sizing: border-box;
    font-size: var(--font-size-smi);
    color: var(--color-gray-100);
}
.divlegal {
    background-color: var(--base-white);
    padding: 0 var(--padding-11xl) var(--padding-smi) 0;
    gap: var(--gap-smi);
}
.divlegal,
.divsupport,
.list1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.list1 {
    width: 151.34px;
    justify-content: flex-start;
    padding: 0 29.339996337890625px 0 0;
    box-sizing: border-box;
    font-size: var(--font-size-smi);
    color: var(--color-gray-100);
}
.divsupport {
    padding: 0 var(--padding-11xl) var(--padding-smi) 0;
    gap: var(--gap-smi);
}
.divsupport,
.item,
.list2 {
    justify-content: flex-start;
}
.item {
    width: 224.64px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.list2 {
    width: 254.64px;
    flex-direction: column;
    padding: 0 var(--padding-11xl) 0 0;
    box-sizing: border-box;
    font-size: var(--font-size-smi);
    color: var(--color-gray-100);
}
.divcontact,
.divright1,
.list2,
.section3 {
    display: flex;
    align-items: flex-start;
}
.divcontact {
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 30.000015258789062px var(--padding-smi) 0;
    gap: var(--gap-smi);
}
.divright1,
.section3 {
    flex-direction: row;
}
.divright1 {
    justify-content: center;
    gap: var(--gap-5xl);
}
.section3 {
    align-self: stretch;
    background-color: var(--base-white);
    justify-content: space-between;
    padding: var(--padding-61xl) 140.00006103515625px var(--padding-61xl)
    var(--padding-121xl);
    font-size: var(--text-md-regular-size);
}
.katappult-cloud-registered {
    position: absolute;
    top: 4px;
    left: calc(50% - 340.17px);
    letter-spacing: -0.12px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 680.54px;
    height: 15px;
}
.p2,
.section4 {
    align-self: stretch;
    background-color: var(--color-whitesmoke-100);
}
.p2 {
    position: relative;
    height: 24px;
}
.section4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 34px 0;
    text-align: center;
}
.wwwkatappultcloud-all-right {
    position: relative;
    letter-spacing: -0.12px;
    line-height: 24px;
}
.p3,
.p4 {
    position: absolute;
    height: calc(100% - 60px);
    top: 23px;
    bottom: 37px;
    left: -1px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 0 0.279998779296875px var(--padding-12xs) 0;
    box-sizing: border-box;
}
.p4 {
    left: 790.11px;
    padding: 0 0 var(--padding-12xs);
}
.social-networkpng-icon {
    position: absolute;
    height: calc(100% - 67px);
    top: 24px;
    bottom: 43px;
    left: 1369.48px;
    max-height: 100%;
    width: 166.5px;
    -o-object-fit: cover;
       object-fit: cover;
}
.divcontainer {
    position: relative;
    width: 1536px;
    height: 85px;
}
.p5,
.section5 {
    display: flex;
    justify-content: center;
}
.p5 {
    width: 1152px;
    flex-direction: row;
    align-items: flex-start;
    padding: 0 14.3100004196167px 23px 14.6899995803833px;
    box-sizing: border-box;
}
.section5 {
    align-self: stretch;
    background-color: var(--color-whitesmoke-100);
    flex-direction: column;
    align-items: center;
    padding: 0 192px;
    gap: 47px;
    text-align: center;
}
.divlayout-wrapper,
.footer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.footer {
    width: 1728px;
    align-items: flex-start;
    color: var(--color-darkslategray-300);
}
.divlayout-wrapper {
    background-color: var(--base-white);
    align-items: center;
}
.legal ul a{
    text-decoration: underline;
}
.fc-toolbar{
    max-width: 75%;
}


.fc-media-screen{
    width: 100%;
    height: 100%;
}

.fc-toolbar-chunk:nth-of-type(1) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ececec;
  border-radius: 0.25em;
}


.fc-toolbar-title {  
    font-style: normal;
    font-weight: 500;
    font-size: var(--medium-big) !important;
    color: #6a6a6a;
}


.fc-prev-button,
.fc-next-button,
.fc-today-button{
    border: none !important;
    background: none !important;
    color: #6a6a6a !important;
    font-size: var(--medium-big) !important;
}


.fc-prev-button:hover,
.fc-next-button:hover,
.fc-today-button:hover{
    background: #e1e1e1 !important;
}

.fc-prev-button:focus,
.fc-next-button:focus,
.fc-today-button:focus{
    box-shadow: rgba(76, 91, 106, 0.2) 0px 0px 0px 0.1rem !important;
    background: #e1e1e1 !important;
    border: none !important;
}

.fc-today-button{
    border-radius: 0px !important;
}

.fc-prev-button{
    border-right: .1rem solid #fff !important;
}

.fc-next-button {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-left: .1rem solid #fff !important;
}


.fc-timeGridDay-button, 
.fc-timeGridWeek-button,
.fc-dayGridMonth-button{
    padding: .5rem .75rem !important;
    border: none !important;
    background: none !important;
    color: #040404 !important;
    font-size: var(--medium-big) !important;
    text-transform: capitalize !important;    
    border-radius: 1.5rem !important;
    opacity: .5;
    transition: opacity .25s ease;
}

.fc-timeGridDay-button:hover, 
.fc-timeGridWeek-button:hover,
.fc-dayGridMonth-button:hover{
    background: #ececec !important;
}

.fc-timeGridDay-button:focus, 
.fc-timeGridWeek-button:focus,
.fc-dayGridMonth-button:focus{
    box-shadow: none !important;
}

.fc-button-active{  
    background: #e1e1e1 !important;
    box-shadow: none !important;
    opacity: 1;
}

.fc-day-other {
    background: rgba(0, 0, 0, 0.1);
}

.fc-day-past{
    background: #F1F1F1!important;
    cursor: not-allowed;
    z-index: 1;
}



.settings-main-page-transparent,
.settings-main-page{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex-shrink: 0;
    align-self: stretch;
    background-color: #FFFFFF;
    height: 100vh;
}

.settings-main-page-transparent{
    background-color: transparent!important;
    width:100%;
}

.settings-root-container {
    width: 100%;
    max-width: 70rem;
    margin-left: auto;
    margin-right: auto;
    padding:0 20px 20px 20px;
    margin-top: -20px;
}

.settings-main-page .ant-tabs-content-holder{
    border-left:none!important;
    overflow: scroll;
    height: 100vh;
    padding-bottom: 200px;
}

.settings-root-container-tab-no-padding .ant-tabs-content-holder{
    padding-bottom:0!important;
    height: 100% !important;
}

.conditions-pai .ant-tabs-content-holder{
    height: 100%;
    padding-bottom: 0px;
}

.settings-main-page .header{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 40px;
    border-bottom: 2px solid #EAECF0;
    width: 100%;
    position: fixed;
    z-index: 100;
    background-color: #FFFFFF;
}

.settings-main-page .header-text{
    margin: 0;
    padding-left: 140px;
    color: var(--gray-900, #193C4E);
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 42px */
}

.settings-main-page .content-footer{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 2px solid #EAECF0;
    width: 100%;
}

.settings-main-page .action-white{
    background: none;
    border: 1px solid rgb(0,0,0,0.2);
    border-radius: 8px;
    padding: 10px 16px;

    cursor: pointer;

    color: var(--gray-700, #344054);
    /* Text sm/Semibold */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
}

.settings-main-page .save{
    background: var(--primary-200, #BBE3D3);
    border: 1px solid var(--primary-200, #BBE3D3);
    border-radius: 8px;
    padding: 10px 16px;

    cursor: not-allowed;

    color: var(--base-white, #FFF);
    /* Text sm/Semibold */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
}

.settings-main-page .save-activated{
    background: #2E6E54;
    border: 1px solid #2E6E54;
    cursor: pointer;
}

.settings-main-page .save-label-activated{
    background: #2E6E54 !important;
    border: 1px solid #2E6E54 !important;
    cursor: pointer !important;
}

.settings-main-page .save-label{
    background: var(--primary-200, #BBE3D3);
    border: 1px solid var(--primary-200, #BBE3D3);
    border-radius: 8px;
    padding: 10px 16px;

    cursor: not-allowed;

    color: var(--base-white, #FFF);
    /* Text sm/Semibold */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
}

.settings-main-page .link-label{
    display: flex;
}

.settings-main-page .tabs-container {
    align-self: stretch;    
    display: flex;
    flex-direction: row;
    padding: 0 0 0 30px;
    width:100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
    margin-top: 10px;
}

.settings-main-page  .tabs-wrapper {
    width: 100%;
}

.settings-main-page .confirmation-content{
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    padding: 24px 0;
}

.settings-main-page .confirmation-icon{
    padding: 12px;
    border-radius: 10px;
    height: 51px;
    border: 1px solid var(--gray-200, #EAECF0);
}

.settings-main-page .confirmation-content div p{
    text-align: left;
}

.plan-box-white{
    background-color: #FFFFFF;
    width: 450px;
    max-width: 450px;
    padding: 12px;
    border: 2px solid var(--gray-200, #EAECF0);
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, .10) 0 2px 2px 0;
}

.settings-main-page .content-inputs{
    display: flex;
    align-items: flex-start;
    gap: 32px;
    width: 100%;
}

.settings-main-page .section-label{
    display: flex;
    flex-direction: column;
    width: 250px;
}

.settings-main-page .label-title{
    margin: 0;
    color: var(--gray-700, #344054);

    /* Text sm/Semibold */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
}

.settings-main-page .label-description{
    margin: 0;
    color: var(--gray-600, #475467);

    /* Text sm/Regular */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.settings-main-page .input-field{
    border: solid 1px rgb(0,0,0,0.2);
    border-radius: 10px;
    align-self: center;
    padding: 10px 14px;
    transition: all 0.3s;
    width: 100%;
}

.settings-main-page .input-field:focus{
    outline: 2px solid rgb(97, 235, 180, 0.5);
    border: solid 1px #61ebb4;
    transition: all 0.3s;
}

.onboarding-stepper-content{
    padding: 20px;
    border: 2px solid var(--gray-200, #EAECF0);
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, .10) 0 2px 2px 0;
    background-color: #FFFFFF;
    margin-top:20px;
    overflow: auto;
    height: 400px;
    width: 900px;
}

.onboarding-ant-steps .ant-steps-item-title{
    color: #FAFAFA!important;
    font-size: 14px;
}

.onboarding-ant-steps .ant-descriptions-item-label{
    width: 400px;
}

.onboarding-stepper-content .ant-descriptions-item-label {
    font-size: 12px!important;
    width: 300px;
}

.onboarding-stepper-content .ant-descriptions-item-content {
    width: 300px;
}


.onboarding-step-one .settings-main-page{
    margin: auto;
}


.settings-main-page .content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.settings-main-page .tab-header{
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 2px solid #EAECF0;
    padding-bottom: 20px;
    align-items: baseline;
}

.settings-main-page .add-btn{
    background: none;
    border: 1px solid rgb(0,0,0,0.2);
    border-radius: 8px;
    padding: 13px 20px;

    cursor: pointer;

    color: var(--gray-700, #344054);
    /* Text sm/Semibold */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */

    width: 188px;
    height: -moz-fit-content;
    height: fit-content;
}

.settings-main-page .section-header{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.settings-main-page .section-bottom{
    display: flex;
    flex-direction: column;
}

.settings-main-page .bottom-container{
    display: flex;
    align-items: center;
    gap: 16px;
    border-top: 2px solid #EAECF0;
    padding-top: 20px;
    width: 100%;
}

.settings-main-page .bottom-container-download{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid #EAECF0;
    padding-top: 20px;
    width: 100%;
}

.settings-main-page .header-title{
    margin: 0;

    color: var(--gray-900, #193C4E);
    /* Display sm/Semibold */
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.settings-main-page .description{
    margin: 0;

    color: var(--gray-600, #475467);
    /* Text sm/Regular */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.settings-main-page .flex-direction-row{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.settings-main-page .payment-error-pane{
    border-left: 4px solid red;
    padding:4px 12px;
    color: red;
    margin-bottom: 22px;
}

.settings-main-page .form-payment-section{
    padding-top:20px;
}

.settings-main-page .form-payment-section b{
    margin-bottom: 10px;
}

.section{

}
.settings-main-page .content-box{
    display: flex;
    flex-direction: column;
    width: 49.5%;
}

.settings-main-page .heading-and-price{
    display: flex;
    gap: 24px;

    border: solid 2px var(--gray-200, #EAECF0);
    padding: 24px 24px 12px 24px;
    border-bottom: none;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    justify-content: space-between;
}

.settings-main-page .heading{
    display: block;
}

.settings-main-page .heading-content{
    display: flex;
    align-items: baseline;
}

.settings-main-page .duration{
    border-radius: 16px;
    border: solid 1px #BBE3D3 !important;
    background: #F9F5FF;
    color: #3B8D6C;
    padding: 2px 10px;
    font-size: 10px;
    margin-left: 8px;
}

.settings-main-page .price{
    display: flex;
}

.settings-main-page .price-number{
    font-size: 50px;
    line-height: 60px;
    color: var(--gray-900, #193C4E);
}

.settings-main-page .price .label-description{
    margin-top: 35px;
}

.settings-main-page .progress-bar-div{
    border: solid 2px var(--gray-200, #EAECF0);
    padding: 24px 24px 12px 24px;
    border-top: none;
    border-bottom: none;
}

.settings-main-page .label-progress-bar{
    margin-bottom: 0;
    color: var(--gray-900, #193C4E);
}

.settings-main-page .content-box-footer{
    padding: 16px;
    border: 2px solid #EAECF0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

.settings-main-page .heading-and-price .label-description{
    font-size: 12px;

}

.settings-main-page .green-link{
    color: #3B8D6C;
    cursor: pointer;
    border: 1px solid var(--primary-100);
}

.settings-main-page .modal-container{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 20px;
}

.settings-main-page .plan-box-container{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.settings-main-page .modal-footer{
    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: flex-end;
    padding:10px 0 0 0!important;
    border-top: 1px solid #BBE3D3;
}

.settings-main-page .action-white-none{
    display: none;
}

.settings-main-page .price-container-none{
    display: none;
}

.settings-main-page .plan-box{
    display: flex;
    flex-direction: column;
}

.settings-main-page .plan-box-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    border: 2px solid var(--gray-200, #EAECF0);
    border-bottom: none;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    height: 40px;
}

.settings-main-page .plan-box-header-selected{
    background: #E8F6F0;
    border: 2px solid #3B8D6C;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    align-items: center;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    transition: all 0.3s;
    height: 40px;
}

.plan-box-header-for-payment{
    padding: 16px 20px !important;
    border-radius: 12px;
    margin-bottom: 20px;
    border-bottom: 2px solid #3B8D6C!important;
}

.settings-main-page .plan-box-content-selected{
    display: flex;
    flex-direction: column;
    padding: 32px 16px 16px 16px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border: 2px solid #3B8D6C;
    transition: all 0.3s;
}

.settings-main-page .plan-box-content-selected-business,
.settings-main-page .plan-box-header-selected-business{
    border: 2px solid darkblue;
}

.settings-main-page .plan-box-content-selected-business{
    border-top:none;
}

.settings-main-page .plan-box-content{
    display: flex;
    flex-direction: column;
    padding: 32px 16px 16px 16px;
    border: 2px solid var(--gray-200, #EAECF0);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.settings-main-page .price-container{
    display: flex;
    gap:20px;
    align-items: center;
}

.settings-main-page .price-container-top{
    display: flex;
}

.settings-main-page .plan-price{
    margin: 0;
    color: var(--gray-700, #344054);

    /* Text sm/Semibold */
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
}

.settings-main-page .plan-box-content .label-description{
    margin-top: 5px;
}

.settings-main-page .plan-box-content-selected .label-description{
    margin-top: 5px;
}

.settings-main-page .plan-box-content-selected a{
    width: 130px;
}

.settings-main-page .plan-box-content a{
    width: 130px;
}

.frequency-selector{
    max-width: 130px;
}

.settings-main-page .plan-box-header{

}
*, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
.container{
    width: 100%;
}
@media (min-width: 640px){
    .container{
        max-width: 640px;
    }
}
@media (min-width: 768px){
    .container{
        max-width: 768px;
    }
}
@media (min-width: 1024px){
    .container{
        max-width: 1024px;
    }
}
@media (min-width: 1280px){
    .container{
        max-width: 1280px;
    }
}
@media (min-width: 1536px){
    .container{
        max-width: 1536px;
    }
}
.\!visible{
    visibility: visible !important;
}
.visible{
    visibility: visible;
}
.invisible{
    visibility: hidden;
}
.collapse{
    visibility: collapse;
}
.static{
    position: static;
}
.fixed{
    position: fixed;
}
.absolute{
    position: absolute;
}
.relative{
    position: relative;
}
.sticky{
    position: sticky;
}
.mb-4{
    margin-bottom: 1rem;
}
.ml-1{
    margin-left: 0.25rem;
}
.mt-0\.5{
    margin-top: 0.125rem;
}
.mt-2{
    margin-top: 0.5rem;
}
.mt-4{
    margin-top: 1rem;
}
.block{
    display: block;
}
.inline-block{
    display: inline-block;
}
.inline{
    display: inline;
}
.flex{
    display: flex;
}
.inline-flex{
    display: inline-flex;
}
.table{
    display: table;
}
.grid{
    display: grid;
}
.list-item{
    display: list-item;
}
.hidden{
    display: none;
}
.h-6{
    height: 1.5rem;
}
.h-7{
    height: 1.75rem;
}
.h-8{
    height: 2rem;
}
.h-full{
    height: 100%;
}
.max-h-\[360px\]{
    max-height: 360px;
}
.min-h-0{
    min-height: 0px;
}
.\!w-auto{
    width: auto !important;
}
.w-6{
    width: 1.5rem;
}
.w-7{
    width: 1.75rem;
}
.w-8{
    width: 2rem;
}
.w-80{
    width: 20rem;
}
.w-\[220px\]{
    width: 220px;
}
.min-w-0{
    min-width: 0px;
}
.max-w-full{
    max-width: 100%;
}
.flex-1{
    flex: 1 1 0%;
}
.shrink-0{
    flex-shrink: 0;
}
.border-collapse{
    border-collapse: collapse;
}
.transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer{
    cursor: pointer;
}
.select-none{
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.resize{
    resize: both;
}
.flex-row{
    flex-direction: row;
}
.flex-col{
    flex-direction: column;
}
.items-center{
    align-items: center;
}
.justify-end{
    justify-content: flex-end;
}
.justify-center{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.gap-0\.5{
    gap: 0.125rem;
}
.gap-1{
    gap: 0.25rem;
}
.gap-1\.5{
    gap: 0.375rem;
}
.gap-2{
    gap: 0.5rem;
}
.gap-2\.5{
    gap: 0.625rem;
}
.gap-3{
    gap: 0.75rem;
}
.gap-4{
    gap: 1rem;
}
.gap-5{
    gap: 1.25rem;
}
.gap-6{
    gap: 1.5rem;
}
.gap-px{
    gap: 1px;
}
.overflow-hidden{
    overflow: hidden;
}
.overflow-y-auto{
    overflow-y: auto;
}
.truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rounded{
    border-radius: 0.25rem;
}
.rounded-\[var\(--radius-sm\)\]{
    border-radius: var(--radius-sm);
}
.rounded-full{
    border-radius: 9999px;
}
.rounded-md{
    border-radius: 0.375rem;
}
.border{
    border-width: 1px;
}
.border-0{
    border-width: 0px;
}
.border-t{
    border-top-width: 1px;
}
.\!border-red-400{
    --tw-border-opacity: 1 !important;
    border-color: rgb(248 113 113 / var(--tw-border-opacity, 1)) !important;
}
.border-\[var\(--card-border\)\]{
    border-color: var(--card-border);
}
.border-\[var\(--color-1\)\]{
    border-color: var(--color-1);
}
.border-red-400{
    --tw-border-opacity: 1;
    border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.bg-\[var\(--card-bg\)\]{
    background-color: var(--card-bg);
}
.bg-\[var\(--color-1\)\]{
    background-color: var(--color-1);
}
.bg-\[var\(--content-bg\)\]{
    background-color: var(--content-bg);
}
.bg-\[var\(--input-bg\)\]{
    background-color: var(--input-bg);
}
.bg-\[var\(--opacity-10-color-1\)\]{
    background-color: var(--opacity-10-color-1);
}
.bg-\[var\(--surface-subtle\)\]{
    background-color: var(--surface-subtle);
}
.bg-transparent{
    background-color: transparent;
}
.p-0\.5{
    padding: 0.125rem;
}
.p-4{
    padding: 1rem;
}
.p-6{
    padding: 1.5rem;
}
.p-\[10px_12px\]{
    padding: 10px 12px;
}
.p-\[10px_14px\]{
    padding: 10px 14px;
}
.p-\[9px_12px\]{
    padding: 9px 12px;
}
.px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-\[14px\]{
    padding-left: 14px;
    padding-right: 14px;
}
.py-0\.5{
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}
.py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.pb-2{
    padding-bottom: 0.5rem;
}
.pt-1{
    padding-top: 0.25rem;
}
.pt-2{
    padding-top: 0.5rem;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.font-mono{
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-base{
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
}
.font-bold{
    font-weight: 700;
}
.font-medium{
    font-weight: 500;
}
.font-semibold{
    font-weight: 600;
}
.uppercase{
    text-transform: uppercase;
}
.italic{
    font-style: italic;
}
.tracking-\[0\.06em\]{
    letter-spacing: 0.06em;
}
.text-\[var\(--color-1\)\]{
    color: var(--color-1);
}
.text-\[var\(--text-muted\)\]{
    color: var(--text-muted);
}
.text-\[var\(--text-primary\)\]{
    color: var(--text-primary);
}
.text-\[var\(--text-secondary\)\]{
    color: var(--text-secondary);
}
.text-red-500{
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline{
    text-decoration-line: underline;
}
.line-through{
    text-decoration-line: line-through;
}
.accent-\[var\(--color-1\)\]{
    accent-color: var(--color-1);
}
.opacity-0{
    opacity: 0;
}
.shadow-sm{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.outline{
    outline-style: solid;
}
.blur{
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert{
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-\[border-color\2c background\]{
    transition-property: border-color,background;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.duration-\[120ms\]{
    transition-duration: 120ms;
}
.ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

html{
    overflow: auto;
    overflow-x: hidden!important;
}

body {
    padding: 0;
    margin: 0;
    color: var(--text-primary);
    overflow: hidden;
    scroll-behavior: smooth;
    background-color: var(--layout-bg);
    box-sizing: border-box;

    /* Variables de mise en page responsive (calc — restent sur body) */
    --ytd-rich-grid-region-items-per-row: 4;
    --ytd-rich-grid-items-per-row: 3;
    --ytd-rich-grid-image-per-row: 2;
    --ytd-rich-grid-item-gap: 36px;

    --root-container-width: 85vw;
    --CustomCarousel-max-width: 85vw;

    --recherche-width: 60vw;
    --input-recherche-width: calc((var(--recherche-width) / 6));

    --image-card-width: calc((var(--CustomCarousel-max-width) / var(--ytd-rich-grid-image-per-row)) - var(--ytd-rich-grid-item-gap));
    --card-width: calc((var(--CustomCarousel-max-width) / var(--ytd-rich-grid-items-per-row)) - var(--ytd-rich-grid-item-gap));
    --card-min-width: calc((var(--CustomCarousel-max-width) / var(--ytd-rich-grid-items-per-row)) - var(--ytd-rich-grid-item-gap));
    --card-region-width: calc((var(--CustomCarousel-max-width) / var(--ytd-rich-grid-region-items-per-row)) - var(--ytd-rich-grid-item-gap));
    --card-region-min-width: calc((var(--CustomCarousel-max-width) / var(--ytd-rich-grid-region-items-per-row)) - var(--ytd-rich-grid-item-gap));

    --card-heigth: var(--card-min-width);
    --voyage-image-container-heigth: calc((var(--card-min-width) / 1.5));
    --header-heigth: 81px;

    --recherche-date-picker-font-size: var(--medium);
    font-family: var(--font-family);
    font-size: var(--app-font-size);
}

@media only screen and (max-width: 1200px) {
    body {
        --ytd-rich-grid-region-items-per-row: 3;
        --ytd-rich-grid-items-per-row: 3;
        --CustomCarousel-max-width: calc(100vw - 8vw);
        --voyage-image-container-heigth: calc((var(--card-min-width) / 2.5));
    }
}

@media only screen and (max-width: 768px) {
    body {
        --ytd-rich-grid-items-per-row: 2;
        --CustomCarousel-max-width: calc(100vw - 8vw);
        --voyage-image-container-heigth: calc((var(--card-min-width) / 2.5));
        --recherche-width: 80vw;
        --recherche-date-picker-font-size: var(--medium-small);

        --very-small: 13px;
        --small: 13px;
        --medium-small: 13px;
        --medium: 13px;
        --medium-big: 13px;
        --medium-large: 16px;
        --medium-xl: 16px;
        --large-small: 16px;
        --large: 20px;
        --large-big: 20px;
        --large-large: 25px;
        --large-xl: 25px;
        --xl: 31px;
        --xxl: 40px;
        --xxxxl: 70px;

    }

    .w-95,.w-90,.w-80,.w-85,.w-70,.w-75,.w-65,.w-60,.w-55,.w-50{
        min-width: 95% !important;
        width: 95%!important;
        max-width: 95%!important;
    }
}

@media only screen and (max-width: 480px) {
    html {
        width: 100%;
        overflow-y: scroll;
    }

    body {
        width: 100%;
        --card-region-width: 100%;
        --card-region-min-width: 100%;
        --ytd-rich-grid-region-items-per-row: 1;
        --ytd-rich-grid-items-per-row: 1.04;
        --ytd-rich-grid-image-per-row: 1;
        --CustomCarousel-max-width: calc(100vw - 0vw);
        --voyage-image-container-heigth: calc((var(--card-min-width) / 1.5));
        --root-container-width: 98%;

        --very-small: 12px;
        --small: 12px;
        --medium-small: 12px;
        --medium: 14px;
        --medium-big: 14px;
        --medium-large: 18px;
        --medium-xl: 18px;
        --large-small: 18px;
        --large: 22px;
        --large-big: 22px;
        --large-large: 28px;
        --large-xl: 28px;
        --xl: 32px;
        --xxl: 38px;
        --xxxxl: 60px;
    }


    .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
        margin-top: 42px;
    }

    .ant-modal .ant-modal-content {
        padding: 0px;
    }

    .leaflet-control-zoom {
        display: none;
        /*si on l'enleve dans la page de recherche, le footer perd la position absolute*/
    }

    .hide-mobile {
        display: none;
    }

    .w-95,.w-90,.w-80,.w-85,.w-70,.w-75,.w-65,.w-60,.w-55,.w-50{
        min-width: 95% !important;
        width: 95%!important;
        max-width: 95%!important;
    }
}

strong {
    font-size: var(--medium-big);
    font-weight: bold;
}

.hidden {
    display: none;
}

.w-100 {
    width: 100% !important;
    margin: auto;
}

.w-95 {
    width: 95% !important;
    max-width: 95% !important;
    margin: auto;
}

.w-90 {
    width: 90% !important;
    max-width: 90% !important;
    margin: auto;
}

.w-80 {
    width: 80% !important;
    max-width: 80% !important;
    margin: auto;
}

.w-85 {
    width: 85% !important;
    max-width: 85% !important;
    margin: auto;
}

.w-75 {
    width: 75% !important;
    max-width: 75% !important;
    margin: auto;
}

.w-70 {
    width: 70% !important;
    max-width: 70% !important;
    margin: auto;
}

.w-65 {
    width: 65% !important;
    max-width: 65% !important;
    margin: auto;
}

.w-60 {
    width: 60% !important;
    max-width: 60% !important;
    margin: auto;
}

.w-55 {
    width: 55% !important;
    max-width: 55% !important;
    margin: auto;
}

.w-50 {
    width: 50% !important;
    max-width: 50% !important;
    margin: auto;
}

.h-100{
    height: 100%;
}


.shadowed-panel-1 {
    box-shadow: 1px 1px 1px 1px var(--website-box-shadow-color-005);
}

.map-full-height {
    height: 100%
}

.blinking-marker {
    display: flex;
    justify-content: center;
    align-items: center;
}

.marker-inner {
    width: 12px;
    height: 12px;
    background-color: var(--primary-color);
    border-radius: 50%;
    animation: pulse 1.5s infinite;
}

.max_2_lines{
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

@keyframes pulse {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.text-h1,
h1 {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 700;
}

h3 {
    margin-inline-start: 0;
    margin-block-start: 0;
}

button {
    cursor: pointer;
    transition: all 0.2s ease;
}

button:hover {
    transform: scale(1.02);
}

button:active {
    transform: scale(0.98);
}

.span_auth {
    font-size: var(--medium-large);
}

.button-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 20px;
    color: var(--text-dark-pri);
    font-weight: 700;
    background-color: var(--primary-color);
    border-radius: 1000px;
    font-size: var(--medium-large);
    border: none;
    cursor: pointer;
    max-width: var(--root-container-width);
}

.button-primary:hover {
    background: var(--primary-color) !important;
    border: 2px solid var(--primary-color);
    color: white !important;
}

.button-primary:disabled:hover {
    border: 0;
}

.button-primary:disabled {
    background-color: var(--primary-color-3);
    cursor: default;
    color: var(--tertiary-color);
}

input {
    background: #FFFFFF;
}

.form_input {
    align-self: stretch;
    border-radius: 4px;
    background-color: #FAFAFA;
    border: 1px solid var(--border-color-5);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    padding: 10px 20px;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: var(--text-light-pri);
    font-weight: 500;
    font-size: var(--medium-big);
}

.login-or-separator {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 20px;
}

.login-or-separator:before,
.login-or-separator:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid var(--border-color-6);
    margin: auto;
}

.login-or-separator:before {
    margin-right: 10px;
}

.login-or-separator:after {
    margin-left: 10px;
}

.form_group {
    position: relative;
    align-self: stretch;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
    color: var(--text-light-pri);
}

.form_label {
    position: relative;
    text-align: center;
}

.initials {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hand-hover {
    cursor: pointer !important;
}

.ant-rate .ant-rate-star:not(:last-child) {
    margin-right: 0;
    margin-inline-end: 2px;
}

.ant-checkbox-inner,
.ant-checkbox-input {
    transform: scale(1.5);
}

.ant-select-selector {
    border: none !important;
}

.separateur {
    border: 0;
    border-top: 1px solid #00000015;
}

.ant-pagination-item-ellipsis {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: center !important;
}

.ant-table-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    background: var(--base-white, #fff);
    width: 100%;
    height: 100%;
}

.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container {
    border: none;
}

.ant-table-wrapper .ant-table-thead > tr > th {
    font-weight: 600;
    text-align: start;
    background: transparent !important;
    border-bottom: 1px solid var(--admin-border-color);
    height: 40px;
}

.ant-table-wrapper .ant-table.ant-table-small {
    font-size: var(--small);
}

.ant-modal-root .ant-modal-wrap {
    z-index: 1110;
}

.ant-modal-root .ant-modal-mask {
    z-index: 1101;
}

.ant-modal .ant-modal-close-x {
    font-size: 28px;
}

.ant-modal {
    padding-bottom: 0 !important; /*sans cas les modals standard affiche un footer transparent. A verifier avant d'enlever ce code*/
}

.no-pagination-margin .ant-list-pagination {
    margin-block-start: 0 !important;
    margin-top: 0 !important;
}

.ant-btn {
    box-sizing: border-box;
    font-weight: 600;
    text-align: center;
    -webkit-text-decoration: none #D1D5DB solid;
            text-decoration: none #D1D5DB solid;
    text-decoration-thickness: auto;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    background: #FFFFFF;
    border: 1px solid rgb(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 5px 20px;
    cursor: pointer;
    color: var(--primary-color);
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    /*width: 188px;*/
    height: -moz-fit-content;
    height: fit-content;
}

.ant-btn:disabled {
    background-color: #FFFFFF;
}

.ant-btn-default {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.ant-btn:hover:hover,
.ant-btn-default:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #FFFFFF;
}

.ant-btn.ant-btn-icon-only,
.ant-btn.ant-btn-circle.ant-btn {
    padding: 8px 12px !important;
}

.ant-layout-sider-light,
.ant-layout-sider-collapsed {
    border-right: 0 solid transparent;
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.1);
    z-index: 10;
    background: var(--white);
}

.ant-layout-sider-trigger {
    width: 65px !important;
}

.ant-layout-sider-collapsed {
    width: 70px !important;
    max-width: 70px !important;
    min-width: 70px !important;
}

.ant-layout-sider-collapsed .ant-menu-item {
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    padding-top: 10px;
    margin-block-end: 8px;
    color: var(--text-light-pri);
}

.ant-layout-sider-collapsed svg {
    min-width: 24px;
    max-width: 24px;
    font-size: var(--large-big) !important;
}


.backoffice-container,
.ant-layout-admin,
.ant-layout-admin .ant-layout-sider {
    background: var(--admin-background-color) !important;
}

.ant-layout-admin{
    overflow-y: hidden;
}

.ant-menu-light {
    background: transparent !important;
}

.body-no-scroll {
    overflow-y: hidden;
    overflow-x: hidden;
}

.body-with-scroll {
    overflow-y: auto;
    overflow-x: auto;
}

a {
    cursor: pointer;
}

.PhoneInputInput {
    padding: 10px;
    box-shadow: none;
}

.ant-form {
    font-size: 12px;
}

.ant-form-item {
    margin-bottom: 1px !important;
}

.spin_white .ant-spin-dot-item {
    background: whitesmoke !important;
}

.ant-table-wrapper .ant-spin-container,
.ant-table-wrapper .ant-spin-nested-loading {
    /*height: calc(100vh - 180px)!important;cibler moins large*/
}

.ant-table-wrapper .ant-table-container,
.ant-table-wrapper .ant-table {
    height: 94%;
    background-color: transparent;
}

.ant-table-wrapper .ant-table-container {
    height: 100%;
}

.text-right {
    text-align: right !important;
    justify-content: flex-end !important;
}

.text-left {
    text-align: left !important;
    justify-content: flex-start;
}

.fc-liquid-hack th {
    height: 3rem;
    padding-top: 10px;
}

.fc-day-other {
    background-color: var(--white);
}

.fc-day-sun,
.fc-day-sat {
    background-color: #FAFAFA;
}

.fc .fc-col-header-cell-cushion {
    text-transform: uppercase;
    color: var(--black);
}

.fc-theme-standard td,
.fc-theme-standard th {
    border-color: #dedede;
}


.span_auth {
    font-size: var(--medium);
}

.voyage-propal-card {
    width: 100%;
    border: none;
}

.voyage-admincard-container {
    width: 31%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 12px;
    font-size: 12px;
}

.voyage-admincard-container button,
.voyage-admincard-container > * {
    font-size: 12px;
}

.voyage-admincard-container button {
    padding: 5px;
}

.voyage-admincard-container svg {
    font-size: 14px;
}

.ant-card {
    color: var(--text-light-pri);
}

.ant-card-body {

}

.voyage-propal-card .ant-card {
    border: none;
    border-radius: 0;
}

.voyage-propal-card img {
    border-radius: 0;
}

.voyage-admincard-container-demand {
    width: 100%;
}

.voyage-container-demand-client {
    width: 31%;
    min-width: 31%;
    max-width: 31%;
}

.ant-card-head {
    width: 100%;
}

.voyage-container-demand-client .ant-card-head,
.voyage-admincard-container-demand .ant-card-head,
.voyage-propal-card .ant-card-head,
.voyage-admincard-container .ant-card-head {
    position: absolute;
    right: 0;
    border-bottom: none;
}

.voyage_map_card {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.voyage_map_card_img {
    width: 90px;
    height: 90px;
    overflow: hidden;
}

.voyage_map_card img {
    height: 90px;
    width: 100%;
    max-width: 100%;
}

.voyage_map_card_content_cov,
.voyage_map_card_content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 5px;
    gap: 5px;
}

.voyage_map_card_content_cov {
}

.leaflet-popup-content {
    margin: 4px 8px;
}

.leaflet-routing-container {
    display: none;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
}

.ant-tag {
    max-width: -moz-max-content;
    max-width: max-content;
    max-height: 32px;
}


/* Accentuer les cercles */
.custom-stepper .ant-steps-item-icon {
    background: #FFFFFF !important;
    /* Couleur verte pour l'itinéraire */
    border: 2px solid #7f78ff !important;
    /* Ajouter un contour */
    width: 30px;
    /* Agrandir le cercle */
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: white;
    font-weight: bold;
}

.custom-stepper .ant-steps-item-tail {
    border-top: 3px solid #4caf50 !important;
    /* Couleur verte */
}

/* Agrandir les lignes */
.custom-stepper .ant-steps-item-tail::after {
    width: 100%;
    background: #0b57d0 !important;
}

.ant-steps-item-title {
    font-size: var(--medium-small) !important;
}

.custom-stepper .ant-steps-item-title {
    font-size: var(--medium-small) !important;
}

.custom-stepper .ant-steps-item-tail {
    position: absolute;
    top: 15px;
    /* Align the line vertically with the circle */
    left: 50%;
    /* Start from the center */
    border-top: 3px solid red;
    /* Thick green line */
    transform: translateX(-50%);
    width: 2px;
}

.back-office-stepper {
    width: 280px;
}

.back-office-stepper .ant-steps-item .ant-steps-item-icon {
    display: none !important;
    /** cache*/
}

.back-office-stepper .ant-steps.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    display: none !important;
    /** cache la ligne verticale sur les stepper */
}

.back-office-stepper .ant-steps-item-tail {
    display: none !important;
}

.ant-steps.ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
    display: block;
    min-height: 38px !important;
    overflow: hidden;
    padding-top: 4px;
}

.ant-steps.ant-steps-vertical > .ant-steps-item .ant-steps-item-title {
    line-height: 21px !important;
    font-weight: 600 !important;
}

.ant-steps.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
    width: 2px;
    min-height: 100%;
    opacity: 0.4;
    height: calc(40vh);
    background: var(--primary-color);
    margin-top: -11px;
}

.ant-dropdown {
    z-index: 1201 !important;
}

.ant-carousel .slick-prev,
.ant-carousel .slick-next {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    border-radius: 8px;
    background: rgba(0, 0, 0, .32);
    height: 60px;
    width: 60px;
}

.ant-carousel .slick-prev::after,
.ant-carousel .slick-next::after {
    opacity: 1;
    top: 42%;
    inset-inline-start: 19.343146px;
}

.custom-div-icon-highlighted .marker-container,
.custom-div-icon .marker-container {
    background: white;
    /* Couleur de fond */
    border: 2px solid #007BFF;
    /* Bordure bleue */
    border-radius: 50%;
    /* Cercle */
    text-align: center;
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: column;
    /* Aligner le texte principal et le sous-texte */
    justify-content: center;
    align-items: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.custom-div-icon-highlighted .marker-container {
    border: 4px solid var(--secondary-color);
}

.custom-div-icon-cov,
.custom-div-icon {
    z-index: 138;
}

.custom-div-icon-highlighted {
    z-index: 1900 !important;
}

.custom-div-icon-highlighted .marker-text,
.custom-div-icon .marker-text {
    font-size: 16px;
    font-weight: bold;
    color: #007BFF;
    /* Couleur principale */
}

.custom-div-icon-highlighted .marker-text-mga,
.custom-div-icon .marker-text-mga {
    font-size: 6px;
    /* Texte plus petit */
    font-weight: normal;
    color: #555;
    /* Couleur grise */
}

.custom-div-icon-cov .marker-container {
    border: 2px solid green;
    /* Bordure vert */
}

.custom-div-icon-cov .marker-text-mga,
.custom-div-icon-cov .marker-text {
    color: green;
}

.ant-steps .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
    color: #333333;
}

.ant-steps-item-process .ant-steps-item-title {
    font-weight: bold;
}

.ant-steps .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title,
.ant-steps .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
    color: #333333 !important;
    font-weight: 700;
}

.provider-list-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
}

.provider-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 15px;
}

.provider-item {
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--border-color-1);
    background: #FFFFFF;
}

.provider-avatar {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.provider-list-container p {
    font-size: 16px;
    color: #777;
}

.provider-summary,
.provider-summary span {
    font-size: 10px;
    line-height: 10px;
}

.about-container {
    padding: 20px;
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
}

.about-header {
    text-align: left;
    margin-bottom: 20px;
}

.text-and-supporting-text h1,
.about-header h1 {
    font-size: 2.5em;
    color: var(--primary-color);
    /* Couleur principale */
}

.text-and-supporting-text h2,
.about-content h2 {
    font-size: 1.8em;
    margin-top: 20px;
    color: #0056b3;
}

.text-and-supporting-text p,
.about-content p {
    margin: 10px 0;
}

.about-content ul {
    margin: 10px 0 20px;
    padding-left: 20px;
}

.about-content li {
    margin: 5px 0;
}

.ant_form_item_100vh .ant-form-item-control-input,
.ant_form_item_100vh .ant-col,
.ant_form_item_100vh .ant-row,
.ant_form_item_100vh {
    height: 100%;
}

.propal-route-container {
    border-radius: 8px;
}

.propal-voyage-container {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.tab-with-margin {
    height: 100%;
}


.no-margin-tabs .ant-tabs-nav {
    margin: 0;
    height: 100%;
}

.tab-with-margin .ant-tabs-nav {
    margin: 10px 0;
    height: 100%;
}

.ant-tabs-left .ant-tabs-nav {
    margin: 0 !important;
    background-color: #FFFFFF;
}

.site-customizer-tabs .ant-tabs-nav {
    margin: 0;
}

.site-customizer-tabs .ant-tabs-tab {
    padding: 15px 20px !important;
}

.excursion_pricing_table .ant-table-thead > tr > th {
    background: #4c76b2 !important;
    color: #FFFFFF !important;
}

.full-tabs {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.tab-content {
    flex: 1;
    background-color: white;
    padding: 24px;
    height: 100%;
    overflow-y: auto;
}

.custom-explorer-modal .ant-modal-title {
    padding: 10px 0 10px 16px;
    font-size: 18px;
    margin: 0;
    color: rgba(0, 0, 0, 0.88);
    font-weight: 600;
    line-height: 1.5;
    word-wrap: break-word;
}

.ant-modal .ant-modal-header {
    border-bottom: 2px solid #EAECF0;
    margin-bottom: 14px;
}

.custom-explorer-modal {
    border-radius: 2px;
    background-color: #ece9d8;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12), 0 1px 8px 0 rgba(0, 0, 0, .2);
}

.custom-explorer-modal .ant-modal-content {
    max-height: 90vh;
    /* ou une valeur fixe comme 600px */
    display: flex;
    flex-direction: column;
    padding: 0 0 0 0;
}

.ant-modal-title,
.ant-modal-body{
    padding: 20px!important;
}

.ant-modal-body .ant-form{
    padding: var(--sp-4);
}

.ant-modal-footer {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: row;
    gap: 10px;
    border-top: 1px dotted rgba(5, 5, 5, 0.06);
    padding: 20px 10px !important;
    border-top: 1px solid #EBEBEB !important;
    flex-shrink: 0;
    background-color: #ffffff;
    margin-top: 30px;
}

.ant-modal-footer  .ant-btn-primary{
    border-color: var(--primary-color) !important;
    background: var(--primary-color) !important;
    color: var(--white);
}

.ant-modal-footer button{
    padding: 8px 16px;
    border-radius: var(--radius-button, 8px);
}

.custom-explorer-modal .ant-modal-body {
    flex: 1;
    padding: 0 0;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.custom-explorer-modal-body-noscroll .ant-modal-content,
.custom-explorer-modal-body-noscroll .ant-modal-body {
    overflow-y: hidden;
    overflow-x: hidden;
}

.custom-explorer-modal .ant-tabs-tab,
.custom-explorer-modal .ant-tabs-tab-active {
    font-size: 12px;
}

.custom-explorer-modal-body-no-scroll .ant-modal-body {
    overflow: hidden !important;
}

.pdf-viewer-modal .ant-modal-content {
    padding: 0;
    overflow: hidden;
    max-height: 92vh;
    background: var(--white);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.pdf-viewer-modal .ant-modal-body {
    padding: 0;
    overflow: hidden;
}

.ant-pagination-total-text {
    background-color: #FFFFFF;
}

.ant-tabs-content-top {
    height: 100%;
}

.tabs-pane-back-office {
    height: 100%;
}


.tabs-pane-back-office .ant-tabs-nav {
    margin: 0;
    background-color: #fff3d3;
}

.tabs-pane-back-office2 .ant-tabs-nav {
    background: #FFFFFF;
}

.tabs-pane-back-office2 {
    height: 100%;
}

.tabs-pane-back-office .ant-tabs-nav {
    padding-left: 52px;
}

.tabs-pane-back-office .ant-tabs-tab-btn {
    font-size: 12px;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    padding: 0 10px;
    gap: 2px;
}

.tabs-pane-back-office .ant-tabs-nav::before {
    border-bottom: 1px solid #DEDEDE;
}

.tabs-pane-back-office2 {
    height: -moz-min-content !important;
    height: min-content !important;
}

.tabs-pane-back-office .ant-tabs-content {
    /*margin-left: 40px;
    padding-right: 80px;*/
}

.tabs-pane-back-office2 .ant-tabs-content {
    margin-left: 0;
    padding-right: 0;
}

.tabs-pane-back-office .ant-tabs-tab-active {
    background-color: #FFFFFF;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.32), 0 0 2px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.08);;
}

.tabs-pane-back-office .ant-tabs-tab {
    margin: 0 !important;
}

/* ── Quotation details — clean white tabs ── */
.quotation-details-tabs {
    height: 100%;
}

.quotation-details-tabs .ant-tabs-nav {
    margin: 0;
    background: var(--white);
    padding-left: var(--page-px);
    border-bottom: 1px solid var(--card-border);
}

.quotation-details-tabs .ant-tabs-nav::before {
    border-bottom: none;
}

.quotation-details-tabs .ant-tabs-tab {
    margin: 0 !important;
    padding: 10px 16px !important;
    font-size: 12px;
    font-weight: 500;
    color: var(--text-secondary);
    transition: color 0.15s ease, background 0.15s ease;
    border-radius: 0;
}

.quotation-details-tabs .ant-tabs-tab:hover {
    color: var(--color-1);
    background: var(--opacity-10-color-1);
}

.quotation-details-tabs .ant-tabs-tab-active {
    background: var(--white) !important;
}

.quotation-details-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: var(--color-1) !important;
    font-weight: 600;
}

.quotation-details-tabs .ant-tabs-tab-btn {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.quotation-details-tabs .ant-tabs-ink-bar {
    background: var(--color-1);
    height: 2px !important;
}

.quotation-details-tabs .ant-tabs-content {
    height: 100%;
}

.quotation-details-tabs .ant-tabs-content-holder {
    height: 100%;
}

/* Height propagation: quotation-content div > Spin internals > tabpane */
.quotation-content {
    height: 100%;
}

.quotation-main-spin .ant-spin-container {
    height: 100%;
}

.quotation-details-tabs .ant-tabs-tabpane {
    height: 100%;
    overflow: hidden;
}

/* basePaxTabs bar must not stretch in the cb_root flex column */
.quotation-base-pax-tab {
    flex-shrink: 0;
}

/* ── providers.png pill-style tabs ── */
.providers-tabs-pills .ant-tabs-nav {
    background-color: #ffffff !important;
    padding: 10px 0 0 0 !important;
    border-bottom: 1px solid #f0f0f0;
}
.providers-tabs-pills .ant-tabs-nav::before {
    border-bottom: none !important;
}
.providers-tabs-pills .ant-tabs-tab {
    margin: 0 4px 0 0 !important;
    padding: 5px 14px !important;
    border-radius: 20px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    transition: all 0.18s ease;
}
.providers-tabs-pills .ant-tabs-tab:hover {
    background: #f5f5f5 !important;
}
.providers-tabs-pills .ant-tabs-tab-active {
    background-color: #101828 !important;
    border-color: #101828 !important;
    box-shadow: none !important;
}
.providers-tabs-pills .ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #ffffff !important;
}
.providers-tabs-pills .ant-tabs-ink-bar {
    display: none !important;
}
.providers-tabs-pills .ant-tabs-tab-btn {
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
}

.ant-input-number-group-wrapper-outlined .ant-input-number-group-addon:last-child,
.ant-input-number-group-wrapper-outlined .ant-input-number-group-addon:first-child {
    background-image: linear-gradient(#f7f8fa, #e7e9ec);
    font-size: var(--small);
}

.quotation-tab-pane .ant-tabs-nav-wrap {
    width: 100%;
}

.quotation-tab-pane {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    margin: 10px;
}

.quotation-tab-pane .ant-tabs-tab {
}

.quotation-tab-pane .ant-tabs-tab-active {
    background-color: #FFFFFF;
    font-weight: 600;
}

.ant-divider-horizontal.ant-divider-with-text {
    font-size: 14px;
}

.ant-layout-onboarding {
    width: 100%;
    height: 100vh;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    gap: 10px;
}

.ant-layout-onboarding .settings-main-page {
    height: inherit;
    background: transparent;
}

.ant-layout-onboarding .plan-box {
    width: 440px;
    margin-bottom: 10px;
    background: transparent;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, .10) 0 4px 4px 0;
}

.ant-layout-onboarding .plan-box-header,
.ant-layout-onboarding .plan-box-content {
    background: #FFFFFF;
}

.ant-layout-onboarding .onboarding-step-one {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.ant-layout-onboarding {
    position: relative;
    background: url('/img/6.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

/* Overlay noir avec opacité */
.ant-layout-onboarding::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    /* 0.5 = 50% d'opacité */
    z-index: 2;
    pointer-events: none;
    /* Permet aux clics de passer à travers */
}

/* Pour que le contenu soit au-dessus de l'overlay */
.ant-layout-onboarding > * {
    position: relative;
    z-index: 3;
}

.pricing-modal-separator {
    flex: 1;
    margin-left: 3px;
    padding-left: 10px;
    border-left: 2px solid #EAECF0;
    min-height: 0;
    overflow-y: auto;
}

.tabs-pane-voyage-admin-details {
    height: 100%;
}


.voyage-admin-details {
    height: 100%;
}

.voyage-admin-details .quotation-close-button {
    top: 10px;
    right: 80px;
    z-index: 100;
}

.voyage-admin-details-root {
    height: 100vh;
    background-color: #FFFFFF;
    display: flex;

}

.selected-row .ant-table-cell-row-hover,
.selected-row {
    background-color: #f8d7da !important;
}

.hoverable-row:hover {
    cursor: pointer;
}

.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
    width: 50px;
}

.location-search-input input {
    min-height: 32px;
    height: 32px;
}

.presta-right-radio-group {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin: 10px;
}

.presta-right-radio-group .ant-radio-group {
    gap: 5px;
}

.presta-right-radio-group .ant-radio-button-wrapper:last-child,
.presta-right-radio-group label {
    border-radius: 20px !important;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    border: none;
    color: #333333;
    z-index: 100;
    font-weight: 600;
}

.presta-right-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
    border: none;
    width: 0 !important;
}


#infoCSV {
    color: green;
    font-size: 14px;
    margin-top: 10px;
}

.ant-table .ant-checkbox-inner {
    width: 14px !important;
    height: 14px !important;
}

.ant-table .ant-checkbox {
    transform: scale(0.7);
}

.quotation-total-encart {
    border: 2px solid #EAECF0;
    padding: 10px;
    margin: 10px 0;
    border-radius: var(--border-radius-s) var(--border-radius-s);
}

.ant-modal,
.ant-modal-content {
    overflow: hidden;
}

.grid-cell.drag-over {
    border: 2px dashed #1890ff;
    background-color: rgba(24, 144, 255, 0.05);
    animation: dash 1s linear infinite;
}

/* quand c'est draggable mais pas encore drag */
.grid-cell[draggable="true"] {
    cursor: grab;
}

/* quand on est en train de drag */
.grid-cell.dragging {
    cursor: grabbing;
}

.ant-form-item-explain-error {
    font-size: 10px;
}

.circuits-infos-tab .ant-tabs-tab-btn {
    padding: 0 10px;
    color: rgba(0, 0, 0, 0.88);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3333333333333333;
}

.circuits-infos-tab .ant-tabs-ink-bar {
    color: var(--accent-color) !important;
    font-weight: 600;
}

.circuits-infos-tab .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #0b57d0 !important;
}

.circuits-infos-tab .ant-tabs-top > .ant-tabs-nav::before {
    border-bottom: 1px solid #DEDEDE !important;
}

.ant-btn-accent {
    border: 1px solid var(--accent-color);
    background: var(--accent-color) !important;
    color: white;
}

/* custom.css */
.topbar-menu {
    border-bottom-color: transparent;
}

.topbar-menu .ant-menu-item-selected {
    border-bottom: 3px solid #1890ff;
}

.topbar-menu .ant-menu-item {
    border-bottom: 3px solid transparent;
}

.one-booking-price {
    display: flex;
    padding: 1vh 1vw 1vh 1vw;
    background-color: var(--secondary-color-1);
    flex-direction: column;
    gap: 10px;
}
.flex{
    display: flex;
}

.space-between,
.space_between,
.flex-between {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.ant-collapse-header-text {
    font-size: 12px;
}

.ant-collapse-header {
    padding: 8px 12px !important;
}

.spin-100 .ant-spin-nested-loading,
.spin-100 .ant-spin-container {
    height: 100%;
}

.styles_bo_tabs {
    width: 100%;
}

.styles_bo_tabs .ant-tabs-nav {
    border-bottom: -2px solid #dfdff1;
    background: #FFFFFF !important;
}

.styles_bo_tabs .ant-tabs-nav-wrap {
    padding-left: 20px;
}

.styles_bo_tabs .ant-tabs-tab {
    color: #000091;
    font-size: .9rem;
    line-height: 1.1rem;
    padding: 20px !important;
    border-radius: 8px 8px 0 0 !important;
    box-shadow: 0 -8px 5px -5px #dfdff1 inset;
    margin-right: 10px !important;
    background: #FFFFFF !important;
}

.styles_bo_tabs .ant-tabs .ant-tabs-tab {
    background: #FFFFFF !important;
}

.styles_bo_tabs .ant-tabs-tab-active {
    border-top: 2px solid var(--primary-color) !important;
    border-left: 2px solid var(--primary-color) !important;
    border-right: 2px solid var(--primary-color) !important;
}

.ant-card-small-active,
.ant-card-small {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background: var(--white);
    border-radius: var(--border-radius-s);
    cursor: pointer;
}

.ant-card-small:hover {
    cursor: pointer;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}

.ant-card-small-active {
    border: 2px solid var(--primary-color);
    box-shadow: 2px 1px 4px rgba(0, 0.12, 0.12, 0.15);
}

.ant-card-small-active .ant-card-body,
.ant-card-small .ant-card-body {
    padding: 12px;
}

.search-dyna-btn button {
    width: 120px !important;
}

.import_card_section {
    display: flex;
    margin-top: 2rem;
    gap: 2rem;
}

.flex_row {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: baseline;
    gap: 10px;
}

.flex_col {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: baseline;
    gap: 10px;
}

.flex-end,
.flex_end {
    justify-content: flex-end;
}

.center {
    justify-content: center;
    align-items: center;
}

.flex-start {
    justify-content: flex-start;
}

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

.space_between {
    justify-content: space-between;
}

.cm-editor {
    width: 100% !important;
    box-sizing: border-box;
}

.import_card {
    height: 220px;
    width: 360px;
    grid-template-rows: 25% 65%;
    grid-template-columns: 100%;
    display: grid;
    overflow: hidden;
    border-radius: 1rem;
    flex-grow: 1;
    padding: 1rem;
    border: 1px solid #E3E3E3;
    box-shadow: 0 4px 8px -2px hsla(0, 0%, 11%, 0.14), 0 2px 4px -2px hsla(0, 0%, 11%, 0.1);
    cursor: pointer;
}

.import_card_header {
    max-height: 40px;
}

.import_card_content {

}

.expected_syntax_block {
    background-color: #DEDEDE;
    border: 1px solid #DEDEDE;
    border-radius: 3px;
    margin-bottom: 24px;
    padding: 16px 24px;
    width: 100%;
}

.contact-form-mobile{
    justify-content: center;
}


/* Limit height and make tab nav scrollable */
.ant-tabs-left > .ant-tabs-nav,
.ant-tabs-right > .ant-tabs-nav {
    max-height: 80vh;
    overflow-y: auto;
    scrollbar-width: thin; /* optional, for Firefox */
}

.ant-tabs-left > .ant-tabs-nav::-webkit-scrollbar,
.ant-tabs-right > .ant-tabs-nav::-webkit-scrollbar {
    width: 6px; /* small scrollbar for aesthetics */
}

.white-tooltip .ant-tooltip-inner {
    background: #ffffff !important;
    color: #000 !important;
    border: 1px solid #e0e0e0;
    width: 400px;
    max-width: 400px;
}

.white-tooltip .ant-tooltip-arrow::before {
    background: #ffffff !important;
}

.theme-preview:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.ant-drawer .ant-drawer-body {
    overflow: hidden;
}

.collapse-website-config {
    background: none;
    color: inherit;
    border: none;
    padding: 16px 24px 16px 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    position: relative;
    width: 100%;
    text-align: left;
}

.collapse-website-config .ant-collapse-content {
    border-top: none;
}

.collapse-website-config .ant-collapse-header-text {
    font-size: 16px;
    font-weight: 700;
    color: #212121;
}

.collapse-website-config .collapse-form {
    gap: 10px;
}

.collapse-website-config .ant-collapse-header {
    padding: 12px 0 !important;
}

.collapse-form-each {
    width: 64%;
    display: flex;
    flex-direction: column;
    gap:5px;
}
.collapse-form-each-label,
.collapse-form-each .collapse-form-each-label{
    margin-bottom: 2px;
    font-size: var(--medium-small);
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 10px;
}

.mobile-preview-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;

    padding-top: 20px;
    width: 100%;
    height: calc(100vh - 220px);
    min-height: 400px;

    overflow: hidden; /* Empêche le scroll externe */
}

.one-block-preview{
    position: relative;
}

.mobile-frame {
    width: 390px;
    height: 100%; /* prend toute la hauteur dispo */
    max-height: 100%; /* jamais plus */

    border: 16px solid #333;
    border-radius: 40px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    background: #333;
    overflow: hidden;
    position: relative;
}

.mobile-content {
    width: 100%;
    height: 100%;
    background: white;
    overflow-y: auto;
}

.fill-width-and-height {
    width: 100% !important;
    height: 100% !important;
}

.hero-header-shape {
    position: absolute;
    top: 50px;
    width: 100%;
    line-height: 0;
    z-index: 20;
}

.hero-header-shape svg {
    display: block;
    width: 100%;
    z-index: 20;
    /*height: 120px;*/
}

.dyn-voyage-card-carousel-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.dyn-voyage-card-carousel-viewport {
    overflow: hidden;
    width: 100%;
}

.dyn-voyage-card-carousel-track {
    display: flex;
    transition: transform 0.4s ease-in-out;
}

.dyn-voyage-card-carousel-item {
    flex: 0 0 calc(100% / 4);
}

.dyn-voyage-card-carousel-btn {
    background: #000;
    color: #fff;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
}

.dyn-voyage-card-carousel-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.dyn-voyage-card-carousel-btn-left {
    margin-right: 10px;
}

.dyn-voyage-card-carousel-btn-right {
    margin-left: 10px;
}

.voyage-details-class-carrousel {
    width: 100%;
    /*height: 50vh;  hauteur fixe */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.voyage-details-class-carrousel img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover !important;
       object-fit: cover !important;
}

.voyage-card-carrousel {
    width: 97% !important;
    overflow: hidden;
}

.voyage-card-carrousel img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
.location-picker-modal {
    width: 50%;
    height: calc(100% - 100px);
}

.location-picker-modal .location-search-input {
    transform: translateY(45px);
}

.itinerary-info-preview {
    max-width: 900px;
    margin: auto;
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.collapsible-root {
    border-bottom: 1px solid #EAECF0;
    cursor: pointer;
    transition: background 0.2s;
    background: #FFF;
    border-radius: 0!important;
}

.collapsible-root-header {
    width: 100%;
}

.itinerary-info-preview .route-each-activities {
    background: #FFFFFF;
}

.itinerary-info-preview .route-each-title {
    padding: 0 20px;
    color: rgb(127, 120, 255);
}

.itinerary-info-preview .route-each-description {
    background: #FFFFFF;
    font-size: 16px;
    padding: 20px;
    line-height: 1.71;
    color: #3d3d3d;
}

.itinerary-info-preview .itinerary-each-route-wrapper {
    margin-bottom: 20px;
}

.itinerary-info-preview .route-each-day-index {
    display: inline-block;
    margin-right: .75em;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #7f78ff;
}

.route-each-day-title-colored{
    color: #7f78ff!important;
}

.itinerary-info-preview .route-each-day-title {
    display: inline-block;
    margin-right: .75em;
    padding: 0 .75em;
    border-left: 2px solid #7f78ff;
    border-right: 2px solid #7f78ff;
}

.itinerary-info-preview .collapsible-root-header-top svg,
.itinerary-info-preview .route-each-header-icons svg {
    color: #3d3d3d !important;;
    font-size: 20px !important;
}

.itinerary-info-preview .route-each-substep-collapsible-desc {
    background: #FFFFFF;
    font-size: 16px;
    padding: 0 20px 20px;
    line-height: 1.71;
    color: #3d3d3d;
}

.itinerary-info-preview .collapsible-root {
    border: none;
    padding: 0px 10px;
    cursor: pointer;
    transition: background 0.2s;
    border-radius: 0px;
    background: #FFF;
}

.itinerary-info-preview .itinerary-propal-infos {
    background: #FFFFFF;
    padding: 20px;
}

.itinerary-info-preview .support-infos {
    background: #FFFFFF;
    padding: 20px;
}


.itinerary-info-preview .itinerary-services-condition {
    background: #FFFFFF;
    padding: 20px;
    font-size: 14px;
    line-height: 1.70;
    color: #3d3d3d;
}

.itinerary-info-preview .itinerary-dossier {
    background: #FFFFFF;
}

.itinerary-info-preview h3,
.itinerary-info-preview h2 {
    margin-block-start: 0;
    color: #3d3d3d;
}

.itinerary-info-preview h4 {
    color: #3d3d3d;
}

.itinerary-dossier .ant-collapse {
    border: none;
    background: #FFFFFF;
}

.itinerary-dossier .ant-collapse-header {
    padding: 20px !important;
}


.itinerary-builder-substep {
    background: #FFFFFF;
}

.itinerary-builder-substep .collapsible-root {
    width: 100%;
    border-radius: 8px;
}

.itinerary-builder-substep .collapsible-root-children-wrapper {
    width: 100%;
}

.header-bread .ant-breadcrumb-separator {
    margin-top: 2px;
}

.header-bread .ant-breadcrumb-link {
    cursor: pointer;
}

.header-bread .ant-breadcrumb {
    border-bottom-color: transparent !important;
}

.primary-ant-radio-btn .ant-radio-button-checked {
    border: none;
    background: var(--primary-color);
}

.primary-ant-radio-btn .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    color: #FFFFFF !important;
}

.import-type-tabs .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    background: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
    color: #ffffff !important;
}

.import-type-tabs .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
    background: var(--accent-color) !important;
}

.presta-details-root {
    margin-top: 65px !important;
}

.voyage-back-office-itineraire .collapsible-root {
    width: 100%;
}

.voyage-back-office-itineraire .collapsible-root-children-wrapper {
    width: 100%;
}

.voyage-back-office-itineraire h4 {
    font-size: 16px !important;
}

.client-route .route-each-day-index {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
    color: #7f78ff;
}

.client-route-divider {
    height: 25px;
    border-width: 2px;
    color: var(--text-light-pri);
    margin-left: 20px;
}

.client-route h4 {
    margin-block-start: 8px;
}


.client-route .collapsible-root {
    padding:0;
    margin-top: 20px;
    background: transparent;
}

.client-route .ant-carousel {
    margin-bottom: 20px;
}

.client-route .collapsible-root-header-top svg {
    margin-top: -20px;
    color: #212121;
    fill: #212121;
}

.client-route .route-each-substep-collapsible-root {
    padding: 0 40px 20px 0;
}

/* style des boites */
.ant-message-notice-content {
    background: #000 !important;
    color: #fff !important;
    border-radius: 8px;
    padding: 10px 14px;
}

.section-editor-radio-buttons {
    overflow-x: auto;
    padding-bottom: 22px;
}

.section-editor-radio-buttons .ant-radio-group {
    display: inline-flex;
    white-space: nowrap;
}

.menu-header-item-active:hover,
.menu-header-item-active{
    border-color: transparent;
    border-width: 4px;
    border-style: solid;
}

.hero-carousel-image,
.hero-carousel-image .ant-carousel,
.hero-carousel-image .slick-slider,
.hero-carousel-image .slick-list,
.hero-carousel-image .slick-track,
.hero-carousel-image .slick-slide,
.hero-carousel-image img,
.hero-carousel-image .slick-slide > div {
    height: 100% !important;
}

.carousel-hero-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.react-photo-album-gallery-wrapper{
    overflow-y: auto;
}

img {
    transition: transform 0.3s ease; /* animation douce */
}

img:hover {
    transform: scale(1.05); /* zoom léger à 105% */
}

/* largeur de la scrollbar */
::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

/* fond */
::-webkit-scrollbar-track {
    background: #e5e7eb;
    border-radius: 0;
}

/* barre draggable */
::-webkit-scrollbar-thumb {
    background: #6b7280;
    border-radius: 0;
    border: 3px solid #e5e7eb;
}

/* hover */
::-webkit-scrollbar-thumb:hover {
    background: #374151;
}


#site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: transform 0.3s ease;
    z-index: 1000;
    background: transparent;
}

/* Header caché */
#site-header.hide {
    transform: translateY(-100%);
}

@keyframes dash {
    0% {
        border-color: #1890ff;
        border-style: dashed;
        border-width: 2px;
    }
    50% {
        border-color: transparent;
    }
    100% {
        border-color: #1890ff;
    }
}


/* ══════════════════════════════════════════════════════════════════
   ANT DESIGN — overrides via tokens sémantiques
   Fonctionne en light ET dark mode (les tokens changent au runtime)
   ══════════════════════════════════════════════════════════════════ */

/* Scrollbar */
::-webkit-scrollbar-track {
    background: var(--surface-subtle);
}
::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border: 3px solid var(--surface-subtle);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted);
}

/* Inputs */
.ant-input,
.ant-input-number,
.ant-input-password,
.ant-input-textarea textarea {
    background-color: transparent !important;
    border-color: var(--input-border) !important;
    color: var(--text-primary) !important;
}

.ant-input:focus,
.ant-input-affix-wrapper-focused,
.ant-input-number-focused {
    border-color: var(--color-1) !important;
    box-shadow: 0 0 0 2px var(--opacity-10-color-1) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--input-bg) inset !important;
    -webkit-text-fill-color: var(--text-primary) !important;
    caret-color: var(--text-primary);
}

.input-affix-no-border .ant-input{
    border-color: transparent !important;
}

/* Select */
.ant-select-selector {
    background-color: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--text-primary) !important;
}

.ant-select-dropdown {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    box-shadow: var(--shadow-md) !important;
}

.ant-select-item {
    color: var(--text-primary) !important;
}

.ant-select-item-option-active,
.ant-select-item-option-selected {
    background-color: var(--surface-hover) !important;
}

/* Table */
.ant-table {
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

.ant-table-wrapper .ant-table-thead > tr > th {
    background: var(--card-bg) !important;
    color: var(--text-secondary) !important;
    border-bottom-color: var(--card-border) !important;
}

.ant-table-tbody > tr > td {
    border-bottom-color: var(--card-border) !important;
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

.ant-table-tbody > tr:not(.ant-table-placeholder):hover > td {
    background: var(--surface-hover) !important;
}

.ant-table-content {
    border-color: var(--card-border) !important;
}

.no-border-table .ant-table-content{
    border-color: transparent !important;
}

    /* Card */
.ant-card {
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
    color: var(--text-primary) !important;
    box-shadow: var(--shadow-card) !important;
}

.ant-card-head {
    background: var(--card-bg) !important;
    border-bottom-color: var(--card-border) !important;
    color: var(--text-primary) !important;
}

/* Modal */
.ant-modal-content {
    background-color: var(--card-bg) !important;
    color: var(--text-primary) !important;
    padding: 0!important;
}

.ant-modal-confirm .ant-modal-body {
    padding: 24px !important;
}

.ant-modal-header {
    background-color: var(--card-bg) !important;
    border-bottom-color: var(--card-border) !important;
}

.ant-modal-title {
    color: var(--text-primary) !important;
}

/* Drawer */
.ant-drawer-content {
    background-color: var(--content-bg) !important;
}

.ant-drawer-header {
    background-color: var(--content-bg) !important;
    border-bottom-color: var(--card-border) !important;
}

.ant-drawer-title {
    color: var(--text-primary) !important;
}

/* Tabs */
.ant-tabs-tab {
    color: var(--text-secondary) !important;
    font-weight: 600;
}

.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: var(--color-1) !important;
}

.ant-tabs-ink-bar {
    background: var(--color-1) !important;
}

.ant-tabs-nav {
    border-bottom-color: var(--card-border) !important;
}

/* Conditions lang tabs — language switcher inside conditions settings */
.conditions-lang-tabs {
    padding: 0 24px;
}

.conditions-lang-tabs .ant-tabs-nav {
    margin: 0;
    background: transparent;
}

.conditions-lang-tabs .ant-tabs-nav::before {
    border-bottom: 1px solid var(--card-border, #eaecf0);
}

.conditions-lang-tabs .ant-tabs-tab {
    font-size: 12px;
    font-weight: 500;
    padding: 10px 4px;
}

.conditions-lang-tabs .ant-tabs-tab-active .ant-tabs-tab-btn {
    font-weight: 600;
}

/* Pagination */
.ant-pagination-item {
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
    border-radius: var(--radius-sm) !important;
}

.ant-pagination-item a {
    color: var(--text-primary) !important;
}

.ant-pagination-item-active {
    background: var(--color-1) !important;
    border-color: var(--color-1) !important;
}

.ant-pagination-item-active a {
    color: #fff !important;
}

.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
    color: var(--text-primary) !important;
    border-radius: var(--radius-sm) !important;
}

/* Dropdown */
.ant-dropdown-menu {
    background-color: var(--card-bg) !important;
    box-shadow: var(--shadow-md) !important;
    border: 1px solid var(--card-border) !important;
}

.ant-dropdown-menu-item {
    color: var(--text-primary) !important;
}

.ant-dropdown-menu-item:hover {
    background-color: var(--surface-hover) !important;
}

/* Form labels */
.ant-form-item-label > label {
    font-size: var(--very-small) !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--text-secondary);
}

.ant-form-item-explain-error {
    color: var(--color-error) !important;
}

/* Layout sider */
.ant-layout-sider-light,
.ant-layout-sider-collapsed {
    background: var(--sidebar-bg) !important;
}

/* Séparateur */
.ant-divider {
    border-color: var(--card-border) !important;
}

/* Badge */
.ant-badge-count {
    background: var(--color-1) !important;
}

/* Tooltip */
.ant-tooltip-inner {
    border-radius: var(--radius-sm) !important;
}

/* Popover */
.ant-popover-inner {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    box-shadow: var(--shadow-md) !important;
}

.ant-popover-title {
    color: var(--text-primary) !important;
    border-bottom-color: var(--card-border) !important;
}

/* Upload */
.ant-upload-drag {
    background: var(--card-bg) !important;
    border-color: var(--input-border) !important;
}

/* Alert */
.ant-alert {
    border-radius: var(--radius-sm) !important;
}

/* Séparateur global */
.separateur {
    border-top-color: var(--card-border);
}

/* Input Ant Design — overrides globaux */
.ant-input,
.ant-input-affix-wrapper {
    border-radius: var(--radius-input, 8px) !important;
    /*border: 1px solid var(--input-border, #6b7280) !important;ne ma modifier*/
    font-size: 13px;
}

.ant-input:focus,
.ant-input-affix-wrapper-focused {
    border-color: var(--color-1, #007aff) !important;
    box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.08) !important;
}

.ant-input::-moz-placeholder, .ant-input-affix-wrapper input::-moz-placeholder {
    color: var(--text-muted, #c5ccd6);
    font-weight: 400;
}

.ant-input::placeholder,
.ant-input-affix-wrapper input::placeholder {
    color: var(--text-muted, #c5ccd6);
    font-weight: 400;
}

.flex_row-form-label{
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.07em;
    color: rgb(65 71 85 / 0.8);
    text-transform: uppercase;
    margin-bottom: 5px;
}

/* Leaflet map marker cards (Google Places search step) */

.places-map-card {
    background: #fff !important;
    border: 1.5px solid #e4e7ec !important;
    border-radius: 8px !important;
    padding: 0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12) !important;
    max-width: 150px !important;
    white-space: normal !important;
    overflow: hidden !important;
}

.places-map-card.leaflet-tooltip-top::before {
    border-top-color: #e4e7ec !important;
}

.places-map-card-selected {
    border-color: #2563eb !important;
    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.25) !important;
}

.places-map-card-selected.leaflet-tooltip-top::before {
    border-top-color: #2563eb !important;
}

.places-map-card-inner {
    display: flex;
    flex-direction: column;
    width: 150px;
}

.places-map-card-inner img {
    width: 150px !important;
    height: 90px !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
    border-radius: 0 !important;
    display: block !important;
}

.places-map-card-no-photo {
    width: 150px;
    height: 90px;
    background: #f0f2f5;
}

.places-map-card-name {
    padding: 5px 7px 6px;
    font-size: 11px;
    font-weight: 600;
    color: #101828;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Les placeholders sur input[type="number"] sont coupés à ~3 caractères par le
   navigateur (à cause de la flèche de spinner), rendant tout texte illisible. */
input[type="number"]::-moz-placeholder {
    color: transparent;
}
input[type="number"]::placeholder {
    color: transparent;
}
.hover\:border-\[var\(--color-1\)\/40\]:hover{
    border-color: var(--color-1)/40;
}
.hover\:bg-\[var\(--surface-hover\)\]:hover{
    background-color: var(--surface-hover);
}
.hover\:bg-red-500\/10:hover{
    background-color: rgb(239 68 68 / 0.1);
}
.hover\:text-\[var\(--color-1\)\]:hover{
    color: var(--color-1);
}
.hover\:text-red-500:hover{
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.hover\:opacity-80:hover{
    opacity: 0.8;
}
.focus\:\!border-red-500:focus{
    --tw-border-opacity: 1 !important;
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)) !important;
}
.disabled\:opacity-50:disabled{
    opacity: 0.5;
}
.group\/item:hover .group-hover\/item\:opacity-100{
    opacity: 1;
}

.fade-in {
    opacity: 0;
    animation: fadeIn 0.3s ease forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes slideUpLittle {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}



.zoom-hover:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}
body {
    --website-ytd-rich-grid-region-items-per-row: 4;
    --website-ytd-rich-grid-items-per-row: 3;
    --website-ytd-rich-grid-image-per-row: 2;
    --website-ytd-rich-grid-item-gap: 15px;

    --website-recherche-width: 60vw;
    --website-input-recherche-width: calc((var(--website-recherche-width) / 6));

    --website-image-card-width: calc(
            (var(--website-CustomCarousel-max-width) / var(--website-ytd-rich-grid-image-per-row)) -
            var(--website-ytd-rich-grid-item-gap)
    );

    --website-card-width: calc(
            (var(--website-CustomCarousel-max-width) / var(--website-ytd-rich-grid-items-per-row)) -
            var(--website-ytd-rich-grid-item-gap)
    );
    --website-card-min-width: calc(
            (var(--website-CustomCarousel-max-width) / var(--website-ytd-rich-grid-items-per-row)) -
            var(--website-ytd-rich-grid-item-gap)
    );

    --website-card-region-width: calc(
            (var(--website-CustomCarousel-max-width) / var(--website-ytd-rich-grid-region-items-per-row)) -
            var(--website-ytd-rich-grid-item-gap)
    );
    --website-card-region-min-width: calc(
            (var(--website-CustomCarousel-max-width) / var(--website-ytd-rich-grid-region-items-per-row)) -
            var(--website-ytd-rich-grid-item-gap)
    );
    --website-card-heigth: var(--website-card-min-width);
    --website-voyage-image-container-heigth: calc((var(--website-card-min-width) / 1.2));

}

:root {
    --website-primary-color: #019bff;
    --website-primary-color-2: aqua;
    --website-primary-color-3: #7cb3ff;
    --website-secondary-color: #f6c100;
    --website-secondary-color-1: #f6c1001a;
    --website-secondary-color-2: #f6c1004d;
    --website-tertiary-color: #fff;
    --website-tertiary-color-1: #f5f6fa;
    --website-ternary-color-2: #e4f5ff;
    --website-ternary-color-opacity-003: rgba(1, 155, 255, 0.03);
    --website-ternary-color-opacity-04: rgba(255, 255, 255, 0.4);
    --website-ternary-color-opacity-05: rgba(255, 255, 255, 0.5);

    --website-color-text: #000;
    --website-color-text-1: #35405a;
    --website-color-text-2: #475467;
    --website-color-text-3: #193c4e;
    --website-color-text-sec: #494949;
    --website-text-dark-pri: #17254e;
    --website-text-light-pri: rgb(51, 51, 51);
    --website-opacity-100-color-1: #32840a;
    --website-opacity-30-color-1: #42951a4d;

    --website-border-color: #d6d5d5;
    --website-border-color-1: rgba(208, 213, 221, 1);
    --website-border-color-2: rgba(242, 244, 247, 1);
    --website-border-color-3: rgb(208, 214, 232);
    --website-border-color-4: rgba(77, 79, 86, 1);
    --website-border-color-5: #0707071a;
    --website-border-color-6: #bdbdbd;

    --website-background-color-black-09: rgba(0, 0, 0, 0.8);
    --website-background-color-White-07: rgba(255, 255, 255, 0.7);

    --website-box-shadow-color-01: rgba(0, 0, 0, 0.1);
    --website-box-shadow-color-03: rgba(0, 0, 0, 0.3);
    --website-box-shadow-color-02: rgba(92, 99, 105, 0.2);
    --website-box-shadow-color-05: rgba(0, 0, 0, 0.5);
    --website-box-shadow-color-005: rgba(16, 24, 40, 0.05);
    --website-box-shadow-color-0368: rgba(16, 24, 40, 0.368);
    --website-bow-shadow-color-0149: rgba(16, 24, 40, 0.149);
    --website-box-shadow-color-0112: rgba(0, 0, 0, 0.112);
    --website-box-shadow-color-0186: rgba(0, 0, 0, 0.186);
    --website-box-shadow-color: #dffbf0;


    --website-background-gradient: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, 0.8)
    );

    --website-background-gradient-2:linear-gradient(transparent, #000);

    --website-warning-color: #f00;
    --website-warning-color-1: #ff0500;
    --website-warning-color2: #f04438;
    --website-warning-color-3: #fda29b;

    --website-success-color: #04aa6d;
    --website-success-color-1: #008000;
    --website-success-color-2: #61ebb4;

    --website-title-color:white;
    --website-description-color:white;

    --website-button-bg-primary-color: #FFFFFF;
    --website-button-text-primary-color: blue;

    --website-root-container-width: 85vw;
    --website-CustomCarousel-max-width: 85vw;

    --website-header-heigth: 79px;
    --website-header-position:fixed;
    --website-header-padding: 0 86px;
    --website-header-background-color: white;
    --website-header-link-color: var(--website-color-text-2);
    --website-header-link-border-bottom-color: white;
    --website-header-link-selected-border-bottom-color: var(--website-primary-color);
    --website-header-link-hover-border-bottom-color: var(--website-primary-color-3);
    --website-header-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

    --website-pageroot-margin-top: var(--website-header-heigth);
    --website-other-pages-margin-top:var(--website-header-heigth);
    --website-pageroot-container-width: 85vw;
    --website-pageroot-height: 85vh;
    --website-pageroot-border-radius: 15px;
    --website-pageroot-padding:5px 0px;
    --website-other-page-illustration-border-radius:0px;

    --website-footer-background-color:red;
    --website-footer-line-color: #DEDEDE;
    --website-footer-line-color-light: #FAFAFA;
    --website-footer-title-color: var(--website-color-text-1);
    --website-footer-links-color: var(--website-color-text-3);
    --website-footer-text-color: white;
    --website-footer-icons_border-color:white;
    --website-footer-padding: 60px 60px;

    color: var(--website-text-dark-pri) !important;
}


/**---------- Layout ----*/
[page-layout='full'] {
    --website-root-container-width:100%;

    --website-header-heigth: 79px;
    --website-header-position:fixed;
    --website-header-padding: 0 90px;

    --website-pageroot-margin-top: 79px;
    --website-other-pages-margin-top:79px;
    --website-pageroot-container-width: 100vw;
    --website-pageroot-height: 90vh;
    --website-pageroot-border-radius: 0px;
    --website-pageroot-padding:0px;
    --website-other-page-illustration-border-radius:0px;
}

[page-layout='full-rounded'] {
    --website-root-container-width:95%;

    --website-header-heigth: 79px;
    --website-header-position:fixed;
    --website-header-padding: 0 80px;

    --website-pageroot-margin-top:81px;
    --website-other-pages-margin-top:82px;
    --website-pageroot-container-width: 95vw;
    --website-pageroot-height: 85vh;
    --website-pageroot-border-radius: 15px;
    --website-pageroot-padding:5px 0px;
    --website-other-page-illustration-border-radius:15px;
}

[page-layout='stretched'] {
    --website-root-container-width:100%;

    --website-header-heigth: 79px;
    --website-header-position:fixed;
    --website-header-padding: 0 80px;

    --website-pageroot-margin-top:79px;
    --website-other-pages-margin-top:79px;
    --website-pageroot-container-width: 100vw;
    --website-pageroot-height: 45vh;
    --website-pageroot-border-radius: 0px;
    --website-pageroot-padding:0px;
    --website-other-page-illustration-border-radius:0px;
}

[page-layout='stretched-rounded'] {
    --website-root-container-width:95%;

    --website-header-heigth: 79px;
    --website-header-position:fixed;
    --website-header-padding: 0 80px;

    --website-pageroot-margin-top:79px;
    --website-other-pages-margin-top:82px;
    --website-pageroot-container-width: 95vw;
    --website-pageroot-height: 45vh;
    --website-pageroot-border-radius: 15px;
    --website-pageroot-padding:5px 0px;
    --website-other-page-illustration-border-radius:15px;
}
/**---------- Layout end ----*/
/**---------- Header style----*/
[header-style='standard-right'] {
    --website-header-link-text-transform: none;
    --website-header-link-border-right: none;
    --website-header-link-padding: 10px 0;
    /* --website-header-justify-content: space-between; */
    --website-header-gap: 0px;
    --website-lang-margin-flex:none;
}

[header-style='standard-left'] {
    --website-header-link-text-transform: none;
    --website-header-link-border-right: none;
    --website-header-link-padding: 10px 0;
    /* --website-header-justify-content: flex-start; */
    --website-header-gap: 80px;
    --website-lang-margin-flex:1;
}

[header-style='upper-case-right'] {
    --website-header-link-text-transform: uppercase;
    --website-header-link-border-right: .5px solid white;
    --website-header-link-padding: 10px 0;
    /* --website-header-justify-content: space-between; */
    --website-header-gap: 0px;
    --website-lang-margin-flex:none;
}

[header-style='upper-case-left'] {
    --website-header-link-text-transform: uppercase;
    --website-header-link-border-right: .5px solid white;
    --website-header-link-padding: 10px 0;
    /* --website-header-justify-content: flex-start; */
    --website-header-gap: 80px;
    --website-lang-margin-flex:1;
}

/**---------- Header text style----*/
[header-text-style='center'] {
    --website-header-text-justify-content:center;
    --website-header-text-position: relative;
    --website-header-text-text-align: center;
}

[header-text-style='center-left'] {
    --website-header-text-justify-content:flex-start;
    --website-header-text-position: relative;
    --website-header-text-text-align: left;
}

[header-text-style='center-right'] {
    --website-header-text-justify-content:flex-end;
    --website-header-text-position: relative;
    --website-header-text-text-align: right;
}


/**---------- Header text style end----*/
/**---------- Header style end----*/
/**---------- Header ----*/
[header-theme='white'] {
    --website-header-background-color: #FFFFFF;
    --website-header-link-color: #0d1b2a;
    --website-header-link-border-bottom-color: #0d1b2a;
    --website-header-link-selected-border-bottom-color: #0d1b2a;
    --website-header-link-hover-border-bottom-color: #0d1b2a;
    --website-header-box-shadow: none;
}
[header-theme='black'] {
    --website-header-background-color: black; /* noir charbon */
    --website-header-link-color: #f5f5f5;
    --website-header-link-border-bottom-color: #f5f5f5;
    --website-header-link-selected-border-bottom-color: #f5f5f5;
    --website-header-link-hover-border-bottom-color: #f5f5f5;
    --website-header-box-shadow: none;
}
[header-theme='dark'] {
    --website-header-background-color: #1a1a1a; /* noir charbon */
    --website-header-link-color: #f5f5f5;
    --website-header-link-border-bottom-color: #1a1a1a;
    --website-header-link-selected-border-bottom-color: #ffffff;
    --website-header-link-hover-border-bottom-color: #cccccc;
    --website-header-box-shadow: none;
}
[header-theme='blue-dark'] {
    --website-header-background-color: #0d1b2a; /* bleu nuit profond */
    --website-header-link-color: #e0e1dd;       /* blanc cassé */
    --website-header-link-border-bottom-color: #0d1b2a;
    --website-header-link-selected-border-bottom-color: #89c2d9; /* bleu clair contrastant */
    --website-header-link-hover-border-bottom-color: #468faf;    /* bleu acier */
    --website-header-box-shadow: none;
}

[header-theme='lemur'] {
    --website-header-background-color: #107b9c; /* bleu profond */
    --website-header-link-color: white;
    --website-header-link-border-bottom-color: #107b9c;
    --website-header-link-selected-border-bottom-color: white;
    --website-header-link-hover-border-bottom-color: white;
    --website-header-box-shadow: none;
}

[header-theme='fosa'] {
    --website-header-background-color: #f5f1ec; /* beige clair */
    --website-header-link-color: #3e2723;
    --website-header-link-border-bottom-color: #f5f1ec;
    --website-header-link-selected-border-bottom-color: #795548;
    --website-header-link-hover-border-bottom-color: #a1887f;
    --website-header-box-shadow: none;
}

[header-theme='baobab'] {
    --website-header-background-color: #ede7dd; /* sable / bois clair */
    --website-header-link-color: #5d4037;
    --website-header-link-border-bottom-color: #ede7dd;
    --website-header-link-selected-border-bottom-color: #8d6e63;
    --website-header-link-hover-border-bottom-color: #bcaaa4;
    --website-header-box-shadow: none;
}

[header-theme='ravinala'] {
    --website-header-background-color: #f1f8e9; /* vert très pâle */
    --website-header-link-color: #33691e;
    --website-header-link-border-bottom-color: #f1f8e9;
    --website-header-link-selected-border-bottom-color: #689f38;
    --website-header-link-hover-border-bottom-color: #aed581;
    --website-header-box-shadow: none;
}

[header-theme='cacao'] {
    --website-header-background-color: #efebe9; /* crème cacao */
    --website-header-link-color: #4e342e;
    --website-header-link-border-bottom-color: #efebe9;
    --website-header-link-selected-border-bottom-color: #795548;
    --website-header-link-hover-border-bottom-color: #a1887f;
    --website-header-box-shadow: none;
}

[header-theme='indri'] {
    --website-header-background-color: #eceff1; /* gris bleuté pâle */
    --website-header-link-color: #212121;
    --website-header-link-border-bottom-color: #eceff1;
    --website-header-link-selected-border-bottom-color: #424242;
    --website-header-link-hover-border-bottom-color: #757575;
    --website-header-box-shadow: none;
}

[header-theme='vanille'] {
    --website-header-background-color: #fdf6e3; /* vanille claire */
    --website-header-link-color: #6d4c41;
    --website-header-link-border-bottom-color: #fdf6e3;
    --website-header-link-selected-border-bottom-color: #a1887f;
    --website-header-link-hover-border-bottom-color: #d7ccc8;
    --website-header-box-shadow: none;
}

[header-theme='cafe'] {
    --website-header-background-color: #fbe9e7; /* beige rosé café */
    --website-header-link-color: #3e2723;
    --website-header-link-border-bottom-color: #fbe9e7;
    --website-header-link-selected-border-bottom-color: #5d4037;
    --website-header-link-hover-border-bottom-color: #8d6e63;
    --website-header-box-shadow: none;
}

[header-theme='mer'] {
    --website-header-background-color: #e1f5fe; /* bleu ciel pâle */
    --website-header-link-color: #01579b;
    --website-header-link-border-bottom-color: #e1f5fe;
    --website-header-link-selected-border-bottom-color: #0288d1;
    --website-header-link-hover-border-bottom-color: #4fc3f7;
    --website-header-box-shadow: none;
}

[header-theme='tsingy'] {
    --website-header-background-color: #eceff1; /* gris minéral */
    --website-header-link-color: #37474f;
    --website-header-link-border-bottom-color: #eceff1;
    --website-header-link-selected-border-bottom-color: #607d8b;
    --website-header-link-hover-border-bottom-color: #90a4ae;
    --website-header-box-shadow: none;
}

[header-theme='mantella'] {
    --website-header-background-color: #f44336; /* rouge vif comme la grenouille */
    --website-header-link-color: white;
    --website-header-link-border-bottom-color: #f44336;
    --website-header-link-selected-border-bottom-color: white;
    --website-header-link-hover-border-bottom-color: white;
    --website-header-box-shadow: none;
}

[header-theme='ankarana'] {
    --website-header-background-color: #2e7d32; /* vert forêt des Tsingy du Nord */
    --website-header-link-color: #fffde7; /* jaune doux */
    --website-header-link-border-bottom-color: #2e7d32;
    --website-header-link-selected-border-bottom-color: #aed581;
    --website-header-link-hover-border-bottom-color: #c5e1a5;
    --website-header-box-shadow: none;
}

[header-theme='zafimaniry'] {
    --website-header-background-color: #6d4c41; /* bois foncé sculpté */
    --website-header-link-color: #fff8e1; /* vanille/beige */
    --website-header-link-border-bottom-color: #6d4c41;
    --website-header-link-selected-border-bottom-color: #a1887f;
    --website-header-link-hover-border-bottom-color: #d7ccc8;
    --website-header-box-shadow: none;
}

[header-theme='masoala'] {
    --website-header-background-color: #00796b; /* vert émeraude de la forêt tropicale */
    --website-header-link-color: #e0f2f1; /* vert clair brumeux */
    --website-header-link-border-bottom-color: #00796b;
    --website-header-link-selected-border-bottom-color: #4db6ac;
    --website-header-link-hover-border-bottom-color: #80cbc4;
    --website-header-box-shadow: none;
}

[header-theme='baie-des-sakalava'] {
    --website-header-background-color: #0288d1; /* bleu lagon */
    --website-header-link-color: #e1f5fe; /* bleu ciel très clair */
    --website-header-link-border-bottom-color: #0288d1;
    --website-header-link-selected-border-bottom-color: #4fc3f7;
    --website-header-link-hover-border-bottom-color: #81d4fa;
    --website-header-box-shadow: none;
}

[header-theme='bois-de-rose'] {
    --website-header-background-color: #b76e79; /* rose boisé */
    --website-header-link-color: #fff1f0; /* blanc rosé */
    --website-header-link-border-bottom-color: #b76e79;
    --website-header-link-selected-border-bottom-color: #e57373;
    --website-header-link-hover-border-bottom-color: #ffcdd2;
    --website-header-box-shadow: none;
}

[header-theme='palissandre'] {
    --website-header-background-color: #4e342e; /* brun profond */
    --website-header-link-color: #fbe9e7; /* beige rosé */
    --website-header-link-border-bottom-color: #4e342e;
    --website-header-link-selected-border-bottom-color: #8d6e63;
    --website-header-link-hover-border-bottom-color: #bcaaa4;
    --website-header-box-shadow: none;
}
/**---------- Header end ----*/
/**---------- Root Text ----*/
[root-text='white'] {
    --website-title-color: white;
    --website-description-color: white;
}
[root-text='lemur'] {
    --website-title-color: white;
    --website-description-color: white;
}

[root-text='fosa'] {
    --website-title-color: white;
    --website-description-color: white;
}

[root-text='ravinala'] {
    --website-title-color: white;
    --website-description-color: white;
}

[root-text='mer'] {
    --website-title-color: white;
    --website-description-color: white;
}

[root-text='bois-de-rose'] {
    --website-title-color: white;
    --website-description-color: white;
}

[root-text='palissandre'] {
    --website-title-color: white;
    --website-description-color: white;
}

[root-text='masoala'] {
    --website-title-color: white;
    --website-description-color: white;
}

[root-text='zafimaniry'] {
    --website-title-color: white;
    --website-description-color: white;
}

[root-text='baobab'] {
    --website-title-color: white;
    --website-description-color: white;
}

[root-text='mantella'] {
    --website-title-color: white;
    --website-description-color: white;
}

/**---------- Root Text End ----*/
/** Footer style*/
[footer-layout='standard'] {
    --website-footer-root-container-width:90%;
}

[footer-layout='full'] {
    --website-footer-root-container-width:100%;
}

[footer-layout='streched'] {
    --website-footer-root-container-width:80%;
}
/** Footer style end*/
/**---------- Footer ----*/
[footer-theme='white'] {
    --website-footer-background-color:#FFFFFF;
    --website-footer-line-color: #DEDEDE;
    --website-footer-line-color-light: #DEDEDE;
    --website-footer-title-color: #0d1b2a;
    --website-footer-links-color: #0d1b2a;
    --website-footer-text-color: #0d1b2a;
    --website-footer-icons_border-color: #FAFAFA;
    --website-footer-padding: 60px 60px;
}

[footer-theme='black'] {
    --website-footer-background-color: black;
    --website-footer-line-color: #DEDEDE;
    --website-footer-line-color-light: #DEDEDE;
    --website-footer-title-color: #FAFAFA;
    --website-footer-links-color: #FAFAFA;
    --website-footer-text-color: #FAFAFA;
    --website-footer-icons_border-color: #FAFAFA;
    --website-footer-padding: 60px 60px;
}

[footer-theme='dark'] {
    --website-footer-background-color:#333;
    --website-footer-line-color: #FAFAFA;
    --website-footer-line-color-light: #FAFAFA;
    --website-footer-title-color: white;
    --website-footer-links-color: #FAFAFA;
    --website-footer-text-color: #FAFAFA;
    --website-footer-icons_border-color: #FAFAFA;
    --website-footer-padding: 60px 60px;
}

[footer-theme='blue-dark'] {
    --website-footer-background-color: #0d1b2a;           /* bleu très foncé */
    --website-footer-line-color: #415a77;                 /* bleu acier clair */
    --website-footer-line-color-light: #778da9;           /* bleu-gris doux */
    --website-footer-title-color: #e0e1dd;                /* blanc cassé */
    --website-footer-links-color: #a8dadc;                /* bleu doux */
    --website-footer-text-color: #dee2e6;                 /* gris clair */
    --website-footer-icons_border-color: #5e81ac;         /* bleu glacier */
    --website-footer-padding: 60px 60px;
}


[footer-theme='lemur'] {
    --website-footer-background-color: #0a4d61;
    --website-footer-line-color: #ffffff;
    --website-footer-line-color-light: #d9f0f5;
    --website-footer-title-color: #ffffff;
    --website-footer-links-color: #cbeff5;
    --website-footer-text-color: #e0f7fa;
    --website-footer-icons_border-color: #ffffff;
    --website-footer-padding: 60px 60px;
}

[footer-theme='fosa'] {
    --website-footer-background-color: #3e2723;
    --website-footer-line-color: #f5f5f5;
    --website-footer-line-color-light: #e0e0e0;
    --website-footer-title-color: #ffffff;
    --website-footer-links-color: #ffe0b2;
    --website-footer-text-color: #fbe9e7;
    --website-footer-icons_border-color: #fff3e0;
    --website-footer-padding: 60px 60px;
}

[footer-theme='ravinala'] {
    --website-footer-background-color: #2e7d32;
    --website-footer-line-color: #c8e6c9;
    --website-footer-line-color-light: #e8f5e9;
    --website-footer-title-color: #ffffff;
    --website-footer-links-color: #dcedc8;
    --website-footer-text-color: #e8f5e9;
    --website-footer-icons_border-color: #a5d6a7;
    --website-footer-padding: 60px 60px;
}

[footer-theme='mer'] {
    --website-footer-background-color: #01579b;
    --website-footer-line-color: #bbdefb;
    --website-footer-line-color-light: #e3f2fd;
    --website-footer-title-color: #ffffff;
    --website-footer-links-color: #b3e5fc;
    --website-footer-text-color: #e1f5fe;
    --website-footer-icons_border-color: #81d4fa;
    --website-footer-padding: 60px 60px;
}

[footer-theme='bois-de-rose'] {
    --website-footer-background-color: #8e4b57;
    --website-footer-line-color: #f8bbd0;
    --website-footer-line-color-light: #fce4ec;
    --website-footer-title-color: #ffffff;
    --website-footer-links-color: #ffcdd2;
    --website-footer-text-color: #fce4ec;
    --website-footer-icons_border-color: #f48fb1;
    --website-footer-padding: 60px 60px;
}

[footer-theme='palissandre'] {
    --website-footer-background-color: #4e342e;
    --website-footer-line-color: #d7ccc8;
    --website-footer-line-color-light: #efebe9;
    --website-footer-title-color: #ffffff;
    --website-footer-links-color: #bcaaa4;
    --website-footer-text-color: #efebe9;
    --website-footer-icons_border-color: #a1887f;
    --website-footer-padding: 60px 60px;
}

[footer-theme='masoala'] {
    --website-footer-background-color: #004d40;
    --website-footer-line-color: #b2dfdb;
    --website-footer-line-color-light: #e0f2f1;
    --website-footer-title-color: #ffffff;
    --website-footer-links-color: #80cbc4;
    --website-footer-text-color: #b2dfdb;
    --website-footer-icons_border-color: #4db6ac;
    --website-footer-padding: 60px 60px;
}

[footer-theme='zafimaniry'] {
    --website-footer-background-color: #5d4037;
    --website-footer-line-color: #d7ccc8;
    --website-footer-line-color-light: #efebe9;
    --website-footer-title-color: #ffffff;
    --website-footer-links-color: #a1887f;
    --website-footer-text-color: #efebe9;
    --website-footer-icons_border-color: #bcaaa4;
    --website-footer-padding: 60px 60px;
}

[footer-theme='baobab'] {
    --website-footer-background-color: #3e2723;
    --website-footer-line-color: #efebe9;
    --website-footer-line-color-light: #f5f5f5;
    --website-footer-title-color: #ffffff;
    --website-footer-links-color: #a1887f;
    --website-footer-text-color: #efebe9;
    --website-footer-icons_border-color: #bcaaa4;
    --website-footer-padding: 60px 60px;
}

[footer-theme='mantella'] {
    --website-footer-background-color: #b71c1c;
    --website-footer-line-color: #ffcdd2;
    --website-footer-line-color-light: #ffebee;
    --website-footer-title-color: #ffffff;
    --website-footer-links-color: #ef9a9a;
    --website-footer-text-color: #ffebee;
    --website-footer-icons_border-color: #ef5350;
    --website-footer-padding: 60px 60px;
}
/**---------- Footer end ----*/

.react-parallax{
    width: 100%;
    height: 100%;
}

.react-parallax-content{
    position: initial!important;
    width: 100%;
}
.quotation-wrapper{
    display: flex;
    flex-direction: column;
    color: var(--text-light-pri);
    height: 100%;
    position: relative;
}


.quotation-program{
    height: calc(100% - 75px);
    min-height: calc(100% - 75px);
}

.quotation-program_2{
    height: calc(100vh - 165px);
    min-height: calc(100vh - 165px);
}
.quotation-program_3{
    height: calc(100vh - 165px);
    min-height: calc(100vh - 165px);
}

.quotation-scroll-container {
    overflow: auto;
    height: calc(100vh - 165px);
    min-height: calc(100vh - 165px);
    margin-top:0;
}
.itinerary-builder-root{
    height: calc(100vh - 164px);
    min-height: calc(100vh - 164px);
}

.quotation-client-details{
    padding: 12px;
    border-radius: var(--border-radius-s);
    font-size: 12px;
    background-color: white;
    border: #D1D5DB 1px solid;
    width:40%;
    margin: 24px auto;
    display: flex;
    justify-content: space-between;
}

.quotation-grid {
    min-width: -moz-fit-content;
    min-width: fit-content;
    font-size: 12px;
    font-family: 'Roboto', 'Inter', serif;
}

.grid-row {
    display: flex;
}

.grid-cell {
    min-width: 180px;
    max-width: 180px;
    height: 90px;
    max-height: 110px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 1px solid #dde3ea;
}

.header-cell, .quotation_table .ant-table-thead > tr > th {
    position: relative;
    font-weight: bold;
    height: 30px;
    background-image: linear-gradient(#f7f8fa ,#e7e9ec)!important;
}

.quotation_table .ant-table-cell.first-column-bg {
  background-image: linear-gradient(#f7f8fa, #e7e9ec) !important;
}

.header-col-action-first{
    position: absolute;
    left: 0;
}

/* Première colonne (Jour X) */
.day-cell {
    display: flex;
    background: #dde3ea;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    z-index: 2;
    background-image: linear-gradient(#f7f8fa ,#e7e9ec)!important;
}

/* Sticky behaviors */
.sticky-top {
    position: sticky;
    top: 0;
    background: #f0f2f5;
    z-index: 20;
}

.sticky-left {
    position: sticky;
    left: 0;
    background: #fafafa;
    z-index: 10;
}

.sticky-top-left {
    position: sticky;
    top: 0;
    left: 0;
    background: #f0f2f5;
    z-index: 20;
}

.add-button-hidden{
    display: none;
    background-color: transparent;
    box-shadow: none;
    border: none;
    padding: 8px;
}

.activity-cell{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width:100%;
    height: 100%;
    overflow: hidden;
}

.activity-cell:hover{
    border:2px solid #29b0ff;
    border-color: #019bff;
}

.activity-cell:hover .add-button-hidden{
    display: block;
}

.grid-cell-action-wrapper{
    width: 400px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.day-index{
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.day-actions {
    display: flex;
    gap: 1px;
    margin-top: 4px;
    margin-bottom: 4px;
    flex-direction: column;
}

.day-actions button {
    padding: 5px;
    font-size: 12px;
    line-height: 1;
    background: #FAFAFA;
    border-color: #adb1b8 #a2a6ac #8d9096;
}

.activity-title-and-icon{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding:6px;
    font-weight: 400;
    font-size: 12px;
}

.activity-title{
    font-size: 11px;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    cursor: pointer;
    margin-bottom: 2px;
}

.activity-cell-row2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.activity-cell-pax{
    font-size: 10px;
    color: #6B7280;
}

.activity-cell-price{
    background-color: #FAFAFA;
    color: #1570EF;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0 4px;
    font-size: 10px;
    font-weight: 600;
}

.activity-cell-footer-each{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:2px;
}

.activity-footer{
    display: flex;
    width: 100%;
    justify-content: flex-start;
    gap:5px;
    margin-bottom: 4px;
}

.activity-footer svg{
    font-size: 14px;
    color: #333333;
}

.quotation-right-selection-pane-white,
.quotation-right-selection-pane {
    background-color: #f7f8f9;
    border-left: 2px solid #EAECF0;
    width: 60%;
    height: 100%;
    overflow-y: auto;
}

.quotation-right-selection-pane-white{
    background: #FFFFFF;
}

.activity-content-copy-bottom-button,
.activity-content-copy-right-button,
.activity-remove-button{
    position: absolute;
    right: 48px;
    top: -5px;
    display: none;
    z-index: 1140;
    background-color: transparent;
    border: none;
    box-shadow: none!important;
}

.activity-content-copy-bottom-button{

}

.activity-content-copy-right-button{
  top: 38px;
  right: -30px;
}

.activity-content-copy-bottom-button{
    bottom:-20px;
    right: 45px;
    top: inherit;
}

.activity-content-copy-bottom-button:hover,
.activity-content-copy-right-button:hover,
.activity-remove-button:hover{
    box-shadow: none!important;
}

.activity-content-copy-bottom-button svg,
.activity-content-copy-right-button svg,
.activity-remove-button svg{
    background-color: #FAFAFA;
    border-radius: 100%;
    color: #333;
    width: 1.2rem;
    height: 1.2rem;
    z-index:100;
}

.activity-content-copy-bottom-button svg,
.activity-content-copy-right-button svg{
    width: 1.8rem;
    height: 1.8rem;
}

.activity-cell:hover .activity-content-copy-bottom-button,
.activity-cell:hover .activity-content-copy-right-button,
.activity-cell:hover .activity-remove-button{
    display: block;
}

.header-col-action,
.day-cell-action {

}

.day-actions{
    background-image: linear-gradient(#f7f8fa ,#e7e9ec)!important;
    height: 100%;
    display: flex;
    justify-content: space-between;
    margin: 2px 2px 4px 2px;
}

.header-col-action button,
.day-actions button{
    box-shadow: none;
    background-color: #FAFAFA;
    margin-left: 0;
    border-radius: 0;
    border: 0;
    box-sizing: border-box;
}

.header-col-action svg,
.day-cell-action svg{
    font-size: 12px;
}

.day-cell .day-cell-action{

}

.day-cell:hover .day-cell-action{

}

.quotation-details-root{
    background-color: transparent;
    width: 100%;
    height:100%;
    margin-top: -8px;
}


.quotation-close-button{
    position: absolute;
    top:65px;
    right: 40px;
    z-index: 100;
    padding:0;
    background: white;
    border:none;
    width: 120px;
    height: 30px;
}

.admin-quotation-details-absolute,
.admin-details-toolbar-absolute{
    position: absolute;
    top:50px;
    right: 40px;
    padding:0;
    background: transparent;
    border:none;
    display: flex;
    flex-direction: row;
    gap:2px;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.admin-quotation-details-absolute{
    top:6px;
}

.empty-cell{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap:10px;
    min-width: 80px;
}

.empty-cell button{
    outline: none;
    box-shadow: none!important;
    padding: 0!important;
}

.activity-cell .empty-cell button{
    display: none;
    padding: 0!important;
}

.activity-cell:hover .empty-cell button{
    display: block;
}

.quotation-controls{
    padding:12px 4px;
    border-radius: var(--border-radius-xs);
    font-size: 12px;
    background-color: #bcdef2;
    width:100%;
}

.quotation-content{
    width: 100%;
    height:100%;
}

.quotation-content2{
    width: 100%;
}

.voyage-admin-details-root-parent {
    padding: 0 0 0 140px;
}

.quotation-content2 .ant-tabs,
.quotation-content2 .ant-tabs-content,
.quotation-content2 .ant-tabs-tabpane,
.quotation-content .ant-tabs-tabpane,
.quotation-content .ant-tabs-content,
.quotation-content .ant-tabs{
    height: 100%;
}

.col-actions{
    position: absolute;
    right: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:1px;
}

.header-col-action-first,
.col-actions .header-col-action{
    padding: 7px;
    font-size: 12px;
    line-height: 1;
    background: #FAFAFA;
    border-radius: 0;
    border: none;
}

.col-actions:hover .header-col-action{

}

.ant-divider-horizontal{
    margin:12px 0;
}

.quotation-total-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.quotation-total-table th,
.quotation-total-table td {
    border: 1px solid #edecec;
    padding: 8px;
    background: white;
    font-family: "Open Sans",arial,helvetica,sans-serif;
    line-height: 21px;
}

.quotation-total-table th {
    background-color: #bcdef2;
    text-align: left;
    border: 2px solid #bcdef2;
    font-weight: 500;
    text-transform: uppercase;
}

.quotation-total-table-right td{
    background-color: white;
}

.pricing-list-item-title{
    padding: 0 12px;
    font-size:14px;
    font-weight: 500;
}

.pricing-list-item-selected,
.pricing-list-item {
    border: 1px solid #FFFFFF;
    padding: 0 4px;
    background: #fff;
    cursor: pointer;
    font-size:12px;
    display: flex;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
}

.pricing-list-item-selected{
    background: #e6f7ff;
}

.pricing-list-item-right{
    font-size:12px;
    display: flex;
    justify-content: stretch;
    align-items: center;
    gap:10px;
    margin-bottom: 4px;
}

.pricing-list-item-selected{
    border: none;
    padding:8px;
}

.base-pax-row{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap:10px;
    flex-direction: column;
    padding-bottom: 10px;
    padding-left: 20px;
}

.base-pax-row .base-pax-delete-button{
    border: none;
    box-shadow: none;
}

.quotation-base-pax-tab-absolute2,
.quotation-base-pax-tab-absolute,
.quotation-base-pax-tab-2,
.quotation-base-pax-tab{
    width: 100%;
    justify-content: start;
    align-items: center;
    background-image: linear-gradient(#f7f8fa ,#e7e9ec)!important;
    margin:0;
    gap:10px;
    display: flex;
}

.quotation-base-pax-tab-2,
.quotation-base-pax-tab{
    flex-direction:row;
    justify-content:center;
    align-items:center;
    z-index: 100;
}

.quotation-base-pax-tab-2{
    justify-content:space-between;
}

.quotation-base-pax-tab-absolute{
    position: absolute;
    bottom: 54px;
    z-index: 100;
}

.quotation-base-pax-tab-absolute2{
    position: absolute;
    bottom: 20px;
    z-index: 100;
}

.base-pax-radio-button span{
    font-size: 12px;
}

.quotation-base-pax-tab{
    border:2px solid #eaecf0;
    z-index: 100;
}

.quotation-base-pax-tab .ant-radio-group{
     flex-direction:row;
     display:flex;
     justify-content:flex-start;
}

.ant-radio-button-wrapper:last-child,
.ant-radio-button-wrapper:first-child{
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}

.base-pax-radio-button .ant-radio-button-wrapper-checked{
    background-color: #fff3d3 !important;
    border-color: #ffd591!important;
    color: #333333!important;
    font-weight: 500;
}

.quotation-total-root{
    background-color: red;
}

.quotation-right-selection-pane .ant-btn-color-primary,
.quotation-total-root .ant-btn-color-primary{
    background-color: var(--primary-color) !important;
    color: #FFFFFF;
}

.quotation-right-side-form-container{
    overflow: hidden;
    height:100%;
    width: 100%;
    background-color: #f7f8f9;
    border-left: 2px solid #EAECF0;
}

.quotation-right-side-form-container .tab-content{
    padding-left: 10px;
    width:100%;
    background-color: #FFFFFF;
    overflow-y: auto;
    height: calc(100vh - 150px);
    padding-bottom: 80px;
}

.quotation-right-side-form-container  .quotation-right-selection-pane{
    width: 100%;
    border:none;
    background-color: transparent;
    overflow-x: hidden;
}

.ant-tabs-nav::before {
    border-bottom-width: 2px;
}

/* Supprimer la ligne animée sous l'onglet actif */
.quotation-right-side-form-container .ant-tabs-ink-bar {
    display: none !important;
}

/* Supprimer le border-bottom visuel de l'onglet actif */
.quotation-right-side-form-container .ant-tabs-tab-active {
    border-bottom: none !important;
    border-right: 1px solid #EAECF0;
    border-left: 1px solid #EAECF0;
    border-top: 1px solid #EAECF0;
}

/* Si nécessaire, enlever la ligne globale entre onglets et contenu */
.quotation-right-side-form-container .ant-tabs-nav::before {
    border-bottom: none !important;
}

.repartition-chambres li,
.repartition-chambres .ant-card-head-title,
.repartition-chambres >*{
    font-size: 12px;
}

.repartition-chambres ul{
    margin-block-start: 0;
    margin-inline-start: 0;
    margin-block-end: 0;
    margin-inline-end: 0;
}

.comment_cell {
  position: relative;
  text-align: left;
  padding: 5px;
}

.comment_content {
  min-height: 35px;
  white-space: pre-wrap;
  opacity: 1;
  transition: opacity 0.2s;
}

.comment_cell:hover > .comment_content {
  opacity: 0.5;
}

.edit_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: hsl(211, 100%, 50%);
  padding: 6px;
  border-radius: 50%;
  background: #007bff33;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s;
}

.comment_cell:hover > .edit_icon {
  opacity: 1;
}

/* ================================ */
/*   BASE HERO PREVIEW CONTAINER    */
/* ================================ */

.hero-preview {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center;
    display: flex;
    box-sizing: border-box;
}

/* Contenu générique */
.hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

.hero-description p{
    text-align: justify;
    margin-block-start: 0;
    margin-inline-start: 0;
}

.hero-content-horizontal {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.hero-content-horizontal .hero-description{
    max-width: 700px;
}

.hero-content-horizontal .hero-title{
    max-width: 340px;
}

/* ================================ */
/*           STYLE 1 : CENTRÉ       */
/* ================================ */

.hero-centered {
    justify-content: center;
    align-items: center;
    text-align: center;
}

.hero-centered .hero-content {
    max-width: 50%;
}

.hero-centered .hero-title{
    text-align: center;
    margin-block-end: 0;
}

.hero-centered .hero-description{
    text-align: center;
}


/* ======================================== */
/*       STYLE 2 : BACKGROUND ASSOMBRI      */
/* ======================================== */

.hero-background-dim::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, var(--dim-opacity, 0.3));
}

.hero-background-dim {
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
}

.hero-background-dim .hero-content {
    position: relative;
    z-index: 2;
}

/* ======================================== */
/*       STYLE 3 : TEXTE À GAUCHE           */
/* ======================================== */

.hero-left-text {
    justify-content: flex-start;
    align-items: center;
}

.hero-left-text .hero-content {
    max-width: 50%;
    text-align: left;
}

.hero-left-text button{
    float: left;
}

/* ======================================== */
/*       STYLE 4 : TEXTE À DROITE           */
/* ======================================== */

.hero-right-text {
    justify-content: flex-end;
    align-items: center;
}

.hero-right-text .hero-content {
    max-width: 50%;
    text-align: right;
}

.hero-right-text button{
    float: right;
}

/* ======================================== */
/*         STYLE 5 : SPLIT LEFT             */
/* ======================================== */

.hero-split-left {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.hero-split-left .hero-image {
    background-size: cover;
    background-position: center;
}

.hero-split-left .hero-content {
    padding: 20px;
}


/* ======================================== */
/*         STYLE 6 : SPLIT RIGHT            */
/* ======================================== */

.hero-split-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.hero-split-right .hero-image {
    grid-column: 2;
    background-size: cover;
    background-position: center;
}

.hero-split-right .hero-content {
    grid-column: 1;
    padding: 20px;
}

/* ======================================== */
/*         STYLE 8 : BAS GAUCHE            */
/* ======================================== */

.hero-bottom-left {
    justify-content: flex-start;
    align-items: flex-end;;
}

.hero-bottom-left .hero-content {
    width: 100%;
    text-align: left;
}

.hero-bottom-left button {
    float: left;
}

/* ======================================== */
/*         STYLE 8 : BAS DROITE            */
/* ======================================== */

.hero-bottom-right {
    justify-content: flex-end;
    align-items: flex-end;;
}

.hero-bottom-right .hero-content {
    width: 100%;
    text-align: left;
}

.hero-bottom-right button {
    float: left;
}


/* ======================================== */
/*         STYLE 8 : BANDEAU BAS            */
/* ======================================== */

.hero-banner-bottom {
    justify-content: center;
    align-items: flex-end;
}

.hero-banner-bottom .hero-content {
    backdrop-filter: blur(6px);
    background: rgba(255,255,255,0.75);
    width: 100%;
    text-align: center;
}


/* ======================================== */
/*         STYLE 9 : BANDEAU HAUT           */
/* ======================================== */

.hero-banner-top {
    justify-content: center;
    align-items: flex-start;
}

.hero-banner-top .hero-content {
    backdrop-filter: blur(6px);
    background: rgba(255,255,255,0.75);
    width: 100%;
    text-align: center;
}


/* ======================================== */
/*       STYLE 10 : OVERLAY CARD            */
/* ======================================== */

.hero-overlay-card {
    justify-content: center;
    align-items: center;
}

.hero-overlay-card .hero-content {
    background: white;
    max-width: 60%;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
    text-align: center;
}


/* ======================================== */
/*        STYLE 11 : GRAND CTA              */
/* ======================================== */

.hero-cta-big {
    justify-content: center;
    align-items: center;
    text-align: center;
}

.hero-cta-big .hero-content{
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.hero-cta-big .hero-title {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 10px;
}

.hero-cta-big .hero-button {
    padding: 14px 32px;
    font-size: 18px;
    border-radius: 10px;
}

.hero-cta-big .hero-description{
    max-width: 90%;
    text-align: center;
    margin: auto;
}


.hero-images-grid .hero-content{
    max-width: 100%;
    width: 100%;
}

/* ======================================== */
/*        STYLE 12 : VIDÉO HERO             */
/* ======================================== */

.hero-video-hero video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.hero-video-hero .hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: white;
    max-width: 90%;
}

/* ======================================== */
/*        left / right image or video positions */
/* ======================================== */
.hero-background-position-right,
.hero-background-position-left{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.hero-background-position-top img,
.hero-background-position-bottom img,
.hero-background-position-right img,
.hero-background-position-left img,
.hero-background-position-right video,
.hero-background-position-left video{
    position: relative;
}

.hero-background-position-right img,
.hero-background-position-left img{
    width: 100%;
    height: 100%;
}

.hero-background-position-top{
    flex-direction: column;
    display: flex;
}

.hero-background-position-bottom{
    flex-direction: column-reverse;
    display: flex;
}

.hero-background-position-top .hero-img-flex-50,
.hero-background-position-bottom .hero-img-flex-50{
    width: 100%;
}

.hero-background-position-top .hero-content,
.hero-background-position-bottom .hero-content{
    width: 100%;
}

.hero-background-position-right .hero-img-flex-50,
.hero-background-position-left .hero-img-flex-50{
    width: 100%;
    height: 100%;
}

.hero-img-flex-50 img{
    width: 100%;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.hero-sub-title{
    width: 100%;
}

@media (max-width: 899px) {
    .mini-sep-mobile .flex_row{
        margin-bottom: 20px;
    }

    .contact-form-mobile{
        max-width: 100%;
    }

    .contact-form-mobile .ant-form{
        min-width: 100%!important;
        max-width: 100%!important;
    }

    .hero-centered p,
    .hero-centered h3,
    .hero-centered .hero-description{
        display: flex!important;
        justify-content: center!important;
        align-items: center!important;
        gap: 20px;
        text-align: center!important;
        margin: auto!important;
        width: 100% !important;
    }

    .hero-content{
        padding:10px!important;/**Annule les padding desktop*/
    }

    .hero-content-horizontal,
    .hero-content-mobile{
        width: 95%;
        max-width: 95% !important;
    }

    .hero-bottom-left .hero-content-mobile{
        width: 100% !important;
    }

    .hero-content-mobile{
        flex-direction: column!important;
        display: flex;
    }

    .hero-content-mobile p,
    .hero-content-mobile h3{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .hero-content-mobile p,
    .hero-content-mobile h3,
    .hero-content-mobile > *{
        text-align: center;
    }

    .hero-content-horizontal{
     flex-direction: column!important;
    }
    .hero-content-horizontal .hero-description{
        width: 100%;
        max-width: 100% !important;
    }

    .hero-centered .hero-title,
    .hero-title{
        font-size: 30px!important;
        text-align: center!important;
        padding: 0!important;
    }

    .hero-description{
        font-size: 18px!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }

    /* ======================================== */
    /*         STYLE : bas droite            */
    /* ======================================== */
    .hero-bottom-left .hero-content-mobile {
        padding-left: 0!important;
        padding-bottom: 30px!important;
    }

    /* ================================ */
    /*           STYLE : CENTRÉ       */
    /* ================================ */
    .hero-centered .hero-content-mobile{
        padding: 0!important;
        margin:  0!important;
        gap:10px;
        width: inherit !important;
    }

    /* ================================ */
    /*           STYLE : Image gauche text droite       */
    /* ================================ */
    .hero-background-position-right{
        flex-direction: column;
        width: 95% !important;
        margin: auto!important;
        display: flex!important;
    }

    .hero-background-position-right .hero-content{
        width: 95% !important;
        min-width: 95% !important;
        margin-top: 20px!important;
        gap: 10px;
    }

    /* ================================ */
    /*           STYLE : Image gauche text gauche       */
    /* ================================ */
    .hero-background-position-left {
        flex-direction: column-reverse;
        width: 95% !important;
        margin: auto!important;
        display: flex!important;
    }

    .hero-background-position-left .hero-content{
        width: 95% !important;
        min-width: 95% !important;
        margin-top: 20px!important;
        gap: 10px;
    }

    .hero-sub-title{
        justify-content: center!important;
        text-align: center!important;
        margin: auto!important;
    }

    .hero-background-position-none .hero-content-mobile{
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }

    .contact-form-mobile{
        padding: 20px 40px!important;
    }


    .hero-video-hero .hero-content{
        width: 100% !important;
        min-width: 100% !important;
    }

    .hero-content .hero-button-container{
        display: flex;
        justify-content: center;
    }

    .title-text{
        text-align: center!important;
    }
}
/* =========================================================
   BASE DES CARTES
   ========================================================= */
.voyage-preview {
    width: 100%;
}

.voyage-preview h3 {
    margin: 0 0 6px 0;
    font-size: 20px;
    font-weight: 600;
}

.voyage-preview p {
    margin: 0 0 16px 0;
    opacity: 0.7;
}

.voyage-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.voyage-grid {
    display: grid;
}


/* Carte générique */
.voyage-card {
    overflow: hidden;
    background: #ffffff;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.voyage-card:hover {
    transform: translateY(-2px);
}

/* Image placeholder */
.voyage-card .image-card {
    width: 100%;
    height: 140px;
    background: #dcdcdc;
}

/* Contenu */
.voyage-card .content {
    padding: 12px 12px 20px;
    gap: 10px;
}

.voyage-card .title {
    font-size: 16px;
    font-weight: 600;
}

.voyage-card .price {
    margin-top: 6px;
    font-size: 18px;
    font-weight: 700;
}

/* =========================================================
   STYLE : VERTICAL CARD
   (carte classique)
   ========================================================= */
.voyage-vertical-card .voyage-card {
    width: 180px;
}

/* =========================================================
   STYLE : HORIZONTAL CARD
   ========================================================= */
.voyage-horizontal-card .voyage-card {
    flex-direction: row;
    width: 100%;
    height: 220px;
}

.voyage-horizontal-card .voyage-card .image-card {
    height: 100%;
    width: 260px;
}

.voyage-horizontal-card .voyage-card .content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap:5px;
}

.voyage-card .content .description{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.voyage-card .content-duration{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    gap: 10px;
}

.voyage-card .duration_info{
    font-size: 14px;
    color: #333333;
    padding: 4px;
    border: 1px solid #333333;
    border-radius: 4px;
}

/* =========================================================
   STYLE : GRID 2 COLONNES
   ========================================================= */
.voyage-grid-2{
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(2, 1fr);
}
.voyage-grid-2 .voyage-card {

}

.voyage-grid-2 .image-card {
    height: 320px;
}

/* =========================================================
   STYLE : GRID 3 COLONNES
   ========================================================= */
.voyage-grid-3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
}
.voyage-grid-3 .voyage-card {

}

.voyage-grid-3 .image-card {
    height: 320px;
}

/* =========================================================
   STYLE : GRID 4 COLONNES
   ========================================================= */
.voyage-grid-4{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;
}
.voyage-grid-4 .voyage-card {
    grid-template-columns: repeat(4, 1fr);
}

.voyage-grid-4 .image-card {
    height: 320px;
}


/* =========================================================
   STYLE : MINIMAL (sans image)
   ========================================================= */
.voyage-minimal .voyage-card {
    border: none;
    border-left: 4px solid #ccc;
    padding: 12px;
    background: #fafafa;
    flex-direction: column;
}

.voyage-minimal .voyage-card .image-card {
    display: none;
}

.voyage-minimal .voyage-card .title {
    font-size: 15px;
}

.voyage-minimal .voyage-card .price {
    font-size: 16px;
}

/* =========================================================
   STYLE : PREMIUM (ombre + arrondi + padding)
   ========================================================= */
.voyage-premium .voyage-card {
    background: white;
    width: 220px;
}

.voyage-premium .voyage-card:hover {
    box-shadow: 0 10px 18px rgba(0,0,0,0.18);
    transform: translateY(-4px);
}

.voyage-premium .voyage-card .image-card {
    height: 320px;
}

.voyage-preview img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;   /* remplit sans déformer */
    -o-object-position: center;
       object-position: center;
}

.voyage-card:hover{
    box-shadow: 0 10px 18px rgba(0,0,0,0.18);
    transform: translateY(-4px);
}

.BackOfficeStyle_wrapper_header_full_search__k8W_O,
.BackOfficeStyle_wrapper_header_not_fixed__ZHPFK,
.BackOfficeStyle_wrapper_header__4NFEi {
    display: flex;
    width: calc(100% - 60px);
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    background-color: var(--admin-background-color);
    position: fixed;
    padding: 10px 0 10px 0;
    z-index: 10;
}

.BackOfficeStyle_outlined_button__pcbKs {
    gap: 8px;
    padding: 8px 16px;
    border-radius: var(--radius-button, 8px);
    background-color: transparent;
    color: var(--color-1) !important;
    border: 1px solid var(--color-1) !important;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
}

.BackOfficeStyle_outlined_button__pcbKs:hover {
    background-color: var(--color-1);
}

.BackOfficeStyle_dangerBtn__Q5Fhh,
.BackOfficeStyle_primaryBtn__4kHxz,
.BackOfficeStyle_defaultButtonStyle_icon_only__OgIqV,
.BackOfficeStyle_defaultButtonStyle__4WwSt {
    gap: 8px;
    padding: 8px 16px;
    border-radius: var(--radius-button, 8px);
    background-color: var(--color-1);
    color: var(--white) !important;
    border: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    transition: opacity 0.2s;
    white-space: nowrap;
}

.BackOfficeStyle_defaultButtonStyle_icon_only__OgIqV {
    border-color: transparent !important;
}

.BackOfficeStyle_defaultButtonStyle__4WwSt:hover,
.BackOfficeStyle_primaryBtn__4kHxz:hover {
    background: var(--color-1) !important;
    color: var(--white) !important;
}

.BackOfficeStyle_defaultButtonStyle__4WwSt:disabled,
.BackOfficeStyle_primaryBtn__4kHxz:disabled {
    cursor: not-allowed;
    opacity: 0.7;
    background-color: var(--color-1);
}

.BackOfficeStyle_primaryBtn__4kHxz svg {
    font-size: 20px;
}

.BackOfficeStyle_dangerBtn__Q5Fhh {
    background: red !important;
    color: #fff !important;
}

.BackOfficeStyle_wrapper_header_not_fixed__ZHPFK {
    position: relative !important;
    width: 100%;
    background: white;
    border: none;
}

.BackOfficeStyle_wrapper_header_full_search__k8W_O {
    padding: 0;
    width: 100%;
    position: relative !important;
    margin-top: -30px;
}

.BackOfficeStyle_stay_infopreview__CCwAD {
    grid-column: 1;
    border: 2px solid #333333;
    border-radius: 4px;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 4px;
}

.BackOfficeStyle_header_wrapper_label_container__cip7o {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-start;
}

.BackOfficeStyle_wrapper_header_inner__2rQeP {
    display: flex;
    justify-content: space-between;
    width: 96%;
}

.BackOfficeStyle_wrapper_header_label_container__G6cKh {
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
}

.BackOfficeStyle_wrapper_header_label_container_row__pov5j {
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.BackOfficeStyle_wrapper_header_label_title_opacity_less__DwBAj,
.BackOfficeStyle_wrapper_header_label_title__DyLZT {
    font-size: var(--medium);
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    width: -moz-max-content;
    width: max-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.BackOfficeStyle_wrapper_header_label_title_opacity_less__DwBAj {
    opacity: 0.4;
}

.BackOfficeStyle_retour_button__r4cpQ {
    display: flex;
    gap: 10px;
    flex-direction: row;
}

.BackOfficeStyle_table_button_action_icon_only__edVx9,
.BackOfficeStyle_table_button_action__y6wlv {
    background: #dedede;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 14px;
}

.BackOfficeStyle_table_button_action__y6wlv svg {
    font-size: 14px;
    color: #333333;
}

.BackOfficeStyle_table_button_action_icon_only__edVx9 {
    background-color: #FFFFFF !important;
    padding: 32px;
}

.BackOfficeStyle_pricing_rounded_button__Lcvsb,
.BackOfficeStyle_pricing_action_button__2f3OX,
.BackOfficeStyle_table_button_action_with_label__9d4yy {
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    font-size: 12px;
    background-image: linear-gradient(#f7f8fa, #e7e9ec);
    border-color: #adb1b8 #a2a6ac #8d9096;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    box-shadow: rgba(255, 255, 255, .6) 0 1px 0 inset;
}

.BackOfficeStyle_pricing_rounded_button__Lcvsb {
    border-radius: 100%;
    background: #FFFFFF;
    padding: 4px;
}

.BackOfficeStyle_pricing_action_button__2f3OX {
    background: #FFFFFF;
    border-radius: 8px;
}

.BackOfficeStyle_pricing_rounded_button__Lcvsb svg {
    font-size: 12px;
}

.BackOfficeStyle_little_button_action_with_label__mipQD:hover,
.BackOfficeStyle_little_button_action_with_label__mipQD {
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    font-size: 12px;
    background: transparent !important;
    border: none !important;
    box-shadow: none;
}


.BackOfficeStyle_devise_picker_display__gxxzU {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}

.BackOfficeStyle_devise_picker_modal_row__lBopQ {
    display: flex;
    padding: 12px 12px 32px 12px;
    justify-content: flex-start;
    gap: 20px;
    align-items: center;
}

.BackOfficeStyle_table_action_container__9ZNSX {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: 5px;
}

.BackOfficeStyle_table_actions_no_gap__SYuZf,
.BackOfficeStyle_table_actions__i5sae {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    margin-right: 20px;
}


.BackOfficeStyle_table_value_name_container__Rnx_b {
    display: flex;
    gap: 10px;
}

.BackOfficeStyle_table_scrollable_root_container__MaVqO {
    overflow: auto;
    height: 100vh;
}

.BackOfficeStyle_table_scrollable_root_container__MaVqO .BackOfficeStyle_ant_table__o0013 {
    overflow: auto;
    padding-bottom: 180px;
    padding-right: 6px;
}

.BackOfficeStyle_table_value_image_container__18kZ2 {
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
    background-color: #FAFAFA;
    overflow: hidden;
    border-radius: 12px;
    display: flex;
    justify-content: center;
}

.BackOfficeStyle_table_value_image_container__18kZ2 img {
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 12px;
}

.BackOfficeStyle_table_value_image__Eq05h {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 100%;
}

.BackOfficeStyle_wrapper_header_label_subtitle__h7e_B {
    line-height: 21.82px;
    display: none;
}

.BackOfficeStyle_wrapper_header_section_container_full__lHNTP,
.BackOfficeStyle_wrapper_header_right_section_container__7SbM4 {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    justify-content: space-between;
}

.BackOfficeStyle_wrapper_header_section_container_full__lHNTP {
    width: 100%;
}

.BackOfficeStyle_wrapper_header_filters_row__TQ79Z {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
}

.BackOfficeStyle_flexContainer__GkmJZ, .BackOfficeStyle_flexContainerColumn__0geKD, .BackOfficeStyle_flexContainerRowNoSpace__WvWnZ {
    display: flex;
    gap: 10px;
    flex-direction: column;
    width: 100%;
}

.BackOfficeStyle_p10__kD_rA {
    padding: 10px;
}

.BackOfficeStyle_flexContainerRowNoSpace__WvWnZ,
.BackOfficeStyle_flexContainerRow__S2i7S {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
}

.BackOfficeStyle_flexContainerRowNoSpace__WvWnZ {
    gap: 5px;
    justify-content: flex-start !important;
}


/****************/
.BackOfficeStyle_container__Um431,
.BackOfficeStyle_container_with_right_side__ikmJs {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background: var(--admin-background-color);
    height: 100vh;
}

.BackOfficeStyle_container_with_right_side__ikmJs {
    flex-direction: row;
    gap: 16px;
    overflow: hidden; /*ajouté car dans modal de selection, ca déborde*/
}

.BackOfficeStyle_right_side_table__QyTMU {
    padding: 10px;
    background-color: white;
    border: solid rgba(0, 0, 0, 0.1) 1px;
    margin-top: 60px;
    color: black;
    border-radius: 10px;
}

.BackOfficeStyle_wrapper_inner_without_header__riy1b,
.BackOfficeStyle_wrapper_inner__30VsT {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 2px;
    height: 100%;
}

.BackOfficeStyle_wrapper_inner_form__bN2J_,
.BackOfficeStyle_wrapper_inner_body__mSTGm {
    height: 100%;
    width: 100%;
    max-width: 92%;
    background: transparent;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    gap: 10px;
}

.BackOfficeStyle_wrapper_inner_form__bN2J_ {
    margin: 20px auto;
}

.BackOfficeStyle_wrapper_inner_with_margin__mOuj7 {
    margin: 0 40px;
    height: 100%;
}

.BackOfficeStyle_wrapper_inner_without_header__riy1b {
    margin-top: 0;
}

.BackOfficeStyle_wrapper_inner_body__mSTGm,
.BackOfficeStyle_wrapper_inner__30VsT{
    margin-top: 60px;
}

.BackOfficeStyle_header_wrapper_label_go_back__t71a7 {
    text-decoration: underline;
    cursor: pointer;
}

.BackOfficeStyle_button_approve__uqzBy:hover,
.BackOfficeStyle_button_approve__uqzBy {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    height: 30px;
    color: var(--tertiary-color) !important;
    font-weight: 700;
    background-color: var(--primary-color) !important;
    border-radius: var(--border-radius-button);
    font-size: var(--medium);
    border: none;
    cursor: pointer;
    min-height: 40px;
}

.BackOfficeStyle_button_cancel__7iz0g:hover,
.BackOfficeStyle_button_cancel__7iz0g {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-button);
    font-weight: 700;
    padding: 5px 10px;
    min-height: 40px;
}

.BackOfficeStyle_button_cancel__7iz0g:hover:disabled,
.BackOfficeStyle_button_cancel__7iz0g:hover {
    background: var(--white);
}

.BackOfficeStyle_button_reject__uqxh5:hover,
.BackOfficeStyle_button_reject__uqxh5 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 5px 10px;
    color: #f00;
    font-weight: 700;
    background-color: var(--white);
    border-radius: var(--border-radius-button);
    font-size: var(--text-label);
    border: 2px solid #f00;
    cursor: pointer;
    min-height: 40px;
}

.BackOfficeStyle_button_standard___y3o0:hover,
.BackOfficeStyle_button_standard___y3o0 {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 20px 30px;
    background: #FFFFFF;
}

.BackOfficeStyle_button_upperCase__GuJlX {
    text-transform: uppercase !important;
}

.BackOfficeStyle_voyage_header_actions__6JXsB {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
    margin-left: 10px;
}

.BackOfficeStyle_voyage_header_actions__6JXsB:hover button,
.BackOfficeStyle_voyage_header_actions__6JXsB button {
    padding: 10px;
    cursor: pointer;
}

.BackOfficeStyle_admin_content_root_container_component__y0LSI,
.BackOfficeStyle_admin_content_root_container__st5iv {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin: 0px 30px 0 0;
    border-radius: var(--border-radius-s);
    width: 98%;
    height: 100%;
}


.BackOfficeStyle_admin_content_root_container__st5iv {
    width: 100%; /**prestataire tabs content needs this*/
}

.BackOfficeStyle_dashboard_container__8dh4i {
    margin: 0 0 0 0;
    width: 98%;
}

.BackOfficeStyle_admin_content_root_container_component__y0LSI {
    margin: 0;
    width: 98%; /*if remove be aware of full search: 98%s*/
}

.BackOfficeStyle_admin_content_root_container_component_with_mt__aWGHs {
    margin-top: 75px;
}

.BackOfficeStyle_form_container_inner__KtQzg {
    width: 100%;
    display: flex;
}

.BackOfficeStyle_container_not_scrollable__N_D1z {
    overflow-y: hidden;
}

.BackOfficeStyle_table_inner_container__YLvdk {
    padding: 10px;
    width: 100%;
}

.BackOfficeStyle_voyages_root_container__d9q24 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.BackOfficeStyle_admin_content_root_inner_container_voyageList__YDa_W,
.BackOfficeStyle_admin_content_root_inner_container___ygnk {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.BackOfficeStyle_admin_content_root_empty_placeholder_wrapper_full_search__kM_jc,
.BackOfficeStyle_admin_content_root_empty_placeholder_wrapper__ayc3M {
    padding: 40px;
    border: 1px solid var(--admin-border-color);
    border-radius: var(--border-radius-s);
    min-height: calc(100vh - 250px);
    width: 100%;
    margin-top: 30px;
}

.BackOfficeStyle_admin_content_root_empty_placeholder_wrapper_full_search__kM_jc {
    max-height: 100% !important;
    min-height: 100% !important;
    height: 100% !important;
}

.BackOfficeStyle_table_container__BD5A6 {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.BackOfficeStyle_table_container_header__z7jRe {
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    display: none;
}

.BackOfficeStyle_table_value_name_container__Rnx_b {
    display: flex;
    align-items: center;
    gap: 10px;
}

.BackOfficeStyle_table_value_info_container__9cfzp {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}


.BackOfficeStyle_table_value_image__Eq05h {
    width: 100%;
    height: 100%;
}

.BackOfficeStyle_table_description_container__kZEog {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}

.BackOfficeStyle_table_value_name__scTpk {
    font-size: var(--medium-big);
    font-weight: 400;
    line-height: 19.1px;
    min-width: 150px;
    text-align: start;
}

.BackOfficeStyle_table_action_btn__IqAVF {
    border: none;
    outline: none;
    cursor: pointer;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 20px;
    width: 30px;
    height: 30px;
}

/* from bo admin style */
.BackOfficeStyle_table_value_action_name__RRdeH {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    min-width: 150px;
}

.BackOfficeStyle_tag__UGQuh {
    padding: 5px 10px;
    border: 1px solid var(--border-color-4);
    border-radius: var(--border-radius-button);
    font-size: var(--medium);
    cursor: pointer;
    text-decoration: none;
    color: var(--color-text-12);
    white-space: nowrap; /* Prevent text from wrapping */
}

.BackOfficeStyle_entemplatemanager_container__Ocnq6 {
    width: 100%;
    height: calc(100vh - 300px);
    overflow: hidden;
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .5);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.BackOfficeStyle_email_list_container__z1V6r {
    max-width: 342px;
    min-width: 342px;
    height: 100%;
    background-color: #ededed;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
}

.BackOfficeStyle_email_list_body__0PxSk {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.BackOfficeStyle_email_details_container__yc_4T,
.BackOfficeStyle_email_list_content__l99NO {
    width: 100%;
    height: 100%;
}

.BackOfficeStyle_email_details_header__YMvop {
    padding: 15px 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
}

.BackOfficeStyle_email_details_header_label_title__BbIb3 {
    font-size: var(--medium-large);
    font-weight: 700;
    color: var(--color-text-sec);
}

.BackOfficeStyle_email_details_header_description__VRZ9j {
    width: 100%;
}

.BackOfficeStyle_empty_place_holder_generic_small__vC7uM,
.BackOfficeStyle_empty_place_holder_generic___59cT {
    margin-top: 100px;
    width: 100%;
    height: 40vh;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 32px;
}

.BackOfficeStyle_empty_place_holder_generic_small__vC7uM {
    margin-top: 50px;
    margin-bottom: 50px;
    height: 100px;
}

.BackOfficeStyle_email_details_header_description__VRZ9j span {
    font-size: var(--medium-big);
    line-height: 1.25em;
    color: var(--color-text-11);
}

.BackOfficeStyle_email_details_body__m9hNR {
    padding: 15px 25px;
    width: calc(100% - 50px);
    height: calc(100% - 10px);
}

.BackOfficeStyle_email_details_body_content__tLN4O {
    width: 100%;
    position: relative;
    height: 100%;
}

.BackOfficeStyle_email_viewer__HYXN0 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
    height: 100%;
}

.BackOfficeStyle_email_viewer_content__T28CJ {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    height: 100%;
}

.BackOfficeStyle_email_contents_viewer__us7L5,
.BackOfficeStyle_email_viewer_content__T28CJ {
    width: 100%;
}

.BackOfficeStyle_email_edit_contents__cHKRs,
.BackOfficeStyle_email_contents__EtBgp {
    max-height: calc(100% - 50px);
    overflow-y: auto;
    overflow-x: hidden;
}

.BackOfficeStyle_scrollable_content__OsTDg::-webkit-scrollbar {
    width: 6px;
}

.BackOfficeStyle_scrollable_content__OsTDg::-webkit-scrollbar-corner {
    background: 0;
}

.BackOfficeStyle_scrollable_content__OsTDg::-webkit-scrollbar-thumb {
    background-color: rgba(126, 134, 139, 0.6);
    border-radius: 8px;
}

.BackOfficeStyle_scrollable_content__OsTDg::-webkit-scrollbar-thumb:hover {
    background: #5e7fa3;
    cursor: pointer;
}

.BackOfficeStyle_email_edit_contents__cHKRs {
    margin-top: 20px;
}

.BackOfficeStyle_empty_view_content__SdFEC {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    opacity: .5;
}

.BackOfficeStyle_empty_view_icon__4_BD2 {
    font-size: 1.5rem;
}

.BackOfficeStyle_email_msg_title_container__iQXbk {
    width: 100%;
    position: relative;
}

.BackOfficeStyle_button__4TM9A {
    border: none;
    outline: none;
    cursor: pointer;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 20px;
    width: 30px;
    height: 30px;
}

.BackOfficeStyle_button_icon__IV8wq {
    color: #7b8aa5;
    font-size: var(--large) !important;
}

.BackOfficeStyle_button_icon_noborder__ejf0G {
    color: #7b8aa5;
    font-size: var(--large) !important;
    border: none;
}


.BackOfficeStyle_button_container__a64Ln {
    position: absolute;
    top: 0;
    right: 0;
}

.BackOfficeStyle_email_viewer_header__YdSBa,
.BackOfficeStyle_email_content__ehA6f {
    color: var(--color-text-11);
}

.BackOfficeStyle_email_viewer_header__YdSBa {
    font-size: var(--text-light-pri);
    font-style: italic;
}

.BackOfficeStyle_msg_title_content__1Qd40 {
    margin-top: 10px;
}

.BackOfficeStyle_msg_title__OvwC0 {
    font-size: var(--medium-large);
    font-weight: 700;
    color: var(--color-text-sec);
}

.BackOfficeStyle_msg_title_edit_view__kU_Lk {
    margin-top: 15px;
}

.BackOfficeStyle_input__i_WdO {
    padding: 10px 20px;
    border: 1px solid #00000026;
    border-radius: var(--border-radius-s);
    height: 40px;
    box-sizing: border-box;
    width: 100%;
    font-size: var(--medium);
    font-family: var(--font-family);
    color: var(--color-text-7);
    outline: none;
}

.BackOfficeStyle_input__i_WdO:focus {
    border: 2px solid var(--primary-color);
}

.BackOfficeStyle_email_contents_container___RfEQ {
    position: relative;
    width: 100%;
    height: 100%;
}

.BackOfficeStyle_empty_view__F7jjD {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.BackOfficeStyle_email_list_pagination__uughZ {
    display: flex;
    align-items: center;
    width: 81%;
    margin: 0 auto 15px auto;
    font-size: var(--medium-small);
}

.BackOfficeStyle_entemplatemanager_tag_container__qiCVP {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    height: 50px;
    padding: 40px;
}

.BackOfficeStyle_sub_container__J5U3b {
    display: flex;
    gap: 10px;
}

.BackOfficeStyle_tag_active__7IYg3 {
    padding: 5px 10px;
    border-radius: var(--border-radius-button);
    font-size: var(--medium);
    border: 1px solid var(--primary-color);
    text-decoration: none;
    border-color: var(--primary-color);
    color: white;
    background-color: var(--primary-color);
    white-space: nowrap; /* Prevent text from wrapping */
}

.BackOfficeStyle_tag_container_region_table__thDPJ,
.BackOfficeStyle_tag_container__PkEO_ {
    display: flex;
    flex-direction: row;
    gap: 5px;
    padding: 20px;
    width: 100%;
}

.BackOfficeStyle_tag_container__PkEO_ {
    border: 1px solid var(--admin-border-color);
    border-radius: var(--border-radius-s) var(--border-radius-s);
    max-width: 100%;
}

.BackOfficeStyle_tag_container_region_table__thDPJ {
    padding: 0 10px;
    min-height: 60px;
    height: 50px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    overflow: hidden !important;
}

.BackOfficeStyle_overflow_hidden__YkCyB {
    overflow: hidden;
}

.BackOfficeStyle_table_value_name__scTpk {
    font-size: var(--color-text);
    line-height: 19.1px;
    min-width: 150px;
}

.BackOfficeStyle_table_action_icon__LTjgI {
    padding: 0 !important;
    width: 20px !important;
    height: 20px !important;
}

.BackOfficeStyle_spinner_container__N8s_H {
    padding: 21px 0;
}

.BackOfficeStyle_spinner__owPEr i[class*="ant-spin-dot-item"] {
    background: #d0ccd0;
}

.BackOfficeStyle_account_user_wrapper__E2xak {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.BackOfficeStyle_presta_left_side__f5IJN {
    padding: 10px 20px 0 20px;
    height: calc(100vh - 140px);
    width: 50%;
    min-width: 50%;
}

.BackOfficeStyle_account_user__eN7MX {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
    background-color: gainsboro;
    color: #333333;
}

@media screen and (max-width: 768px) {
    .BackOfficeStyle_table_container__BD5A6 {
        overflow-x: auto;
        width: 100%;
    }

    .BackOfficeStyle_table_value_name_container__Rnx_b {
        display: flex;
        align-items: center;
    }
}

.BackOfficeStyle_table_pagination__OoOQa li {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.BackOfficeStyle_arrow_btn__LIRbr {
    font-size: 1.25rem;
}

.BackOfficeStyle_table_pagination__OoOQa li[aria-disabled="true"] {
    opacity: 0.5 !important;
}

.BackOfficeStyle_table_type_badge__c9knR {
    border: none;
    background-color: #e8f1f2;
    font-size: var(--medium-small);
    line-height: 16.37px;
    padding: 5px 10px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.BackOfficeStyle_badge_text__4ZOpv {
    font-size: var(--medium-small);
}

.BackOfficeStyle_badge_icon__cOqoi {
    font-size: var(--medium-big) !important;
}

.BackOfficeStyle_table_description_text_container__h7stq {
    width: 100%;
}

.BackOfficeStyle_expandable_text__DmPgL {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: 1.5em;
    height: 3em;
    font-size: var(--medium-big);
    line-break: anywhere;
}

/* dashboard admin && backoffice style */
.BackOfficeStyle_sideBar_menu_container__WNCYB {
    height: 100vh;
    min-height: 100vh;
    position: fixed;
    background: #FFFFFF;
    width: 68px;
    max-width: 68px;
    min-width: 68px;
}

.BackOfficeStyle_sideBar_menu__InCk0 {
    padding-top: 25px;
    padding-right: 10px;
    margin-left: 1px;
    padding-left: 5px;
    height: 85%;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0;
    right: 15px;
    left: 10px;
    z-index: 1000;

    scrollbar-width: none;
    scrollbar-color: #DEDEDE #DEDEDE;

}

.BackOfficeStyle_sider_bottom_section__mjmU1 {
    position: absolute;
    bottom: 20px;
    left: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.BackOfficeStyle_side_bar_footer_icon__fF8Ma {
    min-width: 50px;
    width: 50px;
    height: 50px;
    background: #DEDEDE;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.BackOfficeStyle_sider_grid_trigger__b4Ljc {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    border: 1px solid var(--border-color-1, #e4e7ec);
    background: transparent;
    color: var(--color-text-9, #344054);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.BackOfficeStyle_sider_grid_trigger__b4Ljc:hover {
    background-color: var(--opacity-10-color-1, #eff6ff);
    border-color: var(--accent-color, #2563eb);
    color: var(--accent-color, #2563eb);
}

.BackOfficeStyle_sider_grid_trigger_active__lHsJU {
    background-color: var(--opacity-10-color-1, #eff6ff);
    border-color: var(--accent-color, #2563eb);
    color: var(--accent-color, #2563eb);
}

.BackOfficeStyle_sider_nav_dropdown__zcVMU {
    position: fixed;
    left: 68px;
    bottom: 20px;
    width: 452px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.13);
    padding: 10px;
    z-index: 1100;
}

.BackOfficeStyle_adminContainer_foote_a__S3lpC {
    color: cornflowerblue !important;
    text-decoration: underline !important;
}

.BackOfficeStyle_main_content__pCC9R {
    height: 100%;
    min-height: 100vh;
    background: var(--admin-background-color);
    margin: 0px 0 40px 72px;
    overflow-y: auto;
    padding-bottom: 140px;
}

.BackOfficeStyle_main_content_front__76frK{
    height: 100%;
    min-height: 100vh;
    background: var(--admin-background-color);
    margin: 0px 0 40px 72px;
    overflow-y: auto;
    padding-bottom: 140px;
    padding-top: 40px;
}

.BackOfficeStyle_main_content_no_sidebar___lMU1 {
    margin-left: 0;
}

.BackOfficeStyle_main_content_no_scroll__2nKe0 {
    overflow: hidden !important;
    height: 100vh !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
}

.BackOfficeStyle_footer__hZKUG {
    font-size: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    background: var(--admin-background-color);
    position: fixed;
    bottom: 0;
    left: 60px;
    right: 0;
    z-index: 100;
    border-top: 1px solid #dedede;
}

.BackOfficeStyle_adminContainer_2__oPaTo,
.BackOfficeStyle_adminContainer__ktoMM, .BackOfficeStyle_container__Um431 {
    height: 100%;
}

.BackOfficeStyle_adminContainer_2__oPaTo,
.BackOfficeStyle_adminContainer__ktoMM {
    height: inherit;
    max-width: 100%;
}

.BackOfficeStyle_adminContainer__ktoMM {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.BackOfficeStyle_adminContainer_2__oPaTo {
    padding: 30px 20px;
    background-color: white;
}

.BackOfficeStyle_adminContainer__ktoMM .BackOfficeStyle_ant-table-container__wG3V3 {
    background: transparent;
    height: 100%;
}

.BackOfficeStyle_arrowLeft__aXkAQ, .BackOfficeStyle_arrowRight___GCAU {
    background-color: transparent;
    border: none;
    font-size: var(--large-big);
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    z-index: 3;
    position: absolute;
    top: 0;
    transform: translate(0, 25%);
}

.BackOfficeStyle_arrowRightContent__RNMSw, .BackOfficeStyle_arrowLeftContent__6X2vT {
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px #dee2e6 !important;
    padding: 5px;
    border: none !important;
}

.BackOfficeStyle_arrowLeft__aXkAQ {
    left: 0px;
}


.BackOfficeStyle_arrowRight___GCAU {
    right: 0px;
}

.BackOfficeStyle_arrowRightContent__RNMSw:hover,
.BackOfficeStyle_arrowLeftContent__6X2vT:hover {
    box-shadow: 0 2px 5px #dee2e6 !important;
}

.BackOfficeStyle_ant_table__o0013 {
    height: 100%;
    width: 100%;
    /**background: #FFFFFF;ne pas remettre*/
}

.BackOfficeStyle_table_pagination__OoOQa li {
    border: 1px solid var(--admin-border-color) !important;
    border-radius: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 1.15rem .5rem;
}

.BackOfficeStyle_table_pagination__OoOQa li[class*="ant-pagination-prev"] button,
.BackOfficeStyle_table_pagination__OoOQa li[class*="ant-pagination-next"] button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.BackOfficeStyle_table_pagination__OoOQa li[aria-disabled="true"] {
    opacity: .5 !important;
    background: var(--white2);
}

.BackOfficeStyle_table_pagination__OoOQa li[class*="ant-pagination-item-active"] {
    background: var(--primary-color);
    border: 1px solid transparent !important;
}

/* --primary-color */

.BackOfficeStyle_table_pagination__OoOQa li[class*="ant-pagination-total-text"] {
    padding: 16px !important;
    -webkit-user-select: none !important;
       -moz-user-select: none !important;
            user-select: none !important;
}

.BackOfficeStyle_table_pagination__OoOQa li[class*="ant-pagination-item-active"] a {
    color: var(--white) !important;
}

.BackOfficeStyle_table_pagination__OoOQa li,
.BackOfficeStyle_table_pagination__OoOQa li a {
    color: var(--text-light-sec) !important;
    font-size: var(--medium) !important;
    font-family: var(--font-family) !important;
    font-weight: 600;
    padding: 16px 6px !important;
}

.BackOfficeStyle_table_pagination__OoOQa li[class*="ant-pagination-options"] {
    padding: 0 4px !important;
    border: none !important;
    background: transparent !important;
    height: auto !important;
}

.BackOfficeStyle_table_pagination__OoOQa li[class*="ant-pagination-options"] [class*="ant-select-selector"] {
    height: 28px !important;
    padding: 0 8px !important;
    line-height: 26px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.BackOfficeStyle_table_pagination__OoOQa li[class*="ant-pagination-options"] [class*="ant-select-selection-item"] {
    line-height: 26px !important;
    font-size: 12px !important;
}

.BackOfficeStyle_table_pagination__OoOQa > :first-child {
    border-bottom-left-radius: var(--border-radius-s) !important;
    border-top-left-radius: var(--border-radius-s) !important;
}

.BackOfficeStyle_table_pagination__OoOQa > :last-child {
    border-bottom-right-radius: var(--border-radius-s) !important;
    border-top-right-radius: var(--border-radius-s) !important;
}

.BackOfficeStyle_breadcump_container__eySKK {
    width: 100%;
    display: flex;
    font-size: var(--text-label);
    gap: 5px;
    align-items: center;
}

.BackOfficeStyle_breadcump_link_items__NLH0J {
    text-decoration: underline;
    cursor: pointer;
}

.BackOfficeStyle_link_href__Zh0dw {
    text-decoration: underline;
    text-decoration-style: dotted;
    cursor: pointer;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}


.BackOfficeStyle_breadcump_current_items__2T7LS {

}

.BackOfficeStyle_add_activity_stepper__gSIHv {
    z-index: 20;
    background: #FFFFFF;
    width: 100%;
    top: 141px;
    padding: 20px;
    border-bottom: 1px solid var(--admin-border-color);

}

.BackOfficeStyle_add_activity_step__zhWLH {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
}

.BackOfficeStyle_add_activity_step_actions__JlRBa {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin-top: 10px;
}

.BackOfficeStyle_add_activity_step_one__bY3MB {
    width: 100%;
    padding: 10px 0;
    gap: 40px;
    display: flex;
    flex-direction: column;
}

.BackOfficeStyle_add_activity_step_two__nK_b1 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.BackOfficeStyle_add_activity_step_four__5t3UL {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    height: 100%;
}

.BackOfficeStyle_add_activity_step_form__vM0BC {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    gap: 20px;
}

.BackOfficeStyle_add_activity_step_select_activity_button__thG6f {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    min-width: 100%;
    min-height: 120px;
}

.BackOfficeStyle_add_activity_step_select_activity_button_each__Rom1H {
    width: 300px;
    height: 60px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.BackOfficeStyle_add_activity_step_select_activity_button_each__Rom1H svg {
    font-size: 40px;
}

.BackOfficeStyle_add_step_activity_table__ENnme {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 20px;
    height: 100%;
}

.BackOfficeStyle_steps_system__LTsMZ {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
}

/* -- Admin dashboard */
.BackOfficeStyle_tab_data__xex2A {
    width: "80%";
    height: "80%";
}

.BackOfficeStyle_container_admin__NCbqd {
    flex-wrap: 1;
    display: "flex";
    justify-content: "center";
    align-items: "center";
}

.BackOfficeStyle_report_container__SNhI0 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    gap: 40px;
    padding-top: 20px;
}

.BackOfficeStyle_date_selector__PzamW {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 15px;
}

.BackOfficeStyle_cards_detail_wrapper__UAB1N {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 21px;
}

.BackOfficeStyle_full_width__4IMEX {
    width: 100%;
}

.BackOfficeStyle_applicants_table_and_card2___U_ZO,
.BackOfficeStyle_applicants_table_and_card__Tm1Zw {
    display: flex;
    gap: 10px;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background: #FFFFFF;
}

.BackOfficeStyle_applicants_table_and_card2___U_ZO {
    background: transparent;
    width: 100%;
}

.BackOfficeStyle_ant-spin-container__zxqBZ,
.BackOfficeStyle_ant-spin-nested-loading__Q3e5g {
    height: 100% !important;
}

.BackOfficeStyle_admin_content_root_container__st5iv .BackOfficeStyle_ant-table-content___k9bk {
    border: 1px solid var(--admin-border-color) !important;
    border-radius: var(--border-radius-s) var(--border-radius-s) !important;
    background: red;
}

.BackOfficeStyle_empty_place_holder_wrapper_no_border__KLz6X,
.BackOfficeStyle_empty_place_holder_wrapper_bordered__0UXJA,
.BackOfficeStyle_empty_place_holder_wrapper__wz893 {
    width: 100%;
    height: 40vh;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 32px;
}


.BackOfficeStyle_empty_place_holder_wrapper_bordered__0UXJA {
    background-color: #FFFFFF;
    border: 1px solid var(--admin-border-color);
    border-radius: var(--border-radius-s);
}

.BackOfficeStyle_empty_place_holder_wrapper__wz893 svg {
    width: 80px;
    font-size: var(--xxxxl);
    opacity: 0.5;
}


.BackOfficeStyle_card_box_container__o0NQL {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    gap: 20px;
    width: 100%;
}


.BackOfficeStyle_tarifs_and_prix__x7ZaG {
    display: flex;
    flex-direction: row;
    gap: 10px;
    height: 600px;
}

.BackOfficeStyle_tarifs_and_prix_title__T3mTP {
    margin: 60px 0 10px 0;
    font-weight: 600;
    font-size: 1.125rem;
}

.BackOfficeStyle_tarif_table__KGLVT {
    width: 50%;
}

.BackOfficeStyle_tarif_prix_card__yH_Hy {
    width: 50%;
}

.BackOfficeStyle_kanban_switcher___cHaQ {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px 12px;
    border: 1px solid var(--ds-border, #091e4224);
    border-radius: 12px;
    background-color: var(--ds-surface, #ffffff);
    box-shadow: var(--ds-shadow-overlay, 0px 8px 12px #091e4226, 0px 0px 1px #091e424f);
    gap: 6px;
    pointer-events: auto;
    position: fixed;
    z-index: 1;
    right: 0;
    left: 0;
    bottom: 20px;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: auto;
    height: 40px;
}

.BackOfficeStyle_kanban_switcher___cHaQ .BackOfficeStyle_button_approve__uqzBy,
.BackOfficeStyle_kanban_switcher___cHaQ button {
    min-width: 60px;
    max-height: 30px !important;
    min-height: 30px !important;
}

.BackOfficeStyle_quotation_total__b69_C {
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
    height: 100%;
}

.BackOfficeStyle_add_quotation_table_root_white__Du7qz,
.BackOfficeStyle_add_quotation_table_root__g6Sui {
    display: flex;
    gap: 10px;
    flex-direction: row;
    height: 100%;
}

.BackOfficeStyle_add_quotation_table_root__g6Sui {
    padding-bottom: 0;
    border-top: 2px solid #EAECF0;
}

.BackOfficeStyle_add_quotation_table_root_white__Du7qz {
    background-color: white;
}

.BackOfficeStyle_quotation_pdf_viewer__T7Yz6 {
    display: flex;
    gap: 10px;
    flex-direction: row;
    height: 100%;
    width: 100%;
}

.BackOfficeStyle_quotation_pdf_viewer_parent__ahJl5 {
    height: 100%;
    width: 60%;
    background-color: #DEDEDE;
    padding: 10px
}

.BackOfficeStyle_add_quotation_table_and_search__B608M {
    display: flex;
    gap: 5px;
    flex-direction: column;
    margin-top: 10px;
    min-width: 50%;
    width: 50%;
    padding-left: 10px;
    padding-bottom: 0;
    overflow: auto;
    overflow-x: hidden;
}

.BackOfficeStyle_right_side__TQ3Qm {
    background: #FFFFFF;
    border-left: 2px solid #dedede;
    min-width: 450px;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.BackOfficeStyle_right_side__TQ3Qm,
.BackOfficeStyle_right_side__TQ3Qm input,
.BackOfficeStyle_right_side__TQ3Qm label {
    font-size: var(--small) !important;
}

.BackOfficeStyle_settings-tab-pane__3ew2N > .BackOfficeStyle_ant-tabs-tab__ZLibJ {
    margin-top: 0px !important;
}

.ModalStyle_wrapper__hr9Uc {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #092C4C80;
    display: flex;
    align-items: center;
    z-index: 99;
    justify-content: center;
}

.ModalStyle_container__8BC1K {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    background-color: white;
    position: relative;
    box-sizing: border-box;
    gap: 20px;
    text-align: left;
}

.ModalStyle_hundred_cent__T9AUu {
    width: 100%
}


.ModalStyle_mi_hundred_cent__N3eVX {
    width: 50%;
}

.ModalStyle_header_wrapper__ikM4E {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-direction: row;
    font-size: 20px;
}

.ModalStyle_header__QY5z3 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    flex-direction: column;
    gap: 10px;
}

.ModalStyle_title__0pgkG {
    align-self: stretch;
    position: relative;
    font-weight: 700;
}

.ModalStyle_subtitle__15YEy {
    align-self: stretch;
    position: relative;
    font-size: var(--medium-big);
    line-height: 19.6px;
}

.ModalStyle_subtitle__15YEy a {
    font-weight: 700;
    color: #265ad9;
}

.ModalStyle_body_full__Ucd4L,
.ModalStyle_body__mgWtC {
    width: 100%;
    overflow: auto;
    max-width: 800px;
    max-height: 600px;
}

.ModalStyle_body_full__Ucd4L {
    max-width: 100%;
}

.ModalStyle_full_body__rw9Co {
    padding: 0 10px 30px;
}

.ModalStyle_modal_body__ESGUE{
    padding: 20px;
}


.ModalStyle_footer__0YyJX {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    flex-direction: row;
    gap: 10px;
    width: 100%;
}

.ModalStyle_footer_inline_transparent__n19I7,
.ModalStyle_footer_not_in_modal__hA_ti,
.ModalStyle_footer_minimal_fixed__3emqN,
.ModalStyle_footer_minimal__3ivgJ {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: row;
    gap: 10px;
    border-top: 1px solid var(--border-color);
    padding: 10px;
}

.ModalStyle_footer_action_with_top_tab__l1bCu,
.ModalStyle_footer_action__78yuP {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    border-top: 1px solid var(--border-color);
    padding: 20px 10px;
}

.ModalStyle_footer_action_with_top_tab__l1bCu>*,
.ModalStyle_footer_action__78yuP>* {
    width: 150px;
}

.ModalStyle_footer_inline_transparent__n19I7{
    background: transparent;
}

.ModalStyle_footer_action_with_top_tab__l1bCu{
    margin-top: -30px!important;
}

.ModalStyle_footer_inline_transparent__n19I7 button,
.ModalStyle_footer_minimal_fixed__3emqN button,
.ModalStyle_footer_minimal__3ivgJ button {
    width: 150px;
}

.ModalStyle_footer_minimal_fixed__3emqN {
    position: fixed;
    width: 45%;
    bottom: 0;
}

.ModalStyle_footer_not_in_modal__hA_ti{
    margin-top: 40px;
}

.ModalStyle_footer_not_in_modal__hA_ti button{
    width: 150px;
}

.ModalStyle_file_upload_each__B0i4K{
    width: 100%;
}

/* ─── Shared ModalHeader ─────────────────────────────────────────── */
.ModalStyle_modal_header__hJjIW {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 24px 28px 20px;
    border-bottom: 1px solid #EBEBEB;
    flex-shrink: 0;
}

.ModalStyle_modal_title__WbrdT {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    line-height: 1.3;
}

.ModalStyle_modal_subtitle__wShCz {
    font-size: 13px;
    color: #6B7280;
    margin-top: 4px;
}

.ModalStyle_modal_close_btn__XJ_gZ {
    background: none;
    border: none;
    cursor: pointer;
    color: #6B7280;
    font-size: 20px;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.ModalStyle_modal_close_btn__XJ_gZ:hover {
    background-color: #F3F4F6;
    color: #111827;
}
.loader_loading__EYLe5 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--tertiary-color);
  box-shadow: 0 0 10px 5px var(--box-shadow-color-05);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.loader_loading_modal__aYFd4{
  background: var(--tertiary-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.loader_spinner__XYf7L {
  margin-top: 25px;
  width: 30px;
  height: 30px;
  border: 5px solid var(--box-shadow-color-01);
  border-top: 4px solid var(--primary-color);
  border-radius: 50%;
  animation: loader_spin__T2FgH 1s linear infinite;
}

@keyframes loader_spin__T2FgH {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.FormStyle_wrapper__LIoOM {
    display: block;
    width: 100%;
    padding: 2rem;
    overflow: hidden;
    background-color: var(--tertiary-color);
}

.FormStyle_defaultButtonStyle__h_fF_ {
    border: 1px solid transparent!important;
    padding: 5px 10px;
    border-radius: 999px;
    background: linear-gradient(#fdfdff, #f5f6ff) padding-box, linear-gradient(115deg, #b8c3ff, #7f78ff, #6ec9ff) border-box;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    display: inline-flex;
    align-items: center;
}
.FormStyle_primaryBtn__jxJoE {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: var(--radius-button, 8px);
    background: var(--color-1) !important;
    color: var(--white) !important;
    border: 1px solid transparent !important;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    font-family: var(--font-family);
    transition: opacity 0.15s ease;
}
.FormStyle_primaryBtn__jxJoE:hover {
    opacity: 0.85;
}
.FormStyle_primaryBtn__jxJoE:disabled {
    background: #f5f5f5 !important;
    color: #00000040 !important;
    cursor: not-allowed;
    border-color: #ccc !important;
    opacity: 1;
}
.FormStyle_primaryBtn__jxJoE svg {
    font-size: 18px;
}

.FormStyle_header_wrapper__AZyTB{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.FormStyle_height_100__b_IaC{
    height: 100%!important;
}

.FormStyle_viewToggleGroup__6K4Uu {
    display: inline-flex;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    background: linear-gradient(#fdfdff, #f5f6ff) padding-box, linear-gradient(115deg, #b8c3ff, #7f78ff, #6ec9ff) border-box;
    padding: 3px;
    gap: 2px;
    height: 34px;
}

.FormStyle_viewToggleBtn__U8Hb9 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 26px;
    border-radius: 999px;
    cursor: pointer;
    color: #aaa;
    transition: all 0.15s ease;
}

.FormStyle_viewToggleBtn__U8Hb9 svg {
    font-size: 17px;
    transition: font-size 0.15s ease;
}

.FormStyle_viewToggleBtnActive__vzipG {
    background: linear-gradient(115deg, #7f78ff, #7f78ff, #7f78ff);
    color: #fff;
}

.FormStyle_viewToggleBtnActive__vzipG svg {
    font-size: 20px;
    color: #fff;
}

.FormStyle_editorHeaderIconBtn__6J2da {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 6px;
    border-radius: 999px;
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
    color: #555;
    transition: background 0.15s ease;
}

.FormStyle_editorHeaderIconBtn__6J2da:hover {
    background: #f0f0f0;
}

.FormStyle_editorHeaderIconBtn__6J2da svg {
    font-size: 20px;
}

.FormStyle_editorHeaderEllipsis__yJH0d {
    transform: rotate(90deg);
}

.FormStyle_mobileIframeWrapper__sLEIr {
    position: relative;
    width: 100%;
    height: 100%;
}

.FormStyle_mobileSkeletonOverlay__U1GtT {
    position: absolute;
    inset: 0;
    background: #fff;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 2;
    overflow: hidden;
}

@keyframes FormStyle_skeletonShimmer__jHZKH {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.FormStyle_mobileSkeletonHero__hau80 {
    width: 100%;
    height: 150px;
    border-radius: 8px;
    flex-shrink: 0;
    background: linear-gradient(90deg, #f5f5f5 25%, #e8e8e8 50%, #f5f5f5 75%);
    background-size: 200% 100%;
    animation: FormStyle_skeletonShimmer__jHZKH 1.5s ease-in-out infinite;
}

.FormStyle_mobileIframe__AIHx2 {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

.FormStyle_mobileIframeHidden__5mtAo {
    visibility: hidden;
}

.FormStyle_editorHeaderPrimaryBtn__BVo33 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    height: 34px;
    border-radius: 999px;
    background: linear-gradient(115deg, #7f78ff, #7f78ff, #7f78ff) !important;
    color: #fff !important;
    border: 1px solid transparent !important;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: opacity 0.15s ease;
}

.FormStyle_editorHeaderPrimaryBtn__BVo33:hover {
    opacity: 0.85;
}

.FormStyle_flex_col__i0B3L{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    gap:20px;
}

.FormStyle_flex_row__W18xg{
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap:20px;
}

.FormStyle_p10__JUiM8{
    padding: 10px;
}

.FormStyle_scroll__akJM3{
    overflow: auto!important;
}


.FormStyle_button_approve__Lw8fA:hover,
.FormStyle_button_approve__Lw8fA {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color) !important;
    min-width: 100px;
    color: #FFFFFF!important;
    border-radius: 8px;
    padding: 13px 20px;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    height: -moz-fit-content;
    height: fit-content;
}

.FormStyle_button_approve__Lw8fA:hover{
    color: #FFFFFF!important;
    background-color: var(--primary-color) !important;
}

.FormStyle_wrapper_header__5b_pB {
    display: flex;
    gap: 30px;
    align-items: center;
}

.FormStyle_input_label_container__Uw7PG {
    display: flex;
    gap: 10px;
    align-items: center;
    min-width: 360px !important;
    width: 360px !important;
}

.FormStyle_input_label__ITvzO {
    position: relative;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    height: 32px;
    font-size: var(--very-small) !important;
    font-weight: 600!important;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--text-secondary);
}

.FormStyle_input_label_badge__pQjbb {
    border: none;
    background-color: #ffa5004d;
    font-size: 10px;
    line-height: 16.37px;
    padding: 0 10px;
    border-radius: 100px;
}

.FormStyle_input_100w__XP9mX{
    width:100%;
}

.FormStyle_form_container__SIv01 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
}

.FormStyle_form_container_center__7WzPM{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.FormStyle_form_with_padding_s__Nkz3O,
.FormStyle_form_with_padding__eeIO3,
.FormStyle_form__Kvtw8{
    width: 100%;
}

.FormStyle_form_with_padding__eeIO3 {
    padding:20px 40px;
}

.FormStyle_form_with_padding_s__Nkz3O{
    padding:10px 14px;
}

.FormStyle_input_group__y6RHp {
    display: flex;
    flex-direction: column;
    color: var(--color-text);
    width:100%;
    gap:10px;/**Do not change this, add classname on your component if need more space*/
}

.FormStyle_modal_input_group__pSn23{
    padding: 0 20px 20px 20px;
    display: flex;
    flex-direction: column;
    gap:5px;
}

.FormStyle_input_group__y6RHp h3{
    font-size: 18px;
}

.FormStyle_input_group2x2__wqFJm {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    color: var(--color-text);
    width:100%;
    gap:10px;
}

.FormStyle_input_group2x2__wqFJm .FormStyle_form_group___67N_{
    display: flex;
    flex-basis: calc(50% - 40px);
    justify-content: center;
    flex-direction: column;
}


.FormStyle_input_group_title__rGTIj {
    font-weight: 700;
    line-height: 21.82px;
    color: var(--color-text);
    font-size: var(--medium-large);
}

.FormStyle_form_group___67N_, 
.FormStyle_localisation_form_group__30mna{
    position: relative;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.FormStyle_form_group_title__Nkria{
    font-size: var(--large);
    line-height: 30.01px;
    margin-block-start: 0;
    margin-inline-start: 0;
    font-weight: 200;
}

.FormStyle_form_group___67N_ {
    width: 100%;
    color: var(--text-light-pri);
}

.FormStyle_localisation_form_group__30mna{
    width: 31%;
}

.FormStyle_form_group_half__GzrXi {
    width: 48%;
}

.FormStyle_form_group_row_95__skxuy,
.FormStyle_form_group_row__X5Eou {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: end;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
}

.FormStyle_form_group_row_95__skxuy{
    width: 96%;
}

.FormStyle_form_container_inner_withShadow__X64Kl,
.FormStyle_form_container_inner__hqxCs{
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    padding:20px;
    border-radius: var(--border-radius-s);
    width:100%;
}

.FormStyle_form_container_inner_withShadow__X64Kl{
    width: auto;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}


.FormStyle_form_group_row__X5Eou .FormStyle_form_group___67N_ {
    width: 48%;
}

.FormStyle_form_group_row__X5Eou .FormStyle_form_group_3__mHIjA {
    width: 33%;
}

.FormStyle_form_group_row__X5Eou .FormStyle_form_group_grid__ygvuU {
    width: 20%;
}

.FormStyle_form_group_row__X5Eou .FormStyle_form_group_grid_30__tYSrL {
    width: 30%;
}

.FormStyle_form_group_row_grid_3__zR9UO{
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
    gap: 1rem; /* spacing between columns and rows */
}

.FormStyle_form_group_row_grid_3__zR9UO .FormStyle_form_group___67N_{
    width:100%;
}

@media screen and (max-width: 1024px) {
    .FormStyle_form_group_row__X5Eou .FormStyle_form_group___67N_, .FormStyle_form_group_row__X5Eou .FormStyle_form_group_grid__ygvuU {
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    .FormStyle_auto_width__6Mndu{
        width: auto !important;
    }
}

.FormStyle_textarea__49sQC {
    background-color: #FFFFFF;
    border-radius: var(--radius-input);
    width: 100%;
}

.FormStyle_form_bottom__8DKhX {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    gap: 20px;
}

.FormStyle_input_color__LwDRy,
.FormStyle_input_number__WiPBl,
.FormStyle_input_form__coQ0U {
    align-self: stretch;
    border-radius: var(--radius-input);

    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: var(--text-light-pri);
    font-size: 14px;
    line-height: 1.5;
    background-color: #FFFFFF;
    border: 1px solid var(--input-border);
    padding: 10px;
    font-weight: 500;
}

.FormStyle_input_color__LwDRy{
    border: 2px dotted #6b7280;
    height: 45px!important;
    padding: 0!important;
}

.FormStyle_input_number__WiPBl{
    padding: 2px;
}

.FormStyle_input_form__coQ0U textarea {
    padding-left: 0;
    font-weight: 600;
}

.FormStyle_input_form__coQ0U:hover {
    border: 1px solid var(--primary-color) !important;
} 

.FormStyle_select_header__0D0SZ,
.FormStyle_select__5bkhS{
    width: 100%;
    overflow: hidden;
    font-weight: 500;
    border-radius: var(--radius-input);
    height: 35px !important;
    background-color: #FFFFFF;
    border: 1px solid var(--input-border);
}

.FormStyle_country_select_filter__jlNtG{
    overflow: hidden;
    border-radius: var(--radius-input);
    height: 30px !important;
    background-color: #FFFFFF;
    border: 1px solid var(--border-color);
    min-width: 150px;
}

.FormStyle_select_header__0D0SZ{
    height: 42px !important;
    border-radius: var(--border-radius-button);
    padding: 10px;
}

.FormStyle_select__5bkhS:hover{
    border: 1px solid var(--primary-color) !important;
}

.FormStyle_select__5bkhS div[class*="ant-select-selector"]{
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: rgba(0, 0, 0, 0.0) !important;
}

.FormStyle_ant-select-single__ve0Re.FormStyle_ant-select-lg__tott9 .FormStyle_ant-select-selector__WdjJP{
    background-color: rgba(0, 0, 0, 0.0) !important;
}

.FormStyle_select__5bkhS span[class*="ant-select-selection-item"]{
    font-size: var(--medium-big);
}

.FormStyle_input_form__coQ0U::-moz-placeholder, .FormStyle_textarea__49sQC textarea[class*="ant-input"]::-moz-placeholder{
    font-weight: 600 !important;
    font-size: var(--medium-big);
    font-family: var(--font-family) !important;
}

.FormStyle_select__5bkhS span[class*="ant-select-selection-placeholder"],
.FormStyle_input_form__coQ0U::placeholder,
.FormStyle_textarea__49sQC textarea[class*="ant-input"]::placeholder{
    font-weight: 600 !important;
    font-size: var(--medium-big);
    font-family: var(--font-family) !important;
}

.FormStyle_select_option__VZEot{
    font-size: var(--medium) !important;
}

.FormStyle_drawer_details_footer__yjN7e{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin:20px 0;
}

.FormStyle_table_value_image_container_circle_l___JDbv,
.FormStyle_table_value_image_container_circle_m__wcM9Y,
.FormStyle_table_value_image_container_circle__7yh7T,
.FormStyle_table_value_image_container__4N9Y_{
    min-width: 60px;
    width: 60px;
    height: 60px;
    background-color: var(--white);
    overflow: hidden;
    border-radius: var(--border-radius);
    display: flex;
    justify-content: center;
}
.FormStyle_table_value_image_container_circle_m__wcM9Y{
    min-width: 90px;
    width: 90px;
    height: 90px;
}

.FormStyle_table_value_image_container_circle_l___JDbv{
    min-width: 120px;
    width: 120px;
    height: 120px;
}

.FormStyle_table_value_image_container_circle__7yh7T{
    border-radius: 100%;
    min-width: 40px;
    width: 40px;
    height: 40px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    background-color: #f1fafe;
}

.FormStyle_table_value_image__cvaNh{
    -o-object-fit: contain;
       object-fit: contain;
}

.FormStyle_drawer_details_footer__yjN7e a,
.FormStyle_drawer_details_footer__yjN7e button{
    width: 100%;
}
.FormStyle_button_standard__E_tWR{
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    padding: 10px;
}

.FormStyle_button_cancel__nLn8e:hover,
.FormStyle_button_cancel__nLn8e {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    background-color: var(--tertiary-color) !important;

    border: 1px solid rgb(0,0,0,0.2);
    border-radius: 8px;
    padding: 13px 20px;
    cursor: pointer;
    color: var(--gray-700, #344054);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    height: -moz-fit-content;
    height: fit-content;
}
.FormStyle_button_cancel__nLn8e:hover{
    background-color: var(--primary-color) !important;
    color: white !important;
}

.FormStyle_title__hVlGh {
    font-weight: 700;
    line-height: 21.82px;
}

.FormStyle_button_update__1VeAz:hover,
.FormStyle_button_update__1VeAz {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    background-color: var(--tertiary-color) !important;
    border-radius: var(--border-radius-button);
    color: var(--color-text);
    border: 1px solid var(--color-text)!important;
    font-weight: 700;
    padding: 10px 30px;
}

.FormStyle_button_update__1VeAz:hover{
    color: var(--primary-color);
    border: 1px solid var(--primary-color)!important;
}

@media only screen and (max-width: 768px) {
    .FormStyle_input_group__y6RHp,
    .FormStyle_input_group_row__vrqE9,
    .FormStyle_bottom__HdqV9 {
        flex-direction: column; /* Display content vertically on smaller screens */
    }
}

@media only screen and (max-width: 450px) {
    .FormStyle_button_cancel__nLn8e {
        padding: 5px 15px;
        font-size: var(--medium-big);
    }

    .FormStyle_title__hVlGh,
    .FormStyle_button_approve__Lw8fA,
    .FormStyle_button_update__1VeAz {
        font-size: var(--medium-big);
    }

    .FormStyle_button_update__1VeAz,
    .FormStyle_button_approve__Lw8fA{
        padding: 5px 15px;
    }
}

.FormStyle_rate_form__H66jp{    
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.FormStyle_input_image_container_rounder__c4ivD,
.FormStyle_input_image_container__t9OF5{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 25px;
    width: 100%;
}

.FormStyle_input_image_container_rounder__c4ivD{
    border-radius: 20px;
}

.FormStyle_item_decription__ZzOBe{
    width: 100%;
    font-size: var(--medium);
    font-weight: 500;
    font-family: var(--font-family);
    color: #070707B2;
    text-align: start;
    margin-top: 15px;
}

.FormStyle_spacer__DlSjS{
    min-height: 20px;
}

.FormStyle_tab_container__j629W{
  margin-top: 15px;
}

.FormStyle_form_container_row__LL8l6{
    width: 100%;
    height: 100%;
}

.FormStyle_table_action_container__HN0BD{
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-end;
    width: 100%;
}

.FormStyle_hidden__ajKzR{
    display: none;
}

.FormStyle_table_button_action__fWgVg {
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 20px;
    width: 20px;
    height: 20px;

    background-color: #FFFFFF;
    border: 1px solid rgb(209,213,219);
    box-sizing: border-box;
    color: #111827;
}

.FormStyle_table_button_action__fWgVg svg{
    font-size: 14px;
}

.FormStyle_btn_add_more_2__M1QYx,
.FormStyle_btn_add_more__9irq1{
    width: 100px;
    height: 100px;
    border: 1px dashed #00000026;
    border-radius: var(--border-radius-s);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.FormStyle_btn_add_more_2__M1QYx{
    width: 120px;
    height: 120px;
}

.FormStyle_btn_add_more_icon__8ZBiy{
    font-size: 2.5rem;
    color: #96939B;
}

.FormStyle_disabled__Krz4F{
    opacity: 0.5;
    cursor: not-allowed;
    background: #dadada4d;
}

.FormStyle_disabled__Krz4F:hover{
    border: 1px solid #00000026 !important;
    border-style: dashed !important;
    background: #dadada4d !important;
}

:not(.FormStyle_disabled__Krz4F):hover > .FormStyle_btn_add_more_icon__8ZBiy{
    color: #29b0ff;
}

.FormStyle_form_room_selection__6nxdR{
    margin: 20px 0;
    display: flex;
    gap:30px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.FormStyle_href_underlined__5_qwV{
    text-decoration: underline;
    text-decoration-style: dotted;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:2px;
}

.FormStyle_href_underlined_v__rxZ0X{
    text-decoration: underline;
    text-decoration-style: dotted;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap:2px;
    flex-direction: column;
}

.FormStyle_website_editor_root__8VQFE,
.FormStyle_form_root__SY7ji{
    background-color: white;
    padding:32px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
    border-radius: var(--border-radius-s);
    width: 100%;
    height: 100%;
    padding:0;
    margin-left: auto;
    margin-right: auto;
}

.FormStyle_form_container_white_insideModal__1LOmn,
.FormStyle_form_container_white__e9Q35 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
    margin: 60px 0 60px 0;
    background: white;
    border-radius: 12px;
    border: 1px solid var(--border-color-5);
}

.FormStyle_website_editor_root__8VQFE{
    overflow-y: auto;
}

.FormStyle_form_container_white_insideModal__1LOmn{
    margin:0;
}


.FormStyle_table_100__UDShV{
    width:100%;
}


.FormStyle_web_viewer_root__7Ln7U{
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid var(--admin-border-color);
}

.FormStyle_web_viewer_header_wrapper_viewer__AiiHP{
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: space-between;
    align-items: center;
    background-color: var(--website-header-background-color);
    height: 79px;
    width: 100%;
    z-index: 100;
}

.FormStyle_drawer_form_body__vUK4t {
    display: flex;
    flex-direction: column;
}

.FormStyle_form_section__eeTvy {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.FormStyle_form_section__eeTvy:last-of-type {
    border-bottom: none;
    padding-bottom: 8px;
}

.FormStyle_form_section_title__a4CFM {
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.FormStyle_footer_fixed_bottom__pnSt1,
.FormStyle_footer_minimal__dJhCc{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: row;
    gap: 10px;
    border-top: 1px dotted rgba(5, 5, 5, 0.06);
    padding: 20px 10px;
    border-top: 1px solid #EBEBEB;
    flex-shrink: 0;
    background-color: #ffffff;
    margin-top: 30px;
}

.FormStyle_footer_fixed_bottom__pnSt1 {
    position: fixed;
    bottom: 0;
    background-color: transparent;
    z-index: 100;
}