@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap");
:root {
  --primaryColor: #303030;
  --secondaryColor: #1aaaaa;
  --thirdColor: #fff; }

@font-face {
  font-family: "Open";
  src: url("../fonts/OpenSans-Regular.ttf");
  font-style: normal; }

@font-face {
  font-family: "Open Bold";
  src: url("../fonts/OpenSans-Bold.ttf");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: "Segoe";
  src: url("../fonts/SegoeUI.ttf");
  font-style: normal; }

:root {
  --primaryColor: #303030;
  --secondaryColor: #1aaaaa;
  --thirdColor: #fff; }

@font-face {
  font-family: "Open";
  src: url("../fonts/OpenSans-Regular.ttf");
  font-style: normal; }

@font-face {
  font-family: "Open Bold";
  src: url("../fonts/OpenSans-Bold.ttf");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: "Segoe";
  src: url("../fonts/SegoeUI.ttf");
  font-style: normal; }

@media (min-width: 576px) and (max-width: 991px) {
  .banner-center .section-banner .banner-img {
    height: 300px; } }

@media (max-width: 575px) {
  .banner-center .section-banner .banner-img {
    height: 280px; } }

main .section.section-products {
  margin-top: 80px; }
  @media (max-width: 575px) {
    main .section.section-products {
      margin-top: 20px; } }
  @media (max-width: 991px) {
    main .section.section-products .d-web {
      display: none; } }
  @media (max-width: 991px) {
    main .section.section-products .d-mobile {
      display: block; } }
  main .section.section-products .product-header {
    font-weight: 700;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    main .section.section-products .product-header .product-count {
      margin-bottom: 0; }
    main .section.section-products .product-header .sort-area {
      position: relative; }
      main .section.section-products .product-header .sort-area .dropdown-menu {
        position: absolute;
        right: 0;
        left: unset !important;
        padding: 0;
        border-radius: 0; }
        @media (max-width: 575px) {
          main .section.section-products .product-header .sort-area .dropdown-menu {
            right: -28px; } }
        main .section.section-products .product-header .sort-area .dropdown-menu .dropdown-item {
          padding: 0; }
          main .section.section-products .product-header .sort-area .dropdown-menu .dropdown-item.selected a {
            font-weight: 700; }
          main .section.section-products .product-header .sort-area .dropdown-menu .dropdown-item a {
            color: var(--primaryColor);
            padding: 10px 15px;
            border-bottom: 1px solid #f3f3f3;
            background: var(--thirdColor);
            cursor: pointer;
            font-weight: normal;
            display: block; }
            main .section.section-products .product-header .sort-area .dropdown-menu .dropdown-item a:hover {
              background: #efefef; }
    main .section.section-products .product-header .filter-area .sidebar {
      display: none;
      position: fixed;
      z-index: 10;
      background: var(--primaryColor);
      height: 100%;
      width: 260px;
      padding: 20px;
      top: 0;
      left: 0;
      background: var(--thirdColor);
      padding: 0; }
      main .section.section-products .product-header .filter-area .sidebar .header-category {
        margin-bottom: 0;
        padding: 15px; }
      main .section.section-products .product-header .filter-area .sidebar.show {
        display: block; }
  @media (max-width: 575px) {
    main .section.section-products .btn-area {
      display: flex;
      align-items: center;
      justify-content: space-between;
      display: flex;
      margin-bottom: 30px; } }
  main .section.section-products .btn-dropdown {
    font-weight: 700;
    border: none;
    background: none;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--primaryColor);
    text-decoration: none;
    cursor: pointer; }
    main .section.section-products .btn-dropdown span {
      margin-right: 15px; }
  main .section.section-products .list-product .item {
    margin-bottom: 25px; }
    main .section.section-products .list-product .item:hover .item-img-container {
      border-color: #dbdbdb; }
    main .section.section-products .list-product .item .item-img-container {
      border: 1px solid transparent; }
      @media (min-width: 768px) {
        main .section.section-products .list-product .item .item-img-container {
          height: 250px; } }
      @media (min-width: 992px) {
        main .section.section-products .list-product .item .item-img-container {
          height: 220px; } }
      @media (min-width: 1440px) {
        main .section.section-products .list-product .item .item-img-container {
          width: 300px;
          height: 300px; } }
      @media (max-width: 575px) {
        main .section.section-products .list-product .item .item-img-container {
          width: 100%;
          height: 300px; } }
      main .section.section-products .list-product .item .item-img-container .item-img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    main .section.section-products .list-product .item a {
      color: var(--primaryColor);
      display: block; }
  main .section.section-products .list-product .item-content {
    text-align: center;
    padding: 15px 5px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center; }
    main .section.section-products .list-product .item-content .item-desc {
      text-transform: capitalize;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
      visibility: visible;
      color: var(--primaryColor);
      margin-bottom: 0; }