.card .card-body {
    background-color: #fff; 
    color: black;
}

p {
    color: black;
}

input.form-control,
input.form-control:focus {
    margin: 0px !important;
    background-color: unset;
    -webkit-text-fill-color: grey;
    border-color: grey;
}

input::placeholder {
    text-transform: capitalize;
}

.input-group-text {
    border-right: 0px;
    border-color: #ccc;
    border-start-end-radius: 0px;
    border-end-end-radius: 0px;
}

/* .input-group .input-field > input {
    border-start-start-radius: 0px;
    border-end-start-radius: 0px;
} */

.input-field {
    position: relative;
    height: 100%;
}

.input-password {
    display: inline-block;
    /* position: absolute; */
}

.input-field > i {
    margin: .55rem 1rem;
    position: absolute;
    right: 0px;
    top: 10%;
    cursor: pointer;
}

.line {
    position: relative;
    background-color: grey;
    height: 1px;
    margin: 36px 0;
}

.line::before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "Or";
    transform: translate(-50%,-50%);
    background-color: #fff;
    color: #8b8b8b;
    padding: 0px 15px;
}

.alert-success {
    background-color: #0a3622 !important;
    color: #fff;
    border: 1px solid rgba(0,201,167,0.15);
}

.alert-danger {
    background-color: #58151c !important;
    color: #fff;
    border: 1px solid rgba(222,68,54,0.15);
}

.bg-primary-2 {
    background-color: #4343fd !important;
}

.bg-primary-2:hover {
    background-color: #3a3963 !important;
}

section.contact .wrapper .container .column h3, 
section.contact .wrapper .container .column h2 {
    font-family: "Quicksand", sans-serif !important;
    color: #fff !important;
    font-size: 21px !important;
    font-weight: 700 !important;
}

section.contact .wrapper .container .column a {
    color: #fff !important;
    font-size: 18px !important;
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
    background-color: rgba(58, 57, 99, 0.6235294118);
    border-radius: 5px !important;
    padding: 8px 12px;
    width: max-content !important;
}

section.contact .wrapper .container .column a img {
    max-width: 30px !important;
    max-height: 25px !important;
    width: 100% !important;
}

footer {
    background-color: #e9e8f8 !important;
    padding: 15px 0 !important;
}

footer .container {
    font-size: 14px !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

footer .container p {
    font-weight: 700 !important;
}

section.contact .wrapper .container .column.social a img {
    max-width: 33px !important;
    max-height: 33px !important;
}