@font-face {
  font-family: 'TSTAR-PRO';
  src: url("../fonts/TSTAR-PRO-Headline.woff2") format("woff2"), url("../fonts/TSTAR-PRO-Headline.woff") format("woff");
  font-weight: 600;
  font-style: normal; }

@media (max-width: 768px) {
  .header-black {
    padding: 0 20px;
    width: 100%;
    height: 2.5rem; } }

.header-black .header-black__width {
  height: 100%; }

@media (max-width: 768px) {
  .header-black .logo-image {
    width: 9rem; } }

.header-white.skims .header-white__icon {
  margin-left: auto; }
  .header-white.skims .header-white__icon .minicart,
  .header-white.skims .header-white__icon .miniwishlist,
  .header-white.skims .header-white__icon .user-mini {
    margin: 0 0 0 1.75em; }

.header-white.skims .center_logo {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  padding-right: 0.75rem; }

.header-white.skims .header-white__search {
  width: 7.5rem; }

.header-white.skims .header-white__logo img {
  width: 9.25rem; }
  @media (max-width: 768px) {
    .header-white.skims .header-white__logo img {
      width: 5.875rem; } }

.header-white.skims .header-white__category > a {
  font-family: 'Inter';
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  text-transform: capitalize; }

@media (max-width: 768px) {
  .header-white.skims {
    width: 100%;
    z-index: 3000;
    border: none; }
    .header-white.skims.hompage-header {
      position: fixed;
      background-color: transparent; }
      .header-white.skims.hompage-header .navbar-toggler,
      .header-white.skims.hompage-header .header-white__icon {
        filter: brightness(1) invert(1); }
      .header-white.skims.hompage-header .header-white__logo {
        filter: brightness(0) invert(1); }
      .header-white.skims.hompage-header.header-white-scroll {
        background-color: #fff; }
        .header-white.skims.hompage-header.header-white-scroll .navbar-toggler,
        .header-white.skims.hompage-header.header-white-scroll .header-white__icon,
        .header-white.skims.hompage-header.header-white-scroll .header-white__logo {
          filter: none; }
    .header-white.skims .search-repsonsive-skims {
      padding-right: 0; }
      .header-white.skims .search-repsonsive-skims .button-search-on-header {
        background-color: transparent;
        border: none; }
    .header-white.skims .header-white__icon {
      -ms-flex-align: center;
          align-items: center; }
      .header-white.skims .header-white__icon .minicart,
      .header-white.skims .header-white__icon .miniwishlist,
      .header-white.skims .header-white__icon .search-repsonsive-skims,
      .header-white.skims .header-white__icon .user-mini {
        margin: 0 0 0 1em; }
      .header-white.skims .header-white__icon .button-search-on-header {
        padding: 0; }
    .header-white.skims .header-white__logo {
      left: 35%; } }

.responsive-menu-skims .close-menu {
  border-bottom: none;
  -ms-flex-pack: start;
      justify-content: flex-start;
  direction: ltr; }
  .responsive-menu-skims .close-menu .logo-responsive-skims img {
    width: 5.875rem; }

.responsive-menu-skims .menu-group__presentation-skims {
  border-bottom: solid 1px #e2e2e2;
  -ms-flex-align: normal;
      align-items: normal;
  margin: 0 1.25rem;
  height: auto; }
  .responsive-menu-skims .menu-group__presentation-skims .menu-group__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding: 1.25rem 0; }
    .responsive-menu-skims .menu-group__presentation-skims .menu-group__header .nav-link-skims {
      text-align: left;
      font-family: 'Inter';
      font-weight: 700;
      font-size: 0.875rem;
      text-transform: capitalize; }
    .responsive-menu-skims .menu-group__presentation-skims .menu-group__header .menu-group__toggle {
      border: none;
      background: transparent; }
      .responsive-menu-skims .menu-group__presentation-skims .menu-group__header .menu-group__toggle.is-minus {
        background: url(../images/minus.svg) no-repeat right;
        height: 0.8125rem; }
      .responsive-menu-skims .menu-group__presentation-skims .menu-group__header .menu-group__toggle.is-plus {
        background: url(../images/plus.svg) no-repeat right;
        height: 0.8125rem; }
  .responsive-menu-skims .menu-group__presentation-skims .menu-group__subcategories {
    display: none;
    list-style-type: none; }
  .responsive-menu-skims .menu-group__presentation-skims .dropdown-item-skims {
    font-family: Inter;
    font-weight: 400;
    font-size: 0.875rem;
    text-transform: capitalize;
    padding: 0.625rem 0; }
    .responsive-menu-skims .menu-group__presentation-skims .dropdown-item-skims.all-items {
      text-decoration: underline; }

.responsive-menu-skims .header-icon-section {
  direction: ltr;
  border-top: none;
  padding: 1.25rem 0 1.25rem 1.5625rem; }

.header-white__category-section {
  gap: 0.625rem; }
  .header-white__category-section .header-white__category--wrapper {
    direction: ltr; }
    .header-white__category-section .header-white__category--wrapper .subcategory-menu-skims {
      display: none;
      margin: auto;
      max-height: 470px;
      max-width: 1310px;
      overflow-y: auto;
      opacity: 1;
      transition: opacity .3s ease-in, max-height .3s ease-in; }
  .header-white__category-section .menu-flex {
    margin: 2.5rem 0 1.25rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .header-white__category-section .menu-flex .mega-menu__images {
      display: -ms-flexbox;
      display: flex;
      gap: 0.9375rem; }
  .header-white__category-section .categories-flex-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 4.375rem; }
  .header-white__category-section ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 1.0625rem; }
  .header-white__category-section .header-white__subcategory li.nav-item {
    width: 100%; }
  .header-white__category-section .header-white__subcategory li.item {
    width: 100%;
    font-weight: 400;
    font-family: Inter;
    line-height: 1.5rem;
    font-size: 0.875rem;
    text-align: left;
    text-transform: lowercase; }
    .header-white__category-section .header-white__subcategory li.item::first-letter {
      text-transform: capitalize; }
  .header-white__category-section .header-white__subcategory:first-child {
    border-right: 1px solid #00000030;
    padding-right: 4.375rem; }
    .header-white__category-section .header-white__subcategory:first-child li.item {
      font-weight: 600; }
  .header-white__category-section .header-white__subcategory .header-white__subcategory--title {
    text-align: left;
    padding-bottom: 0.9375rem;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: capitalize;
    font-family: Inter; }

.aboutpage-skims-container {
  max-width: 81.875rem;
  margin: 0 auto;
  padding: 90px 0 120px; }
  @media screen and (max-width: 767px) {
    .aboutpage-skims-container {
      padding: 0 0 90px 0; } }
  .aboutpage-skims-container .aboutpage-skims-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem; }
    .aboutpage-skims-container .aboutpage-skims-row .aboutpage-skims-col {
      -ms-flex: 1;
          flex: 1;
      min-width: 300px; }
      @media screen and (max-width: 767px) {
        .aboutpage-skims-container .aboutpage-skims-row .aboutpage-skims-col {
          overflow: hidden; } }
  .aboutpage-skims-container .image-col .aboutpage-skims-image {
    width: 100%; }
    @media screen and (max-width: 767px) {
      .aboutpage-skims-container .image-col .aboutpage-skims-image {
        height: 530px;
        object-fit: cover; } }
  .aboutpage-skims-container .text-col {
    margin: 0 50px 0 30px; }
    @media screen and (max-width: 767px) {
      .aboutpage-skims-container .text-col {
        margin: 0 10px 0 20px; } }
    .aboutpage-skims-container .text-col .headline {
      color: #000;
      font-family: 'TSTAR-PRO';
      font-size: 32px;
      font-style: normal;
      font-weight: 700;
      line-height: 45px;
      text-transform: capitalize;
      margin-bottom: 50px; }
    .aboutpage-skims-container .text-col .main-text {
      direction: rtl;
      color: #000;
      text-align: right;
      font-family: Assistant;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: 26px;
      text-transform: capitalize; }
      @media screen and (max-width: 767px) {
        .aboutpage-skims-container .text-col .main-text {
          text-align: center;
          font-size: 16px;
          line-height: 24px; } }