# ultimate-store-kit/1.6.3/assets/css/usk-mentor-slider.rtl.css

Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder, version 1.6.3. 273 lines.

- Page: https://pluginprobe.com/plugins/ultimate-store-kit/1.6.3/code/assets/css/usk-mentor-slider.rtl.css
- Raw: https://pluginprobe.com/plugins/ultimate-store-kit/1.6.3/raw/assets/css/usk-mentor-slider.rtl.css
- Modified: 2024-06-11T09:35:46+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ultimate-store-kit/1.6.3/code/assets/css/usk-mentor-slider.rtl.css#L10-L20`.

```css
.usk-mentor-slider {
  overflow: hidden;
  position: relative; }
  .usk-mentor-slider .usk-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle; }
  .usk-mentor-slider .usk-image-wrap {
    background-color: #efefef; }
  .usk-mentor-slider .usk-content {
    width: 100%; }
  .usk-mentor-slider .usk-inner-content {
    max-width: 700px;
    padding: 30px;
    overflow: hidden; }
  .usk-mentor-slider .usk-category {
    margin-bottom: 10px;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 5px; }
    .usk-mentor-slider .usk-category a {
      font-size: 14px;
      color: #5f5f74;
      font-weight: 600;
      text-transform: capitalize;
      transition: all .3s ease-in-out; }
      .usk-mentor-slider .usk-category a:hover {
        color: #d90429; }
  .usk-mentor-slider .usk-rating {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 30px; }
    .usk-mentor-slider .usk-rating .woocommerce-product-rating {
      display: flex;
      align-items: center;
      padding: 0; }
      .usk-mentor-slider .usk-rating .woocommerce-product-rating .star-rating {
        font-size: 12px;
        margin: 0; }
  .usk-mentor-slider .usk-badge-label-wrapper {
    position: absolute;
    margin: 30px; }
    .usk-mentor-slider .usk-badge-label-wrapper .usk-badge-label-content {
      display: flex; }
      .usk-mentor-slider .usk-badge-label-wrapper .usk-badge-label-content > div {
        display: flex; }
        .usk-mentor-slider .usk-badge-label-wrapper .usk-badge-label-content > div .usk-badge {
          font-size: 10px;
          color: #fff;
          padding: 6px 8px;
          text-transform: uppercase;
          margin-left: 10px; }
      .usk-mentor-slider .usk-badge-label-wrapper .usk-badge-label-content .usk-sale-badge .usk-badge {
        background: #2B2D42;
        color: #fff; }
      .usk-mentor-slider .usk-badge-label-wrapper .usk-badge-label-content .usk-percantage-badge .usk-badge {
        background: #9FA8BC;
        color: #fff; }
      .usk-mentor-slider .usk-badge-label-wrapper .usk-badge-label-content .usk-stock-status-badge .usk-badge {
        background: #EF233C;
        color: #fff; }
      .usk-mentor-slider .usk-badge-label-wrapper .usk-badge-label-content .usk-trending-badge .usk-badge {
        background: #ff006e;
        color: #fff; }
      .usk-mentor-slider .usk-badge-label-wrapper .usk-badge-label-content .usk-new-badge .usk-badge {
        background: #D90429;
        color: #fff; }
  .usk-mentor-slider .usk-title {
    font-size: 25px;
    text-transform: capitalize;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.3; }
    .usk-mentor-slider .usk-title a {
      color: #2b2d42;
      text-decoration: none;
      transition: color 0.5s cubic-bezier(0, 0, 0.2, 1); }
      .usk-mentor-slider .usk-title a:hover {
        color: #d90429; }
  .usk-mentor-slider .usk-text {
    font-size: 14px;
    color: #4e5562;
    line-height: 1.6;
    font-family: sans-serif;
    margin-bottom: 15px; }
    .usk-mentor-slider .usk-text p {
      margin: 0; }
  .usk-mentor-slider .usk-price {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px; }
    .usk-mentor-slider .usk-price .price {
      display: flex;
      align-items: center;
      grid-column-gap: 15px; }
    .usk-mentor-slider .usk-price ins {
      text-decoration: none;
      color: #000; }
    .usk-mentor-slider .usk-price del {
      color: rgba(169, 171, 189, 0.812); }
  .usk-mentor-slider .usk-main-slider {
    width: 100%;
    height: 600px;
    z-index: 1;
    position: relative; }
    .usk-mentor-slider .usk-main-slider .usk-item {
      display: flex;
      flex-direction: column; }
      .usk-mentor-slider .usk-main-slider .usk-item.swiper-slide-duplicate-active .usk-action-btn-wrap a, .usk-mentor-slider .usk-main-slider .usk-item.swiper-slide-active .usk-action-btn-wrap a {
        transform: translateY(0);
        opacity: 1; }
        .usk-mentor-slider .usk-main-slider .usk-item.swiper-slide-duplicate-active .usk-action-btn-wrap a.usk-cart, .usk-mentor-slider .usk-main-slider .usk-item.swiper-slide-active .usk-action-btn-wrap a.usk-cart {
          transition-delay: .3s; }
        .usk-mentor-slider .usk-main-slider .usk-item.swiper-slide-duplicate-active .usk-action-btn-wrap a.usk-view, .usk-mentor-slider .usk-main-slider .usk-item.swiper-slide-active .usk-action-btn-wrap a.usk-view {
          transition-delay: .5s; }
        .usk-mentor-slider .usk-main-slider .usk-item.swiper-slide-duplicate-active .usk-action-btn-wrap a.usk-wishlist, .usk-mentor-slider .usk-main-slider .usk-item.swiper-slide-active .usk-action-btn-wrap a.usk-wishlist {
          transition-delay: .7s; }
    .usk-mentor-slider .usk-main-slider .usk-image-wrap {
      width: 100%;
      height: 100%; }
  .usk-mentor-slider .usk-thumbs-slider-wrap .usk-item {
    cursor: pointer; }
  .usk-mentor-slider .usk-thumbs-slider-wrap .usk-img {
    height: 150px; }
  .usk-mentor-slider .usk-thumbs-slider-wrap .swiper-slide-active,
  .usk-mentor-slider .usk-thumbs-slider-wrap .swiper-slide-duplicate-active {
    opacity: 0;
    transform: scale(0);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.92, 0.24), opacity 0.4s cubic-bezier(0.4, 0, 0.92, 0.24); }
  .usk-mentor-slider .usk-thumbs-slider-wrap .swiper-slide-prev {
    opacity: 0; }
  .usk-mentor-slider .usk-action-btn-wrap {
    position: absolute;
    top: 0;
    right: unset;
    left: 0;
    display: flex;
    align-items: center;
    flex-direction: column; }
    .usk-mentor-slider .usk-action-btn-wrap a {
      display: flex;
      padding: 16px;
      background: #ffffff;
      text-align: center;
      transform: translateY(-30px);
      opacity: 0;
      transition: color 0.3s cubic-bezier(0, 0, 0.2, 1), transform 0.5s cubic-bezier(0, 0, 0.2, 1), opacity 0.5s cubic-bezier(0, 0, 0.2, 1); }
      .usk-mentor-slider .usk-action-btn-wrap a i {
        color: #47415b;
        transition: color 0.3s cubic-bezier(0, 0, 0.2, 1); }
      .usk-mentor-slider .usk-action-btn-wrap a:hover i {
        color: #d90429; }
  .usk-mentor-slider .usk-nav-pag-wrap {
    bottom: 0;
    left: 0;
    display: inline-flex;
    grid-gap: 30px; }
  .usk-mentor-slider .usk-navigation-button {
    display: flex;
    align-items: center;
    flex-direction: row-reverse; }
  .usk-mentor-slider .usk-nav-btn {
    display: flex;
    align-items: center;
    grid-column-gap: 10px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer; }
    .usk-mentor-slider .usk-nav-btn i {
      opacity: 0;
      transition: transform 0.7s cubic-bezier(0.3, 0.86, 0.36, 0.95), opacity 0.5s cubic-bezier(0.3, 0.86, 0.36, 0.95); }
    .usk-mentor-slider .usk-nav-btn:hover .usk-nav-text {
      transition-delay: .4s; }
      .usk-mentor-slider .usk-nav-btn:hover .usk-nav-text::before {
        transform: translateY(0); }
      .usk-mentor-slider .usk-nav-btn:hover .usk-nav-text span {
        transform: translateY(-100%);
        opacity: 0; }
    .usk-mentor-slider .usk-nav-btn:hover i {
      opacity: 1;
      transform: translateX(0);
      transition-delay: .4s; }
  .usk-mentor-slider .usk-button-next .usk-nav-text {
    transform: translateX(-24px); }
  .usk-mentor-slider .usk-button-next i {
    transform: translateX(15px); }
  .usk-mentor-slider .usk-button-prev .usk-nav-text {
    transform: translateX(24px); }
  .usk-mentor-slider .usk-button-prev i {
    transform: translateX(-15px); }
  .usk-mentor-slider .usk-button-next:hover .usk-nav-text,
  .usk-mentor-slider .usk-button-prev:hover .usk-nav-text {
    transform: translateX(0);
    transition-delay: .4s; }
  .usk-mentor-slider .usk-nav-text {
    position: relative;
    overflow: hidden;
    transition: transform 0.7s cubic-bezier(0.3, 0.86, 0.36, 0.95); }
    .usk-mentor-slider .usk-nav-text::before {
      content: attr(data-title);
      height: 100%;
      position: absolute;
      width: 100%;
      top: 0;
      right: 0;
      transform: translateY(110%);
      transition: transform 0.6s cubic-bezier(0.3, 0.86, 0.36, 0.95); }
    .usk-mentor-slider .usk-nav-text span {
      display: inline-block;
      will-change: transform;
      position: relative;
      transition: transform 0.6s cubic-bezier(0.3, 0.86, 0.36, 0.95), opacity 0.5s cubic-bezier(0.3, 0.86, 0.36, 0.95); }
  .usk-mentor-slider .swiper-pagination {
    position: unset !important; }

@media (min-width: 768px) {
  .usk-mentor-slider .usk-main-slider {
    height: 700px; }
    .usk-mentor-slider .usk-main-slider .usk-item {
      flex-direction: row; }
  .usk-mentor-slider .usk-title {
    font-size: 40px; }
  .usk-mentor-slider .usk-text {
    font-size: 16px; }
  .usk-mentor-slider .usk-nav-btn {
    font-size: 14px; }
  .usk-mentor-slider .usk-price {
    font-size: 16px; }
  .usk-mentor-slider .usk-nav-pag-wrap {
    position: absolute; }
  .usk-mentor-slider .usk-thumbs-slider-wrap {
    display: block;
    width: 470px;
    height: 150px;
    position: absolute;
    bottom: 6%;
    left: 50%;
    transform: translateX(-70%);
    overflow: hidden;
    z-index: 1; }
    .usk-mentor-slider .usk-thumbs-slider-wrap .usk-img {
      height: 100px; }
  .usk-mentor-slider .usk-inner-content {
    padding: 50px; }
  .usk-mentor-slider .usk-action-btn-wrap {
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%); } }

@media (min-width: 1024px) {
  .usk-mentor-slider .usk-inner-content {
    padding: 70px; }
  .usk-mentor-slider .usk-title {
    font-size: 50px; }
  .usk-mentor-slider .usk-thumbs-slider-wrap {
    width: 700px;
    height: 170px; }
    .usk-mentor-slider .usk-thumbs-slider-wrap .usk-img {
      height: 130px; } }

@media (max-width: 767px) {
  .usk-mentor-slider .usk-thumbs-slider {
    display: none; }
  .usk-mentor-slider .usk-nav-pag-wrap {
    padding: 0 30px 30px;
    width: 100%; }
  .usk-mentor-slider .swiper-pagination {
    display: flex;
    grid-gap: 5px; } }

```