* {
    font-family: "Microsoft JhenHei", 微軟正黑體;
}
a {
    text-decoration: none;
}
ol,
ul,
dl {
    margin-bottom: 0;
}
p {
    color: var(--bs-gray-dark);
    margin-bottom: 0;
}
body {
    background-color: #f5f5f5;
}
.introduce .card,
.list-table-wrapper table,
.userInfo .card {
    background-color: #fff;
}
.card {
    box-shadow: 0px 4px 26px -22px rgb(0 0 0 / 14%);
}
.title {
    margin-bottom: 0;
    font-weight: bold;
}
p.dollar,
span.dollar {
    font-weight: bold;
}
p.dollar:before,
span.dollar:before {
    content: "$";
}
@media (max-width: 991.98px) {
    html {
        font-size: 15px;
    }
}
/*introduce*/
.introduce .card {
    flex-direction: row;
}
.company-info {
    padding-left: 0rem;
}
.company-info span,
.company-info a {
    font-weight: bold;
    letter-spacing: 1px;
}
.company-info li {
    margin-bottom: 1rem;
    list-style: none;
}
.company-info li:last-child {
    margin-bottom: 0rem;
}
.introduce .card-header {
    background-color: #fff;
}
@media (max-width: 991.98px) {
    .company-info li {
        margin-bottom: 0.5rem;
    }
    .introduce .card-header .card-title {
        margin-bottom: 0;
    }
    .introduce .card p,
    .company-info li {
        font-size: 0.95rem;
    }
    .introduce .card-header {
        padding: 1rem 0;
    }
}
/*list & listSingle*/
.list-table-wrapper table {
    margin-bottom: 0;
}
.list-table-wrapper span.dollar:before {
    content: "$";
}
.list-table-wrapper thead th {
    white-space: nowrap;
}

.list-table-wrapper {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    overflow-x: auto;
}
.list-table-wrapper span.name:after,
.list-table-wrapper span.dollar:after {
    content: " / ";
}
.list-table-wrapper span.dollar:last-child:after {
    content: none;
}
/*listSingle*/
.listSingle .qrcode img {
    max-height: 80px;
}
.listSingle .qrcode .card-header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
}
.listSingle .order-check .card .check-product-bottom {
    padding: 1rem;
}
@media (max-width: 575.98px) {
    .listSingle .qrcode img {
        max-height: 100%;
        width: 100%;
    }
    .listSingle .qrcode .card-header {
        grid-template-columns: 1fr;
    }
    .listSingle .qrcode span {
        margin: 1rem 0;
    }
}

/*userInfo*/
.userInfo-list .userInfo-list-base,
.userInfo-list .userInfo-list-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 1rem;
    column-gap: 1rem;
}
.userInfo-list .userInfo-list-base > div,
.userInfo-list .userInfo-list-item > div {
    list-style: none;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    align-self: center;
    line-height: 38px;
}
.userInfo-list .userInfo-list-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0.25rem;
    margin: 1.5rem 1rem 1rem;
}
.userInfo-list .userInfo-list-base > div:nth-child(7),
.userInfo-list .userInfo-list-base > div:nth-child(8),
.userInfo-list .userInfo-list-item > div:last-child {
    border-bottom: none;
}
.userInfo-list .userInfo-list-item.empty-form {
    position: relative;
}
.userInfo-list .userInfo-list-item .grid-span-2 {
    grid-column: span 2;
    grid-template-columns: 1fr 7.6fr;
}
.userInfo-list .userInfo-list-item .btn {
    grid-column: span 2;
    margin: 0 auto;
}
.userInfo-list .userInfo-list-item legend {
    color: var(--bs-gray);
    font-size: 15px;
    position: absolute;
    top: 0;
    left: 1rem;
    transform: translateY(-50%);
    background-color: #fff;
    display: inline-block;
    width: auto;
}
.userInfo-list .card-body {
    padding: 0;
}
.userInfo-list .card-body .form-group span,
.userInfo-list .card-body .form-group a {
    font-weight: bold;
    letter-spacing: 1px;
}
.userInfo-list .card-body > p.card-text {
    padding: 0.5rem 1rem;
}

@media (max-width: 991.98px) {
    .userInfo-list .userInfo-list-base > div,
    .userInfo-list .userInfo-list-item > div,
    .userInfo-list .userInfo-list-item .grid-span-2 {
        grid-template-columns: 1fr;
    }
    .userInfo-list form .col-form-label {
        padding-top: 0;
    }
}
@media (max-width: 575.98px) {
    .userInfo-list .userInfo-list-base,
    .userInfo-list .userInfo-list-item {
        grid-template-columns: 1fr;
    }
    .userInfo-list .userInfo-list-item .grid-span-2,
    .userInfo-list .userInfo-list-item .btn {
        grid-column: span 1;
        width: 100%;
    }
}
/* orderStep progress*/
.nav-progress {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    background-color: #fff;
}
.nav {
    justify-content: center;
    position: relative;
}
.nav-progress .owl-carousel .owl-stage {
    margin: 0 auto;
}
.nav-progress .nav-item {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.nav-progress .nav-link.line {
    border-bottom: 2px solid var(--bs-primary);
}
.nav-progress .nav-link {
    display: inline-block;
    white-space: nowrap;
}
.nav-progress .nav-link.disabled:not(.actvie) {
    pointer-events: none;
}
.nav-progress .nav-link,
.nav-progress .nav-link:hover,
.nav-progress span.fa {
    color: var(--bs-secondary);
}
.nav-progress span.fa {
    height: 13px;
}
.nav-progress .nav-link.active {
    color: var(--bs-primary);
    font-weight: bold;
}
@media (max-width: 767.98px) {
    .nav-progress {
        overflow-x: scroll;
    }
    .nav {
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: unset;
    }
}
@media (max-width: 575.98px) {
    .nav-progress {
        padding: 5px;
    }
}
@media (max-width: 375px) {
    .nav-progress {
        justify-content: flex-start;
    }
}

/*orderStep-2*/
.orderStep-2 .company-info li {
    margin-bottom: 0;
    word-break: break-word;
}
.orderStep-2 .company-info li.shop-info span:not(.fa) {
    color: var(--bs-gray-dark);
    display: block;
    margin-top: 10px;
    font-weight: 500;
}
.orderStep-2 .company-info li span.mail {
    font-weight: normal;
    display: inline-block;
}
.search-all form {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 5px;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 120px;
    column-gap: 5px;
    background-color: #fff;
}
/* 無日期、有時段、有數量 s-2*/
.search-all form.close {
    grid-template-columns: 1fr 1fr 120px;
}
/* 有日期、無時段、有數量
有日期、有時段、無數量 s-3*/
.search-all form.close-select {
    grid-template-columns: 2fr 1fr 120px;
}
/* 無日期、無時段、有數量
無日期、有時段、無數量
有日期、無時段、無數量 s-4*/
.search-all form.close-two {
    grid-template-columns: 4fr 120px;
}
.datepicker-controls .next-btn,
.datepicker-controls .prev-btn,
.datepicker-controls .view-switch {
    border: none;
}
.search-all #range {
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
}
.search-all #range input {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 0;
    margin: 0 10px;
}

.search-all .form-select {
    border: none;
    border-radius: 0;
}
.search-all .search-select {
    border-right: 1px solid rgba(0, 0, 0, 0.3);
}
.search-all .time-select {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}
.search-all span.fas {
    margin: 0.5rem 0 0.5rem 0.75rem;
}
.search-all .btn {
    border-radius: 0;
    vertical-align: unset;
    width: 100%;
}

@media (max-width: 767.98px) {
    .search-all form {
        grid-template-columns: 1fr 1fr;
    }
    .search-all #range {
        grid-column-start: span 2;
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
        border-bottom: 1px solid #ced4da;
        border-right: none;
    }
    .search-all #range input {
        margin: 0;
    }
    .search-all .btn {
        border-radius: 0.25rem;
    }
    .search-all .search-btn {
        grid-column-start: span 2;
        padding-top: 0.5rem;
        margin-top: 0.5rem;
        border-top: 1px solid #ced4da;
    }
    .search-all .search-select.num-select {
        border-right: none;
    }
    .search-all span.fas {
        margin: 0.5rem 0.4rem;
    }
    /* s2~4 */
    .search-all form.close {
        grid-template-columns: 1fr 1fr;
    }
    .search-all form.close-select .search-select,
    .search-all form.close-two .search-select {
        grid-column-start: span 2;
    }
    .search-all form.close-select .time-select,
    .search-all form.close-two .time-select {
        border-right: none;
    }
    .search-all form.close-two #range {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
}
/*orderStep-3*/
.select-person {
    display: inline-block;
    width: auto;
    cursor: pointer;
    vertical-align: middle;
}
.person-list .circle {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    overflow: hidden;
    margin: 1rem auto;
}
.search .form-control {
    width: auto;
}
.orderStep-3 hr {
    margin: 0 0 1rem;
}

/*orderStep-4*/
.orderStep-4 .person-list .company-info span {
    width: 19px;
    text-align: center;
}
.orderStep-4 .person-list .company-info {
    flex-direction: row;
    flex-wrap: wrap;
}
.person-list .company-info span.price:after {
    content: "元";
    color: var(--bs-dark);
}
.person-list .company-info span.price {
    color: var(--bs-primary);
}
.orderStep-4 .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
}
.orderStep-4 .company-info li {
    margin-bottom: 0;
}
.orderStep-4 .person-list .person-title {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}
.orderStep-4 .person-list .person-title .icons {
    padding: 0 1rem;
    font-size: 1.25rem;
    /* color: var(--bs-primary); */
}
.orderStep-4 .person-list .person-title .icons span.disabled {
    color: rgba(108, 117, 125, 0.3);
}
@media (max-width: 991.98px) and (min-width: 768px) {
    .orderStep-4 .list-group-item + .list-group-item {
        border-top-width: 0px;
        border-left-width: 1px;
    }
}
@media (max-width: 575.98px) {
    .orderStep-4 .person-list .company-info {
        flex-direction: column;
    }
    .orderStep-4 .list-group-item + .list-group-item {
        border-top-width: 0px;
        border-left-width: 1px;
    }
}
/*orderStep-5*/
/* 月曆 */
.pignose-calendar {
    width: 100%;
    max-width: 100%;
}
.pignose-calendar .pignose-calendar-top .pignose-calendar-top-date {
    top: 50%;
    height: auto;
    padding: 0;
    transform: translateY(-50%);
}
.pignose-calendar .pignose-calendar-unit {
    height: 4.5em;
    border-bottom: 1px solid #e2e2e2;
}
.pignose-calendar .pignose-calendar-unit a {
    width: 2em;
    height: 2em;
    line-height: 2em;
}
.pignose-calendar .pignose-calendar-header {
    border-bottom: 2px solid #e2e2e2;
}
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-range a {
    background-color: #99b0b3;
    color: #fff;
    font-weight: bold;
}
.pignose-calendar .pignose-calendar-unit a {
    color: #2fabb7;
}
.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-disabled a {
    opacity: 0.3;
    background-color: transparent;
    color: #000;
    cursor: default;
}
.pignose-calendar .pignose-calendar-unit a {
    font-weight: 600;
}
.pignose-calendar
    .pignose-calendar-unit.pignose-calendar-unit-range.pignose-calendar-unit-sat
    a,
.pignose-calendar
    .pignose-calendar-unit.pignose-calendar-unit-range.pignose-calendar-unit-sun
    a,
.pignose-calendar
    .pignose-calendar-unit.pignose-calendar-unit-disabled.pignose-calendar-unit-sat
    a,
.pignose-calendar
    .pignose-calendar-unit.pignose-calendar-unit-disabled.pignose-calendar-unit-sun
    a {
    color: #fa4832;
}
p.event {
    font-size: 13px;
    line-height: 1;
    color: red;
    font-weight: bold;
}
/* //月曆 */
.select-detail {
    min-width: 100%;
    padding: 0;
}
.select-detail select {
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.select-detail .select-num {
    border-left: 1px solid rgba(0, 0, 0, 0.125);
}
.select-detail .select-day-detail .select-day-list p {
    display: inline-block;
}
.select-detail .select-day-detail .select-day-list {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
}
.select-detail .select-day-detail .select-day-list:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.select-detail .select-day-detail .select-day-list select {
    display: inline-block;
    width: auto;
}
.select-detail .select-num .form-control {
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.select-detail .select-num .form-control::placeholder {
    color: #212529;
}
.select-detail .time-price p:before {
    content: "+";
}
.select-detail .time-price p:after,
.select-detail .select-day-list p.dollar:before {
    content: "$";
}
.select-detail .time-price p,
.select-detail .other-item .list-group-item span.price {
    font-weight: bold;
    color: var(--bs-primary);
}
.select-detail .other-item p {
    line-height: 1.5;
}
.select-detail .other-item .list-group-item {
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.select-detail .other-item .list-group-item:last-child {
    padding: 0;
    border-top: none;
}
.select-detail .other-item .list-group-item select {
    border: none;
    cursor: pointer;
    font-weight: bold;
}
.select-detail .other-item .list-group-item span.price:after {
    content: "元";
    color: var(--bs-dark);
}
.select-detail .other-item .list-group-item.disabled span.price:after,
.select-detail .other-item .list-group-item.disabled span.price,
.select-detail .other-item .list-group-item.disabled select {
    color: #6c757d;
}

.select-detail .other-item .list-group-item.disabled {
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.select-detail .other-item .card {
    background-color: #f5f5f5;
}

@media (max-width: 767.98px) {
    .select-detail .select-num {
        border-left: none;
    }
    .select-detail .select-num .card-body {
        border-top: 1px solid rgba(0, 0, 0, 0.125);
    }
}
@media (max-width: 390px) {
    .pignose-calendar .pignose-calendar-header {
        padding: 0;
    }
    .pignose-calendar .pignose-calendar-body {
        padding: 1.2em 0;
    }
}
/* orderStep-6 */
/* 月曆 */
.pignose-calendar-wrapper {
    max-width: 100%;
}
.pignose-calendar .pignose-calendar-body {
    padding: 0 1.2em;
}
.pignose-calendar .pignose-calendar-top {
    padding: 1.8em 0;
}
.pignose-calendar .pignose-calendar-header {
    margin-top: 0.6em;
}
/* 月曆 */
.order-check table {
    margin-bottom: 0;
}
.order-check .dele-btn span.fas {
    width: 18px;
    height: 16px;
    text-align: center;
}
.order-check .dele-btn {
    margin-right: 1.5rem;
}
.order-check .card .check-product label {
    display: block;
    font-size: 14px;
    color: var(--bs-gray);
}
.order-check .card .item-grids {
    display: grid;
    grid-template-columns: 0.4fr 1fr;
    padding: 0;
    column-gap: 1rem;
}
.order-check .card .item-grids .item-grids-sec {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1rem;
}
.order-check .card .item-grids .date-select {
    grid-column-start: span 2;
}
.order-check .card .item-grids .item-grids-sec.select-time-none .date-select {
    grid-column-start: span 4;
}

.order-check .card .items-wrapper {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 1rem;
}
.order-check .card .check-product:last-child {
    border-bottom: none;
}
.order-check .card .check-product-bottom {
    background-color: rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #ddd;
    padding: 1rem 1rem 1rem 84px;
    display: grid;
    grid-template-columns: 1.85fr 1fr;
    align-items: center;
    grid-gap: 0.5rem 1rem;
}
.order-check .card .check-product-bottom h6 {
    text-align: right;
    margin-bottom: 0;
    color: var(--bs-gray);
}
.order-check .card .check-product-bottom div {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
}
.order-check .card .check-product:last-child .check-product-bottom {
    border-bottom: none;
}
.order-check .card .items-wrapper h6 {
    line-height: 24px;
}
.order-check .card .items-wrapper .item-grid {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
    padding-bottom: 0.5rem;
    align-self: center;
}
.order-check .card .items-wrapper .item-grid:last-child {
    grid-column-start: span 2;
}
.order-check .card .items-wrapper .item-grid.item-grid-num {
    border-bottom: none;
}
.order-check .item-grid span,
.order-check .item-grid p {
    font-weight: bold;
}
.order-check .card .items-wrapper .item-grid.date-select span {
    padding: 0.375rem 5px;
}
.order-check .items-wrapper .item-grid.date-select input:disabled {
    border: 1px solid #ced4da;
    box-shadow: none;
}
.order-check .accordion-body .row span {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
    padding-bottom: 0.5rem;
}

.pay-check .pay-check-list {
    font-weight: 700;
    align-self: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.4rem;
}
.pay-check .pay-check-list label {
    margin-bottom: 0.5rem;
}
.pay-check .card-body {
    display: grid;
    grid-template-columns: 0.5fr 1fr 0.5fr 1fr 1fr 1fr;
    column-gap: 1rem;
}
.pay-check .pay-check-list:last-child span.dollar {
    color: var(--bs-primary);
}
.pay-check .pay-check-list span.dollar:first-child:after {
    content: " /";
    color: var(--bs-dark);
}
.pay-check .pay-check-list span.dollar:after {
    content: "元";
}
.pay-check .pay-check-list input,
.pay-check .pay-check-list select {
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.pay-check .pay-check-list p {
    line-height: 38px;
}
.personal-info .card-header {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
    align-items: center;
}
.personal-info .card-header .form-select {
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.personal-info .personal-top .radio-input-group {
    padding: 0.375rem 0.75rem;
}
@media (max-width: 1199.98px) {
    .order-check .card .item-grids {
        grid-template-columns: 0.3fr 1fr;
    }
    .order-check .card .check-product-bottom {
        grid-template-columns: 1.67fr 1fr;
    }
}
@media (max-width: 991.98px) {
    .order-check .card .item-grids {
        grid-template-columns: 1fr;
        row-gap: 1rem;
    }
    .order-check .card .items-wrapper {
        align-items: flex-start;
    }
    .order-check .card .check-product-bottom {
        grid-template-columns: 1fr 1fr;
    }
    .pay-check .card-body {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 1rem;
    }
}
@media (max-width: 767.98px) {
    .pay-check .card-body {
        grid-template-columns: 1fr 1fr;
    }
    .order-check .card .item-grids .item-grids-sec {
        grid-template-columns: 1fr 1fr;
    }
    .order-check
        .card
        .item-grids
        .item-grids-sec.select-time-none
        .date-select {
        grid-column-start: span 2;
    }

    .order-check .card .check-product-bottom {
        grid-template-columns: 1fr;
    }
    .order-check .card .check-product-bottom div {
        margin-bottom: 5px;
    }
    .order-check .card .check-product-bottom h6 {
        text-align: left;
    }
}
@media (max-width: 480px) {
    .order-check .card .item-grids .item-grid.date-select .input-group {
        display: grid;
        grid-template-columns: 1fr;
    }
    .order-check .card .item-grids .item-grid.date-select .input-group input {
        width: 100%;
    }
    .order-check
        .card
        .item-grid.date-select
        .input-group:not(.has-validation)
        > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
    .order-check
        .card
        .item-grid.date-select
        .input-group
        > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
            .valid-feedback
        ):not(.invalid-tooltip):not(.invalid-feedback) {
        border-radius: 0;
        margin-left: 0;
    }
    .order-check .card .items-wrapper .item-grid.date-select span {
        padding: 0.375rem 0.75rem;
    }
    .personal-info .card-header {
        grid-template-columns: 1fr;
        row-gap: 0.75rem;
    }
}
@media (max-width: 425px) {
    .personal-info .input-group .input-group-text {
        width: 100%;
        display: block;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .personal-info
        .card-body
        .input-group:not(.has-validation)
        > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
    .personal-info
        .card-body
        .input-group:not(.has-validation)
        > .dropdown-toggle:nth-last-child(n + 3) {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
        border-bottom: none;
    }
    .personal-info
        .card-body
        .input-group
        > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
            .valid-feedback
        ):not(.invalid-tooltip):not(.invalid-feedback) {
        margin-left: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0.25rem;
        /* border-top: none; */
    }
    .personal-info .radio-input-group {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border: 1px solid #ced4da;
        width: 100%;
    }
}
@media (max-width: 390px) {
    /* 月曆 */
    .pignose-calendar-wrapper {
        width: 90%;
    }
    /* 月曆 */
    .order-check .card .items-wrapper {
        flex-direction: column;
    }
    .order-check .dele-btn {
        margin-bottom: 1rem;
    }
    .pay-check .card-body {
        grid-template-columns: 1fr;
    }
    .order-check .card .check-product-bottom {
        padding-left: 1rem;
    }
}
/* orderStep-7 */
.pay .form-check {
    margin-right: 0.5em;
    margin-left: 0;
}
.pay .list-group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
}
.pay .list-group .list-group-item {
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.pay .list-group .list-group-item label,
.pay .list-group .list-group-item input {
    cursor: pointer;
}
@media (max-width: 767.98px) {
    .pay .list-group {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 480px) {
    .pay .list-group {
        grid-template-columns: 1fr;
    }
}

/*phoneConfirm*/
.phoneConfirm .card {
    max-width: 390px;
    margin: 0 auto;
}
.phoneConfirm input:focus,
.phoneConfirm input:focus-visible {
    outline: none;
    border: 1px solid #ced4da;
    box-shadow: none;
}
.phoneConfirm .input-group-text {
    z-index: 5;
    cursor: default;
}