/*
 * RDS Service Module — Full CSS (supports Divi module + Shortcode AJAX)
 * v6.1.17
 */

/* Layout */
.rds-service-container-wrap{display:flex;gap:24px;align-items:flex-start;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.6;color:#00044A;}
@media (max-width:980px){.rds-service-container-wrap{flex-direction:column;}}

/* Left list */
.rds-menu-container{flex:0 0 320px;background:#fff;border:1px solid rgba(0,4,74,.12);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04);padding:12px;}
.menu-heading{font-size:20px;font-weight:800;color:#00044A;margin:6px 6px 12px;}
.rds-services-table{width:100%;border-collapse:collapse;}
.rds-services-table thead th{display: none;}
.rds-services-table td{padding:12px;border-bottom:1px solid #f0f0f0;font-size:15px;cursor:pointer;}
.rds-service-row:hover td{background:#fafafa;color:#FFBF1C;}
.rds-service-row.active td{background:#FFD60A;color:#00044A;font-weight:700;}

/* Right */
.rds-content-container{flex:1;padding:0;}
.loader-placeholder,.error-message{text-align:center;padding:40px;font-size:18px;font-weight:700;}
.error-message{color:#c00;}

/* Cards */
.rds-section{background:#fff;border:1px solid rgba(0,4,74,.12);border-radius:12px;padding:20px 22px;margin-bottom:18px;box-shadow:0 1px 2px rgba(0,0,0,.04);}
.rds-main-header {
  display: flex;
  gap: 20px;
  align-items: center;
  background: #00044A;
  color: #fff;
  padding: 20px 22px;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
@media (max-width: 768px) {
  .rds-main-header {
    flex-direction: column;
    text-align: center;
  }
}
.rds-main-header-content {
  flex: 1;
}
.rds-h2{color:#FFD60A;margin:0 0 10px;font-size:26px;font-weight:700;}
.rds-main-header-content p {
  color: #fff;
}
.rds-section h3{color:#00044A;margin:0 0 10px;}
.rds-section-title {
  color: #00044A;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.rds-metadata-card-grid-container {
    padding: 20px 22px;
    background: #fff;
    border: 1px solid rgba(0,4,74,.12);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
    margin-bottom: 18px;
    display: grid;
    grid-template-columns: 200px 1fr 1fr;
    gap: 20px;
    align-items: flex-start;
}
@media (max-width: 980px) {
    .rds-metadata-card-grid-container {
        grid-template-columns: 1fr;
        text-align: center;
    }
}
.rds-metadata-image-wrap {
    grid-column: 1 / 2;
    width: 200px;
    height: 200px;
    justify-self: center;
    padding-top: 10px;
}
@media (max-width: 980px) {
  .rds-metadata-image-wrap {
    grid-column: auto;
    width: 150px;
    height: 150px;
  }
}
.rds-metadata-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.rds-metadata-details-wrap {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.rds-metadata-details-wrap:last-child {
  grid-column: 3 / 4;
}
@media (max-width: 980px) {
  .rds-metadata-details-wrap:last-child {
    grid-column: auto;
  }
}

.rds-metadata-row {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.rds-metadata-label {
    font-weight: bold;
    color:#00044A;
    margin-bottom: 0;
}
.rds-metadata-value, .rds-metadata-value-list {
    text-align: left;
    color: #00044A;
    margin-top: 0;
}
.rds-metadata-value-list p {
    margin: 0;
    padding: 0;
    color: #00044A;
}


/* REQUIREMENTS CSS GRID */
.rds-requirements-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(0,4,74,.12);
  margin-bottom: 18px;
}
.rds-grid-header {
  background: #fff;
  color: #00044A;
  font-weight: 800;
  border-bottom: 2px solid #00044A;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: inherit;
  gap: 0;
}
.rds-grid-column-head {
  padding: 10px 14px;
  text-align: left;
  font-weight: 700;
  color: #00044A;
  border-bottom: 1px solid rgba(0,4,74,.2);
  background: none;
}
.rds-grid-column-head:first-child {
  border-right: 1px solid rgba(0,4,74,.2);
}
.rds-grid-body {
  grid-column: 1 / -1;
  background: #fff;
  display: grid;
  grid-template-columns: inherit;
}
.rds-grid-row {
  display: contents;
}
.rds-grid-cell {
  padding: 12px 14px;
  color: #00044A;
  border-bottom: 1px solid #eee;
  display: block;
}
.rds-grid-row:hover .rds-grid-cell {
  background: #f9f9ff;
}
.rds-grid-cell:nth-child(2n) {
  border-left: 1px solid #eee;
}
.rds-grid-cell:nth-child(odd) {
  border-left: none;
}
.rds-grid-row:last-child > .rds-grid-cell {
  border-bottom: none;
}


/* Process Flow New Two-Column Layout */
.rds-process-flow-two-col {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .rds-process-flow-two-col {
    flex-direction: column;
  }
}
.rds-process-flow-col {
  flex: 1;
  padding: 20px 22px;
  background: #fff;
  border: 1px solid rgba(0,4,74,.12);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.rds-process-flow-col-title {
  color: #00044A;
  font-size: 20px;
  font-weight: 800;
  margin-top: 0;
  margin-bottom: 15px;
}
.rds-process-flow-steps-list,
.rds-process-flow-agency-list {
  list-style-type: none; /* Removed default list style */
  padding: 0;
  margin: 0;
}
.rds-process-flow-clients-col .rds-process-flow-steps-list {
  counter-reset: step-counter; /* Initialize a counter for the steps */
}
.rds-process-flow-clients-col .rds-process-flow-steps-list li {
  margin-bottom: 15px;
  position: relative;
  padding-left: 25px;
  list-style-type: none; /* Explicitly remove list style */
}
.rds-process-flow-clients-col .rds-process-flow-steps-list li::before {
  content: counter(step-counter);
  counter-increment: step-counter;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: #FFD60A;
  color: #00044A;
  font-size: 0.9em;
  font-weight: bold;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rds-process-flow-agency-list {
  counter-reset: step-counter; /* Initialize a counter for the steps */
}
.rds-process-flow-agency-list li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
  list-style-type: none;
}
.rds-process-flow-agency-list li::before {
  content: counter(step-counter);
  counter-increment: step-counter;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: #FFD60A;
  color: #00044A;
  font-size: 0.9em;
  font-weight: bold;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rds-notes-instruction {
  font-style: italic;
  font-weight: 600;
  border-top: 1px solid #eee;
  padding-top: 15px;
  margin-top: 15px;
}
.rds-step-title {
    font-weight: bold;
    color: #00044A;
    display: block;
}
.rds-process-flow-agency-list li p {
    margin: 0;
}
.rds-process-flow-clients-col li p {
    margin: 0;
}