/* ===================================================================== */
/*  The following CSS was created using Theme Editor.                    */
/*  To modify this CSS, click "Open Theme Editor".                       */
/* ===================================================================== */

/* ===================================================================== */
/*  Root - CSS Variables                                                 */
/* ===================================================================== */

:root {
	
    /* Color - Brand */
    --color-primary: #ff261f;
    --color-secondary: #ff261f;

    --color-primary-hover: #bf1c17;
    --color-primary-selected: rgba(255, 38, 31, .12);
	
    /* App Settings */
    --color-background-body: #ebebeb;
    --color-background-login: #ebebeb;
    --header-color: #222222;
	
    /* Dark Theme */
    --background-dark-theme: rgba(255, 255, 255, .1);
    --background-dark-theme-hover: rgba(255, 255, 255, .2);
}

/* Login and Splash Color */

.login-screen,
.layout-native .login-screen {
    background-color: var(--color-background-login);
}

/* Header Color */

.header,
.header a,
.menu-back {
    color: var(--color-neutral-0);
}

.submenu-item,
.submenu.active .submenu-item,
.desktop .submenu.active .submenu-header:hover .submenu-item,
.submenu.active .submenu-item a {
    color: var(--color-neutral-0);
    opacity: .8;
}

.submenu-icon:before {
    border: 1px solid var(--color-neutral-0);
    border-top: 0;
    border-right: 0;
    opacity: .8;
}

.submenu.active .submenu-icon:before {
    border: 1px solid var(--color-neutral-0);
    border-top: 0;
    border-right: 0;
}

.submenu:hover .submenu-icon:before {
    border: 1px solid var(--color-neutral-0);  
    border-top: 0;
    border-right: 0;  
    opacity: 1;
}

.app-menu-links a {
    color: var(--color-neutral-0);
    opacity: .8;
}

.desktop .submenu:hover .submenu-item,
.desktop .submenu-item a:hover {
    color: var(--color-neutral-0);
    opacity: 1;
}

.desktop .submenu-items a:hover {
    background-color: var(--background-dark-theme);
    color: var(--color-neutral-0);
}

.layout-side .app-menu-content,
.aside-overlay .app-menu-content,
.tablet .app-menu-content,
.phone .app-menu-content {
    background-color: var(--header-color);
    color: var(--color-neutral-0);
}

.submenu-items a.active, 
.desktop .submenu-items a.active:hover, 
.submenu.active.open .submenu-item
.app-menu-links a:hover, 
.app-menu-links a.active {
    color: var(--color-neutral-0);
}

.menu-icon-line {
	background-color: #fff;
}

/* Username Color - applies the same header rules defined in the Theme Editor */
.username-built-with-theme-editor {
    color: var(--color-neutral-0);
}

.header i {
    color: var(--color-neutral-0);
}

/* Footer Color - applies the same header rules defined in the Theme Editor */
.footer-built-with-theme-editor {
    color: var(--color-neutral-0);
}

.footer-built-with-theme-editor a,
.footer-built-with-theme-editor a:visited {
    color: var(--color-neutral-0);
    text-decoration-color: var(--color-neutral-0);
}


:root{
    /*! Typography - Size */
    --font-size-h1:36px;
    --font-size-h2:32px;
    --font-size-h3:28px;
    --font-size-h4:24px;
    --font-size-h5:20px;
    --font-size-h6:18px;
    --font-size-display:20px;
    --font-size-base:18px;
    --font-size-s:16px;
    --font-size-xs:14px;
    --font-primary: "Lora", "Helvetica";
    --font-secondary: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    /*! Typography - Weight */
    --font-light:300;
    --font-regular:400;
    --font-medium:500;
    --font-semi-bold:600;
    --font-bold:700;
    --font-bolder:800;
    --font-heavy:900;
    --color-primary-lighter: #FF261F;
    --color-secondary: #222222;
    --color-gray1: #EBEBEB;
    --color-gray2: #BEBEBE;
    --color-neutral-0:#F6F6F6;
    --color-neutral-1:#E0E0E0;
    --color-neutral-2:#CCCCCC;
    --color-neutral-3:#A3A3A3;
    --color-neutral-4:#707070;
    --color-neuftral-5:#525252;
    --color-neutral-6:#333333;
    --color-neutral-7:#6a7178;
    --color-neutral-8:#4f575e;
    --color-neutral-9:#272b30;
    --color-neutral-10:#000000;
    --color-white:#FFFFFF;
    --color-background-body:var(--color-neutral-0);
    --space-huge: 64px;
    --space-giant: 128px;
}

/* Helper classes Start */

.gap-xs{
  gap:var(--space-xs);
}
.gap-s{
  gap:var(--space-s);
}
.gap-s{
  gap:var(--space-s);
}
.gap-m12{
  gap: 12px;
}
.gap-base{
  gap:var(--space-base);
}
.gap-m{
  gap:var(--space-m);
}
.gap-m18{
  gap: 18px;
}
.gap-l{
  gap:var(--space-l);
}
.gap-xl{
  gap:var(--space-xl);
}
.gap-none{
  gap:0;
}
.gap-xxl{
  gap:var(--space-xxl);
}
.gap-huge {
    gap: 64px;
}
.gap-giant {
    gap: 100px;
}
.gap-2 {
    gap: 126px;
}
.margin-left-auto {
    margin-left: auto;
}

.margin-right-auto {
    margin-right: auto;
}

.margin-top-auto {
    margin-top: auto;
}

.margin-bottom-auto {
    margin-bottom: auto;
}
.justify-content-start {
    justify-content: flex-start;
}
.justify-content-end {
    justify-content: flex-end;
}
.justify-content-center {
    justify-content: center;
}
.justify-content-between {
    justify-content: space-between;
}
.justify-content-around {
    justify-content: space-around;
}
.justify-content-evenly {
    justify-content: space-evenly;
}
.align-items-start {
    align-items: flex-start;
}
.align-items-end {
    align-items: flex-end;
}
.align-items-center {
    align-items: center;
}
.align-items-baseline {
    align-items: baseline;
}
.align-items-stretch {
    align-items: stretch;
}
.width-auto {
    width: auto;
}
.height-auto {
    height: auto;
}
.flex-wrap {
    flex-wrap: wrap;
}
.text-nowrap {
    white-space: nowrap;
}
.AddPadding{
    padding-left: calc(var(--os-safe-area-left) + var(--space-base)) !important;
    padding-right: calc(var(--os-safe-area-right) + var(--space-base)) !important;
}
.RemovePadding{
    padding-left: calc( (-1 * var(--os-safe-area-left) + var(--space-base))) !important;
    padding-right: calc(var (-1 *(--os-safe-area-right) + var(--space-base))) !important;
}
.RemoveMargin{
    margin-left: calc(-1 * (var(--os-safe-area-left) + var(--space-base))) !important;
    margin-right: calc(-1 * (var(--os-safe-area-right) + var(--space-base))) !important;
}
.margin-y-huge,
.phone .margin-y-phone-huge,
.tablet .margin-y-tablet-huge,
.desktop .margin-y-desktop-huge {
    margin-top: 64px;
    margin-bottom: 64px;
}
.margin-top-huge,
.phone .margin-top-phone-huge,
.tablet .margin-top-tablet-huge,
.desktop .margin-top-desktop-huge {
    margin-top: 64px;
}
.margin-bottom-huge,
.phone .margin-bottom-phone-huge,
.tablet .margin-bottom-tablet-huge,
.desktop .margin-bottom-desktop-huge {
    margin-bottom: 64px;
}
.margin-y-giant,
.phone .margin-y-phone-giant,
.tablet .margin-y-tablet-giant,
.desktop .margin-y-desktop-giant {
    margin-top: 100px;
    margin-bottom: 100px;
}
.margin-top-giant,
.phone .margin-top-phone-giant,
.tablet .margin-top-tablet-giant,
.desktop .margin-top-desktop-giant {
    margin-top: 100px;
}
.margin-bottom-giant,
.phone .margin-bottom-phone-giant,
.tablet .margin-bottom-tablet-giant,
.desktop .margin-bottom-desktop-giant {
    margin-bottom: 100px;
}
.padding-y-huge {
    margin-top: 64px;
    margin-bottom: 64px;
}
.padding-top-huge {
    padding-top: 64px;
}
.padding-bottom-huge {
    padding-bottom: 64px;
}
.padding-y-xhuge {
    margin-top: 72px;
    margin-bottom: 72px;
}
.padding-top-xhuge {
    padding-top: 72px;
}
.padding-bottom-xhuge {
    padding-bottom: 72px;
}
.padding-y-giant {
    padding-top: 100px;
    padding-bottom: 100px;
}
.padding-top-giant {
    padding-top: 100px;
}
.padding-bottom-giant {
    padding-bottom: 100px;
}
.font-medium {
    font-weight: var(--font-medium);
}
.font-bolder {
    font-weight: var(--font-bolder);
}
.text-primary-lighter {
    color:var(--color-primary-lighter);
}
.tablet .show-mobile-only,
.desktop .show-mobile-only,
.tablet .show-mobile-flex-only,
.desktop .show-mobile-flex-only,
.phone .show-tablet-only,
.desktop .show-tablet-only,
.phone .show-tablet-flex-only,
.desktop .show-tablet-flex-only,
.phone .show-desktop-only,
.tablet .show-desktop-only,
.phone .show-desktop-flex-only,
.tablet .show-desktop-flex-only,
.phone .hide-mobile,
.tablet .hide-tablet,
.desktop .hide-desktop {
    display: none;
}

.phone .show-mobile,
.phone .show-mobile-only,
.tablet .show-tablet,
.tablet .show-tablet-only,
.desktop .show-desktop,
.desktop .show-desktop-only {
    display: block;
}
.phone .show-mobile-flex,
.phone .show-mobile-flex-only,
.tablet .show-tablet-flex,
.tablet .show-tablet-flex-only,
.desktop .show-desktop-flex,
.desktop .show-desktop-flex-only {
    display: flex;
}
.order-1,
.phone .order-m-1,
.tablet .order-t-1,
.desktop .order-d-1 {
    order: 1;
}
.order-2,
.phone .order-m-2,
.tablet .order-t-2,
.desktop .order-d-2 {
    order: 2;
}
.order-3,
.phone .order-m-3,
.tablet .order-t-3,
.desktop .order-d-3 {
    order: 3;
}
.order-4,
.phone .order-m-4,
.tablet .order-t-4,
.desktop .order-d-4 {
    order: 4;
}
.order-5,
.phone .order-m-5,
.tablet .order-t-5,
.desktop .order-d-5 {
    order: 5;
}
.break {
  flex-basis: 100%;
  height: 0;
}
.break {
  flex-basis: 100%;
  height: 0;
}
.break,
.phone .break-phone,
.table .break-tablet,
.desktop .break-desktop {
  flex-basis: 100%;
  height: 0;
}
.phone .flex-direction-phone-row,
.tablet .flex-direction-tablet-row,
.desktop .flex-direction-desktop-row {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
}
.phone .flex-direction-phone-column,
.tablet .flex-direction-tablet-column,
.desktop .flex-direction-desktop-column {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.phone .flex-direction-phone-row,
.tablet .flex-direction-tablet-row,
.desktop .flex-direction-desktop-row {
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
}
.phone .flex-direction-phone-column,
.tablet .flex-direction-tablet-column,
.desktop .flex-direction-desktop-column {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.min-h-100vh {
    min-height: 100vh;;
}
/* Helper Classes End */

html{
  color:var(--color-neutral-9);
  font-family: var(--font-primary);
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
}

/* Typography Start */
h1, h2, h3, h4, h5, h6,
.heading1, .heading2, .heading3, .heading4, .heading5, .heading6,
.font-secondary {
    font-family: var(--font-secondary);
}
.font-primary {
    font-family: var(--font-primary);
}
.font-heavy{
  font-weight:var(--font-heavy);
}
.phone h1, .phone .heading1  {
    font-size: var(--font-size-h1);
}
.phone h2, .phone .heading2   {
    font-size: var(--font-size-h2);
}
.phone h3, .phone .heading3  {
    font-size: var(--font-size-h3);
}
.phone h4, .phone .heading4  {
    font-size: var(--font-size-h4);
}
.phone h5, .phone .heading5  {
    font-size: var(--font-size-h5);
}
.phone h6, .phone .heading6  {
    font-size: var(--font-size-h6);
}
.desktop h1, .desktop .heading1  {
    font-size: calc(var(--font-size-h1)*2);
}
.desktop h2, .desktop .heading2   {
    font-size: calc(var(--font-size-h2)*2);
}
.desktop h3, .desktop .heading3  {
    font-size: calc(var(--font-size-h3)*2);
}
.desktop h4, .desktop .heading4  {
    font-size: calc(var(--font-size-h4)*2);
}
.desktop h5, .desktop .heading5  {
    font-size: calc(var(--font-size-h5)*2);
}
.desktop h6, .desktop .heading6  {
    font-size: calc(var(--font-size-h6)*2);
}
/* Typography End */

/* Colors Start */

.text-gray1 {
    color: var(--color-gray1);
}
.background-gray1 {
    background-color: var(--color-gray1);
}
.text-gray2 {
    color: var(--color-gray2);
}
.background-gray2 {
    background-color: var(--color-gray2);
}
.text-white {
    color: var(--color-white);
}
.background-white {
    background-color: var(--color-white);
}

/* Colors End */

/* Overrides Start */
.btn {
    border-radius: 4px;
    font-family: var(--font-secondary);
}

/* Overrides End */

/* Custom Classes Start */

.text-spaced,
.hero .text-spaced {
    line-height: 140%;
    letter-spacing: 0.5px; 
}
.dropdown-container > div.dropdown-display.dropdown-box-dark,
.dropdown-container > select.dropdown-display.dropdown-box-dark {
    background-color: var(--Neutral-Neutral-7, #333);
    padding-left: var(--space-base);
    padding-right: var(--space-base);
    border-color:  var(--Neutral-Neutral-7, #333);
    border-width: 1px;
    font-weight: var(--font-medium);
    font-size: 18px;
    color: white;
    font-family: var(--font-secondary);
}
.form .input-box[data-input],
.input-box[data-input],
.input-country-code {
    background-color: var(--Neutral-Neutral-7, #333);
    border-radius: 8px;
    padding-left: var(--space-base);
    padding-right: var(--space-base);
    border-color:  var(--Neutral-Neutral-7, #333);
    border-width: 1px;
    font-weight: var(--font-medium);
    font-size: 18px;
    color: white;
    margin-bottom: 0;
    font-family: var(--font-secondary);
}
.form .label-dark,
.label-dark {
    font-weight: var(--font-medium);
    font-family: var(--font-secondary);
    font-size: 14px;
    color: var(--color-gray1);
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.5px;
}
.form .checkbox.checkbox-dark[data-checkbox]:before,
.checkbox.checkbox-dark[data-checkbox]:before,
.form .checkbox.checkbox-primary[data-checkbox]:before,
.checkbox.checkbox-primary[data-checkbox]:before {
    background-color: transparent;
    border-radius: 3px;
    width: 20px;
    height: 20px;
}
.form .checkbox.checkbox-dark[data-checkbox]:before,
.checkbox.checkbox-dark[data-checkbox]:before {
    border: 1px solid var(--color-white);
}
.form .checkbox.checkbox-primary[data-checkbox]:before,
.checkbox.checkbox-primary[data-checkbox]:before {
    border: 1px solid var(--color-primary);
}
.form .checkbox.checkbox-primary[data-checkbox]:checked:before,
.checkbox.checkbox-primary[data-checkbox]:checked:before {
    background-color: var(--color-primary);
}
.login-input {
    display: flex;
    align-items: center;
    background-color: var(--Neutral-Neutral-7, #333);
    border-radius: var(--space-xs);
    padding-left: var(--space-base);
    padding-right: var(--space-base);
}
.login-input .pre-action,
.login-input .post-action {
    width: 24px;
}
.login-input .input-text,
.login-input .input-password {
    flex: 1;
}
.login-input .input-box[data-input] {
    margin-bottom:0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: transparent;
    border-width: 0;
    font-weight: var(--font-medium);
    font-size: 18px;
    color: white;
}
.login-columns,
.menu-columns {
    display: flex;
    min-height: 100%;
}
.login-columns .column {
    flex: 1;
}
.login-columns .column.left-column {
    display: none;
}
.login-columns .column.right-column > *{
    /*height: 100vh;*/
    min-height: 100vh;
    overflow-y: auto;
}
.menu-columns .column.left-column {
    display: none;;
}
.menu-columns .column.right-column {
    width: 100%;
}
.menu-columns .column.right-column > *{
    /*height: 100vh;*/
    min-height: 100vh;
    overflow-y: auto;
}
.btn-rounded {
    border-radius: 50px;
}
.shadow {
    box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.10);
}
.btn.border-none {
    border-width:0;
}
.btn.border-none:hover {
    border-width:0;
}
.btn.btn-big {
    appearance: none;
    background-color: var(--Neutral-Neutral-7, #333);
    height: 100%;
    width: 100%;
    color: var(--color-white);
    border-radius: 8px;
    border-color: var(--Neutral-Neutral-7, #333);
    font-size: 14px;
    font-weight: var(--font-bold);
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.5px;
    padding: 6px;
}
.profile-sidebar-menu {
    
}
.profile-sidebar-menu a,
.profile-sidebar-menu {
    color: var(--color-gray1);
    font-family: var(--font-secondary);
    font-size: 20px;
    font-weight: var(--font-bold);
    line-height: 140%;
    letter-spacing: 0.5px;
}
.profile-sidebar-menu .nav-link {
    padding: 6px 10px;
    height: auto;
    border-radius: 8px;;
}
.profile-sidebar-menu .nav-link:hover,
.profile-sidebar-menu .nav-link.active {
    background-color: var(--Neutral-Neutral-7, #333);
}
.profile-section-title,
.profile-section-title a.breadcrumbs-link {
    font-size: var(--font-size-h3);
    font-weight: var(--font-bold);
    color: var(--color-neutral-4);
    font-family: var(--font-secondary);
}
.profile-section-title a.breadcrumbs-link,
.profile-section-title a.breadcrumbs-link:hover {
    text-decoration: underline;
}
.profile-section-title .active {
    color: var(--color-white);
}
.profile-section-title img {
    width: 36px;
    height: auto;
    vertical-align: middle;
    opacity: 0.4;
}
.profile-section-title img.active {
    opacity: 1
}
.input-box-container {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.input-box-container .input-box[data-input] {
    margin-bottom:0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: transparent;
    border-width: 0;
    font-weight: var(--font-medium);
    font-size: 18px;
    color: white;
}
.input-box-container .input-box[data-input] {
    margin-bottom:0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-weight: var(--font-medium);
    font-size: 18px;
    color: white;
}
.input-box-container .input-box[data-input],
.input-box-container .pre-action,
.input-box-container .post-action {
    background-color: var(--Neutral-Neutral-7, #333);
    border-color:  var(--Neutral-Neutral-7, #333);
    border-width: 1px;
    font-weight: var(--font-medium);
    font-size: 18px;
    color: white;
    margin-bottom: 0;
    font-family: var(--font-secondary);
}
.input-box-container .input-box[data-input] {
    padding-left: var(--space-base);
    padding-right: var(--space-base);
}
.input-box-container.pre-only .pre-action,
.input-box-container.post-only .input-box[data-input] {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.input-box-container.post-only .post-action,
.input-box-container.pre-only .input-box[data-input] {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.input-box-container .pre-action,
.input-box-container .post-action {
    background-color: var(--Neutral-Neutral-7, #333);
    border-color:  var(--Neutral-Neutral-7, #333);
    padding-left: var(--space-base);
    padding-right: var(--space-base);
    vertical-align: middle;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.input-box.contact-input-box[data-input],
.input-box.contact-input-box[data-textarea],
select.input-box.contact-input-box  {
    font-family: Raleway; 
    font-size: 16px;
    font-weight: 500;
    line-height: 140%; /* 28px */
    letter-spacing: 0.5px;
    color: var(--Neutral-Neutral-4, #333);
    background-color: var(--color-white);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
    border:0;
}
.comment-below {
    color: var(--Neutral-Neutral-5, #707070);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: var(--font-size-h5);
    line-height: 140%;
    letter-spacing: 0.5px;
}
select.input-box.contact-input-box {
    width: 100px;
}
.contact-form-tile {
    font-size: var(--font-size-h1);
    font-weight: var(--font-heavy);
    font-family: var(--font-secondary);
}
.form-title-container {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl);
}
.desktop .form-title-container {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    gap: var(--space-giant);
    align-items: center;
}
.desktop .form-title-container .home-top-list {
    color: var(--color-secondary);
    font-family: var(--font-secondary);
    font-size: 36px;
    line-height: 140%;
    letter-spacing: 0.5px;
}
.desktop .form-title-container .home-top-list .hero {
    color: var(--color-secondary);
    font-family: var(--font-secondary);
    font-size: 64px;
    font-style: normal;
    font-weight: var(--font-heavy);
    letter-spacing: 0.5px;
    line-height: 140%;
}
.desktop .form-title-container .home-top-list,
.desktop .form-title-container .form-container {
    width: 50%;
}
.error-with-icon,
.error-with-icon label {
    font-family: var(--font-secondary);
    color: var(--color-white);
    font-size: 16px;
    font-weight: var(--font-medium);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items: center;
}
.error-with-icon label {
    margin-left: var(--space-s)
}
.error-with-icon img {
    width: 32px;
}
.profile-panel {
    font-family: var(--font-secondary);
}
.profile-mobile-section-header {
    color: var(--color-neutral-0);
    font-family: var(--font-secondary);
    font-weight: var(--font-bold);
    font-size: var(--font-size-h5);
    line-height: 140%; 
    letter-spacing: 0.5px;
}
.profile-panel .profile-link {
    color: var(--color-primary-lighter);
    font-weight: var(--font-medium);
    text-decoration: underline;
    line-height: 140%;
    letter-spacing: 0.5px;
}
.profile-panel .profile-title {
    color: var(--color-neutral-0);
    font-size: var(--font-size-h5);
    font-weight: var(--font-bold);
    line-height: 140%;
    letter-spacing: 0.5px;
}
.profile-panel .profile-card {
    border-radius: 8px;
    background-color: var(--color-neutral-6);
    padding: 12px;
}
.profile-panel .profile-label {
    font-weight: var(--font-medium);
    font-size: var(--font-size-xs);
    line-height: 140%; /* 28px */
    letter-spacing: 0.5px;
    color: var(--color-gray2);
}
.profile-panel .profile-card-value {
    font-weight: var(--font-medium);
    font-size: var(--font-size-h5);
    line-height: 140%; /* 28px */
    letter-spacing: 0.5px;
    color: var(--color-white);
    margin-left: var(--space-s) !important;
}
.profile-panel .profile-card-email {
    font-weight: var(--font-medium);
    font-size: var(--font-size-h5);
    line-height: 140%;
    letter-spacing: 0.5px;
    color: var(--color-white);
    margin-left: var(--space-s) !important;
    overflow: hidden; /* Hide overflow text */
    white-space: nowrap; /* Prevent text wrapping */
    display: flex; /* Center content */
    align-items: center;
}
.profile-panel .profile-card-flag {
    width: 24px;
    height: auto;
}
.desktop a.link-with-icon {
    font-size: 12px;
    font-weight: var(--font-medium);
    color: var(--color-white);
    text-decoration: none;
    text-align: center;
}
.desktop a.link-with-icon img {
    width: 14px;
    height: auto;
}
.desktop a.link-with-icon:hover {
    text-decoration: underline;
}
.order-side-filter-list .active {
    background-color: var(--color-gray1);
    border-radius: 8px;
}
.order-side-filter-list .badge-number {
    align-items: center;
    background-color: var(--color-neutral-1);
    border-radius: 20px;
    display: flex;
    height: 40px;
    justify-content: center;
    min-width: 40px;
}
.order-side-filter-list .active .badge-number {
    background-color: var(--color-white);
}
.order-card {
    background-color: var(--color-gray1);
    border-radius: 8px;
    margin-bottom: var(--space-l);
    padding: 16px 24px;
}
.order-card:last-child {
    margin-bottom: var(--space-none);
}

.btn-order {
    display: flex;
    padding: 8px;
    align-items: center;
    border-radius: 6px;
    border-width: 0px;
    background: var(--Neutral-Neutral-2, #E0E0E0);
    height: auto;
    width: auto;
}

.btn-order img {
    object-fit: contain;
    width: 20px;
    height: 20px;
}
.badge-gray2 {
    background-color: var(--Neutral-Neutral-3, #CCC);
    padding: 2px 12px;
    border-radius: 100px;
    line-height: 140%; /* 22.4px */
    letter-spacing: 0.5px;
    font-family: var(--font-secondary);
    font-weight: var(--font-medium);
}
/* Custom Classes End */


/* Custom styles Start */
.login-side-image {
    background-image: url('../Spink_Th/img/Spink_Th.beeld_720x820.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    background-color: #747577;
}
.login-side-overlay {
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute;
    background-color: rgba(100,100,100,0.4);
}
.footer-color {
    color: var(--color-secondary);
}
.footer {
    background-color: var(--color-secondary);
    color: var(--Brand-Gray-1, #EBEBEB);
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.5px;
}
.footer-nav-logo {
    font-weight: var(--font-heavy);
    font-family: var(--font-secondary);
    font-size: 30px;;
    line-height: 40px; /* 133.333% */
    letter-spacing: 2.7px;
    text-align: left;
}
.desktop .footer-nav-logo{
    text-align: center;
}
.footer a:hover {
    font-family: var(--font-secondary);
}
.footer a {
    color: var(--color-gray1)
}
.footer-nav{
    display:flex;
    flex-direction:column;
    gap: 32px;
    padding: 32px 0px 32px 0px;
}
.desktop .footer-nav{
    gap: 32px;
    padding: 48x 120px 48px 120px;
}

.phone .footer-nav{  
    padding: 24x 0px 16px 0px;
}

.footer-nav-list {
    display:flex;
    flex-direction:column;
    gap: 16px;
}
.desktop .footer-nav-list {
    flex-direction: row;
    gap: 24px;
    -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
}
.footer-nav-list-item{
    display:flex;
    flex-direction: column;
    gap: 16px;
}
.desktop .footer-nav-list-item {
    gap: 24px;
}
.footer-bottom{
    display:flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 16px;
    
}
.desktop .footer-bottom{
    flex-direction: row;
    gap: 16px;
    -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.ThemeGrid_Container {
    padding-left: calc(var(--os-safe-area-left) + var(--space-base));
    padding-right: calc(var(--os-safe-area-right) + var(--space-base));
}
.text-spaced,
.hero .text-spaced {
    line-height: 140%;
    letter-spacing: 0.5px; 
}
.home-top-list,
.home-middle-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-top: 48px;
    padding-bottom: 48px;
}

.aboutUs .home-top-list,
.home-middle-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-top: 0px;
    padding-bottom: 375px;
}

.aboutUs .home-top-list,
.home-middle-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-top: 0px;
    padding-bottom: 375px;
}
.desktop .home-top-list {
    gap: 32px;
}

.phone .home-top-list {
    gap: 64px;
    padding-left: 0px;
    padding-right: 0px;
}
.home-middle-list {
    gap: 100px;
}
.phone .home-card-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap: 16px;
}

.desktop .home-card-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    gap: 64px;
}

.home-card-list .phone-card {
    align-items: center;
    background-color: var(--color-white);
    border-radius: 8px;
    box-shadow: 0px 10px 32px 0px #0000001A;
    display: flex;
    gap: 12px;
    padding: 12px;
    width: 100%;
    font-weight: 700;
    line-height: 140%; 
}
.phone-card .icon-phone {
    width: 64px;
}
.btn-secondary {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--color-white);
}
.btn.btn-top-menu {
    width: auto;
    height: 40px;
    font-weight: var(--font-bold);
    font-size: var(--font-size-h6)
}
.btn-mobile-nav-text{
    color: var(--Neutral-Pure-White, #FFF);
    text-align: center;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.5px;
}
.phone .layout:not(.layout-native) .btn.btn-auto {
    width: auto;
}

.list-cats .btn {
    font-weight: var(--font-bold);
    color: var(--color-secondary);
    font-size: var(--font-size-h6);
}
.list-cats .btn.active {
    font-weight: var(--font-bold);
    color: var(--color-white);
}
.list-cats .btn img {
    width: 20px;
    margin-right: var(--space-s);
}
.list-cats .list-cats-item {
    margin-bottom: var(--space-s);
}
.image-list-title {
    font-size: var(--font-s);
    font-weight: var(--font-bolder);
    text-align: left;
    line-height: 140%;
    vertical-align: middle;
    align-items: center;
    display: flex;
}
.image-list-title img {
    width: 18px;
    vertical-align: middle;
}
.list-categories-item {
    margin-bottom: var(--space-base);
}
.list-categories-item .btn {
    border-radius: 50px;
    width: 100%;
    font-weight: var(--font-medium);
    font-size: var(--font-size-h6);
    line-height: 140%;
    text-align: left;
    justify-content: flex-start;
    padding: 12px 16px;
}
.list-categories-item .btn-notSelected {
    background-color: var(--color-gray1);
}
.list-categories-item .btn img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.list-categories-item .btn:focus,
.list-categories-item .btn:active {
    background-color: #ff261f;
    color: white;
}

.home-wydiwyg {
    flex-direction: column;
}
.home-wydiwyg-title {
    order: 1;
}
.home-wydiwyg-card {
    order: 2;
}
.home-brands .grid {
    flex-direction: column;
}
.home-calendar {
    flex-direction: column;
}
.desktop .home-who-uses {
    gap: var(--space-giant);
}
.desktop .home-who-uses .first-item {
    width: 60%;
}
.desktop .home-who-uses .last-item {
    width: 40%;
}
.application-logo {
    height: 40px;
    margin-bottom: 6px;
}
.phone .application-logo{
    height:28px;
}
.application-logo-neg {
    display: block;
}
.tablet .app-menu-content, .phone .app-menu-content {
    left:auto;
    right: calc(-1* var(--side-menu-size));
}
.tablet .menu-visible .app-menu-content, .phone .menu-visible .app-menu-content {
    -webkit-transform: translateX(calc(-1 * var(--side-menu-size))) translateZ(0);
    transform: translateX(calc(-1 * var(--side-menu-size))) translateZ(0);
}
/* Custom Classes End */

/* Responsive Classes */

.desktop .ThemeGrid_Container {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl);
}

.btn-notSelected{
  background-color: #EBEBEB;
  border-width: 0px;
  color: var(--color-secondary);
}

.inputTextEditor{
    border-radius: 0px;
    background-color: transparent;
}

.scrollable-div{
      white-space: nowrap; 
      overflow-x: auto;   
      padding-bottom: 12px;       
    }

.header{
    background-color: white;
    transition: background-color 200ms ease-in-out;
    font-family: var(--font-secondary);
}
.header.scrolled{
    background-color: black;
}
.phone .header,
.tablet .header,
.desktop .header {
   background-color: var(--header-color);
   color: var(--color-white);
}
.phone .header .menu-icon-line,
.tablet .header .menu-icon-line,
.desktop .header .menu-icon-line {
    background-color: var(--color-white);
}
.phone .header.scrolled,
.tablet .header.scrolled,
.desktop .header.scrolled {
   background-color: var(--color-black);
   color: var(--header-white);
}
.phone .header.header-transparent,
.tablet .header.header-transparent,
.desktop .header.header-transparent {
    background-color: transparent;
    color: white;
    position: absolute;
    box-shadow: unset;
    -webkit-box-shadow: unset;
}
.phone .header.header-transparent.scrolled,
.tablet .header.header-transparent.scrolled,
.desktop .header.header-transparent.scrolled {
    background-color: #222222;
    color: white;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.10);
}
.tablet .header.header-transparent .app-menu-links a,
.desktop .header.header-transparent .app-menu-links a,
.phone .header.header-transparent a,
.tablet .header.header-transparent a,
.desktop .header.header-transparent a,
.phone .header.header-transparent i,
.tablet .header.header-transparent i,
.desktop .header.header-transparent i {
    color: var(--Neutral-Pure-White, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 140%;
    opacity: 1;
}
.phone .header.header.header-black,
.tablet .header.header-black,
.desktop .header.header-black {
    background-color: #222222;
    color: white;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.10);
}
.phone .header.header.header-black.scrolled,
.tablet .header.header-black.scrolled,
.desktop .header.header-black.scrolled {
    background-color: #222222;
    color: white;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.10);
}
.tablet .header.header-black .app-menu-links a,
.desktop .header.header-black .app-menu-links a,
.phone .header.header-black a,
.tablet .header.header-black a,
.desktop .header.header-black a,
.phone .header.header-black i,
.tablet .header.header-black i,
.desktop .header.header-black i {
    color: var(--Neutral-Pure-White, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 140%;
    opacity: 1;
}
.phone .header.header-transparent .application-logo-neg,
.tablet .header.header-transparent .application-logo-neg,
.desktop .header.header-transparent .application-logo-neg,
.phone .header.header-black .application-logo-neg,
.tablet .header.header-black .application-logo-neg,
.desktop .header.header-black .application-logo-neg{
    display:block;
}
.phone .header.header-transparent .application-logo-pos,
.tablet .header.header-transparent .application-logo-pos,
.desktop .header.header-transparent .application-logo-pos,
.phone .header.header-black .application-logo-pos,
.tablet .header.header-black .application-logo-pos,
.desktop .header.header-black .application-logo-pos{
    display:none;
}

.phone .header.header-white .app-login-info a,
.phone .header.header-white .app-login-info i,
.phone .header.header-white .app-login-info {
    color: var(--color-white);
}
.phone .header .header-content .header-navigation .application-logo.application-logo-pos,
.tablet .header .header-content .header-navigation .application-logo.application-logo-pos  {
    display:none;
}
.phone .header .header-content .header-navigation .application-logo.application-logo-neg,
.tablet .header .header-content .header-navigation .application-logo.application-logo-neg  {
    display:block;
}
.desktop .home-brands .grid {
    flex-direction: row;
    gap: 126px;
}
.desktop .home-wydiwyg {
    flex-direction: row;
    gap: 72px;
}

.desktop .home-wydiwyg-lastpanel {
    flex-direction: column;
    gap: 32px;
}

.desktop .home-wydiwyg-title {
    order: 2;
}
.desktop .home-wydiwyg-card {
    order: 1;
}
.images-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
}

.desktop .images-list{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    gap: 24px;
}

.phone .image-list-midle,
.phone .image-list-last{
    margin-top: -100px;
}

.phone .image-list-midle{
    text-align: right;
    position: relative;
}

.desktop .image-list-first,
.desktop .image-list-midle,
.desktop .image-list-last{
    flex: 1;
}
.desktop .login-columns .column.left-column {
    display: block;
}
.desktop .menu-columns {
    gap: var(--space-l)
}
.desktop .menu-columns .column.left-column {
    display: block;
    width: 30%;
}
.desktop .menu-columns .column.right-column {
    display: block;
    width: 70%;
}
.image-card{
    background: var(--Neutral-Pure-White, #FFF);
    background-color: #fff;
    border-radius: 3.675px;
    box-shadow: 0px 6px 33.75px 0px rgba(0, 0, 0, 0.20);
    padding: 13.5px;
    text-align: center;
    width: 80%;
}
.image-card .image-card-title {
    font-family: var(--font-secondary);
    font-size: var(--font-size-xs);
    font-weight: var(--font-bolder);
    line-height: 140%;
    margin-left: var(--space-xs);
}
.desktop .image-card{
    height: 100%;
    width: 100%;
}

.card-image-custom{
    border-radius: 1.838px;
    height: Fill;
    margin-bottom: 0px;
    width: 100%;
}

.desktop .card-image-custom{
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.card-text-custom {
    height: auto;
    margin-right: 0px;
    text-align: left;
}

.desktop .card-text-custom {
    margin-bottom: auto;
}

.header-black{
    background-color: #222222;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.10);
}

.fixed-content {
    bottom: 0;
    right: 0;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 50%;
    top: 0;
}

::placeholder{
    color: #939393;
}

.page_contactus .osui-accordion-item__title {
    color: #222222;
    line-height: 140%;
}

.page_contactus .osui-accordion-item--is-open > .osui-accordion-item__title {
    color: #222222 !important;
    font-weight: bold !important;
}

.phone .layout:not(.layout-native).page_contactus [class*=ThemeGrid_Width]:not(.no-responsive) {
    margin: 0px;
}

.CardImage{
    display: flex;
    height: 120px;
    padding: 28px 0px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
}

.CardTitle{
    color: var(--Neutral-Pure-Black, #000);
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.CardDescription{
    color: var(--Neutral-Neutral-7, #333);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.MyVouchersisSelectedBorder{
    border-style: solid;
    border-width: 2px;
    border-color: #ff261f;
}

.MyVouchersisSelectedButton{
    background-color:  #ff261f;
    color: white;
}

.MyVouchersisNotSelectedButton{
    background-color: #cccccc;
    color: black;
}

.MyVoucherstagPartiallyUsed{
    background-color: #A3C9EA !important; 
    color: #12558E !important;
}

.MyVoucherstagNew{
    background-color: #C7E3A2 !important;
    color: #40650C !important;
}

.MyVoucherstagUsed{
    background-color: #FBD999 !important;
    color: #AD4805 !important;
}

.orderCanceledTag{
    background: rgba(255, 38, 31, 0.20) !important;
    color: #FF261F !important;
}

.MyVouchersDesktopWidth
{
    width: 50%
}

.osui-bottom-sheet__header__top-bar
{
    background-color: #E0E0E0;
    padding-top: 30px;
    padding-bottom: 0px;
}

.page_companyinfo .dropdown-container > div.dropdown-display, .dropdown-container > select.dropdown-display{

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    padding-right: var(--space-l);

}

.SliderImage
{
    filter: brightness(0.5);
    object-fit: cover;
}


.phone .AddRightMargin
{
    width: 90%;
}

.desktop .AddRightMargin
{
    width: 70%;
}

.desktop .TitleDiv
{
    top: 5%;

}

.phone .TitleDiv
{
    top: 10%;
}

.desktop .BrandsDescription
{
color: var(--Brand-Gray-1, #EBEBEB);

/* H1/Light */
font-family: Raleway;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 50.4px */
letter-spacing: 0.5px;
}

.phone .BrandsDescription
{
color: var(--Neutral-Pure-White, #FFF);
font-feature-settings: 'clig' off, 'liga' off;
font-family: Lora;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%;
letter-spacing: 0.5px;
}

.phone .BrandsTitle
{
font-family: Raleway;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 140%;
letter-spacing: 0.5px; 
}

.desktop .BrandsTitle
{
font-family: Raleway;
font-size: 64px;
font-style: normal;
font-weight: 900;
line-height: 140%;
letter-spacing: 0.5px; 
}

.phone .BrandButton
{
    width: 150px;
    height: 40px;
}

.desktop .BrandButton
{
    width: 150px;
    height: 40px;
}

.desktop .HeaderButtonBrands
{
    width: 240px;
    height: 65px;
    font-size: 24px; 
}

.page_brands .osui-carousel__tr ack 
{
    width: 100%;
}

.brand-svg-logo{
    width: 100%;
    object-fit: contain;
}

.osui-accordion-item__icon{
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  color:#FF261F !important;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-family:FontAwesome;
  font-size:var(--font-size-h4);
  font-weight:var(--font-regular);
  height:16px;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out;
  width:16px;
}

.image-container{
    font-size: 3em;
    align-items: center;
    align-self: stretch;
    background-color: #fff;
    border-radius: 8px 8px 0px 0px;
    display: flex;
    height: 120px;
    justify-content: center;
    padding: 28px 0px;
    margin-left: 0;
    flex-direction: column;
}

.image-container img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.image-container-phone{
    font-size: 2em;
    align-items: center;
    align-self: stretch;
    background-color: #fff;
    border-radius: 8px 8px 0px 0px;
    display: flex;
    height: 120px;
    justify-content: center;
    padding: 3px;
    margin-left: 0;
    flex-direction: column;
}

.brand-svg{
    color: #fff;
    margin-bottom: 32px;
    height: 64px;
}

.left-side{
    width: 30%;
}

.phone .left-side,
.tablet .left-side{
    width: 100%;
}

.right-side{
    width: 70%;
}

.phone .right-side,
.tablet .right-side{
    width: 0%;
}

.titlecontent{
    display: inline-flex;
}

.item{
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 0px;
    margin-right: 16px;
    min-width: 255px;
}

.image-container{
    align-items: center;
    align-self: stretch;
    background-color: white;
    border-radius: 8px 8px 0px 0px;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 28px 5px;
}

.image-box{
    height: 120px;
}

.desktop .svg-wrapper,
.tablet .svg-wrapper{
    /* padding-right: 4%;
    padding-left: 4%; */
}

.phone .svg-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}

.osui-carousel .splide img{
  width:100%;
  -o-object-fit:cover;
  object-fit:cover;
}

.return-link{
    color: var(--Neutral-Pure-White, #FFF);
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 140%;
}

/* FAQ */

.osui-accordion-item__title{
    padding: unset;
    padding-top: 18px;
    padding-bottom: var(--space-m);
}

.phone .osui-accordion-item__title{
    padding: unset;
    padding-top: 18px;
    padding-bottom: 0px;
}

.accordion-title{
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.5px; 
}
.phone .accordion-title{
    font-size: 18px;
}

.accordion-text-title{
    color: #333333;
    font-size: 24px;
    font-weight: 600;
}

.phone .accordion-text-title{
    font-size: 16px;
}

.accordion-text{
    color: var(--Neutral-Neutral-7, #333);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Lora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.5px; 
}

.accordion-text-bold{
    color: var(--Neutral-Neutral-7, #333);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Lora;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 0.5px; 
}

.accordion-text-bold{
    color: var(--Neutral-Neutral-7, #333);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Lora;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 0.5px; 
}

.accordion-text-bold{
    color: var(--Neutral-Neutral-7, #333);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Lora;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 0.5px; 
}

.phone .accordion-text{
    font-size: 18px;
}

.accordion-text-small{
    color: #525252;
    font-size: 24px;
    font-family:var(--font-primary);
}

.accordion-text-small{
    font-size: 18px;
}

.accordion-link{
    font-family: 'Lora', serif;
    color: #FF261F;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
}

.phone .accordion-link{
    font-size: 18px;
}

.accordion-link-miscellaneous{
    font-family:"Raleway";
    color: #FF261F;
    font-size: 24px;
    font-weight: 400;
    text-decoration: underline;
}

.phone .accordion-link-miscellaneous{
    font-size: 18px;
}

.title-faq{
    border-color: #f00;
    color: #222222;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: calc(var(--os-safe-area-right) + var(--space-base));
    padding-top: 0px;
    font-family: Raleway;
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 0.5px;
    line-height: 140%;
}

.phone .title-faq{
    font-size: 32px;
}

.osui-accordion-item__content--is-expanded {
    height: auto;
    padding: var(--space-none) var(--space-none) var(--space-m);
    visibility: visible;
}

.phone .osui-accordion-item__content--is-collapsed {
  height: 0;
  visibility: hidden;
  padding: var(--space-none) var(--space-none) var(--space-m);
}


.faq{
    border: 0px;
}

.newspaper2{
    height: 130px;
}

.desktop .NumberTag,
.tablet .NumberTag{
    display: flex;
    min-width: 32px;
    width: 32px;
    height: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background: #FF261F;
    line-height: 0;
}
.phone .NumberTag{
    display: inline-block;
    min-width: 24px;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    background: #FF261F;
    margin-right: 8px;
    vertical-align: text-bottom;
}


.categoriesTag{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; 
    padding: 6px 12px 6px 12px;
    font-family: Raleway;
    font-size: 14px;
    color: #222;
    font-weight: 700;
    border-radius: 100px;
    background: #EBEBEB;
    margin-right: 12px;
    margin-bottom: 12px;
    line-height: 24px;
    height: auto;
}

.desktop .categoriesTag{
    padding: 8px 16px 8px 16px;
    font-size: 16px;
    margin-right: 12px;
    margin-bottom: 12px;
    gap: 12px;
    height: auto !important;
}

.phone .categoriesTag{
    padding: 6px 12px 6px 12px;
    font-size: 14px;
    margin-right: 12px;
    margin-bottom: 12px;
    gap: 8px;
    height: auto !important;
}

.centerVerticaly{

    display: flex;
    align-items: center;
    height: 100vh; 
}

.centerHorizontaly{
    display: flex;
    justify-content: center;
}

.centerHorizontaly{
    display: flex;
    justify-content: center;
}

.centerHorizontaly{
    display: flex;
    justify-content: center;
}

.infoCard{
    display: flex;
    min-width: 584px;
    height: auto;
    padding: 16px 24px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px; 
    background-color: white;
    border-radius: 8px
}

.desktop .infoCardArea {
    gap: 32px;
}

.infoCardText {
    gap: 8px;
}

.splide__pagination__page.is-active{
    background-color: var(--color-primary);
}

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

.desktop .sliderItemHomeDiv{
    width: 565px;
    height: 400px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.desktop .homePage .osui-carousel__track{
    --osui-carousel-track-width: 565px !important;
}

.phone .sliderItemHomeDiv,
.tablet .sliderItemHomeDiv{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    height: 300px;
    border-radius: 8px;
    overflow: hidden;
}

.desktop .sliderItemHomeDiv img{
    height: 400px;
}

.phone .sliderItemHomeDiv img,
.tablet .sliderItemHomeDiv img{
    height: 300px;
}

.homePage .osui-carousel__content{
    border-radius: 8px
}

.homePage .splide__arrow--next
{
    top: 22.5em;
    right: 1em;
    background-color:  #FF261F; 
    height: 48px;
    width: 48px;
}
.phone .homePage .splide__arrow--next
{
    top: 16em;
    right: 1em;
    background-color:  #FF261F; 
    height: 48px;
    width: 48px;
}

.homePage .splide__arrow--prev
{
    right: 5em;
    top: 22.5em;
    left: 27em;
    background-color:  #BEBEBE;
    height: 48px;
    width: 48px;
}

.phone .homePage .splide__arrow--prev{
    right: 5em;
    top: 16em;
    left: 14em;
    background-color:  #BEBEBE;
    height: 48px;
    width: 48px;
}

.homePage .splide__arrow svg path
{
    fill: white;
}

.sliderBrandName {
background-color: #F6F6F6;
padding: 8px 24px;
position: absolute;
right: 0;
top: 0;
color: var(--Brand-Secondary-Color, #222);
text-align: center;
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%;
letter-spacing: 0.5px;
border-radius: 8px;
margin: 12px 12px auto 12px;
}

.phone .sliderBrandName, .tablet sliderBrandName {
width: auto;
display: inline;
padding: 6px 12px;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 16px;
gap: 12px;
position: absolute;
left: 0;
top: 0;
border-radius: 8px;
background-color: var(--Neutral-Neutral-1, #F6F6F6);
max-width: 100%;
margin: 12px 12px auto 12px;
right: auto;
}

.desktop .home-head-title
{
    font-size: 56px;
}

.mobile .home-head-title
{
    font-size: 24px;
}

.desktop .home-head-description
{
    font-size: 20px;
}

.mobile .home-head-description
{
    font-size: 20px;
}

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

.contact-encapsulator-toptext, .contact-encapsulator-bottomtext{
    padding: 1px;
    width: fit-content;
}

.contactPageLabelWrapper{
    padding-left: 4px;
}

.contact-encapsulator-toptext{
    font-size: 18px;
    font-weight: normal;
}

.contact-encapsulator-bottomtext{
    color: #222;
    font-size: 28px;
    font-weight: bold;
    margin-left: 0 !important;
}

.text-container {
  font-family: 'Lora', serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.5px;
  color: #0a2239;
  margin: 24px 0;
}

.text-container-shadow{
    color: var(--Neutral-Neutral-1, #000);
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -webkit-text-stroke-width: 1;
    -webkit-text-stroke-color: #000;
    font-family: 'Lora', serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0.5px;
    margin: 24px 0;
}

.text-container a {
  color: inherit;
  text-decoration: underline;
}

.text-container a:hover {
  text-decoration: none;
}

.text-container-link {
  font-family: 'Lora', serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.5px;
  color: #FF261F;
  margin: 24px 0;
  text-decoration: underline;
}

.text-container-link a:hover {
  text-decoration: none;
}

.unset{
    all: unset !important;
}

h1[data-advancedhtml],
h2[data-advancedhtml]{
    all: unset !important;
}

/* frontpage */

.landingpage-all{
    width: 100%;
}

.landingpage-width{
    max-width: 1440px;
    width: 100%;
}

.tablet .landingpage-width,
.phone .landingpage-width{
    max-width: 1440px;
    width: 100%;
    overflow-wrap: anywhere;
}

.landingpage-text-encap{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.landingpage-toptext-encap{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.landingpage-h1{
    color: var(--Neutral-Neutral-1, #F6F6F6);
    font-family: Raleway;
    font-size: 56px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: 0.5px;
}

.aboutUs-h1{
    color: var(--Neutral-Neutral-1, #000);
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: 0.5px;
}

.phone .aboutUs-h1{
    font-size: 24px;
}

.phone .landingpage-h1,
.tablet .landingpage-h1{
    color: var(--Neutral-Neutral-1, #F6F6F6);
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.landingpage-h2{
    color: var(--Neutral-Neutral-1, #F6F6F6);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Lora;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.phone .landingpage-h2,
.tablet .landingpage-h2{
    color: var(--Neutral-Neutral-1, #F6F6F6);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Lora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.landingpage-hx{
    color: var(--Neutral-Neutral-1, #F6F6F6);
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.phone .landingpage-hx,
.tablet .landingpage-hx{
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.landingpage-divimg-hx{
    display: flex;
    align-items: center;
    gap: 12px;
}

.phone .landingpage-divimg-hx,
.tablet .landingpage-divimg-hx{
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}

.phone .landingpage-divimg-hx,
.tablet .landingpage-divimg-hx{
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}

.landingpage-section2{
    display: flex;
    padding: 3.33% 8.33%;
    align-items: flex-start;
    gap: 64px;
    align-self: center;
}

.phone .landingpage-section2,
.tablet .landingpage-section2{
    display: flex;
    padding: 48px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.landingpage-cards{
    display: flex;
    padding: 12px 24px;
    align-items: center;
    width: 100%;
    gap: 24px;
    flex: 1 0 0;
    border-radius: 8px;
    background: var(--Neutral-Pure-White, #FFF);
    box-shadow: -9px 7px 11.9px 0px rgba(0, 0, 0, 0.05);
}

.phone .landingpage-cards,
.tablet landingpage-cards{
    display: flex;
    padding: 12px 16px;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    border-radius: 8px;
    background: var(--Neutral-Pure-White, #FFF);
    box-shadow: -9px 7px 11.9px 0px rgba(0, 0, 0, 0.05);
}

.landingpage-cards-inside{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex: 1 0 0;
}

.phone .landingpage-cards-inside,
.tablet landingpage-cards-inside{
    gap: 8px;
}

.landingpage-cards-inside-redtext{
    color: #FF261F;
    leading-trim: both;
    text-edge: cap;
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.5px;
}

.landingpage-cards-inside-text{
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.5px;
}
.phone .landingpage-cards-inside-text{
    font-size: 16px;
}

.landingpage-cards-image{
    max-width: 64px;
    max-height: 64px;
    width: 100%;
    height: 100%;
}

.phone landingpage-cards-image,
.tablet landingpage-cards-image{
    width: 48px;
    height: 48px;
}

.forcegap{
    display: grid;
    gap: 32px;
}

.landingpage-section3{
    display: flex;
    padding: 48px 120px;
    align-items: center;
    gap: 72px;
    align-self: stretch;
}

.landingpage-section3-carousel > .splide {
    --osui-carousel-track-width: 100% !important;
}

.phone .landingpage-section3,
.tablet .landingpage-section3{
    display: flex;
    padding: 48px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.landingpage-section5{
    display: flex;
    padding: 48px 120px;
    align-items: center;
    gap: 72px;
    align-self: stretch;
}

.phone .landingpage-section5,
.tablet .landingpage-section5{
    display: flex;
    padding: 48px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    overflow: hidden;
}

.landingpage-section3-left{
    display: flex;
    width: 564px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.desktop .landingpage-section3-left{
        flex: 0 0 564px;
}

.phone .landingpage-section3-left,
.tablet .landingpage-section3-left{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    width: auto;
}

.landingpage-section3-left-text1{
    align-self: stretch;
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.phone .landingpage-section3-left-text1,
.tablet .landingpage-section3-left-text1{
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%;
    letter-spacing: 0.5px;
    align-self: stretch;
}

.landingpage-section3-left-text1R{
    align-self: stretch;
    color: #FF261F;
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.phone .landingpage-section3-left-text1R,
.tablet .landingpage-section3-left-text1R{
    color: #FF261F;
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%;
    letter-spacing: 0.5px;
    align-self: stretch;
}
.landingpage-section3-right{
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.landingpage-section3-carousel {
    flex-grow: 1;
    min-width: 0;
}

.landingpage-section3-right-desktop{
    height: 400px;
    width: 564px;
    flex: 1 0 0;
    border-radius: 8px;
    display: block;
}
.phone .landingpage-section3-right-desktop,
.tablet .landingpage-section3-right-desktop{
    display: none;
}

.landingpage-section3-right-phone{
    display: none;
}
.phone .landingpage-section3-right-phone,
.tablet .landingpage-section3-right-phone{
    display: flex;
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.landingpage-section3-left-box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}
.phone .landingpage-section3-left-box,
.tablet .landingpage-section3-left-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.landingpage-section5-left-box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}
.phone .landingpage-section5-left-box,
.tablet .landingpage-section5-left-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.landingpage-section3-left-box1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.phone .landingpage-section3-left-box1,
.tablet .landingpage-section3-left-box1{
    display: flex;
    align-items: left;
    gap: 12px;
    align-self: stretch;
}

.phone .landingpage-section3-left-box2-phone,
.tablet .landingpage-section3-left-box2-phone{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.desktop .landingpage-section3-left-box2-phone{
    display: none;
}

.desktop .landingpage-section3-left-box2-desktop{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.phone .landingpage-section3-left-box2-desktop,
.tablet .landingpage-section3-left-box2-desktop{
    display: none;
}

.landingpage-section3-left-box2-inside{
    display: flex;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.landingpage-section3-left-box1-inside{
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.phone .landingpage-section3-left-box1-inside,
.tablet .landingpage-section3-left-box1-inside{
    display: block;
}

.landingpage-section3-left-box1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.landingpage-section3-left-box1-inside-text{
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.landingpage-section3-image{
    height: 300px;
    align-self: stretch;
    border-radius: 4.923px;
}

.landingpage-tag-titletext{
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.phone .landingpage-tag-titletext,
.tablet .landingpage-tag-titletext{
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%;
    letter-spacing: 0px;
}

.landingpage-tag-text{
    color: var(--Brand-Secondary-Color, #333);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Lora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.landingpage-tag{
    display: flex;
    width: 28px;
    height: 28px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background: #FF261F;
}

.landingpage-tag-svg svg{
    width: auto;
    height: 18px;
    fill: var(--Neutral-Pure-White, #FFF);
}
.phone .landingpage-tag-svg svg{
    width: 100%;
    height: 11px;
    fill: var(--Neutral-Pure-White, #FFF);
}

.landingpage-abovecategories {
    align-items: center;
    display: flex;
    gap: 10px;
    padding: 0px 4px;
}
.landingpage-abovecategories-text {
    color: #FF261F;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 140%;
    text-decoration-line: underline;
}
.landingpage-section4-button-text {
    color: var(--Neutral-Pure-White, #FFF);
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 140%;
}
.landingpage-section4-button, .btn.landingpage-section4-button{
    align-items: flex-start;
    background: #FF261F;
    border-radius: 4px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 16px 32px;
    border-width: 0px;
    margin-left: 0px !important;
    cursor: pointer;
}
.phone .landingpage-section4-button, .btn.landingpage-section4-button{
    width: 100%;
}
.desktop .landingpage-section4-button-phone, .btn.landingpage-section4-button-phone{
    display: none;
}
.phone .landingpage-section4-button-phone, .phone .btn.landingpage-section4-button-phone,
.tablet .landingpage-section4-button-phone, .tablet .btn.landingpage-section4-button-phone{
    display: flex;
    padding: 12px 32px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 4px;
    background: #FF261F;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
    margin-left: 0;
    border: 0;
    width: 100%;
}

.landingpage-section4-button-desktop, .btn.landingpage-section4-button-desktop {
    align-items: flex-start;
    background: #FF261F;
    border-radius: 4px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 16px 32px;
    border-width: 0px;
    margin-left: 0;
    cursor: pointer;
}
.phone .landingpage-section4-button-desktop, .phone .btn.landingpage-section4-button-desktop,
.tablet .landingpage-section4-button-desktop, .tablet .btn.landingpage-section4-button-desktop{
    display: none;
}

.landingpage-section6{
    display: flex;
    padding: 48px 120px;
    align-items: center;
    gap: 72px;
    align-self: stretch;
}

.landingpage-section7{
    display: flex;
    padding: 48px 120px;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    align-self: stretch;
}

.phone .landingpage-section7{
    gap: 64px;
}

.landingpage-section8{
    display: flex;
    padding-top: 48px;
    padding-bottom: 72px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.tablet .landingpage-section8,
.phone .landingpage-section8{
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-self: stretch;
    padding-bottom: 64px;
}

.landingpage-section8-svg{
    width: 32px;
    height: 32px;
}
.phone .landingpage-section8-svg svg{
    height: 48px;
    width: 48px;
}
.phone .landingpage-section8-svg,
.tablet .landingpage-section8-svg{
    width: 48px;
    height: 48px;
}

.landingpage-section8-minititletext{
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.5px;
    align-self: stretch;
}

.landingpage-section8-minititletext{
    font-size: 16px;
}

.landingpage-herosection{
    display: flex;
    padding: 0px 16px;
    padding-bottom: 48px;
    flex: 1 0 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.phone .landingpage-herosection,
.tablet .landingpage-herosection{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 32px;
    flex: 1 0 0;
    align-self: stretch;
}
.landingpage-section4-left, .landingpage-section4-left.landingpage-section4-left {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.landingpage-section4-left-box, .landingpage-section4-left-box.landingpage-section4-left-box {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}
.landingpage-section4-right-box, .landingpage-section4-right-box.landingpage-section4-right-box {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.landingpage-section5-carousel{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}

.sliderBrandName-text{
    color: var(--Brand-Secondary-Color, #222);
    text-align: center;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.landingpage-section8-cardholder {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.landingpage-section8-card {
    align-items: center;
    align-self: stretch;
    background: var(--Neutral-Pure-White, #FFF);
    border-radius: 8px;
    box-shadow: -9px 7px 11.9px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    gap: 18px;
    padding: 12px 16px;
}
.landingpage-section7-img {
    align-self: stretch;
    border-radius: 8px;
    height: 300px;
    background: url(../Spink_Th/img/Spink_Th.Imageplaceholder_3_.png) lightgray 0px -322.49px / 100% 266.992% no-repeat;
    
}

/* /Spink/img/Spink.imageplaceholdersection7.jpg */
.phone .landingpage-section7-img,
.tablet .landingpage-section7-img{
    background: url(../Spink_Th/img/Spink_Th.Imageplaceholder_3_.png) lightgray 50% / cover no-repeat;
    border-radius: 4.923px;
}
.landingpage-section8-mobile {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.landingpage-section8-mobile-textencap {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.landingpage-section7-topdiv-encap {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}
.landingpage-section8-4box {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}
.phone .landingpage-section8-4box {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction:column;
    gap: 32px;
}
.landingpage-section8-2box {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 584px;
}
.phone .landingpage-section8-2box{
    width: 100%;
}
.landingpage-section8-1box {
    align-items: flex-start;
    background: var(--Neutral-Neutral-1, #F6F6F6);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 24px 24px 24px;
    width: 584px;
    height: 191px;
}
.phone .landingpage-section8-1box{
    width: 100%;
    height: unset;
    display: flex;
    padding: 16px;
    flex-direction: row;
    align-items: center;
}
.landingpage-section8-1box-textencap {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.phone .landingpage-section8-1box-textencap{
    justify-content: center;
    gap: unset;
}
.NotBorders{
    border-radius: 0px;
    padding: 0px;
}
.PageLinks-text {
    color: var(--Neutral-Neutral-1, #F6F6F6);
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.5px;
    padding: 6px;
}

.phone .PageLinks-text {
    color: var(--Brand-Gray-1, #EBEBEB);
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.PageLinks-button, .btn.btn-primary.PageLinks-button {
    align-items: center;
    background: #FF261F;
    border-radius: 4px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 12px 16px;
}
.PageLinks-button-text {
    color: var(--Neutral-Pure-White, #FFF);
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 140%;
}

.card-background{
    border-radius: 0px;
}

.phone .page_brands .card-background,
.tablet .page_brands .card-background{
    padding: 0px;
}
.btn-mobile-nav, .btn.btn-mobile-nav {
    align-items: center;
    background: #FF261F;
    border-radius: 4px;
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 8px 20px;
    height: 40px;
}

.user-info{
    align-items: center;
}

.aboutUs .osui-carousel__track{
    height: 400px;
}

.page_contactus .osui-carousel__track{
    height: 574px;
}

.page_brands .osui-carousel__track{
    height: 700px;
} 

.landingpage-section1-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    padding-top: 113px;
    width: 60%;
}
.tablet .landingpage-section1-content,
.phone .landingpage-section1-content{
    width: 100%;
}
.header-logo{
  padding-right:var(--space-l);
}
.header-top{
 height: 80px !important;
}

.phone .header-top{
 height: 62px !important;
}

.top0 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000; 
}
.scrollToTopButton {
    position: fixed;
    display: none;
    bottom: 20px;
    right: 20px;
    width: 42px;
    height: 42px;
    background-color: var(--color-primary-lighter);
    color: white;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}


.createAdTitle
{
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.createAdDescription
{
    color: var(--Neutral-Neutral-6, #525252);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Lora;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.5px; 
}

.bottomSheetTitle{
    color: var(--Brand-Secondary-Color, #222);
    text-align: center;
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.bottomSheetText{
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.bottomSheetPopoverText{
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.bottomSheetDateText{
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.newsPaperPriceCard{
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.createAdbreadCrumbs{
    color: var(--Neutral-Neutral-6, #525252);
    text-align: center;
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.5px; 
}

.createAdSearch{
    border-radius: 8px;
    background: var(--Neutral-Neutral-2, #E0E0E0);
}

.textColorGreen{
    color: var(--Semantic-Success-Base, #29823B) !important;
}

.textColorGrey{
    color: var(--Semantic-Success-Base, #707070) !important;
}

.smallText{
    color: var(--Neutral-Neutral-6, #525252);
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.5px;
}
.visible{
    display: flex;
}
.background-header {
    width: 100%;
    background-color: #222;
}
.landingpage-section7-text-encap {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 700px;
}
.phone .landingpage-section7-text-encap{
    width: unset;
}

.zero-letter-spacing, .landingpage-tag-titletext.zero-letter-spacing {
    letter-spacing: 0px !important;
}
.phone .landingpage-section8-1box-textencap .landingpage-tag-text,
.tablet .landingpage-section8-1box-textencap .landingpage-tag-text{
    display: none;
}
.resize-textbox{
    width:700px;
}
.phone .resize-textbox{
    width:100%;
}
.landingpage-section1-alltext {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.phone .landingpage-section1-alltext,
.tablet .landingpage-section1-alltext{
    gap: 12px;
}

.desktop .margin-bottom-m .splide__pagination{
    display: none;
}

.phone .margin-bottom-m .splide__pagination,
.tablet .margin-bottom-m .splide__pagination{
    display: flex;
}
.landingpage-section5-carrouselbuttonencap, .margin-bottom-m.landingpage-section5-carrouselbuttonencap {
    height: 100%;
    margin-bottom: 0px;
    position: relative;
}

.phone .landingpage-section5-carrouselbuttonencap, 
.phone .margin-bottom-m.landingpage-section5-carrouselbuttonencap {
    gap: 40px;
    display: flex;
    flex-direction: column;
}

.pdf-loading {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 3px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #ccc;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

.vouchersHeader{
    display: flex;
    padding: 0px 62px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch; 
    background-color: white;
    border-radius: 8px 8px 0px 0px;
}

.vouchersList{
      padding: 16px 72px;
      background: var(--Neutral-Neutral-1, #F6F6F6); 
}

.vouchersTitle{
    padding: 12px 0px; 
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
    letter-spacing: 0.5px; 
}

.voucherButton{
    color: var(--Neutral-Pure-White, #FFF);
text-align: center;

/* Action/M */
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 25.2px */
letter-spacing: 0.5px;
background: var(--Brand-Primary-Color, #FF261F); 
height: 48px;
padding: 0px 16px;
justify-content: center;
}

.vouchersBtnContainer{
    display: flex;
    padding: 16px 72px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.phone .mobileMenuHeader,
.tablet .mobileMenuHeader
{
    display: flex;
    padding: 12px 16px;
    justify-content: flex-end;
    align-items: center;
    align-self: stretch; 
}

.phone .mobileMenuExit,
.tablet .mobileMenuExit
{
    width: 40px;
    height: 40px; 
}

.phone .mobileMenuBody,
.tablet .mobileMenuBody
{
    display: flex;
    padding: 0px 16px 48px 16px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch; 
}

.phone .mobileMenuLink,
.tablet .mobileMenuLink{
    display: flex;
    padding: 8px 0px 8px 16px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-bottom: 1px solid var(--Neutral-Neutral-5, #707070);
}

.phone .mobileMenuLinkGroup,
.tablet .mobileMenuLinkGroup{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.phone .mobileMenuButtonGroup,
.tablet .mobileMenuButtonGroup{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 12px;
    align-self: stretch; 
    width: 100%;
}

.userInfoButton{
    display: flex;
    height: 48px;
    padding: 0px 16px;
    justify-content: center;
    align-self: stretch; 
    gap: 8px;
}

.loginButtonSideMenu
{
    background-color: #7a7a7a;
}

.header-padding{
    padding: 0px 120px 0px 120px;
}

.aboutUs-text-container-wrapper
{  
    display: flex;
    padding: 48px 120px 72px 120px;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    align-self: stretch; 
}

.contact-body-container-wrapper
{  
    display: flex;
    padding: 48px 120px 72px 120px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    align-self: stretch; 
}

.aboutUs-title-container-wrapper
{  
    display: flex;
    padding-bottom: 48px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    align-self: stretch;
    height: 400px;
}

.contactUs-container-wrapper
{  
    display: flex;
    padding-bottom: 48px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 32px;
    flex: 1 0 0;
    align-self: stretch;
    height: 574px;
}

.aboutUs-text-container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px; 
    width: 700px;
}

.phone .aboutUs-text-container{
    gap: 12px;
    align-self: stretch; 
    width: auto;
}

.phone .aboutUs-text-container-wrapper{
    padding-left: calc(var(--os-safe-area-left) + var(--space-base));
    padding-right: calc(var(--os-safe-area-right) + var(--space-base));
    align-items: flex-start;
    gap: 32px;
}

.aboutUs-font
{
    color: var(--Neutral-Neutral-7, #333);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Lora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.2px; 
}

.mobileWizardHeaderWrapper{
    display: flex;
    padding: 12px 0px 12px 0px;
    justify-content: space-between;
    align-items: center;
}

.mobileWizardHeaderBack{
    display: flex;
    align-items: center;
    gap: 8px; 
}

.stickyButton
{
    position: fixed;
    bottom: 20px;
    right: 0px;
    padding-left: calc(var(--os-safe-area-left) + var(--space-base));
    padding-right: calc(var(--os-safe-area-right) + var(--space-base));
    width: 100vw;
}

.mobileCalendarListItem{
    display: flex;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--Brand-Gray-2, #BEBEBE);
}

.dateIsSelected{
    background: var(--Brand-Gray-1, #EBEBEB); 
}

.merken-overcarousel-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    padding-top: 167px;
    width: 65%;
    max-width:740px;
}

.tablet .merken-overcarousel-content,
.phone .merken-overcarousel-content{
    width: 100%;
    gap: 24px;
}

.page_brands .osui-carousel{
    --osui-carousel-pagination-margin:0px;
}

.page_brands .osui-carousel--has-pagination.splide .splide__pagination{
    bottom:64px;
}

.page_brands .osui-carousel .splide__pagination{
    left: unset;
    right: calc((100vw - 1280px) / 2 + 20px);
}

.osui-carousel .splide__pagination__page.is-active{
    background-color: white;
}

.homePage .osui-carousel .splide__pagination__page.is-active{
    background-color: #FF261F;
}

.desktop .page_brands .main-container-padding{
    padding-top: 72px;
    padding-bottom: 120px;
}

.phone .page_brands .main-container-padding,
.tablet .page_brands .main-container-padding{
    padding-top: var(--space-xxl);
    padding-bottom: 72px;
}

.page_brands .brands-cardtext{
    color: var(--Neutral-Neutral-7, #333);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Lora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.page_brands .brands-cardtitle{
    color: var(--Neutral-Pure-Black, #000);
    font-family: Raleway;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.page_brands .brands-displaybox{
    background: var(--Neutral-Neutral-1, #F6F6F6);
    border-radius: 8px;
    box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.10);
    height: 100%;
    overflow: hidden;
}

.desktop .page_brands .osui-gallery > .list{
    grid-row-gap: 72px !important;
    grid-column-gap: 24px !important;
}

.phone .page_brands .osui-gallery,
.tablet .page_brands .osui-gallery{
    grid-row-gap: 16px !important;
    grid-column-gap: 16px !important;
}

.layout:not(.layout-side) .app-menu-links a.active{
    border-bottom:0px;
}

.layout:not(.layout-side) .app-menu-links a.active .PageLinks-text{
    border-bottom: var(--border-size-m) solid var(--color-primary);
}

.phone .page_brands .display-button-inside,
.tablet .page_brands .display-button-inside{
    display: none;
}

.desktop .page_brands .display-button-outside{
    display: none;
}

.aboutUs .home-top-list
{
    height: 400px;
}


.aboutUsButton, .btn.aboutUsButton {
    align-items: flex-start;
    background: #FF261F;
    border-radius: 4px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 16px 32px;
    border-width: 0px;
    margin-left: 0;
    cursor: pointer;
    margin-top: 48px;
}


.phone .aboutUsButton{
    margin-top: 32px;
    width: 100%
}


.contactCardTopText{
color: var(--Neutral-Pure-White, #FFF);
/* Action/S Light */
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 22.4px */
letter-spacing: 0.5px; 
}

.contactCard-wrapper{
    align-items: center;
    display: flex;
    gap: 12px;
}

.input-width{
    width: 100%;
}

.contact-small-text{
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.5px; 
}

.contact-form-button{
    height: 48px;
    background: #FF261F; 
}

.input-box.contact-input-box[data-textarea]{
        height: 235px;
        border-radius: 8px;
}

.desktop .input-box.contact-input-box[data-textarea]{
        min-width: 700px;
        max-width: 700px;
        height: 235px;
}



.page_contactus .dropdown{
    align-items: center;
    background: var(--Neutral-Pure-White, #FFF);
    border-radius: 8px;
    gap: 8px;
    height: 48px;
    margin-bottom: 0px;
    padding: 0px 12px;
    margin-left: 0px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

.page_contactus .dropdown-container > div.dropdown-display:hover,
.page_contactus .dropdown-container{
    border: 0px;
}

.page_contactus .dropdown-container > div.dropdown-display{
    border: 0px;
    background-color: white;
    height: 48px;
    padding: 0px;
}

.page_contactus .dropdown-container::after{
    border: 0px;
}

.page_contactus .dropdown-container > div.dropdown-list {
    width: max-content !important;
}

.brandsdetail-cards-width{
    width: 282px !important;
    max-height: 220px !important;
    box-shadow: 0px !important;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 18px !important;

}

.phone .brandsdetail-cards-width{
    margin-right: 10px !important;
}

.page_brandsdetail .subtitle{
    color: var(--Neutral-Neutral-1, #F6F6F6);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    line-height: 140%;
    margin-left: 0 !important;
}

.page_brandsdetail .subtitle-days{
    color: var(--Neutral-Neutral-1, #F6F6F6);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
    line-height: 140%;
    margin-left: 0 !important;
}

.tablet .page_brandsdetail .subtitle,
.phone .page_brandsdetail .subtitle,
.tablet .page_brandsdetail .subtitle-days,
.phone .page_brandsdetail .subtitle-days{
    font-size: 16px;
}

.page_brandsdetail .content1{
    display: flex;
    max-width: 700px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 64px;
    margin-top: 72px;
}

.tablet .page_brandsdetail .content1,
.phone .page_brandsdetail .content1{
    width: unset;
    margin-top: 48px;
}

.desktop .page_brandsdetail .cardtitle {
    color: var(--Neutral-Pure-Black, #000);
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%;
}

.tablet .page_brandsdetail .cardtitle,
.phone .page_brandsdetail .cardtitle {
    color: var(--Neutral-Pure-Black, #000);
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%;
}

.page_brandsdetail a{
    text-decoration: none;
}

.page_brandsdetail .border-radius-rounded{
    background-color: white;
}

.page_brandsdetail .category-icon{
    height: 24px;
}

.osui-accordion :first-child:not(.list) > .osui-accordion-item::after{
    border-radius: 0px;
    border-width: 2px 0px 0px 0px;
}
.desktop .page_brandsdetail .subtitle-encap {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.page_brandsdetail .adjust-card-bottom{
    display: flex;
    flex-direction: column-reverse;
}

.tablet .page_brandsdetail .subtitle-encap,
.phone .page_brandsdetail .subtitle-encap{
    display: block;
}

.tablet .page_brandsdetail .subtitle-encap .list.list-group,
.phone .page_brandsdetail .subtitle-encap .list.list-group{
    display: contents;
}

.desktop .page_brandsdetail .card-background{
    padding: 24px 24px 48px 24px;
}

.phone .page_brandsdetail .card-background,
.tablet .page_brandsdetail .card-background{
    padding: 0px 19.5px 32px 19.5px;
}

.page_brandsdetail .heading6.font-heavy.display-flex.column-gap-base i{
    font-size: 40px;
}

.phone .page_brandsdetail .heading6.font-heavy.display-flex.column-gap-base i,
.tablet .page_brandsdetail .heading6.font-heavy.display-flex.column-gap-base i{
    font-size: 22px;
}

.page_brandsdetail .padding-bottom-l i{
    margin-right: 12px;
    color: #ff261f;
    font-size: var(--font-size-h4);
}

.page_brandsdetail .return-link i{
    margin-right: 12px;
    color: #ff261f;
    font-size: var(--font-size-h4);
}

.page_brandsdetail .tag-text{
    color: var(--Neutral-Neutral-7, #333);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Lora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.2px;
}

.osui-accordion-item--is-closed{
    border-top: 1px solid var(--Neutral-Neutral-2, #E0E0E0);
    border-radius: 0px;
}

.osui-accordion-item--is-open{
    border: none;
}

.phone .osui-accordion :first-child:not(.list) > .osui-accordion-item, 
.phone .osui-accordion .list :first-child > .osui-accordion-item{

    /*padding-left: 5%;
    padding-right: 5%;*/

    padding-left: calc(var(--os-safe-area-left) + var(--space-base));
    padding-right: calc(var(--os-safe-area-right) + var(--space-base));
} 

.FaqThemeGridContainer{
    padding-left: calc(var(--os-safe-area-left) + var(--space-base));
    padding-right: calc(var(--os-safe-area-right) + var(--space-base));
}

.phone .FaqThemeGridContainer{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.phone .osui-accordion .osui-accordion-item{
    padding-left: calc(var(--os-safe-area-left) + var(--space-base));
    padding-right: calc(var(--os-safe-area-right) + var(--space-base));
}



.display-flex.flex-direction-row.flex-wrap.gap-m12 [data-container] {
    height: auto !important;
}

.osui-accordion-item__icon {
    color: #707070 !important;

}

.phone .osui-accordion-item__icon {
    color: #707070 !important;
}


.osui-accordion-item--is-open > .osui-accordion-item__title > .osui-accordion-item__icon--caret {
    color: #FF261F !important;
}

.page_brandsdetail .maincontent-title{
    color: #222;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.tablet .page_brandsdetail .maincontent-title,
.phane .page_brandsdetail .maincontent-title{
    font-size: 18px;
}

.display-none{
    display: none;
}

.voucherStateTag{
    padding: 2px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: var(--Neutral-Neutral-3, #CCC); 
    width: auto;

}

.voucherStateWarning{
    padding: 2px 0px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    width: auto;
}

.voucherStateTagGap{
    gap: 8px;
}

.myVoucherCard{
    display: flex;
    width: 356px;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px; 
}

.tablet .overflow-scroll, .tablet .padding-bottom-xhuge.display-flex.overflow-scroll,
.phone .overflow-scroll, .phone .padding-bottom-xhuge.display-flex.overflow-scroll {
    overflow: scroll;
}

.orderHeader{
    display: flex;
    padding-bottom: 24px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch; 
    border-bottom: 1px solid var(--Neutral-Neutral-3, #CCC);
}

.orderHeaderWrapper{
    display: flex;
    padding: 32px 72px 0px 72px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch; 
}

.backButtonWrapper{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 0 0; 
}

.phone .backButtonWrapper{
    align-items: center;
    display: flex;
    gap: 8px;
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
    letter-spacing: 0.5px; 
    }

.orderDetailFirstDiv{
    background: #FFF;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.10);
    position: relative;
    z-index: 2;
}

.orderDetailSecondDiv{
    background: var(--Neutral-Neutral-1, #F6F6F6);
}

.orderDetailsCard{
    display: flex;
    padding: 24px 0px;
    flex-direction: column;
    gap: 16px;
    border-bottom: 1px solid var(--Neutral-Neutral-2, #E0E0E0);
}

.orderDetailsTopWrapper{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch; 
    
}

.phone .orderDetailsTopWrapper{
    display: flex;
    align-items: center;
    gap: 12px;
}

.orderCardTitle{
    align-self: stretch;
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    justify-content: center;
}

.orderDetailsAdDetailWrapper{
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.orderDetailsAdDetail{
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch; 
}

.orderCardDropDown{
    display: flex;
    padding: 8px 0px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    background: var(--Neutral-Neutral-2, #E0E0E0);
}

.orderCardTitleText{
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.boldLightGreyText{
    color: var(--Neutral-Neutral-5, #707070);
    leading-trim: both;
    text-edge: cap;
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
    letter-spacing: 0.5px;
}

.lightGreyText{
    color: var(--Neutral-Neutral-5, #707070);
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.5px;
}

.centerIcon{
    display: flex;
    align-items: center;
}

.phoneOrderDetails
{
    gap: 32px;
    align-self: stretch;
    border-bottom: 1px solid var(--Brand-Gray-1, #EBEBEB);
    padding: 12px 0px 12px 0px;
}


.phoneHeaderOrderDetails
{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    margin-bottom: 16px;
}

.myOrdersTag_Unselected{
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--Brand-Gray-1, #EBEBEB);
    
    color: var(--Brand-Secondary-Color, #222);
    text-align: center;
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 25.2px */  
}

.myOrdersTag_Unselected_Counter{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 8px;
    gap: 10px;
    border-radius: 100px;
    background: white; 

    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 22.4px */
    letter-spacing: 0.5px;
   
}

.myOrdersTag_Selected{
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--Brand-Primary-Color, #FF261F); 

    color: var(--Neutral-Pure-White, #FFF);
    text-align: center;
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 25.2px */
    letter-spacing: 0.5px;   
}

.myOrdersTag_Selected_Counter{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 8px;
    gap: 10px;
    border-radius: 100px;
    background: #FF261F; 

    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 22.4px */
    letter-spacing: 0.5px;
}

.downloadAdMyOrders
{
    display: flex;
    padding: 12px;
    align-items: center;
    gap: 10px;   
    border-radius: 4px;
    background: var(--Brand-Secondary-Color, #222); 
}

.phoneHeaderOrderDetailsItem{

    display: flex;
    align-items: center;
    gap: 4px; 
}

.phoneHeaderOrderDetailsColumn{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}



.myOrdersDetailsTopButtonsWrapper{
    display: flex;
    align-items: center;
    gap: 8px;
}

.mm {
    width: 70%;
}

.nn {
    width: 30%;
}

.paddingMyOrders{
    padding-left: calc(var(--os-safe-area-left) + var(--space-base));
    padding-right: calc(var(--os-safe-area-right) + var(--space-base));
    padding-top: 12px;
    padding-bottom: 12px;
}

.summaryAddCorners{
border-radius: 0px 0px 8px 8px;
}

.summaryRemmoveCorners{
border-radius: 0px 0px 0px 0px;
}


.display-size-total {
    align-items: center;
    display: flex;
    flex-direction: row;
    float: right;
    gap: 12px;
    text-align: right;
}

.newspaperDesktop_MainWrapper{
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 8px;
    background: var(--Neutral-Neutral-2, #E0E0E0);
    padding: 0px;
    min-width: 723px;

}

.newspaperDesktop_Top{
    display: flex;
    padding: 12px 24px 12px 32px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-bottom: 1px solid var(--Neutral-Neutral-3, #CCC);
    background: var(--Neutral-Neutral-1, #F6F6F6);
}

.newspaperDesktop_Mid{
    display: flex;
    align-items: flex-start;
    align-self: stretch;
}

.newspaperDesktop_Mid_Top{
    display: flex;
    width: 523px;
    padding: 12px 32px;
    justify-content: space-between;
    align-items: center;  
    border-bottom: 1px solid var(--Neutral-Neutral-3, #CCC);
    background: var(--Neutral-Neutral-1, #F6F6F6);  
}

.newspaperDesktop_Mid_Dates{
    display: flex;
    width: 523px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    background: var(--Neutral-Neutral-1, #F6F6F6);
    min-height: 60vh;
    max-height: 60vh;
    overflow-y: auto;
}

.newspaperDesktop_Mid_Months{
    display: flex;
    width: 200px;
    flex-direction: column;
    align-items: flex-start;
    background: var(--Neutral-Neutral-2, #E0E0E0);
    min-height: 65vh;
    max-height: 65vh;
}

.newspaperDesktop_Bottom{
    display: flex;
    width: 723px;
    padding: 24px 32px 16px 32px;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 16px;
    border-top: 1px solid var(--Neutral-Neutral-3, #CCC);
    background: var(--Neutral-Neutral-1, #F6F6F6);
}

.newspaperDesktop_MonthCard{
    display: flex;
    padding: 12px 12px 12px 24px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.newspaperDesktop_Month_Border{
    border-left: 3px solid var(--Brand-Primary-Color, #FF261F);
}

.newspaperDesktop_Title{
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
    letter-spacing: 0.5px;
}

.newspaperDesktop_Title_Month{
    color: var(--Neutral-Neutral-6, #525252);
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.newspaperDesktop_ListItem{
    display: flex;
    padding: 12px 32px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-color: #BEBEBE;
    border-style: none none solid none;
    border-width: 0px 0px 1px 0px;
}

.strongTitleMyOrders{
    color: var(--Brand-Secondary-Color, #222);
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 140%; /* 28px */
    letter-spacing: 0.5px;
}

.TitleAndSvgHolder {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.TitleAndSvgHolder path{
    fill: var(--color-primary-lighter);
}
/* // heightwidthicon */
.TitleAndSvgHolder svg{
    width: 37px;
    height: 37px;
}

/* AdPreviewPdf */
.ad-upload-pdf{
  font-size: 8pt;
  box-sizing: border-box;
  font-family: "HelveticaNeueLTW05-55Roman";
  letter-spacing: 0em;
  line-height: 1.123;
}

.preview-one-column {
  width: 41mm;
}
.preview-two-column {
  width: 86mm;
}

.profileEdit [data-checkbox]:checked::after, .profileEdit [data-checkbox]:checked::after{
    left: 4px;
    top: 6px;
}

.splide__pagination {
    bottom: 0px;
    right: 0px;
    position: relative;
}

.app-font {
    font-family: Raleway;
}


/* PREVIEW CSS */
  @font-face{
    font-family:'HelveticaNeueLTW05-55Roman';
    src: url('../style/HelveticaNeueLTW0555Roman.ttf?siCMNCbHCWOxJoCNIraDfg') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  .AdWizard .ad {
    font-size: 8pt;
    box-sizing: border-box;
    font-family: 'HelveticaNeueLTW05-55Roman';
    letter-spacing: 0em;
    margin: 0 ;
    padding: 0 ;
    height:auto;
    line-height: 1.123 !important;
  }
  .AdWizard .ad-image {
    font-size: 8pt;
    box-sizing: border-box;
    font-family: 'HelveticaNeueLTW05-55Roman';
    letter-spacing: 0em;
    margin: 0 ;
    padding: 0 ;
    height:auto;
    line-height: 1.123 !important;
  }
  .AdWizard .mceImg{
    padding-top: 3px;
    padding-bottom: 3px;
    display: inline-block;
    vertical-align: top;
  }
  .AdWizard .editor {
    width: 100%;
    box-sizing: border-box;
  }
  .AdWizard .editor div {
    margin: 0 0;
    hyphens: auto;
  }
  .AdWizard .editor img {
    width: 100%;
    display: block;
  }
  .AdWizard .preview-one-column {
    width: 41mm;
  }
  .AdWizard .preview-two-column {
    width: 86mm;
  }
  .AdWizard .preview-one-column-pdf {
    width: 41mm;
  }
  .AdWizard .preview-two-column-pdf {
    width: 86mm;
  }
  .AdWizard .previewWrapper {
    padding: 10px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    background-color: rgb(242, 242, 242);
    line-break: after-white-space;
  }
  .AdWizard .preview {
    color: #000000;
    border: none;
    background: #ffffff;
    box-sizing: border-box;
  }
  .AdWizard .preview div {
    margin: 0 0;
    hyphens: auto;
  }
  .AdWizard .preview img {
    width: 100%;
  }
  .AdWizard .border {
    border: 3px solid black;
    border-left: 3px solid black;
    border-right: 3px solid black;
    border-top: 3px solid black;
    border-bottom: 3px solid black;
    padding: 3px;
  }
  .AdWizard .diapositive {
    color: #ffffff;
    background: #000000;
    border-color: #000000;
    padding: 3px;
  }
  .AdWizard .upload-image-one-column{
     width: 41mm; 
  }
  .AdWizard .upload-image-two-column{
      width: 86mm; 
  }
  .AdWizard .ad-upload{
    font-size: 8pt;
    box-sizing: border-box;
    font-family: 'HelveticaNeueLTW05-55Roman';
    letter-spacing: 0em;
  }
  .AdWizard .OnlyText{
    padding:10px;
  }
  
  .AdWizard .imgRemoveTop{
      padding-top: 0px !important;
  }
  
  .AdWizard .imgRemoveBottom{
      padding-bottom: 0px !important;
  }