.wdp-form-container {
  display: flex;
  overflow-x: hidden;
  width: 100%; /* Adjust as needed */
  height: 500px;
  position: relative;
}


.wdp-form-field.active {
  opacity: 1;
  transform: translateX(0);
  z-index: 1;
}

.wdp-form-field {
  min-width: 100%;
  opacity: 1;
  position: absolute;
}

.wdp-dropdown-style{
  font-size: 30px;
}

/* Override Bootstrap primary and secondary colors */
:root {
  --bs-primary: #EC6826;    /* Change to your desired primary color */
  --bs-secondary: #EC6826;  /* Change to your desired secondary color */
}

/* Example: apply new colors to Bootstrap buttons */
.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
}


.wdp-img-4by3 {
  aspect-ratio: 4 / 3;
  width: auto;
  height: 200px;
  object-fit: cover;
  display: block;
  max-width: 100%;
}

.wdp-radio-label {
  cursor: pointer;
  display: inline-block;
  margin-top: 10px;
}
.wdp-radio-input {
  margin-top: 10px;
}

.clickalink{
	cursor:pointer;
    color: #f26722;
}

.wdp-card { 
    display: flex; 
    flex-direction: column; 
    align-items: center;
    height: 100%;
    padding: 15px; /* optional: add some padding */
}

.wdp-card strong {
    margin-bottom: 10px; /* space below title */
}

.wdp-desc { 
    width: 250px; 
    font-size: 16px; 
    margin-top: 10px; 
    flex: 1; /* THIS IS THE KEY - allows it to grow and fill space */
    min-height: 0; /* allows flex shrinking if needed */
}

.wdp-img { 
    width: 250px; 
    aspect-ratio: 4/3; 
    object-fit: cover; 
    max-width: 100%; 
}

.wdp-table { 
    width: 250px; 
    font-size: 16px; 
    border: 0; 
    margin: 0;
    margin-top: 10px; /* small gap above table */
}

   /* Only the CSS needed for the slide animation */
        .content-box {
            transition: transform 0.5s ease, opacity 0.5s ease;
        }

        .content-box.slide-out {
            transform: translateY(-100%);
            opacity: 0;
        }