.elementor-5831 .elementor-element.elementor-element-ebd36e2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-5831 .elementor-element.elementor-element-154d4e8{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5831 .elementor-element.elementor-element-154d4e8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5831 .elementor-element.elementor-element-f8a7c20{--display:flex;}.elementor-5831 .elementor-element.elementor-element-dfd6e02{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-5831 .elementor-element.elementor-element-aa5789f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-5831 .elementor-element.elementor-element-fdc3cea{--display:flex;}.elementor-5831 .elementor-element.elementor-element-c4a2b55{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5831 .elementor-element.elementor-element-0e513af{--display:flex;}.elementor-5831 .elementor-element.elementor-element-1935acd{--display:flex;}.elementor-5831 .elementor-element.elementor-element-b2cf353{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5831 .elementor-element.elementor-element-ebd36e2{--content-width:1200px;}.elementor-5831 .elementor-element.elementor-element-154d4e8{--width:800px;}.elementor-5831 .elementor-element.elementor-element-aa5789f{--content-width:360px;}}/* Start custom CSS for container, class: .elementor-element-1935acd */.rbase-recommend-sidebar{
  --navy:#163b69;
  --orange:#f47a20;
  --muted:#788696;
  --line:#e4ebf3;
  --pale:#f4f8fd;

  overflow:hidden;
  padding:20px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#ffffff;
  box-shadow:0 8px 24px rgba(13,46,89,.08);
}

.rbase-recommend-sidebar *{
  box-sizing:border-box;
}

.rbase-recommend-sidebar__head{
  display:flex;
  align-items:center;
  gap:11px;
  padding-bottom:14px;
  border-bottom:3px solid var(--navy);
}

.rbase-recommend-sidebar__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:50%;
  background:var(--navy);
  color:#ffffff;
  font-size:15px;
  font-weight:800;
}

.rbase-recommend-sidebar__label{
  margin-bottom:2px;
  color:var(--orange);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}

.rbase-recommend-sidebar__title{
  color:var(--navy);
  font-size:18px;
  font-weight:800;
  line-height:1.3;
}

.rbase-recommend-sidebar__list{
  margin-top:4px;
}

.rbase-recommend-sidebar__item{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 104px;
  gap:10px;
  align-items:center;
  padding:15px 0;
  border-bottom:1px solid var(--line);
  color:inherit;
  text-decoration:none;
  transition:.22s ease;
}

.rbase-recommend-sidebar__item:hover{
  transform:translateX(2px);
}

.rbase-recommend-sidebar__rank{
  color:var(--navy);
  font-size:24px;
  font-weight:900;
  line-height:1;
  text-align:center;
}

.rbase-recommend-sidebar__item:first-child
.rbase-recommend-sidebar__rank{
  color:var(--orange);
}

.rbase-recommend-sidebar__content{
  min-width:0;
}

.rbase-recommend-sidebar__post-title{
  display:-webkit-box;
  overflow:hidden;
  color:var(--navy);
  font-size:13px;
  font-weight:800;
  line-height:1.55;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.rbase-recommend-sidebar__meta{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:7px;
  color:var(--muted);
  font-size:10px;
}

.rbase-recommend-sidebar__thumb{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  width:104px;
  aspect-ratio:16 / 9;
  border:1px solid var(--line);
  border-radius:8px;
  background:#ffffff;
}

.rbase-recommend-sidebar__thumb img{
  display:block;
  width:100%;
  height:100%;
  padding:2px;
  object-fit:contain;
  object-position:center;
  background:#ffffff;
}

.rbase-recommend-sidebar__noimage{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  background:var(--pale);
  color:var(--navy);
  font-size:10px;
  font-weight:800;
}

.rbase-recommend-sidebar__pr{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 14px;
  gap:8px;
  align-items:center;
  margin-top:16px;
  padding:11px 10px;
  border:1px solid #d8e5f2;
  border-radius:10px;
  background:linear-gradient(
    135deg,
    #f4f8fd 0%,
    #ffffff 100%
  );
  color:inherit;
  text-decoration:none;
}

.rbase-recommend-sidebar__pr-label{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:7px;
  background:var(--navy);
  color:#ffffff;
  font-size:11px;
  font-weight:900;
}

.rbase-recommend-sidebar__pr-text{
  min-width:0;
}

.rbase-recommend-sidebar__pr-text strong{
  display:block;
  overflow:hidden;
  color:var(--navy);
  font-size:11px;
  font-weight:800;
  line-height:1.4;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.rbase-recommend-sidebar__pr-text small{
  display:block;
  overflow:hidden;
  margin-top:2px;
  color:var(--muted);
  font-size:8.5px;
  line-height:1.45;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.rbase-recommend-sidebar__pr-arrow{
  color:var(--navy);
  font-size:22px;
  line-height:1;
}

@media (max-width:767px){

  .rbase-recommend-sidebar{
    padding:17px;
  }

  .rbase-recommend-sidebar__item{
    grid-template-columns:26px minmax(0,1fr) 96px;
    gap:8px;
  }

  .rbase-recommend-sidebar__thumb{
    width:96px;
  }
}/* End custom CSS */