@import "https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.css";

:root {
  --gray: #55595c;
  --gray-light: #818a91;
  --gray-lighter: #eceeef;
  --gray-lightest: #f7f7f9;

  --meta-text-color: #6b7280;
  --grid-gutter-width: 1rem;

  --padding-base-horizontal: 12px;
  --font-size-small: calc(16px * 0.875);
  --font-size-h1: calc(16px * 3);
  --font-size-h2: calc(16px * 2.75);
  --font-size-h3: calc(16px * 1.5);
  --font-size-h4: calc(16px * 1.25);
  --font-size-h5: calc(16px * 1.1);
  --font-size-h6: calc(16px * 1);
  --line-height-computed: 16px * 1.5;
  --border-width: 2px;
  --strong-font-weight: 600;
  --input-border-color: #dee1e3;
  --input-focus-border-color: #9ed5e7;

  --lt-spacer: 1rem;
}
/* Reset the box-sizing */
*,
*:before,
*:after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    transition-duration: 0.01ms !important;
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :focus {
    outline-offset: 5px;
    transition: outline-offset 0.25s ease;
  }
}

html,
body {
  height: 100%;
  /* scroll-behavior: smooth; */
}
/* Body reset */
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: auto;
}

html:has([data-carousel]) {
  overflow-x: hidden;

  .lt-layout {
    overflow-x: hidden;
  }
}

body {
  /*overflow-x: hidden;*/
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* Reset fonts for relevant elements */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* Links */
a {
  color: rgba(29, 78, 255, 1);
  text-decoration: none;
}

a:hover,
a:focus {
  color: #002dd0;
  text-decoration: none;
}

figure {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

hr {
  border-top: 1px solid #505050;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Fraktion Sans Bold', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p {
  margin: 0 0 calc(var(--line-height-computed));
}

h1,
.h1 {
  font-size: var(--font-size-h1);
  font-family: 'Fraktion Sans Black', sans-serif;
  text-transform: uppercase;
  font-weight: 800;
}

h2,
.h2 {
  font-family: 'Fraktion Sans Black', sans-serif;
  font-size: var(--font-size-h2);
}

[dir="ltr"] h2,
[dir="ltr"] .h2 {
  text-align: left;
}

[dir="rtl"] h2,
[dir="rtl"] .h2 {
  text-align: right;
}

h3,
.h3 {
  font-size: var(--font-size-h3);
}

h4,
.h4 {
  font-size: var(--font-size-h4);
}

h5,
.h5 {
  font-size: var(--font-size-h5);
}

h6,
.h6 {
  font-size: var(--font-size-h6);
}

b,
strong {
  font-weight: bold;
}

small,
.small {
  font-size: 80%;
  font-weight: normal;
  line-height: 1;
}
/* Description Lists */
dl {
  margin-top: 0;
  margin-bottom: calc(var(--line-height-computed));
}

dt,
dd {
  margin-bottom: calc(var(--line-height-computed) / 2);
  line-height: 1.5;
}

dt {
  font-weight: bold;
}

[dir="ltr"] dd {
  margin-left: 0;
}

[dir="rtl"] dd {
  margin-right: 0;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  content: "";
}

.dl-horizontal:after {
  clear: both;
}
@media (min-width: 576px) {
  .dl-horizontal dt {
    float: left;
    width: 30%;
    padding-right: var(--grid-gutter-width);
    clear: both;
  }
}

.dl-horizontal dt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .dl-horizontal dd {
    float: right;
    width: 70%;
  }
}

@media (max-width: 768px) {
  :root {
    --font-size-h2: calc(16px * 1.6); /* Smaller on tablet screens */
  }
}



/* Blockquotes */
blockquote {
  padding: calc(var(--line-height-computed) / 2)
    calc(var(--line-height-computed));
  margin: 0 0 calc(var(--line-height-computed));
  font-family: 'Inter', sans-serif;
  font-style: italic;
  background-color: var(--gray-lightest);
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

[dir="ltr"] blockquote {
  border-left: 5px solid var(--gray-lighter);
}

[dir="ltr"] blockquote.is-colored {
  border-left: 5px solid #0D0D0D;
}

[dir="rtl"] blockquote {
  border-right: 5px solid var(--gray-lighter);
}

[dir="rtl"] blockquote.is-colored {
  border-right: 5px solid #0D0D0D;
}
/* Code   padding: 20px !important;
  white-space: pre-wrap;
  border-radius: 0px !important; */
code {
  padding: 3px 5px !important; /* Adjusted padding for better spacing */
  white-space: pre-wrap;
  border-radius: 6px !important; /* Adjusted border-radius for smooth edges */
  background-color: #f5f5f5; /* Light gray background */
  color: #333; /* Darker text for readability */
  font-family: monospace; /* Ensures proper code font */
  display: inline-block; /* Keeps block formatting */
  word-break: break-word; /* Prevents overflow issues */
}
/*  Addresses */
address {
  margin-bottom: calc(var(--line-height-computed));
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.is-hidden,
.hidden,
[hidden],
[x-cloak],
.powered-by-zendesk {
  display: none !important;
}

.visibility-hidden,
.recent-activity-accessibility-label,
.pagination-first-text,
.pagination-last-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
}
/* Layout */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
/* 
Normalize non-controls

Restyle and baseline non-control form elements. 
*/
fieldset {
  /*  
  Chrome and Firefox set a `min-width: min-content;` on fieldsets, 
  so we reset that to ensure it behaves more like a standard block element
  See https:github.com/twbs/bootstrap/issues/12359. 
  */
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: calc(var(--line-height-computed));
  font-size: calc(16px * 1.5);
  line-height: inherit;
  color: #373a3c;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-weight: var(--strong-font-weight);
}
/* 
 Normalize form controls

 While most of our form styles require extra classes, some basic normalization
 is required to ensure optimum display with or without those classes to better
 address browser inconsistencies. 
*/
/*  Override content-box in Normalize (* isn't specific enough) */
input[type="search"] {
  box-sizing: border-box;
}
/*  Position radios and checkboxes better */
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
/*  Set the height of file controls to match text inputs */
input[type="file"] {
  display: block;
}
/*  Make range inputs behave like textual form controls */
input[type="range"] {
  display: block;
  width: 100%;
}
/*  Make multiple select elements height not fixed */
select[multiple],
select[size] {
  height: auto;
}
/*  Focus for file, radio, and checkbox */
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/*  Adjust output element */
output {
  display: block;
  padding-top: 7px;
  font-size: 16px;
  line-height: 1.5;
  color: #55595c;
}
/* 
 Common form controls

 Shared size and type resets for form controls. Apply `.form-control` to any
 of the following form controls:
 
*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.nesty-input {
  
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.5;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: var(--border-width) solid var(--input-border-color);
  border-radius: 0px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
/*  Customize the `:focus` state to imitate native WebKit styles. */
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.nesty-input:focus {
  border-color: var(--input-focus-border-color);
  outline: 0;
}
/*  Placeholder */
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.nesty-input::-moz-placeholder {
  color: #999;
  opacity: 1;
}

select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.nesty-input:-ms-input-placeholder {
  color: #999;
  opacity: 1;
}

select::placeholder,
textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="time"]::placeholder,
input[type="week"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="color"]::placeholder,
.nesty-input::placeholder {
  color: #999;
  opacity: 1;
}
/* select {
  height: calc(
    var(--line-height-computed) + var(--padding-base-horizontal) + 2px
  );
} */
select {
  width: 100%;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A")
    no-repeat #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
}

[dir="ltr"] select {
  padding-right: 36px;
  background-position: right 12px center;
}

[dir="rtl"] select {
  padding-left: 36px;
  background-position: left 12px center;
}

select::-ms-expand {
  display: none;
}
/*  Reset height for `textarea`s */
textarea {
  height: auto;
  height: calc(
    (var(--line-height-computed) + var(--padding-base-horizontal) + 2px) * 3
  );
  resize: vertical;
}

#hc-wysiwyg {
  border-color: var(--input-border-color);
  border-width: var(--border-width);
}
/*  Search inputs in iOS */
/* 
 This overrides the extra rounded corners on search inputs in iOS so that our
 `.form-control` class can properly style them. Note that this cannot simply
 be added to `.form-control` as it's not specific enough. For details, see
 https:github.com/twbs/bootstrap/issues/11586. */
input[type="search"] {
  -webkit-appearance: none;
}
/*  Special styles for iOS temporal inputs

 In Mobile Safari, setting `display: block` on temporal inputs causes the
 text within the input to become vertically misaligned. As a workaround, we
 set a pixel line-height that matches the given height of the input, but only
 for Safari. */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: calc(16px * 1.5 * 2.5);
  }
}
/*  Form groups

 Designed to help with the organization and spacing of vertical forms. For
 horizontal forms, use the predefined grid classes. */
.form-field {
  margin-bottom: calc(var(--line-height-computed));
}

.form-field .optional {
  color: #333;
}

[dir="ltr"] .form-field .optional {
  margin-left: 4px;
}

[dir="rtl"] .form-field .optional {
  margin-right: 4px;
}

.form-field.boolean {
  position: relative;
}

.form-field.boolean input[type="checkbox"] {
  position: absolute;
}

.form-field.boolean label {
  min-height: calc(var(--line-height-computed));
  /* Ensure the input doesn't jump when there is no text */
  margin-bottom: 0;
  cursor: pointer;
}

[dir="ltr"] .form-field.boolean {
  padding-left: 20px;
}

[dir="ltr"] .form-field.boolean input[type="checkbox"] {
  left: 0;
}

[dir="rtl"] .form-field.boolean {
  padding-right: 20px;
}

[dir="rtl"] .form-field.boolean input[type="checkbox"] {
  right: 0;
}

input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
/*  Help text

 Apply to any element you wish to create light text for placement immediately
 below a form control. Use for general help, formatting, or instructional text. */
.form-field p,
.help-block {
  display: block; /* account for any element using help-block */
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 90%;
  color: #404040; /* lighten the text some for contrast */
}

ul[data-hc-pills-container],
ul[data-hc-pills-container][data-hc-focus="true"] {
  border-width: var(--border-width);
}

ul[data-hc-pills-container] {
  margin: 0 0 calc(var(--border-width) * -1);
  border-color: var(--input-border-color);
  border-radius: 0px;
}

ul[data-hc-pills-container][data-hc-focus="true"] {
  position: relative;
  z-index: 2;
  border-color: var(--input-focus-border-color);
}

.lt-comment-form__ccs ul[data-hc-pills-container] {
  border-radius: 0px 0px 0 0;
}

.lt-container {
  padding-right: var(--grid-gutter-width);
  padding-left: var(--grid-gutter-width);
}
@media (min-width: 576px) {
  .lt-container {
    padding-right: calc(var(--grid-gutter-width) * 2);
    padding-left: calc(var(--grid-gutter-width) * 2);
  }
}

.lt-container-inner {
  max-width: 1440px;
  margin: 0 auto;
}

.lt-layout {
  display: -ms-grid;
  display: grid;
  min-height: 100%;
  -ms-grid-rows: auto 1fr auto;
  grid-template-rows: auto 1fr auto;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}

.lt-layout > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.lt-layout > *:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.lt-layout > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.lt-topbar {
  font-size: 0.75rem;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  background-color: #fff;
}

.lt-topbar__logo {
  display: block;
  height: 28px;
}

.lt-topbar__link,
.lt-topbar__link:hover,
.lt-topbar__link:focus,
.lt-topbar__link:active {
  color: #1E1E1E;
}
@media (max-width: 991px) {
  .lt-topbar__link {
    color: #000;
  }

  .lt-topbar__link:hover,
  .lt-topbar__link:focus,
  .lt-topbar__link:active {
    color: rgba(29, 78, 255, 1);
  }

  .lt-topbar__controls {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 10;
    width: 80%;
    max-width: 250px;
    padding: 2rem;
    color: #000;
    background-color: #fff;
    transition: transform 600ms ease;
  }

  [dir="ltr"] .lt-topbar__controls {
    left: 0;
    transform: translateX(-100%);
  }

  [dir="rtl"] .lt-topbar__controls {
    right: 0;
    transform: translateX(100%);
  }

  .lt-topbar__controls > * + * {
    margin-top: 1rem;
  }

  .lt-topbar__controls.is-active {
    transform: translateX(0);
  }

  [dir="ltr"] .lt-topbar__controls.is-active {
    left: 0;
    box-shadow: 5px 0 40px rgb(0 0 0 / 45%);
  }

  [dir="rtl"] .lt-topbar__controls.is-active {
    right: 0;
    box-shadow: -5px 0 40px rgb(0 0 0 / 45%);
  }

  .lt-topbar-open {
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  [dir="ltr"] .lt-topbar__controls > * + * {
    margin-left: 1rem;
  }

  [dir="rtl"] .lt-topbar__controls > * + * {
    margin-right: 1rem;
  }
}

.lt-footer {
  font-size: calc(16px - 2px);
  line-height: 1.1;
  color: #000;
  background-color: #fff;
}

.lt-footer__copyright a {
  color: #0D0D0D;
}

.lt-footer__copyright p:last-of-type {
  margin-bottom: 0;
}

.lt-footer__social-link {
  padding: calc(16px / 2);
  font-size: 16px !important;
  color: #000;
  vertical-align: middle;
}

.lt-footer__social-link:hover,
.lt-footer__social-link:focus,
.lt-footer__social-link:active {
  color: #000;
}

[dir="ltr"] .lt-footer__social-link + [dir="ltr"] .lt-footer__social-link {
  margin-left: 5px;
}

[dir="rtl"] .lt-footer__social-link + [dir="rtl"] .lt-footer__social-link {
  margin-right: 5px;
}
/* Components */
.lt-dropdown {
  position: relative;
  display: inline-block;
}

.lt-dropdown-toggle {
  display: inline-block;
  padding: 0;
  cursor: pointer;
  background: none;
  border: 0;
}

.lt-dropdown-toggle:after {
  display: inline-block;
  font-family: "Font Awesome 6 Free", sans-serif;
  font-size: calc(16px - 4px);
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  color: currentColor;
  content: "\f107";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[dir="ltr"] .lt-dropdown-toggle:after {
  margin-left: 8px;
}

[dir="rtl"] .lt-dropdown-toggle:after {
  margin-right: 8px;
}

.lt-dropdown-toggle--no-icon:after {
  display: none;
}

.lt-dropdown-toggle:hover {
  text-decoration: none;
}

.lt-dropdown-toggle > * {
  display: inline-block;
}

.lt-dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 170px;
  padding: 10px 0;
  margin-top: 1px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  background: #fff;
  border: 1px solid #ebeaeb;
  border-radius: 0px;
  box-shadow: 0 0 2rem rgb(0 0 0 / 10%);
}

[dir="ltr"] .lt-dropdown-menu {
  left: 0;
  text-align: left;
}

[dir="rtl"] .lt-dropdown-menu {
  right: 0;
  text-align: right;
}

[dir="rtl"] .lt-dropdown-menu {
  text-align: right;
}

.lt-dropdown-menu[aria-expanded="true"] {
  display: block;
}

.lt-dropdown-menu [role="separator"] {
  display: block;
  padding: 5px 0;
  margin: 5px 20px 10px;
  font-size: 11px;
  font-weight: normal;
  color: #969696;
  border-bottom: 1px solid #d8d8d8;
}

.lt-dropdown-menu [role="menuitem"] {
  display: block;
  width: 100%;
  line-height: inherit;
  color: #333;
  text-align: start;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

[dir="ltr"] .lt-dropdown-menu [role="menuitem"] {
  padding: 7px 40px 7px 20px;
}

[dir="rtl"] .lt-dropdown-menu [role="menuitem"] {
  padding: 7px 20px 7px 40px;
}

[dir="rtl"] .lt-dropdown-menu [role="menuitem"] {
  padding: 7px 20px 7px 40px;
}

.lt-dropdown-menu [role="menuitem"]:hover,
.lt-dropdown-menu [role="menuitem"]:focus {
  color: #333;
  text-decoration: none;
  background: #f3f3f3;
}

.lt-dropdown-menu [role="menuitem"][aria-selected="true"] {
  cursor: default;
}

.lt-dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  display: inline-block;
  width: 12px;
  height: 12px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
}

[dir="ltr"] .lt-dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  margin-left: 10px;
}

[dir="rtl"] .lt-dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  margin-right: 10px;
}

[dir="rtl"] .lt-dropdown-menu [role="menuitem"][aria-selected="true"]:after {
  float: left;
  margin-right: 10px;
  margin-left: 0;
}

.lt-dropdown-menu [role="menuitem"][hidden],
.lt-dropdown-menu [role="menuitem"][aria-hidden="true"] {
  display: none !important;
}

[dir="ltr"] .lt-dropdown-menu-end {
  right: 0;
  left: auto;
}

[dir="rtl"] .lt-dropdown-menu-end {
  right: auto;
  left: 0;
}

.lt-dropdown-menu-top {
  bottom: 100%;
  margin-bottom: 1px;
}

[dir="rtl"] .lt-dropdown-menu {
  right: 0;
  left: auto;
  text-align: right;
}

[dir="rtl"] .lt-dropdown-menu-end {
  right: auto;
  left: 0;
}

.lt-dropdown-toggle--user {
  padding: 0;
  font-size: calc(16px - 5px);
  font-weight: 700;
  line-height: 1.5;
  color: inherit;
  text-transform: uppercase;
  border: 0;
}
@media (max-width: 991px) {
  .lt-dropdown--topbar {
    width: 100%;
  }

  .lt-dropdown-menu--topbar {
    position: static;
    width: 100%;
    padding: 0;
    border: 0;
    box-shadow: none;
  }

  .lt-dropdown-menu--topbar .lt-dropdown-toggle {
    width: 100%;
  }

  .lt-dropdown-menu--topbar .lt-dropdown-toggle--user:after {
    display: none;
  }

  .lt-dropdown-menu--topbar [role="menuitem"] {
    padding-right: 0;
    padding-left: 0;
  }
}
/* ==========================================================================
  Buttons
  ========================================================================== */
.lt-btn,
input[type="submit"],
.lt-section-subscribe button,
.lt-article-subscribe button,
.lt-community-follow button,
.lt-profile__buttons button,
.lt-profile__buttons a,
.lt-organization-subscribe button,
.lt-subscriptions-subscribe button,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link,
.recent-activity-controls a {
  display: inline-block;
  padding: 0.625rem 1rem;
  margin-bottom: 0;
  font-size: calc(16px - 5px);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
  transition: all 0.3s ease;
  touch-action: manipulation;
}

.lt-btn:focus,
.lt-btn:active:focus,
input[type="submit"]:focus,
input[type="submit"]:active:focus,
.lt-section-subscribe button:focus,
.lt-section-subscribe button:active:focus,
.lt-article-subscribe button:focus,
.lt-article-subscribe button:active:focus,
.lt-community-follow button:focus,
.lt-community-follow button:active:focus,
.lt-profile__buttons button:focus,
.lt-profile__buttons button:active:focus,
.lt-profile__buttons a:focus,
.lt-profile__buttons a:active:focus,
.lt-organization-subscribe button:focus,
.lt-organization-subscribe button:active:focus,
.lt-subscriptions-subscribe button:focus,
.lt-subscriptions-subscribe button:active:focus,
.pagination-next-link:focus,
.pagination-next-link:active:focus,
.pagination-prev-link:focus,
.pagination-prev-link:active:focus,
.pagination-first-link:focus,
.pagination-first-link:active:focus,
.pagination-last-link:focus,
.pagination-last-link:active:focus,
.recent-activity-controls a:focus,
.recent-activity-controls a:active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.lt-btn:hover,
.lt-btn:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.lt-section-subscribe button:hover,
.lt-section-subscribe button:focus,
.lt-article-subscribe button:hover,
.lt-article-subscribe button:focus,
.lt-community-follow button:hover,
.lt-community-follow button:focus,
.lt-profile__buttons button:hover,
.lt-profile__buttons button:focus,
.lt-profile__buttons a:hover,
.lt-profile__buttons a:focus,
.lt-organization-subscribe button:hover,
.lt-organization-subscribe button:focus,
.lt-subscriptions-subscribe button:hover,
.lt-subscriptions-subscribe button:focus,
.pagination-next-link:hover,
.pagination-next-link:focus,
.pagination-prev-link:hover,
.pagination-prev-link:focus,
.pagination-first-link:hover,
.pagination-first-link:focus,
.pagination-last-link:hover,
.pagination-last-link:focus,
.recent-activity-controls a:hover,
.recent-activity-controls a:focus {
  color: #1D4EFF;
  text-decoration: none;
}

.lt-btn:active,
input[type="submit"]:active,
.lt-section-subscribe button:active,
.lt-article-subscribe button:active,
.lt-community-follow button:active,
.lt-profile__buttons button:active,
.lt-profile__buttons a:active,
.lt-organization-subscribe button:active,
.lt-subscriptions-subscribe button:active,
.pagination-next-link:active,
.pagination-prev-link:active,
.pagination-first-link:active,
.pagination-last-link:active,
.recent-activity-controls a:active {
  background-image: none;
  outline: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.lt-btn--default,
.lt-section-subscribe button,
.lt-article-subscribe button,
.lt-community-follow button,
.lt-profile__buttons button,
.lt-profile__buttons a,
.lt-organization-subscribe button,
.lt-subscriptions-subscribe button,
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link,
.recent-activity-controls a {
  color: #1D4EFF;
  background-color: transparent;
  border-color: #1D4EFF;
}

.lt-btn--default:hover,
.lt-btn--default:focus,
.lt-btn--default:active,
.lt-section-subscribe button:hover,
.lt-section-subscribe button:focus,
.lt-section-subscribe button:active,
.lt-article-subscribe button:hover,
.lt-article-subscribe button:focus,
.lt-article-subscribe button:active,
.lt-community-follow button:hover,
.lt-community-follow button:focus,
.lt-community-follow button:active,
.lt-profile__buttons button:hover,
.lt-profile__buttons button:focus,
.lt-profile__buttons button:active,
.lt-profile__buttons a:hover,
.lt-profile__buttons a:focus,
.lt-profile__buttons a:active,
.lt-organization-subscribe button:hover,
.lt-organization-subscribe button:focus,
.lt-organization-subscribe button:active,
.lt-subscriptions-subscribe button:hover,
.lt-subscriptions-subscribe button:focus,
.lt-subscriptions-subscribe button:active,
.pagination-next-link:hover,
.pagination-next-link:focus,
.pagination-next-link:active,
.pagination-prev-link:hover,
.pagination-prev-link:focus,
.pagination-prev-link:active,
.pagination-first-link:hover,
.pagination-first-link:focus,
.pagination-first-link:active,
.pagination-last-link:hover,
.pagination-last-link:focus,
.pagination-last-link:active,
.recent-activity-controls a:hover,
.recent-activity-controls a:focus,
.recent-activity-controls a:active {
  color: #0030df;
  background-color: transparent;
  border-color: #0030df;
}

input[type="submit"],
.lt-btn--primary {
  color: #fff;
  background-color: #1D4EFF;
  border-color: #1D4EFF;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
.lt-btn--primary:hover,
.lt-btn--primary:focus,
.lt-btn--primary:active {
  color: #fff;
  background-color: #5378ff;
  border-color: #5378ff;
}

.lt-btn--topbar {
  color: #1D4EFF;
  background-color: transparent;
  border-color: #1D4EFF;
}

.lt-btn--topbar:hover,
.lt-btn--topbar:focus,
.lt-btn--topbar:active {
  color: #0030df;
  background-color: transparent;
  border-color: #0030df;
}
@media (max-width: 991px) {
  .lt-btn--topbar {
    display: inline-flex;
    width: 100%;
    padding: 0;
    color: #000;
    border: 0;
    justify-content: space-between;
    align-items: center;
  }

  [dir="ltr"] .lt-btn--topbar {
    text-align: left;
  }

  [dir="rtl"] .lt-btn--topbar {
    text-align: right;
  }

  .lt-btn--topbar:active,
  .lt-btn--topbar:hover,
  .lt-btn--topbar:focus {
    color: rgba(29, 78, 255, 1);
    background-color: transparent;
    box-shadow: none;
  }
}

.lt-btn--print {
  padding: 0 !important;
  font-size: var(--font-size-h5) !important;
  color: #000 !important;
  border: 0 !important;
}

.lt-avatar {
  position: relative;
  display: inline-block;
}

.lt-avatar__badge {
  position: absolute;
  top: -0.5rem;
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  padding: 4px;
  color: #fff;
  background: #cc0000;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .lt-avatar__badge {
  right: -0.5rem;
}

[dir="rtl"] .lt-avatar__badge {
  left: -0.5rem;
}

.lt-avatar__badge:not(.is-active) {
  display: none;
}

.lt-avatar--agent:before {
  position: absolute;
  bottom: -4px;
  display: flex;
  width: 18px;
  height: 18px;
  font-family: "Font Awesome 6 Free", sans-serif;
  font-size: 6px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  content: "\f007";
  background-color: #0D0D0D;
  border: 2px solid #fff;
  border-radius: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .lt-avatar--agent:before {
  right: -4px;
}

[dir="rtl"] .lt-avatar--agent:before {
  left: -4px;
}

.lt-user-avatar {
  border-radius: 100%;
}

.lt-user-avatar--default {
  width: 2.5rem;
  height: 2.5rem;
}

.lt-user-avatar--topbar {
  width: 2rem;
  height: 2rem;
}

.lt-meta {
  font-size: 14px;
  color: var(--meta-text-color);
}

.lt-meta__item {
  display: inline-block;
}

[dir="ltr"] .lt-meta__item {
  margin-right: 0.25rem;
}

[dir="rtl"] .lt-meta__item {
  margin-left: 0.25rem;
}

.lt-meta__item + .lt-meta__item:before {
  font-size: 0.75rem;
  content: "\2022";
}

[dir="ltr"] .lt-meta__item + .lt-meta__item:before {
  margin-right: 0.25rem;
}

[dir="rtl"] .lt-meta__item + .lt-meta__item:before {
  margin-left: 0.25rem;
}

.lt-meta__link {
  color: inherit;
}

.lt-meta--profile {
  margin-bottom: 0;
}

.breadcrumbs {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 0px;

  /* > li:last-child a {
    color: #1D4EFF;
  } */
}

.breadcrumbs > li {
  display: inline-block;
  color: #fff;
}

.breadcrumbs > li + li:before {
  padding: 0 5px;
  color: #6b7280;
  content: "\00a0";
  content: "› ";
}

.breadcrumbs > li a {
  color: #fff;
}

[dir="ltr"] .breadcrumbs {
  padding-left: 0;
}

[dir="rtl"] .breadcrumbs {
  padding-right: 0;
}

.lt-breadcrumbs--search-results {
  padding: 0;
  font-size: var(--font-size-small);
}

.lt-breadcrumbs--search-results a {
  font-family: 'Fraktion Mono Regular', monospace;
  color: #0D0D0D !important;
}

.lt-breadcrumbs-wrapper {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #0D0D0D;
}

.lt-menu-toggle {
  position: relative;
  display: block;
  height: auto;
  padding: 1rem 0.5rem;
  cursor: pointer;
  background-color: transparent;
  border: none;
  box-shadow: none;
  -webkit-appearance: none;
  order: 1;
}

[dir="ltr"] .lt-menu-toggle {
  margin-right: -0.5rem;
}

[dir="rtl"] .lt-menu-toggle {
  margin-left: -0.5rem;
}
@media (min-width: 992px) {
  .lt-menu-toggle {
    display: none;
  }
}

.lt-menu-toggle span {
  position: relative;
  display: block;
  pointer-events: none;
}

.lt-menu-toggle span,
.lt-menu-toggle span:after,
.lt-menu-toggle span:before {
  width: 26px;
  height: 2px;
  background-color: #000;
  outline: 1px solid transparent;
  transition: background-color 0.15s, transform 0.15s;
}

.lt-menu-toggle span:after,
.lt-menu-toggle span:before {
  position: absolute;
  content: "";
}

[dir="ltr"] .lt-menu-toggle span:after,
[dir="ltr"] .lt-menu-toggle span:before {
  left: 0;
}

[dir="rtl"] .lt-menu-toggle span:after,
[dir="rtl"] .lt-menu-toggle span:before {
  right: 0;
}

.lt-menu-toggle span:before {
  top: -7px;
}

.lt-menu-toggle span:after {
  top: 7px;
}

.lt-menu-toggle.is-active {
  outline: 0;
}

.lt-menu-toggle.is-active span {
  background-color: transparent;
}

.lt-menu-toggle.is-active span:after,
.lt-menu-toggle.is-active span:before {
  top: 0;
}

[dir="ltr"] .lt-menu-toggle.is-active span:before {
  transform: rotate(-45deg);
}

[dir="rtl"] .lt-menu-toggle.is-active span:before {
  transform: rotate(45deg);
}

[dir="ltr"] .lt-menu-toggle.is-active span:after {
  transform: rotate(45deg);
}

[dir="rtl"] .lt-menu-toggle.is-active span:after {
  transform: rotate(-45deg);
}

.lt-entry-info {
  display: flex;
  font-size: 14px;
}

.lt-entry-info__avatar {
  flex-shrink: 0;
}

[dir="ltr"] .lt-entry-info__avatar {
  padding-right: 1rem;
}

[dir="rtl"] .lt-entry-info__avatar {
  padding-left: 1rem;
}

.lt-status-label {
  padding: 2px calc(var(--padding-base-horizontal) / 2);
  font-size: 12px;
  color: #fff;
  border-radius: 0px;
}

.lt-status-label--pending {
  background-color: rgba(255, 223, 179, 1);
}

.lt-status-label--with-ticket {
  background-color: #0D0D0D;
}

.lt-status-label--with-ticket:hover,
.lt-status-label--with-ticket:focus,
.lt-status-label--with-ticket:active {
  color: #fff;
}

.lt-status-label--solved,
.lt-status-label--closed {
  background-color: rgba(236, 255, 235, 1);
}

.lt-status-label--new,
.lt-status-label--open {
  background-color: rgba(255, 204, 230, 1);
}

.lt-status-label--answered {
  background-color: rgba(255, 223, 179, 1);
}

.lt-status-label--official {
  background-color: #0D0D0D;
}

.lt-status-label--completed,
.lt-status-label--answered {
  background-color: rgba(236, 255, 235, 1);
}

.lt-status-label--planned {
  background-color: #0D0D0D;
}

.lt-status-label--not-planned {
  color: #000;
  background-color: var(--gray-lighter);
}

.lt-hero-unit {
  position: relative;
  padding-top: 8%;
  padding-bottom: 8%;
  overflow: hidden;
  color: #fff;
  background-color: #E8F9FF;
  transform: translate3d(0, 0, 0);
}

.lt-hero-unit:after {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, 0), transparent);
}

[dir="ltr"] .lt-hero-unit:after {
  left: 0;
}

[dir="rtl"] .lt-hero-unit:after {
  right: 0;
}

.lt-hero-unit__bg {
  position: absolute;
  top: -10%;
  z-index: 1;
  display: none;
  height: 100%;
  background: url(/hc/theming_assets/01J1QDZHW24GJNG2SEKEAN247P) 50% 50% no-repeat;
  background-size: contain;
}

[dir="ltr"] .lt-hero-unit__bg {
  right: -70%;
  left: 0;
}

[dir="rtl"] .lt-hero-unit__bg {
  right: 0;
  left: -70%;
}

.lt-hero-unit__title {
  font-family: 'Fraktion Sans Black', sans-serif;
  font-size: 68px;
  font-weight: 800;
  line-height: 59px;
  color: black;
  text-transform: uppercase;
  letter-spacing: -0.03em;
}

[dir="ltr"] .lt-hero-unit__title {
  text-align: left;
}

[dir="rtl"] .lt-hero-unit__title {
  text-align: right;
}

.lt-hero-unit__subtitle {
  font-family: 'Inter', sans-serif, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 34px;
  color: #000;
  letter-spacing: -0.03em;
}

[dir="ltr"] .lt-hero-unit__subtitle {
  text-align: left;
}

[dir="rtl"] .lt-hero-unit__subtitle {
  text-align: right;
}
@media (min-width: 992px) {
  .lt-hero-unit__title {
    font-size: 88px;
    line-height: 79px;
  }

  .lt-hero-unit__subtitle {
    font-size: 24px;
  }

  .lt-hero-unit__bg {
    display: block;
  }

  [dir="ltr"] .lt-hero-unit__bg {
    right: -90%;
  }

  [dir="rtl"] .lt-hero-unit__bg {
    left: -90%;
  }
}
@media (min-width: 1200px) {
  [dir="ltr"] .lt-hero-unit__bg {
    right: -70%;
  }

  [dir="rtl"] .lt-hero-unit__bg {
    left: -70%;
  }
}
@media (min-width: 1400px) {
  [dir="ltr"] .lt-hero-unit__bg {
    right: -60%;
  }

  [dir="rtl"] .lt-hero-unit__bg {
    left: -60%;
  }
}

.lt-custom-block__link {
  width: 100%;
  color: #000;
}

.lt-custom-block__icon {
  width: 64px;
  height: 64px;
}

.lt-custom-block__icon path,
.lt-custom-block__icon circle {
  stroke: #0D0D0D;
  transition: all 0.3s ease;
}

.lt-custom-block__title {
  color: #000;
}
@media (min-width: 576px) {
  .lt-custom-block__content {
    text-align: center;
  }
}

.custom-blocks {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 768px) {
  .custom-blocks {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .custom-block {
    width: 100%; /* Add this to make sure all blocks occupy full width */
    height: 200px; /* Add this to set a fixed height for the blocks */
  }
}

@media (max-width: 767px) {
  .custom-blocks {
    grid-template-columns: 1fr; /* Set to one block per row on mobile view */
  }
}

.custom-block {
  aspect-ratio: 1.5 / 1;
  display: grid;
  grid-template-rows: 5fr 1fr;
  border: 1px solid #505050;
  border-radius: 0px;
  width: 100%; /* Add this for mobile view */
  height: 200px; /* Add this for mobile view */
}

.custom-block__title {
  position: relative;
  width: 100%;
  padding: 1rem;
  margin: 0;
  font-weight: 800;
  color: #0D0D0D;
  text-transform: uppercase;
  border-top: 1px solid #505050;
}

.custom-block__icon {
  place-self: center;
}

.custom-block:nth-of-type(2) .custom-block__title {
  color: #fff;
  border-color: #858585;
}

.lt-block-list-item {
  display: flex;
}

.lt-block-list-item__link {
  display: flex;
  padding: 3rem 2rem;
  color: #fff;
  flex-direction: column;
  background-color: #0D0D0D;
  border-radius: 0px;
  transition: all 0.3s ease;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}

.lt-block-list-item__link:active,
.lt-block-list-item__link:focus,
.lt-block-list-item__link:hover {
  color: #fff;
  text-decoration: none;
  background-color: rgba(29, 78, 255, 1);
}

.lt-block-list-item__title {
  margin-bottom: 0;
  font-weight: var(--strong-font-weight);
  text-align: center;
  word-break: break-word;
}

.lt-block-list-item__desc {
  margin-top: 1rem;
  text-align: center;
}

.recent-activity {
  margin-bottom: 4rem;
}

.recent-activity-item-link {
  display: block;
  margin-bottom: 0.5rem;
}

.recent-activity-header {
  margin-bottom: 2rem;
}

.recent-activity-list {
  display: grid;
  margin-bottom: 0;
  list-style: none;
  gap: calc(var(--grid-gutter-width) * 2);
}

[dir="ltr"] .recent-activity-list {
  padding-left: 0;
}

[dir="rtl"] .recent-activity-list {
  padding-right: 0;
}
@media (min-width: 768px) {
  .recent-activity-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.recent-activity-item {
  display: flex;
  padding: 1.5rem 2rem;
  padding-right: var(--grid-gutter-width);
  padding-left: var(--grid-gutter-width);
  flex-direction: column;
  border: 1px solid #505050;
  border-radius: 0px;
  align-items: flex-start;
}

.recent-activity-item-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: var(--font-size-small);
  color: var(--meta-text-color);
}

.recent-activity-item-parent {
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.5rem;
  font-size: var(--font-size-small);
  font-weight: var(--strong-font-weight);
  color: #fff;
  background-color: #0D0D0D;
  border-radius: 0px;
}

.recent-activity-item-parent:hover,
.recent-activity-item-parent:active,
.recent-activity-item-parent:focus {
  color: #fff;
  background-color: rgba(29, 78, 255, 1);
}

.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
}

[dir="ltr"] .recent-activity-comment-icon:after {
  margin-left: 4px;
}

[dir="rtl"] .recent-activity-comment-icon:after {
  margin-right: 4px;
}

.recent-activity-controls {
  padding-top: 2rem;
}

.lt-footer-submit-ticket {
  position: relative;
  height: 50vh;
  max-height: 500px;
  background-color: #0D0D0D;
  border-radius: 0px;
}

.lt-footer-vanta-enterprise {
  position: relative;
  height: 50vh;
  max-height: 500px;
  background-color: #1d4eff;
  border-radius: 0px;
}

.lt-footer-submit-ticket__bg {
  position: absolute;
  top: 40%;
  z-index: 1;
  width: 100%;
  height: 80%;
  background: url(/hc/theming_assets/01J1QDZMW5RZRD00WZF7Y8VEXT) 50% 50% no-repeat;
  background-size: contain;
}

[dir="ltr"] .lt-footer-submit-ticket__bg {
  right: -40%;
}

[dir="rtl"] .lt-footer-submit-ticket__bg {
  left: -40%;
}

.lt-footer-submit-ticket__content {
  z-index: 10;
}

.lt-footer-submit-ticket__content section {
  position: relative;
  z-index: 5;
}

.lt-footer-submit-ticket__title {
  font-family: 'Fraktion Sans Bold', sans-serif;
  font-size: 68px;
  font-weight: 800;
  line-height: 59px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -0.03em;
}

[dir="ltr"] .lt-footer-submit-ticket__title {
  text-align: left;
}

[dir="rtl"] .lt-footer-submit-ticket__title {
  text-align: right;
}

.lt-footer-submit-ticket__subtitle {
  font-family: 'Fraktion Sans Bold', sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  color: #fff;
  letter-spacing: -0.03em;
}

[dir="ltr"] .lt-footer-submit-ticket__subtitle {
  text-align: left;
}

[dir="rtl"] .lt-footer-submit-ticket__subtitle {
  text-align: right;
}

.lt-footer-submit-ticket__btn {
  padding: 0.75rem 1rem;
  margin-top: 3rem;
  font-size: 16px;
  background-color: #1D4EFF;
  border-color: #1D4EFF;
}
@media (min-width: 768px) {
  .lt-footer-submit-ticket__title {
    font-size: 88px;
    line-height: 79px;
  }

  .lt-footer-submit-ticket__subtitle {
    font-size: 28px;
  }

  .lt-footer-submit-ticket__bg {
    top: 30%;
    display: block;
  }

  [dir="ltr"] .lt-footer-submit-ticket__bg {
    right: -40%;
    
  }

  [dir="rtl"] .lt-footer-submit-ticket__bg {
    left: -40%;
  }

  .lt-footer-submit-ticket__btn {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .lt-footer-submit-ticket__bg {
    top: 20%;
  }

  [dir="ltr"] .lt-footer-submit-ticket__bg {
    right: -40%;
  }

  [dir="rtl"] .lt-footer-submit-ticket__bg {
    left: -40%;
  }
}
@media (min-width: 1200px) {
  .lt-footer-submit-ticket__bg {
    top: 20%;
  }

  [dir="ltr"] .lt-footer-submit-ticket__bg {
    right: -30%;
  }

  [dir="rtl"] .lt-footer-submit-ticket__bg {
    left: -30%;
  }
}

.share {
  white-space: nowrap;
  list-style: none;
}

[dir="ltr"] .share {
  padding-left: 0;
}

[dir="rtl"] .share {
  padding-right: 0;
}

.share li {
  position: relative;
  display: inline-flex;
  margin-bottom: 5px;
  vertical-align: top;
}

.share a {
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  touch-action: manipulation;
  color: #000;
}

.share a:active {
  background-image: none;
}

.share svg {
  width: 20px;
  height: 20px;
}

.lt-new-request-page {
  margin-bottom: calc(var(--line-height-computed) * 2);
}

.lt-new-request-form {
  margin-bottom: calc(var(--line-height-computed));
}

.lt-new-request-tip {
  position: relative;
  background-color: #f3fafc;
  border: 2px solid #50b6d3;
  border-radius: 0px;
}

.lt-new-request-tip__icon {
  position: absolute;
  top: 2rem;
  color: #50b6d3;
}

[dir="ltr"] .lt-new-request-tip__icon {
  left: 1.5rem;
}

[dir="rtl"] .lt-new-request-tip__icon {
  right: 1.5rem;
}

.upload-dropzone {
  padding: calc(var(--line-height-computed)) 16px;
  border-color: var(--input-border-color);
  border-width: var(--border-width);
  border-radius: 0px;
}

.upload-dropzone,
.upload-dropzone a {
  font-size: var(--font-size-small);
}

.upload-dropzone span {
  color: #000;
}

.lt-error-page {
  max-width: 600px;
}

.lt-error-page__articles {
  border: 2px solid #505050;
  border-radius: 0px;
}

.pagination-list {
  margin-top: 0;
  list-style: none;
}

[dir="ltr"] .pagination-list {
  padding-left: 0;
  margin-left: 0;
}

[dir="rtl"] .pagination-list {
  padding-right: 0;
  margin-right: 0;
}

.pagination-next,
.pagination-prev,
.pagination-first,
.pagination-last {
  display: inline-block;
}

[dir="ltr"] .pagination-next-text {
  margin-right: 16px;
}

[dir="rtl"] .pagination-next-text {
  margin-left: 16px;
}

[dir="rtl"] .pagination-next-text {
  margin-left: 16px;
}

[dir="ltr"] .pagination-prev-text {
  margin-left: 16px;
}

[dir="rtl"] .pagination-prev-text {
  margin-right: 16px;
}

[dir="rtl"] .pagination-prev-text {
  margin-right: 16px;
}

.satisfaction-box {
  padding: calc(var(--line-height-computed)) var(--grid-gutter-width);
  margin: 0 0 calc(10px * 2) 0;
  margin-top: 0;
  border-color: #505050;
  border-radius: 0px;
}

.satisfaction-box h4:last-child {
  margin-bottom: 0;
}

.satisfaction-box input[type="radio"] ~ label {
  letter-spacing: normal;
}

[dir="ltr"] .satisfaction-box input[type="radio"] ~ label {
  margin-right: 10px;
}

[dir="rtl"] .satisfaction-box input[type="radio"] ~ label {
  margin-left: 10px;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"] {
  color: #fff;
  background-color: rgba(236, 255, 235, 1);
  border-color: rgba(236, 255, 235, 1);
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:hover,
.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:focus,
.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:active {
  color: #e0e0e0;
  background-color: #bcffb8;
  border-color: #b2ffae;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:active {
  background-image: none;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"] {
  color: #fff;
  background-color: rgba(255, 204, 230, 1);
  border-color: rgba(255, 204, 230, 1);
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:hover,
.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:focus,
.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:active {
  color: #e0e0e0;
  background-color: #ff99cd;
  border-color: #ff8fc8;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:active {
  background-image: none;
}

.satisfaction-box input[type="radio"][checked="checked"][value="good"] + label {
  color: #fff !important;
  background-color: #b2ffae !important;
  border-color: #b2ffae !important;
}

.satisfaction-box input[type="radio"][checked="checked"][value="bad"] + label {
  color: #fff !important;
  background-color: #ff8fc8 !important;
  border-color: #ff8fc8 !important;
}

.satisfaction-box label.disabled {
  margin-bottom: calc(var(--line-height-computed)) !important;
}

.satisfaction-box label.disabled[for="satisfaction_rating_score_good"] {
  color: rgba(236, 255, 235, 1) !important;
}

.satisfaction-box label.disabled[for="satisfaction_rating_score_bad"] {
  color: rgba(255, 204, 230, 1) !important;
}

.satisfaction-comment {
  margin-top: 15px;
}

.satisfaction-box .satisfaction-submit {
  font-size: calc(16px - 5px) !important;
  color: #fff;
  background-color: #0D0D0D;
  border-color: #0D0D0D;
}

.satisfaction-box .satisfaction-submit:hover,
.satisfaction-box .satisfaction-submit:focus,
.satisfaction-box .satisfaction-submit:active {
  color: #e0e0e0;
  background-color: #000;
  border-color: #000;
}

.satisfaction-box .satisfaction-submit:active {
  background-image: none;
}

[dir="ltr"] .satisfaction-box .satisfaction-submit {
  margin-left: 10px !important;
}

[dir="rtl"] .satisfaction-box .satisfaction-submit {
  margin-right: 10px !important;
}

.satisfaction-reason {
  padding-top: calc(var(--line-height-computed));
}

.satisfaction-box .satisfaction-cancel {
  font-size: calc(16px - 5px) !important;
  line-height: 1.5 !important;
}

.lt-scroll-to-top {
  position: fixed;
  bottom: -50px;
  z-index: 3;
  width: 3rem;
  height: 3rem;
  font-size: 2rem !important;
  color: rgba(29, 78, 255, 1);
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  border: var(--border-width) solid rgba(29, 78, 255, 1);
  border-radius: 0px;
  transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.lt-scroll-to-top:focus,
.lt-scroll-to-top:active {
  outline: 0;
}

.lt-scroll-to-top.is-active {
  bottom: 30px;
}

.lt-scroll-to-top:hover {
  color: #0030df;
  border-color: #0030df;
}

@media (max-width: 575px) {
  .lt-scroll-to-top {
    display: none;
  }
}

[dir="ltr"] .lt-scroll-to-top {
  left: 2rem;
}

[dir="rtl"] .lt-scroll-to-top {
  right: 2rem;
}

.lt-header {
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  border-bottom: 2px solid #505050;
}

.lt-header__desc {
  margin-top: 1rem;
}

.recent-articles h3,
.related-articles h3 {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

@media (min-width: 576px) {
  .recent-articles h3,
  .related-articles h3 {
    margin-top: calc(var(--line-height-computed) / 2);
  }
}

.recent-articles ul,
.related-articles ul {
  list-style: none;
}

.recent-articles ul > li,
.related-articles ul > li {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.recent-articles ul > li a,
.related-articles ul > li a {
  padding-bottom: 1px;
  color: #000;
  border-bottom: 1px solid #505050;
}

[dir="ltr"] .recent-articles ul,
[dir="ltr"] .related-articles ul {
  padding-left: 0;
}

[dir="rtl"] .recent-articles ul,
[dir="rtl"] .related-articles ul {
  padding-right: 0;
}

.recent-articles h3 {
  font-size: var(--font-size-h4);
}
@media (max-width: 991px) {
  .lt-user-info {
    width: 100%;
    padding-bottom: 1rem;
    margin-top: 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid #505050;
    order: -1;
  }

  .lt-user-info__menu {
    position: static;
    padding: 0;
    border: 0;
    box-shadow: none;
  }

  .lt-user-info__menu [role="menuitem"] {
    padding-right: 0;
    padding-left: 0;
  }
}

.lt-status-widget {
  font-weight: 600;
}

.lt-status-widget,
.lt-status-widget:hover,
.lt-status-widget:focus,
.lt-status-widget:active {
  color: #fff;
}

.lt-status-widget-container {
  display: flex;
  align-items: center;
}

.lt-status-widget__indicator {
  width: 0.75rem;
  height: 0.75rem;
  background-color: #aaa;
  border-radius: 50%;
}

.lt-status-widget__indicator--none {
  background-color: #2ecc71;
}

.lt-status-widget__indicator--operational {
  background-color: #2ecc71;
}

.lt-status-widget__indicator--minor {
  background-color: #f1c40f;
}

.lt-status-widget__indicator--major {
  background-color: #e67e22;
}

.lt-status-widget__indicator--critical {
  background-color: #e74c3c;
}

.lt-status-widget__indicator--maintenance {
  background-color: #3498db;
}

[dir="ltr"] .lt-status-widget__indicator__text {
  margin-left: 0.5rem;
}

[dir="rtl"] .lt-status-widget__indicator__text {
  margin-right: 0.5rem;
}

.lt-profile-header {
  text-align: center;
  border-radius: 0px;
}

.lt-profile-header__avatar {
  display: inline-block;
  margin-bottom: 16px;
}

.lt-profile-header__private-badge {
  display: inline-block;
  margin-bottom: calc(var(--line-height-computed));
  background-color: #0D0D0D;
}

.lt-profile-header__description {
  word-break: break-all;
  word-break: break-word;
}

[dir="ltr"] .lt-profile__buttons > * + *,
[dir="ltr"] [data-action="userProfileActions"] > * + * {
  margin-left: var(--grid-gutter-width);
}

[dir="rtl"] .lt-profile__buttons > * + *,
[dir="rtl"] [data-action="userProfileActions"] > * + * {
  margin-right: var(--grid-gutter-width);
}

.lt-profile-stats {
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-size: calc(16px - 2px);
  color: var(--meta-text-color);
  list-style: none;
}

[dir="ltr"] .lt-profile-stats {
  padding-left: 0;
}

[dir="rtl"] .lt-profile-stats {
  padding-right: 0;
}

.lt-profile-stats__stat {
  margin-bottom: calc(var(--line-height-computed) / 4);
}
@media (max-width: 767px) {
  .lt-profile-stats__stat {
    display: block;
  }

  .lt-profile-stats__stat:before {
    display: none;
  }
}

[dir="ltr"] .lt-profile-stats__label {
  margin-right: calc(var(--padding-base-horizontal) / 2);
}

[dir="rtl"] .lt-profile-stats__label {
  margin-left: calc(var(--padding-base-horizontal) / 2);
}

.lt-profile-stats__value {
  color: #000;
}

.lt-profile-nav {
  margin-bottom: calc(var(--line-height-computed));
  overflow: hidden;
  font-size: var(--font-size-small);
  font-weight: 600;
  background-color: var(--gray-lightest);
  border-radius: 0px;
}

.lt-profile-nav__items {
  margin: 0;
  list-style: none;
}

[dir="ltr"] .lt-profile-nav__items {
  padding-left: 0;
}

[dir="rtl"] .lt-profile-nav__items {
  padding-right: 0;
}

.lt-profile-nav__item {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .lt-profile-nav__item {
    display: inline-block;
    vertical-align: middle;
  }
}

.lt-profile-nav__item a {
  display: block;
  color: #000;
}

.lt-profile-nav__item.is-active {
  color: #fff;
  background-color: #0D0D0D;
}

.lt-profile-nav__item.is-active,
.lt-profile-nav__item a {
  padding: calc(var(--line-height-computed) / 1.5)
    var(--padding-base-horizontal);
  line-height: 1;
}

[dir="ltr"] .lt-profile-nav__item:after {
  right: var(--padding-base-horizontal) !important;
}

[dir="rtl"] .lt-profile-nav__item:after {
  left: var(--padding-base-horizontal) !important;
}

.lt-profile-section {
  width: 100%;
}

.lt-profile-section__header {
  margin-bottom: calc(var(--line-height-computed));
}

.lt-profile-section__title {
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-size: var(--font-size-h3);
}

.lt-profile-section__description {
  font-size: var(--font-size-small);
  color: var(--meta-text-color);
}
@media (min-width: 576px) {
  .lt-profile-section__description {
    padding-bottom: 0;
  }
}

.lt-profile-contribution {
  position: relative;
  padding: calc(var(--line-height-computed) / 2) var(--grid-gutter-width);

  word-wrap: break-word;
  background-color: var(--gray-lightest);

  border-radius: 0px;
}

.lt-profile-contribution__header {
  margin-bottom: calc(var(--line-height-computed) / 4);
}

.lt-profile-contribution__status {
  margin-bottom: calc(var(--line-height-computed) / 4);
}

.lt-profile-contribution__title {
  margin-bottom: calc(var(--line-height-computed) / 4);
  font-size: 16px;
  font-weight: 600;
}

.lt-profile-contribution__body {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.lt-profile-contribution--list .lt-profile-contribution__title:before {
  display: inline-block;
  font-family: "Font Awesome 6 Free", sans-serif;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[dir="ltr"]
  .lt-profile-contribution--list
  .lt-profile-contribution__title:before {
  margin-right: 2px;
}

[dir="rtl"]
  .lt-profile-contribution--list
  .lt-profile-contribution__title:before {
  margin-left: 2px;
}

.lt-profile-contribution__breadcrumbs {
  padding: 0;
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-size: var(--font-size-small);
}

.lt-profile__no-activity,
.lt-profile__private-activity {
  color: var(--meta-text-color);
  text-align: center;
}

.lt-profile-activity-list {
  list-style: none;
}

[dir="ltr"] .lt-profile-activity-list {
  padding-left: 0;
}

[dir="rtl"] .lt-profile-activity-list {
  padding-right: 0;
}

.lt-profile-activity {
  position: relative;
  margin-bottom: calc(var(--line-height-computed) * 1.5);
}

.lt-profile-activity__header {
  margin-bottom: calc(var(--line-height-computed) / 2);

  font-size: var(--font-size-small);
  font-weight: 600;
}

.lt-profile-activity__avatar {
  width: 30px;
  height: 30px;
}

[dir="ltr"] .lt-profile-activity__avatar {
  margin-right: calc(var(--padding-base-horizontal) / 2);
}

[dir="rtl"] .lt-profile-activity__avatar {
  margin-left: calc(var(--padding-base-horizontal) / 2);
}

.lt-profile-activity__header:before,
.lt-profile-contribution__title:before {
  display: inline-block;
  font-family: "Font Awesome 6 Free", sans-serif;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[dir="ltr"] .lt-profile-activity__header:before,
[dir="ltr"] .lt-profile-contribution__title:before {
  margin-right: 2px;
}

[dir="rtl"] .lt-profile-activity__header:before,
[dir="rtl"] .lt-profile-contribution__title:before {
  margin-left: 2px;
}

[dir="ltr"] .lt-profile-contribution__title:before {
  margin-right: 4px;
}

[dir="rtl"] .lt-profile-contribution__title:before {
  margin-left: 4px;
}

.lt-profile-activity-list--articles .lt-profile-contribution__title:before,
.lt-profile-activity[class$="-article"] .lt-profile-activity__header:before {
  content: "\f15c";
}

.lt-profile-activity-list--posts .lt-profile-contribution__title:before,
.lt-profile-activity[class$="-post"] .lt-profile-activity__header:before {
  content: "\f086";
}

.lt-profile-activity-list--comments .lt-profile-contribution__title:before,
.lt-profile-activity[class$="-comment"] .lt-profile-activity__header:before {
  font-weight: 400;
  content: "\f075";
}

.user-subscribe {
  display: inline-block;
}

.lt-profile-badge-item {
  border: 1px solid #505050;
  border-radius: 0px;
}

.lt-profile-badge {
  width: 40px;
  height: 40px;
}

.lt-profile-badge__image {
  width: 40px;
  height: 40px;
}

.lt-attachment-list {
  margin: 0;
  font-size: var(--font-size-small);
  list-style: none;
}

[dir="ltr"] .lt-attachment-list {
  padding-left: 0;
}

[dir="rtl"] .lt-attachment-list {
  padding-right: 0;
}

.lt-attachment-list__item {
  position: relative;
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.lt-attachment-list__item:last-child {
  margin-bottom: 0;
}

[dir="ltr"] .lt-attachment-list__item {
  padding-left: calc(var(--padding-base-horizontal) * 1.5);
}

[dir="rtl"] .lt-attachment-list__item {
  padding-right: calc(var(--padding-base-horizontal) * 1.5);
}

.lt-attachment-list__icon {
  position: absolute;
  top: 4px;
}

[dir="ltr"] .lt-attachment-list__icon {
  left: 0;
}

[dir="rtl"] .lt-attachment-list__icon {
  right: 0;
}

.lt-skip-navigation {
  position: absolute;
  top: auto;
  z-index: -999;
  display: flex;
  padding: 20px;
  margin: 20px;
  overflow: hidden;
  font-size: 14px;
  color: white;
  color: #000;
  background-color: #fff;
  border: 1px solid rgba(29, 78, 255, 1);
  align-items: center;
  justify-content: center;
}

[dir="ltr"] .lt-skip-navigation {
  left: -999px;
}

[dir="rtl"] .lt-skip-navigation {
  right: -999px;
}

.lt-skip-navigation:focus,
.lt-skip-navigation:active {
  top: auto;
  z-index: 999;
  overflow: auto;
  text-align: center;
  text-decoration: none;
}

[dir="ltr"] .lt-skip-navigation:focus,
[dir="ltr"] .lt-skip-navigation:active {
  left: auto;
}

[dir="rtl"] .lt-skip-navigation:focus,
[dir="rtl"] .lt-skip-navigation:active {
  right: auto;
}
/* ==========================================================================
  Notification
  ========================================================================== */
.notification {
  display: table;
  width: 100%;
  padding: 13px 15px;
  font-family: sans-serif;
  font-size: 12px;
  color: #555;
  border: 1px solid;
  transition: height 0.2s;
}

.notification a {
  color: #158ec2;
}

.notification-inner {
  max-width: 980px;
  padding: 0 20px;
  margin: 0 auto;
}

.notification-icon,
.notification-text,
.notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}

.notification-text {
  width: 100%;
  padding: 0 15px;
}

.notification + .notification {
  position: relative;
  top: -1px;
  margin-bottom: -1px;
}
/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

.notification-error .notification-icon:before,
.notification-error .notification-inline.notification-error:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}
/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

.notification-notice .notification-icon:before,
.notification-notice .notification-inline.notification-error:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}
/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

.notification-alert .notification-icon:before,
.notification-alert .notification-inline.notification-error:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon:before,
.notification-inline.notification-error:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  content: "";
  background-size: cover;
}
/* Dismiss button */
.notification-dismiss,
a.notification-dismiss {
  color: #555;
  text-decoration: none !important;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 100ms ease;
}

.notification-dismiss:hover {
  opacity: 1;
}
/* Inline notifications */
.notification-inline {
  position: relative;
  padding: 5px;
  margin-top: 5px;
  line-height: 14px;
  vertical-align: middle;
  border-radius: 4px;
}

[dir="ltr"] .notification-inline {
  text-align: left;
}

[dir="rtl"] .notification-inline {
  text-align: right;
}

[dir="rtl"] .notification-inline {
  text-align: right;
}

.notification-inline[aria-hidden="true"] {
  display: none;
}

.notification-inline.notification-error:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
}

[dir="ltr"] .notification-inline.notification-error:before {
  margin: -2px 5px 0 0;
}

[dir="rtl"] .notification-inline.notification-error:before {
  margin: -2px 0 0 5px;
}

[dir="rtl"] .notification-inline.notification-error:before {
  margin: 0 0 0 5px;
}

.notification-inline.notification-error {
  color: #cc3340;
  background-color: #fff0f1;
  border: 1px solid #e35b66;
}

.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

[dir="ltr"] .notification-left-aligned {
  padding-left: 0;
  text-align: left;
}

[dir="rtl"] .notification-left-aligned {
  padding-right: 0;
  text-align: right;
}

.lt-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9;
  display: none;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
}

[dir="ltr"] .lt-backdrop {
  left: 0;
}

[dir="rtl"] .lt-backdrop {
  right: 0;
}
@media (max-width: 991px) {
  .lt-backdrop.is-active {
    display: block;
  }
}

.lt-promoted-articles-accordion {
  border: 2px solid #505050;
  border-radius: 0px;
}

.lt-promoted-articles-accordion-item + .lt-promoted-articles-accordion-item {
  border-top: 2px solid #505050;
}

.lt-promoted-articles-accordion-item__title {
  position: relative;
  font-weight: 600;
  background-color: transparent;
  border: 0;
}

[dir="ltr"] .lt-promoted-articles-accordion-item__title {
  text-align: left;
}

[dir="rtl"] .lt-promoted-articles-accordion-item__title {
  text-align: right;
}

.lt-promoted-articles-accordion-item__title,
.lt-promoted-articles-accordion-item__title:hover,
.lt-promoted-articles-accordion-item__title:focus,
.lt-promoted-articles-accordion-item__title:active {
  color: #000;
}

.lt-promoted-articles-accordion-item__title:before {
  position: absolute;
  top: 50%;
  width: 0.875rem;
  height: 0.875rem;
  content: "";
  border-bottom: 2px solid #1D4EFF;
  transition: transform 0.3s;
}

[dir="ltr"] .lt-promoted-articles-accordion-item__title:before {
  right: 1.5rem;
  border-left: 2px solid #1D4EFF;
  transform: rotate(-45deg) translateY(-50%);
}

[dir="rtl"] .lt-promoted-articles-accordion-item__title:before {
  left: 1.5rem;
  border-right: 2px solid #1D4EFF;
  transform: rotate(45deg) translateY(-50%);
}

.lt-promoted-articles-accordion-item__content {
  display: none;
}



.lt-popular-searches {
  margin: 20px 0 0;
  font-weight: 600;
  color: #000;
}

.lt-popular-searches__item,
.lt-popular-searches__item:hover,
.lt-popular-searches__item:active,
.lt-popular-searches__item:focus {
  padding: 6px 8px 7px 8px;
  font-family: 'Fraktion Mono Regular', monospace;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  background-color: #c6effe;
  border: none;
}

.lt-contact-box {
  display: flex;
  padding: 1.5rem 2rem;
  padding-right: var(--grid-gutter-width);
  padding-left: var(--grid-gutter-width);
  font-size: 0.875rem;
  color: #000;
  flex-direction: column;
  border: 1px solid #505050;
  border-radius: 0px;
  align-items: flex-start;
}

.lt-contact-box__icon {
  width: $contact_boxes_icon_size;
  height: $contact_boxes_icon_size;
}

.lt-contact-box__text {
  color: var(--meta-text-color);
}

.lt-info-block {
  border: 1px solid #0D0D0D;
  border-radius: 0px;
}

.lt-info-block-container + .lt-home-container,
.lt-home-container:first-child {
  padding-top: 4rem;
}

.lt-info-block-container + .lt-footer-submit-ticket {
  margin-top: 4rem;
}

.lt-vote {
  width: 100%;
}

.lt-vote [aria-selected="true"] {
  z-index: 2;
}

.lt-vote__sum {
  display: block;
  width: 100%;
  padding-top: calc(var(--line-height-computed) / 4);
  padding-bottom: calc(var(--line-height-computed) / 4);
  font-weight: var(--strong-font-weight);
  text-align: center;
}

.lt-vote__control {
  position: relative;
  z-index: 1;
  display: block !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #000;
  border-color: #505050;
}

.lt-vote__control:hover,
.lt-vote__control:active {
  z-index: 2;
}

.lt-vote__control--active {
  color: #000;
  border-color: #000;
}

:root {
  --custom-header-height: 64px;
}

.custom-header {
  position: sticky;
  top: 0;
  z-index: 100;

  display: flex;
  width: 100%;
  height: var(--custom-header-height);

  box-sizing: border-box;
  margin-bottom: 56px !important;
  background-color: #fff;

  border-bottom: 1px solid #0D0D0D;
  align-items: center;

  transition: all 0.3s ease;
}

/** Sticky article sidebar **/
.lt-sticky-sidebar {
  position: sticky;
  top: calc(
    var(--custom-header-height) + 20px
  ); /* Adjust according to your header's height */
  max-height: calc(
    100vh - var(--custom-header-height) - 20px
  ); /* Adjust according to your header's height */
  overflow-y: auto;
}

[dir="ltr"] .custom-header {
  padding: 0px 16px 0 32px;
}

[dir="rtl"] .custom-header {
  padding: 0px 32px 0 16px;
}

[dir="ltr"] .custom-header__logo-container {
  padding: 15px 32px 15px 0;
  border-right: 1px solid #0D0D0D;
}

[dir="rtl"] .custom-header__logo-container {
  padding: 15px 0 15px 32px;
  border-left: 1px solid #0D0D0D;
}

.logo-container__logo {
  width: 217px;
  height: 34px;
}

.custom-header__mobile-menu-toggle {
  position: relative;
  width: 24px;
  height: 24px;
  padding: 0;
  color: #0D0D0D;
  cursor: pointer;
  background-color: transparent;
  border: none;
  -o-object-fit: none;
  object-fit: none;
  flex: none;
  align-self: center;
}

[dir="ltr"] .custom-header__mobile-menu-toggle {
  margin-left: auto;
}

[dir="rtl"] .custom-header__mobile-menu-toggle {
  margin-right: auto;
}

.custom-header__mobile-menu-toggle:before {
  position: absolute;
  top: 7px;
  width: 20px;
  height: 2px;
  padding: 0 !important;
  content: "";
  background-color: currentColor;
  border-radius: 1px;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

[dir="ltr"] .custom-header__mobile-menu-toggle:before {
  left: 2px;
}

[dir="rtl"] .custom-header__mobile-menu-toggle:before {
  right: 2px;
}

.custom-header__mobile-menu-toggle:after {
  position: absolute;
  bottom: 7px;
  width: 20px;
  height: 2px;
  padding: 0 !important;
  content: "";
  background-color: currentColor;
  border-radius: 1px;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

[dir="ltr"] .custom-header__mobile-menu-toggle:after {
  left: 2px;
}

[dir="rtl"] .custom-header__mobile-menu-toggle:after {
  right: 2px;
}

[dir="ltr"] .custom-header__mobile-menu-toggle.menu-open:before {
  transform: translateY(4px) rotateZ(45deg);
}

[dir="rtl"] .custom-header__mobile-menu-toggle.menu-open:before {
  transform: translateY(4px) rotateZ(-45deg);
}

[dir="ltr"] .custom-header__mobile-menu-toggle.menu-open:after {
  transform: translateY(-4px) rotateZ(-45deg);
}

[dir="rtl"] .custom-header__mobile-menu-toggle.menu-open:after {
  transform: translateY(-4px) rotateZ(45deg);
}

.custom-header__mobile-nav {
  position: absolute;
  top: var(--custom-header-height);
  z-index: 99;
  display: flex;
  width: 100%;

  max-width: none;
  margin-top: 0;
  overflow: visible;
  flex-direction: column;
  background-color: #fff;
  border-color: #0D0D0D;
  border-style: none none solid;
  border-width: 1px;
  transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transform: translateY(-150%) translateX(0px);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -o-object-fit: fill;
  object-fit: fill;
}

[dir="ltr"] .custom-header__mobile-nav {
  left: 0;
  padding: 8px 16px 0 32px;
  margin-right: auto;
  margin-left: 0;
}

[dir="rtl"] .custom-header__mobile-nav {
  right: 0;
  padding: 8px 32px 0 16px;
  margin-right: 0;
  margin-left: auto;
}

.custom-header__mobile-nav.expanded {
  transform: translateY(0px) translateX(0px);
}

.mobile-nav__dropdown {
  position: relative;
  color: #fff;
}

.dropdown__item {
  position: relative;
  padding: 12px 20px;
  margin: 0;
  font-family: PP Fraktion Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  color: #0D0D0D;
  text-transform: uppercase;
  letter-spacing: -0.03em;
  white-space: nowrap;
}

.item__icon {
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  content: "";
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transform: translateY(-50%);
}

[dir="ltr"] .item__icon {
  right: 0;
}

[dir="rtl"] .item__icon {
  left: 0;
}

.dropdown__nav {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;

  flex-direction: column;
}

.dropdown__nav a {
  font-family: 'Inter', sans-serif;
  color: #1e1e1e;
}

.nav__link {
  min-width: 240px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #1e1e1e;
  letter-spacing: -0.15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transition: color 0.2s ease-out, border-color 0.2 ease-out;
}

[dir="ltr"] .nav__link {
  padding: 6px 16px 8px 52px;
  margin-right: -16px;
  margin-left: -32px;
}

[dir="rtl"] .nav__link {
  padding: 6px 52px 8px 16px;
  margin-right: -32px;
  margin-left: -16px;
}

.nav__link:hover {
  color: #0D0D0D;
  border-color: #0D0D0D;
}

.mobile-nav__signin-container {
  display: flex;
  width: 100%;
  padding: 24px 0;
  align-items: center;
  justify-content: center;
}

.signin-container__button {
  display: flex;
  height: 35px;
  padding: 0px 40px;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  background-color: #1d4eff;
  border: none;
  justify-content: center;
  align-items: center;
}

.signin-container__button:hover {
  color: #fff;
  background-color: #1d4eff;
}

.custom-header__desktop-nav {
  display: none;
}

.custom-header__signin-button {
  display: none;
}
/* Default styles */
[dir="ltr"] .custom-header__logo-container {
  padding: 7px 32px 7px 0;
}

[dir="rtl"] .custom-header__logo-container {
  padding: 7px 0 7px 32px;
}

.custom-header__logo-container .logo-wrapper {
  display: flex;
  align-items: center; /* Align items vertically centered */
}

.logo-container__logo {
 height: auto;
  width: 100%;
  max-width: 150px; /* Ensure a maximum width for larger screens */
  margin-right: 10px; /* Add some spacing between the images */
}

.logo-container__logo:last-child {
  margin-right: 0; /* Remove the margin from the last image */
}

.custom-header.custom-header {
  height: 70px; /* Adjust this value to shorten the header height */
  display: flex;
  align-items: center; /* Ensure content is vertically centered */
}

/* Media query for large screens */
@media (min-width: 1400px) {
  :root {
    --custom-header-height: 80px;
  }

  .custom-header.custom-header {
    padding: 0px 5px;
  }

  .custom-header__desktop-nav {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 32px;
  }

  .desktop-nav__desktop-dropdown {
    position: relative;
    cursor: pointer;
  }

  .desktop-dropdown__item {
    position: relative;
    margin: 0;
    font-family: 'Fraktion Sans Bold', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    color: #0d0d0d;
    text-transform: uppercase;
    letter-spacing: -0.03em;
    white-space: nowrap;
  }

  [dir="ltr"] .desktop-dropdown__item {
    padding: 32px 22px 32px 20px;
  }

  [dir="rtl"] .desktop-dropdown__item {
    padding: 32px 20px 32px 22px;
  }

  .desktop-dropdown__item > .item__icon > svg {
    stroke: #0d0d0d;
  }

  .desktop-dropdown__nav {
    position: absolute;
    top: calc(var(--custom-header-height) - 5px); /** Spacing between dropdown and header border **/
    display: none;
    flex-direction: column;
    background-color: #fff;
    border-color: #505050;
    border-style: none solid solid solid;
    border-width: 1px;
  }

  .desktop-dropdown__nav > .nav__link {
    min-width: 240px;
    padding: 12px 18px;
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    color: #1e1e1e;
    letter-spacing: -0.15px;
    transition: color 0.2s;
  }

  .desktop-dropdown__nav > .nav__link:first-child {
    border-top: none;
  }

  .desktop-dropdown__nav > .nav__link:last-child {
    border-bottom: none;
  }

  .custom-header__signin-button {
    display: flex;
    height: 48px;
    padding: 0px 40px;
    color: white;
    background-color: #1D4EFF;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
  }

  [dir="ltr"] .custom-header__signin-button {
    margin-left: auto;
  }

  [dir="rtl"] .custom-header__signin-button {
    margin-right: auto;
  }

  .custom-header__signin-button:hover {
    color: white;
    background-color: #5378ff;
  }

  .custom-header__mobile-menu-toggle {
    display: none; /* Hide mobile menu toggle on large screens */
  }
}

/* Media query for screens 1400px or smaller */
@media (max-width: 1400px) {
  .custom-header__mobile-menu-toggle {
    display: flex; /* Show mobile menu toggle on screens 1400px or smaller */
  }

  /* Media query for mobile view */
  @media (max-width: 768px) {
    [dir="ltr"] .custom-header__logo-container {
      padding: 7px 16px 7px 0; /* Adjust padding for mobile */
    }

    [dir="rtl"] .custom-header__logo-container {
      padding: 7px 0 7px 16px; /* Adjust padding for mobile */
    }

    .logo-container__logo {
      width: 50%; /* Adjust width to be proportional */
      max-width: 150px; /* Ensure a maximum width for mobile */
      height: auto; /* Maintain aspect ratio */
      margin-right: 5px; /* Adjust spacing for mobile */
    }

    .custom-header__logo-container .logo-wrapper {
      flex-direction: row; /* Keep images side by side on mobile */
      align-items: center; /* Align items to the center */
    }

    .logo-container__logo {
      margin-bottom: 0; /* No bottom margin needed */
    }

    .custom-header__mobile-nav {
      display: flex;
      flex-direction: column;
      padding: 0;
    }

    .custom-header__desktop-nav {
      display: none; /* Hide desktop nav on mobile */
    }

    .custom-header.custom-header {
      height: auto; /* Adjust height to fit content */
      flex-direction: column; /* Stack items vertically */
      align-items: flex-start; /* Align items to the start */
      padding: 0 16px; /* Adjust padding for mobile */
    }

    .custom-header__mobile-nav .desktop-dropdown__item {
      padding: 12px 0; /* Adjust padding for mobile dropdown items */
    }
  }
}

/** FOOTER START **/

.custom-footer {
  background-color: #fff;
}

.custom-footer nav a:hover {
  color: #1d4eff;
}

.custom-footer__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.content__upper {
  grid-template-columns: 1fr 1fr;
  row-gap: 2rem;
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
  display: flex;
  justify-content: space-between;
}


.upper__logo {
  grid-column: 1 / span 2;
  margin-bottom: 2rem;
}

.upper__logo a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.upper__column {
  font-size: 15px;
  width: 25%;
  margin-left: 5rem; /* Add space to the left of each column */
}


.upper__column h6 {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}

.upper__column nav {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.upper__column nav a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #0D0D0D;
}

.content__lower {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}


.content__lower {
  display: flex;
  
  align-items: center;
  margin-top: 1rem;
}

.lower__copyright {
  order: 2;
  font-size: 13px;
}

.lower__socials {
  display: grid;
  padding: 0;
  margin: 0;
  list-style: none;
  order: 1;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr 1fr;
  gap: 0.5rem;
}

.footer-rating-number {
  font-size: 48px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}
.footer-rating-scale {
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
}
.footer-stars {
  color: #ffcc00;
  margin: 10px 0;
}
.footer-stars span {
  font-size: 24px;
  margin-right: 2px;
}
.footer-review-text {
  font-size: 14px;
}
.footer-review-text strong {
  font-weight: bold;
}
.footer-review-text a {
  color: #000;
  text-decoration: none;
}
.footer-review-text a:hover {
  text-decoration: underline;
}
.footer-line {
  border-top: 1px solid #ddd;
  width: 38%
  margin: 10px 0;
}



/** Footer rating mobile **/

.footer-rating-number-mobile {
  font-size: 48px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}
.footer-rating-scale-mobile {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
}
.footer-stars-mobile {
  color: #ffcc00;
  margin: 10px 0;
}
.footer-stars-mobile span {
  font-size: 24px;
  margin-right: 2px;
}
.footer-review-text-mobile {
  font-size: 14px;
}
.footer-review-text-mobile strong {
  font-weight: bold;
}
.footer-review-text-mobile a {
  color: #000;
  text-decoration: none;
}
.footer-review-text-mobile a:hover {
  text-decoration: underline;
}
.footer-line-mobile {
  border-top: 1px solid #ddd;
  width: 30%;
  margin: 10px 0;
}
.upper__logo {
  order: 0;
  grid-column: 1;
}

.content__lower {
  display: flex;
  margin-top: 3rem;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.lower__copyright {
  order: 1;
  color: #858585;
}

.lower__socials {
  order: 2;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: 1fr;
}

.mobile-footer {
  display: none; /* Hide mobile footer by default */
}

.content__lower-mobile {
  display: flex;
  flex-direction: column; /* Change to column layout */
  align-items: flex-start; /* Center align items */
  margin-top: 3rem;
  font-size: 10px;
  color: #858585;
}

.lower__copyright-mobile {
  margin-bottom: 1rem; /* Add some space below the copyright line */
}

.lower__socials-mobile {
  display: flex;
  flex-direction: row; /* Keep the icons in a row */
  justify-content: center; /* Center the icons */
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.lower__socials-mobile li {
  margin-right: 0.5rem; /* Adjust the spacing as needed */
}

.lower__socials-mobile li:last-child {
  margin-right: 0; /* Remove margin for the last item */
}


@media (max-width: 768px) {
  .content__upper,
  .content__lower {
    display: none; /* Hide main footer content on smaller screens */
  }

  .mobile-footer {
    display: block; /* Show mobile footer on smaller screens */
  }
}

/** FOOTER END **/

.featured-articles--wrapper {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  background-color: #f2f2f2;
  border-top: 1px solid #000; /* Top border */
  border-bottom: 1px solid #000; /* Bottom border */
}

.enterprise-articles--wrapper {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  background-color: #fcfcfc;
  border-top: 1px solid #000; /* Top border */
}

.featured-articles--title * {
  margin: 0;
}

.featured-articles--title {
  display: flex;
  margin-bottom: 1.25rem;
  flex-direction: column;
  gap: 1rem;
}

.featured-articles--title a {
  color: #0D0D0D;
  transition: color 0.3s ease;
}

.featured-articles--title a:hover {
  text-decoration: underline;
}
@media (min-width: 576px) {
  .featured-articles--title {
    margin-bottom: 1rem;
    flex-direction: row;
    align-items: flex-end;
  }
}

.featured-articles--description {
  max-width: 650px;
  margin-bottom: 2rem;
}

.featured-articles {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 768px) {
  .featured-articles {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .featured-articles {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.featured-article {
  position: relative;

  display: grid;
  padding: 0;
  margin: 0;
  background-color: #fff;

  border: 1px solid #505050;
  grid-template-rows: 220px 1fr;
}

.featured-article__image {
  position: relative;

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

.featured-article__content {
  display: grid;
  padding: 2rem;
  border-top: 1px solid #505050;
  grid-template-rows: 1fr 2fr 1fr;
  gap: 0.5rem;
}

.featured-article__content * {
  margin: 0;
}

.featured-article__content h5,
.featured-article__content p {
  color: #0D0D0D;
}

.featured-article__more {
  align-self: flex-end;
  color: #0D0D0D;
  transition: color 0.3s ease;
}

.featured-article__more:hover {
  color: rgba(29, 78, 255, 1);
}

.releases--title * {
  margin: 0;
}

.releases--title {
  display: flex;
  margin-bottom: 1.25rem;
  flex-direction: column;
  gap: 1rem;
}

.releases--title a {
  color: #0D0D0D;
}

.releases--title a:hover {
  text-decoration: underline;
}
@media (min-width: 576px) {
  .releases--title {
    margin-bottom: 2rem;
    flex-direction: row;
    align-items: flex-end;
  }
}

.releases {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  row-gap: 2rem;
}
@media (min-width: 768px) {
  .releases {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .releases {
    grid-template-columns: repeat(3, 1fr);
  }
}

.releases-article__version {
  font-family: 'Fraktion Mono Regular', monospace;
}

.releases-article__content * {
  padding: 0;
  margin: 0;
}

.releases-article__content {
  display: grid;
  grid-template-rows: auto 1fr 40px;
  gap: 0.5rem;
  height: 100%;
}

.releases-article__title {
  margin-bottom: 0.5rem;
}

.releases-article__more {
  align-self: end;
  color: #0D0D0D;

  transition: color 0.3s ease;
}

.releases-article__more:hover {
  color: rgba(29, 78, 255, 1);
}

.get-started {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  border: 1px solid #505050;
}
@media (min-width: 960px) {
  .get-started {
    grid-template-columns: 2fr 3fr;
    grid-template-rows: none;
    height: auto;
  }
}

.get-started__content {
  display: grid;
  height: 100%;
  padding: 1.5rem;
  color: #fff;
  background-color: #1D4EFF;
  grid-template-rows: 3fr auto auto;
  grid-row: 2;
}

.get-started__content h2 {
  max-width: 200px;
}

.get-started__content a {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-size: 16px;
  color: #1D4EFF;
  background-color: #fff;
}
@media (min-width: 960px) {
  .get-started__content {
    grid-column: 1;
    grid-row: unset;
  }
}

.get-started__video {
  grid-row: 1;
  background-color: #0D0D0D;
}
@media (min-width: 960px) {
  .get-started__video {
    grid-column: 2;
    grid-row: unset;
  }
}

.get-started-video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
}

.get-started-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.custom-blocks-title-container * {
  margin: 0;
}

.custom-blocks-title-container {
  display: flex;
  margin-bottom: 1.25rem;
  flex-direction: column;
  gap: 1rem;
}

.custom-blocks-title-container a {
  color: #0D0D0D;
}

.custom-blocks-title-container a:hover {
  text-decoration: underline;
}

@media (min-width: 576px) {
  .custom-blocks-title-container {
    margin-bottom: 1rem;
    flex-direction: row;
    align-items: flex-end;
  }
}

/**TUTORIALS **/

.tutorials--wrapper {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  background-color: #f2f2f2;
}

.tutorials--title * {
  margin: 0;
}

.tutorials--title {
  display: flex;
  margin-bottom: 1.25rem;
  flex-direction: column;
  gap: 1rem;
}

.tutorials--title a {
  color: #0D0D0D;
}

.tutorials--title a:hover {
  text-decoration: underline;
}
@media (min-width: 576px) {
  .tutorials--title {
    margin-bottom: 1rem;
    flex-direction: row;
    align-items: flex-end;
  }
}

.tutorials--description {
  max-width: 650px;
  margin: 0;
}

.vanta--description {
  max-width: 650px;
  margin: 10px;
  color: #fff;
  font-size: 20px;
}


.tutorials {
  overflow: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.tutorials::-webkit-scrollbar {
  height: 0;
}

.tutorials--carousel {
  display: grid;
  box-sizing: border-box;
  margin: auto;
  gap: 3rem;
  grid-auto-flow: column;
  grid-auto-columns: 345px;
}

.tutorial-article {
  position: relative;
  display: block;
  width: 380px;
  min-width: 380px;
  overflow: hidden;
  color: #0D0D0D;
  border: 1px solid #000000;
}

.tutorial-article * {
  margin: 0;
}

.tutorial-article article {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-rows: 195px 1fr;
}

.tutorials--buttons {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 0.5rem;
}
@media (min-width: 576px) {
  .tutorials--buttons {
    margin-bottom: 0;
  }
}

.button--prev,
.button--next {
  color: #505050;
  background-color: #fff;
  border: 1px solid #505050;
  aspect-ratio: 1 / 1;
}

[dir="ltr"] .button--next {
  border-left: 1px solid transparent;
}

[dir="rtl"] .button--next {
  border-right: 1px solid transparent;
}

.button--next.inactive,
.button--prev.inactive {
  opacity: 0.3;
}

[dir="ltr"] .button--prev.inactive + .button--next {
  border-left: 1px solid #505050;
}

[dir="rtl"] .button--prev.inactive + .button--next {
  border-right: 1px solid #505050;
}

[dir="ltr"] .button--prev.inactive {
  border-right-color: transparent;
}

[dir="rtl"] .button--prev.inactive {
  border-left-color: transparent;
}

.tutorial-article__level {
  font-family: 'Fraktion Mono Regular', monospace;
  font-size: 12px;
  text-transform: uppercase;
}

.tutorial-article__title {
  max-width: 2;
  font-family: 'Fraktion Sans Bold', sans-serif;
  text-transform: uppercase;
}

.tutorial-article__preview {
  color: #000000;
}

.tutorial-article__content {
  z-index: 10;
  display: grid;
  padding: 1rem 1.25rem;
  background-color: transparent;
  grid-template-rows: 14px auto 1fr;
  gap: 0.5rem;
  border-top: 1px solid #333; /* Change #333 to your desired color */
}

.tutorial-article__image {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #e8f9ff;
}

.enterprise-article__image {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.tutorial-article__image .timestamp {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  font-size: 12px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  padding: 0.25rem;
}

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

.tutorial-article__bg {
  position: absolute;
  bottom: 0%;
  z-index: 5;
  width: 130%;
  height: 100%;
  background: #fff;
}

[dir="ltr"] .tutorial-article__bg {
  left: 0;
  transform: rotate(30deg) translate(-31px, 138px);
}

[dir="rtl"] .tutorial-article__bg {
  right: 0;
  transform: rotate(-30deg) translate(31px, 138px);
}

/* Search */
/* Search */
.search {
  position: relative;
  display: flex;
}

.search:before {
  position: absolute;
  top: 50%;
  width: 1rem;
  height: 1rem;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  color: #000;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='search' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-search fa-w-16 fa-3x'%3E%3Cpath fill='currentColor' d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z' class=''%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[dir="ltr"] .search:before {
  left: 1rem;
}

[dir="rtl"] .search:before {
  right: 1rem;
}

.searchbox {
  margin-top: calc(var(--line-height-computed));
}

.searchbox-suggestions ul {
  margin-bottom: calc(var(--line-height-computed));
  list-style: none;
}

.searchbox-suggestions li {
  margin-bottom: calc(var(--line-height-computed) / 3);
}

[dir="ltr"] .searchbox-suggestions ul {
  padding-left: 0;
}

[dir="rtl"] .searchbox-suggestions ul {
  padding-right: 0;
}

.lt-search-box {
  position: relative;
}

.lt-search-box #query {
  height: 50px;
  padding: 0.875rem 2.5rem;
  font-size: 20px;
  border-color: #505050;
  transition: border 0.3s ease;
  transition: border 0.3s ease, background-color 0.3s ease;
}

.lt-search-box #query:focus {
  background-color: #fff;
  border-color: #505050;
  outline: 0;
}

.lt-search-box--small {
  background-color: #E8F9FF;
}

.lt-search-box--hero-unit {
  z-index: 2;
  max-width: 720px;
  margin: 0 auto;
  transition: top 0.3s ease;
}

.lt-search-box--hero-unit .search:before {
  width: 1.5rem;
  height: 1.5rem;
}

.lt-search-box--hero-unit #query {
  padding: 0 3.5rem;
  background-color: rgba(255, 255, 255, 0.9);
}

@media (min-width: 768px) {
  .lt-search-box--hero-unit #query {
    height: 60px;
  }
}

.lt-search-box--hero-unit input[type="submit"] {
  display: inline-block;
  height: 60px;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .lt-search-box--hero-unit input[type="submit"] {
    display: none;
  }
}

[dir="ltr"] .lt-search-box--hero-unit .search:before {
  left: 20px;
}

[dir="ltr"] .lt-search-box--hero-unit input[type="submit"] {
  margin-left: 16px;
}

[dir="rtl"] .lt-search-box--hero-unit .search:before {
  right: 20px;
}

[dir="rtl"] .lt-search-box--hero-unit input[type="submit"] {
  margin-right: 16px;
}

.lt-search-results-page {
  margin-bottom: calc(var(--line-height-computed) * 2);
}

.lt-search-result {
  border-bottom: var(--border-width) solid #505050;
}

.lt-search-result__text em {
  padding: 0 3px;
  font-style: normal;
  font-weight: var(--strong-font-weight);
  background-color: #fff3ca;
  border-radius: 3px;
}
/* ==========================================================================
  Search Results Filters
   ========================================================================== */
.lt-search-filters {
  font-size: 0.875rem;
  background-color: var(--gray-lighter);
  border-radius: 0px;
}

.lt-search-filter__btn {
  position: relative;
  display: block;
  width: 100%;
  cursor: pointer;
  border: 0;
}

[dir="ltr"] .lt-search-filter__btn {
  text-align: left;
}

[dir="rtl"] .lt-search-filter__btn {
  text-align: right;
}

.lt-search-filter__btn:after {
  position: absolute;
  top: 50%;
  display: block;
  font-family: "Font Awesome 6 Free", sans-serif;
  font-weight: 900;
  line-height: 1.5;
  color: inherit;
  content: "\f107";
  transition: all 0.3s ease;
  transform: translateY(-50%);
}

[dir="ltr"] .lt-search-filter__btn:after {
  right: 0.5rem;
}

[dir="rtl"] .lt-search-filter__btn:after {
  left: 0.5rem;
}

[dir="ltr"] .lt-search-filter__btn.is-active:after {
  transform: translateY(-50%) rotate(-180deg);
}

[dir="rtl"] .lt-search-filter__btn.is-active:after {
  transform: translateY(-50%) rotate(180deg);
}

.lt-search-filter__item.is-active .lt-search-filter__link {
  color: #fff;
  background-color: #1D4EFF;
  border-color: #1D4EFF;
}

.lt-search-filter__link {
  align-items: center;
  color: #000;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 0px;
  transition: all 0.3s ease;
}

.lt-search-filter__link:hover,
.lt-search-filter__link:focus,
.lt-search-filter__link:active {
  background-color: var(--gray-lightest);
  border-color: var(--gray-lightest);
}

.lt-search-filter__link:active {
  background-image: none;
  outline: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.lt-search-filter__count {
  display: inline-flex;
  font-size: var(--font-size-small);
}
/* My Activities */
.lt-my-activities-items {
  width: 100%;
  margin-bottom: calc(var(--line-height-computed) * 2);
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
@media (min-width: 576px) {
  .lt-my-activities-items {
    table-layout: auto;
  }
}

.lt-my-activities-items__head {
  display: none;
  color: var(--meta-text-color);
}
@media (min-width: 576px) {
  .lt-my-activities-items__head {
    display: table-header-group;
    font-size: var(--font-size-small);
    font-weight: var(--strong-font-weight);
    text-transform: uppercase;
  }
}
@media (min-width: 576px) {
  .lt-my-activities-items__body {
    display: table-row-group;
  }
}

.lt-my-activities-items__row {
  display: block;
}
@media (min-width: 576px) {
  .lt-my-activities-items__row {
    display: table-row;
  }
}

.lt-my-activities-items__col {
  display: block;
}
@media (min-width: 576px) {
  .lt-my-activities-items__col {
    display: table-cell;
    padding-top: calc(var(--line-height-computed) / 2);
    padding-bottom: calc(var(--line-height-computed) / 2);
    border-bottom: 1px solid #505050;
  }

  [dir="ltr"] .lt-my-activities-items__col + .lt-my-activities-items__col {
    padding-left: var(--padding-base-horizontal);
  }

  [dir="rtl"] .lt-my-activities-items__col + .lt-my-activities-items__col {
    padding-right: var(--padding-base-horizontal);
  }
}
@media (max-width: 575px) {
  .lt-my-activities-items__request-id {
    display: inline;
  }
}
@media (min-width: 576px) {
  .lt-my-activities-items__request-id {
    display: none;
  }
}

.lt-my-activities-items__col .requests-link {
  color: var(--meta-text-color);
  white-space: nowrap;
}

.lt-my-activities-items__col
  .requests-link[href*="asc"]
  .requests-sort-symbol:after {
  content: "\f0d8";
}
@media (min-width: 576px) {
  [dir="ltr"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-left: 1rem;
  }

  [dir="rtl"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-right: 1rem;
  }
}

.lt-my-activities-menu--main {
  border-bottom: var(--border-width) solid #505050;
}

.lt-my-activities-menu--main .lt-my-activities-menu-item {
  padding: 0.5rem 1rem;
  background-color: rgba(29, 78, 255, 1);
  border-radius: 0px;
}

.lt-my-activities-menu-item__link,
.lt-my-activities-menu-item__link:hover,
.lt-my-activities-menu-item__link:focus {
  color: #fff;
}

.lt-my-activities-menu--main .lt-my-activities-menu-item.is-active {
  font-weight: var(--strong-font-weight);
  color: #000;
  background-color: var(--gray-lighter);
}

.lt-my-activities-menu--sub .lt-my-activities-menu-item.is-active {
  font-weight: var(--strong-font-weight);
}

.lt-my-activities-menu-item {
  margin-bottom: 1rem;
}
@media (min-width: 576px) {
  [dir="ltr"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-left: 1rem;
  }

  [dir="rtl"] .lt-my-activities-menu-item + .lt-my-activities-menu-item {
    margin-right: 1rem;
  }
}
@media (min-width: 576px) {
  .lt-my-activities-menu--sub
    .lt-my-activities-menu-item
    + .lt-my-activities-menu-item:before {
    font-size: 10px;
    content: "\2022";
  }

  [dir="ltr"]
    .lt-my-activities-menu--sub
    .lt-my-activities-menu-item
    + .lt-my-activities-menu-item:before {
    margin-right: 1rem;
  }

  [dir="rtl"]
    .lt-my-activities-menu--sub
    .lt-my-activities-menu-item
    + .lt-my-activities-menu-item:before {
    margin-left: 1rem;
  }
}
@media (max-width: 575px) {
  .lt-my-activities-item {
    padding: calc(var(--line-height-computed) / 2)
      var(--padding-base-horizontal);
    margin-bottom: calc(var(--line-height-computed));
    border: var(--border-width) solid #505050;
    border-radius: 0px;
  }
}

.lt-my-activities-item__meta {
  font-size: 14px;
  color: var(--meta-text-color);
}
@media (max-width: 575px) {
  .lt-my-activities-item__meta {
    display: inline-block;
    margin-right: calc(var(--padding-base-horizontal) / 2);
  }
}

.lt-my-activities-item__title {
  font-weight: 400;
}
@media (max-width: 575px) {
  .lt-my-activities-item__title {
    font-size: var(--font-size-h4);
  }
}
@media (max-width: 575px) {
  .lt-my-activities-item__icon {
    display: inline-block;
  }
}
@media (min-width: 576px) {
  .lt-my-activities-item__icon {
    display: none;
  }
}

.subscriptions-subscribe div {
  display: inline-block;
}
/* Comments */
/* ==========================================================================
  Comment Form
  ========================================================================== */
.lt-comment-form {
  position: relative;
  margin-bottom: 24px;
}
@media (min-width: 576px) {
  .lt-comment-form {
    padding-left: 3.5rem;
  }
}

.lt-comment-form__avatar {
  position: absolute;
  top: 0;
}

@media (max-width: 575px) {
  .lt-comment-form__avatar {
    display: none;
  }
}

[dir="ltr"] .lt-comment-form__avatar {
  left: 0;
}

[dir="rtl"] .lt-comment-form__avatar {
  right: 0;
}

.lt-comment-form__attachments {
  margin-bottom: 24px;
}

.lt-comment-form__mark-as-solved {
  position: relative;
}

.lt-comment-form__ccs {
  margin-bottom: 0;
}

.lt-comment-form__ccs + textarea {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.lt-comment-form__body {
  margin-bottom: 16px;
}
/* ==========================================================================
  Comment Sorter
  ========================================================================== */
.lt-comment-sorter {
  border-bottom: var(--border-width) solid var(--gray-lighter);
}

.lt-comment-sorter__item.is-active {
  font-weight: 600;
}

.lt-comment-sorter__item + .lt-comment-sorter__item:before {
  margin: 0 6px;
  font-size: 10px;
  font-weight: 900;
  content: "\2022";
}
/* ==========================================================================
  Comment
  ========================================================================== */
.lt-comment {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: var(--border-width) solid #505050;
}

.lt-comment__inner {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.lt-comment__header {
  position: relative;
  margin-bottom: 24px;
}

.lt-comment__content {
  flex-grow: 1;
}

.lt-comment__voting-and-actions {
  flex-shrink: 0;
}

[dir="ltr"] .lt-comment__voting-and-actions {
  margin-left: 16px;
}

[dir="rtl"] .lt-comment__voting-and-actions {
  margin-right: 16px;
}

.lt-comment__official-heading {
  position: absolute;
  top: 0;
  width: auto;
  padding: 2px 8px;
  font-size: var(--font-size-small);
  color: #fff;
  background-color: #0D0D0D;
  border-radius: 0 0 0px 0px;
}

[dir="ltr"] .lt-comment__official-heading {
  right: 36px;
}

[dir="rtl"] .lt-comment__official-heading {
  left: 36px;
}

.lt-comment--official .lt-comment__inner {
  position: relative;
  padding: 24px;
  border: var(--border-width) solid #0D0D0D;
  border-radius: 0px;
}

.lt-comment__body {
  margin-bottom: 24px;
  word-break: break-word;
}

.lt-comment__body ul {
  list-style: disc;
}

.lt-comment__body ul ul,
.lt-comment__body ul ol,
.lt-comment__body ol ul,
.lt-comment__body ol ol {
  margin-top: 12px;
}

.lt-comment__body ul li,
.lt-comment__body ol li {
  margin-bottom: 12px;
}

@media (max-width: 575px) {
  .lt-comment__body {
    margin-bottom: 0;
  }
}

[dir="ltr"] .lt-comment__body ul,
[dir="ltr"] .lt-comment__body ol {
  padding-left: 20px;
}

[dir="rtl"] .lt-comment__body ul,
[dir="rtl"] .lt-comment__body ol {
  padding-right: 20px;
}

.lt-comment__actions {
  padding-top: 8px;
}

.lt-comment__actions button {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  cursor: pointer;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  align-items: center;
  justify-content: center;
}
/* Comment List */
.lt-comments {
  margin-bottom: 48px;
}

.lt-comments__callout:empty {
  display: none;
}

.lt-comments__list {
  list-style: none;
}

[dir="ltr"] .lt-comments__list {
  padding-left: 0;
}

[dir="rtl"] .lt-comments__list {
  padding-right: 0;
}
/* Article */
.lt-article-box {
  display: flex;
  padding: 2rem;
  font-size: 0.875rem;
  color: #000;
  flex-direction: column;
  background-color: var(--gray-lightest);
  border-radius: 0px;
  align-items: flex-start;
}

.lt-article-box__icon {
  width: 2rem;
  height: 2rem;
}

.lt-article-box__text {
  color: var(--meta-text-color);
}

.lt-article-boxes {
  display: grid;
  grid-gap: 1rem;
}
@media (min-width: 992px) {
  .sidenav-enabled .lt-article-boxes,
  .toc-enabled .lt-article-boxes {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.lt-article-container {
  display: flex;
  margin-right: calc(var(--grid-gutter-width) * -1);
  margin-left: calc(var(--grid-gutter-width) * -1);
  flex-wrap: wrap;
}

.lt-article-container__column {
  width: 100%;
  padding-right: var(--grid-gutter-width);
  padding-left: var(--grid-gutter-width);
}

.lt-article-container__sidenav,
.lt-article-container__toc {
  display: none;
}

html.sidenav-enabled .lt-article-container__sidenav,
.toc-enabled .lt-article-container__toc {
  display: block;
}

html.sidenav-enabled .lt-article-container__sidenav {
  padding-bottom: 24px;
}
@media (max-width: 991px) {
  .lt-article-container__sidebar {
    order: 1;
    padding-top: calc(var(--line-height-computed));
  }

  .lt-article-container__mobile-toc {
    order: 2;
  }

  .lt-article-container__toc {
    order: 3;
    margin-top: 1rem;
  }

  .lt-article-container__article {
    order: 4;
  }
}
@media (min-width: 992px) {
  .lt-article-container__article {
    width: calc(100% / 12 * 8);
  }

  .lt-article-container__sidebar {
    width: calc(100% / 12 * 2);
  }

  .toc-enabled .lt-article-container__toc {
    width: calc(100% / 12 * 2);
  }

  .toc-enabled .lt-article-container__sidebar {
    /* width: 100%; */
  }

  html.sidenav-enabled .lt-article-container__sidenav {
    width: calc(100% / 12 * 4);
  }

  html.sidenav-enabled .lt-article-container__sidebar {
    flex-grow: 1;
  }

  html[dir="ltr"].sidenav-enabled .lt-article-container__sidebar {
    margin-left: calc(100% / 12 * 4);
  }

  html[dir="rtl"].sidenav-enabled .lt-article-container__sidebar {
    margin-right: calc(100% / 12 * 4);
  }

  html.sidenav-enabled.toc-enabled .lt-article-container__sidenav,
  html.sidenav-enabled.toc-enabled .lt-article-container__toc {
    width: calc(100% / 12 * 3);--
  }

  html.sidenav-enabled.toc-enabled .lt-article-container__article {
    width: calc(100% / 12 * 6);
  }

  html[dir="ltr"].sidenav-enabled.toc-enabled .lt-article-container__sidebar {
    margin-left: calc(100% / 12 * 3);
  }

  html[dir="rtl"].sidenav-enabled.toc-enabled .lt-article-container__sidebar {
    margin-right: calc(100% / 12 * 3);
  }
}
@media (min-width: 992px) {
  html.sidenav-enabled.toc-enabled .lt-article-container__article {
    width: calc(100% / 12 * 7);
  }

  html.sidenav-enabled.toc-enabled .lt-article-container__toc {
    width: calc(100% / 12 * 2);
  }
}

/** ARTICLE LIST STYLE START. **/

.lt-article-list {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap; /* Ensures items wrap to the next line */
  gap: 10px; /* Adds space between the boxes */
  padding: 0;
  justify-content: flex-start; /* Aligns items to the left */
  align-items: stretch; /* Ensures all items in a row have the same height */
}

[dir="ltr"] .lt-article-list {
  padding-left: 0;
}

[dir="rtl"] .lt-article-list {
  padding-right: 0;
}

.lt-article-list-item {
  flex: 1 1 calc(33.333% - 20px); /* Each box takes up 1/3 of the row minus the gap */
  box-sizing: border-box; /* Ensures padding is included in the box's width */
  margin-top: 0; /* Remove any margin-top */
  max-width: calc(33.333% - 20px); /* Prevents items from stretching beyond 1/3 of the row */
  display: flex; /* Use flexbox to align the content within each item */
  flex-direction: column; /* Ensure the content within the box is arranged vertically */
}

.lt-article-list-item__link {
  display: flex; /* Use flexbox to align items */
  flex-direction: column; /* Arrange title and description vertically */
  justify-content: center; /* Center items vertically */
  align-items: center; /* Center items horizontally */
  background-color: black; /* Black background for each box */
  color: white; /* White text color by default */
  text-decoration: none; /* Removes underline from links */
  padding: 15px; /* Adds padding inside each box */
  text-align: center; /* Center the text inside each box */
  transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for background color change */
  height: 100%; /* Ensure the link fills the entire box */
  flex-grow: 1; /* Allow the link to fill the height of the item */
}

.lt-article-list-item__link:hover {
  background-color: #1d4eff; /* Change the background color on hover */
  color: white; /* Ensure the text color remains white */
}

.lt-article-list-item__title-wrapper {
  display: flex; /* Arrange star and title horizontally */
  align-items: center; /* Center vertically */
  justify-content: center; /* Center horizontally */
  flex-grow: 1; /* Allow it to fill available space */
}

.lt-article-list-item__title {
  margin: 0; /* Remove any default margins */
  font-size: 1.2em; /* Adjust font size as needed */
}

.lt-article-list-item__description {
  margin: 10px 0 0; /* Adds space above the description */
  font-size: 0.9em; /* Adjust font size for description */
  color: #cccccc; /* Slightly lighter color for the description text */
  flex-grow: 1; /* Allow description to take available vertical space */
  display: flex; /* Flexbox to align text vertically */
  align-items: center; /* Center the text vertically */
}

/* This class is applied when there is no description */
.lt-article-list-item__no-description .lt-article-list-item__title-wrapper {
  flex-grow: 1; /* Make the title wrapper take up the remaining space */
  justify-content: center; /* Center the title horizontally */
  align-items: center; /* Center the title vertically */
}

.lt-article-list-item--is-promoted span {
  position: relative;
  font-size: 10px;
  color: #fbce0a;
  vertical-align: middle;   
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .lt-article-list-item {
    flex: 1 1 calc(50% - 20px); /* Each box takes up 1/2 of the row minus the gap */
    max-width: calc(50% - 20px); /* Prevents items from stretching beyond 1/2 of the row */
  }
}

@media (max-width: 768px) {
  .lt-article-list-item {
    flex: 1 1 calc(100% - 20px); /* Each box takes up the full row minus the gap */
    max-width: calc(100% - 20px); /* Prevents items from stretching beyond the full row */
  }
}

/** ARTICLE LIST STYLE END. **/

.lt-article-vote {
  position: relative;

  padding: calc(var(--line-height-computed)) var(--padding-base-horizontal);
  background-color: var(--gray-lightest);
  border-radius: 0px;
}

.lt-article-vote__controls {
  display: block;
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.lt-article-vote__item {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.lt-article-vote__item:hover,
.lt-article-vote__item:focus,
.lt-article-vote__item:active {
  color: #fff;
  background-color: #1D4EFF;
  border-color: #1D4EFF;
}

.lt-article-vote__item:active {
  background-image: none;
}

.lt-article-vote__item:after {
  content: "";
}

.lt-article-vote__item--voted {
  color: #fff;
  background-color: #1D4EFF;
  border-color: #1D4EFF;
}

.lt-article-vote__question {
  display: block;
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.lt-article-vote__count {
  display: block;
  font-size: calc((16px * 0.75) - 2);

  color: var(--meta-text-color);
}

.lt-article-page {
  margin-bottom: calc(var(--line-height-computed) * 2);
}

.lt-article {
  position: relative;
}

[dir="ltr"] .lt-article-subscribe > * + * {
  margin-left: 1rem;
}

[dir="rtl"] .lt-article-subscribe > * + * {
  margin-right: 1rem;
}

.lt-article__body {
  margin-bottom: calc(var(--line-height-computed));
  word-break: break-word;
}

.lt-article__body h2,
.lt-article__body .wysiwyg-font-size-x-large {
  font-size: var(--font-size-h2);
  line-height: 1.2;
}

.lt-article__body .wysiwyg-font-size-large {
  font-size: var(--font-size-h3);
  line-height: 1.2;
}

.lt-article__body .wysiwyg-font-size-medium {
  font-size: var(--font-size-h4);
  line-height: 1.2;
}

.lt-article__body .wysiwyg-font-size-small {
  font-size: var(--font-size-small);
}

.lt-article__body ul ul,
.lt-article__body ul ol,
.lt-article__body ol ul,
.lt-article__body ol ol {
  margin-top: calc(var(--line-height-computed) / 2);
  margin-bottom: 0;
}

.lt-article__body ul li,
.lt-article__body ol li {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.lt-article__body a[target="_blank"]:after {
  display: inline-flex;
  margin: 0px 4px 0px 4px;
  font-family: "Font Awesome 6 Free", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  line-height: 1;
  content: "\f35d";
  -webkit-font-smoothing: antialiased;
  align-self: baseline;
  text-rendering: auto;
}

[dir="ltr"] .lt-article__body ul,
[dir="ltr"] .lt-article__body ol {
  padding-left: 20px;
}

[dir="rtl"] .lt-article__body ul,
[dir="rtl"] .lt-article__body ol {
  padding-right: 20px;
}
@media (max-width: 575px) {
  .lt-article-sidebar {
    padding-top: calc(var(--line-height-computed));

    border-top: var(--border-width) solid #505050;
  }
}

.content-tags__list {
  display: flex;
  padding: 0;
  list-style: none;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .content-tags__list {
    display: none;
  }

  .content-tags__list.is-active {
    display: flex;
  }
}

.content-tags__item {
  padding: 4px 12px;
  color: #000;
  background-color: transparent;
  border: 1px solid #505050;
  border-radius: 0px;
  transition: all 0.3s ease;
}

.content-tags__item:hover,
.content-tags__item:active,
.content-tags__item:focus {
  color: #000;
  background-color: #505050;
}

.content-tags__item--search {
  display: inline-flex;
  color: #fff;
  background-color: #1D4EFF;
}

.content-tags__item--search .label {
  display: inline-block;
}

.content-tags__item--search .close-icon {
  color: #fff;
}

.content-tags__item--search:hover,
.content-tags__item--search:active,
.content-tags__item--search:focus {
  color: #fff;
  background-color: #1D4EFF;
}

[dir="ltr"] .content-tags__item--search .label {
  margin-right: 3px;
}

[dir="rtl"] .content-tags__item--search .label {
  margin-left: 3px;
}
/* Category */
.lt-category-tree-item {
  margin-bottom: 4rem;
}

.lt-category-tree-item__sections {
  margin-bottom: calc(var(--line-height-computed));
}

.lt-category-tree-item__title-link {
  color: inherit;
}

.lt-category-accordion {
  border: 1px solid var(--gray-lighter);
  border-radius: 0px;
}

.lt-category-accordion__link {
  cursor: pointer;
  background-color: transparent;
  border: 0;
}

[dir="ltr"] .lt-category-accordion__link {
  text-align: left;
}

[dir="rtl"] .lt-category-accordion__link {
  text-align: right;
}

.lt-category-accordion__link:before {
  position: absolute;
  top: 50%;
  width: 1rem;
  height: 1rem;
  content: "";
  border-bottom: 2px solid #1D4EFF;
  transition: transform 0.3s;
}

[dir="ltr"] .lt-category-accordion__link:before {
  right: 1.5rem;
  border-left: 2px solid #1D4EFF;
  transform: rotate(-45deg) translateY(-50%);
}

[dir="rtl"] .lt-category-accordion__link:before {
  left: 1.5rem;
  border-right: 2px solid #1D4EFF;
  transform: rotate(45deg) translateY(-50%);
}

.lt-category-accordion__link--active:before {
  transition: transform 0.3s;
}

[dir="ltr"] .lt-category-accordion__link--active:before {
  transform: rotate(135deg);
}

[dir="rtl"] .lt-category-accordion__link--active:before {
  transform: rotate(-135deg);
}

.lt-category-accordion__sections {
  display: none;
  border-top: 1px solid var(--gray-lighter);
}
/* Section */
.lt-section-link {
  color: inherit;
}

.lt-section-articles {
  margin-bottom: calc(var(--line-height-computed));
}

.lt-section-articles__title {
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-size: var(--font-size-h4);
}

.lt-section-articles__icon {
  display: none;
}

@media (max-width: 991px) {
  .lt-section-articles h3 {
    margin: 0;
    position: relative;
  }

  .lt-section-articles {
    width: 100%;
    margin: 0;
    padding: 1.25rem 0;
    border-top: 1px solid rgba(221, 221, 221, 1);
    border-bottom: 1px solid rgba(221, 221, 221, 1);

  }

  .lt-section-articles__icon {
    display: inline-block;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 250ms;
  }

  .lt-section-articles__icon.rotate {
    transform: translateY(-50%) rotate(180deg);
  }

  .lt-section-articles ul {
    display: none;
  }
  
  .lt-section-articles #more-articles {
    display: none;
  }

  .lt-section-articles #more-articles.open {
    display: block;
    animation: fade-in 250ms forwards;
    opacity: 0;
  }

  .lt-section-articles ul a {
    width: 100%;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (min-width: 992px) {
  .lt-section-articles ul {
    display: block !important;
  }

  .lt-section-articles #more-articles {
    display: inline-block;
  }
}

/** Start - Shapr3D Custom code to adjust the sidebar**/

.lt-section-articles__link {
  padding: 5px 10px; /* Adjust padding to create consistent size */
  display: inline-block; /* Ensure consistent spacing */
  width: 100%;
  max-width: 250px; /* Adjust width as needed */
  text-align: left; /* Center the text horizontally */
  text-decoration: none; /* Remove default underline */
  color: #000000;
  font-size: 1.15em;
}

.lt-section-articles__link:hover,
.lt-section-articles__link.is-active {
  background-color: #1d4eff;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  border-radius: 0px;
}

.lt-section-articles__link:hover {
  background-color: #f5f5f5;
  color: #000000;
  text-decoration: none;
  font-weight: 400;
  border-radius: 0px;
}

.lt-section-articles__link.is-active:hover {
  background-color: #0A30D3; /* Keep the active color */
  color: #fff;
}

/** End - Shapr3D Custom code **/

@media (max-width: 991px) {
  .lt-section-articles__link {
    max-width: none;
  }
}
.lt-section-articles__link {

}

.lt-section-articles__list {
  list-style: none;
}

[dir="ltr"] .lt-section-articles__list {
  padding-left: 0;
}

[dir="rtl"] .lt-section-articles__list {
  padding-right: 0;
}

.lt-section-articles__item {
  margin-bottom: calc(var(--line-height-computed) / 2);
}
/* Community */
.lt-community-nav {
  border-bottom: var(--border-width) solid #505050;
}

.lt-community-nav-item {
  display: block;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  [dir="ltr"] .lt-community-nav-item + .lt-community-nav-item {
    margin-left: 1rem;
  }

  [dir="rtl"] .lt-community-nav-item + .lt-community-nav-item {
    margin-right: 1rem;
  }
}

.lt-community-nav-item.is-active {
  font-weight: var(--strong-font-weight);
}

[dir="ltr"] .lt-community-follow > * + * {
  margin-left: 1rem;
}

[dir="rtl"] .lt-community-follow > * + * {
  margin-right: 1rem;
}
@media (min-width: 576px) {
  .lt-topic-controls {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 576px) {
  .lt-topic-controls__item {
    display: flex;
    align-items: center;
  }
}

.lt-topic-controls__item--subscribe {
  display: flex;
  align-items: center;
}

.lt-post {
  position: relative;
}

.lt-post__text {
  word-wrap: break-word;
}

.lt-post__text ul {
  list-style: disc;
}

.lt-post__text ul ul,
.lt-post__text ul ol,
.lt-post__text ol ul,
.lt-post__text ol ol {
  margin-top: calc(var(--line-height-computed) / 2);
}

.lt-post__text ul li,
.lt-post__text ol li {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

[dir="ltr"] .lt-post__text ul,
[dir="ltr"] .lt-post__text ol {
  padding-left: 20px;
}

[dir="rtl"] .lt-post__text ul,
[dir="rtl"] .lt-post__text ol {
  padding-right: 20px;
}

.lt-post__body {
  word-break: break-word;
}

[dir="ltr"] .lt-post__body {
  padding-right: calc(40px + var(--padding-base-horizontal));
}

[dir="rtl"] .lt-post__body {
  padding-left: calc(40px + var(--padding-base-horizontal));
}

.lt-post__voting-and-actions {
  position: absolute;
  top: 0;
  width: 40px;
  text-align: center;
}

.lt-post__voting-and-actions .lt-dropdown-toggle {
  font-size: 0;
}

.lt-post__voting-and-actions .lt-dropdown-toggle:after {
  font-size: 16px;
  content: "\f013";
}

[dir="ltr"] .lt-post__voting-and-actions {
  right: 0;
}

[dir="ltr"] .lt-post__voting-and-actions .lt-dropdown-toggle:after {
  margin-left: 0;
}

[dir="rtl"] .lt-post__voting-and-actions {
  left: 0;
}

[dir="rtl"] .lt-post__voting-and-actions .lt-dropdown-toggle:after {
  margin-right: 0;
}

.lt-post__actions {
  padding-top: 8px;
}

.lt-post__actions .lt-dropdown-menu {
  width: auto;
}

.lt-post__actions .lt-dropdown-menu [role="menuitem"] {
  white-space: nowrap;
}

.lt-post__actions button {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  cursor: pointer;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  align-items: center;
  justify-content: center;
}

.lt-post-callout {
  background-color: var(--gray-lightest);
}
@media (max-width: 767px) {
  .lt-post-callout {
    text-align: center;
  }
}

.lt-post-list-item {
  padding-top: 1rem;
  margin-bottom: 1rem;

  border-top: var(--border-width) solid #505050;
}

.lt-post-list-item__icon {
  position: relative;
  top: -4px;
  font-size: 50%;
}

.lt-post-list-item__side {
  min-width: 120px;
}

.lt-post-status {
  display: inline-block;
  padding: 1px calc(var(--padding-base-horizontal) / 2);
  font-size: 12px;
  color: #fff;
  border-radius: 0px;
}

.lt-post-status--completed,
.lt-post-status--answered {
  background-color: rgba(236, 255, 235, 1);
}

.lt-post-status--planned {
  background-color: #0D0D0D;
}

.lt-post-status--not-planned {
  color: #000;
  background-color: var(--gray-lighter);
}

.community-badge {
  margin: 2px;
}

.community-badge-titles {
  display: inline-flex;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #0D0D0D;
  border-radius: 4px;
}

.community-badge-achievements {
  display: inline-block;
}

[dir="ltr"] .community-badge-achievements {
  margin: 0 0.25rem 0 0;
}

[dir="rtl"] .community-badge-achievements {
  margin: 0 0 0 0.25rem;
}

.community-badge-achievements img {
  width: 22px;
  height: 22px;
}

.community-badge-titles img {
  width: 20px;
  height: 20px;
}

.profile-info .community-badge-achievements img {
  width: 40px;
  height: 40px;
}

.hotposts-header {
  display: block;
  margin-bottom: 0.5rem;
}

.hotposts-meta {
  display: flex;
  width: 100%;
}

.hotposts-author,
.hotposts-comments,
.hotposts-date,
.hotposts-img,
.hotposts-votes {
  display: inline-flex;
  align-items: center;
}

.hotposts-img {
  width: 20px;
  height: 20px;
  overflow: hidden;
  vertical-align: bottom;
  border-radius: 50%;
}

[dir="ltr"] .hotposts-img {
  margin-right: 8px;
}

[dir="rtl"] .hotposts-img {
  margin-left: 8px;
}

.hotposts-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.hotposts-name {
  display: inline-block;
  vertical-align: bottom;
}

.hotposts-icon {
  display: inline-flex;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: contain;
}

[dir="ltr"] .hotposts-icon {
  margin-right: 4px;
}

[dir="rtl"] .hotposts-icon {
  margin-left: 4px;
}

.hotposts-tabs .tab {
  padding: 15px 0 0;
  margin: 0;
  border: none;
}

.hotposts-tabs .tabs-menu {
  border-bottom: 2px solid #eceeef;
}

.hotposts-tabs .tabs-link {
  padding: 0 0 8px;
  margin-bottom: -2px;
  color: #2d7ccc;
  border: none;
  border-bottom: 2px solid #eceeef;
}

[dir="ltr"] .hotposts-tabs .tabs-link {
  margin-right: 20px;
}

[dir="rtl"] .hotposts-tabs .tabs-link {
  margin-left: 20px;
}

.hotposts-tabs .tabs-link:hover,
.hotposts-tabs .tabs-link:focus {
  color: #1f568d;
}

.hotposts-tabs .tabs-link.is-active {
  color: #4e5565;
  border-color: #4e5565;
}
/* Request */
.lt-request-table-toolbar {
  padding-top: var(--padding-base-horizontal);
  padding-bottom: calc(var(--padding-base-horizontal) / 2);
  margin-bottom: calc(var(--line-height-computed));
  background-color: #f9f9f9;
  border-radius: 0px;
}
@media (min-width: 576px) {
  .lt-request-table-toolbar {
    padding-top: calc(var(--padding-base-horizontal) / 2);
    padding-bottom: var(--padding-base-horizontal);
  }
}

.lt-request-table-toolbar label {
  font-size: var(--font-size-small);
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .lt-request-table-filters {
    display: table;
    width: 100%;
  }
}

.lt-request-table-filters__item {
  padding-right: var(--padding-base-horizontal);
  padding-left: var(--padding-base-horizontal);
}
@media (max-width: 575px) {
  .lt-request-table-filters__item {
    margin-bottom: calc(var(--line-height-computed) / 2);
  }
}
@media (min-width: 576px) {
  .lt-request-table-filters__item {
    display: table-cell;
    width: 33%;
    vertical-align: bottom;
  }
}

.lt-request-table-organization {
  display: table;
  width: 100%;
}

.lt-request-table-organization__col {
  display: table-cell;
  vertical-align: middle;
}

.lt-request-table-organization__col--main {
  width: 100%;
}

.lt-request-table-organization__col--button [role="button"] {
  height: calc(
    var(--line-height-computed) + var(--padding-base-horizontal) + 2px
  );
  padding-top: 0;
  padding-bottom: 0;
  line-height: calc(
    var(--line-height-computed) + var(--padding-base-horizontal) + 2px
  );
}

[dir="ltr"] .lt-request-table-organization__col--button {
  padding-left: calc(var(--padding-base-horizontal) / 2);
}

[dir="rtl"] .lt-request-table-organization__col--button {
  padding-right: calc(var(--padding-base-horizontal) / 2);
}

.requests-sort-symbol {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}

.requests-sort-symbol:after {
  display: inline-block;
  margin-bottom: 2px;
  font-family: "Font Awesome 6 Free", sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: var(--meta-text-color);
  content: "\f0d7";
}

[dir="ltr"] .requests-sort-symbol:after {
  margin-left: 5px;
}

[dir="rtl"] .requests-sort-symbol:after {
  margin-right: 5px;
}

.lt-request-page {
  margin-bottom: calc(var(--line-height-computed) * 2);
}

.lt-request-id {
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-weight: var(--strong-font-weight);
}

.lt-request-follow-up:empty {
  display: none;
}

.lt-request-sidebar {
  padding: calc(var(--line-height-computed)) var(--padding-base-horizontal) 0;
  margin-bottom: calc(var(--line-height-computed));
  font-size: 14px;
  border: var(--border-width) solid #505050;
  border-radius: 0px;
}

.lt-request-sidebar dd {
  margin-bottom: calc(var(--line-height-computed) / 2);
}

.lt-request-status {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  color: #fff;
  white-space: nowrap;
  border-radius: 0px;
}

.lt-request-status--solved,
.lt-request-status--closed {
  background-color: rgba(236, 255, 235, 1);
}

.lt-request-status--new,
.lt-request-status--open {
  background-color: rgba(255, 204, 230, 1);
}

.lt-request-status--answered {
  background-color: rgba(255, 223, 179, 1);
}
/* Formatting */
.accordion {
  --lt-accordion-border: #ddd;
  padding-top: 0;
  margin-bottom: calc(var(--line-height-computed));
  border: 1px solid var(--lt-accordion-border);
  border-radius: 0px;
}

.accordion__item-title {
  position: relative;
  display: block;
  width: 100%;
  font-size: var(--font-size-h4);
  color: #000;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border: 0;
  touch-action: manipulation;
}

[dir="ltr"] .accordion__item-title {
  padding: 1rem 1.5rem 1rem 3rem;
  text-align: left;
}

[dir="rtl"] .accordion__item-title {
  padding: 1rem 3rem 1rem 1.5rem;
  text-align: right;
}

.accordion > .accordion__item + .accordion__item > .accordion__item-title {
  border-top: 1px solid var(--lt-accordion-border);
}

.accordion__item-content {
  display: none;
  padding: 1.5rem;
  border-top: 1px solid var(--lt-accordion-border);
}

.accordion__item-content *:last-child {
  margin-bottom: 0;
}

.accordion > .accordion__item:last-child > .accordion__item-title {
  border-bottom: none;
}

.accordion__item-title:before {
  position: absolute;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  content: "";
  border-bottom: 2px solid #0D0D0D;
  transition: transform 0.3s;
}

[dir="ltr"] .accordion__item-title:before {
  left: 1.5rem;
  border-left: 2px solid #0D0D0D;
  transform: translateY(-50%) rotate(-45deg);
}

[dir="rtl"] .accordion__item-title:before {
  right: 1.5rem;
  border-right: 2px solid #0D0D0D;
  transform: translateY(-50%) rotate(45deg);
}

.accordion__item-title--active {
  background-color: #f0f0f0;
}

.accordion__item-title--active:before {
  transition: transform 0.3s;
}

[dir="ltr"] .accordion__item-title--active:before {
  transform: rotate(135deg);
}

[dir="rtl"] .accordion__item-title--active:before {
  transform: rotate(-135deg);
}

.image-with-border {
  padding: 10px;
  border: 1px solid var(--gray-lighter);
  border-radius: 4px;
}

.image-with-shadow {
  box-shadow: 0 5px 15px 2px var(--gray);
}

.image-with-lightbox {
  cursor: pointer;
}

.image-overlay {
  position: relative;
}

.image-overlay:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
}

.image-with-video-icon {
  position: relative;
  display: block;
}

.image-with-video-icon img {
  width: 100%;
}

.image-with-video-icon:before {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 0;
  height: 0;
  font-size: 0;
  content: "";
  border-style: solid;
  transition: transform 0.6s ease;
}

.image-with-video-icon:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
}

[dir="ltr"] .image-with-video-icon:before {
  left: 50%;
  border-color: transparent transparent transparent #fff;
  border-width: 30px 0 30px 60px;
  transform: translate(-50%, -50%);
}

[dir="ltr"] .image-with-video-icon:active:before,
[dir="ltr"] .image-with-video-icon:hover:before {
  transform: translate(-50%, -50%) scale(1.1);
}

[dir="rtl"] .image-with-video-icon:before {
  right: 50%;
  border-color: transparent #fff transparent transparent;
  border-width: 30px 60px 30px 0;
  transform: translate(50%, -50%);
}

[dir="rtl"] .image-with-video-icon:active:before,
[dir="rtl"] .image-with-video-icon:hover:before {
  transform: translate(50%, -50%) scale(1.1);
}

.callout {
  padding: calc(var(--line-height-computed)) 20px;
  margin-bottom: calc(var(--line-height-computed));
  background-color: var(--gray-lighter);
}

.callout p:last-child {
  margin-bottom: 0;
}

[dir="ltr"] .callout {
  border-left-style: solid;
  border-left-width: 5px;
}

[dir="rtl"] .callout {
  border-right-style: solid;
  border-right-width: 5px;
}

.callout--transparent {
  background-color: transparent;
  border-color: #dedede;
  border-width: 1px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
}

.callout--success {
  color: #000;
  background-color: #ecffeb;
  border-color: #45925d;
}

.callout--success .callout__title {
  color: #003315;
}

.callout--info {
  color: #000;
  background-color: #c6effe;
  border-color: #09869f;
}

.callout--info .callout__title {
  color: #002a33;
}

.callout--warning {
  color: #000;
  background-color: #ffdfb3;
  border-color: #d09324;
}

.callout--warning .callout__title {
  color: #332200;
}

.callout--danger {
  color: #000;
  background-color: #ffcce6;
  border-color: #ff2d55;
}

.callout--danger .callout__title {
  color: #51051e;
}

.callout--primary {
  color: #000;
  background-color: #aeaeae;
  border-color: #0D0D0D;
}

.callout--primary .callout__title {
  color: #0D0D0D;
}

.callout--dashed {
  border-style: dashed;
  border-width: 1px;
}

.list-colored,
.list-bullet {
  list-style-type: none;
  counter-reset: list;
}

.list-colored > ul,
.list-bullet > ul {
  margin-bottom: 14px;
  list-style: none;
}

.list-colored > ol,
.list-bullet > ol {
  margin-bottom: 14px;
  list-style-type: none;
  counter-reset: list;
}

[dir="ltr"] .list-colored,
[dir="ltr"] .list-bullet {
  padding-left: 0 !important;
}

[dir="rtl"] .list-colored,
[dir="rtl"] .list-bullet {
  padding-right: 0 !important;
}

.list-colored > li {
  position: relative;
  margin-bottom: calc(var(--line-height-computed) / 1.5) !important;
  counter-increment: list;
}

.list-colored > li:before {
  position: absolute;
  top: -3px;
  z-index: 1;
  width: 30px;
  height: 30px;
  font-size: var(--font-size-small);
  line-height: 30px;
  color: #fff;
  text-align: center;
  content: counter(list);
  background-color: #0D0D0D;
  border-radius: 50%;
}

[dir="ltr"] .list-colored > li {
  padding-left: calc(var(--padding-base-horizontal) + 30px);
}

[dir="ltr"] .list-colored > li:before {
  left: 0;
}

[dir="rtl"] .list-colored > li {
  padding-right: calc(var(--padding-base-horizontal) + 30px);
}

[dir="rtl"] .list-colored > li:before {
  right: 0;
}

.list-bullet > li {
  position: relative;
  margin-bottom: 10px;
}

.list-bullet > li:before {
  position: absolute;
  top: -2px;
  font-family: "Font Awesome 6 Free", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  color: #0D0D0D;
  content: "\f058";
}

[dir="ltr"] .list-bullet > li {
  padding-left: 30px;
}

[dir="ltr"] .list-bullet > li:before {
  left: 0;
}

[dir="rtl"] .list-bullet > li {
  padding-right: 30px;
}

[dir="rtl"] .list-bullet > li:before {
  right: 0;
}

.note {
  position: relative;
  margin: calc(var(--line-height-computed)) 0;
  color: #333;
}

.note p:last-child {
  margin-bottom: 0;
}

[dir="ltr"] .note {
  padding-left: var(--padding-base-horizontal);
  border-left-style: solid;
  border-left-width: 5px;
}

[dir="rtl"] .note {
  padding-right: var(--padding-base-horizontal);
  border-right-style: solid;
  border-right-width: 5px;
}

.note-title {
  margin-bottom: calc(var(--line-height-computed) / 2);
  font-weight: var(--strong-font-weight);
}

.note-default,
.note--default {
  border-color: var(--gray-light);
}

.note-default .note-title,
.note--default .note-title {
  color: var(--gray-light);
}

.note-info,
.note--info {
  border-color: rgba(198, 239, 254, 1);
}

.note-info .note-title,
.note--info .note-title {
  color: rgba(198, 239, 254, 1);
}

.note-warning,
.note--warning {
  border-color: rgba(255, 223, 179, 1);
}

.note-warning .note-title,
.note--warning .note-title {
  color: rgba(255, 223, 179, 1);
}

.note-success,
.note--success {
  border-color: rgba(236, 255, 235, 1);
}

.note-success .note-title,
.note--success .note-title {
  color: rgba(236, 255, 235, 1);
}

.note-danger,
.note--danger {
  border-color: rgba(255, 204, 230, 1);
}

.note-danger .note-title,
.note--danger .note-title {
  color: rgba(255, 204, 230, 1);
}

.embed,
.embed-responsive {
  position: relative;
  z-index: 1;
  display: block;
  height: 0;
  padding: 0;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
  overflow: hidden;
}

.embed img,
.embed-responsive img {
  width: 100%;
}

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

.embed:focus,
.embed-responsive:focus {
  outline: none !important;
}

[dir="ltr"] .embed iframe,
[dir="ltr"] .embed embed,
[dir="ltr"] .embed object,
[dir="ltr"] .embed video,
[dir="ltr"] .embed-responsive iframe,
[dir="ltr"] .embed-responsive embed,
[dir="ltr"] .embed-responsive object,
[dir="ltr"] .embed-responsive video {
  left: 0;
}

[dir="rtl"] .embed iframe,
[dir="rtl"] .embed embed,
[dir="rtl"] .embed object,
[dir="rtl"] .embed video,
[dir="rtl"] .embed-responsive iframe,
[dir="rtl"] .embed-responsive embed,
[dir="rtl"] .embed-responsive object,
[dir="rtl"] .embed-responsive video {
  right: 0;
}

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

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

table {
  border-spacing: 0px;
  border-collapse: collapse;
  background-color: transparent;
}

caption {
  padding-top: 12px;
  padding-bottom: 12px;
  color: var(--gray-light);
}

[dir="ltr"] caption {
  text-align: left;
}

[dir="rtl"] caption {
  text-align: right;
}

[dir="ltr"] th {
  text-align: left;
}

[dir="rtl"] th {
  text-align: right;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: calc(var(--line-height-computed));
}

.table th,
.table td {
  padding: 12px;
  vertical-align: top;
}

.table td {
  border-top: 1px solid #505050;
}

.table thead th {
  vertical-align: bottom;
}

.table tbody + tbody {
  border-top: 1px solid #505050;
}

.table .table {
  background-color: #fff;
}

.table--color-header th {
  color: #fff;
  background-color: #0D0D0D;
}

.table--striped th,
.table--striped td,
.table--striped thead th {
  border-color: #fff;
}

.table--striped tbody tr:nth-child(odd) {
  color: inherit;
  background-color: var(--gray-lighter);
}

.table--hover tbody tr:hover {
  color: inherit;
  background-color: var(--gray-lighter);
}

.table--bordered {
  border: 1px solid #505050;
}

[dir="ltr"] .table--bordered td,
[dir="ltr"] .table--bordered th {
  border-left: 1px solid #505050;
}

[dir="rtl"] .table--bordered td,
[dir="rtl"] .table--bordered th {
  border-right: 1px solid #505050;
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 575px) {
  .table-responsive {
    width: 100%;
    margin-bottom: calc(var(--line-height-computed) * 0.75);
    overflow-y: hidden;
    border: 1px solid #505050;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive > .table {
    margin-bottom: 0;
  }

  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
}

.tabs {
  margin-bottom: calc(var(--line-height-computed));
}

.tab {
  display: block;
  padding: 30px;
  margin-top: -1px;
  border: 1px solid #ddd;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.tab p:last-child {
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .tab {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}

[dir="ltr"] .tab:nth-child(2) {
  border-top-left-radius: 0;
}

[dir="rtl"] .tab:nth-child(2) {
  border-top-right-radius: 0;
}

.tabs-link {
  display: block;
  padding: 8px 30px;
  margin: 0;
  font-weight: var(--strong-font-weight);
  color: #000;
  cursor: pointer;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 0;
}

.tabs-link:hover {
  color: #0D0D0D;
}
@media (max-width: 575px) {
  .tabs-link {
    border-top-color: #ddd;
    border-right-color: #ddd;
    border-left-color: #ddd;
  }

  .tabs-link:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
@media (min-width: 576px) {
  .tabs-link {
    display: inline-block;
  }
}

.is-hidden {
  display: none;
}

.tabs-link.is-active {
  color: #0D0D0D;
  cursor: pointer;
  border-color: #ddd;
}

.tabs-link.is-active:hover {
  color: #0D0D0D;
  cursor: default;
}
@media (min-width: 576px) {
  .tabs-link.is-active {
    border-bottom: 1px solid #fff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}

.tabs--colored-1 .tab {
  background-color: var(--gray-lightest) !important;
}

.tabs--colored-1 .tabs-link.is-active {
  background-color: var(--gray-lightest);
  border-bottom-color: var(--gray-lightest);
}

.tabs--colored-2 .tabs-link:hover {
  color: #0D0D0D;
}

.tabs--colored-2 .tabs-link.is-active {
  color: #fff;
  background-color: #0D0D0D;
  border-color: #0D0D0D;
}

.tabs--colored-2 .tabs-link.is-active:hover {
  color: #fff;
}

.tabs--colored-2 .tab {
  background-color: var(--gray-lightest) !important;
}

[dir="ltr"] .text-left {
  text-align: left;
}

[dir="rtl"] .text-left {
  text-align: right;
}

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

[dir="ltr"] .text-right {
  text-align: right;
}

[dir="rtl"] .text-right {
  text-align: left;
}

.text-primary {
  background-color: #0D0D0D;
}

.text-info {
  background-color: rgba(198, 239, 254, 1);
}

.text-warning {
  background-color: rgba(255, 223, 179, 1);
}

.text-danger {
  background-color: rgba(255, 204, 230, 1);
}

.text-success {
  background-color: rgba(236, 255, 235, 1);
}

/** SHAPR3D CUSTOM CODES **/

/**What's new container**/
.releases-container {
  border: 1.5px solid #000;
  padding: 0 0px 0px;
  background-color: #fff;
  height: 100%; /* Ensure the container fills the entire cell */
  display: flex; /* Use flexbox to align content vertically */
  flex-direction: column; /* Align content vertically */
  flex: 1; /* Distribute space evenly among child elements */
}

/** Optimize embedded YouTube videos for mobile **/

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 1024px) {
  .article-return-to-top {
    /**display: none;**/
  }
}

.article-return-to-top a {
  color: #1d4eff;
  display: block;
  padding: 20px 0;
}

.article-return-to-top a:hover,
.article-return-to-top a:focus {
  text-decoration: none;
}

.article-return-to-top-icon {
  transform: rotate(0.5turn);
}

/** VIDEO TUTORIALS HOME **/


.search-container {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  align-items: center;
  position: relative;
}

#clearSearch {
  position: absolute;
  right: 10px;
  cursor: pointer;
}

#suggestedLabels {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 10px;
}

#suggestedLabels span {
  background-color: #000000;
  border: 1px solid #000000;
  border-radius: 0px;
  padding: 5px 10px;
  font-size: 0.9em;
  cursor: pointer;
  color: #ffffff; /* Set label text color */
}

#suggestedLabels span:hover {
  background-color: #000000;
}

#suggestedLabels span.selected {
  background-color: #000000;
}

.container {
  display: flex;
  flex-wrap: wrap;
  position: relative; /* Allow for absolute positioning of descriptions */
}


.block {
  width: calc(33.33% - 20px); /* 33.33% width for each block with some spacing */
  margin: 10px;
  border: 1.5px solid black;
  box-sizing: border-box; /* Ensure padding and borders are included in the width and height */
  display: flex;
  flex-direction: column;
  position: relative;
  transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.block:hover {
  background-color: #f0f0f0; /* Change background color on hover */
  transform: scale(1.05); /* Enlarge the block slightly */
  z-index: 1; /* Ensure the hovered block is above other elements */
}

.banner {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

.banner iframe, .banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}

.timestamp {
  position: absolute;
  bottom: 5px; /* Adjust as needed */
  right: 5px; /* Adjust as needed */
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
  color: white; /* White text color */
  padding: 5px 10px; /* Padding for the text */
  border-radius: 5px; /* Rounded corners */
  font-size: 0.8em; /* Adjust font size as needed */
}

.content {
  padding: 10px; /* Adjust the padding */
  box-sizing: border-box; /* Ensure padding and borders are included in the width and height */
  flex: 1; /* Make the content take up the available space */
  display: flex;
  flex-direction: column;
}

.content p {
  margin: 0; /* Remove margins */
}

.labels {
  padding: 2px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: auto; /* Push labels to the bottom */
  
}

.label {
  background-color: #C6EFFE;
  border: 1px solid #000000;
  border-radius: 0px;
  padding: 5px 10px;
  font-size: 0.9em;
  text-decoration: none; /* Remove underline from links */
  color: #000000; /* Set label text color */
}

.label:hover {
  background-color: #45C6E6; /* Change background color on hover */
  color: #000000; /* Set label text color */
}


#suggestedLabelsBlock {
  padding: 5px 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: auto;
  margin-bottom: auto;
}

#suggestedLabelsBlock span {
  background-color: #C6EFFE;
  border: 1px solid #000000;
  border-radius: 0px;
  padding: 5px 10px;
  font-size: 0.9em;
  cursor: pointer;
  color: #000; /* Set label text color */
}

#suggestedLabelsBlock span:hover {
  background-color: #45C6E6;
  color: #000000; /* Set label text color */
}

#suggestedLabelsBlock span.selected {
  background-color: #fff;
}

.description {
  display: none; /* Hide description by default */
  position: absolute;
  top: 100%; /* Position it below the block */
  left: -1.5px; /* Fine-tune to align with the block's left border */
  right: -1px; /* Fine-tune to align with the block's right border */
  background: #f0f0f0; /* Match background color of hovered block */
  padding: 10px;
  padding-bottom: 20px; /* Add extra padding for the bottom */
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); /* Add a shadow for better visibility */ 
  border-left: 1.5px solid black; /* Add black border to the left */
  border-right: 1.5px solid black; /* Add black border to the right */
  border-bottom: 1.5px solid black; Add black border to the bottom */
  transition: max-height 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; /* Smooth transition for max-height, opacity, and background color */
  max-height: 0; /* Start with max-height 0 */
  overflow: hidden; /* Hide overflow */
  opacity: 0; /* Start with opacity 0 */
  z-index: 10; /* Ensure it overlaps other blocks */
}

.block:hover .description {
  display: block; /* Display the description */
  max-height: 100%; /* Set a max-height large enough to show the content */
  opacity: 1; /* Fade in the description */
  background-color: #f0f0f0; /* Ensure background color matches hovered block */
}



/* For mobile view, make blocks stack in a single row and show everything */
@media (max-width: 767px) {
  .container {
    flex-direction: column;
  }

  .block {
    width: calc(100% - 20px);
    height: auto; /* Adjust height to auto for mobile view */
    overflow: visible; /* Show overflow for mobile view */
    transform: none; /* Disable transform effect on hover */
  }

  .block:hover {
    transform: none; /* Ensure transform effect is disabled on hover */
  }

  .description {
    position: static; /* Reset position */
    max-height: none; /* Remove max-height */
    opacity: 1; /* Ensure opacity is fully visible */
    display: block; /* Ensure it is displayed */
    box-shadow: none; /* Remove shadow */
    background-color: transparent; /* Set background to transparent for mobile */
    border: none; /* Remove border for mobile */
    padding-bottom: 30px; /* Ensure extra padding for the bottom */
  }
}

/* For iPad portrait view, display blocks in two rows */
@media (min-width: 768px) and (max-width: 1024px) {
  .container {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .block {
    width: calc(50% - 20px); /* Two blocks per row */
    height: auto; /* Adjust height to auto for iPad view */
    overflow: visible; /* Show overflow for iPad view */
    transform: none; /* Disable transform effect on hover */
  }

  .block:nth-child(odd) {
    margin-right: 10px; /* Add some spacing between the blocks */
  }

  .block:nth-child(even) {
    margin-left: 10px; /* Add some spacing between the blocks */
  }

}

/* Add hover effect */
.block:hover {
  background-color: #f0f0f0; /* Change background color on hover */
  height: auto; /* Expand height */
  overflow: visible; /* Allow overflow */
}

.block {
  cursor: pointer;
}

/* Style for when a block is clicked */
.block:active {
  background-color: #e0e0e0; /* Change background color when clicked */
}


/** VIDEO TUTORIALS SECTIONS **/


.container-video-section:hover {
  background-color: #f0f0f0; /* Change background color on hover */
  transition: background-color 0.3s ease; /* Smooth transition effect */
}

/* Container for the row */
.container-video-section {
  display: flex;
  justify-content: center; /* Horizontally center content */
  align-items: center; /* Vertically center content */
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px; /* Add space between each container */
}

/* Style for the image */
.image-video-section {
  position: relative; /* Make the container a positioned parent */
  flex: 1; /* Occupy 1/5 of the container width */
  max-width: 20%; /* Limit to 1/5 of the container width */
  max-height: 100%; /* Ensure image does not exceed its original height */
  width: auto; /* Set width to auto */
}

/* Style for the text container */
.image-video-section .time-overlay {
  position: absolute;
  bottom: 5px; /* Adjust as needed */
  right: 3px; /* Adjust to position on the bottom right */
  background-color: rgba(0, 0, 0, 0.5); /* Gray background with opacity */
  color: white; /* White text color */
  padding: 5px 10px; /* Padding for the text */
  border-radius: 5px; /* Rounded corners */
}

/* Style for the title and description */
.content-video-section {
  flex: 4; /* Occupy 4/5 of the container width */
  padding: 20px;
  text-align: left; /* Align text to the left */
  max-height: 100%; /* Ensure content does not exceed the height of the image */
  overflow: hidden; /* Hide overflow content */
}

/* Media query for mobile view */
@media (max-width: 768px) {
  .container-video-section {
    flex-direction: column; /* Stack items vertically */
  }
  .image-video-section {
    max-width: 100%; /* Occupy full width */
    width: 100%; /* Set width to 100% for responsiveness */
    max-height: none; /* Remove max height */
  }
  .content-video-section {
    max-height: none; /* Remove max height on mobile view */
    overflow: visible; /* Show all content */
  }
}

/* Divider style */
.divider {
  border-top: 2px solid #ddd; /* Add a top border */
  margin-top: 20px; /* Add margin for separation */
}

/** SECTION BLOCKS **/
.block-container-hc-section {
  display: grid;
  grid-template-columns: repeat(
    auto-fill,
    minmax(calc(33.33% - 10px), 1fr)
  ); /* Adjust width for 3 blocks per row */
  gap: 10px;
  justify-content: space-between;
}

.block-container-hc-section-four {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* Adjust width for 4 blocks per row */
  gap: 10px;
  justify-content: space-between;
}

.block-container-hc-section-two {
  display: grid;
  grid-template-columns: repeat(
    auto-fill,
    minmax(calc(50% - 10px), 1fr)
  ); /* Adjust width for 2 blocks per row */
  gap: 10px;
  justify-content: space-between;
  max-width: 700px; /* Adjust the maximum width as needed */
  margin: 0 auto; /* Center the container */
}

.block-hc-section {
  margin-bottom: 2px; /**gap between top and bottom boxes **/
  border: 1px solid black;
  box-sizing: border-box;
  transition: background-color 0.3s ease; /* Smooth transition for background color change */
}

.block-img-hc-section {
  padding-top: 5%; /* Adjust the height as needed */
  padding-bottom: 5%; /* Adjust the height as needed */
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.block-img-hc-section img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.block-divider-hc-section {
  border-top: 1px solid black;
  width: 100%;
}

.block-divider-hc-section-dark {
  border-top: 1px solid white;
  width: 100%;
}

.block-title-hc-section {
  padding: 10px;
  text-align: center;
  box-sizing: border-box;
}

.block-title-download-model {
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
}

@media only screen and (max-width: 1024px) {
  /* Adjusted to desktop view */
  .block-container-hc-section {
    grid-template-columns: repeat(
      auto-fill,
      minmax(calc(50% - 10px), 1fr)
    ); /* Revert to 2 blocks per row for smaller desktop screens */
  }
}

@media only screen and (max-width: 768px) {
  .block-container-hc-section {
    grid-template-columns: repeat(
      auto-fill,
      minmax(calc(100% - 10px), 1fr)
    ); /* Adjust to 1 block per row for smaller screens */
  }
}

@media only screen and (max-width: 768px) {
  .block-container-hc-section-two {
    grid-template-columns: repeat(
      auto-fill,
      minmax(calc(100% - 10px), 1fr)
    ); /* Adjust to 1 block per row for smaller screens */
  }
}

@media only screen and (max-width: 1024px) {
  /* Adjusted to desktop view */
  .block-container-hc-section-four {
    grid-template-columns: repeat(
      auto-fill,
      minmax(calc(33.33% - 10px), 1fr)
    ); /* Adjust width for 3 blocks per row */
  }
}

@media only screen and (max-width: 768px) {
  .block-container-hc-section-four {
    grid-template-columns: repeat(
      auto-fill,
      minmax(calc(100% - 10px), 1fr)
    ); /* Adjust to 1 block per row for smaller screens */
  }
}

/** Article navigation **/
.container-article-navigation {
  display: flex;
  justify-content: space-between;
}

.block-article-navigation {
  background-color: #1d4eff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: bold;
  font-size: 14px;
  margin: 5px;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
  padding: 10px 20px;
}

.block-article-navigation:hover {
  background-color: #0011cc;
  color: white;
}

.block-article-navigation.next {
  margin-left: auto; /* Ensures the 'Next' button stays on the right */
}

/* Media query for mobile view */
@media (max-width: 768px) {
  .container-article-navigation {
    flex-direction: column; /* Stacks the buttons vertically */
    align-items: center; /* Centers the buttons */
  }

  .block-article-navigation {
    width: 100%; /* Makes the buttons take full width */
    text-align: center; /* Centers the text inside the button */
    margin: 5px 0; /* Adjusts the margin for vertical stacking */
  }

  .block-article-navigation.next {
    margin-left: 0; /* Resets the left margin for the 'Next' button */
  }
}

pre {
  background-color: #f4f4f4;
  color: #000;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-family: "Courier New", Courier, monospace;
}


/** Video tutorial iframe container responsiveness **/
.video-tutorial-iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  margin-bottom: 20px;
}

.video-tutorial-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/** Video tutorial iframe container responsiveness **/



/** Progress bar **/
.progress-container {
  width: 100%;
  background-color: #f3f3f3;
  border-radius: 0px;
  overflow: hidden;
  margin-bottom: 10px;
  }
  
  .progress-bar {
  height: 30px;
  background-color: #1d4eff;
  text-align: center;
  font-size: 0.75em;
  font-weight: 500;
  line-height: 30px;
  color: white;
  transition: width 0.25s;
  }


/** Scrollable transcript **/

.copy-button-container {
  display: flex;
  justify-content: flex-end;
}

.copy-text-video-tutorial {
  color: #000;
  background-color: #fff;
  padding: 5px 10px;
  cursor: pointer;
  border: 1px solid #ccc; /* Optional: Add a border */
  border-radius: 0px; /* Optional: Add rounded corners */
}

.scrollable-container-video-tutorial {
  width: 100%; /* Set the width of the scrollable area */
  display: inline-block;
  max-height: 600px; /* Maximum height of the scrollable area */
  border: 1px solid #ccc; /* Optional: Add a border */
  overflow: auto; /* Enable scroll */
  padding: 10px; /* Optional: Add padding */
  position: relative; /* Positioning for the copy text */
  margin-top: 0; /* Remove any margin at the top */
}

.content-video-tutorial {
  display: inline-block;
  max-height: 100vh; /* Ensure it does not grow beyond the viewport height */
}


/** START Custom HR divider **/

.custom-hr {
  border: none;
  height: 2px; /* Height of the line */
 /** background: linear-gradient(to right, #ff7e5f, #feb47b); /* Gradient color */
  margin: 20px 0; /* Margin around the line */
  border-top: 1px solid #c7c7c7;
}

.custom-hr-dashed {
  border: none;
  height: 1px; /* Height of the line */
  background: none;
  border-top: 2px dashed #feb47b; /* Dashed style */
  margin: 20px 0; /* Margin around the line */
}

.custom-hr-with-icon {
  border: none;
  height: 1px;
  background: none;
  border-top: 2px solid #ff7e5f;
  text-align: center;
  margin: 20px 0;
}

.custom-hr-with-icon:after {
  content: "★"; /* Icon or symbol */
  display: inline-block;
  position: relative;
  top: -13px;
  padding: 0 10px;
  background: #fff;
  color: #ff7e5f;
  font-size: 20px;
}

/** END Custom HR divider **/


/** ENTERPRISE ACCORDION **/

.accordion-enterprise button {
    background-color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 20px 20px;
    text-align: left;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    position: relative;
    margin: 0;

  }

  .accordion-enterprise button:hover,
  .accordion-enterprise button.active {
    background-color: #f9f9f9;
  }

  .accordion-enterprise button::after {
    content: '\002B';
    /* Unicode character for plus symbol */
    font-size: 25px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.2s;
    display: inline-block;
    /* Required for rotation */
  }

  .accordion-enterprise button.active::after {
    content: '\2212';
    /* Unicode character for minus symbol */
    animation: rotate 0.2s forwards;
  }

  /* Keyframes for rotating the symbol */
  @keyframes rotate {
    from {
      transform: translateY(-50%) rotate(0deg);
    }

    to {
      transform: translateY(-50%) rotate(180deg);
    }
  }

  .accordion-enterprise .panel-enterprise {
    padding: 0 20px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out, padding 0.2s ease-out;
    border-bottom: 0.5px solid #ccc;
    margin: 0;
  }

  .accordion-enterprise .panel-enterprise p {
    padding: 20px 0;
    margin: 0;
  }


/* Media Queries for responsiveness */
@media (max-width: 1024px) { /* For iPads and tablets */
  .experts-carousel-item {
    flex: 0 0 33.33%; /* Show 2 items */
  }
}

@media (max-width: 768px) { /* For mobile devices */
  .experts-carousel-item {
    flex: 0 0 100%; /* Show 1 item */
  }
}

/**Download button**/

.alert {
  display: flex;
  align-items: center; /* Vertically center the content */
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  margin: 0rem 0;
  background: #1d4eff;
  border-radius: 0rem;
  transition: background 0.3s ease;
  border-bottom: 1px solid black; /* Add black border below */
}

.notif {
  font-size: 14px;
  font-weight: 600;
  text-align: left; /* Left align text */
  width: 100%; /* Ensure it takes the full width */
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  position: relative; /* Required for positioning the underline */
}

.notif .shapr3d {
  display: inline-block;
  transition: all 0.3s ease;
  position: relative; /* Required for positioning the underline */
}

.notif .shapr3d::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px; /* Position the underline just below the text */
  left: 0;
  background-color: white;
  transform: scaleX(0);
  transform-origin: bottom left;
  transition: transform 0.3s ease, transform-origin 0s 0.3s; /* The delay on transform-origin */
}

.notif .arrow::after {
  content: ">";
  margin-left: 0.5rem;
  transition: content 0.3s ease;
}

.alert:hover .notif .shapr3d::after {
  transform: scaleX(1);
  transform-origin: bottom left;
  transition: transform 0.3s ease;
}

.alert .notif .shapr3d::after {
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s ease, transform-origin 0s 0.3s; /* The delay on transform-origin */
}

.alert:hover .notif .arrow::after {
  content: "→";
}



/** ENTERPRISE CAROUSELS **/

.experts-carousel-wrapper {
  position: relative;
  width: 100%;
  margin: auto;
}

.experts-carousel-container-1,
.experts-carousel-container-2,
.experts-carousel-container-3,
.experts-carousel-container-4,
.experts-carousel-container-5 {
  width: 100%;
  overflow: hidden; /* Ensures that items outside the container are not visible */
}

.experts-carousel-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  overflow: hidden; /* Ensures that items outside the content area are not visible */
}

.experts-carousel-inner {
  display: flex;
  transition: transform 0.5s ease; /* Smooth transition for carousel movement */
  gap: 20px; /* Gap between items */
  padding: 10px; /* Padding to avoid cut-off at the edges */
}

.experts-carousel-item {
  flex: 0 0 auto; /* Items do not grow or shrink and maintain their width */
  width: 100%; /* Adjust the width as needed */
  max-width: 400px; /* Set a maximum width for each carousel item */
  box-sizing: border-box;
  border: 1px solid black; /* Added black border to each carousel item */
  overflow: hidden;
}

.experts-carousel-item:hover .experts-title{
color: #1d43ff;
}

.experts-arrows {
  position: absolute;
  top: -40px; /* Position arrows 40px from the top */
  right: 0px; /* Position arrows at the right edge */
  display: flex;
  gap: 0px; /* No space between the arrows */
  z-index: 10; /* Ensures arrows are above other elements */
}


.experts-carousel-arrow {
  width: 40px; /* Fixed width to make the button square */
  height: 40px; /* Fixed height to make the button square */
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
  color: #000; /* Black color for arrows */
  font-size: 18px;
  border: 0.5px solid black; /* Black border for arrows */
  background-color: rgba(255, 255, 255, 0.8); /* Light background color */
}

.experts-block {
  display: flex;
  flex-direction: column;
  align-items: left;
  text-align: left;
  height: 100%;
}

.experts-banner {
  position: relative;
  cursor: pointer;
}

.experts-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the image covers the entire area without distortion */
}


.experts-timestamp {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 2px 5px;
  border-radius: 3px;
  font-size: 12px;
}

.experts-content {
  padding: 5px; /* Reduced padding for content */
  cursor: pointer;
  height: 25%; /* Set height to 25% of the carousel item */
  overflow: hidden; /* Hide overflow content */
  font-size: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.experts-description p {
  margin: 0;
  font-size: 14px; /* Reduce font size if necessary */
  line-height: 1.2; /* Adjust line height for better fit */
  padding-bottom: 30px;
}

.experts-content p {
  margin: 0;
  font-size: 16px; /* Adjust font size */
  line-height: 1.2; /* Adjust line height for better fit */
}

.experts-title {
  padding-top: 10px;
  text-transform: uppercase;
  margin: 0;
  font-size: 20px; /* Adjust font size */
  line-height: 1.2; /* Adjust line height for better fit */
  font-weight: bold;
}


/* Add a media query for mobile view */
@media (max-width: 768px) {
  .experts-arrows {
    top: -40px; /* Adjust top position as needed for mobile view */
    left: 10px; /* Move arrows to the left instead of right */
    right: auto; /* Override the right position */
    flex-direction: row; /* Ensure arrows are in a row */
  }

  .experts-carousel-wrapper {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: auto;
  }
  
}


/* CAD EXPERTS START */
.lt-container--separator:not(:last-of-type) {
  border-bottom: 1px solid rgba(13, 13, 13, 1);
}

.lt-hero-unit--experts {
  * {
    color: #fff;
  }

  &::after {
    background: rgba(13, 13, 13, 1);
  }

  .lt-hero-unit__bg {
    z-index: 2;
    background: url(/hc/theming_assets/01JQA9HNBY9RRKFYB0NR7PP27C) 50% 50% no-repeat;
    top: -10%;
    background-size: contain;
  }

  .lt-hero-unit__subtitle {
    font-size: 18px;
  }
}

[dir="ltr"] .lt-hero-unit--experts  .lt-hero-unit__bg {
  right: -50%;
  left: 0;
}

[dir="rtl"] .lt-hero-unit--experts  .lt-hero-unit__bg {
  right: 0;
  left: -50%;
}

@media (min-width: 992px) {
  .lt-hero-unit--experts .lt-hero-unit__bg {
    display: block;
  }

  [dir="ltr"] .lt-hero-unit--experts  .lt-hero-unit__bg {
    right: -140%;
  }

  [dir="rtl"] .lt-hero-unit--experts .lt-hero-unit__bg {
    left: -140%;
  }
}

@media (min-width: 1200px) {
  [dir="ltr"] .lt-hero-unit--experts .lt-hero-unit__bg {
    right: -120%;
  }

  [dir="rtl"] .lt-hero-unit--experts  .lt-hero-unit__bg {
    left: -120%;
  }
}
@media (min-width: 1400px) {
  [dir="ltr"] .lt-hero-unit--experts .lt-hero-unit__bg {
    right: -90%;
  }

  [dir="rtl"] .lt-hero-unit--experts .lt-hero-unit__bg {
    left: -90%;
  }
}

.lt-ex-tabs {
  z-index: 50;

  display: flex;
  flex-direction: column;
  width: 100%;

  @media (min-width: 991px) {
    position: sticky;
    top: 70px;
  }
}

.lt-ex-tabs-row {
  width: 100%;
  background-color: #fff;
  overflow-x: auto;
  
  @media (min-width: 991px) {
    border-bottom: 1px solid rgba(13, 13, 13, 1);
  }
}

.lt-ex-tabs-row__container {
  max-width: 1440px;
  width: 100%;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 0;

  @media (min-width: 991px) {
    flex-direction: row;
    align-items: center;
  }
}

.lt-ex-tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 64px;
  min-height: 64px;
  padding: 0 3rem;
  border: 1px solid rgba(13, 13, 13, 1);
  border-top: 0;
  color: rgba(13, 13, 13, 1);
  background-color: #fff;
  text-transform: uppercase;

  font-family: 'Fraktion Sans Bold', sans-serif;
  font-weight: 700;

  transition: all 0.3s;

  @media (min-width: 991px) {
    border-bottom: 0;
  }

  &.active {
    background-color: rgba(13, 13, 13, 1);
    color: #fff;
  }
}

section[id] {
  scroll-margin-top: 150px;
}


/* CAD EXPERTS END */




/* ENTERPRISE PAGE START */

.vision-pro-section {
  display: flex;
  justify-content: center;

}

.vision-pro-content {
  display: flex;
  max-width: 100%;
  width: 100%;
  gap: 40px;
}

.text-content {
  flex: 1;
}

.text-content p {
  font-size: 1rem;
  margin-bottom: 20px;
  line-height: 1.6;
}

.image-content {
  flex: 1;
  display: flex;
  justify-content: center;
}

.image-content img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}

/* Button Styling */
.enterprise-vision-pro-learn-more {
  display: inline-block;
  padding: 12px 24px;
  background-color: #1d43ff;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease;
  margin-top: 20px;
  position: relative;
  z-index: 1000; /* Ensure button is on top */
}

/* Button Styling */
.enterprise-vanta-explore {
  display: inline-block;
  padding: 12px 24px;
  background-color: #fff;
  color: #000;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease;
  margin-top: 20px;
  position: relative;
  z-index: 1000; /* Ensure button is on top */
}

/* Mobile optimization */
@media (max-width: 768px) {
  
  .h2.lt-footer-submit-ticket__title {
    font-size: 30px;
    text-align: left; /* Left-align text */
  }

  .vanta--description {
    font-size: 14px;
    text-align: left; /* Left-align text */
  }

  .enterprise-vanta-explore {
    display: inline-block; /* Keep button inline, not full-width */
    margin-top: 10px;
  }
}

.enterprise-vision-pro-learn-more:hover {
  background-color: #005bb5;
}
      

/* Responsive Design */
@media (max-width: 768px) {
  .vision-pro-content {
    flex-direction: column;
  }

  .text-content h1 {
    font-size: 2.5rem;
  }

  .text-content h2 {
    font-size: 1.25rem;
  }

  .text-content p {
    font-size: 0.9rem;
  }
}


/* COMPLIANCE Full-width grid container */
.articles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns for larger screens */
  gap: 0px; /* No gaps between columns */
  width: 100%; /* Full width of the section container */
  border-left: 1px solid #fff; /* Ensure consistent border around all sides */
  border-top: 1px solid #fff; /* Top border */
  align-items: stretch; /* Ensures all blocks have equal height */
}

/* Each article block */
.article-block {
  padding: 20px;
  text-align: left;
  border-right: 1px solid #fff; /* Borders between columns */
  border-bottom: 1px solid #fff; /* Borders between rows */
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* Align content to the top */
  align-items: flex-start; /* Align content to the left */
  color: #fff;
  height: 100%; /* Make sure each block takes the full height */
}

/* Hover effect */
.article-link:hover .article-block {
  background-color: #1d4eff; /* Change background color on hover */
  color: #fff;
}

/* Article titles */
.article-block h3 {
  color: #fff;
}

/* Responsive Design */

/* For tablets, reduce to 2 columns */
@media (max-width: 1024px) {
  .articles-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
  }
}

/* For mobile, 1 column */
@media (max-width: 768px) {
  .articles-grid {
    grid-template-columns: 1fr; /* 1 column */
  }
}

 /* Enterprise page END */



 /* FOOTER FORMAT START */
		
  .footer-heading {
  	color:#858585; 
    letter-spacing: .03em;
    text-transform: uppercase;
    white-space: nowrap;
    margin-top: 0;
    margin-bottom: 16px;
    font-family: Fraktion Mono Regular, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
  
  }
  
   .accordion-container-footer {
    width: 100%;
    }

    .accordion-footer button {
    background-color: #fff;
    text-transform: uppercase;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 16px 0px;
    text-align: left;
    width: 100%;
    font-size: 15px;
    font-weight: 200;
    transition: background-color 0.3s ease;
    position: relative;
    margin: 0;
 	  color: #000;

  }

  .accordion-footer button::after {
    content: '\002B';
    /* Unicode character for plus symbol */
    font-size: 25px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.2s;
    display: inline-block;
    /* Required for rotation */
  }

  .accordion-footer button.active::after {
    content: '\2212';
    /* Unicode character for minus symbol */
    animation: rotate 0.2s forwards;
  }

  /* Keyframes for rotating the symbol */
  @keyframes rotate {
    from {
      transform: translateY(-50%) rotate(0deg);
    }

    to {
      transform: translateY(-50%) rotate(180deg);
    }
  }

  .accordion-footer .panel-footer {
    padding: 0 0px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out, padding 0.2s ease-out;
    border-bottom: 0.5px solid #ccc;
    margin: 0;
  }

  .accordion-footer .panel-footer p {
    padding: 5px 0;
    margin: 0;
  }

.accordion-footer .panel-footer a {
        color: #000; /* Change this to your desired color */
        text-decoration: none; /* Optional: Remove underline */
        font-weight: 200;
        font-size: 14px;
       
    }
  .accordion-footer .panel-footer a:hover {
        color: #1d4eff; /* Optional: Change color on hover */

    }

 /* FOOTER FORMAT END */


.login-button {
    display: inline-block;
    background-color: #1d4eff;
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    transition: background-color 0.3s ease;
}

.login-button:hover {
    background-color: #1641d1;
    color: white; 
}