html {
scroll-behavior: smooth;
}
@charset "UTF-8";
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
border-color: #ccc;
border-style: solid;
border-width: 3px 3px 0 0;
content: "";
display: block;
height: 9px;
position: absolute;
top: 6px;
width: 9px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
margin-left: -4px;
position: absolute;
width: 0;
}
.react-datepicker-popper[data-placement^="bottom"]
.react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="bottom"]
.react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="top"]
.react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="top"]
.react-datepicker__triangle:before {
border: 8px solid transparent;
box-sizing: content-box;
content: "";
height: 0;
left: -8px;
position: absolute;
width: 1px;
z-index: -1;
}
.react-datepicker-popper[data-placement^="bottom"]
.react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="top"]
.react-datepicker__triangle:before {
border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
margin-top: -8px;
top: 0;
}
.react-datepicker-popper[data-placement^="bottom"]
.react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="bottom"]
.react-datepicker__triangle:before {
border-bottom-color: #f0f0f0;
border-top: none;
}
.react-datepicker-popper[data-placement^="bottom"]
.react-datepicker__triangle:after {
top: 0;
}
.react-datepicker-popper[data-placement^="bottom"]
.react-datepicker__triangle:before {
border-bottom-color: #aeaeae;
top: -1px;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
bottom: 0;
margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^="top"]
.react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="top"]
.react-datepicker__triangle:before {
border-bottom: none;
border-top-color: #fff;
}
.react-datepicker-popper[data-placement^="top"]
.react-datepicker__triangle:after {
bottom: 0;
}
.react-datepicker-popper[data-placement^="top"]
.react-datepicker__triangle:before {
border-top-color: #aeaeae;
bottom: -1px;
}
.react-datepicker-wrapper {
border: 0;
display: inline-block;
padding: 0;
width: 100%;
}
.react-datepicker {
background-color: #fff;
border: 1px solid #aeaeae;
border-radius: 0.3rem;
color: #000;
display: inline-block;
font-family: Helvetica Neue, helvetica, arial, sans-serif;
font-size: 0.8rem;
position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
border-bottom-left-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.react-datepicker__triangle {
left: 50px;
position: absolute;
}
.react-datepicker-popper {
z-index: 1;
}
.react-datepicker-popper[data-placement^="bottom"] {
padding-top: 10px;
}
.react-datepicker-popper[data-placement="bottom-end"]
.react-datepicker__triangle,
.react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
left: auto;
right: 50px;
}
.react-datepicker-popper[data-placement^="top"] {
padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^="right"] {
padding-left: 8px;
}
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
left: auto;
right: 42px;
}
.react-datepicker-popper[data-placement^="left"] {
padding-right: 8px;
}
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
left: 42px;
right: auto;
}
.react-datepicker__header {
background-color: #f0f0f0;
border-bottom: 1px solid #aeaeae;
border-top-left-radius: 0.3rem;
padding: 8px 0;
position: relative;
text-align: center;
}
.react-datepicker__header--time {
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
border-top-right-radius: 0.3rem;
}
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
display: inline-block;
margin: 0 2px;
}
.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
color: #000;
font-size: 0.944rem;
font-weight: 700;
margin-top: 0;
}
.react-datepicker-time__header {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.react-datepicker__navigation {
align-items: center;
background: none;
border: none;
cursor: pointer;
display: flex;
height: 32px;
justify-content: center;
overflow: hidden;
padding: 0;
position: absolute;
text-align: center;
text-indent: -999em;
top: 2px;
width: 32px;
z-index: 1;
}
.react-datepicker__navigation--previous {
left: 2px;
}
.react-datepicker__navigation--next {
right: 2px;
}
.react-datepicker__navigation--next--with-time:not(
.react-datepicker__navigation--next--with-today-button
) {
right: 85px;
}
.react-datepicker__navigation--years {
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0;
}
.react-datepicker__navigation--years-previous {
top: 4px;
}
.react-datepicker__navigation--years-upcoming {
top: -4px;
}
.react-datepicker__navigation:hover :before {
border-color: #a6a6a6;
}
.react-datepicker__navigation-icon {
font-size: 20px;
position: relative;
top: -1px;
width: 0;
}
.react-datepicker__navigation-icon--next {
left: -2px;
}
.react-datepicker__navigation-icon--next:before {
left: -7px;
transform: rotate(45deg);
}
.react-datepicker__navigation-icon--previous {
right: -2px;
}
.react-datepicker__navigation-icon--previous:before {
right: -7px;
transform: rotate(225deg);
}
.react-datepicker__month-container {
float: left;
}
.react-datepicker__year {
margin: 0.4rem;
text-align: center;
}
.react-datepicker__year-wrapper {
display: flex;
flex-wrap: wrap;
max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
display: inline-block;
margin: 2px;
width: 4rem;
}
.react-datepicker__month {
margin: 0.4rem;
text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
display: inline-block;
margin: 2px;
width: 4rem;
}
.react-datepicker__input-time-container {
clear: both;
float: left;
margin: 5px 0 10px 15px;
text-align: left;
width: 100%;
}
.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container
.react-datepicker-time__input-container {
display: inline-block;
}
.react-datepicker__input-time-container
.react-datepicker-time__input-container
.react-datepicker-time__input {
display: inline-block;
margin-left: 10px;
}
.react-datepicker__input-time-container
.react-datepicker-time__input-container
.react-datepicker-time__input
input {
width: auto;
}
.react-datepicker__input-time-container
.react-datepicker-time__input-container
.react-datepicker-time__input
input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container
.react-datepicker-time__input-container
.react-datepicker-time__input
input[type="time"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.react-datepicker__input-time-container
.react-datepicker-time__input-container
.react-datepicker-time__input
input[type="time"] {
-moz-appearance: textfield;
}
.react-datepicker__input-time-container
.react-datepicker-time__input-container
.react-datepicker-time__delimiter {
display: inline-block;
margin-left: 5px;
}
.react-datepicker__time-container {
border-left: 1px solid #aeaeae;
float: right;
width: 85px;
}
.react-datepicker__time-container--with-today-button {
border: 1px solid #aeaeae;
border-radius: 0.3rem;
display: inline;
position: absolute;
right: -72px;
top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
background: #fff;
border-bottom-right-radius: 0.3rem;
position: relative;
}
.react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box {
border-bottom-right-radius: 0.3rem;
margin: 0 auto;
overflow-x: hidden;
text-align: center;
width: 85px;
}
.react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list {
box-sizing: content-box;
height: calc(195px + 0.85rem);
list-style: none;
margin: 0;
overflow-y: scroll;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item {
height: 30px;
padding: 5px 10px;
white-space: nowrap;
}
.react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item:hover {
background-color: #f0f0f0;
cursor: pointer;
}
.react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item--selected {
background-color: #216ba5;
color: #fff;
font-weight: 700;
}
.react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item--selected:hover {
background-color: #216ba5;
}
.react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item--disabled {
color: #ccc;
}
.react-datepicker__time-container
.react-datepicker__time
.react-datepicker__time-box
ul.react-datepicker__time-list
li.react-datepicker__time-list-item--disabled:hover {
background-color: transparent;
cursor: default;
}
.react-datepicker__week-number {
color: #ccc;
display: inline-block;
line-height: 1.7rem;
margin: 0.166rem;
text-align: center;
width: 1.7rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
background-color: #f0f0f0;
border-radius: 0.3rem;
}
.react-datepicker__day-names,
.react-datepicker__week {
white-space: nowrap;
}
.react-datepicker__day-names {
margin-bottom: -8px;
}
.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
color: #000;
display: inline-block;
line-height: 1.7rem;
margin: 0.166rem;
text-align: center;
width: 1.7rem;
}
.react-datepicker__month--in-range,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--selected,
.react-datepicker__quarter--in-range,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--selected {
background-color: #216ba5;
border-radius: 0.3rem;
color: #fff;
}
.react-datepicker__month--in-range:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--selected:hover,
.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--selected:hover {
background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
color: #ccc;
pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
background-color: transparent;
cursor: default;
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
background-color: #f0f0f0;
border-radius: 0.3rem;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
font-weight: 700;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
background-color: #3dcc4a;
border-radius: 0.3rem;
color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
color: #f0f;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
color: green;
}
.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
background-color: #216ba5;
border-radius: 0.3rem;
color: #fff;
}
.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__year-text--in-range:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--selected:hover {
background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
background-color: #2579ba;
border-radius: 0.3rem;
color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(
.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range
),
.react-datepicker__month-text--in-selecting-range:not(
.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range
),
.react-datepicker__quarter-text--in-selecting-range:not(
.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range
),
.react-datepicker__year-text--in-selecting-range:not(
.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range
) {
background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range
.react-datepicker__day--in-range:not(
.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range
),
.react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range:not(
.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range
),
.react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range:not(
.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range
),
.react-datepicker__month--selecting-range
.react-datepicker__year-text--in-range:not(
.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range
) {
background-color: #f0f0f0;
color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
color: #ccc;
cursor: default;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
background-color: transparent;
}
.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover {
background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
background-color: #f0f0f0;
}
.react-datepicker__input-container {
display: inline-block;
position: relative;
width: 100%;
}
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
border: 1px solid transparent;
border-radius: 0.3rem;
position: relative;
}
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
cursor: pointer;
}
.react-datepicker__month-read-view:hover
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover
.react-datepicker__year-read-view--down-arrow {
border-top-color: #b3b3b3;
}
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
right: -16px;
top: 0;
transform: rotate(135deg);
}
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
background-color: #f0f0f0;
border: 1px solid #aeaeae;
border-radius: 0.3rem;
left: 25%;
position: absolute;
text-align: center;
top: 30px;
width: 50%;
z-index: 1;
}
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
cursor: pointer;
}
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
height: 150px;
overflow-y: scroll;
}
.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
display: block;
line-height: 20px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
border-bottom-left-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
background-color: #ccc;
}
.react-datepicker__month-option:hover
.react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover
.react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover
.react-datepicker__navigation--years-upcoming {
border-bottom-color: #b3b3b3;
}
.react-datepicker__month-option:hover
.react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover
.react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover
.react-datepicker__navigation--years-previous {
border-top-color: #b3b3b3;
}
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
left: 15px;
position: absolute;
}
.react-datepicker__close-icon {
background-color: transparent;
border: 0;
cursor: pointer;
display: table-cell;
height: 100%;
outline: 0;
padding: 0 6px 0 0;
position: absolute;
right: 0;
top: 0;
vertical-align: middle;
}
.react-datepicker__close-icon:after {
background-color: #216ba5;
border-radius: 50%;
color: #fff;
content: "×";
cursor: pointer;
display: table-cell;
font-size: 12px;
height: 16px;
line-height: 1;
padding: 2px;
text-align: center;
vertical-align: middle;
width: 16px;
}
.react-datepicker__today-button {
background: #f0f0f0;
border-top: 1px solid #aeaeae;
clear: left;
cursor: pointer;
font-weight: 700;
padding: 5px 0;
text-align: center;
}
.react-datepicker__portal {
align-items: center;
background-color: rgba(0, 0, 0, 0.8);
display: flex;
height: 100vh;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
line-height: 3rem;
width: 3rem;
}
@media (max-height: 550px), (max-width: 400px) {
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
line-height: 2rem;
width: 2rem;
}
}
.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
font-size: 1.44rem;
}
.rodal,
.rodal-mask {
height: 100%;
left: 0;
top: 0;
width: 100%;
z-index: 100;
}
.rodal {
position: fixed;
}
.rodal-mask {
background: rgba(0, 0, 0, 0.3);
position: absolute;
}
.rodal-dialog {
background: #fff;
border-radius: 3px;
bottom: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
left: 0;
margin: auto;
padding: 15px;
position: absolute;
right: 0;
top: 0;
z-index: 101;
}
.rodal-dialog:focus {
outline: none;
}
.rodal-close {
cursor: pointer;
height: 16px;
position: absolute;
right: 16px;
top: 16px;
width: 16px;
}
.rodal-close:after,
.rodal-close:before {
background: #999;
border-radius: 100%;
content: "";
height: 2px;
left: 0;
margin-top: -1px;
position: absolute;
top: 50%;
transition: background 0.2s;
width: 100%;
}
.rodal-close:before {
transform: rotate(45deg);
}
.rodal-close:after {
transform: rotate(-45deg);
}
.rodal-close:hover:after,
.rodal-close:hover:before {
background: #333;
}
@keyframes rodal-fade-enter {
0% {
opacity: 0;
}
}
.rodal-fade-enter {
animation: rodal-fade-enter ease-in both;
}
@keyframes rodal-fade-leave {
to {
opacity: 0;
}
}
.rodal-fade-leave {
animation: rodal-fade-leave ease-out both;
}
@keyframes rodal-zoom-enter {
0% {
transform: scale3d(0.3, 0.3, 0.3);
}
}
.rodal-zoom-enter {
animation: rodal-zoom-enter cubic-bezier(0.4, 0, 0, 1.5) both;
}
@keyframes rodal-zoom-leave {
to {
transform: scale3d(0.3, 0.3, 0.3);
}
}
.rodal-zoom-leave {
animation: rodal-zoom-leave both;
}
@keyframes rodal-slideDown-enter {
0% {
transform: translate3d(0, -100px, 0);
}
}
.rodal-slideDown-enter {
animation: rodal-slideDown-enter cubic-bezier(0.4, 0, 0, 1.5) both;
}
@keyframes rodal-slideDown-leave {
to {
transform: translate3d(0, -100px, 0);
}
}
.rodal-slideDown-leave {
animation: rodal-slideDown-leave both;
}
@keyframes rodal-slideLeft-enter {
0% {
transform: translate3d(-150px, 0, 0);
}
}
.rodal-slideLeft-enter {
animation: rodal-slideLeft-enter cubic-bezier(0.4, 0, 0, 1.5) both;
}
@keyframes rodal-slideLeft-leave {
to {
transform: translate3d(-150px, 0, 0);
}
}
.rodal-slideLeft-leave {
animation: rodal-slideLeft-leave both;
}
@keyframes rodal-slideRight-enter {
0% {
transform: translate3d(150px, 0, 0);
}
}
.rodal-slideRight-enter {
animation: rodal-slideRight-enter cubic-bezier(0.4, 0, 0, 1.5) both;
}
@keyframes rodal-slideRight-leave {
to {
transform: translate3d(150px, 0, 0);
}
}
.rodal-slideRight-leave {
animation: rodal-slideRight-leave both;
}
@keyframes rodal-slideUp-enter {
0% {
transform: translate3d(0, 100px, 0);
}
}
.rodal-slideUp-enter {
animation: rodal-slideUp-enter cubic-bezier(0.4, 0, 0, 1.5) both;
}
@keyframes rodal-slideUp-leave {
to {
transform: translate3d(0, 100px, 0);
}
}
.rodal-slideUp-leave {
animation: rodal-slideUp-leave both;
}
@keyframes rodal-flip-enter {
0% {
transform: perspective(400px) rotateX(60deg);
}
70% {
transform: perspective(400px) rotateX(-15deg);
}
to {
transform: perspective(400px);
}
}
.rodal-flip-enter {
animation: rodal-flip-enter ease-in both;
backface-visibility: visible !important;
}
@keyframes rodal-flip-leave {
0% {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotateX(-15deg);
}
to {
transform: perspective(400px) rotateX(45deg);
}
}
.rodal-flip-leave {
animation: rodal-flip-leave both;
backface-visibility: visible !important;
}
@keyframes rodal-rotate-enter {
0% {
transform: rotate(-180deg) scale3d(0.3, 0.3, 0.3);
}
}
.rodal-rotate-enter {
animation: rodal-rotate-enter both;
transform-origin: center;
}
@keyframes rodal-rotate-leave {
to {
transform: rotate(180deg) scale3d(0.3, 0.3, 0.3);
}
}
.rodal-rotate-leave {
animation: rodal-rotate-leave both;
transform-origin: center;
}
@keyframes rodal-door-enter {
0% {
transform: scaleX(0);
}
}
.rodal-door-enter {
animation: rodal-door-enter cubic-bezier(0.4, 0, 0, 1.5) both;
}
@keyframes rodal-door-leave {
60% {
transform: scaleX(0.01);
}
to {
transform: scale3d(0, 1, 0.1);
}
}
.rodal-door-leave {
animation: rodal-door-leave both;
}
.auto {
margin-left: auto;
margin-right: auto;
}
.margin-bot10 {
margin-bottom: 10px;
}
.margin-bot30 {
margin-bottom: 30px;
}
.margin-bot40 {
margin-bottom: 40px;
}
.margin-top10 {
margin-top: 10px;
}
.margin-top20 {
margin-top: 20px;
}
.margin-top30 {
margin-top: 30px;
}
.margin-top40 {
margin-top: 40px;
}
body,
html {
height: 100%;
}
body {
background-color: #fff;
display: flex;
flex-direction: column;
font-family: Nunito, sans-serif;
}
body.skipping-home {
opacity: 0;
overflow: hidden;
}
body.page-checking-accounts main {
text-align: center;
}
body.page-checking-accounts h3.title {
color: #0d3645;
font-family: Nunito;
font-size: 24px;
font-weight: 700;
margin: 40px auto 10px;
max-width: 800px;
padding: 0;
text-align: center;
}
body.page-checking-accounts iframe#sm_widget {
margin: 0 auto;
max-width: 1020px !important;
}
.hidden {
display: none;
}
.block {
display: block;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.inline-block {
display: inline-block;
}
.items-center {
align-items: center;
}
.mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.mx-\[20px\] {
margin-left: 20px;
margin-right: 20px;
}
.mt-\[-14px\] {
margin-top: -14px;
}
.mt-\[10px\] {
margin-top: 10px;
}
.mt-\[20px\] {
margin-top: 20px;
}
.mb-\[10px\] {
margin-bottom: 10px;
}
.mb-\[20px\] {
margin-bottom: 20px;
}
.mb-\[30px\] {
margin-bottom: 30px;
}
.mb-\[40px\] {
margin-bottom: 40px;
}
.mb-\[50px\] {
margin-bottom: 50px;
}
.\!mb-\[-20px\] {
margin-bottom: -20px !important;
}
.ml-\[10px\] {
margin-left: 10px;
}
.mr-\[3px\] {
margin-right: 3px;
}
.mr-\[6px\] {
margin-right: 6px;
}
.mr-\[20px\] {
margin-right: 20px;
}
.mr-\[26px\] {
margin-right: 26px;
}
.\!px-\[20px\] {
padding-left: 20px !important;
padding-right: 20px !important;
}
.\!px-\[30px\] {
padding-left: 30px !important;
padding-right: 30px !important;
}
.\!py-\[10px\] {
padding-bottom: 10px !important;
padding-top: 10px !important;
}
.text-\[10px\] {
font-size: 10px;
}
.text-\[12px\] {
font-size: 12px;
}
.\!text-\[12px\] {
font-size: 12px !important;
}
.text-\[14px\] {
font-size: 14px;
}
.text-\[16px\] {
font-size: 16px;
}
.text-\[24px\] {
font-size: 24px;
}
.text-left {
text-align: left;
}
.font-bold {
font-weight: 700;
}
.\!font-bold {
font-weight: 700 !important;
}
.font-extrabold {
font-weight: 800;
}
.\!font-extrabold {
font-weight: 800 !important;
}
.italic {
font-style: italic;
}
.underline {
text-decoration-line: underline;
}
.no-underline {
text-decoration-line: none;
}
.\!no-underline {
text-decoration-line: none !important;
}
.outline-none {
outline: none !important;
}
.rounded-full {
border-radius: 9999px !important;
}
.rounded-tl-full {
border-top-left-radius: 9999px !important;
}
.rounded-bl-full {
border-bottom-left-radius: 9999px !important;
}
.overflow-auto {
overflow: auto;
}
.pointer-events-none {
pointer-events: none;
}
@media (min-width: 360px) {
.xxs\:text-\[16px\] {
font-size: 16px;
}
.\!xxs\:text-\[16px\] {
font-size: 16px !important;
}
}
@media (min-width: 768px) {
.md\:block {
display: block;
}
.md\:hidden {
display: none;
}
.md\:text-\[12px\] {
font-size: 12px;
}
}
.bg-white {
background-color: #fff;
}
.bg-transparent {
background-color: transparent;
}
.text-black {
color: #000 !important;
}
.bg-ctaButtonColor {
background-color: #ff8500;
}
.text-ctaButtonColor {
color: #ff8500;
}
.\!text-ctaButtonColor {
color: #ff8500 !important;
}
.text-buserBlue {
color: #00e;
}
.\!text-buserBlue {
color: #00e !important;
}
.font-nunito {
font-family: Nunito;
}
.cursor-pointer {
cursor: pointer;
}
.w-full {
width: 100%;
}
.w-fit {
width: -moz-fit-content;
width: fit-content;
}
.whitespace-nowrap {
white-space: nowrap;
}
.w-\[11px\] {
width: 11px;
}
.h-\[11px\] {
height: 11px;
}
.fill-black {
fill: #000;
}
.fill-consentText {
fill: #5c708a;
}
.align-\[-1px\] {
vertical-align: -1px;
}
.color-question {
color: #001b29 !important;
}
.preloader {
margin-top: 80px;
padding: 40px;
}
.preloader div {
animation: loading 1.1s linear infinite;
background: #dedfe1;
background-image: linear-gradient(
90deg,
#dedfe1 0,
#f2f3f5 20%,
#dedfe1 40%,
#dedfe1
);
background-repeat: no-repeat;
height: 20px;
margin-bottom: 12px;
}
.fa-lock {
font-size: 1.2em;
}
a,
a:hover {
color: #23527c;
}
.invisible {
visibility: hidden;
}
.progress-bar-container {
background: #e1eae6;
margin-top:5%;
}
.progress {
background: #f2f4f5;
border-radius: 20px;
}
.progress-bar-success {
background-color: #ff8500;
}
.progress-bar-spacing {
margin-top: 20px;
}
.landing-version-auto .jumbotron {
background-position: 100% !important;
background-repeat: no-repeat !important;
background: #023e8a;
background-image: url(https://d31uc87zw3sluy.cloudfront.net/www.brilliantloan.com/img/jumbotron_auto.webp?v=1214888);
background-size: cover;
}
.landing-version-auto .jumbotron > .wrapper {
margin: 0 auto;
max-width: 1420px;
}
.landing-version-auto .jumbotron > .wrapper > .row {
margin-left: 150px;
max-width: 680px;
}
.landing-version-auto .jumbotron p.jumbotron-message {
color: #fff;
margin: 40px auto 50px;
text-align: justify;
}
.landing-version-auto .jumbotron .homepage-action-card-sub-title {
color: #fff;
font-style: normal;
opacity: 0.7;
}
.landing-version-auto .jumbotron-title {
font-size: 60px;
}
.landing-version-auto .homepage-title-header {
font-size: 40px;
font-weight: 900;
line-height: inherit;
margin-bottom: 40px;
margin-top: 80px;
}
.landing-version-auto .homepage-title-text {
font-size: 18px;
margin: 0 auto 60px;
max-width: 680px;
text-align: left;
}
.landing-version-auto .loan-steps-title-header {
font-size: 40px;
font-weight: 900;
line-height: inherit;
margin: 50px 0;
}
.landing-version-auto .loan-easy-steps {
background: transparent linear-gradient(180deg, #d5e5f9, #fff) 0 0 no-repeat
padding-box;
}
.landing-version-auto .loan-steps-content {
padding: 0 0 40px;
}
.landing-version-auto .loan-steps-badge {
background-color: #fff;
border: 3px solid #3d79bd;
color: #24b1da;
font-size: 32px;
height: 50px;
width: 50px;
}
.landing-version-auto .loan-steps-copy {
font-size: 24px;
font-weight: 700;
}
.landing-version-auto .color-background {
padding: 0 0 40px;
}
.landing-version-auto .color-background-badge {
margin: 0 0 30px;
}
.landing-version-auto .color-background-title {
min-height: inherit;
}
.landing-version-auto .color-background-copy {
margin: 0 auto 40px;
max-width: 240px;
opacity: 0.6;
}
.landing-version-auto .homepage-title-header-white {
font-size: 40px;
line-height: inherit;
margin: 50px 0;
}
.landing-version-auto h2.faq-homepage-title-header {
font-size: 32px;
font-weight: 900;
line-height: inherit !important;
margin: 50px 0 30px;
}
.landing-version-auto .faq-subject-title {
letter-spacing: inherit;
min-height: inherit;
}
.landing-version-auto .representative-example-title {
font-weight: 900;
line-height: inherit;
margin: 50px 0 90px;
}
.landing-version-auto .representative-example-content-copy {
padding-left: inherit;
padding-right: inherit;
text-align: left;
}
.modal-open {
padding-right: 0 !important;
}
#partnersModal {
border-radius: 20px;
}
#partnersModal .modal-dialog {
margin: 0 auto;
}
#partnersModal .modal-header {
background-color: #fff;
border: 0;
}
#partnersModal .modal-body {
box-sizing: border-box;
max-height: 85vh;
overflow-y: scroll;
padding: 0 15px;
}
#partnersModal .modal-content {
border-radius: 20px;
box-sizing: border-box;
}
#partnersModal .modal-footer {
border: 0;
border-radius: 20px;
box-sizing: border-box;
margin: 0;
padding: 0;
}
p.partnerText {
font-size: 14pt;
font-weight: 700;
margin-left: 15px;
}
table.partners,
table.partners tbody,
table.partners tr {
box-sizing: border-box;
width: 100%;
}
table.partners tr:first-child {
border: 0;
border-bottom: 1px solid #000;
}
table.partners tr:nth-child(2n) {
background: #dddbcf;
}
table.partners th {
font-size: 16px;
padding: 4px 15px;
}
table.partners th:nth-child(2) {
text-align: right;
}
table.partners td {
font-size: 16px;
padding: 4px 15px;
}
table.partners td:nth-child(2) {
text-align: right;
}
.jumbo {
max-height: 512px;
min-height: 300px;
overflow: hidden;
position: relative;
}
.jumbo > img {
width: 100%;
}
.jumbo-mobile {
display: none;
}
.jumbo-desktop {
display: block;
}
.jumbotron-title-container {
box-sizing: content-box;
margin-left: 50%;
padding-bottom: 77px;
padding-left: 20px;
padding-right: 20px;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.jumbotron-title {
font-size: clamp(40px, 6vw, 80px);
color: #fff !important;
font-family: Nunito, sans-serif;
font-weight: 700;
padding: 0 10px;
}
.jumbotron-sub-title {
color: #fff;
font-family: Nunito, sans-serif;
font-size: clamp(30px, 5vw, 70px);
}
.homepage-action-card {
background: #fff;
border-radius: 8px;
box-shadow: -3px 8px 12px 0 rgba(0, 0, 0, 0.14);
display: inline-block;
padding: 48px 100px;
transform: translateY(-50%);
width: 55%;
}
.homepage-action-card-button {
display: inline-block;
font-size: 32px;
letter-spacing: 3.56px;
margin: 0 0 24px;
}
.homepage-action-card-button,
.homepage-action-card-button .btn-loan {
color: #fff;
font-family: Nunito, sans-serif;
font-weight: 900;
text-align: center;
}
.homepage-action-card-button .btn-loan {
background: #ff8500;
border: 1px solid #ff8500;
border-radius: 100px;
cursor: pointer;
font-size: 30px;
letter-spacing: 2.89px;
padding: 17px 57px;
}
.homepage-action-card-sub-title {
color: #0e3645;
font-family: Nunito, sans-serif;
font-size: 14px;
font-style: italic;
opacity: 0.5;
}
.lending-partners-content {
background: #f0f0f0;
padding: 0 0 94px;
}
.lending-partners-title {
color: #7e7e7e;
font-family: Nunito, sans-serif;
font-size: 18px;
font-weight: 700;
letter-spacing: 3.09px;
padding: 120px 0 40px;
text-align: center;
}
.lending-partners-logos {
margin: 0 auto;
max-width: 700px;
}
.lending-partners-logo-row {
margin: 10px 0;
}
.lending-partners-logo {
display: inline-block;
margin: 10px;
}
.loan-steps-title-header {
color: #001b29;
font-family: Nunito, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 24px;
margin-bottom: 50px;
margin-top: 0;
}
.loan-steps-content {
padding: 0 0 120px;
}
.loan-steps-icon {
display: block;
margin: 0 auto 20px;
}
.loan-steps-badge {
background: #023e8a;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: 700;
height: 45px;
line-height: 45px;
width: 45px;
}
.loan-steps-badge,
.loan-steps-copy {
font-family: Nunito, sans-serif;
text-align: center;
}
.loan-steps-copy {
color: #001b29;
font-size: 26px;
line-height: 32px;
}
.loan-steps-subtitle {
color: #001b29;
margin-bottom: 40px;
}
.color-background {
background-color: #fff5eb;
color: #fff;
padding: 0 0 90px;
}
.color-background-badge {
margin: 33px 0 20px;
min-height: 68px;
}
.color-background-title {
color: #001b29;
font-family: Nunito, sans-serif;
font-size: 18px;
font-weight: 700;
letter-spacing: 1.0px;
/*line-height: 24px;*/
min-height: 24px;
}
.color-background-copy {
color: #001b29;
font-family: Nunito, sans-serif;
font-size: 16px;
line-height: 20px;
}
.slick-slider {
min-height: 300px;
}
.slick-dots {
bottom: 0;
padding: 10px 0;
}
.slick-dots li button:before {
color: #fff;
font-size: 15px;
opacity: 0.3;
}
.slick-dots li.slick-active button:before {
color: #d8d8d8;
font-size: 17px;
opacity: 0.6;
}
.slick-slider-call-to-action {
color: #fff;
font-family: Nunito, sans-serif;
font-size: 14px;
font-style: italic;
opacity: 0.5;
text-align: center;
}
.homepage-title-header-white,
h2.faq-homepage-title-header {
color: #001b29;
font-family: Nunito, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 24px;
margin: 90px 0;
}
.faqs {
color: #4a4a4a;
font-family: Nunito, sans-serif;
}
.faqs h1 {
font-size: 24px;
}
.faqs h4 {
font-size: 16px;
font-weight: 700;
margin-bottom: 4px;
margin-left: 10px;
margin-top: 20px;
}
.faqs p {
font-size: 14px;
margin-left: 10px;
}
.faq-subject-title {
font-size: 18px;
font-weight: 700;
letter-spacing: 1.0px;
line-height: 24px;
min-height: 48px;
}
.faq-subject-copy,
.faq-subject-title {
color: #001b29;
font-family: Nunito, sans-serif;
}
.faq-subject-copy {
font-size: 16px;
line-height: 20px;
}
.faq-row-spacing {
margin-bottom: 48px;
}
.faq-mobile .Collapsible {
background: #fff;
background-color: #fff;
border-radius: 4px;
box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.26);
margin: 0 0 16px;
}
.faq-mobile .Collapsible__trigger {
color: #0e3645;
display: inline-block;
font-family: Nunito, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 20px;
min-height: 88px;
padding: 23px 20px;
}
.faq-mobile .Collapsible__trigger:after {
content: "\F107";
display: inline-block;
font-family: FontAwesome;
font-size: 30px;
font-weight: 300;
position: absolute;
right: 40px;
top: 40px;
transition: transform 0.3s;
}
.faq-mobile .Collapsible__trigger.is-open:after {
transform: rotate(180deg);
}
.faq-mobile .Collapsible__contentInner {
color: #0e3645;
font-size: 16px;
line-height: 20px;
padding: 0 20px 23px;
}
.action-bar {
background: #fff5eb;
border-radius: 100px;
display: inline-block;
font-size: 30px;
margin: 120px auto 0;
padding: 30px 60px;
text-align: center;
}
.action-bar,
.representative-example-title {
color: #001b29;
font-family: Nunito, sans-serif;
font-weight: 700;
line-height: 24px;
}
.representative-example-title {
font-size: 32px;
margin: 120px 0;
}
.representative-example-content {
margin: 0 0 120px;
}
.representative-example-content-card-container {
padding: 20px;
}
.representative-example-content-card {
background: #023e8a;
border-radius: 8px;
box-shadow: -5px 10px 14px 0 rgba(0, 0, 0, 0.17);
padding: 44px;
}
.representative-example-content-card .title {
color: #fff;
font-family: Nunito, sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: 3.09px;
margin: 0 0 24px;
}
.representative-example-content-card .body {
color: #fff;
font-family: Nunito, sans-serif;
font-size: 16px;
line-height: 24px;
}
.representative-example-content-card span {
color: #fff;
font-family: Nunito-Black, sans-serif;
font-size: 16px;
font-weight: 900;
line-height: 24px;
}
.representative-example-content-card .line {
display: inline-block;
margin: 32px auto;
width: 55%;
}
.representative-example-content-copy {
color: #001b29;
font-family: Nunito, sans-serif;
font-size: 16px;
line-height: 20px;
padding: 20px;
}
li.consent {
color: #333;
font-size: 12px;
font-weight: 200;
}
.reapply a,
.reapply a:hover {
color: #2a7ddf;
font-weight: 700;
text-decoration: none;
}
.reapply .title-container {
align-items: flex-end;
display: inline-flex;
flex-direction: column;
}
.reapply .subtitle-container {
align-items: center;
color: #001b29;
display: inline-flex;
font-family: Nunito, sans-serif;
font-size: 24px;
font-weight: 700;
margin-bottom: 40px;
}
.reapply .subtitle-container > .icon {
margin-right: 20px;
max-width: 70px;
}
.reapply .subtitle-container > .text {
text-align: left;
}
.consent {
color: #333;
}
.advertiser-link a,
.consent a {
color: #00e !important;
font-weight: 400 !important;
text-decoration: underline !important;
}
.advertiser-link a.\!font-bold,
.consent a.\!font-bold {
font-weight: 700 !important;
}
.question-title-above-text {
color: #2a7ddf;
display: flex;
font-family: Nunito, sans-serif;
font-size: 28px;
justify-content: center;
line-height: 36px;
margin-bottom: -40px;
margin-top: 40px;
}
@media only screen and (max-width: 768px) {
.m-20{
margin:0 20px;
}
.btn-loan1 {
/* background: #ff8500; */
border: 2px solid #ff8500;
border-radius: 100px;
color: #6c6c6c;
/* cursor: pointer; */
font-family: Nunito, sans-serif;
font-size: 14px;
font-weight: 900;
letter-spacing: 2.89px;
padding: 8px 40px;
text-align: center;
width: 100%;
}
.question-title-above-text {
font-size: 20px;
line-height: 24px;
margin-bottom: 0;
}
}
.question-title-above-text-alt {
color: #476b78;
display: flex;
font-family: Nunito, sans-serif;
font-size: 24px;
font-weight: bolder;
justify-content: center;
line-height: 36px;
margin-bottom: -40px;
margin-top: 40px;
min-width: -moz-max-content;
min-width: max-content;
}
@media only screen and (max-width: 768px) {
.question-title-above-text-alt {
font-size: 20px;
line-height: 24px;
margin-bottom: 0;
}
}
.question-title {
color: #001b29;
font-family: Nunito, sans-serif;
font-size: 48px;
font-weight: 900;
line-height: 52px;
margin: 50px 0 32px;
}
.question-title > a.tooltip-handler {
font-size: 36px;
margin-left: 12px;
text-decoration: none;
vertical-align: 2px;
}
.question-title.auto-width {
margin-left: auto;
margin-right: auto;
max-width: 880px;
}
.question-subtitle {
color: #a0a0a0;
font-family: Nunito, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin: 30px 0;
}
.question-subtext {
color: #0e3645;
font-family: Nunito, sans-serif;
font-size: 14px;
font-style: italic;
margin: 0 0 10px;
text-align: center;
}
.question-subtext > .text {
opacity: 0.5;
}
.question-subtitle ~ .question-title {
margin-top: 0 !important;
}
.custom-radio-holder .custom-radio {
background: #f2f2f2;
border: 1px solid #f2f2f2;
border-radius: 4px;
color: #001b29;
font-family: Nunito, sans-serif;
font-size: 20px;
line-height: 32px;
margin: 5px 0;
padding: 10px 15px;
text-align: center;
white-space: normal;
width: 100%;
}
.custom-radio-holder .custom-radio.btn:hover {
color: initial;
}
.custom-radio-holder .custom-radio:focus,
.custom-radio-holder .custom-radio:focus:hover {
background: #5c708a;
border: 1px solid #5c708a;
color: #fff;
}
.custom-radio-holder .active {
background: #5c708a;
border: 1px solid #5c708a;
color: #fff !important;
}
.custom-radio-holder .active:focus,
.custom-radio-holder .active:hover {
background: #5c708a;
border: 1px solid #5c708a;
color: #fff;
}
.custom-radio-holder .radio-button-icon {
display: none;
float: right;
height: 24px;
margin: 4px 0 0;
width: 24px;
}
.form-group.name-box {
margin: 0 auto 20px;
}
.form-horizontal {
margin-block-end: 1em;
}
.form-control.ssn-fields {
width: 97%;
}
.form-control {
background: none;
background: #f2f2f2;
border: 1px solid #dae0e0;
border-radius: 4px;
box-shadow: none;
color: #001b29 !important;
font-family: Nunito, sans-serif;
font-size: 28px;
margin: 0;
min-height: 2.5em !important;
text-align: center !important;
}
.consent > label {
font-weight: 400;
}
.container .name-container {
width: 100%;
}
select.form-control {
height: 65px;
text-align: -webkit-center;
text-align: center;
-moz-text-align-last: center;
text-align-last: center;
}
.btn.focus,
.btn:focus,
.btn:hover {
color: #fff;
}
.direct {
margin-top: 60px;
min-height: 600px;
}
@media only screen and (min-width: 768px) {
.direct {
margin-top: 80px;
}
}
.congrats {
color: #4a4a4a;
font-family: Nunito, sans-serif;
}
.congrats .picture-tile {
padding: 7px;
}
.congrats .logos {
background-color: #eee;
width: 100%;
}
.congrats .step-additional-text {
color: #0e3645;
font-size: 20px;
font-weight: 200;
margin-top: 20px;
}
.congrats .step-additional-text p {
font-size: 14px;
}
.congrats .dialog {
width: 65%;
}
.congrats .pictures {
width: 35%;
}
.congrats .pictures .picture-1 {
border-top-left-radius: 18px;
}
.congrats .pictures .picture-2 {
border-top-right-radius: 18px;
}
.congrats .pictures .picture-3 {
border-bottom-left-radius: 18px;
}
.congrats .pictures .picture-4 {
border-bottom-right-radius: 18px;
}
.congrats .content {
background-color: #fff;
margin-top: 7px;
min-height: 573px;
padding-bottom: 20px;
padding-top: 5px;
}
.congrats .content h2 {
color: #000f08;
font-size: 40px;
font-weight: 900;
}
@media only screen and (min-width: 768px) {
.congrats .content h2 {
font-size: 48px;
}
}
.congrats .content img {
display: block;
margin-left: auto;
margin-right: auto;
}
.congrats .content .disclaimer {
color: #4a525a;
font-size: 12px;
font-weight: 700;
}
.congrats .content button {
display: inline-block;
margin-bottom: 24px;
margin-top: 32px;
}
.congrats .marginTop20 {
margin-top: 20px;
}
.error {
font-family: Nunito, sans-serif;
}
.tooltip-handler {
color: #023e8a !important;
}
.tooltip.show {
opacity: 0.9 !important;
}
img.check-image {
width: 40%;
}
.question-whitespace {
margin: 100px 0;
}
.cert-seal {
margin-right: 5px;
}
p.savings-text {
border: 1px dashed red;
font-size: 14px;
padding: 10px;
}
p.consent,
ul.consent {
font-size: 12px;
}
ul.consent {
padding-left: 15px;
}
.about-us {
color: #4a4a4a;
font-family: Nunito, sans-serif;
}
.about-us h1 {
font-size: 24px;
}
.about-us p {
font-size: 14px;
margin-left: 10px;
}
.advertiser-disclosure {
color: #4a4a4a;
font-family: Nunito, sans-serif;
}
.advertiser-disclosure h1 {
font-size: 24px;
}
.advertiser-disclosure p {
font-size: 14px;
margin-left: 10px;
}
.advertiser-disclosure span.capitalize {
display: inline-block;
}
.advertiser-disclosure span.capitalize:first-letter {
text-transform: capitalize;
}
.ccpa {
color: #4a4a4a;
font-family: Nunito, sans-serif;
}
.ccpa h1 {
font-size: 24px;
}
.ccpa p {
font-size: 14px;
margin-left: 10px;
}
.btn-loan {
background: #ff8500;
border: 1px solid #ff8500;
border-radius: 100px;
color: #fff;
cursor: pointer;
font-family: Nunito, sans-serif;
font-size: 26px;
font-weight: 900;
letter-spacing: 2.89px;
padding: 12px 47px;
text-align: center;
}
.btn-loan:active:hover {
border: 1px solid #ff8500;
cursor: pointer;
}
.btn-loan.focus,
.btn-loan:active:hover,
.btn-loan:focus,
.btn-loan:hover {
background: #ffa23c;
color: #fff;
}
.security-text {
color: #000;
font-family: Arial, sans-serif !important;
}
.redirect {
color: #4a4a4a;
font-family: Nunito, sans-serif;
}
.redirect .step-additional-text {
color: #0e3645;
font-size: 20px;
font-weight: 200;
margin-top: 20px;
}
.redirect .step-additional-text p {
font-size: 14px;
}
.redirect .content {
background-color: #fff;
margin-top: 7px;
min-height: 573px;
padding-bottom: 100px;
padding-top: 5px;
}
.redirect .content h2 {
color: #000f08;
font-size: 40px;
font-weight: 900;
}
.redirect .picture-tile {
padding: 7px;
}
.redirect .logos {
background-color: #eee;
width: 100%;
}
.sorry {
color: #4a4a4a;
font-family: Nunito, sans-serif;
}
.sorry .step-additional-text {
color: #0e3645;
font-size: 20px;
font-weight: 200;
margin-top: 20px;
}
.sorry .step-additional-text p {
font-size: 14px;
}
.sorry .content {
background-color: #fff;
margin-top: 7px;
min-height: 573px;
padding-bottom: 100px;
padding-top: 5px;
}
@media only screen and (min-width: 768px) {
.sorry .content {
border: 2px solid #dae0e0;
}
}
.sorry .content h2 {
color: #000f08;
font-size: 40px;
font-weight: 700;
}
.sorry .content h3 {
font-size: 20px;
}
.sorry .content img {
display: block;
margin-left: auto;
margin-right: auto;
width: 60%;
}
.sorry .content button {
display: inline-block;
margin-bottom: 24px;
margin-top: 32px;
padding: 12px 24px;
}
.sorry .picture-tile {
padding: 7px;
}
.sorry .logos {
background-color: #eee;
width: 100%;
}
.sorry .marginTop20 {
margin-top: 20px;
}
.contact-us {
color: #4a4a4a;
font-family: Nunito, sans-serif;
}
.contact-us h1 {
font-size: 24px;
}
.contact-us p {
font-size: 14px;
margin-left: 10px;
}
.contactUsformFields {
margin-left: 10px;
text-align: left;
}
.contactUsformFields input,
.contactUsformFields select {
display: block;
height: 40px;
line-height: 40px;
margin: 0 0 25px;
padding: 0 15px;
}
.contactUsformFields input,
.contactUsformFields select,
.contactUsformFields textarea {
background: #fff none repeat scroll 0 0;
border: 1px solid #e3e3e3;
border-radius: 5px;
color: #4a4a4a;
font-size: 16px;
text-align: left;
width: 100%;
}
.contactUsformFields textarea {
font-family: Nunito, sans-serif;
height: 250px;
padding: 15px;
}
footer {
-webkit-box-flex: 0;
background-color: #f0f0f0;
flex: none;
-webkit-flex: none;
-ms-flex: none;
padding: 48px 0 66px;
}
body.v67 footer,
body.v68 footer,
body.v69 footer,
body.v70 footer,
body.v71 footer,
body.v72 footer {
padding-bottom: 132px;
}
@media (min-width: 768px) {
body.v67 footer,
body.v68 footer,
body.v69 footer,
body.v70 footer,
body.v71 footer,
body.v72 footer {
padding-bottom: 66px;
}
}
footer #links ul {
list-style: none outside none;
margin: 0 0 48px;
padding: 0;
}
footer #links ul li {
display: inline;
font-family: Nunito, sans-serif;
font-weight: 600;
margin: 0;
}
footer #links li:last-child a {
margin-right: 0;
}
footer #links a {
color: #001b29;
font-size: 16.5px;
margin-right: 20px;
text-decoration: none;
}
footer #site-seals {
margin: 0 0 34px;
}
footer #address {
color: #5c708a;
font-family: Nunito, sans-serif;
font-size: 16px;
}
footer #address a[href^="tel"] {
color: inherit;
text-decoration: none;
}
footer #legal p {
color: #5c708a;
font-family: Nunito, sans-serif;
font-size: 12px;
line-height: 16px;
text-align: justify;
}
.right-margin {
margin-right: 5px;
}
.personal-loan-notice {
color: #4a4a4a;
font-family: Nunito, sans-serif;
}
.personal-loan-notice h1 {
font-size: 24px;
}
.personal-loan-notice p {
font-size: 14px;
margin-left: 10px;
}
.personal-loan-notice span.capitalize {
display: inline-block;
}
.personal-loan-notice span.capitalize:first-letter {
text-transform: capitalize;
}
.privacy-policy {
color: #4a4a4a;
font-family: Nunito, sans-serif;
text-align: justify;
}
.privacy-policy h1 {
font-size: 24px;
}
.privacy-policy h2,
.privacy-policy h3 {
font-size: 18px;
font-weight: 700;
margin-left: 10px;
}
.privacy-policy h3 {
font-size: 1em;
}
.privacy-policy h4 {
font-size: 16px;
font-weight: 700;
margin-bottom: 4px;
margin-left: 10px;
margin-top: 20px;
}
.privacy-policy p {
font-size: 14px;
margin-left: 20px;
}
.privacy-policy table {
border: 1px solid #ccc;
color: #4a4a4a;
margin-top: 20px;
}
.privacy-policy table th {
background-color: #ccc;
padding: 10px;
}
.privacy-policy table td {
border-bottom: 1px solid #ccc;
padding: 10px 20px;
}
.privacy-policy li {
margin-left: 10px;
}
.privacy-policy li > p {
margin-left: 0;
}
.privacy-policy li > ul {
margin-left: -25px;
}
.processing {
color: #000;
font-family: Nunito, sans-serif;
margin: 0 auto;
margin-top: 150px !important;
max-width: 940px;
padding-left: 20px;
padding-right: 20px;
}
.processing .processing-title {
font-size: 44px;
font-weight: 700;
margin-bottom: 42px;
}
@media only screen and (min-width: 768px) {
.processing .processing-title {
font-size: 48px;
}
}
.processing .processing-subtitle {
font-size: 24px;
}
.processing .progress-bar-wrapper {
height: 24px;
position: relative;
width: 100%;
}
@keyframes progress {
0.90% {
width: 50%;
}
1.00% {
width: 55%;
}
1.30% {
width: 60%;
}
1.50% {
width: 65%;
}
1.80% {
width: 70%;
}
2.10% {
width: 75%;
}
2.50% {
width: 80%;
}
3.00% {
width: 85%;
}
3.50% {
width: 90%;
}
4.60% {
width: 95%;
}
5.20% {
width: 97%;
}
6.50% {
width: 99%;
}
100.00% {
width: 100%;
}
}
.processing .progress-bar-wrapper .progress-bg {
background-color: #fff5eb;
border-radius: 12px;
height: 100%;
overflow: auto;
position: absolute;
width: 100%;
}
.processing .progress-bar-wrapper .progress-fg {
animation: progress 1000s linear forwards;
background-color: #ff8500;
height: 100%;
position: absolute;
width: 0;
}
.processing .spinner > div {
color: #ff8500;
font-size: 24px;
font-weight: 700;
}
@keyframes highlight1 {
0%,
25% {
opacity: 1;
}
25.01%,
to {
opacity: 0.3;
}
}
@keyframes highlight2 {
0%,
25% {
opacity: 0.3;
}
25.01%,
50% {
opacity: 1;
}
50.01%,
to {
opacity: 0.3;
}
}
@keyframes highlight3 {
0%,
50% {
opacity: 0.3;
}
50.01%,
75% {
opacity: 1;
}
75.01%,
to {
opacity: 0.3;
}
}
@keyframes highlight4 {
0%,
75% {
opacity: 0.3;
}
75.01%,
to {
opacity: 1;
}
}
.processing .spinner .index-1 {
animation: highlight1 16s step-start forwards;
}
.processing .spinner .index-2 {
animation: highlight2 16s step-start forwards;
}
.processing .spinner .index-3 {
animation: highlight3 16s step-start forwards;
}
.processing .spinner .index-4 {
animation: highlight4 16s step-start forwards;
}
#zipLookUpCompleteLine {
color: #333;
font-size: 16px;
font-weight: 700;
}
.terms-of-service {
color: #4a4a4a;
font-family: Nunito, sans-serif;
}
.terms-of-service h1 {
font-size: 24px;
}
.terms-of-service h2 {
color: gray;
}
.terms-of-service h2,
.terms-of-service p {
font-size: 14px;
margin-left: 10px;
}
.white-underline {
color: #fff;
text-decoration: underline;
}
.center-mobile-only {
text-align: left;
}
label.error {
color: red;
}
.margin-top-and-bottom {
margin-bottom: 20px;
margin-top: 20px;
}
.city-input {
min-height: 57px !important;
}
p.error,
span.error {
color: red !important;
font-size: 14px;
font-weight: 700;
margin: 0;
}
.contact-us-textarea-error {
margin-top: 15px !important;
}
.contact-us-form-error,
.contact-us-textarea-error {
display: block;
margin-bottom: 15px !important;
width: 100%;
}
.contact-status {
color: #001b29;
font-size: 18px !important;
font-weight: 700;
margin: 0 50px !important;
text-align: center;
}
.slick-slide {
height: 240px;
}
.slick-slide p {
text-align: center;
}
.slick-slide img {
display: inline;
}
.loading-animation-bg {
background: url(https://d31uc87zw3sluy.cloudfront.net/www.brilliantloan.com/img/bg-over.webp?v=1214888)
0 0 repeat;
border: 1px solid #ddd;
bottom: 0;
display: block;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
font-size: 12px;
font-weight: 700;
left: 0;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
position: fixed;
right: 0;
top: 0;
z-index: 99;
}
.loading-animation {
background: url(https://d31uc87zw3sluy.cloudfront.net/www.brilliantloan.com/img/loading.gif?v=1214888)
50% no-repeat;
background-size: 7%;
display: block;
height: 20px;
margin: 5px 0;
width: 100%;
}
.sorry-list {
padding: 0 20px;
width: 80%;
}
.sorry-list ul {
margin: 0 0 0 15px;
padding: 0;
text-align: left;
}
.sorry-list ul li {
color: #555;
font: 14px Arial;
font-family: Nunito, sans-serif;
list-style-type: square;
margin-bottom: 5px;
}
input[type="number"] {
-moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.service {
color: #fff;
font-size: 12px;
}
.service:hover {
color: #fff;
text-decoration: underline;
}
.advertiser-link {
background: #fff;
font-size: 12px;
}
a.anchor {
display: block;
position: relative;
top: -54px;
visibility: hidden;
}
.internal-page-text {
color: #001b29 !important;
}
.step-question {
color: #001b29;
}
.step-additional-text {
color: #5c708a !important;
}
.txt-upper {
font-style: normal;
text-transform: uppercase !important;
}
.view-loan-button a {
color: #ff8500 !important;
}
.view-loan-button a:hover {
color: #ffa23c !important;
}
@keyframes loading {
0% {
opacity: 0.5;
}
50% {
opacity: 0.1;
}
to {
opacity: 0.5;
}
}
main {
flex: 1 0 auto;
}
.partnership {
display: inline-block;
margin-top: 19px;
}
.partnership > span {
color: #fff;
font-family: Nunito, sans-serif;
font-size: 17px;
}
.partnership > img {
height: 46px;
margin-left: 2px;
margin-top: -3px;
}
.page-loan-redirect div.form {
margin: 20px auto;
}
.page-loan-redirect div.form .tr {
display: flex;
flex-direction: row;
}
.page-loan-redirect div.form .tr .th {
color: #333;
font-size: 19px;
font-weight: 400;
padding: 10px;
text-align: right;
width: 30%;
}
.page-loan-redirect div.form .tr .td {
font-size: 19px;
font-weight: 700;
padding: 10px;
text-align: left;
width: 70%;
}
.page-loan-redirect div.form .tr .td .custom-select,
.page-loan-redirect div.form .tr .td .form-control {
max-width: 320px;
}
.page-loan-redirect div.form .tr .td select {
height: auto;
line-height: normal;
}
.page-loan-redirect div.form .tr input,
.page-loan-redirect div.form .tr select {
font-size: 19px;
}
.page-home-phone .tooltip-marketplace-partners-link,
.page-home-phone .tooltip-phone {
color: #00e;
}
.page-home-phone .tooltip-marketplace-partners-link {
text-decoration: underline;
}
.stresser form > table > tbody > tr > td:first-child {
padding-right: 4px;
text-align: right;
}
.stresser form > table > tbody > tr > td:nth-child(3) {
padding-left: 4px;
}
.stresser table.logs {
margin-top: 20px;
}
.stresser table.logs > thead > tr > th {
background-color: #e0f3ff;
}
.stresser table.logs > tbody > tr > td,
.stresser table.logs > thead > tr > th {
border: 1px solid #d7d7d7;
border-collapse: collapse;
padding: 2px 4px;
text-align: center;
}
.stresser table.logs > tbody > tr.error > td {
color: red;
}
svg.reapply-checkmark > path {
fill: #ff8500;
}
svg.four-icons {
vertical-align: middle;
width: 70px;
}
svg.four-icons ellipse,
svg.four-icons path {
fill: #ff8500;
}
@media (max-width: 1299px) {
.landing-version-auto .jumbotron {
background-image: url(https://d31uc87zw3sluy.cloudfront.net/www.brilliantloan.com/img/mobile_mini_jumbo_auto.webp?v=1214888);
background-size: contain;
}
.landing-version-auto .jumbotron > .wrapper > .row {
margin: 0 auto;
max-width: 600px;
}
}
@media (max-width: 1200px) {
.action-bar {
font-size: 26px;
}
.congrats .content,
.redirect .content,
.sorry .content {
min-height: 473px;
}
.partnership {
margin-top: 3px;
}
.partnership > span {
display: block;
font-size: 13px;
margin-bottom: 2px;
}
.partnership > img {
display: block;
height: 42px;
}
}
@media (max-width: 1024px) {
.jumbo-mobile {
display: block;
}
.jumbo-desktop {
display: none;
}
.homepage-action-card {
padding: 20px 10px;
width: 75%;
}
}
@media (max-width: 990px) {
.congrats .content,
.redirect .content,
.sorry .content {
min-height: 363px;
}
.partnership {
display: inline-block;
margin-top: 19px;
}
.partnership > span {
display: inline-block;
font-size: 17px;
}
.partnership > img {
display: inline-block;
height: 46px;
margin-top: -3px;
}
.date-input-mobile-spacing {
margin-bottom: 10px;
}
}
@media (max-width: 768px) {
.progress-bar-spacing {
margin-top: 8px;
}
.progress-bar-spacing > .progress {
height: 8px;
margin-bottom: 8px;
}
.congrats .content {
min-height: auto;
}
.congrats .content h2 {
font-size: 40px;
}
.congrats .dialog,
.congrats .pictures {
width: auto;
}
.redirect .content,
.sorry .content {
min-height: auto;
}
.landing-version-auto .homepage-title-header {
font-size: 32px;
margin-top: 60px;
}
.landing-version-auto .homepage-title-text {
margin: 0 auto 40px;
}
.landing-version-auto .homepage-title-header-white,
.landing-version-auto .loan-steps-title-header {
font-size: 32px;
}
.landing-version-auto .representative-example-title {
margin: 20px 0 30px;
}
.landing-version-auto .representative-example-content-copy {
padding-left: 0;
padding-right: 0;
}
.container .name-container {
width: auto;
}
.center-mobile-only {
text-align: center;
}
.question-title > br.gt-767 {
display: none;
}
.dark-text-mobile-only,
.dark-text-mobile-only a {
color: #4a4a4a;
}
.form-group.name-box {
margin-bottom: 15px;
margin-left: -15px;
margin-right: -15px;
}
}
@media (max-width: 650px) {
.partnership {
margin-top: 3px;
}
.partnership > span {
display: block;
font-size: 13px;
margin-bottom: 2px;
}
.partnership > img {
display: block;
height: 42px;
}
}
@media (max-width: 500px) {
body.page-checking-accounts h3.title {
font-size: 16px;
margin: 10px 12px;
}
}
@media (max-width: 480px) {
.navbar-brand img {
max-width: 160px;
}
.reapply .subtitle-container {
font-size: 18px;
}
.reapply .subtitle-container > .icon {
max-width: 60px;
}
}
@media (max-width: 650px) {
.homepage-action-card {
width: 95%;
}
}
@media (max-width: 468px) {
.question-subtitle {
font-size: 14px;
line-height: 20px;
}
}
@media (max-width: 450px) {
.page-loan-amount .step-additional-text {
font-size: 11px;
}
.landing-version-auto .jumbotron-title {
font-size: 38px;
}
.landing-version-auto .representative-example-title {
font-size: 32px;
line-height: inherit;
margin: 20px 0 30px;
}
.jumbotron-title {
font-size: 38px;
line-height: 42px;
}
.jumbotron-sub-title {
font-size: 24px;
line-height: 24px;
}
.lending-partners-content {
padding: 0 0 50px;
}
.lending-partners-title {
font-family: Nunito, sans-serif;
font-size: 14px;
letter-spacing: 2.4px;
line-height: 19px;
}
.lending-partners-logo {
margin: 0;
}
.loan-steps-title-header {
font-size: 24px;
line-height: 24px;
}
div.jumbotron + div > div:first-child.loan-easy-steps {
margin-top: 44px;
}
h2.faq-homepage-title-header {
font-family: Nunito, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 24px;
margin: 50px 0;
}
.representative-example-title {
font-size: 24px;
line-height: 24px;
margin: 80px 0 30px;
}
.representative-example-content {
margin: 0;
}
.representative-example-content-copy {
text-align: center;
}
.question-subtitle {
margin: 15px 0;
}
.question-title {
color: #001b29;
font-family: Nunito, sans-serif;
font-size: 24px;
font-weight: 900;
line-height: 30px;
margin: 15px 0;
}
.question-title > a.tooltip-handler {
font-size: 28px;
margin-left: 10px;
vertical-align: -2px;
}
.form-control {
min-height: 2em !important;
}
.custom-radio-holder {
line-height: inherit;
}
img.check-image {
width: 90%;
}
.question-whitespace {
margin: 60px 0;
}
footer #links ul li {
display: block;
font-size: 12px;
margin: 0 0 16px;
}
footer #links a {
margin-right: 0;
}
}
@media (max-width: 420px) {
.partnership {
position: absolute;
right: 70px;
}
.page-loan-redirect .title {
font-size: 40px !important;
}
.page-loan-redirect div.form .tr {
flex-direction: column;
}
.page-loan-redirect div.form .tr .th {
padding-bottom: 3px;
text-align: center;
width: 100%;
}
.page-loan-redirect div.form .tr .td {
padding-top: 3px;
text-align: center;
width: 100%;
}
.page-loan-redirect div.form .tr .td .custom-select,
.page-loan-redirect div.form .tr .td .form-control {
max-width: 100%;
}
}
@media (max-width: 384px) {
.partnership {
margin-top: 9px;
position: absolute;
right: 67px;
}
.partnership > span {
font-size: 11px;
}
.partnership > img {
display: block;
height: 35px;
}
}
@media (max-width: 375px) {
.privacy-policy table {
border: 1px solid #ccc;
color: #4a4a4a;
font-size: 0.75em;
margin-top: 20px;
}
}
@media (max-width: 360px) {
.form-group .custom-select select {
font-size: 18px;
}
.btn-loan {
font-size: 1.35em;
}
.partnership {
margin-top: 15px;
position: absolute;
right: 69px;
}
.partnership > span {
font-size: 9px;
}
.partnership > img {
display: block;
height: 27px;
}
}
@media (max-width: 340px) {
.partnership {
margin-top: 18px;
position: absolute;
right: 61px;
}
.partnership > span {
font-size: 8px;
}
.partnership > img {
display: block;
height: 22px;
}
}
@media (max-width: 320px) {
footer #links ul li {
font-size: 12px;
}
}
.additional-offer {
border-bottom: 1px solid #bfdbd6;
display: flex;
flex-direction: column;
margin-left: auto;
margin-right: auto;
padding-bottom: 15px;
padding-top: 15px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.additional-offer {
flex-direction: row;
padding-bottom: 0.75rem;
padding-top: 0.75rem;
}
}
.additional-offer:last-child {
border-bottom: none;
}
.additional-offer .additional-offer__button {
background: #ff8500;
font-size: 24px;
font-size: 20px;
margin: 40px auto 24px;
padding: 14px 0;
text-decoration: none;
width: 240px;
}
.additional-offer .additional-offer__button,
.additional-offer .additional-offer__button:hover:enabled {
border: 1px solid #ff8500;
border-radius: 100px;
color: #fff;
cursor: pointer;
font-family: Nunito, sans-serif;
font-weight: 900;
letter-spacing: 2.67px;
text-align: center;
}
.additional-offer .additional-offer__button:hover:enabled {
background: #ffa23c;
font-size: 24px;
}
.additional-offer .additional-offer__button:hover {
background-color: #ffa23c;
}
.additional-offer .additional-offer__header {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (min-width: 768px) {
.additional-offer .additional-offer__header {
flex: 1;
}
}
@media (min-width: 1024px) {
.additional-offer .additional-offer__header {
flex-direction: column;
justify-content: flex-center;
}
}
.additional-offer .additional-offer__header .additional-offer__logo {
margin-bottom: 20px 0;
}
.additional-offer .additional-offer__header .additional-offer__headline {
display: block;
font-size: 16px;
font-weight: 700;
margin: 30px 0;
}
@media only screen and (min-width: 768px) {
.additional-offer .additional-offer__header .additional-offer__headline {
display: none;
}
}
.additional-offer .additional-offer__header .additional-offer__button {
display: none;
}
@media only screen and (min-width: 768px) {
.additional-offer .additional-offer__header .additional-offer__button {
display: block;
}
}
@media only screen and (min-width: 1024px) {
.additional-offer .additional-offer__header .additional-offer__button {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.additional-offer .additional-offer__header .additional-offer__button {
margin-top: 20px;
padding-bottom: 10px;
padding-top: 10px;
width: 220px;
}
}
.additional-offer .additional-offer__body {
display: inline-block;
margin: 0 auto;
}
@media (min-width: 768px) {
.additional-offer .additional-offer__body {
flex: 3;
padding-left: 2rem;
}
}
@media (min-width: 1024px) {
.additional-offer .additional-offer__body {
flex: 2;
padding-left: 1rem;
padding-right: 1rem;
}
}
.additional-offer .additional-offer__body .additional-offer__headline {
display: none;
font-size: 16px;
font-weight: 700;
margin: 20px 0;
}
@media only screen and (min-width: 768px) {
.additional-offer .additional-offer__body .additional-offer__headline {
display: block;
}
}
.additional-offer .additional-offer__body .additional-offer__bullets {
display: flex;
flex-direction: column;
margin-bottom: 0;
margin-top: 0;
padding-left: 0;
}
@media only screen and (min-width: 768px) {
.additional-offer .additional-offer__body .additional-offer__bullets {
display: block;
}
}
.additional-offer
.additional-offer__body
.additional-offer__bullets
.additional-offer__bullet {
align-items: flex-start;
background-position: 0 2px;
background-repeat: no-repeat;
background-size: 16px 16px;
color: #315659;
display: flex;
flex-direction: row;
font-size: 16px;
line-height: 2;
line-height: 1.4;
margin-bottom: 0.5rem;
margin-top: 0;
padding-left: 0;
text-align: left;
}
.additional-offer
.additional-offer__body
.additional-offer__bullets
.additional-offer__bullet:before {
content: "";
}
@media only screen and (min-width: 768px) {
.additional-offer
.additional-offer__body
.additional-offer__bullets
.additional-offer__bullet {
display: flex;
flex-direction: row;
}
}
.additional-offer
.additional-offer__body
.additional-offer__bullets
.additional-offer__bullet
.needbox {
flex: 0 0 auto;
margin-right: 8px;
margin-top: 2px;
width: 18px;
}
.additional-offer
.additional-offer__body
.additional-offer__bullets
.additional-offer__bullet
.needbox
.border {
fill: #dae0e0;
}
.additional-offer
.additional-offer__body
.additional-offer__bullets
.additional-offer__bullet
.needbox
.checkmark {
fill: #ff8500;
}
.additional-offer .additional-offer__footer {
align-items: center;
background-color: inherit;
display: flex;
flex-direction: column;
justify-content: center;
margin-bottom: 1.25rem;
padding: initial;
}
@media only screen and (min-width: 768px) {
.additional-offer .additional-offer__footer {
display: none;
}
}
@media only screen and (min-width: 1024px) {
.additional-offer .additional-offer__footer {
display: flex;
}
}
@media (min-width: 768px) {
.additional-offer .additional-offer__footer {
flex: 1;
}
}
.additional-offer .additional-offer__footer .additional-offer__button {
display: block;
max-width: 90%;
}
@media only screen and (min-width: 768px) {
.additional-offer .additional-offer__footer .additional-offer__button {
display: none;
}
}
@media only screen and (min-width: 1024px) {
.additional-offer .additional-offer__footer .additional-offer__button {
display: block;
}
}
.additional-offers__wrapper {
background-color: #fff;
margin-bottom: 2.5rem;
padding: 1.5rem 1.25rem;
}
.additional-offers__wrapper .additional-offers__container {
margin: 0 auto;
padding-left: 0;
padding-right: 0;
position: relative;
width: 100%;
}
.additional-offers__wrapper
.additional-offers__container
.additional-offers__title {
color: #253031;
font-size: 24px;
font-weight: 700;
margin: 20px 0;
}
@media only screen and (min-width: 1024px) {
.additional-offers__wrapper
.additional-offers__container
.additional-offers__title {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
.additional-offers__wrapper
.additional-offers__container
.additional-offers__box {
background-color: #fff;
border-radius: 16px;
box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.13);
padding-left: 1rem;
padding-right: 1rem;
}
.control-do-not-call-exceptions-modal {
z-index: 1050 !important;
}
.control-do-not-call-exceptions-modal .rodal-mask {
background-color: rgba(13, 54, 69, 0.6);
}
.control-do-not-call-exceptions-modal .rodal-dialog {
border-radius: 12px;
box-sizing: border-box;
display: flex;
flex-direction: column;
height: -moz-fit-content !important;
height: fit-content !important;
max-width: 700px;
padding: 0 0 20px;
text-align: justify;
width: 80% !important;
}
@media (max-width: 768px) {
.control-do-not-call-exceptions-modal .rodal-dialog {
height: 100% !important;
width: 100% !important;
}
}
.control-do-not-call-exceptions-modal .rodal-dialog .rodal-close {
display: none;
}
.control-do-not-call-exceptions-modal .header {
align-items: center;
background-color: #fff;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
display: flex;
justify-content: space-between;
padding: 18px 20px;
}
.control-do-not-call-exceptions-modal .header .close {
background-color: #ff8500;
border: 1px solid #ff8500;
border-radius: 30px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1.25em;
height: 1.5em;
line-height: 0;
opacity: 1;
padding: 0 0 4px;
text-align: center !important;
width: 1.5em;
}
.control-do-not-call-exceptions-modal .scroll {
display: flex;
flex-direction: column;
height: 100%;
overflow: auto;
}
.control-do-not-call-exceptions-modal .title {
font-size: 20px;
font-weight: 700;
margin: 10px 13px;
}
.control-do-not-call-exceptions-modal .content {
padding: 0 20px;
}
.control-do-not-call-exceptions-modal .content table {
border-collapse: collapse;
width: 100%;
}
.control-do-not-call-exceptions-modal .content table tr:first-child {
border-bottom: 1px solid #000;
}
.control-do-not-call-exceptions-modal .content table tr:nth-child(odd) {
background-color: #dddbcf;
}
.control-do-not-call-exceptions-modal .content table th:first-child {
text-align: left;
}
.control-do-not-call-exceptions-modal .content table td,
.control-do-not-call-exceptions-modal .content table th {
padding: 4px 15px;
}
.control-do-not-call-exceptions-modal .content table tr > td:nth-child(2),
.control-do-not-call-exceptions-modal .content table tr > th:nth-child(2) {
text-align: center;
}
.control-do-not-call-exceptions-modal .content .spinner {
min-height: 30px;
min-width: 30px;
padding: 40px;
}
.control-do-not-call-exceptions-modal .content .spinner:before {
content: "Loading…";
height: 50px;
left: 50%;
margin-left: -13px;
margin-top: 20px;
position: absolute;
top: 50%;
width: 50px;
}
.control-do-not-call-exceptions-modal .content .spinner:not(:required):before {
animation: spinner 0.6s linear infinite;
-webkit-animation: spinner 0.6s linear infinite;
border: 1px solid #ccc;
border-radius: 50%;
border-top-color: #c33;
content: "";
}
.control-marketplace-partner-modal {
z-index: 1050 !important;
}
.control-marketplace-partner-modal .rodal-mask {
background-color: rgba(13, 54, 69, 0.6);
}
.control-marketplace-partner-modal .rodal-dialog {
border-radius: 12px;
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 95% !important;
max-width: 700px;
padding: 0 0 20px;
text-align: justify;
width: 80% !important;
}
@media (max-width: 768px) {
.control-marketplace-partner-modal .rodal-dialog {
height: 100% !important;
width: 100% !important;
}
}
.control-marketplace-partner-modal .rodal-dialog .rodal-close {
display: none;
}
.control-marketplace-partner-modal .header {
align-items: center;
background-color: #fff;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
display: flex;
justify-content: space-between;
padding: 18px 20px;
}
.control-marketplace-partner-modal .header .close {
background-color: #ff8500;
border: 1px solid #ff8500;
border-radius: 30px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1.25em;
height: 1.5em;
line-height: 0;
opacity: 1;
padding: 0 0 4px;
text-align: center !important;
width: 1.5em;
}
.control-marketplace-partner-modal .scroll {
display: flex;
flex-direction: column;
height: 100%;
overflow: auto;
}
.control-marketplace-partner-modal .title {
font-size: 20px;
font-weight: 700;
margin: 10px 13px;
}
.control-marketplace-partner-modal .content {
padding: 0 20px;
}
.control-marketplace-partner-modal .content table {
border-collapse: collapse;
width: 100%;
}
.control-marketplace-partner-modal .content table tr:first-child {
border-bottom: 1px solid #000;
}
.control-marketplace-partner-modal .content table tr:nth-child(2n) {
background-color: #dddbcf;
}
.control-marketplace-partner-modal .content table th:first-child {
text-align: left;
}
.control-marketplace-partner-modal .content table td,
.control-marketplace-partner-modal .content table th {
padding: 4px 15px;
}
.control-marketplace-partner-modal .content table tr > td:nth-child(2),
.control-marketplace-partner-modal .content table tr > th:nth-child(2) {
text-align: center;
}
.control-marketplace-partner-modal .content .spinner {
min-height: 30px;
min-width: 30px;
padding: 40px;
}
.control-marketplace-partner-modal .content .spinner:before {
content: "Loading…";
height: 50px;
left: 50%;
margin-left: -13px;
margin-top: 20px;
position: absolute;
top: 50%;
width: 50px;
}
.control-marketplace-partner-modal .content .spinner:not(:required):before {
animation: spinner 0.6s linear infinite;
-webkit-animation: spinner 0.6s linear infinite;
border: 1px solid #ccc;
border-radius: 50%;
border-top-color: #c33;
content: "";
}
.modalDatePicker {
position: relative;
}
.modalDatePicker .calendarButton {
border: none;
color: #a2a2a2;
cursor: pointer;
height: 30px;
position: absolute;
right: 8px;
top: 13px;
}
.modalDatePicker .calendarButton:before {
font-size: 40px;
}
.modalDatePicker .react-datepicker__input-container {
display: none;
}
.customDatePicker {
font-size: 1.6rem !important;
}
.customDatePicker .react-datepicker__day,
.customDatePicker .react-datepicker__day-name,
.customDatePicker .react-datepicker__time-name {
line-height: 5rem !important;
width: 5rem !important;
}
.customDatePicker .react-datepicker__navigation {
outline: none;
}
.customDatePicker .react-datepicker__current-month {
font-size: 1.8rem !important;
}
.modalWindow {
z-index: 1050 !important;
}
.modalWindow .rodal-mask {
background-color: rgba(13, 54, 69, 0.6);
}
.modalWindow .rodal-dialog {
border-radius: 12px;
box-sizing: border-box;
font-size: 16px;
font-weight: 700;
height: -moz-fit-content !important;
height: fit-content !important;
line-height: 28px;
max-width: 800px;
padding: 60px;
text-align: justify;
width: auto !important;
}
@-moz-document url-prefix() {
.modalWindow .rodal-dialog {
bottom: auto;
height: auto !important;
left: auto;
margin-left: 50vw;
margin-top: 50vh;
right: auto;
top: auto;
transform: translate(-50%, -50%);
}
}
.modalWindow .rodal-dialog p {
margin-bottom: 60px;
}
@media (max-width: 980px) {
.modalWindow .rodal-dialog {
font-size: 12px;
line-height: 24px;
max-width: 80vw;
padding: 40px 20px;
}
.modalWindow .rodal-dialog p {
margin-bottom: 20px;
}
}
.modalWindow .rodal-dialog .rodal-close {
display: none;
}
.modalWindow .rodal-dialog .button-close {
border: 2px solid #023e8a;
border-radius: 50px;
color: #023e8a;
display: block;
font-size: 24px;
height: 60px;
line-height: 56px;
margin: 0 auto;
max-width: 250px;
text-align: center;
text-decoration: none;
}
.navbar-header {
background-color: #fff;
height: 80px;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
.navbar-header > .container {
margin-top: 9px;
}
@media (max-width: 767px) {
.navbar-header > .container {
width: 100%;
}
}
.navbar-header > .container > .row > div .navbar-tagline {
color: #5c708a;
display: none;
font-family: Nunito, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
margin-top: 14px;
position: absolute;
right: 100px;
right: 66px;
text-align: right;
z-index: 200;
}
@media (min-width: 768px) {
.navbar-header > .container > .row > div .navbar-tagline {
display: inline-block;
}
}
.navbar-header > .container > .row > div .navbar-tagline .btn-loan {
border-radius: 100px;
font-family: Nunito, sans-serif;
font-size: 18px;
font-weight: 900;
letter-spacing: 2.89px;
padding: 5px 28px;
text-align: center;
}
.navbar-header > .container > .row > div .navbar {
margin: 0 auto;
max-width: 1200px;
padding: 0;
z-index: 100;
}
.navbar-header > .container > .row > div .navbar > .navbar-brand {
padding: 5px 0;
}
.navbar-header > .container > .row > div .navbar > .navbar-toggler {
background-color: transparent;
border: none;
box-shadow: none;
color: #5c708a;
float: right;
font-size: 22px;
text-decoration: none !important;
}
.navbar-header
> .container
> .row
> div
.navbar
> .navbar-toggler
> .navbar-toggler-icon {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
vertical-align: -16px;
}
.navbar-header
> .container
> .row
> div
.navbar
> .navbar-toggler
> .navbar-toggler-icon:before {
content: "\f039";
}
.navbar-header > .container > .row > div .navbar > .navbar-collapse {
background-color: #fff;
border-style: solid;
border-width: 0;
border-top: none;
box-shadow: none;
clear: both;
overflow: hidden;
padding: 20px 0 10px;
}
.navbar-header
> .container
> .row
> div
.navbar
> .navbar-collapse
> .navbar-nav {
padding-left: 16px;
}
.navbar-header
> .container
> .row
> div
.navbar
> .navbar-collapse.collapse:not(.show) {
display: none !important;
}
.navbar-header > .container > .row > div .navbar > .navbar-collapse .nav-link {
color: #5c708a;
display: block;
padding: 0.5rem 1rem;
text-decoration: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out;
}
.navbar-header + * {
margin-top: 84px;
}
body.page-auto .navbar-header + *,
body.page-home .navbar-header + * {
margin-top: 80px;
}
.navbar-header + * > .progress-bar-container {
margin-top: -20px;
}
.btn-back {
background-color: #fff;
border-color: #fff;
color: #ff8500;
font-family: Nunito, sans-serif;
font-size: 16px;
line-height: 30px;
margin: 40px auto 24px;
}
.btn-back:hover {
color: #ffa23c;
}
.btn-next {
background: #ff8500;
margin: 40px auto 24px;
padding: 12px 87px;
}
.btn-next,
.btn-next:hover:enabled {
border: 1px solid #ff8500;
border-radius: 100px;
color: #fff;
cursor: pointer;
font-family: Nunito, sans-serif;
font-size: 24px;
font-weight: 900;
letter-spacing: 2.67px;
text-align: center;
}
.btn-next:hover:enabled {
background: #ffa23c;
}
.sticky-buttons {
margin: 40px auto;
}
.sticky-buttons .btn,
.sticky-buttons .btn-back,
.sticky-buttons .btn-next {
margin: 0 auto !important;
}
@media (min-width: 768px) {
.sticky-buttons + .sticky-buttons {
margin-top: -20px;
}
}
@media (max-width: 768px) {
.btn-back,
.btn-next,
.sticky-buttons {
margin: 10px auto;
}
}
@media (max-width: 370px) {
.step-next,
.step-next:active:hover {
width: 50% !important;
}
}
@media (max-width: 450px) {
.btn.btn-next {
font-size: 1.35em;
padding: 12px 0;
width: 100% !important;
}
body.v67 .btn.btn-next,
body.v68 .btn.btn-next,
body.v69 .btn.btn-next,
body.v70 .btn.btn-next,
body.v71 .btn.btn-next,
body.v72 .btn.btn-next {
width: auto !important;
}
}
.congrats .btn-next {
padding: 12px 47px;
}
.control-unsubscribe-modal {
font: 300 18px Open Sans;
z-index: 1050 !important;
}
.control-unsubscribe-modal .rodal-mask {
background-color: rgba(13, 54, 69, 0.6);
}
.control-unsubscribe-modal .hidden {
display: none;
}
.control-unsubscribe-modal .clearfix:after {
clear: both;
content: "";
display: table;
}
.control-unsubscribe-modal > .rodal-dialog {
height: -moz-fit-content !important;
height: fit-content !important;
max-width: 90%;
width: 330px !important;
}
.control-unsubscribe-modal > .rodal-dialog h3 {
color: #555;
font-family: Lato;
font-size: 20px;
font-weight: 700;
line-height: normal;
margin: 0;
padding: 0;
}
.control-unsubscribe-modal > .rodal-dialog .unsubscribe-text {
font-size: 12px;
line-height: 18px;
margin: 15px 0;
}
.control-unsubscribe-modal > .rodal-dialog .captcha-row,
.control-unsubscribe-modal > .rodal-dialog .field-row {
margin-bottom: 10px;
}
.control-unsubscribe-modal > .rodal-dialog input {
background-image: none !important;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.1);
color: #666;
font: normal 14px Open Sans;
height: 32px;
padding: 0;
text-indent: 5px;
width: 340px;
}
.control-unsubscribe-modal > .rodal-dialog input.email,
.control-unsubscribe-modal > .rodal-dialog input.phone {
width: 100%;
}
.control-unsubscribe-modal > .rodal-dialog input.captcha-code {
margin-right: 10px;
width: 60%;
}
.control-unsubscribe-modal > .rodal-dialog .captcha-code,
.control-unsubscribe-modal > .rodal-dialog .captcha-image,
.control-unsubscribe-modal > .rodal-dialog .captcha-refresh,
.control-unsubscribe-modal > .rodal-dialog dummy {
float: left;
}
.control-unsubscribe-modal > .rodal-dialog .button-close {
color: #f24c4e;
cursor: pointer;
float: right;
font-size: 20px;
font-weight: 700;
line-height: 20px;
margin-left: 10px;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
}
@keyframes spinner {
to {
transform: rotate(1turn);
}
}
.control-unsubscribe-modal > .rodal-dialog .captcha-refresh {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAS1BMVEX///89s57F6OJWvav2/PvO7Oea2M2T1cnW7+qt39ZzyLny+vnL6+VnxLRfwa/B5+C14tqd2c6X1suK0cRJuKSe2c6W1stuxrdsxbbQpYeMAAAAcklEQVR4AW2MyRKEIBDFOsiOMC7O8v9fOgVFlxdz4BBeR56JPufgRLHbAnAlFSu0j69wqvF7fw2MTaxxegN27NHcj5dI7y0zHjiKlEAo0tE/w/du9BsLZhrXRi1N895lckL1R4NVTbrovc2K4kLOPsojf4iZAuPlIWaAAAAAAElFTkSuQmCC);
background-position: 50%;
background-repeat: no-repeat;
display: inline-block;
height: 34px;
width: 34px;
}
.control-unsubscribe-modal > .rodal-dialog .captcha-refresh.rotate {
animation: spinner 1.5s linear infinite;
-webkit-animation: spinner 1.5s linear infinite;
}
.control-unsubscribe-modal > .rodal-dialog .captcha-image {
border: 1px solid #b4b4b4;
float: left;
}
.control-unsubscribe-modal > .rodal-dialog .status.error {
color: #a94442 !important;
display: block;
font-size: 14px;
font-weight: 400 !important;
margin-bottom: 6px;
margin-top: -6px;
}
.control-unsubscribe-modal > .rodal-dialog .button-unsubscribe {
zoom: 1;
background: #2c3e50;
border: none;
border-radius: 0;
color: #fff;
cursor: pointer;
float: right;
font-family: Open Sans;
font-size: 20px;
font-weight: 500;
line-height: 18px;
padding: 12px 0;
width: 100%;
}
.control-unsubscribe-modal > .rodal-dialog .button-unsubscribe:hover {
background-color: #2c4560;
}
.control-unsubscribe-modal > .rodal-dialog .thank-you {
margin: 20px 0;
}
.control-unsubscribe-modal > .rodal-dialog .spinner {
align-items: center;
display: flex;
flex-direction: column;
height: 220px;
justify-content: center;
}
.control-unsubscribe-modal > .rodal-dialog .spinner:before {
content: "Loading…";
height: 50px;
left: 50%;
top: 50%;
width: 50px;
}
.control-unsubscribe-modal > .rodal-dialog .spinner:not(:required):before {
animation: spinner 0.6s linear infinite;
-webkit-animation: spinner 0.6s linear infinite;
border: 1px solid #ccc;
border-radius: 50%;
border-top-color: #c33;
content: "";
}
.btn-loan1 {
/* background: #ff8500; */
border: 2px solid #ff8500;
border-radius: 100px;
color: #6c6c6c;
/* cursor: pointer; */
font-family: Nunito, sans-serif;
font-size: 18px;
font-weight: 900;
letter-spacing: 2.89px;
padding: 12px 47px;
text-align: center;
width: 100%;
}
:focus-visible {
outline: -webkit-focus-ring-color auto 0px;
outline-color: ;
outline-style: ;
outline-width: ;
}
@media screen and (max-width: 650px) {
.homepage-action-card {
max-width: 78%;
margin-top: 25%;
padding: 22px;
}
}
/* Margin and Padding */
.m-0 {
margin: 0;
}
.m-1 {
margin: 0.25rem;
}
.m-2 {
margin: 0.5rem;
}
.m-3 {
margin: 1rem;
}
.m-4 {
margin: 1.5rem;
}
.m-5 {
margin: 3rem;
}
/* Padding */
.p-0 {
padding: 0;
}
.p-1 {
padding: 0.25rem;
}
.p-2 {
padding: 0.5rem;
}
.p-3 {
padding: 1rem;
}
.p-4 {
padding: 1.5rem;
}
.p-5 {
padding: 3rem;
}
/* Margin-top, margin-bottom, margin-left, margin-right */
.mt-2 {
margin-top: 0.5rem;
}
.mb-3 {
margin-bottom: 1rem;
}
.ml-4 {
margin-left: 1.5rem;
}
.mr-5 {
margin-right: 3rem;
}
/* Padding on Y-axis (top and bottom) */
.py-0 {
padding-top: 0;
padding-bottom: 0;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-3 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-4 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.py-5 {
padding-top: 3rem;
padding-bottom: 3rem;
}
/* Margin on Y-axis (top and bottom) */
.my-0 {
margin-top: 0;
margin-bottom: 0;
}
.my-1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.my-3 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-4 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.my-5 {
margin-top: 3rem;
margin-bottom: 3rem;
}
/* Padding on X-axis (left and right) */
.px-0 {
padding-left: 0;
padding-right: 0;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-3 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-4 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-5 {
padding-left: 3rem;
padding-right: 3rem;
}
/* Margin on X-axis (left and right) */
.mx-0 {
margin-left: 0;
margin-right: 0;
}
.mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-3 {
margin-left: 1rem;
margin-right: 1rem;
}
.mx-4 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.mx-5 {
margin-left: 3rem;
margin-right: 3rem;
}