.modal {
    font-family: 'Poppins-Light';
}

.modal .btn-primary {
    color: #fff;
    background-color: var(--foralista-color-1);
    border: 0.063rem solid var(--foralista-color-1);
}

.modal .modal-header {
    border-bottom: 0;
    font-family: 'Poppins-Light';
    background: transparent;
}

.modal .modal-header.p-absolute {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}

.modal .modal-body {
    padding-top: 0rem;
}

#box-signup-form .contact-img {
    width: 85%;
}

#box-signup-form .form-info {
    background: url(/assets/images/f-bg.png) repeat, linear-gradient(0deg, #f5f5f9 100%, #fff 100%);
    background-size: 30%;
    background-position: center center;
    background-attachment: fixed;
    animation: slide-background 40s linear infinite;
    padding: 1.25rem 0.938rem;
    border-radius: 0.375rem;
}

@keyframes slide-background {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}

@media screen and (max-width: 40em) {
    #box-singup-form .form-info {
        background-size: 300%;
        padding: 0.938rem;
    }
}

.box-singup-form-title {
    font-family: 'Poppins-Light';
    font-size: 1.7em;
}

.box-singup-form-action {
    color: #868686;
    font-size: 1.1em;
    margin-bottom: 0.5em;
    font-family: 'Poppins-Light';
}

.modal a {
    color: rgb(251, 81, 108);
}

@media screen and (max-width: 40em) {
    .modal .agent-card {
        justify-content: center;   
    }

    .modal .agent-image img {
        width: 6.25rem;
        height: 6.25rem;
    }
}

.modal .btn-secondary-bordered {
    cursor: pointer;
    font-family: Poppins, sans-serif;
    border: 0.063rem solid #c9cbce;
    color: var(--bs-body-color);
    border-radius: 0.25rem;
    font-size: 0.82em;
    padding: 0.625rem;
    position: relative;
    width: 100%;
}

.fade-in {
    opacity: 0;
    transition: opacity 0.3s ease-in;
}
.fade-in.show {
    opacity: 1;
}

.alert {
    border: 0;
}