/* Frame MyListing Profile Banner Carousel */
.frame-mlc-wrap{width:100%;direction:rtl}
.frame-mlc-featured{width:100%}
.frame-mlc-banner{
  position:relative;overflow:hidden;width:100%;height:100%;min-height:0!important;isolation:isolate;
  background-color:#f4f4f6;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
  border-radius:0;box-shadow:none;
}
.frame-mlc-banner__full-link{position:absolute;inset:0;z-index:2;display:block;text-decoration:none}
.frame-mlc-banner__content{
  position:absolute;z-index:3;left:auto!important;right:24%;top:42%;transform:translateY(-50%);
  display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-end;
  gap:24px;text-align:right;white-space:nowrap;direction:ltr!important;pointer-events:none;
}
.frame-mlc-banner__text{order:1;display:flex;flex-direction:column;align-items:flex-start;text-align:right;direction:rtl;min-width:0;pointer-events:auto}
.frame-mlc-banner__icon{order:2;pointer-events:auto}
.frame-mlc-banner__title,.frame-mlc-banner__name{font-family:inherit;color:#161616;line-height:1.25;font-weight:800;letter-spacing:-.02em;text-decoration:none;text-align:right}
.frame-mlc-banner__title:hover,.frame-mlc-banner__name:hover{text-decoration:none;color:inherit}
.frame-mlc-banner__title{font-size:clamp(18px,2.2vw,42px)}
.frame-mlc-banner__name{font-size:clamp(15px,1.6vw,30px);font-weight:700}
.frame-mlc-banner__icon{
  width:80px;height:80px;border-radius:22%;background:#cc0001;display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto;color:#fff;line-height:1;text-decoration:none;text-align:center;
}
.frame-mlc-banner__icon:hover{text-decoration:none;color:#fff}
.frame-mlc-banner__icon i,.frame-mlc-banner__icon svg{
  font-size:45px;width:58%;height:58%;line-height:1;color:#fff;fill:currentColor;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center;margin:0 auto;
}
.frame-mlc-banner__icon i:before{font-size:inherit!important;line-height:1!important;display:block!important;margin:0 auto!important;text-align:center!important}
.frame-mlc-banner__icon img{width:58%;height:58%;max-width:58%;max-height:58%;object-fit:contain;display:block;margin:auto;filter:brightness(0) invert(1)}

.frame-mlc-banner--featured{height:330px;border-radius:42px}
.frame-mlc-banner--featured .frame-mlc-banner__content{right:24%;top:42%}
.frame-mlc-banner--small{height:145px;border-radius:28px}
.frame-mlc-banner--small .frame-mlc-banner__content{right:16%;top:40%;gap:16px}
.frame-mlc-banner--small .frame-mlc-banner__icon{width:58px;height:58px}
.frame-mlc-banner--small .frame-mlc-banner__title{font-size:clamp(18px,2.1vw,30px)}
.frame-mlc-banner--small .frame-mlc-banner__name{font-size:clamp(14px,1.5vw,22px)}

.frame-mlc-carousel{position:relative;width:100%;margin-top:24px;overflow:hidden}
.frame-mlc-carousel__track{display:flex;overflow:visible;gap:0;direction:ltr;will-change:transform;transform:translate3d(0,0,0);transition:transform 450ms ease;touch-action:pan-y}
.frame-mlc-carousel__track::-webkit-scrollbar{display:none}
.frame-mlc-carousel__slide{flex:0 0 100%;width:100%;direction:rtl;box-sizing:border-box}
.frame-mlc-carousel__dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;direction:rtl}
.frame-mlc-carousel__dot{width:7px;height:7px;border-radius:999px;border:0;padding:0;background:rgba(0,0,0,.22);cursor:pointer;transition:all .2s ease}
.frame-mlc-carousel__dot.is-active{width:22px;background:rgba(0,0,0,.55)}
.frame-mlc-carousel__arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:38px;height:38px;border-radius:999px;border:0;display:flex;align-items:center;justify-content:center;background:rgba(204,0,1,.9);color:#fff;cursor:pointer;transition:all .2s ease;line-height:1;padding:0}
.frame-mlc-carousel__arrow:hover{filter:brightness(.95)}
.frame-mlc-carousel__arrow svg{width:52%;height:52%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.frame-mlc-carousel__arrow--prev{left:10px}
.frame-mlc-carousel__arrow--next{right:10px}

@media(max-width:767px){
  .frame-mlc-banner{min-height:0!important}
  .frame-mlc-banner__content{direction:ltr!important;flex-direction:row!important;left:auto!important;transform:translateY(-50%)}
  .frame-mlc-banner--featured{height:440px;border-radius:38px}
  .frame-mlc-banner--featured .frame-mlc-banner__content{right:12%;top:42%;gap:12px}
  .frame-mlc-banner--featured .frame-mlc-banner__icon{width:54px;height:54px}
  .frame-mlc-banner--featured .frame-mlc-banner__title{font-size:22px}
  .frame-mlc-banner--featured .frame-mlc-banner__name{font-size:15px}
  .frame-mlc-banner--small{height:235px;border-radius:24px}
  .frame-mlc-banner--small .frame-mlc-banner__content{right:12%;top:38%;gap:10px}
  .frame-mlc-banner--small .frame-mlc-banner__icon{width:48px;height:48px}
  .frame-mlc-banner--small .frame-mlc-banner__title{font-size:19px}
  .frame-mlc-banner--small .frame-mlc-banner__name{font-size:14px}
}