#main-step-container {
    min-height: 400px;
}
.hover-box:hover {
    background-color: #f2f2f2;
}

.hover-box {
    background-color: #fff;
    transition: background-color 0.1s;
    cursor: pointer;
}

.hover-box .arrow {
    opacity: 0;
    transition: opacity 0.1s;
}

.hover-box:hover .arrow {
    opacity: 1;
}

#collectTaxIdElement iframe{
    height: 42px;
}

.text-grey {
    color: lightgrey;
  }
.fit-screen {
    min-height: calc(100vh - 321px) !important;
}
.text-brand {
    color: #024884 !important;
}
.btn-brand {
    background: #034985 !important;
    color: #EEF3F6 !important;
    transition: color 0.2s, background-color 0.2s, border 0.2s;
}
.btn-brand:hover {
    background: #fff !important;
    color: #034985 !important;
    border: 1px solid #034985;
}
.btn-brand-light {
    background: #0786F1 !important;
    color: #fff !important;
}
.navbar .nav-link {
    color: #fff !important;
}
.navbar .nav-item .active {
    background: #fff !important;
    color: #034985 !important;
    border: 5px solid #e8e8e8 !important;
    border-radius: 15px !important;
    padding: 6px 12px 6px 12px;
}
.navbar {
    font-family: 'NotoSerif';
    font-weight: bold;
    letter-spacing: .03rem;
}
.navbar-brand {
    font-size: 1.55rem !important;
    padding: 0 !important;
}
.payment-select .nav-item {
    color: #000;
}

@font-face {
    font-family: 'NotoSerif';
    src: url(/font/NotoSerif-Bold.ttf) format('ttf');
    font-style: normal;
    font-display: swap;
}

.input-highlight {
    border: 3px solid #f5100c !important;
}
.blog-link {
    color: rgb(33,37,41) !important;
    text-decoration: none !important;
    transition: color 0.5s;
}
.blog-link:hover {
    color: #034985 !important;
}
#input-dotnumber::-webkit-outer-spin-button,
#input-dotnumber::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#input-dotnumber {
    -moz-appearance: textfield;
}

.form-check-input {
    border-color: #AAAED2 !important;
}