body {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #000;
  -ms-overflow-style: scrollbar;
  background-color: #ddd;
}

#RegisterPanel {
  padding: 30px 20px;
  margin: 90px auto auto auto;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  font-weight: 700;
  margin-top: 10px !important;
  max-width: 700px;
}

#RegisterPanel .caption {
  width: 180px;
  text-align: right !important;
}

#RegisterPanel .logo {
  margin: 0 auto 20px auto;
  width: 128px;
  height: 128px;
  background: transparent url(data:image/png;base64,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) no-repeat center center;
}

#RegisterPanel h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 16px 0 24px;
  color: #f5f27e;
  text-align: center;
  text-shadow: 0 1px 1px #333;
}

#RegisterPanel .buttons {
  text-align: right;
  padding: 8px 0 4px 0;
  margin-right: 28px;
}

html[dir="rtl"] #RegisterPanel .buttons {
  text-align: left;
  margin-left: 28px;
}

#RegisterPanel .btn {
  padding: 8px 24px;
  font-weight: 700;
}

#RegisterPanel .caption {
  color: #ececec;
  font-weight: 700;
  text-shadow: 0 1px 1px #333;
}

#RegisterPanel .actions {
  padding-right: 28px;
}

#RegisterPanel .actions a {
  color: #ececec;
  padding: 2px 2px 2px 2px;
  margin-top: 5px;
  display: block;
  float: right;
  clear: both;
  border-bottom: 1px dashed #999;
  text-shadow: 0 1px 1px #333;
}

html[dir="rtl"] #RegisterPanel .actions a {
  margin-left: 35px;
  float: left;
}

#RegisterPanel .actions a i {
  font-weight: 700;
  margin-right: 4px;
}

#RegisterPanel .s-Form label.error {
  background-image: url(/Content/serenity/images/cross.png);
  padding: 26px 0 0 22px;
}

#RegisterPanel .s-Form label.error.checked {
  background-image: none;
}

#RegisterPanel .s-Form .field {
  padding: 8px;
}

#RegisterPanel .s-Form input {
  padding: 6px 10px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

#RegisterPanel .s-Form .caption {
  padding: 6px 10px;
  color: #fff;
}

html[dir="rtl"] #RegisterPanel .s-Form .caption {
padding: 6px 15px;
color: #fff;
text-align: left;
width: auto;
}

#RegisterPanel a {
  color: aqua;
}

#RegisterPanel .s-PropertyGrid .categories {
  height: auto;
}

#RegisterPanel .flex-layout .s-PropertyGrid {
  display: block;
}

@media(max-width: 550px),
(max-height: 500px) {
  #RegisterPanel {
      padding: 16px 4px 16px 4px;      
  }
}

.text-danger {
color: #f6b0af;
/* color: #ececec; */
font-weight: 700;
text-shadow: 0 1px 1px #333;
}


#RegisterPanel .s-Form .caption {
      width: 135px;
      min-width: 135px;
  
  }

#Createx{
  padding: 15px;
  border: 2px dashed #ccc;
  margin-top: 15px;
}

.s-Form .vx {
  width: 0 !important;

}


/* --- Package Summary Card Styling --- */

/* Title for the summary */
.package-summary-title {
  text-align: center;
  font-size: 2em; /* Slightly smaller than previous detail title */
  color: #2c3e50;
  margin-bottom: 25px;
  font-weight: 700;
  position: relative;
  padding-bottom: 8px;
}

.package-summary-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px; /* Shorter underline */
  height: 3px;
  background-color: #3498db;
  border-radius: 1.5px;
}

/* Main Card Container */
.package-summary-card {
  direction: rtl;
  width: 100%;
  max-width: 350px; /* Keep it small */
  margin: 0 auto; /* Center the card */
  background-color: #ffffff; /* White background */
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  overflow: hidden; /* Ensures rounded corners apply to children */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.package-summary-card:hover {
  transform: translateY(-3px); /* Slight lift on hover */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); /* Enhanced shadow on hover */
}

/* Card Header */
.card-header {
  background-color: #3498db; /* Blue header */
  color: white;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.card-header h4 {
  margin: 0;
  font-size: 1.3em;
  font-weight: 600;
}

.price-tag {
  background-color: #2ecc71; /* Green price tag */
  color: white;
  padding: 5px 12px;
  border-radius: 20px; /* Pill-shaped price tag */
  font-weight: 700;
  font-size: 0.9em;
}

/* Card Body with features list */
.card-body {
  padding: 20px;
  background-color: #fcfdff; /* Very light background for body */
}

.features-list {
  list-style: none; /* Remove default bullet points */
  margin: 0;
  padding: 0;
}

.features-list li {
  display: flex;
  align-items: center;
  margin-bottom: 12px; /* Space between list items */
  color: #555;
  font-size: 1em;
  line-height: 1.4;
}

.features-list li:last-child {
  margin-bottom: 0; /* No margin after the last item */
}

.features-list li i {
  color: #3498db; /* Icon color */
  font-size: 1.1em;
  margin-left: 10px; /* Space between icon and text (for RTL) */
  width: 20px; /* Ensure consistent icon alignment */
  text-align: center;
}

/* Responsive adjustments */
@media (max-width: 480px) {
  .package-summary-card {
      max-width: 90%; /* Allow card to take more width on small screens */
  }

  .package-summary-title {
      font-size: 1.8em;
  }

  .card-header h4 {
      font-size: 1.1em;
  }

  .price-tag {
      font-size: 0.8em;
      padding: 4px 10px;
  }

  .features-list li {
      font-size: 0.95em;
  }
}

/* --- Enhanced Form Field Captions --- */

#s-SignUpPage .s-Form .field .caption {
  /* Remove previous border and background-color for a cleaner look */
  border: none;
  background-color: transparent; 

  width: 120px; /* Adjust width as needed for your labels, or remove for flexible width */
  min-width: 100px; /* Ensure a minimum width */
  max-width: 25%; /* Limit maximum width if desired */
  flex-shrink: 0; /* Prevent shrinking on smaller screens */

  font-weight: 600; /* Bold, but not excessively so */
  color: #34495e; /* Darker blue-grey for text */
  font-size: 0.95em; /* Slightly smaller text for captions */
  text-align: center; /* Center the text within the caption area */
  padding: 10px 15px; /* Comfortable padding */
  border-radius: 8px; /* Rounded corners */

  /* Subtle background and shadow for a 'tag' or 'badge' effect */
  background-color: #e0f2fe; /* Light blue background for the caption */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); /* Soft, subtle shadow */
  
  display: flex; /* Use flexbox to center content vertically/horizontally */
  align-items: center;
  justify-content: center;
}

/* Ensure the input field aligns well with the caption */
#s-SignUpPage .s-Form .field .editor {
  flex-grow: 1; /* Allow editor to take remaining space */
  width: auto; /* Override fixed width if any */
  margin-right: 15px; /* Space between caption and input (for RTL) */
}

/* General field container adjustment for flex layout */
#s-SignUpPage .s-Form .field {
  display: flex; /* Make the field itself a flex container */
  align-items: center; /* Vertically align caption and editor */
  margin-bottom: 20px; /* Consistent spacing between fields */
  flex-wrap: wrap; /* Allow wrapping on small screens */
  justify-content: flex-start !important; /* Align caption and editor to the right (RTL) */
}

/* Adjustments for labels that might appear above inputs (e.g., dropdowns) */
#s-SignUpPage .s-Form .field > label.caption {
  /* This rule targets the caption if it's rendered as a <label> directly inside .field
     This often happens with Serenity LookupEditors or other non-text inputs. */
  width: auto; /* Allow label to take natural width */
  min-width: unset; /* Remove min-width constraint */
  text-align: right; /* Align label text to right */
  background-color: transparent; /* No background */
  box-shadow: none; /* No shadow */
  padding: 0; /* No padding for these types of labels */
  margin-bottom: 8px; /* Space below label if it's on top */
  color: #201f1f !important; /* Default text color */
  font-weight: 600;
  font-size: 1em;
  display: block; /* Make it block to take full width */
  flex-grow: 0;
  flex-shrink: 0;
}

/* This is if Serenity wraps captions and editors within another div */
/* You might need to inspect your HTML structure to fine-tune this */
#s-SignUpPage .s-Form .field .field-inner {
  display: flex;
  align-items: center;
  width: 100%; /* Ensure inner field takes full width */
  flex-wrap: wrap;
  justify-content: flex-end; /* Align elements to the right for RTL */
}

#s-SignUpPage .s-Form .field.CompanyNameAr .caption,
#s-SignUpPage .s-Form .field.CompanyNameEn .caption,
#s-SignUpPage .s-Form .field.Address .caption,
#s-SignUpPage .s-Form .field.Phone .caption,
#s-SignUpPage .s-Form .field.AdminUserName .caption,
#s-SignUpPage .s-Form .field.DisplayName .caption,
#s-SignUpPage .s-Form .field.Email .caption,
#s-SignUpPage .s-Form .field.ConfirmEmail .caption
{
  /* Specific width for the fixed-size captions from your form */
  width: 120px; /* Or adjust this to ensure all captions fit */
  min-width: 100px;
}

#s-SignUpPage input{
  width: auto !important;
}
.field label{
  min-width: 150px !important;
  text-align: center !important;
}


/* General Body & Background */
body {
  font-family: 'Cairo', 'Segoe UI', Arial, sans-serif; /* Prioritize Cairo, then fallbacks */
  color: #333;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  overflow: hidden;
}

/* You might want to adjust font-weight for headings and labels */

/* For Titles */
.page-title,
.package-summary-title,
.card-header h4 {
  font-family: 'Cairo', sans-serif; /* Ensure titles also use Cairo */
  font-weight: 700; /* Use a strong weight for titles */
}

/* For labels and other emphasized text */
.detail-label,
.price-tag,
.features-list li,
#s-SignUpPage .s-Form .field .caption {
  font-family: 'Cairo', sans-serif; /* Apply to specific components */
  font-weight: 600; /* A good semi-bold for readability */
}

#s-SignUpPage .s-Form .field .caption{
  color: rgb(255, 255, 255) !important;
  font-weight: bolder !important;
}

/* For all other text within the form and info */
.form-info,
.s-Form input,
.detail-value {
  font-family: 'Cairo', sans-serif;
  font-weight: 400; /* Regular weight for body text */
}

/* Ensure buttons also use the new font */
.btn {
  font-family: 'Cairo', sans-serif;
}