.btnloding {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.btnloding2 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.spinner {
    border: 2px solid rgb(64, 85, 108);
    border-top: 2px solid white;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    animation: spin 1s linear infinite;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Disabled button style */
.btn.disabled {
    cursor: not-allowed;
    opacity: 0.4;
}

.minauto {
    min-width: auto !important;
}


.hp-wrap {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#formErrorToast {
    position: fixed;
    right: 20px;
    bottom: 20px;
    max-width: 380px;
    background: #d94343;
    color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
    padding: 14px 40px 14px 16px;
    display: none;
    align-items: flex-start;
    gap: 10px;
    z-index: 99999;
    font-family: inherit;
}

#formErrorToast.show {
    display: flex;
}

#formErrorToast .toast-icon {
    flex: 0 0 auto;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: red;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 24px;
    margin: auto;
}

#formErrorToast .toast-body strong {
    display: block;
    margin-bottom: 2px;
}

#formErrorToast .toast-body span {
    font-size: 17px;
    line-height: 1.35;
}

#formErrorToast .toast-close {
    position: absolute;
    top: 10px;
    right: 12px;
    cursor: pointer;
    background: none;
    border: none;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    opacity: 0.85;
}

#formErrorToast .toast-close:hover {
    opacity: 1;
}

#EmailTour {
    padding-right: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#email {
    padding-right: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.field-validation-error {
    top: 25%;
    color: red;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    /* top: auto; */
    right: 10px;
    line-height: 1;
}
#errorRIEmail.field-validation-error {
    top: 65%;right:26px
   
}
#errortxtEmail.field-validation-error {
  top: 5px;
  right: 0;
  left: inherit;
   
}
.weddingpage .field-validation-error {
    top: 65%;right:26px
   
}
.valid {
    background: #fff !important;
    transition: all 0s ease-in-out 0s;
    /* border: none !important; */
}

.input-validation-error {
    background:#fff url("../images/error.webp") no-repeat scroll right 12px center !important;    
    transition: all 0s ease-in-out 0s;
    box-shadow: none;
    
}

/* Global - show hand cursor for checkboxes */
input[type="checkbox"],
input[type="checkbox"]:hover,
input[type="checkbox"]:focus {
    cursor: pointer;
}
.formdiv label {   
    top: 13px;
    left: 0;
    padding: 0 10px;
  
    transition: all .3s ease;
   
}

.form-control:focus {
    border-color: none
}

input:focus-visible {
    outline: 0
}

.formdiv input:focus+label,.formdiv input:valid+label {
    font-size: 14px;
    top: 14px;
    /*! background: #be003b; */
    left: 0;
    color: #fff;
    line-height: 1.9;
    border-radius: 5px;
    pointer-events: none;
}

 .input-validation-error + label::before, 
 .input-validation-error + label, 
 .formdiv input.input-validation-error, 
 .formdiv input.input-validation-error::placeholder, 
 .formdiv textarea.input-validation-error::placeholder
 {
    color: red !important;
} 
.formdiv:has(input.input-validation-error) label, .formdiv:has(select.input-validation-error) label {
    color: red;
}
textarea.input-validation-error::placeholder {
    color: red !important;
}
.formdiv textarea.form-control.input-validation-error::placeholder {
    color: red !important;
}
.input-validation-error.textvalid {
    background: #fff !important;    
}

.input-validation-error + label::before,
.input-validation-error + label {
    color: red !important;
}

/* Keep entered text normal */
.formdiv input.input-validation-error,
.formdiv textarea.input-validation-error {
    color: #495057 !important;
}

/* Only placeholders are red */
.formdiv input.input-validation-error::placeholder,
.formdiv textarea.input-validation-error::placeholder {
    color: red !important;
    opacity: 1;
}

.errorEmailTour.field-validation-error {
    right: 25px;
  left: inherit;
  top: 29%;
}