/* Progress Bar */
.form-steps {display:block;width:100%;position:relative;margin:40px 0;}
.form-steps:after {content:"";display:table;clear:both;}
.form-steps__item {padding:0;position:relative;display:table-cell;width:1%;text-align:center;}
.form-steps__item-content {display:inline-block;}
.form-steps__item-icon {background:#eceff1;color:#8191ab;display:block;border-radius:100%;text-align:center;width:25px;height:25px;line-height:25px;margin:0 auto 10px auto;position:relative;font-size:13px;font-weight:700;z-index:2;}
.form-steps__item-text {font-size:13px;color:#8191ab;font-weight:500;}
.form-steps__item-line {display:inline-block;height:3px;width:100%;background:#cfd8dc;position:absolute;left:-50%;top:12px;z-index:1;}
.form-steps__item--active .form-steps__item-icon {background:var(--color-black);color:var(--color-white);}
.form-steps__item--active .form-steps__item-text {color:#4f5e77;}
.form-steps__item--active .form-steps__item-line {background:var(--color-black);}
.form-steps__item--completed .form-steps__item-text {color:#222;}
.form-steps__item--completed .form-steps__item-icon {background:var(--color-black);color:transparent;background-size:10px;background-repeat:no-repeat;background-position:center center;width:25px;height:25px;line-height:25px;}
.form-steps__item--completed .form-steps__item-line {background:var(--color-black);}
/* Forms */
label.error {display:none!important;}
label.control--checkbox {font-weight:normal;}
.form-inline {display:flex;justify-content:center;margin-bottom:15px;gap:5px;}
.form-inline .form-group {margin:0;}
.form-group {position:relative;margin-bottom:15px;}
.form-control, .form-select {border-radius:0;border:1px solid var(--color-grey-dark);background-color:var(--color-white);margin-bottom:10px;height:auto;padding:14px 15px;box-shadow:none;font-size:16px;line-height:20px;color:var(--color-black);}
.form-select {padding-right:45px;background-position:center right 15px;background-size:15px;background-image:url(/wp-content/themes/ocean/assets/icons/icon-angle-down.svg);}
.form-control[readonly], .form-select[readonly] {background-color:var(--color-grey);}
.form-control::placeholder {color:var(--color-grey-dark);}
.form-control:focus, .form-select:focus {color:var(--color-black);border-color:var(--color-primary) !important;box-shadow:0 0 0.25rem 0.25rem rgba(var(--color-primary-rgb),.25);}
.form-control.is-invalid, .form-select.is-invalid, .control__privacy .control__indicator.is-invalid, .form-control.has-error, .form-select.has-error, .control__privacy .control__indicator.has-error, .form-control.wpcf7-not-valid, .form-select.wpcf7-not-valid {border-color:#a94442;background-color:rgba(214,18,18,.2);}
.form-control.is-invalid::placeholder, .form-control.has-error::placeholder {color:#a94442;}
.form-control.is-invalid:focus, .form-select.is-invalid:focus, .form-control.has-error:focus, .form-select.has-error:focus {border-color:#a94442;box-shadow:0 0 0.25rem 0.25rem rgba(214,18,18,.25);}
.form-recaptcha.is-invalid iframe, .form-recaptcha.has-error iframe {border:2px solid #a94442;}
.form-request .row, .form-contact .row {--bs-gutter-x:15px;}

/* Forms > Check/Radio */
.form-check {padding-left:35px;margin-bottom:10px;}
.form-check .form-check-label {cursor:pointer;font-size:16px;}
.form-check .form-check-input {position:relative;top:2px;margin:0;margin-left:-35px;border-radius:3px;width:20px;height:20px;box-shadow:none !important;border:1px solid var(--color-grey-dark);}
.form-check .form-check-input[type="radio"] {border-radius:50%;}
.form-check .form-check-input:focus {border-color:var(--color-primary);}
.form-check .form-check-input:checked {background-color:var(--color-primary);border-color:var(--color-primary);}
.form-check .form-check-input.is-invalid {background-color:rgba(169,68,66,.25);border-color:#a94442;}
.form-check .form-check-input.is-invalid ~ .form-check-label {color:#a94442;}

/* Smartphone */
@media only screen and (max-width:767px) and (min-width:320px) {
  /* Forms */
  .form-request {margin-top:30px;}
}

/* Tablet */
@media only screen and (min-width:768px) and (max-width:991px) {
  /* Forms */
  .form-request {margin-top:30px;}
}

/* Tablet Landscape */
@media only screen and (min-width:992px) and (max-width:1199px) {
}

/* Laptop 13' - 1366x768 Non-Retina */
@media only screen and (min-width:1200px) and (max-width:1366px) {
}

/* Laptop 4:3 - 1440x1080 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
}