:root {
  --rk-inactive-tab-width: 10%;
  --rk-active-tab-width: 70%;
}

@media (min-width: 1025px) {
  .rm-column-title {
    white-space: nowrap;
    width: 15%;
    align-content: center;
    transition: width 1s ease-in-out !important; /* Updated transition */
  }
  .rm-column-title1 {
    writing-mode: sideways-lr;
  }
  .rm-column-title.collapsed {
    transition: width 1s ease-in-out !important; /* Updated transition */
    width: 100%;
  }

  .rm-column-tab {
    width: var(--rk-inactive-tab-width);
    transition: width 1s ease-in-out !important;
  }

  .rm-column-tab.active {
    width: var(--rk-active-tab-width);
  }
}

.rk-column-title-wrapper {
  display: flex;
  transition: opacity 0.5s ease-in-out;
}

/*.rk-column-title-wrapper.hidden {*/
/*  opacity: 0;*/
/*}*/

.rk-column-inner-tab {
  max-width: 0;
  overflow: hidden;
  height: 0;
  /*visibility: hidden;*/
  transition: max-width 1s ease-in-out,
    height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 0.5s,
    opacity 0.5s ease-in-out !important;
}

.rk-column-inner-tab.active {
  max-width: 100%;
  /*visibility: visible;*/
  /*opacity: 1;*/
  transition: height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.rk-column-inner-tab.collapsing {
  transition-delay: 1s;
  max-width: 0;
  /*visibility: hidden;*/
  /*opacity: 0;*/
}

/* Mobile and Tablet Settings */
@media (max-width: 1024px) {
  .rk-vertical-tabs-wrapper {
    display: flex;
    flex-direction: column !important;
    width: 100%;
  }

  .rm-column-tab {
    width: 100% !important;
    transition: all 1s ease-in-out !important;
    /* margin-bottom: 15px; */
  }

  .rm-column-tab.active {
    height: auto;
    min-height: 100px; /* Adjust as needed */
  }

  /* Hide inner heading wrapper on mobile */
  .rk-inner-heading-wrapper {
    display: none !important;
  }

  /* Show inner tab content on mobile */
  .elementor-element.rk-column-inner-tab {
    position: static !important; /* Override inline absolute positioning for mobile accordion */
    max-width: none !important; /* Ensure max-width doesn't interfere with height transition on mobile */
    max-height: auto !important;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out, 
                opacity 0.3s ease-in-out,
                padding 0.5s ease-in-out; 
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .rk-column-inner-tab .rm-column-tab{
    flex-grow: 0 !important;
}

  .rk-column-inner-tab.active .rm-column-tab{
    flex-grow: 1 !important;
  }
  .rk-column-inner-tab.active {
    height: auto !important;
    max-height: 2000px; /* Very large value to accommodate any content */
    opacity: 1;
    transition: height 0.5s ease-in-out, 
                opacity 0.3s ease-in-out,
                padding 0.5s ease-in-out; 
  }

  /* Hide images in inner content on mobile */
  .rk-column-inner-tab img {
    display: none;
  }
  .rk-column-inner-tab.active .rk-active-tab-content {
    padding-top: 0;
    padding-bottom: 0;
  }
  .rk-column-inner-tab.active .rk-active-tab-content {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  /* Adjust title wrapper for mobile */
  .rk-column-title-wrapper {
    width: 100%;
    justify-content: space-between;
    padding: 10px 15px;
    cursor: pointer;
    background: #f5f5f5;
    min-height: auto !important;
    /* margin-bottom: 5px; */
  }

  .rm-column-title {
    width: auto !important;
    white-space: normal !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
    padding: 10px 0;
  }

  .rm-column-title.collapsed {
    width: auto !important;
  }
  .rk-inner-tab-content{
    min-height: auto !important;
  }
}