@use 'assets/scss/pages/contact_us';
* {
  box-sizing: border-box; }

body {
  background-color: #f7f2ee;
  font-family: "Suisse Intl", Helvetica;
  color: #1c1c1e; }

.frame-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 72px 20px !important;
  position: relative;
  align-self: stretch;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .frame-3 {
      padding: 20px 16px 0 !important; } }
  .frame-3 .headline {
    position: relative;
    align-self: stretch;
    margin-top: -1.00px;
    font-family: "Suisse Intl", Helvetica;
    font-weight: 400;
    color: #ff3e1d;
    font-size: 50px;
    text-align: center;
    letter-spacing: -1px;
    line-height: 125%; }
  .frame-3 .search-bar {
    display: flex;
    height: 56px;
    align-items: center;
    gap: 11.65px;
    padding: 0px 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    background-color: #fbfbfb;
    border-radius: 160px;
    border: 1.5px solid #e9e9e9;
    transition: border-color 0.2s ease-in-out;
    /* Add transition */
    /* Add custom focus style */ }
    .frame-3 .search-bar:focus-within {
      border-color: #ff3e1d; }
    .frame-3 .search-bar .frame-4 {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      position: relative;
      flex-grow: 1; }
      .frame-3 .search-bar .frame-4::before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        /* background-image: url('assets/search-bar-search.svg'); */
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 14L11.1 11.1M12.6667 7.33333C12.6667 10.2789 10.2789 12.6667 7.33333 12.6667C4.38781 12.6667 2 10.2789 2 7.33333C2 4.38781 4.38781 2 7.33333 2C10.2789 2 12.6667 4.38781 12.6667 7.33333Z' stroke='%231C1C1E' stroke-width='1.33929'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin-right: 5px;
        position: relative;
        top: 0; }
      .frame-3 .search-bar .frame-4 .search-full {
        width: 100%;
        border: none;
        background: transparent;
        padding: 0;
        margin: 0;
        height: 56px;
        display: flex;
        align-items: center; }
        .frame-3 .search-bar .frame-4 .search-full input[type="search"] {
          border: none;
          background: transparent;
          padding: 0;
          margin: 0;
          width: 100%;
          height: 100%;
          font-family: "Suisse Intl", Helvetica;
          font-weight: 400;
          color: #1c1c1e;
          font-size: 13px;
          line-height: 56px;
          -webkit-appearance: none;
          appearance: none;
          outline: none;
          /* Hide Edge clear button */
          /* Hide Firefox clear button */
          /* Not standard, may not work or might need different selector */ }
          .frame-3 .search-bar .frame-4 .search-full input[type="search"]:focus {
            border: none;
            box-shadow: none !important; }
          .frame-3 .search-bar .frame-4 .search-full input[type="search"]:-webkit-autofill, .frame-3 .search-bar .frame-4 .search-full input[type="search"]:-webkit-autofill:hover, .frame-3 .search-bar .frame-4 .search-full input[type="search"]:-webkit-autofill:focus, .frame-3 .search-bar .frame-4 .search-full input[type="search"]:-webkit-autofill:active {
            -webkit-text-fill-color: #1c1c1e;
            -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
            transition: background-color 5000s ease-in-out 0s;
            font-family: "Suisse Intl", Helvetica;
            font-size: 13px; }
          .frame-3 .search-bar .frame-4 .search-full input[type="search"]::placeholder {
            color: #737373;
            font-family: "Suisse Intl", Helvetica;
            font-weight: 400;
            font-size: 13px;
            text-align: left;
            letter-spacing: -0.13px;
            line-height: 56px; }
          .frame-3 .search-bar .frame-4 .search-full input[type="search"]::-webkit-search-decoration, .frame-3 .search-bar .frame-4 .search-full input[type="search"]::-webkit-search-cancel-button, .frame-3 .search-bar .frame-4 .search-full input[type="search"]::-webkit-search-results-button, .frame-3 .search-bar .frame-4 .search-full input[type="search"]::-webkit-search-results-decoration {
            -webkit-appearance: none;
            display: none !important;
            /* Explicitly hide with !important */ }
          .frame-3 .search-bar .frame-4 .search-full input[type="search"]::-ms-clear {
            display: none !important;
            /* Added !important */
            width: 0;
            height: 0; }
          .frame-3 .search-bar .frame-4 .search-full input[type="search"]::-moz-search-clear-button {
            display: none !important;
            /* Added !important */ }
          .frame-3 .search-bar .frame-4 .search-full input[type="search"]:invalid {
            border: none;
            box-shadow: none;
            outline: none; }
  .frame-3 .search-suggestions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    position: relative;
    align-self: stretch;
    width: 100%;
    border-radius: 12px;
    overflow: hidden; }
    .frame-3 .search-suggestions .heading {
      position: relative;
      align-self: stretch;
      margin-top: -1.00px;
      font-family: "Suisse Intl", Helvetica;
      font-weight: 400;
      color: #1c1c1e;
      font-size: 16px;
      letter-spacing: -0.16px;
      line-height: 170.0000047684%; }
    .frame-3 .search-suggestions .quick-search-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      position: relative;
      align-self: stretch;
      width: 100%; }
      .frame-3 .search-suggestions .quick-search-wrapper .button-website {
        display: inline-flex;
        height: 36px;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 4px 12px;
        position: relative;
        flex: 0 0 auto;
        background-color: white;
        border-radius: 100px;
        overflow: hidden;
        border: 1px solid #f7f2ee;
        text-decoration: none; }
        .frame-3 .search-suggestions .quick-search-wrapper .button-website::before {
          content: '';
          display: inline-block;
          width: 14px;
          height: 14px;
          /* background-image: url('assets/top-searches-search.svg'); */
          background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 12.25L9.71251 9.7125M11.0833 6.41667C11.0833 8.994 8.994 11.0833 6.41667 11.0833C3.83934 11.0833 1.75 8.994 1.75 6.41667C1.75 3.83934 3.83934 1.75 6.41667 1.75C8.994 1.75 11.0833 3.83934 11.0833 6.41667Z' stroke='%231C1C1E' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
          position: relative;
          top: 0; }
        .frame-3 .search-suggestions .quick-search-wrapper .button-website .text {
          position: relative;
          width: fit-content;
          margin: 0;
          font-family: "Suisse Intl", Helvetica;
          font-weight: 400;
          color: #1c1c1e;
          font-size: 16px;
          letter-spacing: -0.16px;
          line-height: 1;
          white-space: nowrap;
          display: flex;
          align-items: center;
          height: 100%; }
        .frame-3 .search-suggestions .quick-search-wrapper .button-website:hover {
          background-color: #fbfbfb;
          border-color: #bbbbbb; }
  .frame-3 .clear-button {
    display: none !important; }

.frame-3 > .search-suggestions > .frame-5 {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 20px; }
  .frame-3 > .search-suggestions > .frame-5 .breadcrumbs {
    padding-left: 0;
    padding-inline-start: 0;
    margin-bottom: 0; }

.category-page .frame-3 {
  padding-bottom: 24px !important; }
  .category-page .frame-3 .headline {
    margin-bottom: 0; }
.category-page .divider.img-wrapper {
  padding-top: 0;
  margin: 32px 0px !important; }
.category-page .search-suggestions {
  margin-bottom: 20px; }
.category-page .blog-section {
  padding-top: 44px !important; }
  @media screen and (max-width: 767px) {
    .category-page .blog-section {
      padding-top: 20px !important; } }
  .category-page .blog-section .div-2 {
    margin-bottom: 32px !important; }
.category-page .lt-col {
  gap: unset !important; }
.category-page .article-list {
  gap: unset !important; }
.category-page .see-all-button {
  margin-top: 0 !important; }
.category-page .section-list.lt-row {
  gap: 32px !important; }

.divider.line-wrapper {
  margin: 20px 0px;
  align-self: stretch;
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  padding: unset !important; }
  @media screen and (max-width: 767px) {
    .divider.line-wrapper {
      display: none; } }
.divider.img-wrapper {
  padding: unset !important;
  align-self: stretch;
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  margin: 32px 0px; }
  @media screen and (max-width: 767px) {
    .divider.img-wrapper {
      display: none; } }

.frame-5 {
  display: grid;
  align-items: center;
  gap: 20px;
  padding: 20px !important;
  position: relative;
  flex: 0 0 auto;
  align-self: stretch;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto; }
  .frame-5 a.frame-6,
  .frame-5 a.frame-7 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 32px;
    position: relative;
    flex: 1;
    border-radius: 30px;
    background-color: white;
    border: 1px solid #e9e9e9;
    text-decoration: none;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out; }
    .frame-5 a.frame-6 .group,
    .frame-5 a.frame-7 .group {
      position: relative;
      width: 88px;
      height: 88px;
      flex-shrink: 0; }
      .frame-5 a.frame-6 .group .featured-icon,
      .frame-5 a.frame-6 .group .fast-delivery-wrapper,
      .frame-5 a.frame-6 .group .div-wrapper,
      .frame-5 a.frame-7 .group .featured-icon,
      .frame-5 a.frame-7 .group .fast-delivery-wrapper,
      .frame-5 a.frame-7 .group .div-wrapper {
        height: 88px;
        width: 88px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f7f2ee;
        transition: background-color 0.2s ease-in-out; }
        .frame-5 a.frame-6 .group .featured-icon svg,
        .frame-5 a.frame-6 .group .fast-delivery-wrapper svg,
        .frame-5 a.frame-6 .group .div-wrapper svg,
        .frame-5 a.frame-7 .group .featured-icon svg,
        .frame-5 a.frame-7 .group .fast-delivery-wrapper svg,
        .frame-5 a.frame-7 .group .div-wrapper svg {
          width: 44px;
          height: 44px; }
          .frame-5 a.frame-6 .group .featured-icon svg path,
          .frame-5 a.frame-6 .group .fast-delivery-wrapper svg path,
          .frame-5 a.frame-6 .group .div-wrapper svg path,
          .frame-5 a.frame-7 .group .featured-icon svg path,
          .frame-5 a.frame-7 .group .fast-delivery-wrapper svg path,
          .frame-5 a.frame-7 .group .div-wrapper svg path {
            fill: #1c1c1e;
            transition: fill 0.2s ease-in-out; }
    .frame-5 a.frame-6 .text-wrapper-3,
    .frame-5 a.frame-6 .text-wrapper-4,
    .frame-5 a.frame-6 .text-wrapper-5,
    .frame-5 a.frame-7 .text-wrapper-3,
    .frame-5 a.frame-7 .text-wrapper-4,
    .frame-5 a.frame-7 .text-wrapper-5 {
      position: relative;
      align-self: stretch;
      color: #1c1c1e;
      font-family: "Suisse Intl", Helvetica;
      font-weight: 400;
      font-size: 19.9999980927px;
      letter-spacing: -0.3999999619px;
      line-height: 129.9999952316%;
      transition: color 0.2s ease-in-out; }
    .frame-5 a.frame-6 .text-wrapper-4,
    .frame-5 a.frame-7 .text-wrapper-4 {
      font-family: "Suisse Intl", Helvetica;
      font-weight: 400;
      font-size: 18px;
      letter-spacing: -0.27px;
      line-height: 139.9999976158%; }
    .frame-5 a.frame-6:hover,
    .frame-5 a.frame-7:hover {
      transform: translateY(-4px);
      box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 2px 0px rgba(0, 0, 0, 0.03), 0px 5px 3px 0px rgba(0, 0, 0, 0.02), 0px 9px 4px 0px rgba(0, 0, 0, 0.01), 0px 14px 4px 0px rgba(0, 0, 0, 0);
      background-color: #ff3e1d;
      border-color: #ff3e1d; }
      .frame-5 a.frame-6:hover .text-wrapper-3, .frame-5 a.frame-6:hover .text-wrapper-4, .frame-5 a.frame-6:hover .text-wrapper-5,
      .frame-5 a.frame-7:hover .text-wrapper-3,
      .frame-5 a.frame-7:hover .text-wrapper-4,
      .frame-5 a.frame-7:hover .text-wrapper-5 {
        color: white; }
      .frame-5 a.frame-6:hover .group .featured-icon, .frame-5 a.frame-6:hover .group .fast-delivery-wrapper, .frame-5 a.frame-6:hover .group .div-wrapper,
      .frame-5 a.frame-7:hover .group .featured-icon,
      .frame-5 a.frame-7:hover .group .fast-delivery-wrapper,
      .frame-5 a.frame-7:hover .group .div-wrapper {
        background-color: white; }
        .frame-5 a.frame-6:hover .group .featured-icon svg path, .frame-5 a.frame-6:hover .group .fast-delivery-wrapper svg path, .frame-5 a.frame-6:hover .group .div-wrapper svg path,
        .frame-5 a.frame-7:hover .group .featured-icon svg path,
        .frame-5 a.frame-7:hover .group .fast-delivery-wrapper svg path,
        .frame-5 a.frame-7:hover .group .div-wrapper svg path {
          fill: #ff3e1d; }

.topic-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 200px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto; }
  .topic-buttons a.website-buttons-2 {
    box-sizing: border-box;
    height: 64px;
    padding: 20px 38px;
    background-color: #dee9f2;
    border-radius: 100px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    text-decoration: none;
    transition: background-color 0.2s ease-in-out; }
    .topic-buttons a.website-buttons-2:hover {
      background-color: #c8d7e4; }
    .topic-buttons a.website-buttons-2 .frame-8 {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      position: relative;
      flex: 0 0 auto; }
      .topic-buttons a.website-buttons-2 .frame-8 .button-2 {
        box-sizing: border-box;
        position: relative;
        width: fit-content;
        font-family: "Suisse Intl", Helvetica;
        font-weight: 400;
        color: #1c1c1e;
        font-size: 18px;
        letter-spacing: -0.27px;
        line-height: 139.9999976158%;
        white-space: nowrap; }
      .topic-buttons a.website-buttons-2 .frame-8::after {
        content: '';
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-left: 4px;
        /* vertical-align: middle; */
        /* Remove vertical align */
        position: relative;
        /* Keep for top adjustment */
        top: -1px;
        /* Nudge UP slightly */
        /* background-image: url('assets/button-arrow.svg'); */
        background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.09623 11.5H6.51464L9.7908 8.56924H3V7.44203H9.7908L6.51464 4.5H8.09623L12 8.00564L8.09623 11.5Z' fill='%231C1C1E'/%3E%3C/svg%3E"); }

.category-page .blog-section .headline-2 {
  font-size: 32px !important;
  line-height: 35px !important; }
.category-page .lt-col h3 {
  margin: 0 0 16px 0;
  font-size: 20px;
  line-height: 26px; }
  .category-page .lt-col h3 a:hover {
    text-decoration: none !important; }

.lt-col h3 {
  align-self: stretch;
  margin: 0 0 16px 0; }
  .lt-col h3 a {
    color: #1c1c1e;
    text-decoration: none;
    font-family: "Suisse Intl", Helvetica;
    font-weight: 400;
    font-size: inherit;
    line-height: inherit;
    transition: color 0.2s ease, text-decoration 0.2s ease; }
    .lt-col h3 a:hover {
      color: #ff3e1d;
      text-decoration: underline; }

.top-nav-bar {
  padding: 72px 20px 0px !important;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin: 0 auto;
  max-width: 1200px; }

.top-nav-desktop {
  min-height: 72px;
  align-items: center;
  justify-content: space-between;
  padding: 12px 32px;
  background-color: white;
  border-radius: 20px;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%; }
  .top-nav-desktop .new-simple-logo-link {
    display: inline-block;
    line-height: 0; }
  .top-nav-desktop .new-simple-logo {
    width: 106px !important;
    height: unset !important;
    vertical-align: middle; }
  .top-nav-desktop .frame {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    position: relative;
    flex: 0 0 auto; }
    .top-nav-desktop .frame .website-buttons {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: relative;
      flex: 0 0 auto; }
      .top-nav-desktop .frame .website-buttons .div {
        gap: 12px;
        display: inline-flex;
        align-items: center;
        position: relative;
        flex: 0 0 auto; }
        .top-nav-desktop .frame .website-buttons .div .button {
          box-sizing: border-box;
          position: relative;
          width: fit-content;
          font-family: "Suisse Intl", Helvetica;
          font-weight: 400;
          color: #1c1c1e;
          font-size: 16px;
          letter-spacing: -0.16px;
          line-height: 170.0000047684%;
          text-decoration: none;
          transition: color 0.2s ease; }
          .top-nav-desktop .frame .website-buttons .div .button:hover {
            color: #ff3e1d; }
    .top-nav-desktop .frame .frame-wrapper {
      height: 48px;
      padding: 0;
      /* Reverted - Padding back on link */
      flex: 0 0 auto;
      background-color: #dee9f2;
      border-radius: 100px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: relative;
      transition: background-color 0.2s ease; }
      .top-nav-desktop .frame .frame-wrapper:hover {
        background-color: #c8d7e4; }
      .top-nav-desktop .frame .frame-wrapper a.frame-2 {
        gap: 4px;
        display: inline-flex;
        align-items: center;
        position: relative;
        flex: 0 0 auto;
        padding: 11px 24px 9px;
        /* Adjusted top/bottom padding */
        text-decoration: none;
        color: #1c1c1e;
        font-family: "Suisse Intl", Helvetica;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: -0.32px;
        line-height: 160.0000023842%;
        /* Reverted back to original variable */
        white-space: nowrap;
        /* Nudge text down slightly */ }
        .top-nav-desktop .frame .frame-wrapper a.frame-2 .button-text {
          position: relative;
          top: 1px; }
        .top-nav-desktop .frame .frame-wrapper a.frame-2::after {
          content: '';
          display: inline-block;
          width: 15px;
          height: 15px;
          margin-left: 4px;
          /* vertical-align: middle; */
          /* Remove vertical align */
          position: relative;
          /* Keep for top adjustment */
          top: -1px;
          /* Nudge UP slightly */
          /* background-image: url('assets/button-arrow.svg'); */
          background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.09623 11.5H6.51464L9.7908 8.56924H3V7.44203H9.7908L6.51464 4.5H8.09623L12 8.00564L8.09623 11.5Z' fill='%231C1C1E'/%3E%3C/svg%3E"); }

.blog-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 40px 20px 72px !important;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  max-width: 1200px;
  margin: 0 auto;
  /* Move flex properties and gap to the direct parent */ }
  .blog-section section.articles {
    display: flex;
    flex-direction: column;
    gap: 40px !important;
    /* Add the correct gap here */
    width: 100%;
    /* Ensure it takes full width */ }
    @media screen and (max-width: 767px) {
      .blog-section section.articles {
        gap: 24px !important;
        /* Adjust gap for mobile */ } }
  .blog-section .div-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto; }
    .blog-section .div-3 .headline-2 {
      position: relative;
      flex-grow: 1;
      font-family: "Suisse Intl", Helvetica;
      font-weight: 400;
      color: #1c1c1e;
      font-size: 18px;
      letter-spacing: -0.27px;
      line-height: 139.9999976158%; }
  .blog-section .FA-qs {
    gap: 32px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    list-style: none;
    padding: 0; }
    .blog-section .FA-qs .frame-9 {
      display: flex;
      align-items: flex-start;
      gap: 28px;
      position: relative;
      align-self: stretch;
      width: 100%;
      flex: 0 0 auto;
      padding-bottom: 32px;
      border-bottom: 1px solid #e9e9e9; }
      .blog-section .FA-qs .frame-9:last-child {
        border-bottom: none;
        padding-bottom: 0; }
      .blog-section .FA-qs .frame-9 .frame-10 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        position: relative;
        flex: 1;
        flex-grow: 1; }
        @media screen and (max-width: 767px) {
          .blog-section .FA-qs .frame-9 .frame-10 {
            gap: 12px !important; } }
        .blog-section .FA-qs .frame-9 .frame-10 .text-wrapper-6 {
          position: relative;
          align-self: stretch;
          font-family: "Suisse Int'l", Helvetica;
          /* Assuming this font is correct */
          font-weight: 400;
          /* Reverted to original weight */
          color: #1c1c1e;
          /* Dark color for title */
          font-size: 18px;
          /* Assuming 18px */
          letter-spacing: -0.27px;
          line-height: 1.4;
          /* Adjust line-height for title */
          text-decoration: none;
          transition: color 0.2s ease; }
          .blog-section .FA-qs .frame-9 .frame-10 .text-wrapper-6:hover {
            color: #ff3e1d; }
          .blog-section .FA-qs .frame-9 .frame-10 .text-wrapper-6 .icon-lock {
            margin-left: 8px;
            width: 14px;
            height: 14px;
            vertical-align: middle; }
            .blog-section .FA-qs .frame-9 .frame-10 .text-wrapper-6 .icon-lock path, .blog-section .FA-qs .frame-9 .frame-10 .text-wrapper-6 .icon-lock rect {
              stroke: currentColor;
              fill: currentColor; }
        .blog-section .FA-qs .frame-9 .frame-10 .promoted-article-excerpt {
          font-family: "DM Sans", Helvetica !important;
          /* Force DM Sans */
          font-weight: 400 !important;
          /* Force regular weight */
          color: #4e4e4e;
          /* Lighter grey color */
          font-size: 16px !important;
          /* Force 16px */
          letter-spacing: 0px;
          line-height: 160.0000023842%;
          /* Around 170% */
          margin: 0;
          /* Remove default paragraph margin */
          /* Add line clamping for 2 lines */
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; }
  .blog-section .div-2 {
    margin-bottom: 40px; }
  .blog-section .headline-2 {
    color: #1c1c1e;
    font-size: 20px;
    font-family: "Suisse Intl", Helvetica;
    font-weight: 400;
    line-height: 26px;
    margin: 0; }

.CTA-banners {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin: 0 auto;
  max-width: 1200px;
  padding: 24px 16px 72px !important; }
  .CTA-banners .frame-11 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #ff3e1d;
    border-radius: 30px; }
    @media screen and (max-width: 767px) {
      .CTA-banners .frame-11 {
        padding: 24px !important; } }
    .CTA-banners .frame-11 .div-3 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      gap: 20px; }
      @media screen and (max-width: 767px) {
        .CTA-banners .frame-11 .div-3 {
          flex-direction: column !important; } }
      .CTA-banners .frame-11 .div-3 .frame-12 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 12px;
        position: relative;
        flex: 1 1 auto; }
        .CTA-banners .frame-11 .div-3 .frame-12 .can-t-find-what-you {
          position: relative;
          align-self: stretch;
          margin: 0;
          padding: 0;
          font-family: "Suisse Intl", Helvetica;
          font-weight: 400;
          color: white;
          font-size: 28px;
          letter-spacing: -0.56px;
          line-height: 35px; }
          @media screen and (max-width: 767px) {
            .CTA-banners .frame-11 .div-3 .frame-12 .can-t-find-what-you {
              font-size: 24px !important; } }
        .CTA-banners .frame-11 .div-3 .frame-12 .text-wrapper-7 {
          position: relative;
          align-self: stretch;
          margin: 0;
          padding: 0;
          font-family: "Suisse Intl", Helvetica;
          font-weight: 400;
          color: white;
          font-size: 19.9999980927px;
          letter-spacing: -0.3999999619px;
          line-height: 26px; }
      .CTA-banners .frame-11 .div-3 a.website-buttons-4 {
        height: 64px;
        padding: 0;
        flex: 0 0 auto;
        background-color: #dee9f2;
        border-radius: 100px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        text-decoration: none;
        transition: background-color 0.2s ease-in-out; }
        @media screen and (max-width: 767px) {
          .CTA-banners .frame-11 .div-3 a.website-buttons-4 {
            width: 100%; } }
        .CTA-banners .frame-11 .div-3 a.website-buttons-4:hover {
          background-color: #c8d7e4; }
        .CTA-banners .frame-11 .div-3 a.website-buttons-4 .frame-8 {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          position: relative;
          flex: 0 0 auto;
          padding: 20px 38px; }
          .CTA-banners .frame-11 .div-3 a.website-buttons-4 .frame-8 .button-2 {
            position: relative;
            width: fit-content;
            font-family: "Suisse Intl", Helvetica;
            font-weight: 400;
            color: #1c1c1e;
            font-size: 18px;
            letter-spacing: -0.27px;
            line-height: 25.20px;
            white-space: nowrap; }
          .CTA-banners .frame-11 .div-3 a.website-buttons-4 .frame-8::after {
            content: '';
            display: inline-block;
            width: 15px;
            height: 15px;
            margin-left: 4px;
            position: relative;
            top: -1px;
            background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.09623 11.5H6.51464L9.7908 8.56924H3V7.44203H9.7908L6.51464 4.5H8.09623L12 8.00564L8.09623 11.5Z' fill='%231C1C1E'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain; }

.help-center-footer {
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  background-color: white; }

.basket-footer {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  margin: 0 auto; }

.badges-and-copyright {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: white; }

.max-width-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0px 40px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 20px; }
  .max-width-wrapper .frame-13 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
    position: relative;
    flex: 0 0 auto; }
    .max-width-wrapper .frame-13 .new-simple-logo-link-footer {
      display: block;
      line-height: 0; }
    .max-width-wrapper .frame-13 .new-simple-logo-2 {
      position: relative;
      width: 120px;
      height: 30px; }
    .max-width-wrapper .frame-13 .copyright {
      position: relative;
      max-width: 420px;
      font-family: "Suisse Intl", Helvetica;
      font-weight: 400;
      color: #737373;
      font-size: 13px;
      letter-spacing: -0.13px;
      line-height: 179.9999952316%; }
  .max-width-wrapper .social-links {
    gap: 12px;
    display: inline-flex;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
    flex-wrap: wrap; }
    .max-width-wrapper .social-links .social-icon-wrapper {
      display: flex;
      width: 48px;
      height: 48px;
      align-items: center;
      justify-content: center;
      position: relative;
      background-color: #dee9f2;
      border-radius: 50%;
      transition: background-color 0.2s ease; }
      .max-width-wrapper .social-links .social-icon-wrapper:hover {
        background-color: #c8d7e4; }
      .max-width-wrapper .social-links .social-icon-wrapper a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        text-decoration: none; }
        .max-width-wrapper .social-links .social-icon-wrapper a svg {
          width: 24px;
          height: 24px;
          fill: #1c1c1e; }

.message {
  display: flex;
  width: 64px;
  height: 64px;
  align-items: center;
  justify-content: center;
  padding: 12px;
  position: fixed;
  bottom: 40px;
  right: 40px;
  background-color: #ff3e1d;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 4px 4px 40px 2px #ff3e1d33;
  z-index: 1000;
  cursor: pointer;
  transition: transform 0.2s ease; }
  .message:hover {
    transform: scale(1.1); }
  .message::before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    /* background-image: url('assets/chat.svg'); */
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.16667 25.5L5 35L14.5 31.8334C18.8389 34.025 24.1468 33.771 28.2791 31.2155C32.8156 28.41 35 23.528 35 18.3334C34.6083 11.2332 28.7669 5.39176 21.6667 5.00005H20.8333C18.6336 4.99431 16.4635 5.50827 14.5 6.50005C12.1471 7.67599 10.168 9.4838 8.78453 11.721C7.40102 13.9581 6.66768 16.5363 6.66667 19.1667C6.66093 21.3665 7.17489 23.5365 8.16667 25.5Z' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }

/* =================================
   Basic Breadcrumb Styles Start
   ================================= */
.breadcrumbs {
  list-style: none;
  margin: 0;
  font-size: 13px;
  line-height: 179.9999952316%;
  color: #1c1c1e; }
  .breadcrumbs li {
    display: inline-block;
    font-family: "Suisse Intl", Helvetica;
    font-size: 13px;
    font-weight: 400;
    line-height: 23.4px; }
    .breadcrumbs li + li:before {
      content: "/";
      padding: 0 8px;
      color: #bbbbbb;
      font-family: "DM Sans", Helvetica;
      font-size: 14px;
      font-weight: 400;
      line-height: 22.4px;
      display: inline-block;
      position: relative; }
    .breadcrumbs li a {
      color: #4e4e4e;
      text-decoration: none; }
      .breadcrumbs li a:hover {
        color: #1c1c1e;
        text-decoration: underline; }
    .breadcrumbs li:last-child {
      color: #ff3e1d; }
      .breadcrumbs li:last-child a {
        color: inherit;
        pointer-events: none;
        cursor: default; }
        .breadcrumbs li:last-child a:hover {
          text-decoration: none; }

.container {
  width: 100%;
  padding-left: 200px;
  padding-right: 200px;
  margin-left: auto;
  margin-right: auto; }

.sub-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px; }
  .sub-nav .breadcrumbs {
    margin-bottom: 0;
    flex-grow: 1;
    margin-right: 0; }
  .sub-nav .search-container {
    flex-shrink: 0; }

/* =================================
   Basic Breadcrumb Styles End
   ================================= */
.lt-row {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-left: 0;
  margin-right: 0; }

.lt-col {
  position: relative;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 16px; }

@media (min-width: 768px) {
  .lt-row-cols-md-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px; }
    .lt-row-cols-md-3 > .lt-col {
      width: auto;
      flex-basis: auto; }

  /*
  .lt-row-cols-md-3 > .lt-col {
    // Calculate width explicitly, accounting for the gap
    width: calc((100% - (40px * 2)) / 3); // (100% - (gap * (num_cols - 1))) / num_cols
    // Use auto flex basis when width is set
    flex: 0 0 auto;
  }
  */ }
.article-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none; }
  .article-list .article-list-item {
    margin-bottom: 0;
    align-self: stretch; }
  .article-list .article-list-link {
    color: #4e4e4e;
    font-size: 16px;
    font-family: "Suisse Intl", Helvetica;
    font-weight: 400;
    line-height: 27.20px;
    text-decoration: none;
    align-self: stretch;
    word-wrap: break-word; }
    .article-list .article-list-link:hover {
      color: #ff3e1d;
      text-decoration: none; }

.blog-section .pagination {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 24px; }
  .blog-section .pagination .pagination-next-page,
  .blog-section .pagination .pagination-last-page {
    height: 36px;
    padding: 4px 12px !important;
    background: #ff3e1d !important;
    overflow: hidden;
    border-radius: 100px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    text-decoration: none !important;
    border: none !important; }
  .blog-section .pagination .pagination-next-page *,
  .blog-section .pagination .pagination-last-page * {
    display: none !important; }
  .blog-section .pagination .pagination-next-page::before {
    content: 'Next';
    color: white !important;
    font-size: 13px !important;
    font-family: 'Suisse Intl', Helvetica !important;
    font-weight: 400 !important;
    line-height: 23.40px !important;
    word-wrap: break-word !important;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1) !important; }
  .blog-section .pagination .pagination-next-page::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icons'%3E%3Cpath id='Vector' d='M5.25 10.5L8.75 7L5.25 3.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
  .blog-section .pagination .pagination-last-page::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icons'%3E%3Cpath id='Vector' d='M7.58333 9.91683L10.5 7.00016L7.58333 4.0835M3.5 4.0835L6.41667 7.00016L3.5 9.91683' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }

.section-pagination {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 24px; }
  .section-pagination .pagination {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 0; }
  .section-pagination ul, .section-pagination ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 12px; }
  .section-pagination li {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .section-pagination a, .section-pagination span {
    display: none; }
  .section-pagination .pagination-next-link,
  .section-pagination .pagination-last-link {
    display: block; }
    .section-pagination .pagination-next-link a,
    .section-pagination .pagination-last-link a {
      height: 36px;
      padding: 4px 12px;
      background: #ff3e1d;
      overflow: hidden;
      border-radius: 100px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: 4px;
      text-decoration: none;
      border: none;
      color: white;
      font-size: 0;
      position: relative; }
      .section-pagination .pagination-next-link a:before, .section-pagination .pagination-next-link a:after,
      .section-pagination .pagination-last-link a:before,
      .section-pagination .pagination-last-link a:after {
        display: inline-block;
        position: relative; }
  .section-pagination .pagination-next-link a:before {
    content: 'Next';
    font-size: 13px;
    font-family: 'Suisse Intl', Helvetica;
    font-weight: 400;
    line-height: 23.40px;
    word-wrap: break-word;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    color: white; }
  .section-pagination .pagination-next-link a:after {
    content: '';
    width: 14px;
    height: 14px;
    margin-left: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icons'%3E%3Cpath id='Vector' d='M5.25 10.5L8.75 7L5.25 3.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
  .section-pagination .pagination-last-link a {
    width: 36px;
    padding: 4px; }
    .section-pagination .pagination-last-link a:after {
      content: '';
      width: 14px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icons'%3E%3Cpath id='Vector' d='M7.58333 9.91683L10.5 7.00016L7.58333 4.0835M3.5 4.0835L6.41667 7.00016L3.5 9.91683' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }

.blog-section ul.pagination-list {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0;
  padding: 0;
  list-style-type: none; }
.blog-section .pagination-list li {
  list-style-type: none;
  margin: 0;
  padding: 0; }
.blog-section .pagination-link {
  height: 36px;
  padding: 4px 12px;
  background: #ff3e1d;
  overflow: hidden;
  border-radius: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  border: none;
  color: white; }
.blog-section .pagination-next-link a {
  height: 36px;
  padding: 4px 12px;
  background: #ff3e1d;
  overflow: hidden;
  border-radius: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  position: relative;
  color: transparent; }
  .blog-section .pagination-next-link a:before {
    content: 'Next';
    color: white;
    font-size: 13px;
    font-family: 'Suisse Intl', Helvetica;
    font-weight: 400;
    line-height: 23.40px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); }
  .blog-section .pagination-next-link a:after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icons'%3E%3Cpath id='Vector' d='M5.25 10.5L8.75 7L5.25 3.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
.blog-section .pagination-previous-link a {
  height: 36px;
  padding: 4px 12px;
  background: #ff3e1d;
  overflow: hidden;
  border-radius: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  position: relative;
  color: transparent; }
  .blog-section .pagination-previous-link a:before {
    content: 'Previous';
    color: white;
    font-size: 13px;
    font-family: 'Suisse Intl', Helvetica;
    font-weight: 400;
    line-height: 23.40px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); }
  .blog-section .pagination-previous-link a:after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icons'%3E%3Cpath id='Vector' d='M8.75 3.5L5.25 7L8.75 10.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    order: -1; }
.blog-section .pagination-first-link a {
  height: 36px;
  width: 36px;
  padding: 4px;
  background: #ff3e1d;
  overflow: hidden;
  border-radius: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  position: relative;
  color: transparent; }
  .blog-section .pagination-first-link a:after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.41667 4.0835L3.5 7.00016L6.41667 9.91683M10.5 4.0835L7.58333 7.00016L10.5 9.91683' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
.blog-section .pagination-last-link a {
  height: 36px;
  width: 36px;
  padding: 4px;
  background: #ff3e1d;
  overflow: hidden;
  border-radius: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  position: relative;
  color: transparent; }
  .blog-section .pagination-last-link a:after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.58333 9.91683L10.5 7.00016L7.58333 4.0835M3.5 4.0835L6.41667 7.00016L3.5 9.91683' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
.blog-section .pagination-page-link {
  display: none; }

.pagination,
.pagination-list {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0;
  padding: 0;
  list-style-type: none; }

.pagination li,
.pagination-list li {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.pagination-next-link a,
.pagination-last-link a,
.pagination-previous-link a,
.pagination-first-link a {
  height: 36px;
  padding: 4px 12px;
  background: #ff3e1d !important;
  overflow: hidden;
  border-radius: 100px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  text-decoration: none !important;
  border: none !important;
  color: transparent !important;
  font-size: 0 !important;
  position: relative; }

.pagination-next-link a::before {
  content: 'Next' !important;
  color: white !important;
  font-size: 13px !important;
  font-family: 'Suisse Intl', Helvetica !important;
  font-weight: 400 !important;
  line-height: 23.40px !important;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1) !important; }

.pagination-next-link a::after {
  content: '' !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  margin-left: 4px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 10.5L8.75 7L5.25 3.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important; }

.pagination-previous-link a::before {
  content: 'Previous' !important;
  color: white !important;
  font-size: 13px !important;
  font-family: 'Suisse Intl', Helvetica !important;
  font-weight: 400 !important;
  line-height: 23.40px !important;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1) !important; }

.pagination-previous-link a::after {
  content: '' !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  margin-right: 4px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icons'%3E%3Cpath id='Vector' d='M8.75 3.5L5.25 7L8.75 10.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  order: -1 !important; }

.pagination-first-link a::after {
  content: '' !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.41667 4.0835L3.5 7.00016L6.41667 9.91683M10.5 4.0835L7.58333 7.00016L10.5 9.91683' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important; }

.pagination-last-link a::after {
  content: '' !important;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.58333 9.91683L10.5 7.00016L7.58333 4.0835M3.5 4.0835L6.41667 7.00016L3.5 9.91683' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important; }

.pagination-first-link a,
.pagination-last-link a {
  width: 36px !important;
  padding: 4px !important; }

.pagination-page-link {
  display: none !important; }

.article-container {
  width: 100%; }

.subsections-container {
  width: 100%;
  margin-top: 32px; }

.subsection-header {
  font-size: 24px;
  margin-bottom: 16px; }

.blog-section .article-list {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none; }

.blog-section .article-list-item {
  margin: 0 0 16px 0;
  padding: 0; }

.pagination-page-link {
  display: none !important; }

/* Base pagination styling */
.pagination {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px; }

/* Hide original link text */
.pagination a {
  font-size: 0;
  color: transparent; }

/* Style Next button */
.pagination-next a {
  position: relative;
  height: 36px;
  padding: 4px 12px;
  background: #FF3E1D;
  border-radius: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  /* Adjusted gap */
  text-decoration: none;
  border: none; }

/* Add "Next" text */
.pagination-next a::before {
  content: 'Next';
  font-size: 13px;
  font-family: 'Suisse Intl', Helvetica;
  font-weight: 400;
  line-height: 23.40px;
  color: white;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); }

/* Add right arrow icon */
.pagination-next a::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 2px;
  /* Adjusted margin */
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 10.5L8.75 7L5.25 3.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

/* Style Last button */
.pagination-last a {
  position: relative;
  height: 36px;
  width: 36px;
  padding: 4px;
  background: #FF3E1D;
  border-radius: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none; }

/* Add double arrow icon */
.pagination-last a::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.58333 9.91683L10.5 7.00016L7.58333 4.0835M3.5 4.0835L6.41667 7.00016L3.5 9.91683' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

/* Style Previous button */
.pagination-prev a {
  position: relative;
  height: 36px;
  padding: 4px 12px;
  background: #FF3E1D;
  border-radius: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  border: none; }

/* Add "Previous" text */
.pagination-prev a::before {
  content: 'Previous';
  font-size: 13px;
  font-family: 'Suisse Intl', Helvetica;
  font-weight: 400;
  line-height: 23.40px;
  color: white;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1); }

/* Add left arrow icon */
.pagination-prev a::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Icons'%3E%3Cpath id='Vector' d='M8.75 3.5L5.25 7L8.75 10.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  order: -1;
  /* Place icon on the left */ }

/* Style First button */
.pagination-first a {
  position: relative;
  height: 36px;
  width: 36px;
  padding: 4px;
  background: #FF3E1D;
  border-radius: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none; }

/* Add double left arrow icon */
.pagination-first a::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 10.5L7.58333 7.00016L10.5 3.5M6.41667 10.5L3.5 7.00016L6.41667 3.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  /* Updated SVG */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

/* Hide page number links */
.pagination-page {
  display: none; }

.search-breadcrumb-container {
  width: 100%;
  margin: 0 auto !important;
  max-width: 1200px;
  padding: 24px 16px 0px !important;
  display: block;
  box-sizing: border-box; }
  .search-breadcrumb-container .breadcrumbs {
    margin: 0 !important;
    padding: 0 !important;
    padding-inline-start: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    list-style-type: none !important; }
    .search-breadcrumb-container .breadcrumbs li {
      margin: 0 !important;
      padding: 0 !important;
      display: inline-block !important;
      color: #4E4E4E;
      font-size: 13px;
      font-family: 'Suisse Intl', Helvetica;
      /* Removed conflicting ::after rule - Rely on global li + li::before rule */
      /* &:not(:last-child)::after {
        content: " / ";
        color: #BBBBBB; // Divider grey
        margin: 0 4px;
      } */ }
      .search-breadcrumb-container .breadcrumbs li:last-child, .search-breadcrumb-container .breadcrumbs li:last-child a {
        color: #FF3E1D;
        font-weight: 400; }
      .search-breadcrumb-container .breadcrumbs li a {
        color: inherit;
        text-decoration: none; }
        .search-breadcrumb-container .breadcrumbs li a:hover {
          text-decoration: underline; }

.search-results-divider-top {
  border-bottom: 1px solid #E9E9E9 !important; }

.search-results-content {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  padding: 24px 16px 16px !important; }

.search-results-heading {
  color: #1C1C1E;
  font-size: 16px;
  font-family: 'Suisse Intl', Helvetica;
  font-weight: 400;
  line-height: 27.20px;
  margin-bottom: 32px;
  word-wrap: break-word; }

.search-results-list {
  list-style: none;
  padding: 0;
  margin: 0; }

.search-result-item {
  margin-bottom: 32px; }

.result-item-breadcrumbs {
  margin-bottom: 18px;
  font-size: 13px;
  font-family: 'Suisse Intl', Helvetica; }
  .result-item-breadcrumbs .result-breadcrumb-step {
    color: #4E4E4E; }
  .result-item-breadcrumbs .result-breadcrumb-separator {
    color: #BBBBBB;
    margin: 0 4px; }
  .result-item-breadcrumbs .result-breadcrumb-step:last-of-type {
    color: #FF3E1D;
    font-weight: 400; }

.result-item-title {
  margin: 0 0 14px 0; }
  .result-item-title a {
    color: #1C1C1E;
    font-size: 18px;
    font-family: 'Suisse Intl', Helvetica;
    font-weight: 400;
    line-height: 25.20px;
    text-decoration: none;
    word-wrap: break-word; }
    .result-item-title a:hover {
      color: #ff3e1d;
      text-decoration: underline; }

.result-item-snippet {
  color: #4E4E4E;
  font-size: 16px;
  font-family: 'Suisse Intl', Helvetica;
  font-weight: 400;
  line-height: 27.20px;
  margin: 0 0 14px 0;
  word-wrap: break-word; }

.result-item-date {
  color: #4E4E4E;
  font-size: 13px;
  font-family: 'Suisse Intl', Helvetica;
  font-weight: 400;
  line-height: 23.40px;
  margin: 0;
  word-wrap: break-word; }

.result-item-divider {
  padding: 0 !important;
  margin: 32px 0 0 0 !important;
  border-bottom: 1px solid rgba(28, 28, 30, 0.1) !important; }

.no-results-container {
  text-align: center;
  padding: 40px 0; }

.no-results-headline {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #1c1c1e; }

.no-results-prompt {
  margin-bottom: 10px;
  color: #1c1c1e; }

.no-results-link a.link-arrowed {
  color: #ff3e1d;
  text-decoration: none; }
  .no-results-link a.link-arrowed:hover {
    color: #cc3217;
    text-decoration: underline; }

form.search input[type="submit"] {
  display: none !important; }

.request-page-container {
  padding: 70px 20px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 1200px !important;
  margin: 0 auto; }
  .request-page-container p[data-garden-id="typography.paragraph"][class*="chHcHc"] {
    display: none !important; }

div[data-garden-id="containers.field.hint"]:not([data-garden-id*="toolbar"]),
div[id$="--hint"]:not([id*="toolbar"]),
div[id$="--hint"]:not([id*="editor"]),
.StyledHint-sc-17c2wu8-0:not(.editor-toolbar),
[aria-describedby$="--hint"] + div:not([class*="editor"]):not([class*="toolbar"]) {
  display: none !important; }

.form-field[data-for="request_description"] + p,
[data-for="request_description"] ~ div[data-garden-id="containers.field.hint"]:not([class*="editor"]):not([class*="toolbar"]) {
  display: none !important; }

.request-page-title {
  color: #ff3e1d;
  font-size: 50px;
  font-family: "Suisse Intl", Helvetica;
  font-weight: 400;
  line-height: 62.50px;
  text-align: center;
  margin: 0; }
  @media screen and (max-width: 767px) {
    .request-page-title {
      font-size: 36px !important; } }

.request-breadcrumb-container {
  width: 100%;
  max-width: 600px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box; }
  .request-breadcrumb-container .breadcrumbs {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important; }
    .request-breadcrumb-container .breadcrumbs li {
      display: inline-block !important;
      color: #4e4e4e;
      font-size: 13px;
      font-family: 'Suisse Intl', Helvetica;
      font-weight: 400;
      line-height: 23.40px; }
      .request-breadcrumb-container .breadcrumbs li + li::before {
        content: " / ";
        color: #bbbbbb;
        font-family: "DM Sans", Helvetica;
        font-size: 14px;
        padding: 0 8px; }
      .request-breadcrumb-container .breadcrumbs li:last-child, .request-breadcrumb-container .breadcrumbs li:last-child a {
        color: #ff3e1d; }
      .request-breadcrumb-container .breadcrumbs li a {
        color: inherit;
        text-decoration: none; }
        .request-breadcrumb-container .breadcrumbs li a:hover {
          text-decoration: underline; }

.request-form-wrapper {
  width: 100%;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: 24px; }

.info-alert {
  padding: 16px 20px;
  background: #e5edf5;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 12px; }
  .info-alert .info-alert-icon-wrapper {
    width: 32px;
    height: 32px;
    background: #c8d7e4;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; }
    .info-alert .info-alert-icon-wrapper .info-alert-icon {
      width: 16px;
      height: 16px; }
  .info-alert .info-alert-text {
    color: #1c1c1e;
    font-size: 16px;
    font-family: "Suisse Intl", Helvetica;
    font-weight: 400;
    line-height: 27.20px; }

div[class*="StyledTextInput"][class*="StyledTextFauxInput"] {
  background-color: white !important;
  height: 56px !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important; }

div[class*="StyledTextInput"][class*="StyledTextFauxInput"] > * {
  display: flex !important;
  align-items: center !important; }

input[class*="StyledTextInput"][name*="request[subject]"],
input[id*="subject"],
input[aria-labelledby*="subject"] {
  background-color: white !important;
  height: 56px !important;
  min-height: 56px !important; }

input[class*="StyledTextInput"][aria-labelledby*="4--label"],
input[class*="StyledTextInput"][name*="custom_fields"],
input[aria-describedby*="4--hint"] {
  background-color: white !important;
  height: 56px !important;
  min-height: 56px !important; }

div[class*="StyledCombobox"],
div[aria-controls*="listbox"],
div[id*="trigger"] {
  background-color: white !important;
  height: 56px !important;
  min-height: 56px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important; }

div[class*="StyledFloatingListbox"],
div[role="listbox"],
div[data-garden-id*="dropdowns.combobox.floating"],
ul[class*="StyledListbox"] {
  background-color: white !important; }

div[class*="StyledTrigger"],
button[class*="StyledTrigger"],
div[class*="trigger"] > * {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  width: 100% !important;
  position: relative !important;
  padding-right: 36px !important; }

div[class*="StyledTrigger"] svg,
button[class*="StyledTrigger"] svg,
div[aria-controls*="listbox"] svg,
div[id*="trigger"] svg {
  display: block !important;
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  transition: transform 0.2s ease !important; }

div[aria-expanded="true"] svg,
button[aria-expanded="true"] svg,
div[aria-expanded="true"] > div > svg {
  transform: translateY(-50%) rotate(180deg) !important; }

div[class*="StyledTextInput"][class*="StyledTextFauxInput"] input[type="text"],
div[class*="StyledTextInput"][class*="StyledTextFauxInput"] input[aria-invalid],
div[class*="StyledTextInput"][class*="StyledTextFauxInput"] input {
  height: 56px !important;
  line-height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input[autocomplete="on"]:focus {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  /* Change the background to white */
  background-color: white !important;
  transition: background-color 5000s ease-in-out 0s;
  /* Delay to prevent flashing */ }

input::selection,
div::selection,
div[class*="StyledTextInput"]::selection,
input[class*="StyledTextInput"]::selection {
  background-color: transparent !important; }

option:hover,
option:focus,
option:active,
li[role="option"]:hover,
li[role="option"]:focus,
li[role="option"]:active,
div[role="option"]:hover,
div[role="option"]:focus,
div[role="option"]:active {
  background-color: rgba(0, 0, 0, 0.05) !important;
  /* Very subtle gray instead of blue */
  color: inherit !important; }

.wysiwyg-container,
.zendesk-editor--rich-text-container,
div[data-garden-id="forms.rich_text"],
div[role="textbox"],
div[contenteditable="true"],
div[class*="StyledTextarea"],
.editor-container {
  background-color: white !important;
  border: 1px solid #BBBBBB !important;
  border-radius: 8px !important;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
  padding: 16px !important;
  min-height: 150px !important; }

.wysiwyg-container *,
.zendesk-editor--rich-text-container *,
div[data-garden-id="forms.rich_text"] *,
div[contenteditable="true"] *,
.editor-container * {
  border: none !important; }

.wysiwyg-toolbar,
.editor-toolbar,
.zendesk-editor--toolbar,
[data-garden-id="forms.rich_text.toolbar"] {
  background-color: white !important;
  border: 1px solid #BBBBBB !important;
  border-bottom: none !important;
  border-radius: 8px 8px 0 0 !important; }

input:focus,
textarea:focus,
select:focus,
div[class*="StyledTextInput"]:focus-within,
div[class*="StyledTextFauxInput"]:focus-within,
div[class*="StyledCombobox"]:focus-within,
div[aria-controls*="listbox"]:focus-within,
div[contenteditable="true"]:focus,
div[class*="StyledTextarea"]:focus-within,
div[role="textbox"]:focus,
.wysiwyg-container:focus-within,
.zendesk-editor--rich-text-container:focus-within,
div[data-garden-id="forms.rich_text"]:focus-within {
  border-color: #FF3E1D !important;
  /* Orange/red color */
  outline: none !important;
  box-shadow: 0 0 0 1px #FF3E1D !important;
  /* Additional glow effect */ }

label,
div[class*="StyledLabel"],
.form-field label,
label[for],
div[class*="Label"],
.request-form-container label,
.field-wrapper label {
  font-weight: 400 !important;
  font-family: "Suisse Intl", Helvetica !important;
  color: #1C1C1E !important; }

.upload-dropzone,
[data-garden-id="dropdowns.file_upload"],
.file-upload,
.attachments-container {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 40px !important;
  background: white !important;
  border-radius: 20px !important;
  border: 1.5px solid #BBBBBB !important;
  min-height: 220px !important;
  width: 100% !important; }
  .upload-dropzone::before,
  [data-garden-id="dropdowns.file_upload"]::before,
  .file-upload::before,
  .attachments-container::before {
    content: "" !important;
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    background: white !important;
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.04) !important;
    border-radius: 8px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 13L10 10M10 10L13 13M10 10V17.5M16.5 13.8237C17.769 13.4043 18.75 12.2201 18.75 10.8182C18.75 9.10165 17.4737 7.69532 15.8237 7.53222C15.1095 5.13315 12.9138 3.38892 10.3359 3.38892C7.28769 3.38892 4.79591 5.72207 4.55862 8.74615C2.96477 9.19948 1.75 10.7017 1.75 12.5C1.75 14.6548 3.43576 16.4118 5.61107 16.5'  stroke='%231C1C1E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-bottom: 0 !important; }
  .upload-dropzone label, .upload-dropzone span, .upload-dropzone p, .upload-dropzone div,
  [data-garden-id="dropdowns.file_upload"] label,
  [data-garden-id="dropdowns.file_upload"] span,
  [data-garden-id="dropdowns.file_upload"] p,
  [data-garden-id="dropdowns.file_upload"] div,
  .file-upload label,
  .file-upload span,
  .file-upload p,
  .file-upload div,
  .attachments-container label,
  .attachments-container span,
  .attachments-container p,
  .attachments-container div {
    color: #4E4E4E !important;
    font-size: 16px !important;
    font-family: "Suisse Intl", Helvetica !important;
    font-weight: 400 !important;
    line-height: 27.20px !important;
    text-align: center !important; }
  .upload-dropzone a, .upload-dropzone .nesty-input, .upload-dropzone .upload-link, .upload-dropzone span[onclick], .upload-dropzone [role="button"],
  [data-garden-id="dropdowns.file_upload"] a,
  [data-garden-id="dropdowns.file_upload"] .nesty-input,
  [data-garden-id="dropdowns.file_upload"] .upload-link,
  [data-garden-id="dropdowns.file_upload"] span[onclick],
  [data-garden-id="dropdowns.file_upload"] [role="button"],
  .file-upload a,
  .file-upload .nesty-input,
  .file-upload .upload-link,
  .file-upload span[onclick],
  .file-upload [role="button"],
  .attachments-container a,
  .attachments-container .nesty-input,
  .attachments-container .upload-link,
  .attachments-container span[onclick],
  .attachments-container [role="button"] {
    color: #4E4E4E !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    font-weight: 400 !important; }
    .upload-dropzone a:hover, .upload-dropzone .nesty-input:hover, .upload-dropzone .upload-link:hover, .upload-dropzone span[onclick]:hover, .upload-dropzone [role="button"]:hover,
    [data-garden-id="dropdowns.file_upload"] a:hover,
    [data-garden-id="dropdowns.file_upload"] .nesty-input:hover,
    [data-garden-id="dropdowns.file_upload"] .upload-link:hover,
    [data-garden-id="dropdowns.file_upload"] span[onclick]:hover,
    [data-garden-id="dropdowns.file_upload"] [role="button"]:hover,
    .file-upload a:hover,
    .file-upload .nesty-input:hover,
    .file-upload .upload-link:hover,
    .file-upload span[onclick]:hover,
    .file-upload [role="button"]:hover,
    .attachments-container a:hover,
    .attachments-container .nesty-input:hover,
    .attachments-container .upload-link:hover,
    .attachments-container span[onclick]:hover,
    .attachments-container [role="button"]:hover {
      color: #1C1C1E !important; }
  .upload-dropzone svg, .upload-dropzone img:not([alt="attachment"]),
  [data-garden-id="dropdowns.file_upload"] svg,
  [data-garden-id="dropdowns.file_upload"] img:not([alt="attachment"]),
  .file-upload svg,
  .file-upload img:not([alt="attachment"]),
  .attachments-container svg,
  .attachments-container img:not([alt="attachment"]) {
    display: none !important; }

div[class*="StyledFileUpload"],
.cFXboR,
div[data-garden-id="forms.file_upload"],
div[id*="forms.file_upload"],
.dropzone,
.upload-dropzone {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 40px !important;
  background: white !important;
  border-radius: 20px !important;
  border: 1.5px dashed #BBBBBB !important;
  min-height: 220px !important;
  width: 100% !important;
  position: relative !important; }
  div[class*="StyledFileUpload"] span, div[class*="StyledFileUpload"] p,
  .cFXboR span,
  .cFXboR p,
  div[data-garden-id="forms.file_upload"] span,
  div[data-garden-id="forms.file_upload"] p,
  div[id*="forms.file_upload"] span,
  div[id*="forms.file_upload"] p,
  .dropzone span,
  .dropzone p,
  .upload-dropzone span,
  .upload-dropzone p {
    font-size: 0 !important;
    color: transparent !important; }
    div[class*="StyledFileUpload"] span::before, div[class*="StyledFileUpload"] p::before,
    .cFXboR span::before,
    .cFXboR p::before,
    div[data-garden-id="forms.file_upload"] span::before,
    div[data-garden-id="forms.file_upload"] p::before,
    div[id*="forms.file_upload"] span::before,
    div[id*="forms.file_upload"] p::before,
    .dropzone span::before,
    .dropzone p::before,
    .upload-dropzone span::before,
    .upload-dropzone p::before {
      content: "Drag & drop or" !important;
      display: block !important;
      color: #4E4E4E !important;
      font-size: 16px !important;
      font-family: "Suisse Intl", Helvetica !important;
      font-weight: 400 !important;
      line-height: 27.20px !important;
      text-align: center !important;
      margin-bottom: 4px !important; }
    div[class*="StyledFileUpload"] span::after, div[class*="StyledFileUpload"] p::after,
    .cFXboR span::after,
    .cFXboR p::after,
    div[data-garden-id="forms.file_upload"] span::after,
    div[data-garden-id="forms.file_upload"] p::after,
    div[id*="forms.file_upload"] span::after,
    div[id*="forms.file_upload"] p::after,
    .dropzone span::after,
    .dropzone p::after,
    .upload-dropzone span::after,
    .upload-dropzone p::after {
      content: "click to browse" !important;
      display: block !important;
      color: #4E4E4E !important;
      font-size: 16px !important;
      font-family: "Suisse Intl", Helvetica !important;
      font-weight: 400 !important;
      line-height: 27.20px !important;
      text-align: center !important;
      text-decoration: underline !important;
      cursor: pointer !important; }
  div[class*="StyledFileUpload"] a, div[class*="StyledFileUpload"] button, div[class*="StyledFileUpload"] label,
  .cFXboR a,
  .cFXboR button,
  .cFXboR label,
  div[data-garden-id="forms.file_upload"] a,
  div[data-garden-id="forms.file_upload"] button,
  div[data-garden-id="forms.file_upload"] label,
  div[id*="forms.file_upload"] a,
  div[id*="forms.file_upload"] button,
  div[id*="forms.file_upload"] label,
  .dropzone a,
  .dropzone button,
  .dropzone label,
  .upload-dropzone a,
  .upload-dropzone button,
  .upload-dropzone label {
    font-size: 0 !important;
    color: transparent !important;
    background: transparent !important;
    border: none !important; }
  div[class*="StyledFileUpload"] input[type="file"],
  .cFXboR input[type="file"],
  div[data-garden-id="forms.file_upload"] input[type="file"],
  div[id*="forms.file_upload"] input[type="file"],
  .dropzone input[type="file"],
  .upload-dropzone input[type="file"] {
    opacity: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer !important;
    z-index: 3 !important; }
  div[class*="StyledFileUpload"]::before,
  .cFXboR::before,
  div[data-garden-id="forms.file_upload"]::before,
  div[id*="forms.file_upload"]::before,
  .dropzone::before,
  .upload-dropzone::before {
    content: "" !important;
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    background: white !important;
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.04) !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
    position: relative !important;
    z-index: 2 !important;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 13L10 10M10 10L13 13M10 10V17.5M16.5 13.8237C17.769 13.4043 18.75 12.2201 18.75 10.8182C18.75 9.10165 17.4737 7.69532 15.8237 7.53222C15.1095 5.13315 12.9138 3.38892 10.3359 3.38892C7.28769 3.38892 4.79591 5.72207 4.55862 8.74615C2.96477 9.19948 1.75 10.7017 1.75 12.5C1.75 14.6548 3.43576 16.4118 5.61107 16.5' stroke='%231C1C1E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important; }

.form input[type="submit"],
input[type="submit"],
button[type="submit"],
.submit-button,
.form-submit-button,
.request-form-container input[type="submit"],
.form footer input[type="submit"] {
  align-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 56px !important;
  padding: 8px 40px !important;
  background: #FF3E1D !important;
  border: none !important;
  border-radius: 100px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  color: white !important;
  font-size: 16px !important;
  font-family: "Suisse Intl", Helvetica !important;
  font-weight: 400 !important;
  line-height: 27.20px !important;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1) !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important; }
  .form input[type="submit"]:hover,
  input[type="submit"]:hover,
  button[type="submit"]:hover,
  .submit-button:hover,
  .form-submit-button:hover,
  .request-form-container input[type="submit"]:hover,
  .form footer input[type="submit"]:hover {
    background: #E23719 !important; }

.notification,
.notification-container,
.alert,
.alert-success,
.success-notification,
.request-submitted,
#notification {
  width: 450px !important;
  padding: 24px !important;
  background: white !important;
  box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14) !important;
  border-radius: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 32px !important;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 9999 !important;
  border: none !important; }
  .notification .notification-inner,
  .notification .notification-content,
  .notification .alert-inner,
  .notification .success-content,
  .notification-container .notification-inner,
  .notification-container .notification-content,
  .notification-container .alert-inner,
  .notification-container .success-content,
  .alert .notification-inner,
  .alert .notification-content,
  .alert .alert-inner,
  .alert .success-content,
  .alert-success .notification-inner,
  .alert-success .notification-content,
  .alert-success .alert-inner,
  .alert-success .success-content,
  .success-notification .notification-inner,
  .success-notification .notification-content,
  .success-notification .alert-inner,
  .success-notification .success-content,
  .request-submitted .notification-inner,
  .request-submitted .notification-content,
  .request-submitted .alert-inner,
  .request-submitted .success-content,
  #notification .notification-inner,
  #notification .notification-content,
  #notification .alert-inner,
  #notification .success-content {
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 20px !important;
    width: 100% !important; }
  .notification .notification-icon,
  .notification .alert-icon,
  .notification .icon-success,
  .notification .success-icon,
  .notification .icon-container,
  .notification-container .notification-icon,
  .notification-container .alert-icon,
  .notification-container .icon-success,
  .notification-container .success-icon,
  .notification-container .icon-container,
  .alert .notification-icon,
  .alert .alert-icon,
  .alert .icon-success,
  .alert .success-icon,
  .alert .icon-container,
  .alert-success .notification-icon,
  .alert-success .alert-icon,
  .alert-success .icon-success,
  .alert-success .success-icon,
  .alert-success .icon-container,
  .success-notification .notification-icon,
  .success-notification .alert-icon,
  .success-notification .icon-success,
  .success-notification .success-icon,
  .success-notification .icon-container,
  .request-submitted .notification-icon,
  .request-submitted .alert-icon,
  .request-submitted .icon-success,
  .request-submitted .success-icon,
  .request-submitted .icon-container,
  #notification .notification-icon,
  #notification .alert-icon,
  #notification .icon-success,
  #notification .success-icon,
  #notification .icon-container {
    width: 48px !important;
    height: 48px !important;
    position: relative !important;
    background: #D1FADF !important;
    border-radius: 28px !important;
    outline: 8px solid #ECFDF3 !important;
    outline-offset: -4px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 0 !important; }
    .notification .notification-icon svg, .notification .notification-icon img,
    .notification .alert-icon svg,
    .notification .alert-icon img,
    .notification .icon-success svg,
    .notification .icon-success img,
    .notification .success-icon svg,
    .notification .success-icon img,
    .notification .icon-container svg,
    .notification .icon-container img,
    .notification-container .notification-icon svg,
    .notification-container .notification-icon img,
    .notification-container .alert-icon svg,
    .notification-container .alert-icon img,
    .notification-container .icon-success svg,
    .notification-container .icon-success img,
    .notification-container .success-icon svg,
    .notification-container .success-icon img,
    .notification-container .icon-container svg,
    .notification-container .icon-container img,
    .alert .notification-icon svg,
    .alert .notification-icon img,
    .alert .alert-icon svg,
    .alert .alert-icon img,
    .alert .icon-success svg,
    .alert .icon-success img,
    .alert .success-icon svg,
    .alert .success-icon img,
    .alert .icon-container svg,
    .alert .icon-container img,
    .alert-success .notification-icon svg,
    .alert-success .notification-icon img,
    .alert-success .alert-icon svg,
    .alert-success .alert-icon img,
    .alert-success .icon-success svg,
    .alert-success .icon-success img,
    .alert-success .success-icon svg,
    .alert-success .success-icon img,
    .alert-success .icon-container svg,
    .alert-success .icon-container img,
    .success-notification .notification-icon svg,
    .success-notification .notification-icon img,
    .success-notification .alert-icon svg,
    .success-notification .alert-icon img,
    .success-notification .icon-success svg,
    .success-notification .icon-success img,
    .success-notification .success-icon svg,
    .success-notification .success-icon img,
    .success-notification .icon-container svg,
    .success-notification .icon-container img,
    .request-submitted .notification-icon svg,
    .request-submitted .notification-icon img,
    .request-submitted .alert-icon svg,
    .request-submitted .alert-icon img,
    .request-submitted .icon-success svg,
    .request-submitted .icon-success img,
    .request-submitted .success-icon svg,
    .request-submitted .success-icon img,
    .request-submitted .icon-container svg,
    .request-submitted .icon-container img,
    #notification .notification-icon svg,
    #notification .notification-icon img,
    #notification .alert-icon svg,
    #notification .alert-icon img,
    #notification .icon-success svg,
    #notification .icon-success img,
    #notification .success-icon svg,
    #notification .success-icon img,
    #notification .icon-container svg,
    #notification .icon-container img {
      display: none !important; }
    .notification .notification-icon::before,
    .notification .alert-icon::before,
    .notification .icon-success::before,
    .notification .success-icon::before,
    .notification .icon-container::before,
    .notification-container .notification-icon::before,
    .notification-container .alert-icon::before,
    .notification-container .icon-success::before,
    .notification-container .success-icon::before,
    .notification-container .icon-container::before,
    .alert .notification-icon::before,
    .alert .alert-icon::before,
    .alert .icon-success::before,
    .alert .success-icon::before,
    .alert .icon-container::before,
    .alert-success .notification-icon::before,
    .alert-success .alert-icon::before,
    .alert-success .icon-success::before,
    .alert-success .success-icon::before,
    .alert-success .icon-container::before,
    .success-notification .notification-icon::before,
    .success-notification .alert-icon::before,
    .success-notification .icon-success::before,
    .success-notification .success-icon::before,
    .success-notification .icon-container::before,
    .request-submitted .notification-icon::before,
    .request-submitted .alert-icon::before,
    .request-submitted .icon-success::before,
    .request-submitted .success-icon::before,
    .request-submitted .icon-container::before,
    #notification .notification-icon::before,
    #notification .alert-icon::before,
    #notification .icon-success::before,
    #notification .success-icon::before,
    #notification .icon-container::before {
      content: "" !important;
      width: 24px !important;
      height: 24px !important;
      position: absolute !important;
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 11.0857V12.0057C21.9988 14.1621 21.3005 16.2604 20.0093 17.9875C18.7182 19.7147 16.9033 20.9782 14.8354 21.5896C12.7674 22.201 10.5573 22.1276 8.53447 21.3803C6.51168 20.633 4.78465 19.2518 3.61096 17.4428C2.43727 15.6338 1.87979 13.4938 2.02168 11.342C2.16356 9.19029 2.99721 7.14205 4.39828 5.5028C5.79935 3.86354 7.69279 2.72111 9.79619 2.24587C11.8996 1.77063 14.1003 1.98806 16.07 2.86572M22 4L12 14.01L9 11.01' stroke='%23039855' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
      background-repeat: no-repeat !important;
      background-position: center !important; }
  .notification .notification-title,
  .notification .alert-title,
  .notification .success-title,
  .notification .title,
  .notification-container .notification-title,
  .notification-container .alert-title,
  .notification-container .success-title,
  .notification-container .title,
  .alert .notification-title,
  .alert .alert-title,
  .alert .success-title,
  .alert .title,
  .alert-success .notification-title,
  .alert-success .alert-title,
  .alert-success .success-title,
  .alert-success .title,
  .success-notification .notification-title,
  .success-notification .alert-title,
  .success-notification .success-title,
  .success-notification .title,
  .request-submitted .notification-title,
  .request-submitted .alert-title,
  .request-submitted .success-title,
  .request-submitted .title,
  #notification .notification-title,
  #notification .alert-title,
  #notification .success-title,
  #notification .title {
    align-self: stretch !important;
    color: #1C1C1E !important;
    font-size: 24px !important;
    font-family: "Suisse Intl", Helvetica !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    margin-bottom: 8px !important; }
  .notification .notification-message,
  .notification .alert-message,
  .notification .success-message,
  .notification .message,
  .notification p,
  .notification-container .notification-message,
  .notification-container .alert-message,
  .notification-container .success-message,
  .notification-container .message,
  .notification-container p,
  .alert .notification-message,
  .alert .alert-message,
  .alert .success-message,
  .alert .message,
  .alert p,
  .alert-success .notification-message,
  .alert-success .alert-message,
  .alert-success .success-message,
  .alert-success .message,
  .alert-success p,
  .success-notification .notification-message,
  .success-notification .alert-message,
  .success-notification .success-message,
  .success-notification .message,
  .success-notification p,
  .request-submitted .notification-message,
  .request-submitted .alert-message,
  .request-submitted .success-message,
  .request-submitted .message,
  .request-submitted p,
  #notification .notification-message,
  #notification .alert-message,
  #notification .success-message,
  #notification .message,
  #notification p {
    align-self: stretch !important;
    color: #6A6A6A !important;
    font-size: 16px !important;
    font-family: "Suisse Intl", Helvetica !important;
    font-weight: 400 !important;
    line-height: 25.60px !important;
    margin: 0 !important; }
  .notification .notification-close,
  .notification .alert-dismiss,
  .notification .close-button,
  .notification button,
  .notification-container .notification-close,
  .notification-container .alert-dismiss,
  .notification-container .close-button,
  .notification-container button,
  .alert .notification-close,
  .alert .alert-dismiss,
  .alert .close-button,
  .alert button,
  .alert-success .notification-close,
  .alert-success .alert-dismiss,
  .alert-success .close-button,
  .alert-success button,
  .success-notification .notification-close,
  .success-notification .alert-dismiss,
  .success-notification .close-button,
  .success-notification button,
  .request-submitted .notification-close,
  .request-submitted .alert-dismiss,
  .request-submitted .close-button,
  .request-submitted button,
  #notification .notification-close,
  #notification .alert-dismiss,
  #notification .close-button,
  #notification button {
    align-self: stretch !important;
    height: 48px !important;
    padding: 8px 24px !important;
    background: #FF3E1D !important;
    border-radius: 100px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    border: none !important;
    cursor: pointer !important;
    margin-top: 20px !important; }
    .notification .notification-close span, .notification .notification-close div,
    .notification .alert-dismiss span,
    .notification .alert-dismiss div,
    .notification .close-button span,
    .notification .close-button div,
    .notification button span,
    .notification button div,
    .notification-container .notification-close span,
    .notification-container .notification-close div,
    .notification-container .alert-dismiss span,
    .notification-container .alert-dismiss div,
    .notification-container .close-button span,
    .notification-container .close-button div,
    .notification-container button span,
    .notification-container button div,
    .alert .notification-close span,
    .alert .notification-close div,
    .alert .alert-dismiss span,
    .alert .alert-dismiss div,
    .alert .close-button span,
    .alert .close-button div,
    .alert button span,
    .alert button div,
    .alert-success .notification-close span,
    .alert-success .notification-close div,
    .alert-success .alert-dismiss span,
    .alert-success .alert-dismiss div,
    .alert-success .close-button span,
    .alert-success .close-button div,
    .alert-success button span,
    .alert-success button div,
    .success-notification .notification-close span,
    .success-notification .notification-close div,
    .success-notification .alert-dismiss span,
    .success-notification .alert-dismiss div,
    .success-notification .close-button span,
    .success-notification .close-button div,
    .success-notification button span,
    .success-notification button div,
    .request-submitted .notification-close span,
    .request-submitted .notification-close div,
    .request-submitted .alert-dismiss span,
    .request-submitted .alert-dismiss div,
    .request-submitted .close-button span,
    .request-submitted .close-button div,
    .request-submitted button span,
    .request-submitted button div,
    #notification .notification-close span,
    #notification .notification-close div,
    #notification .alert-dismiss span,
    #notification .alert-dismiss div,
    #notification .close-button span,
    #notification .close-button div,
    #notification button span,
    #notification button div {
      color: white !important;
      font-size: 16px !important;
      font-family: "Suisse Intl", Helvetica !important;
      font-weight: 400 !important;
      line-height: 27.20px !important;
      text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1) !important; }
    .notification .notification-close:hover,
    .notification .alert-dismiss:hover,
    .notification .close-button:hover,
    .notification button:hover,
    .notification-container .notification-close:hover,
    .notification-container .alert-dismiss:hover,
    .notification-container .close-button:hover,
    .notification-container button:hover,
    .alert .notification-close:hover,
    .alert .alert-dismiss:hover,
    .alert .close-button:hover,
    .alert button:hover,
    .alert-success .notification-close:hover,
    .alert-success .alert-dismiss:hover,
    .alert-success .close-button:hover,
    .alert-success button:hover,
    .success-notification .notification-close:hover,
    .success-notification .alert-dismiss:hover,
    .success-notification .close-button:hover,
    .success-notification button:hover,
    .request-submitted .notification-close:hover,
    .request-submitted .alert-dismiss:hover,
    .request-submitted .close-button:hover,
    .request-submitted button:hover,
    #notification .notification-close:hover,
    #notification .alert-dismiss:hover,
    #notification .close-button:hover,
    #notification button:hover {
      background: #E23719 !important; }

input[name="request[anonymous_requester_email]"],
input[aria-labelledby="1--label"][autocomplete="email"] {
  background-color: white !important;
  height: 56px !important;
  min-height: 56px !important; }
  input[name="request[anonymous_requester_email]"]:focus,
  input[aria-labelledby="1--label"][autocomplete="email"]:focus {
    border-color: #FF3E1D !important;
    box-shadow: 0 0 0 1px #FF3E1D !important; }

.optional-field,
.optional {
  margin-left: 4px;
  color: #6A6A6A;
  font-weight: 400;
  font-style: normal; }

.request-form-container label:not(:has(+ [required], + [aria-required="true"])):after {
  content: " (optional)";
  margin-left: 4px;
  color: #6A6A6A;
  font-weight: 400;
  font-style: normal; }

.request-form-container label [aria-hidden="true"] {
  display: none !important; }

div[data-garden-id="forms.rich_text"],
div[role="textbox"],
div[contenteditable="true"],
.zendesk-editor--rich-text-container,
.wysiwyg-container,
.editor-container,
.zendesk-editor--container,
div[data-editor="true"],
.request_description,
div[data-garden-id="forms.field"]:has(label[for*="description"]) {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  min-height: 150px !important; }

textarea[name="request[description]"],
textarea[id*="description"],
textarea[aria-labelledby*="description"],
form.new_request textarea:not(.rich-text-field),
div.form textarea:not(.rich-text-field) {
  display: none !important; }

[role="toolbar"],
[aria-label="Text editor toolbar"],
[data-garden-id="forms.rich_text.toolbar"],
.zendesk-editor--toolbar,
.editor-toolbar,
.wysiwyg-toolbar,
.tox-toolbar,
.tox-toolbar__group,
button[title="Bold"],
button[title="Italic"],
button[title="Insert image"],
button[title="Insert link"],
div[data-garden-id="forms.rich_text_toolbar"],
div[class*="toolbar"],
div[class*="Toolbar"],
div[id*="toolbar"],
[id^="format_"] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: revert !important;
  overflow: visible !important; }

.zendesk-editor--toolbar button,
.tox-toolbar button,
[role="toolbar"] button,
.editor-toolbar button,
[data-garden-id="forms.rich_text.toolbar"] button {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important; }

/* Article Voting Buttons Styling (from Figma) */
.button.article-vote {
  width: 88px;
  height: 36px;
  padding: 4px 12px;
  background: var(--Pure-White, white);
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  overflow: hidden;
  border-radius: 100px;
  outline: 1px var(--Dark-300, #BBBBBB) solid;
  outline-offset: -1px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
  color: var(--Dark-600, #6A6A6A);
  font-size: 13px;
  font-family: 'Suisse Intl';
  font-weight: 400;
  line-height: 23.40px;
  cursor: pointer;
  border: none !important;
  /* Override default button borders */
  text-decoration: none;
  /* Remove potential underline */
  /* Ensure text inside doesn't get overridden */
  /* Styling for the selected/voted state if needed - using Zendesk's selected_class */ }
  .button.article-vote span {
    color: var(--Dark-600, #6A6A6A);
    font-size: 13px;
    font-family: 'Suisse Intl';
    font-weight: 400;
    line-height: 23.40px; }
  .button.article-vote.button-primary {
    /* Add specific styles for the selected state here if different */
    /* For example: 
    background-color: var(--Primary-Red-100, #FEEBE8); 
    outline-color: var(--Primary-Red-600, #FF3E1D);
    color: var(--Primary-Red-600, #FF3E1D);
    span { color: var(--Primary-Red-600, #FF3E1D); }
    */ }

/* Article Page Specific Styles */
.article-body {
  color: #4e4e4e;
  font-size: 16px;
  font-family: "Suisse Intl", Helvetica;
  font-weight: 400;
  line-height: 170.0000047684%;
  /* Add other article body element styles as needed */ }
  .article-body p {
    margin-bottom: 1em; }
  .article-body a {
    color: #ff3e1d;
    text-decoration: underline; }
    .article-body a:hover {
      color: #cc3217; }
  .article-body strong, .article-body b {
    font-weight: 700; }

.article-title {
  color: #1c1c1e;
  font-size: 28px;
  font-family: "Suisse Intl", Helvetica;
  font-weight: 400;
  line-height: 35px;
  margin: 0; }

.article-meta .meta-data {
  color: #4e4e4e;
  font-size: 13px;
  font-family: "Suisse Intl", Helvetica;
  font-weight: 400;
  line-height: 23.40px; }

.article-sidebar-container h3 {
  color: #1c1c1e;
  font-size: 20px;
  font-family: "Suisse Intl", Helvetica;
  font-weight: 400;
  line-height: 26px;
  margin: 0 0 16px 0; }
.article-sidebar-container ul {
  list-style: none;
  margin: 0;
  padding: 0; }
.article-sidebar-container ul li {
  margin-bottom: 16px; }
.article-sidebar-container ul li a {
  color: #4e4e4e;
  font-size: 16px;
  font-family: "Suisse Intl", Helvetica;
  font-weight: 400;
  line-height: 27.20px;
  text-decoration: none;
  display: block; }
  .article-sidebar-container ul li a[aria-current="page"] {
    color: #ff3e1d; }
  .article-sidebar-container ul li a:hover {
    color: #ff3e1d !important;
    text-decoration: none; }

/* Article Voting Buttons Styling (from Figma) */
@media screen and (min-width: 767px) {
  .top-nav-mobile {
    display: none !important; } }
.top-nav-mobile .new-simple-logo-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: unset; }

#mobileMenu.mobile-menu {
  position: fixed;
  height: 90vh;
  background: #FAF7F5;
  top: 160px;
  width: 100%; }

body.menu-open {
  overflow: hidden; }

@media screen and (max-width: 767px) {
  body, .container, .top-nav-bar, .frame-3, .frame-5, .topic-buttons, .blog-section, .CTA-banners, .help-center-footer,
  .search-breadcrumb-container, .search-results-content, .request-page-container, .article-container,
  .lt-row, .lt-col {
    box-sizing: border-box !important; }

  .top-nav-bar {
    padding: 20px 20px 0 !important;
    overflow-x: hidden !important;
    max-width: 100% !important; }

  .top-nav-desktop {
    display: none; }

  .top-nav-mobile {
    border-radius: 20px !important; }

  .frame-3 {
    padding: 20px !important;
    max-width: 100% !important; }
    .frame-3 .headline {
      font-size: 36px;
      line-height: 45px;
      width: 314px;
      margin: 0 auto; }
    .frame-3 .search-bar {
      height: 48px;
      padding: 0 18px; }
      .frame-3 .search-bar .frame-4 {
        gap: 6px; }
        .frame-3 .search-bar .frame-4::before {
          width: 18px;
          height: 18px;
          margin-right: 0;
          background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.75 15.75L12.4875 12.4875M14.25 8.25C14.25 11.5637 11.5637 14.25 8.25 14.25C4.93629 14.25 2.25 11.5637 2.25 8.25C2.25 4.93629 4.93629 2.25 8.25 2.25C11.5637 2.25 14.25 4.93629 14.25 8.25Z' stroke='%231C1C1E' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
        .frame-3 .search-bar .frame-4 .search-full input[type="search"] {
          line-height: 48px; }
          .frame-3 .search-bar .frame-4 .search-full input[type="search"]::placeholder {
            line-height: 48px; }
    .frame-3 .search-suggestions {
      gap: 12px; }
      .frame-3 .search-suggestions .heading {
        font-size: 16px;
        line-height: 25.6px; }
      .frame-3 .search-suggestions .quick-search-wrapper {
        gap: 8px; }
        .frame-3 .search-suggestions .quick-search-wrapper .button-website {
          height: 36px;
          padding: 4px 12px;
          gap: 4px; }
          .frame-3 .search-suggestions .quick-search-wrapper .button-website::before {
            width: 14px;
            height: 14px;
            background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 12.25L9.71251 9.7125M11.0833 6.41667C11.0833 8.994 8.994 11.0833 6.41667 11.0833C3.83934 11.0833 1.75 8.994 1.75 6.41667C1.75 3.83934 3.83934 1.75 6.41667 1.75C8.994 1.75 11.0833 3.83934 11.0833 6.41667Z' stroke='%231C1C1E' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E"); }
          .frame-3 .search-suggestions .quick-search-wrapper .button-website .text {
            font-size: 16px;
            line-height: 25.6px; }
          .frame-3 .search-suggestions .quick-search-wrapper .button-website:hover {
            border: unset !important; }

  .frame-5 {
    flex-direction: column;
    padding: 20px !important;
    gap: 20px;
    overflow-x: hidden !important;
    max-width: 100% !important; }
    .frame-5 a.frame-6, .frame-5 a.frame-7 {
      width: 100%;
      padding: 24px;
      gap: 32px; }
      .frame-5 a.frame-6 .group, .frame-5 a.frame-7 .group {
        width: 80px;
        height: 80px; }
        .frame-5 a.frame-6 .group .featured-icon, .frame-5 a.frame-6 .group .fast-delivery-wrapper, .frame-5 a.frame-6 .group .div-wrapper, .frame-5 a.frame-7 .group .featured-icon, .frame-5 a.frame-7 .group .fast-delivery-wrapper, .frame-5 a.frame-7 .group .div-wrapper {
          width: 80px;
          height: 80px; }
          .frame-5 a.frame-6 .group .featured-icon svg, .frame-5 a.frame-6 .group .fast-delivery-wrapper svg, .frame-5 a.frame-6 .group .div-wrapper svg, .frame-5 a.frame-7 .group .featured-icon svg, .frame-5 a.frame-7 .group .fast-delivery-wrapper svg, .frame-5 a.frame-7 .group .div-wrapper svg {
            width: 40px;
            height: 40px; }
      .frame-5 a.frame-6 .text-wrapper-3, .frame-5 a.frame-6 .text-wrapper-4, .frame-5 a.frame-6 .text-wrapper-5, .frame-5 a.frame-7 .text-wrapper-3, .frame-5 a.frame-7 .text-wrapper-4, .frame-5 a.frame-7 .text-wrapper-5 {
        font-size: 20px;
        line-height: 26px; }
      .frame-5 a.frame-6 .text-wrapper-4, .frame-5 a.frame-7 .text-wrapper-4 {
        font-size: 18px;
        line-height: 25.2px; }

  .topic-buttons {
    padding: 40px 20px !important;
    overflow-x: hidden !important;
    max-width: 100% !important; }

  .blog-section {
    padding: 40px 20px 72px !important;
    overflow-x: hidden !important;
    max-width: 100% !important; }
    .blog-section .lt-row, .blog-section .lt-col {
      overflow-x: hidden !important;
      max-width: 100% !important; }

  .CTA-banners {
    padding: 40px 20px !important;
    overflow-x: hidden !important;
    max-width: 100% !important; }

  .help-center-footer {
    padding-left: 20px !important;
    padding-right: 20px !important;
    overflow-x: hidden !important;
    max-width: 100% !important; }
    .help-center-footer .basket-footer {
      padding-left: 0 !important;
      padding-right: 0 !important;
      max-width: 100% !important; }
    .help-center-footer .max-width-wrapper {
      padding: 0 !important;
      max-width: 100% !important; }

  .container,
  .search-breadcrumb-container,
  .search-results-content,
  .request-page-container,
  .article-container,
  .request-form-wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
    overflow-x: hidden !important;
    max-width: 100%; }

  div[style*="padding: 24px 200px"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
    overflow-x: hidden !important;
    max-width: 100% !important; }

  body {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
    max-width: 100% !important; } }
@media screen and (max-width: 767px) {
  .frame-3 {
    padding-bottom: 0px !important; } }

@media screen and (max-width: 767px) {
  .frame-5 {
    padding: 40px 20px !important; } }

@media screen and (max-width: 767px) {
  .blog-section {
    padding-top: 0px !important; } }

.see-all-section-page .headline {
  margin: 0; }
.see-all-section-page .headline-2 {
  font-size: 28px !important;
  color: #1C1C1E !important; }
  @media screen and (max-width: 767px) {
    .see-all-section-page .headline-2 {
      font-size: 24px !important; } }
.see-all-section-page .blog-section {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  padding: 24px 16px 16px; }
  @media screen and (max-width: 767px) {
    .see-all-section-page .blog-section {
      padding: 40px 20px 72px !important; } }
  @media screen and (max-width: 767px) {
    .see-all-section-page .blog-section .div-2 {
      margin-bottom: 32px !important; } }
.see-all-section-page .article-list {
  gap: unset; }
  .see-all-section-page .article-list .article-list-item a {
    color: #4e4e4e; }
    .see-all-section-page .article-list .article-list-item a:hover {
      color: #ff3e1d;
      text-decoration: none; }
  .see-all-section-page .article-list .article-list-item:last-child {
    margin-bottom: 0; }
.see-all-section-page .pagination {
  margin: unset !important;
  gap: unset !important; }
  .see-all-section-page .pagination .pagination-list {
    margin-top: 14px;
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .see-all-section-page .pagination .pagination-list {
        margin-top: 6px !important; } }

.search-result-page .headline {
  margin: 0;
  width: 100%; }
.search-result-page .search-results-heading {
  margin: 0px; }
.search-result-page .search-results-content .search-result-item {
  margin-bottom: 40px !important; }
.search-result-page .search-results-content .search-results-list {
  padding-top: 24px; }
.search-result-page .pagination {
  gap: unset !important;
  margin-top: unset !important; }
  .search-result-page .pagination .pagination-list {
    margin: unset !important; }
  @media screen and (max-width: 767px) {
    .search-result-page .pagination {
      padding-bottom: 0 !important; } }
@media screen and (max-width: 767px) {
  .search-result-page .search-breadcrumb-container {
    padding-bottom: 0 !important; } }
@media screen and (max-width: 767px) {
  .search-result-page .search-results-content {
    padding-bottom: 0 !important; } }
@media screen and (max-width: 767px) {
  .search-result-page .search-results-content {
    padding-top: 32px !important; } }
.search-result-page .pagination {
  padding-bottom: 32px !important; }

@media screen and (max-width: 767px) {
  .article-page .article-layout {
    display: flex;
    flex-direction: column;
    margin: 0 !important; } }
.article-page .divider.img-wrapper {
  margin: 0 !important; }
@media screen and (max-width: 767px) {
  .article-page aside, .article-page .frame-3 .headline {
    width: 100% !important; } }
@media screen and (max-width: 767px) {
  .article-page aside {
    background-color: #fff !important;
    border-radius: 24px !important;
    border: 1px solid #E9E9E9 !important;
    gap: 16px !important;
    padding: 12px 16px !important; }
    .article-page aside li {
      font-size: 16px !important; }
    .article-page aside li.sidebar-article:hover .article-link,
    .article-page aside li.sidebar-article:focus .article-link {
      color: red !important; } }
.article-page aside button {
  font-family: "Suisse Intl", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  padding: unset;
  margin-bottom: 16px; }
  @media screen and (max-width: 767px) {
    .article-page aside button {
      font-size: 16px;
      margin: unset;
      display: flex; } }
@media screen and (max-width: 767px) {
  .article-page aside .article-sidebar-container {
    border-top: 1px solid #E9E9E9;
    padding-top: 16px;
    margin-top: 16px; } }
.article-page aside .accordion-toggle span {
  display: none; }
  @media screen and (max-width: 767px) {
    .article-page aside .accordion-toggle span {
      display: block; } }

.request-page-container ul li {
  border-radius: 16px; }
  .request-page-container ul li:hover, .request-page-container ul li:focus {
    color: #FF3E1D !important; }
@media screen and (max-width: 767px) {
  .request-page-container .info-alert-icon-wrapper {
    display: none !important; } }
@media screen and (max-width: 767px) {
  .request-page-container {
    padding-top: 32px !important; } }
@media screen and (max-width: 767px) {
  .request-page-container .request-form-wrapper {
    padding: 0 !important; } }

.contact-us-page .divider.line-wrapper {
  max-width: 1200px !important;
  margin: 0 auto !important; }
.contact-us-page .page-breadcrumb {
  margin: 0 auto !important;
  max-width: 1200px; }
.contact-us-page .contact-us-section {
  padding: 16px 20px 48px !important; }
  @media screen and (max-width: 767px) {
    .contact-us-page .contact-us-section {
      padding: 32px 20px 72px !important; } }
  @media screen and (max-width: 767px) {
    .contact-us-page .contact-us-section .contact-options {
      flex-direction: column;
      align-items: center;
      gap: 24px; } }
  .contact-us-page .contact-us-section .contact-options .contact-card .card-header .status-block {
    margin-top: 15px !important; }
  @media screen and (max-width: 767px) {
    .contact-us-page .contact-us-section .contact-us-header {
      flex-direction: column;
      align-items: center;
      gap: 24px; } }
.contact-us-page .faq-section {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px; }
  .contact-us-page .faq-section .faq-item {
    display: flex;
    justify-content: space-between !important;
    align-items: flex-start !important;
    align-self: unset;
    gap: unset !important; }
    .contact-us-page .faq-section .faq-item .faq-text-block {
      width: 85% !important;
      gap: unset !important; }
      .contact-us-page .faq-section .faq-item .faq-text-block .faq-icon-button {
        width: 15% !important;
        justify-content: unset; }
        .contact-us-page .faq-section .faq-item .faq-text-block .faq-icon-button svg {
          transform: unset !important; }
    .contact-us-page .faq-section .faq-item button svg {
      transform: unset !important; }

.article-body p, .article-body li {
  font-size: 16px !important;
  color: #4E4E4E !important; }
.article-body ul {
  padding-left: 20px !important; }
  .article-body ul li strong {
    font-weight: 400 !important; }
.article-body .button.article-vote {
  color: #6A6A6A;
  font-weight: 400;
  font-family: "Suisse Intl", sans-serif !important; }
.article-body .arrow-icon {
  transition: transform 0.3s ease-in-out;
  margin-left: 8px; }
.article-body .arrow-icon.rotate-up {
  transform: rotate(180deg); }

.frame-3 .headline {
  margin: 0 !important; }
  @media screen and (max-width: 767px) {
    .frame-3 .headline {
      width: 100% !important; } }

.article-votes-question {
  margin: unset !important; }

.submit-request-btn {
  border-radius: 100px !important;
  background-color: #DEE9F2;
  color: #1C1C1E !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 18px 24px;
  gap: 2px; }

/*# sourceMappingURL=style.css.map */