.input-group-prepend {

    .input-group-text {
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        border: 0;

        i {
            font-size: 20px;
            color: $color-3;
        }
    }
}
.input-group {
    margin-bottom: 30px;
    border-bottom: 1px solid;
    border-color: rgba(172,121,99,0.5);
    transition: .5s all;
    opacity: .6;

    .form-control {
        border-radius: 0;
        border: 0;  
        font-family: $principal-font;
        background: transparent;

        &:focus {
            box-shadow: unset;
        }
        &::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            font-size: 14px;
          }
          ::-moz-placeholder { /* Firefox 19+ */
            font-size: 14px;
          }
          :-ms-input-placeholder { /* IE 10+ */
            font-size: 14px;
          }
          :-moz-placeholder { /* Firefox 18- */
            font-size: 14px;
          }
    }

    &.focus {
        opacity: 1;
        border-bottom: 2px solid;
        border-color: rgba(172,121,99,1);
    }
}
.form__box {
    position: relative;
    padding: 85px 0;

    @media(max-width:900px) {
        padding: 50px $padd-mob;
    }
}
.form-label {
    font-weight: 500;
    margin-bottom: 0;
}

label.error {
    position: absolute;
    background-color: #f66775;
    color: white;
    bottom: -30px;
    right: 0;
    padding: 0 5px;
    border-radius: 0 0 3px 3px;
}

.swal-modal {
    background: #FFFFFF;
    box-shadow: 0px 20px 40px rgba(44, 48, 46, 0.104431);
    border-radius: 0px;
}

.swal-icon {
    display: none;
}

.swal-button {
    width: 100%;
    font-weight: 600;
    max-width: 300px;
    border: 1px solid transparent;
    border-color: #649e9a;
    color: #649e9a;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    height: fit-content;
    width: fit-content;
    transition: all 0.5s;
    background-color: white;
    padding: 14px 40px;
    &:focus, &:active {
        border-color: #649e9a;
        color: #649e9a;
        background-color: white;
    }
}

.swal-footer {
    display: flex;
    justify-content: center;
}

.swal-button:not([disabled]):hover {
    background-color: #649e9a;
}