h5 {
    font-size: 18px !important;
    color: #0060ae !important;
    font-weight: 500;
    margin: 10px 0 0;
}
.left-currency-smaller input {
  max-width:250px;
  text-align:left !important;
}
.lightblueflexbox {
  padding:20px;
  flex-direction:column;
  border-radius: 20px; 
  background: #F0F8FF;
}
.webform-submission-form .form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.webform-submission-form .page-title {
  /*font-size:20px;
  font-weight:500;
  color:#0060AE;*/
  display:none;
}
#edit-payment-plan-details--wrapper {
  margin-bottom: 10px;
}
#edit-what-type-of-payment-support-do-you-need-v3--wrapper--description {
  padding-bottom:25px;
}
#edit-your-details .webform-flexbox {
  margin: 0 -0.5rem;
}
#edit-your-details .webform-name__title {
  line-height:normal;
}
#edit-your-details .webform-name__title select {
   border-radius: 0.5rem;
   margin-top: 2px;
}
#edit-your-details .webform-name__title select:focus {
    border: 1px solid #0060AE;
    background-color: #fefefe;
    box-shadow: 0 0 5px #0060AE50; 
}

#edit-date-of-birth-2 {
  display: flex;
  align-items: center;
  max-width: 11em;
  border:1px solid #bbb;
  border-radius:0.5rem;
  padding-left: 6px;
      margin: 0 0 1rem;
}

/* Slash after the day and month wrappers */
#edit-date-of-birth-2 > .form-item:not(:last-child)::after {
  content: "/";
  content: "/" / ""; /* hides the slash from screen readers where supported */
  margin: 0 0.5rem;
  color: #666;
}

#edit-date-of-birth-2 > .form-item {
  display: flex;
  align-items: center;
  margin: 0;
  flex: 1 1 0;
}

/* Inputs have size="60", so set widths explicitly */
#edit-date-of-birth-2 input {
  width: 40px;
  text-align: center;
  border: 0;
  padding: 0;
  margin: 0;
}
#edit-date-of-birth-2 [class*="-year"] input {
  width: 3em;
}
#edit-date-of-birth-2:focus-within {
    border: 1px solid #0060AE;
    background-color: #fefefe;
    box-shadow: 0 0 5px #0060AE50; 
}
#edit-date-of-birth-2 input:focus,
#edit-date-of-birth-2 input:focus-visible {
  outline: none;
  box-shadow: none;
  border-color: inherit; /* or your normal border colour */
}



.js-webform-radios {
  border-radius: 0.5rem;
  overflow: hidden;
}
.js-webform-type-radios .js-webform-type-radio:first-child,
.js-webform-type-radios .js-webform-type-radio:first-child label {
  border-radius: 0.5rem 0.5rem 0 0;
}
.js-webform-type-radios .js-webform-type-radio:last-child,
.js-webform-type-radios .js-webform-type-radio:last-child label {
  border-radius: 0 0 0.5rem 0.5rem;
}

@media screen and (min-width: 800px){
  .js-webform-type-radios .js-webform-type-radio:first-child,
  .js-webform-type-radios .js-webform-type-radio:first-child label {
    border-radius: 0.5rem 0 0 0.5rem;
  }
  .js-webform-type-radios .js-webform-type-radio:last-child,
  .js-webform-type-radios .js-webform-type-radio:last-child label {
    border-radius: 0 0.5rem 0.5rem 0;
  }
}

.js-webform-radios.webform-options-display-two-columns{

}

#edit-payment-plan-details--wrapper .fieldset-wrapper, 
#edit-what-type-of-payment-support-do-you-need--wrapper .fieldset-wrapper,
#edit-instalment-frequency--wrapper .fieldset-wrapper {
  display:flex;
  flex-direction:column-reverse;
}
.webform-submission-form .radio-tiles .tile-input-title{
   font-weight:500;
}
.webform-element-description {
    font-size: 14px;
    line-height: 140%;
    padding-bottom: 10px;
}
.form-checkbox ~ label.tile-input-label::before,
.form-radio ~ .option.tile-input-label::before {
    background: rgba(0, 0, 0, 0) scroll no-repeat left top / 22px 22px;
    height: 22px;
    width: 22px;
    left: 20px;
    top: 20px;
    background-image: url(/themes/custom/aurora/images/aurora/checkradio/c.png);
}
.form-checkbox ~ label.tile-input-label,
.form-radio ~ .option.tile-input-label {
    padding: 18px 20px 18px 59px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    min-height: 80px;
    background: white;
    color: #333;
    outline: 1px solid #d2d2d2;
}
.form-checkbox:hover ~ label.tile-input-label, .form-radio:hover ~ .option.tile-input-label {
    background: rgb(245, 250, 255);
    color:#333;
}
.form-checkbox:checked ~ label.tile-input-label, .form-radio:checked ~ .option.tile-input-label {
    background: rgb(240, 248, 255);
    outline: rgb(0, 96, 172) solid 2px;
    color:#333;
}


.aurora-radio-tiles--wrapper legend .fieldset-legend {
  font-weight:500;
  font-size:1.1em;
  color:#0060AE;
}
#edit-payment-timeline--wrapper legend .fieldset-legend,
#edit-payment-timeline-2--wrapper legend .fieldset-legend {
  font-size:1rem;
  color:#333;
}
#edit-payment-timeline--wrapper .form-radio ~ .option.tile-input-label,
#edit-payment-timeline-2--wrapper .form-radio ~ .option.tile-input-label {
    min-height: 63px;
}
.aurora-radio-tiles--wrapper .fieldset-wrapper {
    display: flex;
    flex-direction: column-reverse;
}

label, .fieldset-legend {
  padding-bottom:8px;
  font-weight:500;
}
@media (min-width: 400px) {
    .webform-options-display-two-columns {
        margin-top: 0;
    }
}
.webform-submission-form [type=text], .webform-submission-form [type=password], .webform-submission-form [type=date], .webform-submission-form [type=datetime], .webform-submission-form [type=datetime-local], .webform-submission-form [type=month], .webform-submission-form [type=week], .webform-submission-form [type=email], .webform-submission-form [type=number], .webform-submission-form [type=search], .webform-submission-form [type=tel], .webform-submission-form [type=time], .webform-submission-form [type=url], .webform-submission-form [type=color], .webform-submission-form textarea {
    height: 3.4375rem;
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid #b3b3b3;
    border-radius: .5rem;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(34, 34, 34, .0);
}
.webform-submission-form [type=text]:focus, .webform-submission-form [type=password]:focus, .webform-submission-form [type=date]:focus, .webform-submission-form [type=datetime]:focus, .webform-submission-form [type=datetime-local]:focus, .webform-submission-form [type=month]:focus, .webform-submission-form [type=week]:focus, .webform-submission-form [type=email]:focus, .webform-submission-form [type=number]:focus, .webform-submission-form [type=search]:focus, .webform-submission-form [type=tel]:focus, .webform-submission-form [type=time]:focus, .webform-submission-form [type=url]:focus, .webform-submission-form [type=color]:focus, .webform-submission-form textarea:focus {
    outline: none;
    border: 1px solid #0060AE;
    background-color: #fefefe;
    box-shadow: 0 0 5px #0060AE50;
    transition: box-shadow .5s, border-color .25s ease-in-out;
}
#edit-flexbox-02 {
  gap:0;
}
#edit-flexbox-02 label {  
  display: flex;
  align-items: flex-start;
  gap: 0rem;
  line-height:1.5em;
  font-weight:300;
}

#edit-flexbox-02 label::before {
  flex: 0 0 auto;        /* stops it squashing */
  margin-top: -0.15em;
  vertical-align: initial;
}
#edit-actions {
  display:block;
}
#edit-need-extra-support {
  background-color:#F0F8FF;
  border-radius:15px;
  padding:30px;
  color:#0060AE;
  font-size:16px;
  font-weight:500;
}

#edit-need-extra-support .desc {
    font-size: 14px;
    line-height: 1.7em;
    margin-top: 10px;
    font-weight: 400;
}
#edit-payment-type .webform-type-checkbox {
    flex-direction: column;
    border: 1px solid #ccc;
    padding: 17px 10px 0 10px;
    border-radius: 10px;
}
#edit-payment-type .webform-type-checkbox .webform-element-description {
  padding-left:50px;
      padding-bottom: 0;
}
#edit-payment-type .js-form-type-checkbox label {
    padding-bottom: 0;
}