/* Ravix Home Carousel 2.5.1 CSS bundle. Source files are preserved unchanged. */

/* ===== BEGIN assets/css/home-carousel.css ===== */
:is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper){
      --rvx-card-bg:#ffffff;
      --rvx-card-border:#d7deea;
      --rvx-card-shadow:none;
      --rvx-text:#162235;
      --rvx-sub:#63758a;
      --rvx-desc:#526477;
      --rvx-nav-bg:#ffffff;
      --rvx-nav-text:#4b5870;
      --rvx-nav-border:#d8dfeb;
      --rvx-nav-hover-bg:#1400ec;
      --rvx-nav-hover-text:#ffffff;
      --rvx-nav-disabled-bg:#f7f8fb;
      --rvx-nav-disabled-border:#ebeef5;
      --rvx-nav-disabled-text:#c8ced9;
      direction:rtl;
      background:#fff;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper),
    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-products-carousel,
    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper,
    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-wrapper,
    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-slide{
      background:transparent !important;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-head{
      max-width:1400px;
      margin:0 auto 20px;
      padding:0 14px 0 0;
      text-align:right;
      box-sizing:border-box;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-title-main{
      margin:0;
      font-size:28px;
      font-weight:900;
      color:#111827;
      letter-spacing:-.3px;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-kicker{
      margin-top:10px;
      display:inline-flex;
      align-items:center;
      justify-content:flex-start;
      gap:10px;
      color:#2635d9;
      font-size:14px;
      font-weight:900;
      padding-right:2px;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-kicker::before{
      content:"";
      width:10px;
      height:10px;
      border-radius:999px;
      background:#2635d9;
      box-shadow:0 0 0 6px rgba(38,53,217,.10);
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-products-carousel{
      position:relative;
      max-width:1400px;
      margin:0 auto;
      padding:0;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper{
      overflow:hidden;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-wrapper{
      align-items:stretch;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-slide{
      display:flex;
      height:auto;
      box-sizing:border-box;
      padding-bottom:6px;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-card{
      width:100%;
      aspect-ratio:1 / 1;
      background:var(--rvx-card-bg);
      border:1px solid var(--rvx-card-border);
      border-radius:22px;
      padding:20px;
      margin-bottom:2px;
      box-shadow:var(--rvx-card-shadow);
      display:flex;
      flex-direction:column;
      text-align:right;
      transition:.25s ease;
      overflow:hidden;
      box-sizing:border-box;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-card:hover{
      transform:none;
      box-shadow:none;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-img{
      width:64px;
      height:64px;
      border-radius:18px;
      display:flex;
      align-items:center;
      justify-content:center;
      margin:0 0 16px auto;
      flex:0 0 64px;
      overflow:hidden;
      color:#2563eb;
      background:#eaf2ff;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-slide:nth-child(5n+1) .rvx-hc-img{
      background:#eaf2ff;
      color:#2563eb;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-slide:nth-child(5n+2) .rvx-hc-img{
      background:#eafaf1;
      color:#16a34a;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-slide:nth-child(5n+3) .rvx-hc-img{
      background:#fff4e8;
      color:#ea580c;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-slide:nth-child(5n+4) .rvx-hc-img{
      background:#f4ecff;
      color:#9333ea;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-slide:nth-child(5n+5) .rvx-hc-img{
      background:#eafcff;
      color:#0891b2;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-img img{
      width:30px !important;
      height:30px !important;
      max-width:30px !important;
      max-height:30px !important;
      object-fit:contain;
      display:block;
      user-select:none;
      -webkit-user-drag:none;
      filter:none;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-img:empty{
      display:none;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-body{
      display:flex;
      flex-direction:column;
      flex:1 1 auto;
      min-height:0;
      width:100%;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-card h3{
      font-size:20px;
      color:var(--rvx-text);
      margin:0 0 4px;
      line-height:1.5;
      font-weight:800;
      text-align:right;
      word-break:break-word;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-title-link{
      color:inherit;
      text-decoration:none;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-title-link:hover{
      opacity:.9;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-subtitle{
      font-size:13px;
      color:var(--rvx-sub);
      margin:0 0 6px;
      line-height:1.7;
      text-align:right;
      min-height:0;
      max-height:none;
      overflow:visible;
      display:block;
      word-break:break-word;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-subtitle.is-empty{
      display:none;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-desc{
      font-size:13.5px;
      color:var(--rvx-desc);
      line-height:1.75;
      flex:1 1 auto;
      text-align:right;
      min-height:0;
      overflow:visible;
      display:block;
      word-break:break-word;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-desc.is-empty{
      display:none;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-btn{
      margin-top:12px;
      border:1px solid #dbe5ff;
      border-radius:12px;
      padding:12px 16px;
      color:#1400ec;
      font-size:14px;
      font-weight:700;
      cursor:pointer;
      transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
      text-decoration:none;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      width:100%;
      min-height:48px;
      flex:0 0 auto;
      background:#edf2ff;
      text-align:center;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-btn-label{
      display:inline-block;
      line-height:1.4;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-btn-icon{
      width:18px;
      height:18px;
      flex:0 0 18px;
      display:block;
      color:currentColor;
      transition:transform .2s ease;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-slide:nth-child(5n+1) .rvx-hc-btn{ background:#edf2ff; color:#1400ec; }
    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-slide:nth-child(5n+2) .rvx-hc-btn{ background:#edf2ff; color:#1400ec; }
    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-slide:nth-child(5n+3) .rvx-hc-btn{ background:#edf2ff; color:#1400ec; }
    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-slide:nth-child(5n+4) .rvx-hc-btn{ background:#edf2ff; color:#1400ec; }
    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-slide:nth-child(5n+5) .rvx-hc-btn{ background:#edf2ff; color:#1400ec; }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-btn:hover,
    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-btn:focus-visible{
      opacity:1;
      transform:scale(.98);
      color:#fff !important;
      background:#1400ec !important;
      border:1px solid transparent !important;
      border-color:transparent !important;
      box-shadow:none !important;
      outline:none;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-btn:hover .rvx-hc-btn-icon{
      transform:translateX(-2px);
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-btn[aria-disabled="true"]{
      opacity:.55;
      pointer-events:none;
      cursor:not-allowed;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-button-prev,
    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-button-next{
      width:42px;
      height:42px;
      top:-58px;
      right:auto;
      margin-top:0;
      border-radius:12px;
      border:1px solid var(--rvx-nav-border);
      background:var(--rvx-nav-bg);
      box-shadow:none;
      color:var(--rvx-nav-text);
      display:flex;
      align-items:center;
      justify-content:center;
      transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-button-next{ left:0; }
    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-button-prev{ left:52px; }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-button-prev:hover,
    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-button-next:hover{
      background:var(--rvx-nav-hover-bg);
      border-color:var(--rvx-nav-hover-bg);
      color:var(--rvx-nav-hover-text);
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-button-disabled{
      opacity:1;
      pointer-events:none;
      color:var(--rvx-nav-disabled-text);
      background:var(--rvx-nav-disabled-bg);
      border-color:var(--rvx-nav-disabled-border);
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-button-lock{
      display:none !important;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-button-prev::before,
    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-button-next::before,
    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-button-prev::after,
    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-button-next::after{
      color:currentColor;
      font-size:16px;
      line-height:42px;
      display:inline-block;
      transform:scaleX(-1);
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-pagination{
      position:static;
      margin-top:14px;
      min-height:10px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-pagination.is-hidden,
    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-pagination-lock{
      display:none !important;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-pagination-bullet{
      width:10px;
      height:10px;
      margin:0 !important;
      background:#c7d2df;
      border-radius:999px;
      opacity:1;
      transition:width .055s linear, background-color .055s linear;
      flex:0 0 auto;
    }

    :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-pagination-bullet-active{
      width:24px;
      background:#1400ec;
    }

    @media (max-width:1024px){
      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-head{
        text-align:center;
        padding:0 12px;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-kicker{
        justify-content:center;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-products-carousel{
        padding:0 12px;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-button-next{ left:12px; }
      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-button-prev{ left:64px; }
    }

    @media (max-width:640px){
      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper){
        padding-inline:14px;
        box-sizing:border-box;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-head{
        padding:0;
        text-align:center;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-title-main{
        font-size:24px;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-kicker{
        justify-content:center;
        margin-top:8px;
        font-size:13px;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-products-carousel{
        padding:0;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-button-prev,
      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-button-next{
        display:none !important;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-card{
        border-radius:18px;
        padding:16px;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-card h3{
        font-size:18px;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-subtitle{
        font-size:12.8px;
        line-height:1.65;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-desc{
        font-size:12.8px;
        line-height:1.7;
      }
    }

    @media (max-width:360px){
      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper){
        padding-inline:12px;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-head{
        padding:0;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-title-main{
        font-size:22px;
        line-height:1.35;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-kicker{
        font-size:12px;
        line-height:1.7;
        gap:8px;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-kicker::before{
        width:8px;
        height:8px;
        box-shadow:0 0 0 5px rgba(38,53,217,.10);
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-products-carousel{
        padding:0 10px;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-slide{
        padding-bottom:4px;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-card{
        aspect-ratio:auto;
        min-height:0;
        border-radius:16px;
        padding:14px;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-img{
        width:56px;
        height:56px;
        flex-basis:56px;
        border-radius:16px;
        margin-bottom:14px;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-img img{
        width:26px !important;
        height:26px !important;
        max-width:26px !important;
        max-height:26px !important;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-card h3{
        font-size:17px;
        line-height:1.45;
        margin-bottom:4px;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-subtitle{
        font-size:12.5px;
        margin-bottom:5px;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-desc{
        font-size:12.5px;
        line-height:1.75;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-btn{
        min-height:44px;
        padding:11px 14px;
        font-size:13.5px;
        margin-top:10px;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .rvx-hc-btn-icon{
        width:16px;
        height:16px;
        flex-basis:16px;
      }

      :is(#rvx-home-carousel-scope,.rvx-home-carousel-swiper) .swiper-pagination{
        margin-top:12px;
      }
    }
/* ===== END assets/css/home-carousel.css ===== */

/* ===== BEGIN assets/css/post-carousel.css ===== */
:is(#rvx-post-carousel-scope,.rvx-posts-carousel),
      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) *,
      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) *::before,
      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) *::after{
        box-sizing:border-box;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel){
        --rvx-blue:#1400ec;
        --rvx-blue-2:#3C2AFF;
        --rvx-card:#ffffff;
        --rvx-card-border:#ebeff6;
        --rvx-text:#111827;
        --rvx-text-soft:#667085;
        --rvx-line:#edf1f7;
        --rvx-radius:22px;
        --rvx-arrow-size:42px;
        --rvx-dot-size:10px;
        --rvx-dot-active-width:24px;
        --rvx-nav-bg:#ffffff;
        --rvx-nav-text:#4b5870;
        --rvx-nav-border:#d8dfeb;
        --rvx-nav-hover-bg:#1400ec;
        --rvx-nav-hover-text:#ffffff;
        --rvx-nav-disabled-bg:#f7f8fb;
        --rvx-nav-disabled-border:#ebeef5;
        --rvx-nav-disabled-text:#c8ced9;
        width:100%;
        margin:0;
        padding:0;
        direction:rtl;
        background:#fff;
        font-family:inherit;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-head{
        max-width:1400px;
        margin:0 auto 18px;
        padding:0 14px 0 0;
        text-align:right;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-title-main{
        margin:0;
        font-size:28px;
        font-weight:950;
        color:var(--rvx-text);
        letter-spacing:-.45px;
        line-height:1.3;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-kicker{
        margin-top:10px;
        display:inline-flex;
        align-items:center;
        justify-content:flex-start;
        gap:10px;
        color:#2635d9;
        font-size:14px;
        font-weight:900;
        padding-right:2px;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-kicker::before{
        content:"";
        width:10px;
        height:10px;
        border-radius:999px;
        background:#2635d9;
        box-shadow:0 0 0 6px rgba(38,53,217,.10);
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-inner{
        width:100%;
        max-width:1400px;
        margin:0 auto;
        padding:0;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-shell{
        position:relative;
        width:100%;
        max-width:1400px;
        margin:0 auto;
        padding:0;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-slider{
        overflow:hidden;
        width:100%;
        touch-action:pan-y pinch-zoom;
        -webkit-overflow-scrolling:touch;
        -webkit-user-select:none;
        user-select:none;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-track{
        display:flex;
        align-items:stretch;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-slide{
        height:auto;
        padding-bottom:6px;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-post-box{
        width:100%;
        max-width:340px;
        direction:rtl;
        font-family:inherit;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .card{
        background:var(--rvx-card);
        border:1px solid rgba(226,232,240,.95);
        border-radius:24px;
        overflow:hidden;
        display:block;
        width:100%;
        box-shadow:0 12px 30px rgba(15,23,42,.07);
        transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .card:hover{
        transform:translateY(-3px);
        border-color:rgba(20,0,236,.16);
        box-shadow:0 18px 40px rgba(15,23,42,.10);
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .media{
        position:relative !important;
        width:100% !important;
        height:0 !important;
        padding-top:100% !important;
        background:#eef1f6;
        overflow:hidden;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-media-link{
        position:absolute !important;
        inset:0 !important;
        display:block !important;
        width:100% !important;
        height:100% !important;
        text-decoration:none;
        color:inherit;
        overflow:hidden;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-img-wrap{
        position:absolute !important;
        inset:0 !important;
        width:100% !important;
        height:100% !important;
        overflow:hidden;
        background:#eef1f6;
        contain:paint;
        isolation:isolate;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-img-main{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        display:block;
        transform:scale(1);
        transition:transform .22s ease, filter .22s ease;
        -webkit-user-drag:none;
        user-select:none;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .card:hover .rvx-img-main{
        transform:scale(1.045);
        filter:saturate(1.04) contrast(1.03);
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-media-shade{
        position:absolute;
        inset:0;
        pointer-events:none;
        background:
          linear-gradient(180deg, rgba(15,23,42,.34) 0%, rgba(15,23,42,.06) 33%, rgba(15,23,42,.18) 58%, rgba(15,23,42,.86) 100%);
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-media-meta{
        position:absolute;
        right:13px;
        left:13px;
        z-index:2;
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        justify-content:flex-start;
        gap:7px;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-media-meta--top{
        top:13px;
        bottom:auto;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-badge{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:6px;
        min-height:28px;
        padding:6px 10px;
        border-radius:999px;
        color:rgba(255,255,255,.92);
        font-size:10.5px;
        font-weight:850;
        line-height:1;
        letter-spacing:-.08px;
        white-space:nowrap;
        backdrop-filter:blur(12px);
        -webkit-backdrop-filter:blur(12px);
        border:1px solid rgba(255,255,255,.18);
        box-shadow:0 8px 18px rgba(15,23,42,.14);
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-badge--cat{
        background:rgba(20,0,236,.36);
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-badge--date{
        background:rgba(15,23,42,.34);
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-media-title-wrap{
        position:absolute;
        right:14px;
        left:14px;
        bottom:14px;
        z-index:2;
        display:block;
        height:53px;
        min-height:53px;
        max-height:53px;
        overflow:hidden;
        pointer-events:none;
        contain:layout style;
        transform:none !important;
        transition:none !important;
        animation:none !important;
        will-change:auto;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-media-title{
        display:-webkit-box;
        width:100%;
        height:53px;
        min-height:53px;
        max-height:53px;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        color:#fff;
        font-size:17px;
        font-weight:950;
        line-height:1.55;
        letter-spacing:-.25px;
        overflow:hidden;
        white-space:normal;
        word-break:break-word;
        text-overflow:ellipsis;
        text-shadow:0 3px 12px rgba(15,23,42,.48);
        pointer-events:none;
        transform:none !important;
        transition:none !important;
        animation:none !important;
        will-change:auto;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-prev,
      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-next{
        position:absolute;
        width:var(--rvx-arrow-size);
        height:var(--rvx-arrow-size);
        top:-58px;
        right:auto;
        margin-top:0;
        z-index:10;
        cursor:pointer;
        border-radius:12px;
        border:1px solid var(--rvx-nav-border);
        background:var(--rvx-nav-bg);
        box-shadow:none;
        color:var(--rvx-nav-text);
        display:flex;
        align-items:center;
        justify-content:center;
        transform:none !important;
        transition:background-color .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-prev:hover,
      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-next:hover,
      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-prev:focus,
      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-next:focus,
      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-prev:active,
      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-next:active{
        background:var(--rvx-nav-hover-bg);
        color:var(--rvx-nav-hover-text);
        border-color:var(--rvx-nav-hover-bg);
        box-shadow:none;
        transform:none !important;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-next{ left:0; }
      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-prev{ left:52px; }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-disabled{
        opacity:1;
        pointer-events:none;
        color:var(--rvx-nav-disabled-text);
        background:var(--rvx-nav-disabled-bg);
        border-color:var(--rvx-nav-disabled-border);
        box-shadow:none;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-lock{
        display:none !important;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-prev::before,
      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-next::before,
      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-prev::after,
      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-next::after{
        color:currentColor;
        font-size:16px;
        line-height:42px;
        display:inline-block;
        transform:scaleX(-1);
      }

      /*
       * Pagination دقیقاً مطابق فایل مرجع «چرا راویکس؟»:
       * دات 8px، فاصله 10px و دات فعال کپسولی 22px.
       */
      /*
       * Pagination دقیقاً مطابق سکشن فعال «چرا راویکس؟ / Why Flow» سایت:
       * دات 10px، فاصله 10px، دات فعال 24px، فاصله بالا 18px و در موبایل 14px.
       */
      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-post-dots,
      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-post-dots.swiper-pagination-bullets,
      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-post-dots.swiper-pagination-horizontal{
        position:static !important;
        inset:auto !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:10px !important;
        width:100% !important;
        min-height:10px !important;
        margin:18px 0 0 !important;
        padding:0 0 2px !important;
        line-height:0 !important;
        font-size:0 !important;
        user-select:none;
        transform:none !important;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-post-dots.swiper-pagination-lock{
        display:none !important;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-post-dots .swiper-pagination-bullet{
        display:inline-block !important;
        flex:0 0 auto !important;
        width:10px !important;
        min-width:10px !important;
        max-width:10px !important;
        height:10px !important;
        min-height:10px !important;
        max-height:10px !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-radius:999px !important;
        background:#c7d2df !important;
        opacity:1 !important;
        box-shadow:none !important;
        transform:none !important;
        cursor:pointer;
        transition:width .055s linear, background-color .055s linear !important;
        appearance:none;
        -webkit-appearance:none;
        touch-action:manipulation;
        -webkit-tap-highlight-color:transparent;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-post-dots .swiper-pagination-bullet-active{
        width:24px !important;
        min-width:24px !important;
        max-width:24px !important;
        background:var(--rvx-blue) !important;
      }

      :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-post-dots .swiper-pagination-bullet:focus-visible{
        outline:2px solid rgba(20,0,236,.35);
        outline-offset:3px;
      }

      @media (max-width:768px){
        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-post-dots,
        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-post-dots.swiper-pagination-bullets,
        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-post-dots.swiper-pagination-horizontal{
          margin-top:14px !important;
        }
      }

      @media (hover:none), (pointer:coarse){
        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .card,
        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-img-main,
        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-media-title-wrap,
        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-media-title{
          transition:none !important;
          animation:none !important;
          will-change:auto !important;
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .card:hover{
          transform:none !important;
          border-color:rgba(226,232,240,.95) !important;
          box-shadow:0 12px 30px rgba(15,23,42,.07) !important;
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .card:hover .rvx-img-main{
          transform:none !important;
          filter:none !important;
        }
      }

      @media (max-width:1024px){
        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-head{
          padding:0 14px;
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-title-main{
          font-size:24px;
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-next{ left:14px; }
        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-prev{ left:66px; }
      }

      @media (max-width:768px){
        :is(#rvx-post-carousel-scope,.rvx-posts-carousel){
          padding:0 14px;
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-head{
          padding:0;
          margin-bottom:16px;
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-title-main{
          font-size:21px;
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-kicker{
          font-size:13px;
          gap:8px;
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-kicker::before{
          width:8px;
          height:8px;
          box-shadow:0 0 0 5px rgba(38,53,217,.10);
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-inner,
        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-shell{
          max-width:none;
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-post-box{
          max-width:100%;
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-media-meta{
          right:12px;
          left:12px;
          gap:6px;
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-media-meta--top{
          top:12px;
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-badge{
          min-height:28px;
          padding:6px 9px;
          font-size:10px;
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-media-title-wrap{
          right:12px;
          left:12px;
          bottom:14px;
          height:45px;
          min-height:45px;
          max-height:45px;
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-media-title{
          height:45px;
          min-height:45px;
          max-height:45px;
          font-size:15px;
          line-height:1.5;
          -webkit-line-clamp:2;
          text-shadow:none;
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-prev,
        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-next{
          width:36px;
          height:36px;
          top:-50px;
        }

        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-next{ left:0; }
        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .swiper-button-prev{ left:46px; }
      }

      @media (prefers-reduced-motion:reduce){
        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-posts-track,
        :is(#rvx-post-carousel-scope,.rvx-posts-carousel) .rvx-post-dots .swiper-pagination-bullet{
          transition:none !important;
          animation:none !important;
        }
      }
/* ===== END assets/css/post-carousel.css ===== */

/* ===== BEGIN assets/css/web-design-carousel.css ===== */
:is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root){
        --rvx-card-bg:#ffffff;
        --rvx-card-border:#d7deea;
        --rvx-card-shadow:none;
        --rvx-title:#111827;
        --rvx-text:#5f6f82;
        --rvx-kicker:#2635d9;
        --rvx-nav-bg:#ffffff;
        --rvx-nav-text:#4b5870;
        --rvx-nav-border:#d8dfeb;
        --rvx-nav-hover-bg:#1400ec;
        --rvx-nav-hover-text:#ffffff;
        --rvx-nav-disabled-bg:#f7f8fb;
        --rvx-nav-disabled-border:#ebeef5;
        --rvx-nav-disabled-text:#c8ced9;
        direction:rtl;
        background:#fff;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root),
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-web-design-carousel,
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper,
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-wrapper,
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-slide{
        background:transparent !important;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-head{
        max-width:1400px;
        margin:0 auto 20px;
        padding:0 14px 0 0;
        text-align:right;
        box-sizing:border-box;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-title{
        margin:0;
        font-size:28px;
        font-weight:900;
        color:var(--rvx-title);
        letter-spacing:-.3px;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-kicker{
        margin-top:10px;
        display:inline-flex;
        align-items:center;
        justify-content:flex-start;
        gap:10px;
        color:var(--rvx-kicker);
        font-size:14px;
        font-weight:900;
        padding-right:2px;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-kicker::before{
        content:"";
        width:10px;
        height:10px;
        border-radius:999px;
        background:var(--rvx-kicker);
        box-shadow:0 0 0 6px rgba(38,53,217,.10);
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-web-design-carousel{
        position:relative;
        max-width:1400px;
        margin:0 auto;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper{
        overflow:hidden;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-wrapper{
        align-items:stretch;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-slide{
        display:flex;
        height:auto;
        box-sizing:border-box;
        padding-bottom:6px;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-card{
        height:100%;
        background:var(--rvx-card-bg);
        border:1px solid var(--rvx-card-border);
        border-radius:24px;
        padding:24px;
        box-shadow:none;
        display:flex;
        flex-direction:column;
        text-align:right;
        box-sizing:border-box;
        overflow:hidden;
        position:relative;
        will-change:auto;
        transition:background-color .46s cubic-bezier(.22,1,.36,1),border-color .46s cubic-bezier(.22,1,.36,1),box-shadow .46s cubic-bezier(.22,1,.36,1),color .34s ease;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-icon,
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-badge,
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-card h3,
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-desc{
        position:relative;
        z-index:1;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-icon{
        width:70px;
        height:70px;
        border-radius:20px;
        display:flex;
        align-items:center;
        justify-content:center;
        margin:0 0 18px auto;
        flex:0 0 70px;
        box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-slide:nth-child(6n+1) .rvx-wdc-icon{ background:#eaf2ff; color:#2563eb; }
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-slide:nth-child(6n+2) .rvx-wdc-icon{ background:#eafaf1; color:#16a34a; }
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-slide:nth-child(6n+3) .rvx-wdc-icon{ background:#fff4e8; color:#ea580c; }
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-slide:nth-child(6n+4) .rvx-wdc-icon{ background:#f4ecff; color:#9333ea; }
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-slide:nth-child(6n+5) .rvx-wdc-icon{ background:#eafcff; color:#0891b2; }
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-slide:nth-child(6n+6) .rvx-wdc-icon{ background:#eefbf3; color:#15803d; }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-icon svg{
        width:31px;
        height:31px;
        display:block;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-badge{
        display:inline-flex;
        align-items:center;
        width:max-content;
        max-width:100%;
        min-height:34px;
        padding:0 13px;
        margin:0 0 14px auto;
        border-radius:999px;
        background:#f5f7fb;
        color:#445164;
        font-size:12.5px;
        font-weight:800;
        line-height:1;
        box-shadow:inset 0 0 0 1px rgba(15,23,42,.05);
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-card h3{
        font-size:21px;
        color:var(--rvx-title);
        margin:0 0 10px;
        line-height:1.65;
        font-weight:850;
        word-break:break-word;
        letter-spacing:-.2px;
        transition:color .44s cubic-bezier(.22,1,.36,1),text-shadow .44s cubic-bezier(.22,1,.36,1),opacity .3s ease;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-desc{
        font-size:14px;
        color:var(--rvx-text);
        line-height:2;
        margin:0;
        flex:1 1 auto;
        word-break:break-word;
        opacity:.96;
        transition:color .46s cubic-bezier(.22,1,.36,1),opacity .34s ease,text-shadow .46s cubic-bezier(.22,1,.36,1);
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-icon{
        transition:background-color .42s cubic-bezier(.22,1,.36,1),color .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1);
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-badge{
        transition:background-color .46s cubic-bezier(.22,1,.36,1),color .42s cubic-bezier(.22,1,.36,1),box-shadow .46s cubic-bezier(.22,1,.36,1),opacity .34s ease;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-web-design-carousel:not(.is-auto-hover-enabled) .rvx-wdc-card:hover{
        background:var(--rvx-nav-hover-bg);
        border-color:var(--rvx-nav-hover-bg);
        box-shadow:none;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-web-design-carousel:not(.is-auto-hover-enabled) .rvx-wdc-card:hover h3{
        color:#ffffff;
        text-shadow:0 1px 10px rgba(6,12,32,.08);
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-web-design-carousel:not(.is-auto-hover-enabled) .rvx-wdc-card:hover .rvx-wdc-desc{
        color:rgba(255,255,255,.96);
        opacity:1;
        text-shadow:0 1px 10px rgba(6,12,32,.06);
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-web-design-carousel:not(.is-auto-hover-enabled) .rvx-wdc-card:hover .rvx-wdc-badge{
        color:#ffffff;
        background:rgba(255,255,255,.14);
        box-shadow:none;
        opacity:1;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-web-design-carousel:not(.is-auto-hover-enabled) .rvx-wdc-card:hover .rvx-wdc-icon{
        background:#ffffff !important;
        color:var(--rvx-nav-hover-bg) !important;
        box-shadow:none;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-web-design-carousel.is-auto-hover-enabled .swiper-slide.is-auto-active .rvx-wdc-card{
        background:var(--rvx-nav-hover-bg);
        border-color:var(--rvx-nav-hover-bg);
        box-shadow:none;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-web-design-carousel.is-auto-hover-enabled .swiper-slide.is-auto-active .rvx-wdc-card h3{
        color:#ffffff;
        text-shadow:0 1px 10px rgba(6,12,32,.08);
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-web-design-carousel.is-auto-hover-enabled .swiper-slide.is-auto-active .rvx-wdc-desc{
        color:rgba(255,255,255,.96);
        opacity:1;
        text-shadow:0 1px 10px rgba(6,12,32,.06);
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-web-design-carousel.is-auto-hover-enabled .swiper-slide.is-auto-active .rvx-wdc-badge{
        color:#ffffff;
        background:rgba(255,255,255,.14);
        box-shadow:none;
        opacity:1;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-web-design-carousel.is-auto-hover-enabled .swiper-slide.is-auto-active .rvx-wdc-icon{
        background:#ffffff !important;
        color:var(--rvx-nav-hover-bg) !important;
        box-shadow:none;
      }


      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-button-prev,
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-button-next{
        width:42px;
        height:42px;
        top:-58px;
        right:auto;
        margin-top:0;
        border-radius:12px;
        border:1px solid var(--rvx-nav-border);
        background:var(--rvx-nav-bg);
        box-shadow:none;
        color:var(--rvx-nav-text);
        display:flex;
        align-items:center;
        justify-content:center;
        transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-button-next{ left:0; }
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-button-prev{ left:52px; }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-button-prev:hover,
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-button-next:hover{
        background:var(--rvx-nav-hover-bg);
        border-color:var(--rvx-nav-hover-bg);
        color:var(--rvx-nav-hover-text);
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-button-disabled{
        opacity:1;
        pointer-events:none;
        color:var(--rvx-nav-disabled-text);
        background:var(--rvx-nav-disabled-bg);
        border-color:var(--rvx-nav-disabled-border);
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-button-lock{ display:none !important; }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-button-prev::before,
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-button-next::before,
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-button-prev::after,
      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-button-next::after{
        color:currentColor;
        font-size:16px;
        line-height:42px;
        display:inline-block;
        transform:scaleX(-1);
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .products-pagination{
        position:static;
        margin-top:14px;
        min-height:10px;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:7px;
        flex-wrap:wrap;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-pagination-bullet{
        --rvx-bullet-progress:0;
        width:10px;
        height:10px;
        margin:0 !important;
        padding:0;
        border:0;
        background:#c7d2df;
        border-radius:999px;
        opacity:1;
        transition:width .055s linear, background-color .055s linear, opacity .055s linear;
        flex:0 0 auto;
        position:relative;
        overflow:hidden;
        isolation:isolate;
        cursor:pointer;
        appearance:none;
        -webkit-appearance:none;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-pagination-bullet::before{
        content:"";
        position:absolute;
        inset:0;
        border-radius:inherit;
        background:#1400ec;
        transform:scaleX(var(--rvx-bullet-progress));
        transform-origin:right center;
      }

      :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-pagination-bullet.is-progress-active{
        width:24px;
        background:#dbe3ed;
      }

      @media (max-width:1024px){
        :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-head{
          text-align:center;
          padding:0 12px;
        }

        :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-kicker{
          justify-content:center;
        }

        :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-web-design-carousel{
          padding:0 12px;
        }

        :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-button-next{ left:12px; }
        :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-button-prev{ left:64px; }
      }

      @media (max-width:640px){
        :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root){
          padding-inline:14px;
          box-sizing:border-box;
        }

        :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-head{
          padding:0;
          text-align:center;
        }

        :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-title{
          font-size:24px;
        }

        :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-kicker{
          justify-content:center;
          margin-top:8px;
          font-size:13px;
        }

        :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-web-design-carousel{
          padding:0;
        }

        :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-button-prev,
        :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .swiper-button-next{
          display:none !important;
        }

        :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-card{
          min-height:328px;
          border-radius:20px;
          padding:18px;
        }

        :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-card h3{
          font-size:19px;
        }

        :is(#rvx-web-design-carousel-scope,.rvx-web-design-carousel-root) .rvx-wdc-desc{
          font-size:13px;
          line-height:1.9;
        }

      }
/* ===== END assets/css/web-design-carousel.css ===== */

/* ===== BEGIN assets/css/portfolio.css ===== */
:root{
  --rvx-primary:#2635d9;
  --rvx-text:#111827;
  --rvx-muted:#5f6f82;
  --rvx-screen:#050608;
  --rvx-screen-frame:#151827;
}

.rvx-portfolio-monitor-only,
.rvx-portfolio-monitor-only *{box-sizing:border-box}

.rvx-portfolio-monitor-only{
  position:relative;
  width:100%;
  padding:35px 0 50px;
  direction:rtl;
  border-radius:18px;
  overflow:hidden;
  overflow-x:clip;
  background:linear-gradient(180deg,#f8faff 0%,#ffffff 54%,#f7f9ff 100%);
}

.rvx-portfolio-monitor-only__inner{
  position:relative;
  z-index:2;
  width:min(100%,1400px);
  margin:0 auto;
  padding:0 14px;
  overflow-x:clip;
}

.rvx-portfolio-monitor-only__bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}

.rvx-portfolio-monitor-only__glow{
  position:absolute;
  border-radius:999px;
  filter:blur(14px);
}
.rvx-portfolio-monitor-only__glow--left{
  top:70px;
  left:-80px;
  width:260px;
  height:260px;
  background:radial-gradient(circle at center,rgba(38,53,217,.12),rgba(38,53,217,0));
}
.rvx-portfolio-monitor-only__glow--right{
  right:-120px;
  bottom:40px;
  width:320px;
  height:320px;
  background:radial-gradient(circle at center,rgba(124,140,255,.14),rgba(124,140,255,0));
}

.rvx-portfolio-monitor-only__shape{
  position:absolute;
  opacity:1;
}

.rvx-portfolio-monitor-only__shape--browser{
  top:54px;
  left:3%;
  width:min(32vw,420px);
  opacity:.9;
}

.rvx-portfolio-monitor-only__shape--code{
  right:4%;
  top:86px;
  width:min(21vw,280px);
  opacity:.92;
}

.rvx-portfolio-monitor-only__shape--grid{
  left:50%;
  bottom:34px;
  transform:translateX(-50%);
  width:min(54vw,760px);
  opacity:.7;
}

.rvx-portfolio-monitor-only__heading{
  text-align:center;
  margin:0 auto 28px;
  max-width:760px;
}

.rvx-portfolio-monitor-only__title{
  margin:0;
  color:var(--rvx-text);
  font-size:29px;
  font-weight:900;
  line-height:1.5;
  letter-spacing:-.35px;
}

.rvx-portfolio-monitor-only__kicker{
  margin-top:10px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--rvx-primary);
  font-size:14px;
  font-weight:900;
  padding:8px 14px;
}

.rvx-portfolio-monitor-only__kicker::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--rvx-primary);
  box-shadow:0 0 0 6px rgba(38,53,217,.10);
}

.rvx-monitor{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-bottom:0;
  width:100%;
  overflow-x:clip;
}

.rvx-screen{
  position:relative;
  width:100%;
  max-width:720px;
  height:360px;
  overflow:hidden;
  border:8px solid var(--rvx-screen-frame);
  border-radius:20px;
  background:var(--rvx-screen);
  box-shadow:0 18px 40px rgba(15,23,42,.24),0 34px 80px rgba(38,53,217,.07);
  user-select:none;
  touch-action:pan-y pinch-zoom;
  cursor:default;
  isolation:isolate;
}

.rvx-screen.is-interactive{cursor:grab}

.rvx-screen::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
  pointer-events:none;
  z-index:3;
}

.rvx-screen.is-interactive.is-dragging{cursor:grabbing}

.rvx-screen__image{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:auto;
  max-width:none;
  transform:translate3d(0,0,0) scale(1);
  transform-origin:0 0;
  transition:transform .24s ease,opacity .28s ease;
  will-change:auto;
  -webkit-user-drag:none;
  user-select:none;
  pointer-events:none;
  border-radius:10px;
}

.rvx-screen.is-animating .rvx-screen__image{transition:transform .4s ease,opacity .28s ease}
.rvx-screen__overlay{position:absolute;inset:0;z-index:2}

.rvx-screen__zoom-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  border:none;
  outline:none;
  cursor:pointer;
  transition:transform .15s ease,opacity .15s ease,background .15s ease,box-shadow .15s ease;
}

.rvx-screen__controls{
  position:absolute;
  top:14px;
  left:14px;
  bottom:auto;
  z-index:5;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.rvx-screen__zoom-btn{
  width:30px;
  height:30px;
  border-radius:50%;
  background:rgba(5,6,15,.78);
  color:#fff;
  font-size:18px;
  box-shadow:0 6px 14px rgba(15,23,42,.45);
}

.rvx-screen__zoom-btn:hover{transform:translateY(-1px);background:rgba(16,24,64,.98);box-shadow:0 9px 20px rgba(15,23,42,.6)}

.rvx-screen__tabs{
  position:absolute;
  right:14px;
  left:14px;
  bottom:10px;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  direction:rtl;
  gap:6px;
  padding:2px 8px;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  scroll-padding-inline:8px;
  border-radius:999px;
  background:rgba(3,7,18,.32);
  backdrop-filter:blur(10px);
  scrollbar-width:none;
}

@media (min-width:768px){
  .rvx-screen__tabs{
    left:50%;
    right:auto;
    width:fit-content;
    max-width:calc(100% - 28px);
    justify-content:center;
    padding:6px 10px;
    transform:translateX(-50%);
    margin:0 auto;
    scroll-padding-inline:10px;
  }
}
.rvx-screen__tabs::-webkit-scrollbar{display:none}

.rvx-screen__tab{
  flex:0 0 auto;
  white-space:nowrap;
  padding:4px 12px;
  border-radius:999px;
  border:1px solid transparent;
  background:rgba(15,23,42,.78);
  color:#e5e7eb;
  font-size:11px;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;
  scroll-margin-inline:18px;
}

.rvx-screen__tab:hover{background:rgba(15,23,42,.95);border-color:rgba(148,163,253,.4)}
.rvx-screen__tab.is-active{background:#3c2aff;color:#fff;border-color:rgba(255,255,255,.18);box-shadow:0 6px 14px rgba(60,42,255,.42)}

.rvx-screen__hint{
  position:absolute;
  top:12px;
  right:12px;
  z-index:4;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(6,12,25,.58);
  color:#e5e7eb;
  font-size:11px;
  line-height:1;
  backdrop-filter:blur(8px);
}

.rvx-screen.is-zoomed .rvx-screen__tabs,
.rvx-screen.is-zoomed .rvx-screen__hint{
  opacity:0;
  pointer-events:none;
}

.rvx-monitor__base{display:flex;flex-direction:column;align-items:center;margin-top:-4px}
.rvx-monitor__neck{width:52px;height:18px;background:var(--rvx-screen-frame);border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.rvx-monitor__foot{width:130px;height:10px;background:var(--rvx-screen-frame);border-radius:999px;margin-top:4px;box-shadow:0 6px 18px rgba(15,23,42,.45)}

@media (max-width:1199px){
  .rvx-portfolio-monitor-only__shape--browser{left:-2%;width:min(36vw,360px);opacity:.72}
  .rvx-portfolio-monitor-only__shape--code{right:-2%;width:min(24vw,240px);opacity:.74}
  .rvx-portfolio-monitor-only__shape--grid{width:min(62vw,680px);opacity:.54}
}

@media (max-width:991px){
  .rvx-portfolio-monitor-only{padding:42px 0 72px}
  .rvx-portfolio-monitor-only__shape--browser,
  .rvx-portfolio-monitor-only__shape--code{display:none}
  .rvx-portfolio-monitor-only__shape--grid{bottom:18px;width:min(92vw,620px);opacity:.38}
}

@media (max-width:767px){
  .rvx-portfolio-monitor-only{
    width:100%;
    margin:0;
    padding:30px 14px 60px;
    background:transparent;
  }
  .rvx-portfolio-monitor-only__inner{width:100%;padding:0}
  .rvx-portfolio-monitor-only__bg{display:none}
  .rvx-portfolio-monitor-only__heading{margin-bottom:18px;max-width:100%}
  .rvx-portfolio-monitor-only__title{font-size:24px}
  .rvx-portfolio-monitor-only__kicker{font-size:13px;margin-top:8px;padding:7px 12px}
  .rvx-portfolio-monitor-only__shape--grid{display:none}
  .rvx-portfolio-monitor-only__glow--left{width:180px;height:180px;left:-70px;top:40px}
  .rvx-portfolio-monitor-only__glow--right{width:220px;height:220px;right:-110px;bottom:-10px}
  .rvx-screen{max-width:100%;height:260px}
  .rvx-screen__controls{top:12px;left:12px;gap:5px}
  .rvx-screen__zoom-btn{width:28px;height:28px;font-size:17px}
  .rvx-screen__tabs{
    left:10px;
    right:10px;
    bottom:12px;
    justify-content:flex-start;
    direction:rtl;
    padding:3px 8px 3px 4px;
    gap:4px;
    scroll-padding-right:8px;
    scroll-padding-left:4px;
  }
  .rvx-screen__tab{font-size:10px;padding:4px 10px;text-align:center}
}
/* ===== END assets/css/portfolio.css ===== */