/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 26 2025 | 11:40:20 */
/* ===== MAIN 2-COLUMN LAYOUT ===== */
.custom-tabs-space.module-tab {
  display: grid !important;
  grid-template-columns: 360px 1fr !important;
  gap: 90px;
  align-items: start;
}

/* ===== LEFT: TAB TITLES ===== */
.custom-tabs-space .tab-nav {
  float: none !important;
  width: 100%;
}

.custom-tabs-space .tab-nav li {
  float: none !important;
  width: 100%;
}

.custom-tabs-space .tab-nav li a {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  width: 100% !important;
  padding: 22px 60px 22px 0;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  position: relative;
  text-decoration: none;
}

/* Title text */
.custom-tabs-space .tb_tab_title {
  font-size: 22px;
  font-weight: 500;
  white-space: nowrap;
}

/* Arrow */
.custom-tabs-space .tab-nav li a::after {
  content: "→";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: #f5c84c;
  transition: transform 0.3s ease;
}

/* Hover + active arrow animation */
.custom-tabs-space .tab-nav li a:hover::after,
.custom-tabs-space .tab-nav li.current a::after {
  transform: translateY(-50%) translateX(8px);
}

/* Active / inactive colors */
.custom-tabs-space .tab-nav li.current a {
  color: #ffffff;
}

.custom-tabs-space .tab-nav li:not(.current) a {
  color: rgba(255,255,255,0.6);
}

/* ===== RIGHT: TAB CONTENT ===== */
.custom-tabs-space .tab-content {
  float: none !important;
  width: 100%;
}

/* Hide all panels */
.custom-tabs-space .tab-content > div {
  display: none;
}

/* Show default + clicked panel */
.custom-tabs-space .tab-content > div.active,
.custom-tabs-space .tab-content > div.current {
  display: block;
}

/* ===== MOBILE ===== */
@media (max-width: 1024px) {
  .custom-tabs-space.module-tab {
    grid-template-columns: 1fr !important;
    gap: 40px;
  }
}