﻿.ocarousel .owl-nav {
  position: absolute;
  top: -88px;
  width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: calc(100% - 58px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.manufacturer-carousel .ocarousel .owl-nav  {
    top: -75px;
}
  .ocarousel .owl-nav button.owl-prev,
  .ocarousel .owl-nav button.owl-next {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 10px !important;
    color: var(--primary-color);
    font-size: 13px;
    border-radius: 3px;
    box-shadow: 0px 2px 3px 1px #C5D4E1;
  }

  .ocarousel .owl-nav button.owl-prev {
    left: -8px;
  }

  .ocarousel .owl-nav button.owl-next {
    right: 0;
  }
.ocarousel .menufacturer-item {
  padding: 40px;
  background: #fff;
}
.ocarousel .owl-nav button.owl-prev:hover,
.ocarousel .owl-nav button.owl-next:hover {
    color: #fff;
    background-color: var(--button-background-color);
}

.manufacturer-carousel .owl-carousel {
    background: #fff;
}
.manufacturer-carousel .ocarousel .menufacturer-item {
  position: relative;
  padding-top: 60%;
}
.manufacturer-carousel .ocarousel .menufacturer-item a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ocarousel .owl-dots {
  display: none;
}

.ocarousel .item-box {
  margin: 0.25em;
}

.ocarousel-background {
  margin-bottom: 70px;
  padding: 50px 0;
}

  .ocarousel-background .ocarousel-grid {
    margin-bottom: 0;
  }

  .ocarousel-background .title-container .title,
  .ocarousel-background .title-container .title i,
  .ocarousel-background .title-container .title h2,
  .ocarousel-background .title-container .subtitle {
    color: #fff;
  }

  .ocarousel-background .ocarousel .owl-nav {
    position: relative;
    top: 10px;
    display: block;
    text-align: center;
  }

    .ocarousel-background .ocarousel .owl-nav button.owl-prev,
    .ocarousel-background .ocarousel .owl-nav button.owl-next {
      position: relative;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 5px 5px !important;
      color: #0A0636;
      font-size: 13px;
      border-color: #0A0636;
      border-radius: 3px;
    }

    .ocarousel-background .ocarousel .owl-nav button.owl-prev {
      margin-right: 2px;
    }

    .ocarousel-background .ocarousel .owl-nav button.owl-next {
      margin-left: 2px;
    }

      .ocarousel-background .ocarousel .owl-nav button.owl-prev:hover,
      .ocarousel-background .ocarousel .owl-nav button.owl-next:hover {
        background-color: #0A0636;
        color: #fff;
      }

.category-carousel,
.product-carousel,
.manufacturer-carousel {
  margin-bottom: 70px;
}

@media (max-width: 991px) {
  .ocarousel .owl-nav {
    position: static;
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 15px;
  }

  .latest-blog-container .blog-item {
    margin-bottom: 45px;
  }
  .latest-blog-container {
      margin: 15px 0 !important;
  }
  .manufacturer-carousel .owl-carousel {
    background: transparent;
  }
  .manufacturer-carousel .ocarousel-item {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
  }
  .manufacturer-carousel .menufacturer-item {
      width: calc(50% - 10px);
  }
  .manufacturer-carousel .ocarousel .menufacturer-item {
    position: relative;
    padding-top: 20%;
  }
  .latest-blog-container-Title-homepage .blog-title {
    min-height: 50px;
  }
}