.breadcrumb-area{
    display: none;
}
.header-absolute{
    display: none;
}
.btnspecial{
    height: 180px;
    color: #000!important;
}
.btnspecial:hover{
    height: 180px;
    color: #000!important;
    background: #dddddd!important;
}
.btnmic{
    background: var(--color-primary);
}
.logohead {
    width: 48%!important;
}
a.disabled {
  pointer-events: none;
  opacity: 0.6;
}
/* 60px tall, Bootstrap-ish border */
.select2-container .select2-selection--single{
  position: relative;                 /* needed for absolute clear button */
  height: 60px !important;
  border: 1px solid #ced4da !important;
  border-radius: 0.375rem !important;
  display: flex;
  align-items: center;
}

/* render text nicely and avoid overlapping clear/arrow */
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: normal !important;
  font-size: 16px;
  padding-left: 12px;
  padding-right: 3rem;                 /* space for clear + arrow */
}

/* arrow full-height and nudged in a bit */
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 100% !important;
  right: 10px;
}

/* FIX: move the clear “×” to the right, vertically centered */
.select2-container--default .select2-selection--single .select2-selection__clear{
  position: absolute;
  right: 2.2rem;                       /* leave room for the arrow */
  top: 50%;
  transform: translateY(-50%);
  margin-right: 0;                     /* override defaults */
  line-height: 1;                      /* avoid vertical stretching */
  padding: 0 4px;
  opacity: .6;
}
.select2-container--default .select2-selection--single .select2-selection__clear:hover{
  opacity: 1;
}

/* optional: dropdown option styling */
.select2-results__option{
  padding: 8px 12px;
  font-size: 15px;
}
input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel]{
    height: 50px!important;
    line-height: 50px;
}
.btninput{
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px 0px;
    font-size: 19px!important;
}
.btn-group-toggle .btn {
  height: 55px;
  line-height: 55px;
  font-weight: 500;
  transition: all 0.15s ease;
}


.btn-outline-primary.active,
.btn-outline-primary:active,
.btn-outline-primary:hover {
  color: #fff !important;
  background-color: #0d6efd !important; /* your theme blue */
  border-color: #0d6efd !important;
}

/* Hide the browser's default checkbox if the theme adds its own styled one */
.form-check-input[type="checkbox"] {
  appearance: none;          /* Removes default OS checkbox */
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border: 0px solid #adb5bd;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  vertical-align: middle;
  margin-top: 0;
  transition: all 0.2s ease;
}

/* Add your gray check theme */
.form-check-input[type="checkbox"]:checked {
  background-color: #5a597d;  /* your grayish-purple theme color */
  border-color: #5a597d;
}

/* Keep label aligned nicely */
.form-check-label {
  font-size: 15px;
  color: #555;
  cursor: pointer;
  margin-left: -15px;
}
input[type=checkbox] ~ label, input[type=radio] ~ label {
    position: relative;
    font-size: 18px;
    line-height: 18px;
}
/* Hide the native radio circles (theme-safe) */
input.btn-check[type="radio"]{
  position:absolute !important;
  left:-9999px !important;   /* fully out of flow; no stray spacing */
  width:0; height:0; opacity:0; pointer-events:none;
}

/* Base button look */
input.btn-check + label.btn{
  border:1px solid #0d6efd;
  color:#0d6efd;
  background:#fff;
  border-radius:.5rem;
  height:46px; line-height:46px;
  padding:0 1.25rem;
  font-weight:500;
  transition:all .15s ease;
}

/* Hover/focus states */
input.btn-check + label.btn:hover,
input.btn-check + label.btn:focus{
  background:#e9f2ff;
}

/* Checked (active) style */
input.btn-check:checked + label.btn{
  color:#fff;
  background:#0d6efd;
  border-color:#0d6efd;
}

/* Optional: show focus ring when navigating by keyboard */
input.btn-check:focus + label.btn{
  box-shadow:0 0 0 .2rem rgba(13,110,253,.25);
}

/* Optional spacing if your .gap-3 isn’t available everywhere */
.btn-pair .btn + .btn{ margin-left:.5rem; }
input[type=radio] ~ label::after {
    width: 8px;
    height: 8px;
    left: 3px;
    background: transparent;
    border-radius: 50%;
}
input[type=checkbox] ~ label::after, input[type=radio] ~ label::after {
    background-color: transparent;
    border-bottom: transparent;
    border-left: transparent;
}
input[type=radio] ~ label::before {
    background-color: transparent;
}
/* Remove the browser's default checkbox so only the themed box shows */
.custom-control-input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  z-index: 1;
  cursor: pointer;
}

/* Ensure the theme's pseudo-checkbox (Bootstrap 4 style) remains visible */
.custom-control-label::before {
  background-color: #fff;
  border: 1px solid #adb5bd;
}

/* When checked — keep the theme color */
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  background-color: #007bff; /* Bootstrap primary */
  border-color: #007bff;
}

/* Optional: slight hover polish */
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #b3d7ff;
  border-color: #007bff;
}
button[type="submit"], input[type="submit"]{
    color: #FFF!important;
}
button[type="submit"]:hover, input[type="submit"]:hover{
    color: #000!important;
}
.securep{
    font-size: 20px!important;
}
.alert {
  color: #fff !important;
  border: none !important;
}

/* Success (green) */
.alert-success {
  background-color: #28a745 !important;
}

/* Error (red) */
.alert-danger,
.alert-error {
  background-color: #dc3545 !important;
}

/* Info (blue) */
.alert-info {
  background-color: #17a2b8 !important;
}

/* Warning (yellow) */
.alert-warning {
  background-color: #ffc107 !important;
  color: #212529 !important;
}
/* Base style */
.toast {
  color: #fff !important;
  border: none !important;
}

/* Success = green */
.toast-success {
  background-color: #28a745 !important;
}

/* Error = red */
.toast-error {
  background-color: #dc3545 !important;
}

/* Warning = yellow */
.toast-warning {
  background-color: #ffc107 !important;
  color: #212529 !important;
}

/* Info = blue */
.toast-info {
  background-color: #17a2b8 !important;
}
button[type="submit"].btnspecial{
  color: #000!important;
}
button[type="submit"]{
  border: #20282D!important;
}
.option-card-locked {
    border: 2px solid #ddd;
    border-radius: 12px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    user-select: none;
}

/* subtle fade look when not selected */
.option-card-locked .content {
    opacity: 0.7;
}

.option-card-locked:hover {
    border-color: #007bff;
}

.real-radio {
    display: none;
}

/* SELECTED STATE */
.real-radio:checked ~ .content {
    opacity: 1;
    color: #007bff;
    font-weight: 600;
}

/* SELECTED BORDER */
.real-radio:checked.parent-selected,
.option-card-locked input.real-radio:checked {
    /* nothing here, just for prevention */
}

/* This is the important part */
.real-radio:checked + .content,
.real-radio:checked ~ .content {
    /* for inner content */
}

/* APPLY BLUE BORDER TO PARENT */
.option-card-locked:has(.real-radio:checked) {
    border-color: #007bff !important;
}

button[type="submit"].newbtn{
  border: #000!important;
}
.dpnew{
    padding: 10px!important;
    border-bottom: 1px solid #eee!important;
}
.header-top-area-wrapper .header-top-one-wrapper .left .mail::after{
  display: none;
}
.main-nav.project-a-after.active > a {
    position: relative;
}

.main-nav.project-a-after.active > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px; /* adjust */
    width: 100%;
    height: 2px;
    background: #1C2539; /* adjust to theme */
}
.main-nav > a {
    position: relative;
}

.main-nav.active > a::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #1C2539;
    top: 25px;
    bottom: 0px;
}
.metismenu .has-arrow::after{
  display: none;
}
#menu-btn{
  display: none!important;
}
button[type="submit"].btnskip{
  background: transparent!important;
  color: #1C2539!important;
  border: #1C2539!important;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 50px!important;
}
.imgTesti{
    width: 250px;
    margin-bottom: 20px;
}
input[type=checkbox] ~ label::before {
    content: "";
    position: absolute;
    top: 1px; /* FIXED */
    left: 0;
    width: 15px;
    height: 15px;
    background-color: #5d5d7e;
    border-radius: 2px;
    transition: all 0.3s;
}

input[type=checkbox] ~ label::after {
    content: "";
    position: absolute;
    top: 16%;
    left: 2px;
    width: 10px;
    height: 6px;
    background-color: transparent;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all 0.3s;
}

input[type=checkbox]:checked ~ label::after {
    opacity: 1;
}
.wized-body2{
  width: 300px;
}
.extra-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin: 8px 0 24px;
  font-weight: 550;
  font-size: 26px;
}

.extra-title::before,
.extra-title::after{
  content:"";
  flex:1;
  height:1px;
  background:#000; /* dark line like screenshot */
  opacity:.35;
}

.extra-title span{
  line-height:1;
  color: #000;
}

.extra-list{
  display:flex;
  flex-direction:column;
  gap:22px; /* spacing between the 2 rows like screenshot */
}

.extra-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width: 520px;     /* keeps it nicely centered like screenshot */
  margin: 0 auto;       /* center the rows */
  font-size: 26px;
  font-weight: 500;
}

.extra-name, .extra-price {
    white-space: nowrap;
    font-size: 17px;
    color: #000;
}

.extra-price{
  margin-left: 30px;
}
.cookie-consent {
    position: fixed;
    background-color: #bfbfbf;
    bottom: 0;
    width: 100%;
    padding: 15px 0 0;
    z-index: 10000000000;
    color: #fff;
}
span.cookie-consent__message {
    background-color: transparent !important;
    color: #000;
}
@media only screen and (max-width: 767px) {
  .main-nav.active > a::after {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background: #1C2539;
      top: 53px;
      bottom: 0px;
  }
  .buttonauth{
    margin: 0 auto!important;
    margin-top: 20px!important;
  }
#menu-btn {
    display: flex!important;
  }
  .btnmg0{
    margin: 0px!important;
  }
}