/*====================================
VERIFY PAGE
====================================*/

.verify-body {

    background: #f5f8f6;

}

.verify-left {

    background: linear-gradient(135deg, #198754, #146c43);

    color: #fff;

    padding: 60px;

}

.verify-left-content {

    display: flex;

    flex-direction: column;

    width: 100%;

}

.logo {

    width: 90px;

}

.service-box {

    background: rgba(255, 255, 255, .12);

    border-radius: 20px;

    padding: 25px;

    text-align: center;

    margin: 30px 0;

    backdrop-filter: blur(8px);

}

.service-box i {

    font-size: 50px;

    margin-bottom: 15px;

}

.info-item {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 18px;

    font-size: 17px;

}

.info-item i {

    font-size: 22px;

}

.verify-card {

    width: 100%;

    max-width: 600px;

    padding: 50px;

}

.verify-icon {

    width: 90px;

    height: 90px;

    border-radius: 50%;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: auto;

    font-size: 40px;

}

.input-group-text {

    background: #fff;

}

.form-control {

    height: 58px;

}

.btn-lg {

    height: 58px;

    font-weight: 600;

    border-radius: 12px;

}

.progress {

    border-radius: 30px;

}

.alert {

    border-radius: 16px;

}

.verify-success {

    width: 90px;

    height: 90px;

    background: #198754;

    color: white;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: auto;

    font-size: 50px;

    margin-bottom: 20px;

    animation: pop .5s;

}

@keyframes pop {

    0% {

        transform: scale(.2);

        opacity: 0;

    }

    100% {

        transform: scale(1);

        opacity: 1;

    }

}