@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700,900&display=swap&subset=latin-ext");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap&subset=latin-ext");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,500;0,600;0,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap");
.search-product {
  display: block;
  background-color: #15222D; }
  .search-product .search-cont {
    display: inline-block;
    padding: 15px 15%;
    width: calc(100%); }
    @media only screen and (max-width: 768px) {
      .search-product .search-cont {
        padding: 15px 2%; } }
    .search-product .search-cont form {
      display: block;
      position: relative; }
      .search-product .search-cont form input {
        display: block;
        width: 100%;
        border: 0;
        padding: 25px 30px;
        background-color: #fff;
        border-radius: 8px;
        color: #585858;
        font-size: 16px; }
        @media only screen and (max-width: 768px) {
          .search-product .search-cont form input {
            padding: 16px 20px; } }
      .search-product .search-cont form button {
        display: inline-block;
        position: absolute;
        right: 8px;
        top: 8px;
        padding: 19px 25px;
        background-color: #0085FF;
        font-size: 16px;
        color: #fff;
        border: 0;
        border-radius: 8px; }
        @media only screen and (max-width: 768px) {
          .search-product .search-cont form button {
            padding: 14px 20px;
            right: 4px;
            top: 4px; } }
        .search-product .search-cont form button:hover {
          background-color: #11a9ff; }

.spares-cont {
  display: block;
  padding: 50px 15%;
  font-size: 0; }
  @media only screen and (max-width: 768px) {
    .spares-cont {
      padding: 50px 2%; } }
  .spares-cont .left {
    display: none;
    width: 390px;
    height: 300px;
    padding-right: 2%;
    margin-top: -136px; }
    @media only screen and (max-width: 768px) {
      .spares-cont .left {
        display: none; } }
    .spares-cont .left .category-cont {
      display: block;
      padding: 20px;
      border-radius: 8px;
      background-color: #F4F5F7; }
      .spares-cont .left .category-cont .head {
        display: block;
        padding: 10px 10px 20px 10px;
        font-size: 22px;
        color: #111724;
        font-weight: 700; }
      .spares-cont .left .category-cont ul {
        display: block; }
        .spares-cont .left .category-cont ul li {
          display: block;
          font-size: 14px; }
          .spares-cont .left .category-cont ul li ul {
            display: block;
            padding-left: 20px; }
            .spares-cont .left .category-cont ul li ul li a {
              font-weight: 500; }
              .spares-cont .left .category-cont ul li ul li a.hover {
                color: #0085FF; }
          .spares-cont .left .category-cont ul li a {
            display: block;
            padding: 5px;
            color: #222222;
            font-weight: 700; }
            .spares-cont .left .category-cont ul li a:hover {
              color: #0085FF; }
            .spares-cont .left .category-cont ul li a.active {
              font-weight: 700;
              color: #0085FF; }
    .spares-cont .left .whatsapp-cont {
      display: block;
      margin: 10px 0;
      background-attachment: scroll;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("/assets/images/backgroun-whatsapp.png");
      background-size: cover;
      color: #fff;
      padding: 20px 30px;
      border-radius: 8px;
      font-size: 14px; }
      .spares-cont .left .whatsapp-cont .head {
        display: block;
        font-size: 22px;
        color: #fff;
        padding: 10px 0;
        font-weight: 700; }
      .spares-cont .left .whatsapp-cont .phone-number {
        display: block;
        font-size: 26px;
        color: #fff;
        padding: 10px 0;
        font-weight: 700; }
        .spares-cont .left .whatsapp-cont .phone-number i {
          margin-right: 10px;
          font-size: 40px;
          vertical-align: top; }
        .spares-cont .left .whatsapp-cont .phone-number .pnumber {
          display: inline-block;
          vertical-align: top;
          padding: 6px 0; }
  .spares-cont .right {
    display: inline-block;
    width: 100%;
    vertical-align: top; }
    @media only screen and (max-width: 768px) {
      .spares-cont .right {
        width: calc(100% - 0px); } }

.product-item {
  display: inline-block;
  vertical-align: top;
  width: 24%;
  margin: .5%;
  padding: 10px;
  border: 1px solid #DCDEE1;
  border-radius: 8px;
  background-color: #fff; }
  @media only screen and (max-width: 768px) {
    .product-item {
      width: 49%; } }
  .product-item .img {
    display: block;
    text-align: center;
    height: 260px;
    overflow: hidden; }
    @media only screen and (max-width: 768px) {
      .product-item .img {
        height: 160px; } }
    .product-item .img img {
      display: inline-block;
      max-width: 80%;
      height: auto; }
  .product-item .product-info {
    display: block;
    padding: 10px 5px;
    text-align: center; }
    .product-item .product-info .category-name {
      display: block;
      padding: 2px 0;
      font-size: 12px;
      color: #9B9DA3; }
    .product-item .product-info .product-name {
      display: block;
      padding: 5px 0;
      font-size: 14px;
      color: #111724;
      font-weight: 500;
      line-height: 150%; }
      .product-item .product-info .product-name strong {
        display: block;
        padding: 10px 0;
        font-size: 16px;
        font-weight: 700; }
    .product-item .product-info .product-detail {
      display: block; }
      .product-item .product-info .product-detail.button {
        display: inline-block;
        padding: 15px 20px;
        background-color: #0085FF;
        font-size: 16px;
        color: #fff;
        border: 0;
        border-radius: 8px; }
        .product-item .product-info .product-detail.button span {
          display: inline-block;
          vertical-align: top; }
        .product-item .product-info .product-detail.button img {
          display: inline-block;
          vertical-align: top;
          padding-left: 5px; }
        .product-item .product-info .product-detail.button:hover {
          background-color: #11a9ff; }

.detail-product-list {
  display: block;
  background-color: #fff;
  padding: 50px 15%;
  font-size: 0; }
  @media only screen and (max-width: 768px) {
    .detail-product-list {
      padding: 20px 2%; } }
  .detail-product-list .product-item {
    width: 24%; }
    @media only screen and (max-width: 768px) {
      .detail-product-list .product-item {
        width: 49%; } }

.spares-detail-cont {
  display: block;
  background-color: #F4F5F6;
  padding: 50px 15%;
  font-size: 0; }
  @media only screen and (max-width: 768px) {
    .spares-detail-cont {
      padding: 20px 2%; } }
  .spares-detail-cont .product-detail {
    display: block;
    background-color: #fff; }
    .spares-detail-cont .product-detail .left {
      display: inline-block;
      vertical-align: top;
      width: 40%; }
      @media only screen and (max-width: 768px) {
        .spares-detail-cont .product-detail .left {
          width: 98%;
          text-align: center; } }
      .spares-detail-cont .product-detail .left .img-cont {
        display: block;
        padding: 20px; }
        .spares-detail-cont .product-detail .left .img-cont img {
          display: block;
          width: 90%;
          height: auto;
          margin: 0 5%; }
    .spares-detail-cont .product-detail .right {
      display: inline-block;
      vertical-align: top;
      width: 60%;
      padding: 20px; }
      @media only screen and (max-width: 768px) {
        .spares-detail-cont .product-detail .right {
          width: 100%; } }
      .spares-detail-cont .product-detail .right h1 {
        display: block;
        font-size: 24px;
        font-weight: 700;
        color: #222222;
        padding: 20px 0; }
        @media only screen and (max-width: 768px) {
          .spares-detail-cont .product-detail .right h1 {
            font-size: 20px; } }
      .spares-detail-cont .product-detail .right .text-detail {
        display: block;
        font-size: 18px;
        color: #363636;
        line-height: 1.7em;
        padding: 10px 0; }
      .spares-detail-cont .product-detail .right .price {
        display: block;
        font-size: 20px;
        font-weight: 700;
        color: #222222;
        padding: 10px 0; }
      .spares-detail-cont .product-detail .right .whatsapp-button {
        display: inline-block;
        padding: 10px 25px;
        font-size: 16px;
        color: #fff;
        background-color: #25d366;
        border-radius: 4px; }
        .spares-detail-cont .product-detail .right .whatsapp-button span {
          display: inline-block;
          vertical-align: top;
          padding: 4px 8px; }
        .spares-detail-cont .product-detail .right .whatsapp-button i {
          display: inline-block;
          font-size: 24px;
          vertical-align: top; }