.ivr-form-wrapper {
  display: flex;
  gap: 30px;
  width: 100%;
  max-width: 1200px;
  margin: 50px auto;
  padding: 30px;
  background-color: #c39f7614;
  border: 1px solid #ddd;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
  font-family: 'Segoe UI', sans-serif;
}

.ivr-form-wrapper form{
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;

}

.ivr-form-wrapper h2 {
  text-align: center;
  margin-bottom: 25px;
  font-size: 22px;
  color: #333;
}

.ivr-form-wrapper label {
  display: block;
  margin-top: 15px;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 16px;
}

.ivr-form-wrapper select,
.ivr-form-wrapper input[type="file"] {
  width: 100%;
  padding: 15px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 10px;
  margin-bottom: 20px;
}

.ivr-options {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  flex-wrap: wrap;
}

.ivr-options label {
  font-weight: normal;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
}

.ivr-options select {
  padding-right: 2.5rem; /* Adjust as needed */
  background-position: right 1rem center; /* Moves arrow left */
  background-repeat: no-repeat;
  background-size: 1rem;
}

.ivr-form-wrapper button {
  width: 100% !important;
  margin-top: 10px;
  padding: 5px !important;
  font-size: 14px !important;
  color: #fff !important;
  background-color: #cba47d !important;
  border: none !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: background-color 0.3s !important;
  height: auto !important;
}
.ivr-form-wrapper button:hover {
background-color: #28262b !important;

}

.ivr-form-wrapper input[type="file"]{background: #fff;}

.ivr-form-wrapper button:hover {
  background-color: #b78b64;
}

#ivr-result {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ivr-result-grid {
  display: flex;
  flex-direction: column;
  gap: 15px;
  flex-wrap: nowrap;
}

.ivr-image-column {
  flex: 1 1 45%;
}

.ivr-result-image {
  width: 100%;
height: 350px;
object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.ivr-info-column {
  display: flex;
  flex-direction: row;
width: 100%;
  gap: 10px;
flex-wrap: nowrap;
}

.ivr-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 20px;
width: 50%;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
}

.ivr-card h4 {
  margin: 0 0 10px;
border-bottom: 1px solid #ccc;
  font-size: 16px;
  color: #565656;
font-weight: 700;
letter-spacing: 1px;
font-family: Raleway;
}

.ivr-card p {
  margin: 0;
  font-size: 16px;
font-weight: 600;
color: #222;
}

.ivr-card small {
  font-size: 12px;
  color: #777;
}

@media (max-width: 768px){
.ivr-form-wrapper{flex-direction: column; margin: 20px auto}
#ivr-form{width: 100%;}
#ivr-result{width: 100%}
.ivr-info-column{flex-direction: column;}
.ivr-card{width: 100%}
.ivr-result-image{height: 250px;
}