.add-service {
    margin-bottom: 50px;
}

.add-service .card {
    border-radius: 10px;
}

.add-service .card .card-body {
    padding: 30px;
}

.add-service .card .card-body .upload-box {
    border: 2px dashed #177B8D38;
    border-radius: 20px;
    padding: 20px;
    background-color: #177B8D05;
    min-height: 245px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.add-service .card .card-body .upload-box button {
    width: max-content;
    margin-inline: auto;
}

.add-service .card .card-body .upload-box p {
    color: #8A8A8A;
}

.add-service .card .card-body .form-check {
    display: inline-flex;
    align-items: center;
}

.add-service .card .card-body .submit-btn {
    padding-block: 15px;
    width: 200px;
    background-color: var(--primary-color);
}

.add-service .modal .modal-header .close-button {
    border: 2px solid var(--primary-color);
    border-radius: 10px;
    color: var(--primary-color);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    background: #ffffff;
}

.add-service  .modal .modal-header .close-button:hover {
    color: #ffffff;
    background: var(--primary-color);
}

.add-service .modal .modal-body button {
    width: 200px;
    padding-block: 15px;
}