.progress-title{
    white-space: nowrap;
    font-size: 1.8rem !important;
}


.form-step {
    width: 100%; /* Ensures the container spans the full width */
    position: relative; /* To position elements inside */
    overflow: hidden; /* Clears floats if needed */
    background: none !important;
}

.step-title {
    float: left; /* Aligns Donation Information to the left */
    font-size: 20px;
    font-weight: bold;
    margin: 0; /* Removes default margin */
    position: absolute;
    left: 1em;
    top :1.5em;
    color: rgba(47, 47, 47, 1);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#edit-contribution-amount-legend .fieldset-legend{
    font-size: 20px !important;
}

.step-indicator {
    float: right; /* Aligns Step 1 of 3 to the right */
    font-size: 2rem;
    color: rgba(47, 47, 47, 1);
    margin: 0; /* Removes default margin */
    position: relative;
    top :1.2em;
}

.webform-progress__status{
    display: none !important;
}

/* .js-form-wrapper{
    border: 0.5px solid rgba(234, 234, 234, 1);
} */

#edit-page-step-1--2{
    border: 1px solid rgba(234, 234, 234, 1);
}


#edit-contribution-amount {
    border-top:  1px solid rgba(200, 200, 200, 1);
    border-bottom:  1px solid rgba(200, 200, 200, 1);
    background-color: rgba(234, 234, 234, 1); /* Background color */
}



.step-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: rgba(17, 183, 105, 1); /* Green color */
    border-radius: 50%; /* Makes it a circle */
    flex-shrink: 0; /* Prevent shrinking */
}

.tick-mark {
    display: block;
}

#edit-container-gift{
    background-color: rgba(234, 234, 234, 1); /* Background color */;
    padding-bottom: 1em !important;
}

.js-form-item-contribution-amount-radios .radio > label:not(.error){
padding: 6px 10px !important;
width: 200px !important;
}

.input-group-prepend{
    display: none;
}

#edit-contribution-amount-other{
    flex: 0 0 30% !important;
    border: 1px solid rgb(0, 55, 104) !important;
  border-radius: 10px !important;
  height: 50px;
  position: relative;
  top: -0.8em;
  left:  0.3em;
}

#edit-contribution-amount-radios {
    display: flex;
    flex-wrap: wrap; /* Allows the items to wrap to the next line */
    gap: 0.5rem; /* Adds spacing between the boxes */
    width: 97%;
    margin-top: 1em !important;
}

#edit-contribution-amount-radios .js-form-item {
    flex: 0 0 25%; /* Ensures 3 items per row */
    box-sizing: border-box; /* Ensures padding and borders are included in width */
}

.fieldset-legend.js-form-required.form-required{
    margin-left: 1em;
}

#edit-container-contribution-amount.mb-3{
    margin-bottom: 0 !important;
}
.form-check-label{
    white-space: nowrap;
    font-size: 20px !important;
}
@media only screen and (min-width: 700) {
#edit-contribution-amount-radios{
    margin-left: 11em !important;
    margin-top: 1em;
}
#edit-contribution-amount-other{
    margin-left: -11.5em;
    margin-top: -2.6em;
    width: 100px !important;
    height: 50px;
}
}

/* #edit-container-gift-col1 .bdt_field_above_space{
    margin-bottom: 0 !important;
} */

#edit-container-gift-col1{
    margin-left: 20px !important;
}

#edit-honoree-name-{
  width: 100% !important;
}

@media only screen and (min-width: 1300px) {
.fieldset-legend.js-form-required.form-required{
    position: relative;
    top: 0.8em !important;
}
.webform-submission-make-a-financial-contribution-add-form .radio > label:not(.error){
    padding: 8px 10px !important;
    font-size: 18px !important;
    width: 180px !important;
}
#edit-this-gift-is-a-tribute-to{
  margin-top: 1em;
  display: flex;
  gap: 5px;
}
#edit-honoree-name-{
    width: 98.7% !important;
    height: 50px;
    border: 1px solid rgb(0, 55, 104) !important;
    border-radius: 10px !important;
}

.form-item-dedicate-this-gift-to-a-friend-or-loved-one-{
    position: relative;
    top: 1.3em;
}
#edit-contribution-amount-radios .form-check-label{
    width: 180px !important;
    font-size: 18px !important;
}
#edit-step-1 .form-step{
    height: 50px !important;
    overflow: unset !important;
}
#edit-contribution-amount-other-error{
  margin-left: 10px;
  padding-bottom: 5px;
  margin-top: -16px;
}
#edit-container-contribution-amount .js-form-item-contribution-amount-other .input-group{
 display: block !important;
  }
  #edit-container-contribution-amount .js-form-item-contribution-amount-other {
    margin-left: -23.7em !important;
    margin-top: -2em !important;

  }
  .webform-submission-make-a-financial-contribution-form #edit-container-contribution-amount .js-form-required::after {
    top: 0 !important;
  }
}

#edit-container-contribution-amount .radio.form-check.js-form-item-contribution-amount-radios {
 display: flex;
 flex-direction: column;
}

#edit-container-contribution-amount .radio.form-check.js-form-item-contribution-amount-radios strong.error{
  order:2;
}

#edit-this-gift-is-a-tribute-to--wrapper .bdt_field_above_space{
    margin-bottom: 0 !important;
}

@media only screen and (min-width: 768px) {
#edit-container-gift{
  display: grid;
  align-content: center;
  justify-content: center;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  min-height: 200px !important;
}
}

#edit-honoree-name{
    border: 1px solid rgb(0, 55, 104) !important;
    border-radius: 10px !important;
}

#edit-wizard-next{
    float: right !important;
    /* border: 1px solid rgba(0, 55, 104, 1) !important; */
    /* border-radius: 10px !important; */
    /* background:rgba(0, 55, 104, 1) !important; */
}



#edit-contribution-amount-other::placeholder {
    font-size: 20px;
    color: #888;
}

#edit-contribution-amount-other::-webkit-input-placeholder {
    font-size: 20px;
    color: #888;
}

#edit-contribution-amount-other:-moz-placeholder {
    font-size: 20px;
    color: #888;
}

#edit-contribution-amount-other::-moz-placeholder {
    font-size: 20px;
    color: #888;
}

#edit-contribution-amount-other:-ms-input-placeholder {
    font-size: 20px;
    color: #888;
}

/*  */


#edit-honoree-name-::placeholder {
    font-size: 20px;
    color: #888;
}

#edit-honoree-name-::-webkit-input-placeholder {
    font-size: 20px;
    color: #888;
}

#edit-honoree-name-:-moz-placeholder {
    font-size: 20px;
    color: #888;
}

#edit-honoree-name-::-moz-placeholder {
    font-size: 20px;
    color: #888;
}

#edit-honoree-name-:-ms-input-placeholder {
    font-size: 20px;
    color: #888;
}

/* Default dashed line */
.progress-marker::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -10;
    top: 10px;
    right: -12px;
    width: 100%;
    height: 2px !important;
    background: repeating-linear-gradient(
      to right,
      rgba(200, 200, 200, 1) 0,
      rgba(200, 200, 200, 1) 5px, /* Dash length */
      transparent 5px,
      transparent 15px /* Gap length */
    ) !important;
    transition: background-color 0.3s, background-position 0.3s;
    visibility: hidden; /* Initially hide all lines */
  }

  /* Show solid green line between completed steps */
  .progress-step.is-complete .progress-marker::after {
    background: #B2BB1E !important; /* Solid line for completed step */
    visibility: visible; /* Only make visible for completed steps */
  }

  /* Show dashed line for active steps */
  .progress-step.is-active .progress-marker::after {
    visibility: visible; /* Make the dashed line visible for the active step */
  }


.progress-step.is-active .progress-marker::before {
    background-color: #A2AD00 !important;
    font-size: 16px !important;
  }

  .webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before{
    background-color: rgba(200, 200, 200, 1) !important;
    font-size: 12px !important;
  }

 #webform-submission-make-a-financial-contribution-add-form .progress-marker.completed-marker::before{
    background-color: #A2AD00 !important;
    color: #ffffff !important;
    font-weight: bold !important;
  }

  .progress-title{
color:  rgba(200, 200, 200, 1) !important;
  }

.progress-step.is-active .progress-title,
.progress-step.is-complete .progress-title[role="link"]{
    color: #A2AD00 !important; ;
  }

  .webform-progress-tracker .progress-step .progress-title{
    font-weight: bold !important;
  }

#edit-please-notify-this-person-of-my-gift-by-tribute-card-we-will-not--wrapper-legend .fieldset-legend{
    white-space: nowrap !important;
}

.webform-progress-tracker .progress-title[role="link"]:hover{
    text-decoration: none !important;
}

.js-form-item-person-to-notify-of-tribute-title label{
    display: none !important;
}

#edit-container-tribute-03 .select2-container--default{
    width: 20% !important;
}

/* @media only screen and (min-width: 1300px) { */
.form-item-person-to-notify-of-tribute-first-name{
    margin-left: -12.1em;
}
.form-item-person-to-notify-of-tribute-first-name input{
    border-radius: 0 !important;
}

/*.js-form-item-tribute-advanced-address-country-code label, .js-form-item-tribute-advanced-address-postal-code label,.js-form-item-tribute-advanced-address-administrative-area label{
    display: none !important;
}*/

@media (min-width: 1300px) {
#edit-billing-information-container .select2-dropdown--above {
    width: 82.5% !important;
    margin-left: 0em !important;
}

 #edit-container-notification-recipient .form-type-select.js-form-item-tribute-advanced-address-administrative-area .select2-container {
  width: 90% !important;
 }

#edit-billing-information-container .select2-dropdown--above,#edit-billing-information-container .select2-dropdown--below{
  width: 80.5% !important;
}
.select2-dropdown--above,.select2-dropdown--below{
  width: 81% !important;
  margin-left: 2em;
}
#edit-basic-info .form-type-select.js-form-item-billing-advance-address-country-code  .select2-dropdown--above,.select2-dropdown--below{
  width: 361px !important;
  margin-left: 0em !important;
}

.select2-dropdown--above{
  width: 361px !important;
  margin-left: 0em !important;
}

#edit-container-contribution-amount fieldset{
  display: grid;
  align-content: center;
  justify-content: center;
  align-items: start;
  justify-items: start;
  grid-template-columns: 1fr 1fr;
}
 #edit-daytime-phone-error{
  margin-top: -2em;
 }


 #edit-basic-info .form-type-textfield.js-form-item-advanced-address-postal-code .form-item--error-message{
  position: relative;
  left: 6px;
 }
 #edit-city-error{
  position: relative;
  left: 1em;
 }
 #edit-basic-info .form-type-textfield.js-form-item-advanced-address-postal-code + .form-type-select.js-form-item-advanced-address-administrative-area {
  left: -1.5em;
}

  #edit-billing-information-container .form-type-textfield.js-form-item-billing-advance-address-postal-code + .form-type-select.js-form-item-billing-advance-address-administrative-area {
    left: -1.4em !important;
  }

  #edit-billing-first-name-error{
    position: relative;
    left: 1.5em;
  }

  #edit-billing-last-name-error{
    position: relative;
    left: 4em;
  }

  #edit-billing-city-error{
    position: relative;
    left: 1.5em;
  }

  #edit-billing-street-error{
    position: relative;
    left: 4em;
  }

#edit-container-notification-recipient .form-type-select.js-form-item-tribute-advanced-address-country-code .select2-dropdown--above{
  width: 361px !important;
  margin-left: 0em !important;
}

#edit-container-notification-recipient .form-type-select.js-form-item-person-to-notify-of-tribute-title .select2-dropdown--above{
  width: 361px !important;
  margin-left: 0em !important;
}

 #edit-basic-info .bdt_field_above_space{
  display: none !important;
 }
}
#edit-person-to-notify-of-tribute .js-form-item-tribute-advanced-address-country-code .select2-container{
    width: 122% !important;
    max-width: 40ch;
}
#edit-basic-info .select2-dropdown--below{
    width: 81% !important;
    margin-left: 2em !important;
}
 #edit-basic-info .js-form-item-advanced-address-administrative-area .select2-dropdown--above, #edit-basic-info .js-form-item-advanced-address-administrative-area .select2-dropdown--below{
    width: 81% !important;
    margin-left: 1em !important;
 }
.js-form-item-tribute-advanced-address-postal-code{
    margin-left: 4em !important;
}
#edit-container-tribute-04 .js-form-item-person-to-notify-of-tribute-city {
    width: 38% !important;
}
input::placeholder{
    font-size: 18px !important;
}
textarea.form-control{
height: 150px !important;
}
textarea.form-control::placeholder{
   font-size: 18px !important;
    }
    #edit-container-notification-recipient{
        background: rgb(234, 234, 234);
        border: 1px solid rgb(234, 234, 234);
    }
    #edit-step-2{
        background: #fff !important;
        margin-right: 0 !important;
        border-bottom: 1px solid rgba(202, 202, 202, 1) !important;
        height: 80px !important;
    }
#edit-please-notify-this-person-of-my-gift-by-tribute-card-we-will-not--wrapper{
border-bottom: 1px solid rgba(202, 202, 202, 1) !important;
}
#edit-this-gift-is-a-tribute{
    margin-left: 1em !important;
}
.second_indicator{
    top:0.5em !important;
}
#edit-actions--2{
    display: flex;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}
/*#edit-billing-payment-information--2 label{
    display: none !important;
}*/
#edit-billing-payment-information--2 #edit-container-1 .select2-container{
    width: 6% !important;
}
#edit-container-02{
    position: relative;
  top: -4.4em;
  left: 2.5em;
}
.your_info_section.js-form-item input {
    border-radius: 0 !important;
}
#edit-basic-info .js-webform-type-address{
    margin-top: -5.5em !important;
}
#edit-container-04{
    margin-left:-1.5em !important;
    margin-top: 0em !important;
}
.js-form-item-daytime-phone{
    position: relative;
    top: -1.5em;
}
#edit-billing-payment-information--2 .js-form-item-advanced-address-country-code .select2-container{
    width: 116% !important;
    max-width: 40ch !important;
    margin-left: -2em !important;
}
#edit-billing-payment-information--2 .js-form-item-advanced-address-administrative-area .select2-container{
    margin-left: -0.2em !important;
    width: 89% !important;
}
#edit-billing-payment-information--2 .js-form-item-advanced-address-administrative-area + .js-form-item-advanced-address-postal-code {
    position: relative;
    left: -1.7em;
}

 .your_info_section.js-form-item-city{
    margin-left: 0.5em !important;
 }
 #edit-billing-payment-information--2 .js-form-item-evening-phone{
    position: relative;
  top: -5.3em;
  left: 15.8em;
  }
  #edit-container-04 .js-form-item-street.form-item-street{
    width: 35.5% !important;
    position: relative;
    left: 1.5em;
  }
  /* .js-form-item-billing-advance-address-postal-code {
    margin-top: -4em !important;
  } */
  /* .js-form-item-billing-street{
    position: relative;
  top: -4em;
  left: 15.7em;
  } */
  #edit-billing-payment-information--2 .js-form-item-billing-advance-address-country-code .select2-container{
    width: 121.3% !important;
    max-width: 40ch !important;
  }
  #edit-billing-payment-information--2 .js-form-item-billing-advance-address-administrative-area .select2-container{
    width: 95% !important;
    max-width: 40ch !important;
  }

 #edit-basic-info .form-type-textfield.js-form-item-last-name{
  position: relative;
  left: 1em;
  }

  #edit-basic-info .form-type-select.js-form-item-advanced-address-administrative-area{
  position: relative;
  left: 0.8em;
  top: 0.2em;
 }

 #edit-basic-info .js-form-type-textfield.form-item-city input{
  position: relative;
  left: 0.8em;
  }

  #edit-basic-info .js-form-item-advanced-address-administrative-area + .form-type-textfield.js-form-item-advanced-address-postal-code .postal-code {
    position: relative;
    left: 0em !important;
}

#edit-basic-info .form-type-textfield.js-form-item-advanced-address-postal-code .postal-code {
  position: relative;
  left: 0.8em !important;
}






@media only screen and (min-width: 768px) {

#bdt_tribute_basic_address_container_inner_container{
  display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.bdt_tribute_basic_address_container .webform-flexbox{
  margin: 0 !important;
}

  #bdt_tribute_basic_address_container_inner_container .webform-address__row-1{
    position: relative;
    left: 0.6em;
  }

  #bdt_tribute_basic_address_container_inner_container .webform-address__row-2{
    position: relative;
    left: 0.6em;
  }

    .bdt_tribute_basic_address_container .js-form-item-tribute-basic-address-state-province{
    width: 85%;
    position: relative;
    left: 0.6em;
    }

    .bdt_tribute_basic_address_container .js-form-item-tribute-basic-address-postal-code{
      position: relative;
      left: 0.6em;
      }

      .bdt_tribute_basic_address_container .js-form-item-tribute-basic-address-city{
        width: 114%;
      }
      #bdt_contribution_basic_address_container_inner_container{
        display: grid;
          grid-template-columns: 1fr 1fr 1fr;
      }

      .bdt_contribution_basic_address .webform-flexbox{
        margin: 0 !important;
      }

        #bdt_contribution_basic_address_container_inner_container .webform-address__row-1{
          position: relative;
          left: 0.25em;
        }

        #bdt_contribution_basic_address_container_inner_container .webform-address__row-2{
          position: relative;
          left: 0.6em;
        }

          .bdt_contribution_basic_address .js-form-item-tribute-basic-address-state-province{
          width: 85%;
          position: relative;
          left: 0.6em;
          }

          .bdt_contribution_basic_address .js-form-item-tribute-basic-address-postal-code{
            position: relative;
            left: 0.6em;
            }

            .bdt_contribution_basic_address .js-form-item-tribute-basic-address-city{
              width: 114%;
            }
            .bdt_contribution_basic_address{
              margin-top: -4.5em !important;
              margin-left: -2.3em !important;
            }
    }

  #edit-billing-payment-information--2 .js-form-item-billing-city{
    width: 30.3% !important;
  }
  #edit-billing-payment-information--2 #edit-basic-info{
    background-color: rgba(234, 234, 234, 1);
    border: 1px solid rgb(225, 225, 225) !important;
  }
  #edit-billing-payment-information--2 #edit-basic-info .fieldset-wrapper{
    margin-left: 2em !important;
    margin-top: 1em !important;
  }
  /* #edit-billing-payment-information--2 #edit-basic-info{
    height: 355px !important;
  } */
  #edit-billing-payment-information--2 .js-form-item-daytime-phone{
    margin-top: -0.5em;
  }
  #edit-billing-payment-information--2 .step-title{
    left: 2.3em !important;
  }
  .third_indicator{
  position: relative;
  top: 0.4em;
  }

  #edit-billing-information-container .js-form-item-billing-advance-address-administrative-area{
    position: relative;
    left: 4.2em;
  }
  #edit-billing-information-container .js-form-item-billing-advance-address-country-code{
    margin-left: 1em !important;
  }
  #edit-billing-information-container.special-class .form-type-select.js-form-item-billing-advance-address-country-code{
    margin-left: 2em !important;
    width: 96% !important;
  }
  #edit-billing-information-container.special-class .js-form-item-billing-advance-address-administrative-area{
    left: 4.5em !important;
    width: 28% !important;
  }

#edit-billing-information-container.special-class .form-type-textfield.js-form-item-billing-advance-address-postal-code{
  margin-left: 5.4em !important;
}

#edit-billing-information-container .form-type-textfield.js-form-item-billing-advance-address-postal-code{
  margin-left: 4.8em !important;
  width: 31% !important;
}



 #edit-billing-information-container [name="billing_city"]{
    margin-left: 1em !important;
    width: 115% !important;
 }
 #edit-billing-information-container .bdt_field_above_space{
    position: relative;
  left: 1em;
 }
 #edit-billing-information-container .js-form-item-billing-advance-address-administrative-area + .form-item-billing-advance-address-postal-code {
  margin-left: 2.5em !important;
}

  #edit-billing-information-container [name="billing_last_name"] {
    margin-left: 3em !important;
}

/* #edit-basic-info .error{

} */

#edit-basic-info .form-type-select.js-form-item-advanced-address-country-code .select2-dropdown--above{
  width: 387px !important;
  margin-left: 2em !important;
}

#edit-billing-information-container [name="billing_first_name"] {
    margin-left: 1em !important;
    width: 114% !important;
  }
  #edit-billing-information-container [name="billing_street"]{
    margin-left: 77px !important;
  }
  #edit-step-3{
    background-color: #fff !important;
    border: 1px solid rgb(225, 225, 225) !important;
    margin-bottom: 0 !important;
    height: 80px !important;
  }
.webform-submission-make-a-financial-contribution-add-form .js-form-item input.form-control, .webform-submission-make-a-financial-contribution-add-form textarea.form-control{
    width: 87% !important;
  }

#edit-basic-info .js-form-item-first-name input{
width: 96% !important;
}

#edit-container-notification-recipient .form-type-select.js-form-item-tribute-advanced-address-administrative-area .select2-dropdown--below , #edit-container-notification-recipient .form-type-select.js-form-item-tribute-advanced-address-administrative-area .select2-dropdown--above{
  width: 290px !important;
  margin-left: 0em !important;
}

  #edit-billing-information-container{
    margin-top: 1em !important;
    background-color: rgba(234, 234, 234, 1);
    border: 1px solid rgb(225, 225, 225) !important;
    width: 98% !important;
  }
  .js-form-item-same-as-my-information-above-{
    margin-left: 1em !important;
  }
  #edit-container-billing-01{
    margin-left: 1em !important;
  }
  #billing-advance-address-ajax-wrapper{
    margin-left: 1em !important;
  }
  #edit-container-billing-02{
    margin-left: 1em !important;
  }
  #edit-street{
    width: 97% !important;
  }
  #edit-daytime-phone{
    width: 117% !important;
    /* border-radius: 0 !important; */
  }
  #edit-billing-html{
    margin-right: 0 !important;
  background: #fff !important;
  }
  .js-form-item-last-name , .form-item-email{
    margin-left: -1em !important;
  }

  #edit-container-notification-recipient .js-form-item-person-to-notify-of-tribute-first-name{
    width: 30% !important;
  }
  #edit-container-notification-recipient .js-form-item-person-to-notify-of-tribute-last-name{
    margin-left: -1em !important;
  }
  #edit-container-notification-recipient .js-form-item-tribute-advanced-address-postal-code{
    margin-left: 3.5em !important;
    width: 21% !important;
  }
  #edit-container-notification-recipient .js-form-item-street-address{
    margin-left: -1.2em !important;
  }
  #edit-container-notification-recipient .js-form-item-tribute-advanced-address-administrative-area {
    margin-left: 3.5em !important;
    margin-top: 6px !important;
}

 /* #edit-billing-information-container .js-form-item-billing-advance-address-postal-code{
  margin-top: -4em !important;
  margin-left: -1em !important;
 } */
/* } */

@media only screen and (max-width: 768px) {
  #edit-page-step-1--2 .form-check-label{
  font-size: 16px !important;
  }
  }

  @media (min-width: 768px) and (max-width: 1300px) {
  #edit-container-notification-recipient .js-form-item-person-to-notify-of-tribute-first-name{
    margin-left: -9em !important;
  }
  }

  @media (min-width: 1220px) and (max-width: 1300px) {
    #edit-container-notification-recipient .js-form-item-person-to-notify-of-tribute-first-name{
      margin-left: -11.5em !important;
    }
    }

    @media (min-width: 769px) and (max-width: 979px) {
      #edit-container-notification-recipient .js-form-item-person-to-notify-of-tribute-first-name{
        margin-left: -6.5em !important;
      }
      }

#edit-billing-payment-information--2 .js-form-item-same-as-my-information-above- label{
    display: block !important;
}

 #edit-container-notification-recipient .form-type-textfield.js-form-item-tribute-advanced-address-postal-code input{
  width: 130% !important;
 }

 #edit-container-notification-recipient .js-form-item-tribute-advanced-address-country-code{
  width: 93% !important;
 }

 #edit-container-notification-recipient .form-type-select.js-form-item-tribute-advanced-address-administrative-area + .js-form-item-tribute-advanced-address-postal-code{
  margin-left: -0.5em !important;
}
.js-form-item-advanced-address-country-code label {
    margin-left: -48px;
}

#edit-basic-info .form-type-textfield.js-form-item-advanced-address-postal-code label{
  margin-left: 1em;
}

#edit-basic-info .form-type-select.js-form-item-advanced-address-administrative-area + .form-type-textfield.js-form-item-advanced-address-postal-code label{
  margin-left: 0.3em !important;
}

.bdt_field_above_space.js-form-item.js-form-type-webform-markup {
  display:none !important
}

#edit-billing-information-container .js-form-item-billing-advance-address-administrative-area + .form-item-billing-advance-address-postal-code input{
  margin-left: 40px !important;
}

#edit-billing-information-container .js-form-item-billing-advance-address-administrative-area + .form-type-textfield.js-form-item-billing-advance-address-postal-code label{
  margin-left: 2.2em !important;
}

#edit-billing-payment-information--2{
  width: 103% !important;
}

.webform-submission-make-a-financial-contribution-form #edit-container-contribution-amount .js-form-required::after {
    content: '*' !important;
    position: absolute;
}

 #edit-container-gift .form-check.js-form-item-this-gift-is-a-tribute-to{
  display: flex;
  flex-direction: column;
 }

 #edit-container-gift .form-check.js-form-item-this-gift-is-a-tribute-to strong.error{
  order:2;
 }

.js-form-item-billing-advance-address-postal-code input.postal-code.required.error + .form-item--error-message {
    margin-left: 50px;
}

/* Common Label and Placeholder, Select Text Style Start */
label,
.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 20px !important;
}

label {
    font-weight: 400 !important;
}
/* Common Label and Placeholder, Select Text Style End */
.webform-submission-make-a-financial-contribution-add-form .billing_container.container_billing_01 .js-form-item, .webform-submission-make-a-financial-contribution-add-form .billing_container.container_billing_02 .js-form-item,
.webform-submission-make-a-financial-contribution-add-form .financial_container.container_02 .js-form-item, .webform-submission-make-a-financial-contribution-add-form .financial_container.container_03 .bdt-telephone, .webform-submission-make-a-financial-contribution-add-form .financial_container.container_04 .js-form-item, .webform-submission-make-a-financial-contribution-add-form .financial_container.container_tribute_03 .js-form-item, .webform-submission-make-a-financial-contribution-add-form .financial_container.container_tribute_04 .js-form-item, .webform-submission-make-a-financial-contribution-add-form .honer-div {
    width: 30% !important;
}

/* error */

#edit-billing-info-container .js-form-item-billing-advance-address-administrative-area {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  top: 0.2em;
}

#edit-billing-info-container .js-form-item-billing-advance-address-administrative-area .error.form-item--error-message {
  margin-top: 5px; /* Adjust spacing as needed */
  order: 2; /* Ensures the error is always at the bottom */
}

/*  */

#edit-basic-info .form-type-select.js-form-item-advanced-address-administrative-area {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  top: 0.2em;
}

#edit-basic-info .form-type-select.js-form-item-advanced-address-administrative-area  .error.form-item--error-message {
  margin-top: 5px; /* Adjust spacing as needed */
  order: 2; /* Ensures the error is always at the bottom */
}


@media screen and (max-width: 1024px) {

    form label.error, .form-item--error-message {
        font-size: 15px;
    }

    .progress-tracker {
        margin: 25px auto !important;
    }

    .webform-progress-tracker .progress-step .progress-title {
        display: none;
    }

    #edit-please-notify-this-person-of-my-gift-by-tribute-card-we-will-not--wrapper-legend {
        max-width: 100% !important;
    }

    #edit-please-notify-this-person-of-my-gift-by-tribute-card-we-will-not--wrapper-legend {
        width: 100% !important;
    }

    .webform-submission-make-a-financial-contribution-add-form .custom-steps.form-item-step-1,
    #edit-step-2,
    #edit-step-3,
    .webform-submission-make-a-financial-contribution-add-form .custom-steps.form-item-step-2 {
        padding-right: 10px !important;
        margin-bottom: 0 !important;
    }

    .webform-submission-make-a-financial-contribution-add-form .form-step {
        height: 70px !important;
        padding-right: 0 !important;
    }

    .webform-submission-make-a-financial-contribution-add-form .form-step .step-indicator {
        top: 10px !important;
    }

    #edit-contribution-amount {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .form-item-contribution-amount-other .input-group {
        flex-wrap: wrap !important;
        align-items: center;
        width: 100%;
        align-content: center;
        justify-content: center;
    }

    #edit-contribution-amount-other {
        flex: 0 0 90% !important;
        top: -8px;
    }

    #edit-contribution-amount-radios {
        width: 100%;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    #edit-container-gift {
        grid-template-columns: 1fr;
    }

    #edit-container-gift-col1 {
        margin: 0 15px !important;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: flex-start;
    }

    #edit-honoree-name-,
    #edit-honoree-name--error,
    .webform-submission-form strong.error.form-item--error-message,
    .webform-submission-make-a-financial-contribution-add-form .radio {
        text-align: center;
    }

    #edit-container-gift-col2 .js-webform-radios {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    #edit-honoree-name- {
        width: 90% !important;
    }

    #edit-honoree-name- {
        margin: 0 auto;
    }

    #edit-please-notify-this-person-of-my-gift-by-tribute-card-we-will-not--wrapper-legend .fieldset-legend {
        white-space: initial !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .webform-submission-form strong.error.form-item--error-message {
        text-align: left;
        padding-right: 5px;
    }

    /* Notification Receipient Style Start */
    #edit-container-notification-recipient .js-form-item-tribute-advanced-address-administrative-area {
        margin-left: 35px !important;
        margin-right: 25px !important;
        margin-top: 8px !important;
    }

    #edit-container-tribute-03 .select2-container--default {
        width: 22% !important;
    }
    /* Notification Receipient Style End */

    /* Your Information Style Start */
    #edit-container-02 {
        left: 40px;
    }

    #edit-basic-info .form-type-textfield.js-form-item-last-name {
        left: 10px;
    }

    #edit-basic-info .form-type-select.js-form-item-advanced-address-administrative-area {
        left: -12px;
        top: 5px;
    }

    #edit-billing-payment-information--2 .js-form-item-advanced-address-administrative-area .select2-container {
        width: 95% !important;
    }

    #edit-billing-payment-information--2 #edit-container-1 .select2-container {
        width: 12% !important;
    }

    .bdt-telephone .form-item--error-message,
    .js-form-item-billing-first-name .form-item--error-message,
    .js-form-item-billing-last-name .form-item--error-message,
    .js-form-item-billing-city .form-item--error-message,
    .js-form-item-billing-street .form-item--error-message,
    .js-form-item-city .form-item--error-message {
        position: relative;
    }

    .js-form-item-city .form-item--error-message {
        left: 15px;
    }

    .bdt-telephone .form-item--error-message {
        top: -35px;
    }

    .js-form-item-billing-first-name .form-item--error-message {
        left: 20px;
    }

    .js-form-item-billing-last-name .form-item--error-message {
        left: 55px;
    }

    .js-form-item-billing-city .form-item--error-message {
        left: 20px;
    }

    .js-form-item-billing-city .form-item--error-message {
        left: 20px;
    }

    .js-form-item-billing-street .form-item--error-message {
        left: 60px;
    }

    #edit-billing-information-container [name="billing_street"] {
        margin-left: 60px !important;
    }
    /* Your Information Style End */
}

@media screen and (max-width: 768px) {
    #edit-billing-payment-information--2 #edit-container-1 .select2-container {
        top: 9px;
    }

    #edit-basic-info .form-type-select.js-form-item-advanced-address-administrative-area {
        left: 0px;
        top: 0px;
    }

    .js-form-item-advanced-address-country-code label {
        margin-left: -38px;
    }
}

#edit-basic-info .js-form-item-first-name input{
  border-top-right-radius: .6rem !important;
  border-bottom-right-radius: .6rem !important;
 }

 #edit-basic-info .js-form-item-last-name input{
  border-radius: .6rem !important;
 }

 #edit-basic-info .js-form-item-email {
  width: 30% !important;
  margin-top: -2em !important;
  margin-left: 1.7em !important;
  }

@media screen and (min-width: 768px) {
#edit-basic-info .js-form-item-first-name{
  width: 28% !important;
 }

 #webform-flexbox-container{
  display: flex;
  margin-left: 17.1em;
 }

 .bdt_tribute_basic_address_container + div .form-type-select.js-form-item-advanced-tribute-address-country-code{
  padding: 0;
  position: relative;
  top: -10.59em;
  left: 0;
  width: 107% !important;
 }

#edit-container-notification-recipient .form-type-textfield.js-form-item-basic-tribute-address-city input{
width: 67% !important;
}

#edit-container-notification-recipient .form-type-textfield.js-form-item-basic-tribute-address-city{
  margin-left: -0.5em !important;
}

#edit-container-notification-recipient  .js-form-item-advanced-tribute-address-administrative-area{
  margin-top: -5.9em !important;
  margin-left: 3em !important;
  width: 30.5%;
}

 #edit-container-notification-recipient .form-type-textarea.js-form-item-comments{
  margin-top: -4em !important;
  width: 107%;
 }

#edit-container-notification-recipient .js-form-item-basic-tribute-address-address{
  margin-left: -1.5em !important;
}

#edit-container-notification-recipient  .js-form-item-advanced-tribute-address-administrative-area span.select2-container{
  width: 85.5% !important;
}

#edit-container-notification-recipient .js-form-item-basic-tribute-address-postal-code {
  margin-left: 8em !important;
}

#edit-container-notification-recipient .js-form-item-basic-tribute-address-postal-code input{
  width: 87% !important;
}

  .bdt_tribute_basic_address_container + div .form-type-select.js-form-item-advanced-tribute-address-country-code span.select2-container{
  width: 107% !important;
 }



 .webform-submission-make-a-financial-contribution-add-form .select2-container{
  width: 28.9% !important;
 }

 #edit-basic-info .js-form-item-basic-contribution-address-address input{
  width: 82% !important;
 }

 #edit-basic-info .js-form-item-basic-contribution-address-address-2 {
  position: relative;
  left: -2.3em;
 }

 #edit-basic-info .js-form-item-basic-contribution-address-address-2 input {
  width: 81% !important;
 }

 #edit-basic-info .js-form-item-basic-contribution-address-state-province {
  width: 79%;
    position: relative;
    left: 0.39em;
 }

 #edit-basic-info .js-form-item-basic-contribution-address-postal-code input {
  width: 94% !important;
 }

 #edit-basic-info .js-form-item-advanced-contribution-address-country-code{
  position: relative;
  top: -11.6em;
  left: -2em;
  width: 110% !important;
  padding: 0 !important;
 }

  #edit-basic-info .js-form-item-advanced-contribution-address-administrative-area{
    position: relative;
    top: -6.9em;
    width: 25.5% !important;
    left: 0.2em !important;
  }

  #edit-basic-info .js-form-item-last-name input{
    width: 85.5% !important;
  }

 #edit-basic-info .js-form-item-basic-contribution-address-postal-code {
  position: relative;
  left: 6.3em;
  width: 56%;
 }
 #edit-basic-info .js-form-item-basic-contribution-address-country{
  width: 98% !important;
 }
 #edit-basic-info .js-form-item-basic-contribution-address-city input{
  width: 65% !important;
 }
 #edit-basic-info fieldset.js-form-item-daytime-phone input{
  width: 108% !important;
 }
 #edit-basic-info .js-form-item-advanced-contribution-address-administrative-area:has(.error) {
  position: relative;
  top: -6.3em;
}
}



@media screen and (max-width: 767px) {

    #edit-billing-payment-information--2 #edit-container-1 .select2-container {
        top: 0;
    }

    .webform-submission-make-a-financial-contribution-add-form .form-step .step-title {
        left: unset !important;
        top: 15px !important;
    }

    .webform-submission-make-a-financial-contribution-add-form .form-step .step-indicator {
        top: -15px !important;
    }

    #edit-contribution-amount-other {
        flex: 0 0 90% !important;
        left: 48%;
        transform: translateX(-52%);
    }

    input[type=submit].form-submit.btn-primary {
        font-size: 12pt !important;
    }

    #edit-actions--2 {
        justify-content: flex-end;
        align-items: flex-end;
        gap: 10px;
        flex-direction: column;
    }

    #edit-this-gift-is-a-tribute-to .js-form-item-this-gift-is-a-tribute-to label {
        width: 180px !important;
    }

    /* Notification Receipient Style Start */
    #edit-container-notification-recipient .js-form-item-tribute-advanced-address-administrative-area,
    #edit-container-notification-recipient .js-form-item-person-to-notify-of-tribute-last-name,
    #edit-container-notification-recipient .form-type-select.js-form-item-tribute-advanced-address-administrative-area + .js-form-item-tribute-advanced-address-postal-code, #edit-container-notification-recipient .js-form-item-street-address,
    .form-item-person-to-notify-of-tribute-first-name {
        margin-left: 0 !important;
    }

    #edit-container-notification-recipient .js-form-item-tribute-advanced-address-postal-code {
        margin: 0 !important;
    }

    .webform-submission-make-a-financial-contribution-add-form .notify_memorial .radio {
        display: flex !important;
        flex-direction: row;
    }

    .webform-submission-make-a-financial-contribution-add-form .radio > label:not(.error) {
        width: 90px !important;
    }

    #edit-container-tribute-03 .select2-container--default {
        width: 70% !important;
    }

    .webform-submission-make-a-financial-contribution-add-form .financial_container.container_02 .js-form-item, .webform-submission-make-a-financial-contribution-add-form .financial_container.container_03 .bdt-telephone, .webform-submission-make-a-financial-contribution-add-form .financial_container.container_04 .js-form-item, .webform-submission-make-a-financial-contribution-add-form .financial_container.container_tribute_03 .js-form-item, .webform-submission-make-a-financial-contribution-add-form .financial_container.container_tribute_04 .js-form-item, .webform-submission-make-a-financial-contribution-add-form .honer-div,
    #edit-container-notification-recipient .js-form-item-tribute-advanced-address-country-code,
    #edit-container-tribute-04 .js-form-item-person-to-notify-of-tribute-city,
    .webform-submission-make-a-financial-contribution-add-form .address--wrapper .fieldset-wrapper :not(.address-container-inline).js-form-wrapper,
    #edit-container-notification-recipient .form-type-textfield.js-form-item-tribute-advanced-address-postal-code input,
    #edit-container-notification-recipient .js-form-item-tribute-advanced-address-postal-code,
    .webform-submission-make-a-financial-contribution-add-form .js-form-item input.form-control, .webform-submission-make-a-financial-contribution-add-form textarea.form-control,
    #edit-container-notification-recipient .js-form-item-person-to-notify-of-tribute-first-name {
        width: 100% !important;
    }
    /* Notification Receipient Style End */

    /* Your Information Style Start */
    #edit-billing-payment-information--2 #edit-basic-info .fieldset-wrapper {
        margin-left: 10px !important;
    }

    .webform-submission-make-a-financial-contribution-add-form .financial_container {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    #edit-billing-payment-information--2 #edit-container-1 .select2-container {
        width: 12% !important;
    }

    .webform-submission-make-a-financial-contribution-add-form .financial_container.container_02 .js-form-item, .webform-submission-make-a-financial-contribution-add-form .financial_container.container_03 .bdt-telephone, .webform-submission-make-a-financial-contribution-add-form .financial_container.container_04 .js-form-item, .webform-submission-make-a-financial-contribution-add-form .financial_container.container_tribute_03 .js-form-item, .webform-submission-make-a-financial-contribution-add-form .financial_container.container_tribute_04 .js-form-item, .webform-submission-make-a-financial-contribution-add-form .honer-div, #edit-container-notification-recipient .js-form-item-tribute-advanced-address-country-code, #edit-container-tribute-04 .js-form-item-person-to-notify-of-tribute-city, .webform-submission-make-a-financial-contribution-add-form .address--wrapper .fieldset-wrapper :not(.address-container-inline).js-form-wrapper, #edit-container-notification-recipient .form-type-textfield.js-form-item-tribute-advanced-address-postal-code input, #edit-container-notification-recipient .js-form-item-tribute-advanced-address-postal-code, .webform-submission-make-a-financial-contribution-add-form .js-form-item input.form-control, .webform-submission-make-a-financial-contribution-add-form textarea.form-control, #edit-container-notification-recipient .js-form-item-person-to-notify-of-tribute-first-name {
        width: 75% !important;
    }
  #edit-basic-info .form-type-textfield.js-form-item-first-name{
      margin-top: 1em;
      margin-left: -2.5em;
    }
    #edit-basic-info .js-form-item-first-name input{
      width: 75% !important;
    }
    #edit-basic-info .form-type-textfield.js-form-item-last-name{
      position: static !important;
      margin-left: -2.5em !important;
    }
    #edit-basic-info .js-form-item-email {
      margin-left: 0.2em !important;
      width: 98% !important;
    }
    #edit-basic-info .form-type-select.js-form-item-advanced-address-country-code{
      margin-left: 1.5em !important;
      width: 75% !important;
    }
    #edit-billing-payment-information--2 #edit-container-1 .select2-container{
      width: 75% !important;
    }
   #edit-basic-info .js-form-item-advanced-address-country-code label{
    margin-left: -25px;
    }
    #edit-basic-info .form-type-select.js-form-item-advanced-address-administrative-area{
      margin-left: -0.3em !important;
    }

    #edit-billing-payment-information--2 .js-form-item-advanced-address-postal-code{
      position: static !important;
      /* margin-left: -0.5em !important; */
    }

    #edit-billing-payment-information--2 .js-form-item-advanced-address-postal-code input{
      position: static !important;
      margin-left: -1em !important;
    }


    #edit-billing-payment-information--2 .js-form-item-advanced-address-country-code .select2-container{
      width: 102% !important;
      max-width: 45ch !important;
    }
    #edit-billing-payment-information--2 .js-form-item-advanced-address-administrative-area .select2-container{
      width: 73% !important;
    }
    #edit-container-04 .js-form-item-street.form-item-street{
      width: 75.5% !important;
    }
    #edit-daytime-phone{
      width: 80% !important;
      margin-top: 0.2em !important;
      margin-left: -0.2em;
    }
    #edit-basic-info .form-type-textfield.js-form-item-advanced-address-postal-code label.js-form-required {
      margin-left: -0.5em !important;
    }
    #edit-basic-info .form-type-select.js-form-item-advanced-address-administrative-area + .form-type-textfield.js-form-item-advanced-address-postal-code label{
      margin-left: -0.5em !important;
    }
    #edit-basic-info .form-type-select.js-form-item-title{
      position: relative;
      /* z-index: 999; */
    }
    #edit-billing-info-container .form-type-textfield.js-form-item-billing-first-name {
      margin-left: -1.5em;
      width: 73% !important;
    }
    #edit-billing-info-container .form-type-textfield.js-form-item-billing-last-name{
      margin-left: -3.5em !important;
    }
    #edit-billing-info-container .form-type-textfield.js-form-item-billing-last-name input{
      width: 84% !important;
      max-width: 40ch !important;
    }
    #edit-billing-information-container .js-form-item-billing-advance-address-country-code{
      margin-left: 0em !important;
      margin-top: -0.5em !important;
    }
    #edit-billing-info-container .js-form-item-billing-advance-address-administrative-area{
      position: static !important;
      margin-left: -0.2em;
    }
    #edit-billing-information-container .js-form-item-billing-advance-address-administrative-area + .form-item-billing-advance-address-postal-code{
      margin-left: -2.2em !important;
    }
    #edit-billing-payment-information--2 .js-form-item-billing-advance-address-country-code .select2-container{
      width: 89.3% !important;
    }
    #edit-billing-information-container.special-class .js-form-item-billing-advance-address-administrative-area + .form-type-textfield.js-form-item-billing-advance-address-postal-code label{
      white-space: nowrap;
      margin-left: -2.8em !important;
    }
    #edit-billing-information-container.special-class .form-type-textfield.js-form-item-billing-advance-address-postal-code label{
      white-space: nowrap;
      margin-left: -2.8em !important;
    }
    #edit-billing-information-container .js-form-item-billing-advance-address-administrative-area + .form-type-textfield.js-form-item-billing-advance-address-postal-code label{
      white-space: nowrap;
      margin-left: 31px !important;
    }
    #edit-billing-information-container .form-type-textfield.js-form-item-billing-advance-address-postal-code label{
      white-space: nowrap;
      margin-left: 31px !important;
    }

    /* #edit-billing-payment-information--2 .js-form-item-billing-advance-address-administrative-area .select2-container{
      width: 85.3% !important;
    } */
    #edit-billing-payment-information--2 .form-type-select.js-form-item-billing-advance-address-administrative-area{
      width: 90% !important;
    }
    #edit-billing-information-container.special-class .js-form-item-billing-advance-address-administrative-area .select2-container{
      margin-left: -1.3em !important;
      width: 100% !important;
    max-width: 40ch !important;
    }
    #edit-billing-information-container.special-class .js-form-item-billing-advance-address-administrative-area label{
      margin-left: -1em !important;
    }

    #edit-billing-information-container.special-class .form-type-textfield.js-form-item-billing-advance-address-postal-code input{
      position: static;
      margin-left: -4.3em !important;
      width: 75% !important;
      max-width: 40ch;
    }

    #edit-billing-information-container.special-class .form-type-textfield.js-form-item-billing-advance-address-postal-code{
      position: static !important;
    }
    /* #edit-billing-information-container .form-item-billing-advance-address-postal-code input{
      width: 283% !important;
      max-width: 40ch;
    } */
    #edit-billing-information-container .form-type-textfield.js-form-item-billing-advance-address-postal-code{
      width: 110% !important;
    }
    #edit-billing-information-container.special-class .form-type-select.js-form-item-billing-advance-address-country-code{
      margin-left: 0.9em !important;
    }
    #edit-billing-information-container.special-class  .js-form-item-billing-advance-address-administrative-area + .form-item-billing-advance-address-postal-code input{
      width: 289% !important;
    }
    #edit-billing-payment-information--2 .js-form-item-billing-city{
      margin-left: -1.3em !important;
    }
    #edit-billing-information-container [name="billing_street"]{
      margin-left: 0 !important;
      width: 277px !important;
      max-width: 87%;
    }
    #edit-billing-payment-information--2 .js-form-item-billing-city{
      width: 100% !important;
    }
    #edit-billing-information-container [name="billing_city"]{
      width: 88% !important;
      max-width: 40ch !important;
    }
    #edit-billing-information-container .bdt_field_above_space.js-form-type-checkbox{
      max-width: 50% !important;
      left: 0 !important;
    }
    #edit-billing-information-container .bdt_field_above_space.js-form-type-checkbox label{
      font-size: 15px !important;
      font-weight: 500 !important;
    }
   #edit-basic-info .financial_container .bdt-telephone strong.error{
    margin-top: -2em !important;
   }
   @supports (-moz-appearance: none) {
    #edit-basic-info .form-type-textfield.js-form-item-first-name{
      margin-top: 3em !important;
    }
   }
   #edit-container-notification-recipient .form-type-select.js-form-item-tribute-advanced-address-country-code{
    width: 60% !important;
   }
   #edit-container-notification-recipient .form-type-select.js-form-item-tribute-advanced-address-administrative-area {
    width: 57% !important;
   }
   #edit-basic-info .form-type-textfield.js-form-item-advanced-address-postal-code label{
    margin-left: -0.5em;
   }

   #edit-billing-payment-information--2 #edit-basic-info {
       padding-top: 25px;
   }

   #edit-billing-payment-information--2 #edit-container-1 .select2-container {
       top: -30px;
   }

   #edit-billing-information-container .js-form-item-billing-advance-address-administrative-area + .form-item-billing-advance-address-postal-code input {
       margin-left: 30px !important;
       max-width: 40ch !important;
       width: 78% !important;
   }

   #edit-billing-information-container [name="billing_street"] {
       margin-left: -2px !important;
   }

   #edit-billing-payment-information--2 #edit-billing-info-container strong.error.form-item--error-message,
   #edit-billing-payment-information--2 #edit-basic-info strong.error.form-item--error-message {
       text-align: left;
       margin-left: 0.5em;
   }

   #edit-billing-payment-information--2 #edit-basic-info .js-form-item-city strong.error.form-item--error-message {
       position: relative;
       left: 14px;
   }

   #edit-billing-payment-information--2 #edit-billing-info-container .js-form-item-billing-city strong.error.form-item--error-message,
   #edit-billing-payment-information--2 #edit-billing-info-container .js-form-item-billing-first-name strong.error.form-item--error-message {
       position: relative;
       left: 20px;
   }

   #edit-billing-payment-information--2 #edit-billing-info-container .js-form-item-billing-last-name strong.error.form-item--error-message {
       position: relative;
       left: 48px;
   }

   #edit-billing-payment-information--2 #edit-billing-info-container .js-form-item-billing-advance-address-postal-code strong.error.form-item--error-message {
       position: relative;
       width: 180px;
       left: -15px;
   }

   #edit-container-contribution-amount .radio.form-check.js-form-item-contribution-amount-radios{
    position: relative;
   }

   #edit-container-contribution-amount .radio.form-check.js-form-item-contribution-amount-radios strong.error{
    order: 0;
    position: absolute;
    top: calc(0% + -23px);
    white-space: nowrap;
   }

   #edit-billing-info-container .form-type-textfield.js-form-item-billing-first-name input{
    max-width: 40ch !important;
   }
   .bdt_tribute_basic_address_container .js-form-item-tribute-basic-address-country{
    width: 57%;
    margin-left: 5px;
   }

   .bdt_tribute_basic_address_container .js-form-item-tribute-basic-address-address {
    width: 77%;
    margin-left: 5px;
    }

    .bdt_tribute_basic_address_container .js-form-item-tribute-basic-address-address-2 {
      width: 77%;
      margin-left: 5px;
      }

      .bdt_tribute_basic_address_container .js-form-item-tribute-basic-address-city  {
        width: 77%;
        margin-left: 5px;
        }

        .bdt_tribute_basic_address_container .js-form-item-tribute-basic-address-state-province   {
          width: 57%;
          margin-left: 5px;
          }
          .bdt_tribute_basic_address_container .js-form-item-tribute-basic-address-postal-code   {
            width: 77%;
            margin-left: 5px;
            }
            #edit-this-gift-is-a-tribute .js-form-item-person-to-notify-of-tribute-first-name input{
              border-radius: .6rem !important;
            }
            .bdt_contribution_basic_address {
              margin-top: -5em !important;
              margin-left: -0.5em;
            }
           .bdt_contribution_basic_address .js-form-item-basic-contribution-address-country {
            width: 73% !important;
           }
           .bdt_contribution_basic_address .js-form-item-basic-contribution-address-state-province{
            width: 73% !important;
           }
           #edit-basic-info .js-form-item-first-name input{
            border-radius: .6rem !important;
           }
    /* Your Information Style End */
}
#edit-basic-info  .js-form-item-daytime-phone {
  margin-left: 0.3em  !important;
 }
#edit-basic-info .js-form-item-daytime-phone input{
  border-radius: .6rem !important;
}

#edit-daytime-phone-error{
  margin-left: 0.7em !important;
}

.bdt_contribution_basic_address .webform-address__row-3{
  margin-bottom: 2em !important;
}

@media (min-width: 768px) and (max-width: 980px) {

  #edit-container-contribution-amount .radio.form-check.js-form-item-contribution-amount-radios strong.error{
  order: 0;
    position: absolute;
    top: calc(39% + -20px);
    /* top: 37%; */
    white-space: nowrap;
  }
}

@media (min-width: 980px) and (max-width: 1024px) {
  #edit-container-contribution-amount .radio.form-check.js-form-item-contribution-amount-radios strong.error{
    order: 0;
      position: absolute;
      top: calc(37% + -20px);
      /* top: 37%; */
      white-space: nowrap;
    }
}

@media screen and (max-width: 767px) {
  #edit-container-notification-recipient .js-form-item-person-to-notify-of-tribute-title{
    width: 100% !important;
  }
  #edit-container-notification-recipient  .js-form-item-person-to-notify-of-tribute-first-name {
    width: 94% !important;
  }
  #edit-container-notification-recipient .js-form-item-person-to-notify-of-tribute-last-name{
    width: 95% !important;
  }
  #edit-container-notification-recipient .js-form-item-advanced-tribute-address-country-code {
    width: 77% !important;
  }
  #edit-container-notification-recipient .js-form-item-advanced-tribute-address-administrative-area {
    width: 71% !important;
  }
  .bdt_tribute_basic_address_container{
    margin-top: 6em !important;
  }
  #edit-container-notification-recipient .js-form-item-advanced-tribute-address-country-code {
    position: relative;
    top: -30em;
  }
  #edit-container-notification-recipient .js-form-item-basic-tribute-address-postal-code {
    position: relative;
    top: 6em;
  }
  #edit-container-notification-recipient .js-form-item-advanced-tribute-address-administrative-area {
    position: relative;
    top: -13em;
    left: -0.5em;
  }
  #edit-container-notification-recipient  .form-type-textarea.js-form-item-comments {
    margin-top: -2em !important;
  }
  .bdt_contribution_basic_address{
    margin-top: 2em !important;
  }
   #edit-basic-info .js-form-item-advanced-contribution-address-country-code {
      position: relative;
    top: -34.5em;
    width: 79% !important;
    left: -8px !important;
    }
    .bdt_contribution_basic_address + div{
      position: relative;
      top: 5em;
    }
    #edit-basic-info .js-form-item-advanced-contribution-address-administrative-area {
      position: relative;
      top: -10em;
      left: -0.9em;
      width: 74% !important;
    }
    #edit-basic-info{
      padding-bottom: 3em !important;
    }
    #edit-basic-info .js-form-item-daytime-phone{
      position: relative !important;
      top: 1.5em !important;
    }
    #edit-basic-info .js-form-item-email{
      position: relative !important;
      top: 4.5em !important;
    }
    #edit-basic-info .financial_container .bdt-telephone strong.error{
    position: relative;
    top: 3em !important;
   }
}

@media (min-width: 769px) and (max-width: 979px) {
 #edit-container-notification-recipient .js-form-item-advanced-tribute-address-country-code {
    margin-top: -1em !important;
  }
  #edit-container-notification-recipient  .js-form-item-basic-tribute-address-address{
    margin-left: -9em !important;
    margin-top: -1em !important;
  }
  #edit-container-notification-recipient  .js-form-item-basic-tribute-address-address input{
    width: 60% !important;
  }
  #edit-container-notification-recipient  .js-form-item-basic-tribute-address-address-2{
    margin-left: -5em !important;
    position: relative;
    top: -1em;
  }
  #edit-container-notification-recipient .js-form-item-advanced-tribute-address-administrative-area {
    margin-top: -6em !important;
    margin-left: 1.2em !important;
    width: 32%;
  }
  #edit-container-notification-recipient .js-form-item-basic-tribute-address-postal-code {
    margin-left: 3.5em !important;
  }
  #edit-basic-info .js-form-item-basic-contribution-address-address {
    margin-left: -7.8em !important;
  }
  #edit-basic-info .js-form-item-basic-contribution-address-address input{
    width: 60.5% !important;
  }
  #edit-basic-info .js-form-item-basic-contribution-address-address-2 {
    margin-left: -3.2em !important;
  }
  #edit-basic-info .js-form-item-advanced-contribution-address-administrative-area{
        position: relative;
        top: -6.9em;
        width: 28% !important;
        left: -1.1em !important;
  }
  #edit-basic-info .js-form-item-basic-contribution-address-postal-code{
    left: 2.8em !important;
  }
  #edit-basic-info .js-form-item-email{
    margin-left: 0.89em !important;
  }
}

@media (min-width: 980px) and (max-width: 1219px) {
  #edit-container-notification-recipient .js-form-item-basic-tribute-address-address {
    margin-left: -5.1em !important;
  }
  #edit-container-notification-recipient .js-form-item-basic-tribute-address-address input{
    width: 76.5% !important;
  }
  #edit-container-notification-recipient  .js-form-item-advanced-tribute-address-administrative-area {
    margin-left: 2.3em !important;
    width: 31%;

  }
  #edit-container-notification-recipient .js-form-item-basic-tribute-address-address-2 {
    margin-left: -2.5em !important;
  }
  #edit-container-notification-recipient .js-form-item-basic-tribute-address-postal-code {
    margin-left: 5.7em !important;
  }
  #edit-basic-info  .js-form-item-basic-contribution-address-address {
    margin-left: -4.5em !important;
  }
  #edit-basic-info .js-form-item-basic-contribution-address-address input {
    width: 71% !important;
  }
  #edit-basic-info .js-form-item-basic-contribution-address-address-2{
    left: -4.3em !important;
    width: 103% !important;
  }
  #edit-basic-info .js-form-item-advanced-contribution-address-administrative-area {
    left: -0.9em !important;
  }
  #edit-basic-info .js-form-item-basic-contribution-address-postal-code {
    left: 3.7em;
    width: 51%;
  }
  #edit-basic-info .js-form-item-email{
    margin-left: 0.8em !important;
  }
}
@media (min-width: 768px) and (max-width: 768px) {
  #edit-basic-info .js-form-item-advanced-contribution-address-country-code{
    top: -12.7em !important;
  }
  #edit-basic-info  .js-form-item-basic-contribution-address-address {
    margin-left: -4.3em !important;
  }
  #edit-basic-info .js-form-item-basic-contribution-address-address input {
    width: 74% !important;
  }
  #edit-basic-info .js-form-item-advanced-contribution-address-administrative-area {
    top: -7.9em !important;
    left: -0.5em !important;
  }
  #edit-basic-info .js-form-item-basic-contribution-address-postal-code{
    left: 5.3em !important;
    width: 50% !important;
  }
}

@media (min-width: 1025px) and (max-width: 1219px) {
#edit-basic-info .form-type-textfield.js-form-item-last-name{
  position: relative;
   left: -0.19em !important;
}
#edit-basic-info .js-form-item-first-name{
  left: -0.5em !important;
    position: relative;
}
}

#edit-container-notification-recipient .js-form-item-person-to-notify-of-tribute-first-name{
  position: relative !important;
 }
 #edit-container-notification-recipient .js-form-item-advanced-tribute-address-administrative-area {
  display: flex !important;
  flex-direction: column;
 }
 #edit-container-notification-recipient .js-form-item-advanced-tribute-address-administrative-area  strong.error{
  order: 2 !important;
 }
 #edit-basic-info .js-form-item-advanced-contribution-address-administrative-area {
  display: flex !important;
  flex-direction: column;
 }
 #edit-basic-info .js-form-item-advanced-contribution-address-administrative-area strong.error{
  order: 2 !important;
 }