.elementor-200 .elementor-element.elementor-element-9a4b5a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}/* Start custom CSS for html, class: .elementor-element-0abec70 */.rk-item-last{
    border:none !important;
}
.rk-container{
  display:flex;
  gap:60px;
  max-width:1200px;
  margin:auto;
  font-family:'Syne', sans-serif;
}
.elementor-200 .elementor-element.elementor-element-0abec70 ul{
    border-right:1px solid #c9a84c33;
}

.rk-items{
  list-style:none;
  padding:0;
  margin:0;
  width:55%;
}

.rk-item{
  display:flex;
  gap:20px;
  padding:25px 0;
  border-bottom:1px solid rgba(201,168,76,0.2);
  cursor:pointer;
  align-items:center; /* 🔥 KEY FIX */
}

.rk-num{
  align-self:flex-start;
  padding-top:6px;
  color:#8F8F8F;
}

.rk-content p{
  margin-top:0;
  font-size:15px;
  line-height:1.6;
  color:#666;

  max-height:0;
  opacity:0;
  transform:translateY(8px);
  overflow:hidden;

  transition:
    max-height 0.5s ease,
    opacity 0.4s ease,
    transform 0.4s ease;
}

.rk-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* wrapper for animation */
.rk-desc{
  display:grid;
  grid-template-rows: 0fr;
  opacity:0;
  transform:translateY(8px);
  transition:0.45s ease;
}

.rk-desc > div{
  overflow:hidden;
}

/* ACTIVE */
.rk-item.active .rk-desc{
  grid-template-rows: 1fr;
  opacity:1;
  transform:translateY(0);
}
.rk-content p{
 padding-right:30px;
}
/* ACTIVE */
.rk-item.active .rk-content p{
  max-height:200px;
  opacity:1;
  transform:translateY(0);
  margin-bottom:0 !important;
}


.rk-content h3{
    margin-bottom:4px !important;
    color:#8F8F8F;
}
/* ACTIVE STATE */
.rk-item.active .rk-content h3{
  color:#000;
  margin-bottom:10px !important;
}



.rk-item.active .rk-num{
  color:#C9A84C;
  font-weight:600;
}

/* IMAGE */
.rk-image-box{
  width:45%;
  position:sticky;
  top:100px;
  height:500px;
}

.rk-image-box img{
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;

  opacity:0;
  transform:none; /* ❌ remove zoom effect */

  transition:opacity 0.6s ease;
}

/* ACTIVE IMAGE */
.rk-image-box img.active{
  opacity:1;
  transform:none;
}/* End custom CSS */