.modal-content {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    pointer-events: auto !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid rgba(0,0,0,.2) !important;
    border-radius: .3rem !important;
    outline: 0 !important;
}

.card {
    border: 2px solid #333;
}

h5 {
    color: #333;
    font-size: 1.3rem !important;
}

.est-btn-area {
    background: linear-gradient(#ff4500, #ff8c00, #fff);
}
.est-btn-select {
    border: 5px solid red !important;
}
.est-btn-area-blue {
    background: linear-gradient(#4169e1, #6495ed, #fff);
}
.est-btn-header {
    margin: 0 -5px 5px;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #000 !important;
}
.est-btn-title {
    font-size: 2.3em;
    color: #fff;
    text-shadow:1px 1px 0 black;
    font-weight: 900;
}
.est-btn-detail {
    color: #222 !important;
    background-color: white;
    border-radius: 3px;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 1.7rem;
}
@media screen and (max-width:480px) {
    .est-btn-title {
        font-size: 1.9em;
    }
    .est-btn-detail {
        font-size: 1.3em;
        padding: 3px 7px;
    }
}

.est-btn-area .card-body {
    padding: 5px;
}
.est-plan {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    border-radius: 4px;
}
.est-plan-type1 {
    background-color: #00ff00;
}
.est-plan-type2 {
    background-color: #ff8c00;
}
.est-plan-type3 {
    background-color: #555;
}
.est-plan-type4 {
    background-color: #00bfff;
}
.est-plan-type5 {
    background-color: purple;
}