.figgtabs {
    display: none;
}

.figgtabs.active {
    display: block;
}

.figgauth-btn {
    cursor: pointer;
}

.epayment-agree {
    margin-top: -1.5rem !important;
    text-align: right;
}

.epcost-field::before {
    content: "$";
    position: absolute;
    left: 10px;
    font-size: 20px;
    bottom: 0;
    line-height: 2.5rem;
}

#payamount {
    padding-left: 3.5rem;
}

.ex-form-title {
    margin-top: -2rem;
}

.pkgstatus.success {
    background-color: #5b8fcb;
    border-radius: var(--curve5);
    padding: 20px;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-height: 14.5rem;
    text-align: center;
}

.pkgstatus.error {
    background-color: #f8d7da;
}

p.pkgstatus.success.img {
    padding: 0;
    overflow: hidden;
    background-color: transparent;
}
.red-bar {
    border: 2px solid red !important;
    background-color: pink !important;
}
.field-checkbox label a {
    position: relative !important;
    z-index: 1 !important;
}


.field-box .row {
    margin: 0 -1.25rem;
}

.field-box > a {
    float: right;
    margin-top: -23px;
}

.field-box > a svg {
    height: 12px;
}

.field-box > a:hover {
    opacity: .6;
}

.card-info-popup-wrap {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
}

.card-info-popup-inner {
    flex: 0 0 30%;
    max-width: 30%;
    background-color: #fff;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 0 2.5rem 2.5rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.card-info-popup-inner > h4 {
    text-align: initial;
    color: #fff;
    width: calc(100% + 5rem);
    margin-left: -2.5rem;
    font-size: 1.75rem;
    background-color: var(--color3);
    font-size: 1.25rem;
    padding: 1.25rem;
    font-weight: 400;
    margin-bottom: 2.5rem;
}

a.popup-close {
    position: absolute;
    right: 15px;
    top: 22px;
    z-index: 99;
}

a.popup-close:hover, a.popup-close:focus {
    opacity: .5;
}

a.popup-close svg {
    height: 18px;
    fill: #fff;
}

.card-info-popup-wrap.active {
    opacity: 1;
    visibility: visible;
}

/*===== Responsive =====*/
@media (max-width: 990px) {
    .ex-form-title {
        margin-top: 0;
    }

    .epayment-agree {
        text-align: initial;
        margin-top: 1.5rem !important;
    }
}

@media (max-width: 770px) {
    .card-info-popup-inner {
        flex: 0 0 90%;
        max-width: 90%;
    }
}