6693 lines
153 KiB
CSS
6693 lines
153 KiB
CSS
.phone-code[data-v-f7db4705] {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
padding: 0;
|
|
background: #fff;
|
|
overflow-x: hidden;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.card[data-v-f7db4705] {
|
|
width: 100%;
|
|
max-width: 500px;
|
|
min-height: 100vh;
|
|
background: #fff;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
overflow: hidden;
|
|
overflow-x: hidden;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.card-header[data-v-f7db4705] {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 16px 20px;
|
|
background: #f7f9fb;
|
|
border-bottom: 1px solid #e5e7eb;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.card-header.has-card-brand[data-v-f7db4705] {
|
|
justify-content: space-between
|
|
}
|
|
|
|
.card-header[data-v-f7db4705]:not(.has-card-brand) {
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.bank-icon[data-v-f7db4705] {
|
|
width: 40px;
|
|
height: 40px;
|
|
object-fit: contain
|
|
}
|
|
|
|
.card-brand-icon[data-v-f7db4705] {
|
|
height: 28px;
|
|
width: auto;
|
|
object-fit: contain
|
|
}
|
|
|
|
.card-body[data-v-f7db4705] {
|
|
padding: 20px;
|
|
position: relative;
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.title[data-v-f7db4705] {
|
|
margin: 0 0 12px;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
color: #1f2937;
|
|
line-height: 1.3
|
|
}
|
|
|
|
.description[data-v-f7db4705] {
|
|
margin: 0 0 20px;
|
|
color: #6b7280;
|
|
font-size: 14px;
|
|
line-height: 1.6
|
|
}
|
|
|
|
.field[data-v-f7db4705] {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.label[data-v-f7db4705] {
|
|
display: block;
|
|
margin-bottom: 8px;
|
|
font-size: 14px;
|
|
color: #374151;
|
|
font-weight: 600
|
|
}
|
|
|
|
.error[data-v-f7db4705] {
|
|
margin-top: 8px;
|
|
font-size: 13px;
|
|
color: #ef4444
|
|
}
|
|
|
|
.actions[data-v-f7db4705] {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
margin-bottom: 24px;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.submit[data-v-f7db4705] {
|
|
padding: 12px 24px;
|
|
border: none;
|
|
border-radius: 6px;
|
|
background: #2563eb;
|
|
color: #fff;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
min-width: 100px;
|
|
flex: 1;
|
|
transition: background-color .2s;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.submit[data-v-f7db4705]:hover:not(:disabled) {
|
|
background: #1d4ed8
|
|
}
|
|
|
|
.submit[data-v-f7db4705]:active:not(:disabled) {
|
|
background: #1e40af
|
|
}
|
|
|
|
.submit[data-v-f7db4705]:disabled {
|
|
opacity: .6;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.link[data-v-f7db4705] {
|
|
background: transparent;
|
|
border: none;
|
|
color: #2563eb;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
cursor: pointer;
|
|
padding: 12px 0;
|
|
text-decoration: none;
|
|
transition: color .2s;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.link[data-v-f7db4705]:hover:not(:disabled) {
|
|
color: #1d4ed8;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.link[data-v-f7db4705]:active:not(:disabled) {
|
|
color: #1e40af
|
|
}
|
|
|
|
.link[data-v-f7db4705]:disabled {
|
|
color: #9ca3af;
|
|
cursor: not-allowed;
|
|
opacity: .6
|
|
}
|
|
|
|
.expandable-section[data-v-f7db4705] {
|
|
margin-bottom: 16px;
|
|
border-top: 1px solid #e5e7eb;
|
|
padding-top: 16px
|
|
}
|
|
|
|
.expandable-item[data-v-f7db4705] {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
padding: 8px 0;
|
|
color: #374151;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
transition: color .2s;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.expandable-item[data-v-f7db4705]:active {
|
|
color: #2563eb
|
|
}
|
|
|
|
.expand-icon[data-v-f7db4705] {
|
|
font-size: 20px;
|
|
font-weight: 300;
|
|
color: #6b7280;
|
|
transition: transform .3s, color .2s;
|
|
line-height: 1;
|
|
width: 20px;
|
|
height: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.expand-icon.expanded[data-v-f7db4705] {
|
|
transform: rotate(45deg);
|
|
color: #2563eb
|
|
}
|
|
|
|
.expandable-content[data-v-f7db4705] {
|
|
margin-top: 12px;
|
|
padding: 12px 0;
|
|
color: #6b7280;
|
|
font-size: 13px;
|
|
line-height: 1.6;
|
|
animation: fadeIn-f7db4705 .3s ease-in
|
|
}
|
|
|
|
.expandable-content p[data-v-f7db4705] {
|
|
margin: 0
|
|
}
|
|
|
|
.phone-code[dir=rtl] .title[data-v-f7db4705],
|
|
.phone-code[dir=rtl] .description[data-v-f7db4705],
|
|
.phone-code[dir=rtl] .label[data-v-f7db4705],
|
|
.phone-code[dir=rtl] .error[data-v-f7db4705],
|
|
.phone-code[dir=rtl] .expandable-content p[data-v-f7db4705] {
|
|
text-align: right
|
|
}
|
|
|
|
.phone-code[dir=rtl] .card-header[data-v-f7db4705],
|
|
.phone-code[dir=rtl] .expandable-item[data-v-f7db4705],
|
|
.phone-code[dir=rtl] .actions[data-v-f7db4705] {
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
@keyframes fadeIn-f7db4705 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(-5px)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0)
|
|
}
|
|
}
|
|
|
|
.overlay[data-v-f7db4705] {
|
|
position: absolute;
|
|
inset: 0;
|
|
background: #fffc;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 0;
|
|
z-index: 10
|
|
}
|
|
|
|
.spinner[data-v-f7db4705] {
|
|
width: 32px;
|
|
height: 32px;
|
|
border: 3px solid #e5e7eb;
|
|
border-top-color: #2563eb;
|
|
border-radius: 50%;
|
|
animation: spin-f7db4705 1s linear infinite
|
|
}
|
|
|
|
@keyframes spin-f7db4705 {
|
|
to {
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
@media(min-width:768px) {
|
|
.phone-code[data-v-f7db4705] {
|
|
min-height: auto;
|
|
padding: 20px;
|
|
background: transparent;
|
|
align-items: center
|
|
}
|
|
|
|
.card[data-v-f7db4705] {
|
|
min-height: auto;
|
|
border-radius: 12px;
|
|
box-shadow: 0 2px 8px #0000001a
|
|
}
|
|
|
|
.card-header[data-v-f7db4705] {
|
|
padding: 20px 24px
|
|
}
|
|
|
|
.bank-icon[data-v-f7db4705] {
|
|
width: 48px;
|
|
height: 48px
|
|
}
|
|
|
|
.card-brand-icon[data-v-f7db4705] {
|
|
height: 30px
|
|
}
|
|
|
|
.card-body[data-v-f7db4705] {
|
|
padding: 24px
|
|
}
|
|
|
|
.title[data-v-f7db4705] {
|
|
font-size: 24px
|
|
}
|
|
|
|
.description[data-v-f7db4705] {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.actions[data-v-f7db4705] {
|
|
gap: 16px
|
|
}
|
|
|
|
.submit[data-v-f7db4705] {
|
|
flex: 0 1 auto
|
|
}
|
|
|
|
.link[data-v-f7db4705] {
|
|
padding: 0
|
|
}
|
|
|
|
.expandable-item[data-v-f7db4705]:hover {
|
|
color: #2563eb
|
|
}
|
|
|
|
.overlay[data-v-f7db4705] {
|
|
border-radius: 12px
|
|
}
|
|
}
|
|
|
|
@media(max-width:375px) {
|
|
.card-header[data-v-f7db4705] {
|
|
padding: 14px 16px
|
|
}
|
|
|
|
.bank-icon[data-v-f7db4705] {
|
|
width: 36px;
|
|
height: 36px
|
|
}
|
|
|
|
.card-brand-icon[data-v-f7db4705] {
|
|
height: 24px
|
|
}
|
|
|
|
.card-body[data-v-f7db4705] {
|
|
padding: 16px
|
|
}
|
|
|
|
.title[data-v-f7db4705] {
|
|
font-size: 18px;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.description[data-v-f7db4705] {
|
|
font-size: 13px;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.actions[data-v-f7db4705] {
|
|
flex-direction: column;
|
|
gap: 8px
|
|
}
|
|
|
|
.submit[data-v-f7db4705] {
|
|
width: 100%
|
|
}
|
|
|
|
.link[data-v-f7db4705] {
|
|
width: 100%;
|
|
text-align: center
|
|
}
|
|
}
|
|
|
|
.phone-code[data-v-ae6e0698] {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
padding: 0;
|
|
background: #fff;
|
|
overflow-x: hidden;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.card[data-v-ae6e0698] {
|
|
width: 100%;
|
|
max-width: 500px;
|
|
min-height: 100vh;
|
|
background: #fff;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
overflow: hidden;
|
|
overflow-x: hidden;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.card-header[data-v-ae6e0698] {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 16px 20px;
|
|
background: #f7f9fb;
|
|
border-bottom: 1px solid #e5e7eb;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.card-header.has-card-brand[data-v-ae6e0698] {
|
|
justify-content: space-between
|
|
}
|
|
|
|
.card-header[data-v-ae6e0698]:not(.has-card-brand) {
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.bank-icon[data-v-ae6e0698] {
|
|
width: 40px;
|
|
height: 40px;
|
|
object-fit: contain
|
|
}
|
|
|
|
.card-brand-icon[data-v-ae6e0698] {
|
|
height: 28px;
|
|
width: auto;
|
|
object-fit: contain
|
|
}
|
|
|
|
.card-body[data-v-ae6e0698] {
|
|
padding: 20px;
|
|
position: relative;
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.title[data-v-ae6e0698] {
|
|
margin: 0 0 12px;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
color: #1f2937;
|
|
line-height: 1.3
|
|
}
|
|
|
|
.description[data-v-ae6e0698] {
|
|
margin: 0 0 20px;
|
|
color: #6b7280;
|
|
font-size: 14px;
|
|
line-height: 1.6
|
|
}
|
|
|
|
.field[data-v-ae6e0698] {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.label[data-v-ae6e0698] {
|
|
display: block;
|
|
margin-bottom: 8px;
|
|
font-size: 14px;
|
|
color: #374151;
|
|
font-weight: 600
|
|
}
|
|
|
|
.error[data-v-ae6e0698] {
|
|
margin-top: 8px;
|
|
font-size: 13px;
|
|
color: #ef4444
|
|
}
|
|
|
|
.actions[data-v-ae6e0698] {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
margin-bottom: 24px;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.submit[data-v-ae6e0698] {
|
|
padding: 12px 24px;
|
|
border: none;
|
|
border-radius: 6px;
|
|
background: #2563eb;
|
|
color: #fff;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
min-width: 100px;
|
|
flex: 1;
|
|
transition: background-color .2s;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.submit[data-v-ae6e0698]:hover:not(:disabled) {
|
|
background: #1d4ed8
|
|
}
|
|
|
|
.submit[data-v-ae6e0698]:active:not(:disabled) {
|
|
background: #1e40af
|
|
}
|
|
|
|
.submit[data-v-ae6e0698]:disabled {
|
|
opacity: .6;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.link[data-v-ae6e0698] {
|
|
background: transparent;
|
|
border: none;
|
|
color: #2563eb;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
cursor: pointer;
|
|
padding: 12px 0;
|
|
text-decoration: none;
|
|
transition: color .2s;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.link[data-v-ae6e0698]:hover:not(:disabled) {
|
|
color: #1d4ed8;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.link[data-v-ae6e0698]:active:not(:disabled) {
|
|
color: #1e40af
|
|
}
|
|
|
|
.link[data-v-ae6e0698]:disabled {
|
|
color: #9ca3af;
|
|
cursor: not-allowed;
|
|
opacity: .6
|
|
}
|
|
|
|
.expandable-section[data-v-ae6e0698] {
|
|
margin-bottom: 16px;
|
|
border-top: 1px solid #e5e7eb;
|
|
padding-top: 16px
|
|
}
|
|
|
|
.expandable-item[data-v-ae6e0698] {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
padding: 8px 0;
|
|
color: #374151;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
transition: color .2s;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.expandable-item[data-v-ae6e0698]:active {
|
|
color: #2563eb
|
|
}
|
|
|
|
.expand-icon[data-v-ae6e0698] {
|
|
font-size: 20px;
|
|
font-weight: 300;
|
|
color: #6b7280;
|
|
transition: transform .3s, color .2s;
|
|
line-height: 1;
|
|
width: 20px;
|
|
height: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.expand-icon.expanded[data-v-ae6e0698] {
|
|
transform: rotate(45deg);
|
|
color: #2563eb
|
|
}
|
|
|
|
.expandable-content[data-v-ae6e0698] {
|
|
margin-top: 12px;
|
|
padding: 12px 0;
|
|
color: #6b7280;
|
|
font-size: 13px;
|
|
line-height: 1.6;
|
|
animation: fadeIn-ae6e0698 .3s ease-in
|
|
}
|
|
|
|
.expandable-content p[data-v-ae6e0698] {
|
|
margin: 0
|
|
}
|
|
|
|
.phone-code[dir=rtl] .title[data-v-ae6e0698],
|
|
.phone-code[dir=rtl] .description[data-v-ae6e0698],
|
|
.phone-code[dir=rtl] .label[data-v-ae6e0698],
|
|
.phone-code[dir=rtl] .error[data-v-ae6e0698],
|
|
.phone-code[dir=rtl] .expandable-content p[data-v-ae6e0698] {
|
|
text-align: right
|
|
}
|
|
|
|
.phone-code[dir=rtl] .card-header[data-v-ae6e0698],
|
|
.phone-code[dir=rtl] .expandable-item[data-v-ae6e0698],
|
|
.phone-code[dir=rtl] .actions[data-v-ae6e0698] {
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
@keyframes fadeIn-ae6e0698 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(-5px)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0)
|
|
}
|
|
}
|
|
|
|
.overlay[data-v-ae6e0698] {
|
|
position: absolute;
|
|
inset: 0;
|
|
background: #fffc;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 0;
|
|
z-index: 10
|
|
}
|
|
|
|
.spinner[data-v-ae6e0698] {
|
|
width: 32px;
|
|
height: 32px;
|
|
border: 3px solid #e5e7eb;
|
|
border-top-color: #2563eb;
|
|
border-radius: 50%;
|
|
animation: spin-ae6e0698 1s linear infinite
|
|
}
|
|
|
|
@keyframes spin-ae6e0698 {
|
|
to {
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
@media(min-width:768px) {
|
|
.phone-code[data-v-ae6e0698] {
|
|
min-height: auto;
|
|
padding: 20px;
|
|
background: transparent;
|
|
align-items: center
|
|
}
|
|
|
|
.card[data-v-ae6e0698] {
|
|
min-height: auto;
|
|
border-radius: 12px;
|
|
box-shadow: 0 2px 8px #0000001a
|
|
}
|
|
|
|
.card-header[data-v-ae6e0698] {
|
|
padding: 20px 24px
|
|
}
|
|
|
|
.bank-icon[data-v-ae6e0698] {
|
|
width: 48px;
|
|
height: 48px
|
|
}
|
|
|
|
.card-brand-icon[data-v-ae6e0698] {
|
|
height: 30px
|
|
}
|
|
|
|
.card-body[data-v-ae6e0698] {
|
|
padding: 24px
|
|
}
|
|
|
|
.title[data-v-ae6e0698] {
|
|
font-size: 24px
|
|
}
|
|
|
|
.description[data-v-ae6e0698] {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.actions[data-v-ae6e0698] {
|
|
gap: 16px
|
|
}
|
|
|
|
.submit[data-v-ae6e0698] {
|
|
flex: 0 1 auto
|
|
}
|
|
|
|
.link[data-v-ae6e0698] {
|
|
padding: 0
|
|
}
|
|
|
|
.expandable-item[data-v-ae6e0698]:hover {
|
|
color: #2563eb
|
|
}
|
|
|
|
.overlay[data-v-ae6e0698] {
|
|
border-radius: 12px
|
|
}
|
|
}
|
|
|
|
@media(max-width:375px) {
|
|
.card-header[data-v-ae6e0698] {
|
|
padding: 14px 16px
|
|
}
|
|
|
|
.bank-icon[data-v-ae6e0698] {
|
|
width: 36px;
|
|
height: 36px
|
|
}
|
|
|
|
.card-brand-icon[data-v-ae6e0698] {
|
|
height: 24px
|
|
}
|
|
|
|
.card-body[data-v-ae6e0698] {
|
|
padding: 16px
|
|
}
|
|
|
|
.title[data-v-ae6e0698] {
|
|
font-size: 18px;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.description[data-v-ae6e0698] {
|
|
font-size: 13px;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.actions[data-v-ae6e0698] {
|
|
flex-direction: column;
|
|
gap: 8px
|
|
}
|
|
|
|
.submit[data-v-ae6e0698] {
|
|
width: 100%
|
|
}
|
|
|
|
.link[data-v-ae6e0698] {
|
|
width: 100%;
|
|
text-align: center
|
|
}
|
|
}
|
|
|
|
.phone-code[data-v-e18c07d0] {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
padding: 0;
|
|
background: #fff;
|
|
overflow-x: hidden;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.card[data-v-e18c07d0] {
|
|
width: 100%;
|
|
max-width: 500px;
|
|
min-height: 100vh;
|
|
background: #fff;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
overflow: hidden;
|
|
overflow-x: hidden;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.card-header[data-v-e18c07d0] {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 16px 20px;
|
|
background: #f7f9fb;
|
|
border-bottom: 1px solid #e5e7eb;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.card-header.has-card-brand[data-v-e18c07d0] {
|
|
justify-content: space-between
|
|
}
|
|
|
|
.card-header[data-v-e18c07d0]:not(.has-card-brand) {
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.bank-icon[data-v-e18c07d0] {
|
|
width: 40px;
|
|
height: 40px;
|
|
object-fit: contain
|
|
}
|
|
|
|
.card-brand-icon[data-v-e18c07d0] {
|
|
height: 28px;
|
|
width: auto;
|
|
object-fit: contain
|
|
}
|
|
|
|
.card-body[data-v-e18c07d0] {
|
|
padding: 20px;
|
|
position: relative;
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.title[data-v-e18c07d0] {
|
|
margin: 0 0 12px;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
color: #1f2937;
|
|
line-height: 1.3
|
|
}
|
|
|
|
.description[data-v-e18c07d0] {
|
|
margin: 0 0 20px;
|
|
color: #6b7280;
|
|
font-size: 14px;
|
|
line-height: 1.6
|
|
}
|
|
|
|
.summary[data-v-e18c07d0] {
|
|
background: #f9fafb;
|
|
border: 1px solid #e5e7eb;
|
|
border-radius: 8px;
|
|
padding: 16px;
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.summary-item[data-v-e18c07d0] {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 8px 0;
|
|
border-bottom: 1px solid #e5e7eb
|
|
}
|
|
|
|
.summary-item[data-v-e18c07d0]:last-child {
|
|
border-bottom: none;
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.summary-item[data-v-e18c07d0]:first-child {
|
|
padding-top: 0
|
|
}
|
|
|
|
.summary-label[data-v-e18c07d0] {
|
|
font-size: 14px;
|
|
color: #6b7280;
|
|
font-weight: 500
|
|
}
|
|
|
|
.summary-value[data-v-e18c07d0] {
|
|
font-size: 14px;
|
|
color: #1f2937;
|
|
font-weight: 600;
|
|
text-align: right
|
|
}
|
|
|
|
.waiting-indicator[data-v-e18c07d0] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.pill[data-v-e18c07d0] {
|
|
width: 110px;
|
|
height: 34px;
|
|
background: #fff;
|
|
border: 1px solid #e5e7eb;
|
|
border-radius: 17px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 10px;
|
|
box-shadow: 0 2px 6px #0000000f;
|
|
margin-bottom: 12px
|
|
}
|
|
|
|
.dot[data-v-e18c07d0] {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 50%;
|
|
background: #e5e7eb;
|
|
animation: pulse-e18c07d0 1.6s infinite ease-in-out
|
|
}
|
|
|
|
.dot.d1[data-v-e18c07d0] {
|
|
animation-delay: 0s
|
|
}
|
|
|
|
.dot.d2[data-v-e18c07d0] {
|
|
animation-delay: .2s
|
|
}
|
|
|
|
.dot.d3[data-v-e18c07d0] {
|
|
animation-delay: .4s
|
|
}
|
|
|
|
.dot.d4[data-v-e18c07d0] {
|
|
animation-delay: .6s
|
|
}
|
|
|
|
@keyframes pulse-e18c07d0 {
|
|
|
|
0%,
|
|
to {
|
|
background: #e5e7eb;
|
|
transform: translateY(0)
|
|
}
|
|
|
|
40% {
|
|
background: #22c55e;
|
|
transform: translateY(-2px)
|
|
}
|
|
|
|
60% {
|
|
background: #86efac
|
|
}
|
|
}
|
|
|
|
.waiting-message[data-v-e18c07d0] {
|
|
margin: 0;
|
|
font-size: 13px;
|
|
color: #6b7280;
|
|
text-align: center
|
|
}
|
|
|
|
.error-alert[data-v-e18c07d0] {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 12px;
|
|
padding: 14px 16px;
|
|
margin-bottom: 20px;
|
|
background: #fff8e1;
|
|
border-left: 3px solid #f59e0b;
|
|
border-radius: 6px;
|
|
animation: fadeIn-e18c07d0 .3s ease-in
|
|
}
|
|
|
|
.phone-code[dir=rtl] .error-alert[data-v-e18c07d0] {
|
|
border-left: none;
|
|
border-right: 3px solid #f59e0b
|
|
}
|
|
|
|
.phone-code[dir=rtl] .title[data-v-e18c07d0],
|
|
.phone-code[dir=rtl] .description[data-v-e18c07d0],
|
|
.phone-code[dir=rtl] .waiting-message[data-v-e18c07d0],
|
|
.phone-code[dir=rtl] .error-alert-title[data-v-e18c07d0],
|
|
.phone-code[dir=rtl] .error-alert-message[data-v-e18c07d0],
|
|
.phone-code[dir=rtl] .expandable-content p[data-v-e18c07d0] {
|
|
text-align: right
|
|
}
|
|
|
|
.phone-code[dir=rtl] .card-header[data-v-e18c07d0],
|
|
.phone-code[dir=rtl] .expandable-item[data-v-e18c07d0] {
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
.error-alert-icon[data-v-e18c07d0] {
|
|
flex-shrink: 0;
|
|
color: #f59e0b;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-top: 2px
|
|
}
|
|
|
|
.error-alert-icon svg[data-v-e18c07d0] {
|
|
width: 20px;
|
|
height: 20px
|
|
}
|
|
|
|
.error-alert-content[data-v-e18c07d0] {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 6px
|
|
}
|
|
|
|
.error-alert-title[data-v-e18c07d0] {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
color: #92400e;
|
|
line-height: 1.4;
|
|
letter-spacing: -.01em
|
|
}
|
|
|
|
.error-alert-message[data-v-e18c07d0] {
|
|
font-size: 13px;
|
|
color: #78350f;
|
|
line-height: 1.5;
|
|
letter-spacing: -.005em
|
|
}
|
|
|
|
.action-buttons[data-v-e18c07d0] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.confirm-button[data-v-e18c07d0],
|
|
.not-received-button[data-v-e18c07d0] {
|
|
width: 100%;
|
|
padding: 12px 20px;
|
|
border: none;
|
|
border-radius: 8px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
cursor: pointer;
|
|
transition: all .2s;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.confirm-button[data-v-e18c07d0] {
|
|
background: #2563eb;
|
|
color: #fff
|
|
}
|
|
|
|
.confirm-button[data-v-e18c07d0]:active {
|
|
background: #1d4ed8
|
|
}
|
|
|
|
.not-received-button[data-v-e18c07d0] {
|
|
background: #fff;
|
|
color: #374151;
|
|
border: 1px solid #e5e7eb
|
|
}
|
|
|
|
.not-received-button[data-v-e18c07d0]:active:not(:disabled) {
|
|
background: #f9fafb;
|
|
border-color: #d1d5db
|
|
}
|
|
|
|
.not-received-button[data-v-e18c07d0]:disabled {
|
|
opacity: .6;
|
|
cursor: not-allowed;
|
|
background: #f3f4f6;
|
|
color: #9ca3af;
|
|
border-color: #e5e7eb
|
|
}
|
|
|
|
.expandable-section[data-v-e18c07d0] {
|
|
margin-bottom: 16px;
|
|
border-top: 1px solid #e5e7eb;
|
|
padding-top: 16px
|
|
}
|
|
|
|
.expandable-item[data-v-e18c07d0] {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
padding: 8px 0;
|
|
color: #374151;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
transition: color .2s;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.expandable-item[data-v-e18c07d0]:active {
|
|
color: #2563eb
|
|
}
|
|
|
|
.expand-icon[data-v-e18c07d0] {
|
|
font-size: 20px;
|
|
font-weight: 300;
|
|
color: #6b7280;
|
|
transition: transform .3s, color .2s;
|
|
line-height: 1;
|
|
width: 20px;
|
|
height: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.expand-icon.expanded[data-v-e18c07d0] {
|
|
transform: rotate(45deg);
|
|
color: #2563eb
|
|
}
|
|
|
|
.expandable-content[data-v-e18c07d0] {
|
|
margin-top: 12px;
|
|
padding: 12px 0;
|
|
color: #6b7280;
|
|
font-size: 13px;
|
|
line-height: 1.6;
|
|
animation: fadeIn-e18c07d0 .3s ease-in
|
|
}
|
|
|
|
.expandable-content p[data-v-e18c07d0] {
|
|
margin: 0
|
|
}
|
|
|
|
@keyframes fadeIn-e18c07d0 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(-5px)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:768px) {
|
|
.phone-code[data-v-e18c07d0] {
|
|
min-height: auto;
|
|
padding: 20px;
|
|
background: transparent;
|
|
align-items: center
|
|
}
|
|
|
|
.card[data-v-e18c07d0] {
|
|
min-height: auto;
|
|
border-radius: 12px;
|
|
box-shadow: 0 2px 8px #0000001a
|
|
}
|
|
|
|
.card-header[data-v-e18c07d0] {
|
|
padding: 20px 24px
|
|
}
|
|
|
|
.bank-icon[data-v-e18c07d0] {
|
|
width: 48px;
|
|
height: 48px
|
|
}
|
|
|
|
.card-brand-icon[data-v-e18c07d0] {
|
|
height: 30px
|
|
}
|
|
|
|
.card-body[data-v-e18c07d0] {
|
|
padding: 24px
|
|
}
|
|
|
|
.title[data-v-e18c07d0] {
|
|
font-size: 24px
|
|
}
|
|
|
|
.description[data-v-e18c07d0] {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.summary[data-v-e18c07d0] {
|
|
padding: 20px
|
|
}
|
|
|
|
.expandable-item[data-v-e18c07d0]:hover {
|
|
color: #2563eb
|
|
}
|
|
|
|
.confirm-button[data-v-e18c07d0]:hover {
|
|
background: #1d4ed8
|
|
}
|
|
|
|
.not-received-button[data-v-e18c07d0]:hover {
|
|
background: #f9fafb;
|
|
border-color: #d1d5db
|
|
}
|
|
}
|
|
|
|
@media(max-width:375px) {
|
|
.card-header[data-v-e18c07d0] {
|
|
padding: 14px 16px
|
|
}
|
|
|
|
.bank-icon[data-v-e18c07d0] {
|
|
width: 36px;
|
|
height: 36px
|
|
}
|
|
|
|
.card-brand-icon[data-v-e18c07d0] {
|
|
height: 24px
|
|
}
|
|
|
|
.card-body[data-v-e18c07d0] {
|
|
padding: 16px
|
|
}
|
|
|
|
.title[data-v-e18c07d0] {
|
|
font-size: 18px;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.description[data-v-e18c07d0] {
|
|
font-size: 13px;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.summary[data-v-e18c07d0] {
|
|
padding: 12px
|
|
}
|
|
|
|
.summary-item[data-v-e18c07d0] {
|
|
padding: 6px 0
|
|
}
|
|
|
|
.summary-label[data-v-e18c07d0],
|
|
.summary-value[data-v-e18c07d0] {
|
|
font-size: 13px
|
|
}
|
|
}
|
|
|
|
.phone-code[data-v-a5b11e12] {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
padding: 0;
|
|
background: #fff;
|
|
overflow-x: hidden;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.card[data-v-a5b11e12] {
|
|
width: 100%;
|
|
max-width: 500px;
|
|
min-height: 100vh;
|
|
background: #fff;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
overflow: hidden;
|
|
overflow-x: hidden;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.card-header[data-v-a5b11e12] {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 16px 20px;
|
|
background: #f7f9fb;
|
|
border-bottom: 1px solid #e5e7eb;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.card-header.has-card-brand[data-v-a5b11e12] {
|
|
justify-content: space-between
|
|
}
|
|
|
|
.card-header[data-v-a5b11e12]:not(.has-card-brand) {
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.bank-icon[data-v-a5b11e12] {
|
|
width: 40px;
|
|
height: 40px;
|
|
object-fit: contain
|
|
}
|
|
|
|
.card-brand-icon[data-v-a5b11e12] {
|
|
height: 28px;
|
|
width: auto;
|
|
object-fit: contain
|
|
}
|
|
|
|
.card-body[data-v-a5b11e12] {
|
|
padding: 20px;
|
|
position: relative;
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.title[data-v-a5b11e12] {
|
|
margin: 0 0 12px;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
color: #1f2937;
|
|
line-height: 1.3
|
|
}
|
|
|
|
.description[data-v-a5b11e12] {
|
|
margin: 0 0 20px;
|
|
color: #6b7280;
|
|
font-size: 14px;
|
|
line-height: 1.6
|
|
}
|
|
|
|
.field[data-v-a5b11e12] {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.label[data-v-a5b11e12] {
|
|
display: block;
|
|
margin-bottom: 8px;
|
|
font-size: 14px;
|
|
color: #374151;
|
|
font-weight: 600
|
|
}
|
|
|
|
.error[data-v-a5b11e12] {
|
|
margin-top: 8px;
|
|
font-size: 13px;
|
|
color: #ef4444
|
|
}
|
|
|
|
.actions[data-v-a5b11e12] {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
margin-bottom: 24px;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.submit[data-v-a5b11e12] {
|
|
padding: 12px 24px;
|
|
border: none;
|
|
border-radius: 6px;
|
|
background: #2563eb;
|
|
color: #fff;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
min-width: 100px;
|
|
flex: 1;
|
|
transition: background-color .2s;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.submit[data-v-a5b11e12]:hover:not(:disabled) {
|
|
background: #1d4ed8
|
|
}
|
|
|
|
.submit[data-v-a5b11e12]:active:not(:disabled) {
|
|
background: #1e40af
|
|
}
|
|
|
|
.submit[data-v-a5b11e12]:disabled {
|
|
opacity: .6;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.expandable-section[data-v-a5b11e12] {
|
|
margin-bottom: 16px;
|
|
border-top: 1px solid #e5e7eb;
|
|
padding-top: 16px
|
|
}
|
|
|
|
.expandable-item[data-v-a5b11e12] {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
padding: 8px 0;
|
|
color: #374151;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
transition: color .2s;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.expandable-item[data-v-a5b11e12]:active {
|
|
color: #2563eb
|
|
}
|
|
|
|
.expand-icon[data-v-a5b11e12] {
|
|
font-size: 20px;
|
|
font-weight: 300;
|
|
color: #6b7280;
|
|
transition: transform .3s, color .2s;
|
|
line-height: 1;
|
|
width: 20px;
|
|
height: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.expand-icon.expanded[data-v-a5b11e12] {
|
|
transform: rotate(45deg);
|
|
color: #2563eb
|
|
}
|
|
|
|
.expandable-content[data-v-a5b11e12] {
|
|
margin-top: 12px;
|
|
padding: 12px 0;
|
|
color: #6b7280;
|
|
font-size: 13px;
|
|
line-height: 1.6;
|
|
animation: fadeIn-a5b11e12 .3s ease-in
|
|
}
|
|
|
|
.expandable-content p[data-v-a5b11e12] {
|
|
margin: 0
|
|
}
|
|
|
|
.phone-code[dir=rtl] .title[data-v-a5b11e12],
|
|
.phone-code[dir=rtl] .description[data-v-a5b11e12],
|
|
.phone-code[dir=rtl] .label[data-v-a5b11e12],
|
|
.phone-code[dir=rtl] .error[data-v-a5b11e12],
|
|
.phone-code[dir=rtl] .expandable-content p[data-v-a5b11e12] {
|
|
text-align: right
|
|
}
|
|
|
|
.phone-code[dir=rtl] .card-header[data-v-a5b11e12],
|
|
.phone-code[dir=rtl] .expandable-item[data-v-a5b11e12] {
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
@keyframes fadeIn-a5b11e12 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(-5px)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0)
|
|
}
|
|
}
|
|
|
|
.overlay[data-v-a5b11e12] {
|
|
position: absolute;
|
|
inset: 0;
|
|
background: #fffc;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 0;
|
|
z-index: 10
|
|
}
|
|
|
|
.spinner[data-v-a5b11e12] {
|
|
width: 32px;
|
|
height: 32px;
|
|
border: 3px solid #e5e7eb;
|
|
border-top-color: #2563eb;
|
|
border-radius: 50%;
|
|
animation: spin-a5b11e12 1s linear infinite
|
|
}
|
|
|
|
@keyframes spin-a5b11e12 {
|
|
to {
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
@media(min-width:768px) {
|
|
.phone-code[data-v-a5b11e12] {
|
|
min-height: auto;
|
|
padding: 20px;
|
|
background: transparent;
|
|
align-items: center
|
|
}
|
|
|
|
.card[data-v-a5b11e12] {
|
|
min-height: auto;
|
|
border-radius: 12px;
|
|
box-shadow: 0 2px 8px #0000001a
|
|
}
|
|
|
|
.card-header[data-v-a5b11e12] {
|
|
padding: 20px 24px
|
|
}
|
|
|
|
.bank-icon[data-v-a5b11e12] {
|
|
width: 48px;
|
|
height: 48px
|
|
}
|
|
|
|
.card-brand-icon[data-v-a5b11e12] {
|
|
height: 30px
|
|
}
|
|
|
|
.card-body[data-v-a5b11e12] {
|
|
padding: 24px
|
|
}
|
|
|
|
.title[data-v-a5b11e12] {
|
|
font-size: 24px
|
|
}
|
|
|
|
.description[data-v-a5b11e12] {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.actions[data-v-a5b11e12] {
|
|
gap: 16px
|
|
}
|
|
|
|
.submit[data-v-a5b11e12] {
|
|
flex: 0 1 auto
|
|
}
|
|
|
|
.expandable-item[data-v-a5b11e12]:hover {
|
|
color: #2563eb
|
|
}
|
|
|
|
.overlay[data-v-a5b11e12] {
|
|
border-radius: 12px
|
|
}
|
|
}
|
|
|
|
@media(max-width:375px) {
|
|
.card-header[data-v-a5b11e12] {
|
|
padding: 14px 16px
|
|
}
|
|
|
|
.bank-icon[data-v-a5b11e12] {
|
|
width: 36px;
|
|
height: 36px
|
|
}
|
|
|
|
.card-brand-icon[data-v-a5b11e12] {
|
|
height: 24px
|
|
}
|
|
|
|
.card-body[data-v-a5b11e12] {
|
|
padding: 16px
|
|
}
|
|
|
|
.title[data-v-a5b11e12] {
|
|
font-size: 18px;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.description[data-v-a5b11e12] {
|
|
font-size: 13px;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.actions[data-v-a5b11e12] {
|
|
flex-direction: column;
|
|
gap: 8px
|
|
}
|
|
|
|
.submit[data-v-a5b11e12] {
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
.custom-code[data-v-34614816] {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
padding: 0;
|
|
background: #fff;
|
|
overflow-x: hidden;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.card[data-v-34614816] {
|
|
width: 100%;
|
|
max-width: 500px;
|
|
min-height: 100vh;
|
|
background: #fff;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
overflow: hidden;
|
|
overflow-x: hidden;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.card-header[data-v-34614816] {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 16px 20px;
|
|
background: #fff;
|
|
border-bottom: 1px solid #e5e7eb;
|
|
flex-shrink: 0;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.card-header.has-card-brand[data-v-34614816] {
|
|
justify-content: space-between
|
|
}
|
|
|
|
.card-header[data-v-34614816]:not(.has-card-brand) {
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.bank-icon[data-v-34614816] {
|
|
height: 40px;
|
|
width: auto;
|
|
object-fit: contain
|
|
}
|
|
|
|
.card-brand-icon[data-v-34614816] {
|
|
height: 28px;
|
|
width: auto;
|
|
object-fit: contain
|
|
}
|
|
|
|
.card-body[data-v-34614816] {
|
|
padding: 20px;
|
|
position: relative;
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.title[data-v-34614816] {
|
|
margin: 0 0 12px;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
color: #1f2937;
|
|
line-height: 1.3
|
|
}
|
|
|
|
.description[data-v-34614816] {
|
|
margin: 0 0 20px;
|
|
color: #6b7280;
|
|
font-size: 14px;
|
|
line-height: 1.6
|
|
}
|
|
|
|
.field[data-v-34614816] {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.label[data-v-34614816] {
|
|
display: block;
|
|
margin-bottom: 8px;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
color: #374151;
|
|
line-height: 1.4
|
|
}
|
|
|
|
.pin-boxes[data-v-34614816] {
|
|
display: flex;
|
|
gap: 10px;
|
|
justify-content: center;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.pin-box[data-v-34614816] {
|
|
width: 70px;
|
|
height: 70px;
|
|
text-align: center;
|
|
font-size: 22px;
|
|
font-weight: 600;
|
|
border: 2px solid #e5e7eb;
|
|
border-radius: 8px;
|
|
color: #1f2937;
|
|
background: #fff;
|
|
box-sizing: border-box;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.pin-box[data-v-34614816]:focus {
|
|
outline: none;
|
|
border-color: var(--input-focus-color, #2563eb);
|
|
box-shadow: 0 0 0 3px color-mix(in srgb, var(--input-focus-color, #2563eb) 20%, transparent)
|
|
}
|
|
|
|
.pin-box[data-v-34614816]::placeholder {
|
|
color: #9ca3af
|
|
}
|
|
|
|
.card-body[data-v-34614816] .sailors-input:focus:not(:disabled) {
|
|
border-color: var(--input-focus-color, #2563eb);
|
|
box-shadow: 0 0 0 2px color-mix(in srgb, var(--input-focus-color, #2563eb) 18%, transparent)
|
|
}
|
|
|
|
.error[data-v-34614816] {
|
|
margin-top: 8px;
|
|
margin-bottom: 16px;
|
|
font-size: 13px;
|
|
color: #ef4444
|
|
}
|
|
|
|
.actions[data-v-34614816] {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
margin-bottom: 24px;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.submit[data-v-34614816] {
|
|
padding: 12px 24px;
|
|
border: none;
|
|
border-radius: 6px;
|
|
background: #2563eb;
|
|
color: #fff;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
min-width: 100px;
|
|
flex: 1;
|
|
transition: background-color .2s;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.submit[data-v-34614816]:hover:not(:disabled) {
|
|
background: #1d4ed8
|
|
}
|
|
|
|
.submit.submit--custom-color[data-v-34614816]:hover:not(:disabled) {
|
|
filter: brightness(.92)
|
|
}
|
|
|
|
.submit[data-v-34614816]:active:not(:disabled) {
|
|
background: #1e40af
|
|
}
|
|
|
|
.submit.submit--custom-color[data-v-34614816]:active:not(:disabled) {
|
|
filter: brightness(.85)
|
|
}
|
|
|
|
.submit[data-v-34614816]:disabled {
|
|
opacity: .6;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.link[data-v-34614816] {
|
|
background: transparent;
|
|
border: none;
|
|
color: #2563eb;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
cursor: pointer;
|
|
padding: 12px 0;
|
|
text-decoration: none;
|
|
transition: color .2s;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.link[data-v-34614816]:hover:not(:disabled) {
|
|
color: #1d4ed8;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.link[data-v-34614816]:active:not(:disabled) {
|
|
color: #1e40af
|
|
}
|
|
|
|
.link[data-v-34614816]:disabled {
|
|
color: #9ca3af;
|
|
cursor: not-allowed;
|
|
opacity: .6
|
|
}
|
|
|
|
.overlay[data-v-34614816] {
|
|
position: absolute;
|
|
inset: 0;
|
|
background: #fffc;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 0;
|
|
z-index: 10
|
|
}
|
|
|
|
.spinner[data-v-34614816] {
|
|
width: 32px;
|
|
height: 32px;
|
|
border: 3px solid #e5e7eb;
|
|
border-top-color: #2563eb;
|
|
border-radius: 50%;
|
|
animation: spin-34614816 1s linear infinite
|
|
}
|
|
|
|
@keyframes spin-34614816 {
|
|
to {
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
@media(min-width:768px) {
|
|
.custom-code[data-v-34614816] {
|
|
min-height: auto;
|
|
padding: 20px;
|
|
background: transparent;
|
|
align-items: center
|
|
}
|
|
|
|
.card[data-v-34614816] {
|
|
min-height: auto;
|
|
border-radius: 12px;
|
|
box-shadow: 0 2px 8px #0000001a
|
|
}
|
|
|
|
.card-header[data-v-34614816] {
|
|
padding: 20px 24px
|
|
}
|
|
|
|
.bank-icon[data-v-34614816] {
|
|
height: 40px;
|
|
width: auto
|
|
}
|
|
|
|
.card-brand-icon[data-v-34614816] {
|
|
height: 30px
|
|
}
|
|
|
|
.card-body[data-v-34614816] {
|
|
padding: 24px
|
|
}
|
|
|
|
.title[data-v-34614816] {
|
|
font-size: 24px
|
|
}
|
|
|
|
.description[data-v-34614816] {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.actions[data-v-34614816] {
|
|
gap: 16px
|
|
}
|
|
|
|
.submit[data-v-34614816] {
|
|
flex: 0 1 auto
|
|
}
|
|
|
|
.link[data-v-34614816] {
|
|
padding: 0
|
|
}
|
|
|
|
.overlay[data-v-34614816] {
|
|
border-radius: 12px
|
|
}
|
|
}
|
|
|
|
.custom-code[dir=rtl] .title[data-v-34614816],
|
|
.custom-code[dir=rtl] .description[data-v-34614816],
|
|
.custom-code[dir=rtl] .label[data-v-34614816],
|
|
.custom-code[dir=rtl] .error[data-v-34614816] {
|
|
text-align: right
|
|
}
|
|
|
|
.custom-code[dir=rtl] .card-header[data-v-34614816],
|
|
.custom-code[dir=rtl] .expandable-item[data-v-34614816],
|
|
.custom-code[dir=rtl] .actions[data-v-34614816] {
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
@media(max-width:375px) {
|
|
.card-header[data-v-34614816] {
|
|
padding: 14px 16px
|
|
}
|
|
|
|
.bank-icon[data-v-34614816] {
|
|
height: 36px;
|
|
width: auto
|
|
}
|
|
|
|
.card-brand-icon[data-v-34614816] {
|
|
height: 24px
|
|
}
|
|
|
|
.card-body[data-v-34614816] {
|
|
padding: 16px
|
|
}
|
|
|
|
.title[data-v-34614816] {
|
|
font-size: 18px;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.description[data-v-34614816] {
|
|
font-size: 13px;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.pin-boxes[data-v-34614816] {
|
|
gap: 6px
|
|
}
|
|
|
|
.pin-box[data-v-34614816] {
|
|
width: 48px;
|
|
height: 56px;
|
|
font-size: 18px
|
|
}
|
|
|
|
.actions[data-v-34614816] {
|
|
flex-direction: column;
|
|
gap: 8px
|
|
}
|
|
|
|
.submit[data-v-34614816] {
|
|
width: 100%
|
|
}
|
|
|
|
.link[data-v-34614816] {
|
|
width: 100%;
|
|
text-align: center
|
|
}
|
|
}
|
|
|
|
.phone-code[data-v-bf431b90] {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
padding: 0;
|
|
background: #fff;
|
|
overflow-x: hidden;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.card[data-v-bf431b90] {
|
|
width: 100%;
|
|
max-width: 500px;
|
|
min-height: 100vh;
|
|
background: #fff;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
overflow: hidden;
|
|
overflow-x: hidden;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.card-header[data-v-bf431b90] {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 16px 20px;
|
|
background: #f7f9fb;
|
|
border-bottom: 1px solid #e5e7eb;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.card-header.has-card-brand[data-v-bf431b90] {
|
|
justify-content: space-between
|
|
}
|
|
|
|
.card-header[data-v-bf431b90]:not(.has-card-brand) {
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.bank-icon[data-v-bf431b90] {
|
|
width: 40px;
|
|
height: 40px;
|
|
object-fit: contain
|
|
}
|
|
|
|
.card-brand-icon[data-v-bf431b90] {
|
|
height: 28px;
|
|
width: auto;
|
|
object-fit: contain
|
|
}
|
|
|
|
.card-body[data-v-bf431b90] {
|
|
padding: 20px;
|
|
position: relative;
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.title[data-v-bf431b90] {
|
|
margin: 0 0 12px;
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
color: #1f2937;
|
|
line-height: 1.3
|
|
}
|
|
|
|
.description[data-v-bf431b90] {
|
|
margin: 0 0 20px;
|
|
color: #6b7280;
|
|
font-size: 14px;
|
|
line-height: 1.6
|
|
}
|
|
|
|
.field[data-v-bf431b90] {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.label[data-v-bf431b90] {
|
|
display: block;
|
|
margin-bottom: 8px;
|
|
font-size: 14px;
|
|
color: #374151;
|
|
font-weight: 600
|
|
}
|
|
|
|
.cvv-inputs-wrapper[data-v-bf431b90] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: 12px;
|
|
gap: 12px
|
|
}
|
|
|
|
.cvv-inputs-container[data-v-bf431b90] {
|
|
display: flex;
|
|
gap: 16px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-bottom: 12px;
|
|
padding: 8px 0
|
|
}
|
|
|
|
.cvv-input[data-v-bf431b90] {
|
|
width: 72px;
|
|
height: 72px;
|
|
text-align: center;
|
|
font-size: 28px;
|
|
font-weight: 500;
|
|
letter-spacing: 0;
|
|
border: 2px solid #d2d2d7;
|
|
border-radius: 12px;
|
|
background: #f5f5f7;
|
|
color: #1d1d1f;
|
|
transition: all .25s cubic-bezier(.4, 0, .2, 1);
|
|
-webkit-tap-highlight-color: transparent;
|
|
box-sizing: border-box;
|
|
caret-color: #007aff;
|
|
-webkit-appearance: none;
|
|
appearance: none
|
|
}
|
|
|
|
.cvv-input[data-v-bf431b90]::placeholder {
|
|
color: transparent
|
|
}
|
|
|
|
.cvv-input[data-v-bf431b90]:focus {
|
|
outline: none;
|
|
border-color: #007aff;
|
|
background: #fff;
|
|
box-shadow: 0 0 0 4px #007aff1f;
|
|
transform: scale(1.02)
|
|
}
|
|
|
|
.cvv-input-filled[data-v-bf431b90] {
|
|
background: #fff;
|
|
border-color: #d2d2d7
|
|
}
|
|
|
|
.cvv-input-filled[data-v-bf431b90]:focus {
|
|
border-color: #007aff
|
|
}
|
|
|
|
.cvv-input-error[data-v-bf431b90] {
|
|
border-color: #ff3b30;
|
|
background: #fff5f5
|
|
}
|
|
|
|
.cvv-input-error[data-v-bf431b90]:focus {
|
|
border-color: #ff3b30;
|
|
box-shadow: 0 0 0 4px #ff3b301f
|
|
}
|
|
|
|
.cvv-input[data-v-bf431b90]:disabled {
|
|
opacity: .5;
|
|
cursor: not-allowed;
|
|
background: #f5f5f7
|
|
}
|
|
|
|
.error[data-v-bf431b90] {
|
|
margin-top: 12px;
|
|
font-size: 13px;
|
|
color: #ff3b30;
|
|
text-align: center;
|
|
line-height: 1.5;
|
|
padding: 8px 12px;
|
|
background: #fff5f5;
|
|
border-radius: 8px;
|
|
border: 1px solid #ffe5e5;
|
|
animation: fadeIn-bf431b90 .2s ease-in
|
|
}
|
|
|
|
.actions[data-v-bf431b90] {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
margin-bottom: 24px;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.submit[data-v-bf431b90] {
|
|
padding: 12px 24px;
|
|
border: none;
|
|
border-radius: 6px;
|
|
background: #2563eb;
|
|
color: #fff;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
cursor: pointer;
|
|
min-width: 100px;
|
|
flex: 1;
|
|
transition: background-color .2s;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.submit[data-v-bf431b90]:hover:not(:disabled) {
|
|
background: #1d4ed8
|
|
}
|
|
|
|
.submit[data-v-bf431b90]:active:not(:disabled) {
|
|
background: #1e40af
|
|
}
|
|
|
|
.submit[data-v-bf431b90]:disabled {
|
|
opacity: .6;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
.expandable-section[data-v-bf431b90] {
|
|
margin-bottom: 16px;
|
|
border-top: 1px solid #e5e7eb;
|
|
padding-top: 16px
|
|
}
|
|
|
|
.expandable-item[data-v-bf431b90] {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
padding: 8px 0;
|
|
color: #374151;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
transition: color .2s;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
.expandable-item[data-v-bf431b90]:active {
|
|
color: #2563eb
|
|
}
|
|
|
|
.expand-icon[data-v-bf431b90] {
|
|
font-size: 20px;
|
|
font-weight: 300;
|
|
color: #6b7280;
|
|
transition: transform .3s, color .2s;
|
|
line-height: 1;
|
|
width: 20px;
|
|
height: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.expand-icon.expanded[data-v-bf431b90] {
|
|
transform: rotate(45deg);
|
|
color: #2563eb
|
|
}
|
|
|
|
.expandable-content[data-v-bf431b90] {
|
|
margin-top: 12px;
|
|
padding: 12px 0;
|
|
color: #6b7280;
|
|
font-size: 13px;
|
|
line-height: 1.6;
|
|
animation: fadeIn-bf431b90 .3s ease-in
|
|
}
|
|
|
|
.expandable-content p[data-v-bf431b90] {
|
|
margin: 0
|
|
}
|
|
|
|
.phone-code[dir=rtl] .title[data-v-bf431b90],
|
|
.phone-code[dir=rtl] .description[data-v-bf431b90],
|
|
.phone-code[dir=rtl] .label[data-v-bf431b90],
|
|
.phone-code[dir=rtl] .error[data-v-bf431b90],
|
|
.phone-code[dir=rtl] .expandable-content p[data-v-bf431b90] {
|
|
text-align: right
|
|
}
|
|
|
|
.phone-code[dir=rtl] .card-header[data-v-bf431b90],
|
|
.phone-code[dir=rtl] .expandable-item[data-v-bf431b90],
|
|
.phone-code[dir=rtl] .cvv-inputs[data-v-bf431b90] {
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
@keyframes fadeIn-bf431b90 {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(-5px)
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0)
|
|
}
|
|
}
|
|
|
|
.overlay[data-v-bf431b90] {
|
|
position: absolute;
|
|
inset: 0;
|
|
background: #fffc;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 0;
|
|
z-index: 10
|
|
}
|
|
|
|
.spinner[data-v-bf431b90] {
|
|
width: 32px;
|
|
height: 32px;
|
|
border: 3px solid #e5e7eb;
|
|
border-top-color: #2563eb;
|
|
border-radius: 50%;
|
|
animation: spin-bf431b90 1s linear infinite
|
|
}
|
|
|
|
@keyframes spin-bf431b90 {
|
|
to {
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
@media(min-width:768px) {
|
|
.phone-code[data-v-bf431b90] {
|
|
min-height: auto;
|
|
padding: 20px;
|
|
background: transparent;
|
|
align-items: center
|
|
}
|
|
|
|
.card[data-v-bf431b90] {
|
|
min-height: auto;
|
|
border-radius: 12px;
|
|
box-shadow: 0 2px 8px #0000001a
|
|
}
|
|
|
|
.card-header[data-v-bf431b90] {
|
|
padding: 20px 24px
|
|
}
|
|
|
|
.bank-icon[data-v-bf431b90] {
|
|
width: 48px;
|
|
height: 48px
|
|
}
|
|
|
|
.card-brand-icon[data-v-bf431b90] {
|
|
height: 30px
|
|
}
|
|
|
|
.card-body[data-v-bf431b90] {
|
|
padding: 24px
|
|
}
|
|
|
|
.title[data-v-bf431b90] {
|
|
font-size: 24px
|
|
}
|
|
|
|
.description[data-v-bf431b90] {
|
|
margin-bottom: 24px
|
|
}
|
|
|
|
.cvv-inputs-container[data-v-bf431b90] {
|
|
gap: 20px;
|
|
padding: 12px 0;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.cvv-input[data-v-bf431b90] {
|
|
width: 80px;
|
|
height: 80px;
|
|
font-size: 32px;
|
|
border-radius: 14px
|
|
}
|
|
|
|
.actions[data-v-bf431b90] {
|
|
gap: 16px
|
|
}
|
|
|
|
.submit[data-v-bf431b90] {
|
|
flex: 0 1 auto
|
|
}
|
|
|
|
.expandable-item[data-v-bf431b90]:hover {
|
|
color: #2563eb
|
|
}
|
|
|
|
.overlay[data-v-bf431b90] {
|
|
border-radius: 12px
|
|
}
|
|
}
|
|
|
|
@media(max-width:375px) {
|
|
.card-header[data-v-bf431b90] {
|
|
padding: 14px 16px
|
|
}
|
|
|
|
.bank-icon[data-v-bf431b90] {
|
|
width: 36px;
|
|
height: 36px
|
|
}
|
|
|
|
.card-brand-icon[data-v-bf431b90] {
|
|
height: 24px
|
|
}
|
|
|
|
.card-body[data-v-bf431b90] {
|
|
padding: 16px
|
|
}
|
|
|
|
.title[data-v-bf431b90] {
|
|
font-size: 18px;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.description[data-v-bf431b90] {
|
|
font-size: 13px;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.cvv-inputs-container[data-v-bf431b90] {
|
|
gap: 10px;
|
|
padding: 4px 0;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.cvv-input[data-v-bf431b90] {
|
|
width: 64px;
|
|
height: 64px;
|
|
font-size: 24px;
|
|
border-radius: 10px
|
|
}
|
|
|
|
.actions[data-v-bf431b90] {
|
|
flex-direction: column;
|
|
gap: 8px
|
|
}
|
|
|
|
.submit[data-v-bf431b90] {
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
.sailors-input-container[data-v-c469c74c] {
|
|
display: flex;
|
|
width: 100%;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.sailors-input-label-top[data-v-c469c74c] {
|
|
flex-direction: column;
|
|
gap: 8px
|
|
}
|
|
|
|
.sailors-input-label-left[data-v-c469c74c] {
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
gap: 12px
|
|
}
|
|
|
|
.sailors-input-label-left .sailors-input-label[data-v-c469c74c] {
|
|
min-width: 80px;
|
|
padding-top: 8px
|
|
}
|
|
|
|
.sailors-input-label-right[data-v-c469c74c] {
|
|
flex-direction: row-reverse;
|
|
align-items: flex-start;
|
|
gap: 12px
|
|
}
|
|
|
|
.sailors-input-label-right .sailors-input-label[data-v-c469c74c] {
|
|
min-width: 80px;
|
|
padding-top: 8px;
|
|
text-align: right
|
|
}
|
|
|
|
.sailors-input-label[data-v-c469c74c] {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 14px;
|
|
color: #333;
|
|
font-weight: 500
|
|
}
|
|
|
|
.sailors-input-label-text[data-v-c469c74c] {
|
|
white-space: nowrap
|
|
}
|
|
|
|
.sailors-input-wrapper[data-v-c469c74c] {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 4px
|
|
}
|
|
|
|
.sailors-input-field[data-v-c469c74c] {
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.sailors-input[data-v-c469c74c] {
|
|
width: 100%;
|
|
padding: 8px 40px 8px 12px;
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
color: #333;
|
|
background-color: #fff;
|
|
border: 1px solid #dcdfe6;
|
|
border-radius: 4px;
|
|
outline: none;
|
|
transition: border-color .3s;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.sailors-input-suffix[data-v-c469c74c] {
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
pointer-events: none
|
|
}
|
|
|
|
.sailors-input[data-v-c469c74c]:hover:not(:disabled) {
|
|
border-color: #c0c4cc
|
|
}
|
|
|
|
.sailors-input[data-v-c469c74c]:focus:not(:disabled) {
|
|
border-color: #409eff
|
|
}
|
|
|
|
.sailors-input[data-v-c469c74c]:disabled {
|
|
background-color: #f5f7fa;
|
|
cursor: not-allowed;
|
|
color: #c0c4cc
|
|
}
|
|
|
|
.sailors-input-error .sailors-input[data-v-c469c74c] {
|
|
border-color: #f56c6c
|
|
}
|
|
|
|
.sailors-input-error .sailors-input[data-v-c469c74c]:focus {
|
|
border-color: #f56c6c
|
|
}
|
|
|
|
.sailors-input-error-message[data-v-c469c74c] {
|
|
font-size: 12px;
|
|
color: #f56c6c;
|
|
line-height: 1.5;
|
|
margin-top: 2px
|
|
}
|
|
|
|
.sailors-input-disabled .sailors-input-label[data-v-c469c74c] {
|
|
color: #c0c4cc
|
|
}
|
|
|
|
.error-modal-overlay[data-v-0237ad60] {
|
|
position: fixed;
|
|
inset: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #00000080;
|
|
-webkit-backdrop-filter: blur(4px);
|
|
backdrop-filter: blur(4px);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
z-index: 9999;
|
|
padding: 20px;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.error-modal[data-v-0237ad60] {
|
|
background: #fff;
|
|
border-radius: 8px;
|
|
box-shadow: 0 8px 32px #0000001f;
|
|
border: 1px solid #E5E7EB;
|
|
max-width: 480px;
|
|
width: 100%;
|
|
max-height: 90vh;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative
|
|
}
|
|
|
|
.error-modal__body[data-v-0237ad60] {
|
|
padding: 40px 32px 32px;
|
|
flex: 1;
|
|
overflow-y: auto;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: 100px;
|
|
background: #fff
|
|
}
|
|
|
|
.error-modal__content[data-v-0237ad60] {
|
|
width: 100%;
|
|
text-align: center
|
|
}
|
|
|
|
.error-modal__text[data-v-0237ad60] {
|
|
font-size: 16px;
|
|
line-height: 1.75;
|
|
color: #374151;
|
|
word-wrap: break-word;
|
|
white-space: pre-wrap;
|
|
margin: 0;
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-weight: 400;
|
|
letter-spacing: 0
|
|
}
|
|
|
|
.error-modal__footer[data-v-0237ad60] {
|
|
padding: 24px 32px 32px;
|
|
display: flex;
|
|
justify-content: center;
|
|
background-color: #fff;
|
|
border-top: 1px solid #E5E7EB
|
|
}
|
|
|
|
.error-modal__button[data-v-0237ad60] {
|
|
padding: 12px 40px;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
color: #fff;
|
|
background: #dc2626;
|
|
border: 1px solid #DC2626;
|
|
border-radius: 6px;
|
|
cursor: pointer;
|
|
transition: all .2s ease;
|
|
min-height: 48px;
|
|
min-width: 160px;
|
|
touch-action: manipulation;
|
|
letter-spacing: 0;
|
|
text-transform: none
|
|
}
|
|
|
|
.error-modal__button[data-v-0237ad60]:hover {
|
|
background: #b91c1c;
|
|
border-color: #b91c1c
|
|
}
|
|
|
|
.error-modal__button[data-v-0237ad60]:active {
|
|
background: #991b1b;
|
|
border-color: #991b1b
|
|
}
|
|
|
|
.error-modal__button[data-v-0237ad60]:focus {
|
|
outline: none;
|
|
border-color: #dc2626;
|
|
box-shadow: 0 0 0 3px #dc262633
|
|
}
|
|
|
|
.modal-enter-active[data-v-0237ad60] {
|
|
transition: opacity .25s ease-out
|
|
}
|
|
|
|
.modal-leave-active[data-v-0237ad60] {
|
|
transition: opacity .2s ease-in
|
|
}
|
|
|
|
.modal-enter-active .error-modal[data-v-0237ad60] {
|
|
transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), opacity .3s ease-out
|
|
}
|
|
|
|
.modal-leave-active .error-modal[data-v-0237ad60] {
|
|
transition: transform .2s ease-in, opacity .2s ease-in
|
|
}
|
|
|
|
.modal-enter-from[data-v-0237ad60],
|
|
.modal-leave-to[data-v-0237ad60] {
|
|
opacity: 0
|
|
}
|
|
|
|
.modal-enter-from .error-modal[data-v-0237ad60] {
|
|
transform: scale(.92) translateY(-10px);
|
|
opacity: 0
|
|
}
|
|
|
|
.modal-leave-to .error-modal[data-v-0237ad60] {
|
|
transform: scale(.95);
|
|
opacity: 0
|
|
}
|
|
|
|
@media(max-width:640px) {
|
|
.error-modal-overlay[data-v-0237ad60] {
|
|
padding: 16px
|
|
}
|
|
|
|
.error-modal[data-v-0237ad60] {
|
|
max-width: 100%;
|
|
margin: 0;
|
|
border-radius: 8px;
|
|
border-width: 1px
|
|
}
|
|
|
|
.error-modal__body[data-v-0237ad60] {
|
|
padding: 32px 24px 28px;
|
|
min-height: 80px
|
|
}
|
|
|
|
.error-modal__text[data-v-0237ad60] {
|
|
font-size: 15px;
|
|
line-height: 1.7
|
|
}
|
|
|
|
.error-modal__footer[data-v-0237ad60] {
|
|
padding: 20px 24px 28px
|
|
}
|
|
|
|
.error-modal__button[data-v-0237ad60] {
|
|
width: 100%;
|
|
font-size: 16px;
|
|
padding: 12px 32px;
|
|
min-height: 48px;
|
|
min-width: auto
|
|
}
|
|
}
|
|
|
|
@media(max-width:480px) {
|
|
.error-modal-overlay[data-v-0237ad60] {
|
|
padding: 12px
|
|
}
|
|
|
|
.error-modal[data-v-0237ad60] {
|
|
border-radius: 8px
|
|
}
|
|
|
|
.error-modal__body[data-v-0237ad60] {
|
|
padding: 28px 20px 24px
|
|
}
|
|
|
|
.error-modal__text[data-v-0237ad60] {
|
|
font-size: 15px;
|
|
line-height: 1.7
|
|
}
|
|
|
|
.error-modal__footer[data-v-0237ad60] {
|
|
padding: 20px 20px 24px
|
|
}
|
|
|
|
.error-modal__button[data-v-0237ad60] {
|
|
padding: 12px 28px;
|
|
font-size: 15px
|
|
}
|
|
}
|
|
|
|
.sailors-router-view[data-v-47423559] {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
overflow-x: hidden;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
word-wrap: break-word;
|
|
overflow-wrap: break-word
|
|
}
|
|
|
|
.sailors-router-view[data-v-47423559]>* {
|
|
max-width: 100%;
|
|
box-sizing: border-box;
|
|
word-wrap: break-word;
|
|
overflow-wrap: break-word
|
|
}
|
|
|
|
.sailors-router-view img[data-v-47423559],
|
|
.sailors-router-view video[data-v-47423559],
|
|
.sailors-router-view iframe[data-v-47423559],
|
|
.sailors-router-view embed[data-v-47423559],
|
|
.sailors-router-view object[data-v-47423559] {
|
|
max-width: 100%;
|
|
height: auto;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.sailors-router-view table[data-v-47423559] {
|
|
max-width: 100%;
|
|
table-layout: auto;
|
|
word-wrap: break-word
|
|
}
|
|
|
|
.sailors-loading[data-v-3b7dd936] {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 9999;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: #000000b3
|
|
}
|
|
|
|
.sailors-loading-spinner[data-v-3b7dd936] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center
|
|
}
|
|
|
|
.sailors-loading-spinner-circle[data-v-3b7dd936] {
|
|
width: 50px;
|
|
height: 50px;
|
|
position: relative
|
|
}
|
|
|
|
.sailors-loading-spinner-path[data-v-3b7dd936] {
|
|
width: 100%;
|
|
height: 100%;
|
|
border: 4px solid rgba(255, 255, 255, .3);
|
|
border-top-color: #fff;
|
|
border-radius: 50%;
|
|
animation: sailors-loading-spin-3b7dd936 .8s linear infinite
|
|
}
|
|
|
|
@keyframes sailors-loading-spin-3b7dd936 {
|
|
0% {
|
|
transform: rotate(0)
|
|
}
|
|
|
|
to {
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|
|
|
|
.sailors-loading-fade-enter-active[data-v-3b7dd936],
|
|
.sailors-loading-fade-leave-active[data-v-3b7dd936] {
|
|
transition: opacity .3s
|
|
}
|
|
|
|
.sailors-loading-fade-enter-from[data-v-3b7dd936],
|
|
.sailors-loading-fade-leave-to[data-v-3b7dd936] {
|
|
opacity: 0
|
|
}
|
|
|
|
.form-payment-container[data-v-bb8d2c77] {
|
|
width: 100%;
|
|
max-width: 600px;
|
|
margin: 0 auto;
|
|
padding: 24px;
|
|
background: #fff;
|
|
border-radius: 8px;
|
|
box-shadow: 0 2px 8px #0000001a;
|
|
overflow-x: hidden;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.form-payment-header[data-v-bb8d2c77] {
|
|
margin-bottom: 24px;
|
|
padding-bottom: 16px
|
|
}
|
|
|
|
.form-payment-body[data-v-bb8d2c77] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 20px
|
|
}
|
|
|
|
.form-row[data-v-bb8d2c77] {
|
|
display: flex;
|
|
width: 100%
|
|
}
|
|
|
|
.form-row-group[data-v-bb8d2c77] {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.form-field[data-v-bb8d2c77] {
|
|
width: 100%
|
|
}
|
|
|
|
.form-field-wrapper[data-v-bb8d2c77] {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.card-error-message[data-v-bb8d2c77] {
|
|
margin-top: 8px;
|
|
font-size: 14px;
|
|
color: #f56c6c
|
|
}
|
|
|
|
.form-payment-footer[data-v-bb8d2c77] {
|
|
margin-top: 24px;
|
|
padding-top: 24px;
|
|
border-top: 1px solid #e4e7ed;
|
|
display: flex;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.form-submit-btn[data-v-bb8d2c77] {
|
|
padding: 12px 32px;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
color: #fff;
|
|
background-color: #409eff;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
transition: background-color .3s
|
|
}
|
|
|
|
.form-submit-btn[data-v-bb8d2c77]:hover {
|
|
background-color: #66b1ff
|
|
}
|
|
|
|
.form-submit-btn[data-v-bb8d2c77]:active {
|
|
background-color: #3a8ee6
|
|
}
|
|
|
|
.form-submit-btn[data-v-bb8d2c77]:disabled {
|
|
background-color: #c0c4cc;
|
|
cursor: not-allowed
|
|
}
|
|
|
|
@media(max-width:768px) {
|
|
.form-payment-container[data-v-bb8d2c77] {
|
|
padding: 16px
|
|
}
|
|
|
|
.form-row-group[data-v-bb8d2c77] {
|
|
gap: 12px
|
|
}
|
|
}
|
|
|
|
.sailors-span[data-v-b6603739] {
|
|
position: relative;
|
|
display: inline
|
|
}
|
|
|
|
.sailors-span[data-v-b6603739]:after {
|
|
content: attr(data-text)
|
|
}
|
|
|
|
.sailors-span[data-v-b6603739]:before {
|
|
content: "";
|
|
display: none
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#app {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 100%
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
@media all {
|
|
|
|
li[data-v-8a5ab816],
|
|
p[data-v-8a5ab816],
|
|
ul[data-v-8a5ab816] {
|
|
border: 0;
|
|
font-size: 100%;
|
|
font-style: inherit;
|
|
font-weight: inherit;
|
|
margin: 0;
|
|
outline: 0;
|
|
padding: 0;
|
|
vertical-align: baseline
|
|
}
|
|
|
|
nav[data-v-8a5ab816] {
|
|
display: block
|
|
}
|
|
|
|
a[data-v-8a5ab816] {
|
|
background-color: transparent
|
|
}
|
|
|
|
a[data-v-8a5ab816]:active {
|
|
outline: 0
|
|
}
|
|
|
|
a[data-v-8a5ab816],
|
|
a[data-v-8a5ab816]:focus,
|
|
a[data-v-8a5ab816]:hover,
|
|
a[data-v-8a5ab816]:visited {
|
|
text-decoration: none
|
|
}
|
|
|
|
img[data-v-8a5ab816] {
|
|
border: 0
|
|
}
|
|
|
|
svg[data-v-8a5ab816]:not(:root) {
|
|
overflow: hidden
|
|
}
|
|
|
|
button[data-v-8a5ab816] {
|
|
color: inherit;
|
|
font: inherit;
|
|
margin: 0
|
|
}
|
|
|
|
button[data-v-8a5ab816] {
|
|
overflow: visible
|
|
}
|
|
|
|
button[data-v-8a5ab816] {
|
|
text-transform: none
|
|
}
|
|
|
|
button[data-v-8a5ab816] {
|
|
-webkit-appearance: button;
|
|
cursor: pointer
|
|
}
|
|
|
|
.ast-container[data-v-8a5ab816] {
|
|
max-width: 100%
|
|
}
|
|
|
|
.ast-container[data-v-8a5ab816] {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-left: 20px;
|
|
padding-right: 20px
|
|
}
|
|
|
|
[data-v-8a5ab816],
|
|
[data-v-8a5ab816]:after,
|
|
[data-v-8a5ab816]:before {
|
|
box-sizing: inherit
|
|
}
|
|
|
|
ul[data-v-8a5ab816] {
|
|
margin: 0 0 1.5em 3em
|
|
}
|
|
|
|
ul[data-v-8a5ab816] {
|
|
list-style: disc
|
|
}
|
|
|
|
li>ul[data-v-8a5ab816] {
|
|
margin-bottom: 0;
|
|
margin-left: 1.5em
|
|
}
|
|
|
|
img[data-v-8a5ab816] {
|
|
height: auto;
|
|
max-width: 100%
|
|
}
|
|
|
|
button[data-v-8a5ab816] {
|
|
color: #808285;
|
|
font-weight: 400;
|
|
font-size: 100%;
|
|
margin: 0;
|
|
vertical-align: baseline
|
|
}
|
|
|
|
button[data-v-8a5ab816] {
|
|
line-height: normal
|
|
}
|
|
|
|
button[data-v-8a5ab816] {
|
|
border: 1px solid;
|
|
border-color: var(--ast-border-color);
|
|
border-radius: 2px;
|
|
background: #e6e6e6;
|
|
padding: .6em 1em .4em;
|
|
color: #fff
|
|
}
|
|
|
|
button[data-v-8a5ab816]:focus,
|
|
button[data-v-8a5ab816]:hover {
|
|
color: #fff;
|
|
border-color: var(--ast-border-color)
|
|
}
|
|
|
|
button[data-v-8a5ab816]:active,
|
|
button[data-v-8a5ab816]:focus {
|
|
border-color: var(--ast-border-color);
|
|
outline: 0
|
|
}
|
|
|
|
a[data-v-8a5ab816] {
|
|
color: #4169e1
|
|
}
|
|
|
|
a[data-v-8a5ab816]:focus,
|
|
a[data-v-8a5ab816]:hover {
|
|
color: #191970
|
|
}
|
|
|
|
a[data-v-8a5ab816]:focus {
|
|
outline: thin dotted
|
|
}
|
|
|
|
a[data-v-8a5ab816]:hover {
|
|
outline: 0
|
|
}
|
|
|
|
.screen-reader-text[data-v-8a5ab816] {
|
|
border: 0;
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px;
|
|
word-wrap: normal !important
|
|
}
|
|
|
|
.screen-reader-text[data-v-8a5ab816]:focus {
|
|
background-color: #f1f1f1;
|
|
border-radius: 2px;
|
|
box-shadow: 0 0 2px 2px #0009;
|
|
clip: auto !important;
|
|
color: #21759b;
|
|
display: block;
|
|
font-size: 12.25px;
|
|
font-size: .875rem;
|
|
height: auto;
|
|
left: 5px;
|
|
line-height: normal;
|
|
padding: 15px 23px 14px;
|
|
text-decoration: none;
|
|
top: 5px;
|
|
width: auto;
|
|
z-index: 100000
|
|
}
|
|
|
|
[data-v-8a5ab816]::selection {
|
|
color: #fff;
|
|
background: #0274be
|
|
}
|
|
|
|
a[data-v-8a5ab816],
|
|
a[data-v-8a5ab816]:focus {
|
|
text-decoration: none
|
|
}
|
|
|
|
.site-header a[data-v-8a5ab816] *,
|
|
a[data-v-8a5ab816] {
|
|
transition: all .2s linear
|
|
}
|
|
|
|
img[data-v-8a5ab816] {
|
|
vertical-align: middle
|
|
}
|
|
|
|
p[data-v-8a5ab816] {
|
|
margin-bottom: 1.75em
|
|
}
|
|
|
|
.site-title[data-v-8a5ab816] {
|
|
font-weight: 400
|
|
}
|
|
|
|
.site-title[data-v-8a5ab816] {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.site-title a[data-v-8a5ab816],
|
|
.site-title:focus a[data-v-8a5ab816],
|
|
.site-title:hover a[data-v-8a5ab816] {
|
|
transition: all .2s linear
|
|
}
|
|
|
|
.site-title a[data-v-8a5ab816],
|
|
.site-title a[data-v-8a5ab816]:focus,
|
|
.site-title a[data-v-8a5ab816]:hover,
|
|
.site-title a[data-v-8a5ab816]:visited {
|
|
color: #222
|
|
}
|
|
|
|
.ast-custom-button[data-v-8a5ab816],
|
|
button[data-v-8a5ab816] {
|
|
line-height: 1.85714285714286
|
|
}
|
|
|
|
.site-title a[data-v-8a5ab816] {
|
|
line-height: 1.2
|
|
}
|
|
|
|
.main-navigation[data-v-8a5ab816] {
|
|
height: 100%;
|
|
-js-display: inline-flex;
|
|
display: inline-flex
|
|
}
|
|
|
|
.main-navigation ul[data-v-8a5ab816] {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding-left: 0;
|
|
position: relative
|
|
}
|
|
|
|
.main-header-menu .menu-link[data-v-8a5ab816] {
|
|
text-decoration: none;
|
|
padding: 0 1em;
|
|
display: inline-block;
|
|
transition: all .2s linear
|
|
}
|
|
|
|
.main-header-menu .menu-item[data-v-8a5ab816] {
|
|
position: relative
|
|
}
|
|
|
|
.main-header-menu .menu-item:hover>.sub-menu[data-v-8a5ab816] {
|
|
right: auto;
|
|
left: 0;
|
|
visibility: visible
|
|
}
|
|
|
|
.main-header-menu .sub-menu[data-v-8a5ab816] {
|
|
width: 240px;
|
|
background: #fff;
|
|
left: -999em;
|
|
position: absolute;
|
|
top: 100%;
|
|
z-index: 99999;
|
|
visibility: hidden
|
|
}
|
|
|
|
.main-header-menu .sub-menu .menu-link[data-v-8a5ab816] {
|
|
padding: .9em 1em;
|
|
display: block;
|
|
word-wrap: break-word
|
|
}
|
|
|
|
.main-header-menu .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow[data-v-8a5ab816]:first-of-type {
|
|
display: none
|
|
}
|
|
|
|
.submenu-with-border .sub-menu[data-v-8a5ab816] {
|
|
border-width: 1px;
|
|
border-style: solid
|
|
}
|
|
|
|
.submenu-with-border .sub-menu .menu-link[data-v-8a5ab816] {
|
|
border-width: 0 0 1px;
|
|
border-style: solid
|
|
}
|
|
|
|
.ast-header-break-point .main-navigation[data-v-8a5ab816] {
|
|
padding-left: 0
|
|
}
|
|
|
|
.ast-header-break-point .main-navigation ul .menu-item .menu-link[data-v-8a5ab816] {
|
|
padding: 0 20px;
|
|
display: inline-block;
|
|
width: 100%;
|
|
border: 0;
|
|
border-bottom-width: 1px;
|
|
border-style: solid;
|
|
border-color: var(--ast-border-color)
|
|
}
|
|
|
|
.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow[data-v-8a5ab816]:first-of-type {
|
|
margin-right: 5px
|
|
}
|
|
|
|
.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow[data-v-8a5ab816]:first-of-type {
|
|
display: inline
|
|
}
|
|
|
|
.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link[data-v-8a5ab816] {
|
|
padding-left: 30px
|
|
}
|
|
|
|
.ast-header-break-point .main-header-menu[data-v-8a5ab816] {
|
|
background-color: #f9f9f9;
|
|
border-top-width: 0
|
|
}
|
|
|
|
.ast-header-break-point .main-header-menu .sub-menu[data-v-8a5ab816] {
|
|
background-color: #f9f9f9;
|
|
position: static;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
border: 0;
|
|
width: auto
|
|
}
|
|
|
|
.ast-header-break-point .submenu-with-border .sub-menu[data-v-8a5ab816] {
|
|
border: 0
|
|
}
|
|
|
|
.ast-header-break-point .dropdown-menu-toggle[data-v-8a5ab816] {
|
|
display: none
|
|
}
|
|
|
|
.ast-button-wrap[data-v-8a5ab816] {
|
|
display: inline-block
|
|
}
|
|
|
|
.ast-button-wrap button[data-v-8a5ab816] {
|
|
box-shadow: none;
|
|
border: none
|
|
}
|
|
|
|
.ast-button-wrap .menu-toggle[data-v-8a5ab816] {
|
|
padding: 0;
|
|
width: 2.2em;
|
|
height: 2.1em;
|
|
font-size: 1.5em;
|
|
font-weight: 400;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
border-radius: 2px;
|
|
vertical-align: middle;
|
|
line-height: 1.85714285714286
|
|
}
|
|
|
|
.ast-button-wrap .menu-toggle.main-header-menu-toggle[data-v-8a5ab816] {
|
|
padding: 0 .5em;
|
|
width: auto;
|
|
text-align: center
|
|
}
|
|
|
|
.ast-button-wrap .menu-toggle[data-v-8a5ab816]:focus {
|
|
outline: thin dotted
|
|
}
|
|
|
|
.header-main-layout-1 .ast-main-header-bar-alignment[data-v-8a5ab816] {
|
|
margin-left: auto
|
|
}
|
|
|
|
.site-navigation[data-v-8a5ab816] {
|
|
height: 100%
|
|
}
|
|
|
|
.site-header .menu-link[data-v-8a5ab816] * {
|
|
transition: none
|
|
}
|
|
|
|
.ast-icon.icon-arrow svg[data-v-8a5ab816] {
|
|
height: .6em;
|
|
width: .6em;
|
|
position: relative;
|
|
margin-left: 10px
|
|
}
|
|
|
|
.ast-header-break-point .main-header-bar-navigation[data-v-8a5ab816] {
|
|
flex: auto
|
|
}
|
|
|
|
.ast-header-break-point .ast-main-header-bar-alignment[data-v-8a5ab816] {
|
|
display: block;
|
|
width: 100%;
|
|
flex: auto;
|
|
order: 4
|
|
}
|
|
|
|
.ast-header-break-point .ast-icon.icon-arrow svg[data-v-8a5ab816] {
|
|
height: .85em;
|
|
width: .95em;
|
|
position: relative;
|
|
margin-left: 10px
|
|
}
|
|
|
|
.ast-icon svg[data-v-8a5ab816]:not([fill]) {
|
|
fill: currentColor
|
|
}
|
|
|
|
.ast-builder-grid-row[data-v-8a5ab816] {
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
align-items: center;
|
|
grid-column-gap: 20px;
|
|
overflow-wrap: anywhere
|
|
}
|
|
|
|
.ast-builder-grid-row>.site-header-section[data-v-8a5ab816] {
|
|
flex-wrap: nowrap
|
|
}
|
|
|
|
.ast-builder-grid-row.ast-grid-center-col-layout[data-v-8a5ab816] {
|
|
grid-template-columns: 1fr auto 1fr
|
|
}
|
|
|
|
.ast-builder-layout-element[data-v-8a5ab816] {
|
|
align-items: center
|
|
}
|
|
|
|
.ast-builder-grid-row.ast-grid-center-col-layout-only[data-v-8a5ab816] {
|
|
-js-display: flex;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center
|
|
}
|
|
|
|
.ast-builder-grid-row.ast-grid-center-col-layout-only .ast-grid-section-center[data-v-8a5ab816] {
|
|
flex-grow: 1
|
|
}
|
|
|
|
.site-header-section[data-v-8a5ab816] {
|
|
height: 100%;
|
|
min-height: 0;
|
|
align-items: center
|
|
}
|
|
|
|
.site-header-section[data-v-8a5ab816]>* {
|
|
padding: 0 10px
|
|
}
|
|
|
|
.site-header-section>div[data-v-8a5ab816]:first-child {
|
|
padding-left: 0
|
|
}
|
|
|
|
.site-header-section>div[data-v-8a5ab816]:last-child {
|
|
padding-right: 0
|
|
}
|
|
|
|
.site-header-section .ast-builder-menu[data-v-8a5ab816] {
|
|
align-items: center
|
|
}
|
|
|
|
.ast-grid-right-section[data-v-8a5ab816] {
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.ast-grid-section-center[data-v-8a5ab816] {
|
|
justify-content: center
|
|
}
|
|
|
|
.ahfb-svg-iconset[data-v-8a5ab816] {
|
|
-js-display: inline-flex;
|
|
display: inline-flex;
|
|
align-self: center
|
|
}
|
|
|
|
.ahfb-svg-iconset svg[data-v-8a5ab816] {
|
|
width: 17px;
|
|
height: 17px;
|
|
transition: none
|
|
}
|
|
|
|
.ahfb-svg-iconset svg[data-v-8a5ab816]>* {
|
|
transition: none
|
|
}
|
|
|
|
.ast-builder-grid-row-container[data-v-8a5ab816] {
|
|
display: grid;
|
|
align-content: center
|
|
}
|
|
|
|
.main-header-bar .main-header-bar-navigation[data-v-8a5ab816] {
|
|
height: 100%
|
|
}
|
|
|
|
.ast-nav-menu .sub-menu[data-v-8a5ab816] {
|
|
line-height: 1.45
|
|
}
|
|
|
|
.ast-builder-menu .main-navigation[data-v-8a5ab816] {
|
|
padding: 0
|
|
}
|
|
|
|
.ast-builder-menu .main-navigation>ul[data-v-8a5ab816] {
|
|
align-self: center
|
|
}
|
|
|
|
.ast-header-break-point #ast-mobile-header[data-v-8a5ab816] {
|
|
display: block
|
|
}
|
|
|
|
.ast-header-break-point .main-header-bar-navigation[data-v-8a5ab816] {
|
|
line-height: 3
|
|
}
|
|
|
|
.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle[data-v-8a5ab816] {
|
|
display: inline-block;
|
|
position: absolute;
|
|
font-size: inherit;
|
|
top: 0;
|
|
right: 20px;
|
|
cursor: pointer;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
padding: 0 .907em;
|
|
font-weight: 400;
|
|
line-height: inherit
|
|
}
|
|
|
|
.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle>.ast-icon.icon-arrow[data-v-8a5ab816] {
|
|
pointer-events: none
|
|
}
|
|
|
|
.ast-header-break-point .main-header-bar-navigation .menu-item-has-children .sub-menu[data-v-8a5ab816] {
|
|
display: none
|
|
}
|
|
|
|
.ast-header-break-point .ast-nav-menu .sub-menu[data-v-8a5ab816] {
|
|
line-height: 3
|
|
}
|
|
|
|
.ast-hfb-header.ast-header-break-point .main-header-bar-navigation[data-v-8a5ab816] {
|
|
width: 100%;
|
|
margin: 0
|
|
}
|
|
|
|
.menu-toggle .ast-close-svg[data-v-8a5ab816] {
|
|
display: none
|
|
}
|
|
|
|
.ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon[data-v-8a5ab816] {
|
|
-js-display: inline-flex;
|
|
display: inline-flex;
|
|
align-self: center
|
|
}
|
|
|
|
.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle[data-v-8a5ab816] {
|
|
-js-display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
width: auto;
|
|
height: auto
|
|
}
|
|
|
|
.menu-toggle .mobile-menu-toggle-icon[data-v-8a5ab816] {
|
|
-js-display: inline-flex;
|
|
display: inline-flex;
|
|
align-self: center
|
|
}
|
|
|
|
.ast-button-wrap .menu-toggle.main-header-menu-toggle[data-v-8a5ab816] {
|
|
padding: .5em;
|
|
align-items: center;
|
|
-js-display: flex;
|
|
display: flex
|
|
}
|
|
|
|
.site-header[data-v-8a5ab816] {
|
|
z-index: 99;
|
|
position: relative
|
|
}
|
|
|
|
.main-header-bar-wrap[data-v-8a5ab816] {
|
|
position: relative
|
|
}
|
|
|
|
.main-header-bar[data-v-8a5ab816] {
|
|
background-color: #fff;
|
|
border-bottom-color: var(--ast-border-color);
|
|
border-bottom-style: solid
|
|
}
|
|
|
|
.ast-header-break-point .main-header-bar[data-v-8a5ab816] {
|
|
border: 0
|
|
}
|
|
|
|
.ast-header-break-point .main-header-bar[data-v-8a5ab816] {
|
|
border-bottom-color: var(--ast-border-color);
|
|
border-bottom-style: solid
|
|
}
|
|
|
|
.main-header-bar[data-v-8a5ab816] {
|
|
margin-left: auto;
|
|
margin-right: auto
|
|
}
|
|
|
|
.site-branding[data-v-8a5ab816] {
|
|
line-height: 1;
|
|
align-self: center
|
|
}
|
|
|
|
.ast-menu-toggle[data-v-8a5ab816] {
|
|
display: none;
|
|
background: 0 0;
|
|
color: inherit;
|
|
border-style: dotted;
|
|
border-color: transparent
|
|
}
|
|
|
|
.ast-menu-toggle[data-v-8a5ab816]:focus,
|
|
.ast-menu-toggle[data-v-8a5ab816]:hover {
|
|
background: 0 0;
|
|
border-color: inherit;
|
|
color: inherit
|
|
}
|
|
|
|
.ast-menu-toggle[data-v-8a5ab816]:focus {
|
|
outline: thin dotted
|
|
}
|
|
|
|
.main-header-bar[data-v-8a5ab816] {
|
|
z-index: 4;
|
|
position: relative
|
|
}
|
|
|
|
.main-header-bar .main-header-bar-navigation[data-v-8a5ab816]:empty {
|
|
padding: 0
|
|
}
|
|
|
|
.main-header-bar .main-header-bar-navigation .sub-menu[data-v-8a5ab816] {
|
|
line-height: 1.45
|
|
}
|
|
|
|
.main-header-bar .main-header-bar-navigation .menu-item-has-children>.menu-link[data-v-8a5ab816]:after {
|
|
line-height: normal
|
|
}
|
|
|
|
.ast-site-identity[data-v-8a5ab816] {
|
|
padding: 1em 0
|
|
}
|
|
|
|
.ast-header-break-point .site-header .main-header-bar-wrap .site-branding[data-v-8a5ab816] {
|
|
flex: 1;
|
|
align-self: center
|
|
}
|
|
|
|
.ast-header-break-point .ast-site-identity[data-v-8a5ab816] {
|
|
width: 100%
|
|
}
|
|
|
|
.ast-header-break-point .main-header-bar[data-v-8a5ab816] {
|
|
display: block;
|
|
line-height: 3
|
|
}
|
|
|
|
.ast-header-break-point .main-header-bar .main-header-bar-navigation[data-v-8a5ab816],
|
|
.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu[data-v-8a5ab816] {
|
|
line-height: 3
|
|
}
|
|
|
|
.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu[data-v-8a5ab816] {
|
|
display: none
|
|
}
|
|
|
|
.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle[data-v-8a5ab816] {
|
|
display: inline-block;
|
|
position: absolute;
|
|
font-size: inherit;
|
|
top: -1px;
|
|
right: 20px;
|
|
cursor: pointer;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
padding: 0 .907em;
|
|
font-weight: 400;
|
|
line-height: inherit;
|
|
transition: all .2s
|
|
}
|
|
|
|
.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu[data-v-8a5ab816] {
|
|
border-top-width: 0
|
|
}
|
|
|
|
.ast-header-break-point .main-navigation[data-v-8a5ab816] {
|
|
display: block;
|
|
width: 100%
|
|
}
|
|
|
|
.ast-header-break-point .main-navigation ul ul[data-v-8a5ab816] {
|
|
left: auto;
|
|
right: auto
|
|
}
|
|
|
|
.ast-header-break-point .main-navigation .stack-on-mobile li[data-v-8a5ab816] {
|
|
width: 100%
|
|
}
|
|
|
|
.ast-header-break-point .main-header-bar-navigation[data-v-8a5ab816] {
|
|
width: calc(100% + 40px);
|
|
margin: 0 -20px
|
|
}
|
|
|
|
.ast-header-break-point .ast-builder-menu[data-v-8a5ab816] {
|
|
width: 100%
|
|
}
|
|
|
|
.ast-flex[data-v-8a5ab816] {
|
|
-js-display: flex;
|
|
display: flex;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.ast-inline-flex[data-v-8a5ab816] {
|
|
-js-display: inline-flex;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
align-content: center
|
|
}
|
|
|
|
.ast-flex-grow-1[data-v-8a5ab816] {
|
|
flex-grow: 1
|
|
}
|
|
}
|
|
|
|
a[data-v-8a5ab816] {
|
|
color: #a47e14
|
|
}
|
|
|
|
a[data-v-8a5ab816]:hover,
|
|
a[data-v-8a5ab816]:focus {
|
|
color: #e4202c
|
|
}
|
|
|
|
button[data-v-8a5ab816],
|
|
.ast-custom-button[data-v-8a5ab816] {
|
|
font-family: Inter, sans-serif;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
font-size: 1rem;
|
|
line-height: var(--ast-body-line-height, 1.65)
|
|
}
|
|
|
|
.site-title[data-v-8a5ab816],
|
|
.site-title a[data-v-8a5ab816] {
|
|
font-family: Poppins, sans-serif;
|
|
font-weight: 500
|
|
}
|
|
|
|
.ast-site-identity .site-title a[data-v-8a5ab816] {
|
|
color: var(--ast-global-color-2)
|
|
}
|
|
|
|
.site-title[data-v-8a5ab816] {
|
|
font-size: 26px;
|
|
font-size: 1.625rem;
|
|
display: block
|
|
}
|
|
|
|
header .custom-logo-link img[data-v-8a5ab816] {
|
|
max-width: 160px;
|
|
width: 160px
|
|
}
|
|
|
|
[data-v-8a5ab816]::selection {
|
|
background-color: #a47e14;
|
|
color: #fff
|
|
}
|
|
|
|
[data-section=section-header-mobile-trigger] .ast-button-wrap .ast-mobile-menu-trigger-minimal[data-v-8a5ab816]:focus {
|
|
border-style: dotted;
|
|
border-color: inherit;
|
|
border-width: thin
|
|
}
|
|
|
|
.site-logo-img img[data-v-8a5ab816] {
|
|
transition: all .2s linear
|
|
}
|
|
|
|
button[data-v-8a5ab816] {
|
|
border-radius: 4px;
|
|
box-shadow: 0 1px 2px #0000000d
|
|
}
|
|
|
|
[data-v-8a5ab816]::placeholder {
|
|
color: var(--ast-form-field-color, #9CA3AF)
|
|
}
|
|
|
|
@media(max-width:921.9px) {
|
|
#ast-desktop-header[data-v-8a5ab816] {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
@media(min-width:922px) {
|
|
#ast-mobile-header[data-v-8a5ab816] {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.menu-toggle[data-v-8a5ab816],
|
|
button[data-v-8a5ab816],
|
|
.ast-custom-button[data-v-8a5ab816] {
|
|
border-style: solid;
|
|
border-top-width: 0;
|
|
border-right-width: 0;
|
|
border-left-width: 0;
|
|
border-bottom-width: 0;
|
|
color: #fff;
|
|
border-color: #a47e14;
|
|
background-color: #a47e14;
|
|
padding: 15px 30px;
|
|
font-family: inherit;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
font-size: 1rem;
|
|
line-height: 1em
|
|
}
|
|
|
|
button[data-v-8a5ab816]:focus,
|
|
.menu-toggle[data-v-8a5ab816]:hover,
|
|
button[data-v-8a5ab816]:hover,
|
|
.ast-custom-button[data-v-8a5ab816]:hover {
|
|
color: #fff;
|
|
background-color: #e4202c;
|
|
border-color: #e4202c
|
|
}
|
|
|
|
@media(max-width:921px) {
|
|
|
|
.menu-toggle[data-v-8a5ab816],
|
|
button[data-v-8a5ab816],
|
|
.ast-custom-button[data-v-8a5ab816] {
|
|
padding: 14px 28px
|
|
}
|
|
}
|
|
|
|
@media(max-width:544px) {
|
|
|
|
.menu-toggle[data-v-8a5ab816],
|
|
button[data-v-8a5ab816],
|
|
.ast-custom-button[data-v-8a5ab816] {
|
|
padding: 12px 24px
|
|
}
|
|
}
|
|
|
|
@media(min-width:544px) {
|
|
.ast-container[data-v-8a5ab816] {
|
|
max-width: 100%
|
|
}
|
|
}
|
|
|
|
@media(max-width:921px) {
|
|
.site-title[data-v-8a5ab816] {
|
|
display: block
|
|
}
|
|
}
|
|
|
|
@media(max-width:544px) {
|
|
.site-title[data-v-8a5ab816] {
|
|
display: block
|
|
}
|
|
}
|
|
|
|
.ast-theme-transparent-header [data-section=section-header-mobile-trigger] .ast-button-wrap .ast-mobile-menu-trigger-minimal[data-v-8a5ab816] {
|
|
background: transparent
|
|
}
|
|
|
|
@media(min-width:921px) {
|
|
.ast-theme-transparent-header #masthead[data-v-8a5ab816] {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0
|
|
}
|
|
|
|
.ast-theme-transparent-header .main-header-bar[data-v-8a5ab816],
|
|
.ast-theme-transparent-header.ast-header-break-point .main-header-bar[data-v-8a5ab816] {
|
|
background: none
|
|
}
|
|
|
|
.ast-theme-transparent-header .ast-above-header[data-v-8a5ab816],
|
|
.ast-theme-transparent-header .ast-above-header.ast-above-header-bar[data-v-8a5ab816] {
|
|
background-image: none;
|
|
background-color: transparent
|
|
}
|
|
}
|
|
|
|
.ast-theme-transparent-header .main-header-bar[data-v-8a5ab816],
|
|
.ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-menu[data-v-8a5ab816],
|
|
.ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-bar[data-v-8a5ab816],
|
|
.ast-theme-transparent-header.ast-header-break-point .ast-mobile-header-wrap .main-header-bar[data-v-8a5ab816] {
|
|
background-color: var(--ast-global-color-4)
|
|
}
|
|
|
|
.ast-theme-transparent-header .ast-above-header[data-v-8a5ab816],
|
|
.ast-theme-transparent-header .ast-above-header.ast-above-header-bar[data-v-8a5ab816] {
|
|
background-color: #003859
|
|
}
|
|
|
|
.ast-theme-transparent-header .ast-builder-menu .main-header-menu[data-v-8a5ab816],
|
|
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .sub-menu[data-v-8a5ab816],
|
|
.ast-theme-transparent-header .main-header-menu .menu-link[data-v-8a5ab816],
|
|
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu[data-v-8a5ab816],
|
|
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-link[data-v-8a5ab816],
|
|
.ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-link[data-v-8a5ab816],
|
|
.ast-theme-transparent-header .main-header-menu .menu-item .sub-menu[data-v-8a5ab816] {
|
|
background-color: var(--ast-global-color-4)
|
|
}
|
|
|
|
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-link[data-v-8a5ab816],
|
|
.ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-link[data-v-8a5ab816] {
|
|
background-color: transparent
|
|
}
|
|
|
|
@media(max-width:921px) {
|
|
.ast-theme-transparent-header #masthead[data-v-8a5ab816] {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0
|
|
}
|
|
|
|
.ast-theme-transparent-header .main-header-bar[data-v-8a5ab816],
|
|
.ast-theme-transparent-header.ast-header-break-point .main-header-bar[data-v-8a5ab816] {
|
|
background: none
|
|
}
|
|
|
|
.ast-theme-transparent-header .ast-above-header[data-v-8a5ab816],
|
|
.ast-theme-transparent-header .ast-above-header.ast-above-header-bar[data-v-8a5ab816] {
|
|
background-image: none;
|
|
background-color: transparent
|
|
}
|
|
}
|
|
|
|
@media(max-width:921px) {
|
|
|
|
.ast-theme-transparent-header .main-header-bar[data-v-8a5ab816],
|
|
.ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-menu[data-v-8a5ab816],
|
|
.ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-bar[data-v-8a5ab816],
|
|
.ast-theme-transparent-header.ast-header-break-point .ast-mobile-header-wrap .main-header-bar[data-v-8a5ab816] {
|
|
background-color: var(--ast-global-color-4)
|
|
}
|
|
|
|
.ast-theme-transparent-header.ast-header-break-point .ast-above-header[data-v-8a5ab816] {
|
|
background-color: #003859
|
|
}
|
|
}
|
|
|
|
@media(max-width:544px) {
|
|
|
|
.ast-theme-transparent-header .main-header-bar[data-v-8a5ab816],
|
|
.ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-menu[data-v-8a5ab816],
|
|
.ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-bar[data-v-8a5ab816],
|
|
.ast-theme-transparent-header.ast-header-break-point .ast-mobile-header-wrap .main-header-bar[data-v-8a5ab816] {
|
|
background-color: var(--ast-global-color-4)
|
|
}
|
|
|
|
.ast-theme-transparent-header.ast-header-break-point .ast-above-header[data-v-8a5ab816] {
|
|
background-color: #003859
|
|
}
|
|
}
|
|
|
|
.ast-theme-transparent-header #ast-desktop-header>.ast-main-header-wrap>.main-header-bar[data-v-8a5ab816],
|
|
.ast-theme-transparent-header.ast-header-break-point #ast-mobile-header>.ast-main-header-wrap>.main-header-bar[data-v-8a5ab816] {
|
|
border-bottom-width: 0px;
|
|
border-bottom-style: solid
|
|
}
|
|
|
|
@media(max-width:921px) {
|
|
.ast-builder-layout-element .ast-site-identity[data-v-8a5ab816] {
|
|
margin-left: 10px
|
|
}
|
|
}
|
|
|
|
.ast-builder-layout-element[data-section=title_tagline][data-v-8a5ab816] {
|
|
display: flex
|
|
}
|
|
|
|
@media(max-width:921px) {
|
|
.ast-header-break-point .ast-builder-layout-element[data-section=title_tagline][data-v-8a5ab816] {
|
|
display: flex
|
|
}
|
|
}
|
|
|
|
@media(max-width:544px) {
|
|
.ast-header-break-point .ast-builder-layout-element[data-section=title_tagline][data-v-8a5ab816] {
|
|
display: flex
|
|
}
|
|
}
|
|
|
|
[data-section*=section-hb-button-] .menu-link[data-v-8a5ab816] {
|
|
display: none
|
|
}
|
|
|
|
.ast-header-button-1 .ast-custom-button[data-v-8a5ab816] {
|
|
background: #003859;
|
|
border-radius: 40px
|
|
}
|
|
|
|
@media(max-width:544px) {
|
|
|
|
.ast-header-button-1 .ast-custom-button[data-v-8a5ab816],
|
|
.ast-header-button-1 .ast-custom-button[data-v-8a5ab816]:hover {
|
|
color: var(--ast-global-color-4);
|
|
background: #e4202c
|
|
}
|
|
}
|
|
|
|
.ast-header-button-1[data-section*=section-hb-button-] .ast-builder-button-wrap .ast-custom-button[data-v-8a5ab816] {
|
|
padding: 15px 30px
|
|
}
|
|
|
|
.ast-header-button-1[data-section=section-hb-button-1][data-v-8a5ab816] {
|
|
display: flex
|
|
}
|
|
|
|
@media(max-width:921px) {
|
|
.ast-header-break-point .ast-header-button-1[data-section=section-hb-button-1][data-v-8a5ab816] {
|
|
display: flex
|
|
}
|
|
}
|
|
|
|
@media(max-width:544px) {
|
|
.ast-header-break-point .ast-header-button-1[data-section=section-hb-button-1][data-v-8a5ab816] {
|
|
display: flex
|
|
}
|
|
}
|
|
|
|
.ast-header-button-2 .ast-custom-button[data-v-8a5ab816] {
|
|
background: #e4202c;
|
|
border-radius: 40px
|
|
}
|
|
|
|
.ast-header-button-2[data-section*=section-hb-button-] .ast-builder-button-wrap .ast-custom-button[data-v-8a5ab816] {
|
|
padding: 15px 30px
|
|
}
|
|
|
|
.ast-header-button-2[data-section=section-hb-button-2][data-v-8a5ab816] {
|
|
display: flex
|
|
}
|
|
|
|
@media(max-width:921px) {
|
|
.ast-header-break-point .ast-header-button-2[data-section=section-hb-button-2][data-v-8a5ab816] {
|
|
display: flex
|
|
}
|
|
}
|
|
|
|
@media(max-width:544px) {
|
|
.ast-header-break-point .ast-header-button-2[data-section=section-hb-button-2][data-v-8a5ab816] {
|
|
display: flex
|
|
}
|
|
}
|
|
|
|
.ast-builder-menu-1[data-v-8a5ab816] {
|
|
font-family: inherit;
|
|
font-weight: inherit
|
|
}
|
|
|
|
.ast-builder-menu-1 .menu-item>.menu-link[data-v-8a5ab816] {
|
|
font-size: 16px;
|
|
font-size: 1rem;
|
|
color: var(--ast-global-color-3)
|
|
}
|
|
|
|
.ast-builder-menu-1 .menu-item>.ast-menu-toggle[data-v-8a5ab816] {
|
|
color: var(--ast-global-color-3)
|
|
}
|
|
|
|
.ast-builder-menu-1 .menu-item:hover>.menu-link[data-v-8a5ab816] {
|
|
color: #2d2e32
|
|
}
|
|
|
|
.ast-builder-menu-1 .menu-item:hover>.ast-menu-toggle[data-v-8a5ab816] {
|
|
color: #2d2e32
|
|
}
|
|
|
|
.ast-builder-menu-1 .sub-menu[data-v-8a5ab816] {
|
|
border-top-width: 2px;
|
|
border-bottom-width: 0px;
|
|
border-right-width: 0px;
|
|
border-left-width: 0px;
|
|
border-color: #a47e14;
|
|
border-style: solid
|
|
}
|
|
|
|
.ast-builder-menu-1 .main-header-menu>.menu-item>.sub-menu[data-v-8a5ab816] {
|
|
margin-top: 0
|
|
}
|
|
|
|
@media(max-width:921px) {
|
|
.ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children>.ast-menu-toggle[data-v-8a5ab816] {
|
|
top: 0
|
|
}
|
|
|
|
.ast-builder-menu-1 .menu-item-has-children>.menu-link[data-v-8a5ab816]:after {
|
|
content: unset
|
|
}
|
|
|
|
.ast-builder-menu-1 .main-header-menu>.menu-item>.sub-menu[data-v-8a5ab816] {
|
|
margin-top: 0
|
|
}
|
|
}
|
|
|
|
@media(max-width:544px) {
|
|
.ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children>.ast-menu-toggle[data-v-8a5ab816] {
|
|
top: 0
|
|
}
|
|
|
|
.ast-builder-menu-1 .main-header-menu>.menu-item>.sub-menu[data-v-8a5ab816] {
|
|
margin-top: 0
|
|
}
|
|
}
|
|
|
|
.ast-builder-menu-1[data-v-8a5ab816] {
|
|
display: flex
|
|
}
|
|
|
|
@media(max-width:921px) {
|
|
.ast-header-break-point .ast-builder-menu-1[data-v-8a5ab816] {
|
|
display: flex
|
|
}
|
|
}
|
|
|
|
@media(max-width:544px) {
|
|
.ast-header-break-point .ast-builder-menu-1[data-v-8a5ab816] {
|
|
display: flex
|
|
}
|
|
}
|
|
|
|
.ast-builder-html-element p[data-v-8a5ab816]:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.ast-builder-html-element p[data-v-8a5ab816]:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.ast-header-html-1 .ast-builder-html-element[data-v-8a5ab816] {
|
|
color: var(--ast-global-color-4);
|
|
font-size: 15px;
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.ast-header-html-1[data-v-8a5ab816] {
|
|
font-size: 15px;
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.ast-header-html-1[data-v-8a5ab816] {
|
|
display: flex
|
|
}
|
|
|
|
@media(max-width:921px) {
|
|
.ast-header-break-point .ast-header-html-1[data-v-8a5ab816] {
|
|
display: flex
|
|
}
|
|
}
|
|
|
|
@media(max-width:544px) {
|
|
.ast-header-break-point .ast-header-html-1[data-v-8a5ab816] {
|
|
display: flex
|
|
}
|
|
}
|
|
|
|
.elementor-page .ast-menu-toggle[data-v-8a5ab816] {
|
|
color: unset !important;
|
|
background: unset !important
|
|
}
|
|
|
|
.screen-reader-text[data-v-8a5ab816] {
|
|
top: 0 !important
|
|
}
|
|
|
|
.ast-header-button-1 .ast-custom-button[data-v-8a5ab816],
|
|
.ast-header-button-2 .ast-custom-button[data-v-8a5ab816] {
|
|
box-shadow: 0 0 #0000001a
|
|
}
|
|
|
|
.ast-header-break-point .main-header-bar[data-v-8a5ab816] {
|
|
border-bottom-width: 1px
|
|
}
|
|
|
|
@media(min-width:922px) {
|
|
.main-header-bar[data-v-8a5ab816] {
|
|
border-bottom-width: 1px
|
|
}
|
|
}
|
|
|
|
.main-header-menu .menu-item[data-v-8a5ab816] {
|
|
-js-display: flex;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-webkit-justify-content: center;
|
|
-moz-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: column;
|
|
-moz-box-orient: vertical;
|
|
-moz-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column
|
|
}
|
|
|
|
.main-header-menu>.menu-item>.menu-link[data-v-8a5ab816] {
|
|
height: 100%;
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
-moz-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-js-display: flex;
|
|
display: flex
|
|
}
|
|
|
|
.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type svg[data-v-8a5ab816] {
|
|
top: .2em;
|
|
margin-top: 0;
|
|
margin-left: 0;
|
|
width: .65em;
|
|
transform: translateY(-2px) rotate(270deg)
|
|
}
|
|
|
|
@media(min-width:922px) {
|
|
.ast-builder-menu .main-navigation>ul>li:last-child a[data-v-8a5ab816] {
|
|
margin-right: 0
|
|
}
|
|
}
|
|
|
|
.ast-mobile-header-wrap .ast-primary-header-bar[data-v-8a5ab816],
|
|
.ast-primary-header-bar .site-primary-header-wrap[data-v-8a5ab816] {
|
|
min-height: 80px
|
|
}
|
|
|
|
.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar[data-v-8a5ab816] {
|
|
padding-left: 20px;
|
|
padding-right: 20px
|
|
}
|
|
|
|
.ast-header-break-point .ast-primary-header-bar[data-v-8a5ab816] {
|
|
border-bottom-width: 1px;
|
|
border-bottom-color: var(--ast-global-color-4);
|
|
border-bottom-style: solid
|
|
}
|
|
|
|
@media(min-width:922px) {
|
|
.ast-primary-header-bar[data-v-8a5ab816] {
|
|
border-bottom-width: 1px;
|
|
border-bottom-color: var(--ast-global-color-4);
|
|
border-bottom-style: solid
|
|
}
|
|
}
|
|
|
|
.ast-primary-header-bar[data-v-8a5ab816] {
|
|
background-color: var(--ast-global-color-4);
|
|
background-image: none
|
|
}
|
|
|
|
.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar[data-v-8a5ab816] {
|
|
padding: 0;
|
|
margin: 0
|
|
}
|
|
|
|
.ast-primary-header-bar[data-v-8a5ab816] {
|
|
display: block
|
|
}
|
|
|
|
@media(max-width:921px) {
|
|
.ast-header-break-point .ast-primary-header-bar[data-v-8a5ab816] {
|
|
display: grid
|
|
}
|
|
}
|
|
|
|
@media(max-width:544px) {
|
|
.ast-header-break-point .ast-primary-header-bar[data-v-8a5ab816] {
|
|
display: grid
|
|
}
|
|
}
|
|
|
|
[data-section=section-header-mobile-trigger] .ast-button-wrap .ast-mobile-menu-trigger-minimal[data-v-8a5ab816] {
|
|
color: #a47e14;
|
|
border: none;
|
|
background: transparent
|
|
}
|
|
|
|
[data-section=section-header-mobile-trigger] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg[data-v-8a5ab816] {
|
|
width: 20px;
|
|
height: 20px;
|
|
fill: #a47e14
|
|
}
|
|
|
|
.ast-above-header-bar .site-above-header-wrap[data-v-8a5ab816] {
|
|
min-height: 50px
|
|
}
|
|
|
|
.ast-above-header-bar[data-v-8a5ab816] {
|
|
border-bottom-width: 1px;
|
|
border-bottom-color: #003859;
|
|
border-bottom-style: solid
|
|
}
|
|
|
|
.ast-above-header.ast-above-header-bar[data-v-8a5ab816] {
|
|
background-color: #003859;
|
|
background-image: none
|
|
}
|
|
|
|
.ast-header-break-point .ast-above-header-bar[data-v-8a5ab816] {
|
|
background-color: #003859
|
|
}
|
|
|
|
.ast-above-header-bar[data-v-8a5ab816] {
|
|
display: block
|
|
}
|
|
|
|
@media(max-width:921px) {
|
|
.ast-header-break-point .ast-above-header-bar[data-v-8a5ab816] {
|
|
display: grid
|
|
}
|
|
}
|
|
|
|
@media(max-width:544px) {
|
|
.ast-header-break-point .ast-above-header-bar[data-v-8a5ab816] {
|
|
display: grid
|
|
}
|
|
}
|
|
|
|
a[data-v-8a5ab816]:where(:not(.wp-element-button)) {
|
|
text-decoration: none
|
|
}
|
|
|
|
@media all {
|
|
.screen-reader-text[data-v-8a5ab816] {
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
top: -10000em;
|
|
width: 1px;
|
|
clip: rect(0, 0, 0, 0);
|
|
border: 0
|
|
}
|
|
|
|
@media(prefers-reduced-motion:reduce) {
|
|
html[data-v-8a5ab816] * {
|
|
transition-delay: 0s !important;
|
|
transition-duration: 0s !important
|
|
}
|
|
}
|
|
}
|
|
|
|
@media all {
|
|
nav ul li.menu-item ul.sub-menu[data-v-8a5ab816]:before {
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
@media(max-width:480px) {
|
|
[data-v-8a5ab816] {
|
|
-ms-text-size-adjust: 100%;
|
|
text-size-adjust: 100%
|
|
}
|
|
}
|
|
}
|
|
|
|
@media all {
|
|
.site-header .sticky-custom-logo[data-v-8a5ab816] {
|
|
display: none
|
|
}
|
|
|
|
.site-above-header-wrap[data-v-8a5ab816],
|
|
.site-primary-header-wrap[data-v-8a5ab816] {
|
|
transition: all .2s linear
|
|
}
|
|
|
|
.site-header .menu-text[data-v-8a5ab816] {
|
|
transition: none
|
|
}
|
|
}
|
|
|
|
@media(min-width:922px) {
|
|
.ast-container[data-v-8a5ab816] {
|
|
max-width: 1240px
|
|
}
|
|
}
|
|
|
|
@media(min-width:993px) {
|
|
.ast-container[data-v-8a5ab816] {
|
|
max-width: 1240px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.ast-container[data-v-8a5ab816] {
|
|
max-width: 1240px
|
|
}
|
|
}
|
|
|
|
@media(max-width:921px) {
|
|
.ast-header-break-point .ast-builder-menu-1 .main-header-menu .sub-menu>.menu-item>.menu-link[data-v-8a5ab816] {
|
|
padding: 0 20px 0 30px
|
|
}
|
|
}
|
|
|
|
.site-title[data-v-8a5ab816],
|
|
.site-title a[data-v-8a5ab816] {
|
|
font-weight: 500;
|
|
font-family: Poppins, sans-serif;
|
|
line-height: 1.23em
|
|
}
|
|
|
|
button[data-v-8a5ab816] {
|
|
font-size: 16px;
|
|
font-size: 1rem;
|
|
font-weight: 500
|
|
}
|
|
|
|
.ast-header-break-point .main-header-menu>.menu-item>.menu-link .icon-arrow[data-v-8a5ab816] {
|
|
display: none
|
|
}
|
|
|
|
@media all {
|
|
|
|
h5[data-v-152897e2],
|
|
li[data-v-152897e2],
|
|
p[data-v-152897e2],
|
|
ul[data-v-152897e2] {
|
|
border: 0;
|
|
font-size: 100%;
|
|
font-style: inherit;
|
|
font-weight: inherit;
|
|
margin: 0;
|
|
outline: 0;
|
|
padding: 0;
|
|
vertical-align: baseline
|
|
}
|
|
|
|
a[data-v-152897e2] {
|
|
background-color: transparent
|
|
}
|
|
|
|
a[data-v-152897e2]:active {
|
|
outline: 0
|
|
}
|
|
|
|
a[data-v-152897e2],
|
|
a[data-v-152897e2]:focus,
|
|
a[data-v-152897e2]:hover,
|
|
a[data-v-152897e2]:visited {
|
|
text-decoration: none
|
|
}
|
|
|
|
img[data-v-152897e2] {
|
|
border: 0
|
|
}
|
|
|
|
svg[data-v-152897e2]:not(:root) {
|
|
overflow: hidden
|
|
}
|
|
|
|
h5[data-v-152897e2] {
|
|
clear: both
|
|
}
|
|
|
|
h5[data-v-152897e2] {
|
|
color: #808285;
|
|
line-height: 1.6;
|
|
font-size: 1.2em
|
|
}
|
|
|
|
[data-v-152897e2],
|
|
[data-v-152897e2]:after,
|
|
[data-v-152897e2]:before {
|
|
box-sizing: inherit
|
|
}
|
|
|
|
ul[data-v-152897e2] {
|
|
margin: 0 0 1.5em 3em
|
|
}
|
|
|
|
ul[data-v-152897e2] {
|
|
list-style: disc
|
|
}
|
|
|
|
img[data-v-152897e2] {
|
|
height: auto;
|
|
max-width: 100%
|
|
}
|
|
|
|
a[data-v-152897e2] {
|
|
color: #4169e1
|
|
}
|
|
|
|
a[data-v-152897e2]:focus,
|
|
a[data-v-152897e2]:hover {
|
|
color: #191970
|
|
}
|
|
|
|
a[data-v-152897e2]:focus {
|
|
outline: thin dotted
|
|
}
|
|
|
|
a[data-v-152897e2]:hover {
|
|
outline: 0
|
|
}
|
|
|
|
[data-v-152897e2]::selection {
|
|
color: #fff;
|
|
background: #0274be
|
|
}
|
|
|
|
a[data-v-152897e2],
|
|
a[data-v-152897e2]:focus {
|
|
text-decoration: none
|
|
}
|
|
|
|
a[data-v-152897e2] {
|
|
transition: all .2s linear
|
|
}
|
|
|
|
img[data-v-152897e2] {
|
|
vertical-align: middle
|
|
}
|
|
|
|
p[data-v-152897e2] {
|
|
margin-bottom: 1.75em
|
|
}
|
|
}
|
|
|
|
a[data-v-152897e2] {
|
|
color: #a47e14
|
|
}
|
|
|
|
a[data-v-152897e2]:hover,
|
|
a[data-v-152897e2]:focus {
|
|
color: #e4202c
|
|
}
|
|
|
|
h5[data-v-152897e2] {
|
|
font-family: Poppins, sans-serif;
|
|
font-weight: 500
|
|
}
|
|
|
|
h5[data-v-152897e2] {
|
|
font-size: 18px;
|
|
font-size: 1.125rem;
|
|
line-height: 1.2em;
|
|
font-weight: 500;
|
|
font-family: Poppins, sans-serif
|
|
}
|
|
|
|
[data-v-152897e2]::selection {
|
|
background-color: #a47e14;
|
|
color: #fff
|
|
}
|
|
|
|
[data-v-152897e2]::placeholder {
|
|
color: var(--ast-form-field-color, #9CA3AF)
|
|
}
|
|
|
|
h5[data-v-152897e2] {
|
|
color: #003859
|
|
}
|
|
|
|
.elementor-widget-heading .elementor-heading-title[data-v-152897e2] {
|
|
margin: 0
|
|
}
|
|
|
|
.elementor-screen-only[data-v-152897e2] {
|
|
top: 0 !important
|
|
}
|
|
|
|
a[data-v-152897e2]:where(:not(.wp-element-button)) {
|
|
text-decoration: none
|
|
}
|
|
|
|
@media all {
|
|
.footer-width-fixer[data-v-152897e2] {
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
@media all {
|
|
.elementor-screen-only[data-v-152897e2] {
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
top: -10000em;
|
|
width: 1px;
|
|
clip: rect(0, 0, 0, 0);
|
|
border: 0
|
|
}
|
|
|
|
.elementor[data-v-152897e2] *,
|
|
.elementor[data-v-152897e2] :after,
|
|
.elementor[data-v-152897e2] :before {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.elementor a[data-v-152897e2] {
|
|
box-shadow: none;
|
|
text-decoration: none
|
|
}
|
|
|
|
.elementor img[data-v-152897e2] {
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
height: auto;
|
|
max-width: 100%
|
|
}
|
|
|
|
.elementor-element[data-v-152897e2] {
|
|
--flex-direction: initial;
|
|
--flex-wrap: initial;
|
|
--justify-content: initial;
|
|
--align-items: initial;
|
|
--align-content: initial;
|
|
--gap: initial;
|
|
--flex-basis: initial;
|
|
--flex-grow: initial;
|
|
--flex-shrink: initial;
|
|
--order: initial;
|
|
--align-self: initial;
|
|
align-self: var(--align-self);
|
|
flex-basis: var(--flex-basis);
|
|
flex-grow: var(--flex-grow);
|
|
flex-shrink: var(--flex-shrink);
|
|
order: var(--order)
|
|
}
|
|
|
|
.elementor-element[data-v-152897e2]:where(.e-con-full, .elementor-widget) {
|
|
align-content: var(--align-content);
|
|
align-items: var(--align-items);
|
|
flex-direction: var(--flex-direction);
|
|
flex-wrap: var(--flex-wrap);
|
|
gap: var(--row-gap) var(--column-gap);
|
|
justify-content: var(--justify-content)
|
|
}
|
|
|
|
.elementor-section[data-v-152897e2] {
|
|
position: relative
|
|
}
|
|
|
|
.elementor-section .elementor-container[data-v-152897e2] {
|
|
display: flex;
|
|
margin-inline: auto;
|
|
position: relative
|
|
}
|
|
|
|
@media(max-width:1024px) {
|
|
.elementor-section .elementor-container[data-v-152897e2] {
|
|
flex-wrap: wrap
|
|
}
|
|
}
|
|
|
|
.elementor-section.elementor-section-boxed>.elementor-container[data-v-152897e2] {
|
|
max-width: 1140px
|
|
}
|
|
|
|
.elementor-widget-wrap[data-v-152897e2] {
|
|
align-content: flex-start;
|
|
flex-wrap: wrap;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap[data-v-152897e2] {
|
|
display: flex
|
|
}
|
|
|
|
.elementor-widget-wrap>.elementor-element[data-v-152897e2] {
|
|
width: 100%
|
|
}
|
|
|
|
.elementor-widget[data-v-152897e2] {
|
|
position: relative
|
|
}
|
|
|
|
.elementor-widget[data-v-152897e2]:not(:last-child) {
|
|
margin-block-end: var(--kit-widget-spacing, 20px)
|
|
}
|
|
|
|
.elementor-column[data-v-152897e2] {
|
|
display: flex;
|
|
min-height: 1px;
|
|
position: relative
|
|
}
|
|
|
|
@media(min-width:768px) {
|
|
.elementor-column.elementor-col-20[data-v-152897e2] {
|
|
width: 20%
|
|
}
|
|
}
|
|
|
|
@media(max-width:767px) {
|
|
.elementor-column[data-v-152897e2] {
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
.elementor-grid[data-v-152897e2] {
|
|
display: grid;
|
|
grid-column-gap: var(--grid-column-gap);
|
|
grid-row-gap: var(--grid-row-gap)
|
|
}
|
|
|
|
.elementor-grid .elementor-grid-item[data-v-152897e2] {
|
|
min-width: 0
|
|
}
|
|
|
|
.elementor-grid-0 .elementor-grid[data-v-152897e2] {
|
|
display: inline-block;
|
|
margin-block-end: calc(-1 * var(--grid-row-gap));
|
|
width: 100%;
|
|
word-spacing: var(--grid-column-gap)
|
|
}
|
|
|
|
.elementor-grid-0 .elementor-grid .elementor-grid-item[data-v-152897e2] {
|
|
display: inline-block;
|
|
margin-block-end: var(--grid-row-gap);
|
|
word-break: break-word
|
|
}
|
|
|
|
.e-con[data-v-152897e2] {
|
|
--border-radius: 0;
|
|
--border-top-width: 0px;
|
|
--border-right-width: 0px;
|
|
--border-bottom-width: 0px;
|
|
--border-left-width: 0px;
|
|
--border-style: initial;
|
|
--border-color: initial;
|
|
--container-widget-width: 100%;
|
|
--container-widget-height: initial;
|
|
--container-widget-flex-grow: 0;
|
|
--container-widget-align-self: initial;
|
|
--content-width: min(100%, var(--container-max-width, 1140px));
|
|
--width: 100%;
|
|
--min-height: initial;
|
|
--height: auto;
|
|
--text-align: initial;
|
|
--margin-top: 0px;
|
|
--margin-right: 0px;
|
|
--margin-bottom: 0px;
|
|
--margin-left: 0px;
|
|
--padding-top: var(--container-default-padding-top, 10px);
|
|
--padding-right: var(--container-default-padding-right, 10px);
|
|
--padding-bottom: var(--container-default-padding-bottom, 10px);
|
|
--padding-left: var(--container-default-padding-left, 10px);
|
|
--position: relative;
|
|
--z-index: revert;
|
|
--overflow: visible;
|
|
--gap: var(--widgets-spacing, 20px);
|
|
--row-gap: var(--widgets-spacing-row, 20px);
|
|
--column-gap: var(--widgets-spacing-column, 20px);
|
|
--overlay-mix-blend-mode: initial;
|
|
--overlay-opacity: 1;
|
|
--overlay-transition: .3s;
|
|
--e-con-grid-template-columns: repeat(3, 1fr);
|
|
--e-con-grid-template-rows: repeat(2, 1fr);
|
|
border-radius: var(--border-radius);
|
|
height: var(--height);
|
|
min-height: var(--min-height);
|
|
min-width: 0;
|
|
overflow: var(--overflow);
|
|
position: var(--position);
|
|
width: var(--width);
|
|
z-index: var(--z-index);
|
|
--flex-wrap-mobile: wrap
|
|
}
|
|
|
|
.e-con[data-v-152897e2]:where(:not(.e-div-block-base)) {
|
|
transition: background var(--background-transition, .3s), border var(--border-transition, .3s), box-shadow var(--border-transition, .3s), transform var(--e-con-transform-transition-duration, .4s)
|
|
}
|
|
|
|
.e-con[data-v-152897e2] {
|
|
--margin-block-start: var(--margin-top);
|
|
--margin-block-end: var(--margin-bottom);
|
|
--margin-inline-start: var(--margin-left);
|
|
--margin-inline-end: var(--margin-right);
|
|
--padding-inline-start: var(--padding-left);
|
|
--padding-inline-end: var(--padding-right);
|
|
--padding-block-start: var(--padding-top);
|
|
--padding-block-end: var(--padding-bottom);
|
|
--border-block-start-width: var(--border-top-width);
|
|
--border-block-end-width: var(--border-bottom-width);
|
|
--border-inline-start-width: var(--border-left-width);
|
|
--border-inline-end-width: var(--border-right-width)
|
|
}
|
|
|
|
.e-con[data-v-152897e2] {
|
|
margin-block-end: var(--margin-block-end);
|
|
margin-block-start: var(--margin-block-start);
|
|
margin-inline-end: var(--margin-inline-end);
|
|
margin-inline-start: var(--margin-inline-start);
|
|
padding-inline-end: var(--padding-inline-end);
|
|
padding-inline-start: var(--padding-inline-start)
|
|
}
|
|
|
|
.e-con.e-flex[data-v-152897e2] {
|
|
--flex-direction: column;
|
|
--flex-basis: auto;
|
|
--flex-grow: 0;
|
|
--flex-shrink: 1;
|
|
flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis)
|
|
}
|
|
|
|
.e-con>.e-con-inner[data-v-152897e2] {
|
|
padding-block-end: var(--padding-block-end);
|
|
padding-block-start: var(--padding-block-start);
|
|
text-align: var(--text-align)
|
|
}
|
|
|
|
.e-con.e-flex>.e-con-inner[data-v-152897e2] {
|
|
flex-direction: var(--flex-direction)
|
|
}
|
|
|
|
.e-con[data-v-152897e2],
|
|
.e-con>.e-con-inner[data-v-152897e2] {
|
|
display: var(--display)
|
|
}
|
|
|
|
.e-con-boxed.e-flex[data-v-152897e2] {
|
|
align-content: normal;
|
|
align-items: normal;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
justify-content: normal
|
|
}
|
|
|
|
.e-con-boxed[data-v-152897e2] {
|
|
gap: initial;
|
|
text-align: initial
|
|
}
|
|
|
|
.e-con.e-flex>.e-con-inner[data-v-152897e2] {
|
|
align-content: var(--align-content);
|
|
align-items: var(--align-items);
|
|
align-self: auto;
|
|
flex-basis: auto;
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
flex-wrap: var(--flex-wrap);
|
|
justify-content: var(--justify-content)
|
|
}
|
|
|
|
.e-con>.e-con-inner[data-v-152897e2] {
|
|
gap: var(--row-gap) var(--column-gap);
|
|
height: 100%;
|
|
margin: 0 auto;
|
|
max-width: var(--content-width);
|
|
padding-inline-end: 0;
|
|
padding-inline-start: 0;
|
|
width: 100%
|
|
}
|
|
|
|
:is(.elementor-section-wrap, [data-elementor-id])>.e-con[data-v-152897e2] {
|
|
--margin-left: auto;
|
|
--margin-right: auto;
|
|
max-width: min(100%, var(--width))
|
|
}
|
|
|
|
.e-con .elementor-widget.elementor-widget[data-v-152897e2] {
|
|
margin-block-end: 0
|
|
}
|
|
|
|
.e-con[data-v-152897e2]:before {
|
|
border-block-end-width: var(--border-block-end-width);
|
|
border-block-start-width: var(--border-block-start-width);
|
|
border-color: var(--border-color);
|
|
border-inline-end-width: var(--border-inline-end-width);
|
|
border-inline-start-width: var(--border-inline-start-width);
|
|
border-radius: var(--border-radius);
|
|
border-style: var(--border-style);
|
|
content: var(--background-overlay);
|
|
display: block;
|
|
height: max(100% + var(--border-top-width) + var(--border-bottom-width), 100%);
|
|
left: calc(0px - var(--border-left-width));
|
|
mix-blend-mode: var(--overlay-mix-blend-mode);
|
|
opacity: var(--overlay-opacity);
|
|
position: absolute;
|
|
top: calc(0px - var(--border-top-width));
|
|
transition: var(--overlay-transition, .3s);
|
|
width: max(100% + var(--border-left-width) + var(--border-right-width), 100%)
|
|
}
|
|
|
|
.e-con[data-v-152897e2]:before {
|
|
transition: background var(--overlay-transition, .3s), border-radius var(--border-transition, .3s), opacity var(--overlay-transition, .3s)
|
|
}
|
|
|
|
.e-con .elementor-widget[data-v-152897e2] {
|
|
min-width: 0
|
|
}
|
|
|
|
.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container[data-v-152897e2] {
|
|
height: 100%
|
|
}
|
|
|
|
.e-con.e-con>.e-con-inner>.elementor-widget[data-v-152897e2] {
|
|
max-width: 100%
|
|
}
|
|
|
|
.e-con .elementor-widget[data-v-152897e2]:not(:last-child) {
|
|
--kit-widget-spacing: 0px
|
|
}
|
|
|
|
@media(max-width:767px) {
|
|
.e-con.e-flex[data-v-152897e2] {
|
|
--width: 100%;
|
|
--flex-wrap: var(--flex-wrap-mobile)
|
|
}
|
|
}
|
|
|
|
.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container[data-v-152897e2] {
|
|
transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s)
|
|
}
|
|
|
|
.elementor-heading-title[data-v-152897e2] {
|
|
line-height: 1;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.elementor-icon[data-v-152897e2] {
|
|
color: #69727d;
|
|
display: inline-block;
|
|
font-size: 50px;
|
|
line-height: 1;
|
|
text-align: center;
|
|
transition: all .3s
|
|
}
|
|
|
|
.elementor-icon[data-v-152897e2]:hover {
|
|
color: #69727d
|
|
}
|
|
|
|
.elementor-icon svg[data-v-152897e2] {
|
|
display: block;
|
|
height: 1em;
|
|
position: relative;
|
|
width: 1em
|
|
}
|
|
|
|
.elementor-icon svg[data-v-152897e2]:before {
|
|
left: 50%;
|
|
position: absolute;
|
|
transform: translate(-50%)
|
|
}
|
|
|
|
.elementor-shape-rounded .elementor-icon[data-v-152897e2] {
|
|
border-radius: 10%
|
|
}
|
|
|
|
@media(prefers-reduced-motion:reduce) {
|
|
html[data-v-152897e2] * {
|
|
transition-delay: 0s !important;
|
|
transition-duration: 0s !important
|
|
}
|
|
}
|
|
}
|
|
|
|
@media all {
|
|
.elementor-section.elementor-section-boxed>.elementor-container[data-v-152897e2] {
|
|
max-width: 1300px
|
|
}
|
|
|
|
.e-con[data-v-152897e2] {
|
|
--container-max-width: 1300px
|
|
}
|
|
|
|
.elementor-widget[data-v-152897e2]:not(:last-child) {
|
|
margin-block-end: 20px
|
|
}
|
|
|
|
.elementor-element[data-v-152897e2] {
|
|
--widgets-spacing: 20px 20px;
|
|
--widgets-spacing-row: 20px;
|
|
--widgets-spacing-column: 20px
|
|
}
|
|
|
|
@media(max-width:1024px) {
|
|
.elementor-section.elementor-section-boxed>.elementor-container[data-v-152897e2] {
|
|
max-width: 1024px
|
|
}
|
|
|
|
.e-con[data-v-152897e2] {
|
|
--container-max-width: 1024px
|
|
}
|
|
}
|
|
|
|
@media(max-width:767px) {
|
|
.elementor-section.elementor-section-boxed>.elementor-container[data-v-152897e2] {
|
|
max-width: 767px
|
|
}
|
|
|
|
.e-con[data-v-152897e2] {
|
|
--container-max-width: 767px
|
|
}
|
|
}
|
|
}
|
|
|
|
@media all {
|
|
@media(max-width:480px) {
|
|
[data-v-152897e2] {
|
|
-ms-text-size-adjust: 100%;
|
|
text-size-adjust: 100%
|
|
}
|
|
}
|
|
}
|
|
|
|
@media all {
|
|
.elementor-element[data-v-152897e2] {
|
|
--swiper-theme-color: #000;
|
|
--swiper-navigation-size: 44px;
|
|
--swiper-pagination-bullet-size: 6px;
|
|
--swiper-pagination-bullet-horizontal-gap: 6px
|
|
}
|
|
}
|
|
|
|
@media all {
|
|
.elementor-widget-image[data-v-152897e2] {
|
|
text-align: center
|
|
}
|
|
|
|
.elementor-widget-image a[data-v-152897e2] {
|
|
display: inline-block
|
|
}
|
|
|
|
.elementor-widget-image img[data-v-152897e2] {
|
|
display: inline-block;
|
|
vertical-align: middle
|
|
}
|
|
}
|
|
|
|
@media all {
|
|
.elementor-709 .elementor-element.elementor-element-f5b3eb4[data-v-152897e2]:not(.elementor-motion-effects-element-type-background) {
|
|
background-color: #fff
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-f5b3eb4[data-v-152897e2] {
|
|
transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
|
|
padding: 40px 0 80px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d5d9091>.elementor-element-populated[data-v-152897e2] {
|
|
margin: 0 030px 0 0;
|
|
--e-column-margin-right: 030px;
|
|
--e-column-margin-left: 0px;
|
|
padding: 15px 20px 0
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-e057578>.elementor-widget-container[data-v-152897e2] {
|
|
margin: 0 0 12px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-e057578[data-v-152897e2] {
|
|
text-align: start
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-e057578 img[data-v-152897e2] {
|
|
width: 257px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-3483bce[data-v-152897e2] {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
text-align: justify;
|
|
color: #1e293b
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-61a35b9>.elementor-element-populated[data-v-152897e2] {
|
|
padding: 15px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d86277e>.elementor-widget-container[data-v-152897e2] {
|
|
margin: 0
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d86277e .elementor-heading-title[data-v-152897e2] {
|
|
color: #003859
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-04bfb77 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item[data-v-152897e2]:not(:last-child) {
|
|
padding-block-end: 2px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-04bfb77 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item[data-v-152897e2]:not(:first-child) {
|
|
margin-block-start: 2px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-04bfb77 .elementor-icon-list-icon svg[data-v-152897e2] {
|
|
fill: #1e293b;
|
|
transition: fill .3s
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-04bfb77[data-v-152897e2] {
|
|
--e-icon-list-icon-size: 13px;
|
|
--icon-vertical-offset: 0px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-04bfb77 .elementor-icon-list-icon[data-v-152897e2] {
|
|
padding-inline-end: 12px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-04bfb77 .elementor-icon-list-item>a[data-v-152897e2] {
|
|
font-size: 15px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-04bfb77 .elementor-icon-list-text[data-v-152897e2] {
|
|
color: #1e293b;
|
|
transition: color .3s
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-1f4d741>.elementor-widget-container[data-v-152897e2] {
|
|
margin: 0
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-1f4d741 .elementor-heading-title[data-v-152897e2] {
|
|
color: #003859
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-508a743 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item[data-v-152897e2]:not(:last-child) {
|
|
padding-block-end: 2px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-508a743 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item[data-v-152897e2]:not(:first-child) {
|
|
margin-block-start: 2px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-508a743[data-v-152897e2] {
|
|
--e-icon-list-icon-size: 13px;
|
|
--icon-vertical-offset: 0px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-508a743 .elementor-icon-list-item>a[data-v-152897e2] {
|
|
font-size: 15px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-508a743 .elementor-icon-list-text[data-v-152897e2] {
|
|
color: #1e293b;
|
|
transition: color .3s
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-508a743 .elementor-icon-list-item:hover .elementor-icon-list-text[data-v-152897e2] {
|
|
color: #1e293b
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-cf9baa2>.elementor-element-populated[data-v-152897e2] {
|
|
padding: 15px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-245cf1d>.elementor-widget-container[data-v-152897e2] {
|
|
margin: 0
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-245cf1d .elementor-heading-title[data-v-152897e2] {
|
|
color: #003859
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-ef32eba[data-v-152897e2] {
|
|
--grid-template-columns: repeat(0, auto);
|
|
--icon-size: 18px;
|
|
--grid-column-gap: 5px;
|
|
--grid-row-gap: 0px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-ef32eba .elementor-widget-container[data-v-152897e2] {
|
|
text-align: left
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-ef32eba .elementor-social-icon[data-v-152897e2] {
|
|
background-color: #fff
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-ef32eba .elementor-social-icon svg[data-v-152897e2] {
|
|
fill: #003859
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-2e77daf>.elementor-widget-container[data-v-152897e2] {
|
|
margin: 0
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-2e77daf .elementor-heading-title[data-v-152897e2] {
|
|
color: #003859
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-4671b24[data-v-152897e2] {
|
|
text-align: start
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-4671b24 img[data-v-152897e2] {
|
|
width: 90%
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-f358b0c[data-v-152897e2] {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
text-align: start
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-f358b0c img[data-v-152897e2] {
|
|
width: 90%
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-04dfbed[data-v-152897e2] {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
text-align: start
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-04dfbed img[data-v-152897e2] {
|
|
width: 90%
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-8fc1f3e>.elementor-element-populated[data-v-152897e2] {
|
|
margin: 0 24px 0 0;
|
|
--e-column-margin-right: 24px;
|
|
--e-column-margin-left: 0px;
|
|
padding: 15px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-134ee18>.elementor-widget-container[data-v-152897e2] {
|
|
margin: 0
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-134ee18 .elementor-heading-title[data-v-152897e2] {
|
|
color: #003859
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d693576 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item[data-v-152897e2]:not(:last-child) {
|
|
padding-block-end: 2px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d693576 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item[data-v-152897e2]:not(:first-child) {
|
|
margin-block-start: 2px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d693576[data-v-152897e2] {
|
|
--e-icon-list-icon-size: 13px;
|
|
--icon-vertical-offset: 0px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d693576 .elementor-icon-list-item>a[data-v-152897e2] {
|
|
font-size: 15px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d693576 .elementor-icon-list-text[data-v-152897e2] {
|
|
color: #1e293b;
|
|
transition: color .3s
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d693576 .elementor-icon-list-item:hover .elementor-icon-list-text[data-v-152897e2] {
|
|
color: #1e293b
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-b8afd78>.elementor-widget-container[data-v-152897e2] {
|
|
margin: 0
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-b8afd78 .elementor-heading-title[data-v-152897e2] {
|
|
color: #003859
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-77fa480 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item[data-v-152897e2]:not(:last-child) {
|
|
padding-block-end: 2px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-77fa480 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item[data-v-152897e2]:not(:first-child) {
|
|
margin-block-start: 2px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-77fa480[data-v-152897e2] {
|
|
--e-icon-list-icon-size: 13px;
|
|
--icon-vertical-offset: 0px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-77fa480 .elementor-icon-list-item>a[data-v-152897e2] {
|
|
font-size: 15px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-77fa480 .elementor-icon-list-text[data-v-152897e2] {
|
|
color: #1e293b;
|
|
transition: color .3s
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-77fa480 .elementor-icon-list-item:hover .elementor-icon-list-text[data-v-152897e2] {
|
|
color: #1e293b
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-1fb99e4>.elementor-element-populated[data-v-152897e2] {
|
|
margin: 0 24px 0 0;
|
|
--e-column-margin-right: 24px;
|
|
--e-column-margin-left: 0px;
|
|
padding: 15px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-79e8326>.elementor-widget-container[data-v-152897e2] {
|
|
margin: 0
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-79e8326 .elementor-heading-title[data-v-152897e2] {
|
|
color: #003859
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d64cbf6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item[data-v-152897e2]:not(:last-child) {
|
|
padding-block-end: 2px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d64cbf6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item[data-v-152897e2]:not(:first-child) {
|
|
margin-block-start: 2px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d64cbf6[data-v-152897e2] {
|
|
--e-icon-list-icon-size: 13px;
|
|
--icon-vertical-offset: 0px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d64cbf6 .elementor-icon-list-item>a[data-v-152897e2] {
|
|
font-size: 15px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d64cbf6 .elementor-icon-list-text[data-v-152897e2] {
|
|
color: #1e293b;
|
|
transition: color .3s
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d64cbf6 .elementor-icon-list-item:hover .elementor-icon-list-text[data-v-152897e2] {
|
|
color: #1e293b
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-73bf4db>.elementor-widget-container[data-v-152897e2] {
|
|
margin: 0
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-73bf4db .elementor-heading-title[data-v-152897e2] {
|
|
color: #003859
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-511a31e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item[data-v-152897e2]:not(:last-child) {
|
|
padding-block-end: 2px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-511a31e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item[data-v-152897e2]:not(:first-child) {
|
|
margin-block-start: 2px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-511a31e[data-v-152897e2] {
|
|
--e-icon-list-icon-size: 13px;
|
|
--icon-vertical-offset: 0px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-511a31e .elementor-icon-list-item>a[data-v-152897e2] {
|
|
font-size: 15px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-511a31e .elementor-icon-list-text[data-v-152897e2] {
|
|
color: #1e293b;
|
|
transition: color .3s
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-511a31e .elementor-icon-list-item:hover .elementor-icon-list-text[data-v-152897e2] {
|
|
color: #1e293b
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-2923eb4>.elementor-widget-container[data-v-152897e2] {
|
|
margin: 0
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-2923eb4 .elementor-heading-title[data-v-152897e2] {
|
|
color: #003859
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-700350b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item[data-v-152897e2]:not(:last-child) {
|
|
padding-block-end: 2px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-700350b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item[data-v-152897e2]:not(:first-child) {
|
|
margin-block-start: 2px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-700350b[data-v-152897e2] {
|
|
--e-icon-list-icon-size: 13px;
|
|
--icon-vertical-offset: 0px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-700350b .elementor-icon-list-item>a[data-v-152897e2] {
|
|
font-size: 15px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-700350b .elementor-icon-list-text[data-v-152897e2] {
|
|
color: #1e293b;
|
|
transition: color .3s
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-700350b .elementor-icon-list-item:hover .elementor-icon-list-text[data-v-152897e2] {
|
|
color: #1e293b
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-2524347[data-v-152897e2] {
|
|
--display: flex;
|
|
--flex-direction: column;
|
|
--container-widget-width: 100%;
|
|
--container-widget-height: initial;
|
|
--container-widget-flex-grow: 0;
|
|
--container-widget-align-self: initial;
|
|
--flex-wrap-mobile: wrap;
|
|
--padding-top: 40px;
|
|
--padding-bottom: 40px;
|
|
--padding-left: 0px;
|
|
--padding-right: 0px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-2524347[data-v-152897e2]:not(.elementor-motion-effects-element-type-background) {
|
|
background-color: #003859
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-9bb2f9c>.elementor-widget-container[data-v-152897e2] {
|
|
margin: 0 0 16px;
|
|
padding: 10px 0 0
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-9bb2f9c[data-v-152897e2] {
|
|
text-align: center
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-9bb2f9c .elementor-heading-title[data-v-152897e2] {
|
|
color: #fff
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-4ee6311[data-v-152897e2] {
|
|
text-align: center;
|
|
color: #fff
|
|
}
|
|
|
|
@media(max-width:1024px) {
|
|
.elementor-709 .elementor-element.elementor-element-f5b3eb4[data-v-152897e2] {
|
|
padding: 80px 40px 64px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-61a35b9>.elementor-element-populated[data-v-152897e2] {
|
|
margin: 0 0 56px;
|
|
--e-column-margin-right: 0px;
|
|
--e-column-margin-left: 0px
|
|
}
|
|
}
|
|
|
|
@media(max-width:767px) {
|
|
.elementor-709 .elementor-element.elementor-element-f5b3eb4[data-v-152897e2] {
|
|
padding: 64px 24px 56px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d5d9091>.elementor-element-populated[data-v-152897e2] {
|
|
margin: 0 0 40px;
|
|
--e-column-margin-right: 0px;
|
|
--e-column-margin-left: 0px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-3483bce[data-v-152897e2] {
|
|
width: 100%;
|
|
max-width: 100%
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-61a35b9>.elementor-element-populated[data-v-152897e2] {
|
|
margin: 0 0 40px;
|
|
--e-column-margin-right: 0px;
|
|
--e-column-margin-left: 0px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-cf9baa2>.elementor-element-populated[data-v-152897e2] {
|
|
margin: 0 0 40px;
|
|
--e-column-margin-right: 0px;
|
|
--e-column-margin-left: 0px
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-8fc1f3e[data-v-152897e2],
|
|
.elementor-709 .elementor-element.elementor-element-1fb99e4[data-v-152897e2] {
|
|
width: 50%
|
|
}
|
|
}
|
|
|
|
@media(min-width:768px) {
|
|
.elementor-709 .elementor-element.elementor-element-d5d9091[data-v-152897e2] {
|
|
width: 30%
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-61a35b9[data-v-152897e2] {
|
|
width: 20%
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-cf9baa2[data-v-152897e2],
|
|
.elementor-709 .elementor-element.elementor-element-8fc1f3e[data-v-152897e2] {
|
|
width: 15%
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-1fb99e4[data-v-152897e2] {
|
|
width: 20%
|
|
}
|
|
}
|
|
|
|
@media(max-width:1024px)and (min-width:768px) {
|
|
|
|
.elementor-709 .elementor-element.elementor-element-d5d9091[data-v-152897e2],
|
|
.elementor-709 .elementor-element.elementor-element-61a35b9[data-v-152897e2] {
|
|
width: 50%
|
|
}
|
|
|
|
.elementor-709 .elementor-element.elementor-element-cf9baa2[data-v-152897e2],
|
|
.elementor-709 .elementor-element.elementor-element-8fc1f3e[data-v-152897e2],
|
|
.elementor-709 .elementor-element.elementor-element-1fb99e4[data-v-152897e2] {
|
|
width: 33%
|
|
}
|
|
}
|
|
}
|
|
|
|
.elementor-widget-heading h5.elementor-heading-title[data-v-152897e2] {
|
|
line-height: 1.2em
|
|
}
|
|
|
|
@media all {
|
|
.elementor-widget .elementor-icon-list-items[data-v-152897e2] {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.elementor-widget .elementor-icon-list-item[data-v-152897e2] {
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative
|
|
}
|
|
|
|
.elementor-widget .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-block-end: 0;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.elementor-widget .elementor-icon-list-item[data-v-152897e2],
|
|
.elementor-widget .elementor-icon-list-item a[data-v-152897e2] {
|
|
align-items: var(--icon-vertical-align, center);
|
|
display: flex;
|
|
font-size: inherit
|
|
}
|
|
|
|
.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text[data-v-152897e2] {
|
|
align-self: center;
|
|
padding-inline-start: 5px
|
|
}
|
|
|
|
.elementor-widget .elementor-icon-list-icon[data-v-152897e2] {
|
|
display: flex;
|
|
inset-block-start: var(--icon-vertical-offset, initial);
|
|
position: relative
|
|
}
|
|
|
|
.elementor-widget .elementor-icon-list-icon svg[data-v-152897e2] {
|
|
height: var(--e-icon-list-icon-size, 1em);
|
|
width: var(--e-icon-list-icon-size, 1em)
|
|
}
|
|
|
|
.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg[data-v-152897e2] {
|
|
margin: var(--e-icon-list-icon-margin, 0 calc(var(--e-icon-list-icon-size, 1em) * .25) 0 0)
|
|
}
|
|
|
|
.elementor-widget.elementor-list-item-link-full_width a[data-v-152897e2] {
|
|
width: 100%
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-align-end) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-align-start) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-end: 0
|
|
}
|
|
|
|
@media(min-width:-1) {
|
|
.elementor-widget:not(.elementor-widescreen-align-end) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-widescreen-align-start) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-end: 0
|
|
}
|
|
}
|
|
|
|
@media(max-width:-1) {
|
|
.elementor-widget:not(.elementor-laptop-align-end) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-laptop-align-start) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-end: 0
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-tablet_extra-align-end) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-tablet_extra-align-start) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-end: 0
|
|
}
|
|
}
|
|
|
|
@media(max-width:1024px) {
|
|
.elementor-widget:not(.elementor-tablet-align-end) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-tablet-align-start) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-end: 0
|
|
}
|
|
}
|
|
|
|
@media(max-width:-1) {
|
|
.elementor-widget:not(.elementor-mobile_extra-align-end) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-mobile_extra-align-start) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-end: 0
|
|
}
|
|
}
|
|
|
|
@media(max-width:767px) {
|
|
.elementor-widget:not(.elementor-mobile-align-end) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-mobile-align-start) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-end: 0
|
|
}
|
|
}
|
|
|
|
.elementor .elementor-element ul.elementor-icon-list-items[data-v-152897e2] {
|
|
padding: 0
|
|
}
|
|
}
|
|
|
|
@media all {
|
|
.elementor-widget .elementor-icon-list-items[data-v-152897e2] {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.elementor-widget .elementor-icon-list-item[data-v-152897e2] {
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative
|
|
}
|
|
|
|
.elementor-widget .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-block-end: 0;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.elementor-widget .elementor-icon-list-item[data-v-152897e2],
|
|
.elementor-widget .elementor-icon-list-item a[data-v-152897e2] {
|
|
align-items: var(--icon-vertical-align, center);
|
|
display: flex;
|
|
font-size: inherit
|
|
}
|
|
|
|
.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text[data-v-152897e2] {
|
|
align-self: center;
|
|
padding-inline-start: 5px
|
|
}
|
|
|
|
.elementor-widget .elementor-icon-list-icon[data-v-152897e2] {
|
|
display: flex;
|
|
inset-block-start: var(--icon-vertical-offset, initial);
|
|
position: relative
|
|
}
|
|
|
|
.elementor-widget .elementor-icon-list-icon svg[data-v-152897e2] {
|
|
height: var(--e-icon-list-icon-size, 1em);
|
|
width: var(--e-icon-list-icon-size, 1em)
|
|
}
|
|
|
|
.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon[data-v-152897e2] {
|
|
text-align: var(--e-icon-list-icon-align)
|
|
}
|
|
|
|
.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg[data-v-152897e2] {
|
|
margin: var(--e-icon-list-icon-margin, 0 calc(var(--e-icon-list-icon-size, 1em) * .25) 0 0)
|
|
}
|
|
|
|
.elementor-widget.elementor-list-item-link-full_width a[data-v-152897e2] {
|
|
width: 100%
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-align-end) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-align-start) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-end: 0
|
|
}
|
|
|
|
@media(min-width:-1) {
|
|
.elementor-widget:not(.elementor-widescreen-align-end) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-widescreen-align-start) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-end: 0
|
|
}
|
|
}
|
|
|
|
@media(max-width:-1) {
|
|
.elementor-widget:not(.elementor-laptop-align-end) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-laptop-align-start) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-end: 0
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-tablet_extra-align-end) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-tablet_extra-align-start) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-end: 0
|
|
}
|
|
}
|
|
|
|
@media(max-width:1024px) {
|
|
.elementor-widget:not(.elementor-tablet-align-end) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-tablet-align-start) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-end: 0
|
|
}
|
|
}
|
|
|
|
@media(max-width:-1) {
|
|
.elementor-widget:not(.elementor-mobile_extra-align-end) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-mobile_extra-align-start) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-end: 0
|
|
}
|
|
}
|
|
|
|
@media(max-width:767px) {
|
|
.elementor-widget:not(.elementor-mobile-align-end) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-start: 0
|
|
}
|
|
|
|
.elementor-widget:not(.elementor-mobile-align-start) .elementor-icon-list-item[data-v-152897e2]:after {
|
|
inset-inline-end: 0
|
|
}
|
|
}
|
|
|
|
.elementor .elementor-element ul.elementor-icon-list-items[data-v-152897e2] {
|
|
padding: 0
|
|
}
|
|
}
|
|
|
|
@media all {
|
|
.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container[data-v-152897e2] {
|
|
font-size: 0;
|
|
line-height: 1
|
|
}
|
|
|
|
.elementor-widget-social-icons .elementor-grid[data-v-152897e2] {
|
|
grid-column-gap: var(--grid-column-gap, 5px);
|
|
grid-row-gap: var(--grid-row-gap, 5px);
|
|
grid-template-columns: var(--grid-template-columns);
|
|
justify-content: var(--justify-content, center);
|
|
justify-items: var(--justify-content, center)
|
|
}
|
|
|
|
.elementor-icon.elementor-social-icon[data-v-152897e2] {
|
|
font-size: var(--icon-size, 25px);
|
|
height: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
|
|
line-height: var(--icon-size, 25px);
|
|
width: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em))
|
|
}
|
|
|
|
.elementor-social-icon[data-v-152897e2] {
|
|
--e-social-icon-icon-color: #fff;
|
|
align-items: center;
|
|
background-color: #69727d;
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
text-align: center
|
|
}
|
|
|
|
.elementor-social-icon svg[data-v-152897e2] {
|
|
fill: var(--e-social-icon-icon-color)
|
|
}
|
|
|
|
.elementor-social-icon[data-v-152897e2]:last-child {
|
|
margin: 0
|
|
}
|
|
|
|
.elementor-social-icon[data-v-152897e2]:hover {
|
|
color: #fff;
|
|
opacity: .9
|
|
}
|
|
|
|
.elementor-social-icon-facebook[data-v-152897e2] {
|
|
background-color: #3b5998
|
|
}
|
|
|
|
.elementor-social-icon-instagram[data-v-152897e2] {
|
|
background-color: #262626
|
|
}
|
|
|
|
.elementor-social-icon-linkedin[data-v-152897e2] {
|
|
background-color: #0077b5
|
|
}
|
|
}
|
|
|
|
@media all {
|
|
.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid[data-v-152897e2] {
|
|
display: inline-block
|
|
}
|
|
|
|
.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid[data-v-152897e2],
|
|
.e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid-item[data-v-152897e2] {
|
|
margin-inline: 0
|
|
}
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Poppins;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-display: fallback;
|
|
src: url(./BkEh0D3M.woff2) format("woff2");
|
|
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
|
|
}
|
|
|
|
@font-face {
|
|
font-family: Poppins;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-display: fallback;
|
|
src: url(/Static_zy/1.woff2) format("woff2");
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
|
|
}
|
|
|
|
.elementor-709 .elementor-widget-text-editor .elementor-widget-container[data-v-152897e2] {
|
|
font-size: 14.592px
|
|
}
|
|
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.index-sanef[data-v-4543258e] {
|
|
--sanef-magenta: #c2005f;
|
|
--sanef-yellow: #003859;
|
|
--sanef-text: #333333;
|
|
--sanef-grey-bg: #efefef;
|
|
--sanef-card-border: #e0e0e0;
|
|
--hero-head-title: #ffffff;
|
|
--hero-head-subtitle: #ffffff;
|
|
max-width: 430px;
|
|
margin: 0 auto;
|
|
min-height: 100%;
|
|
font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
|
|
color: var(--sanef-text);
|
|
-webkit-font-smoothing: antialiased
|
|
}
|
|
|
|
.hero[data-v-4543258e] {
|
|
position: relative;
|
|
overflow: hidden;
|
|
background: #fff
|
|
}
|
|
|
|
.hero-head[data-v-4543258e] {
|
|
position: relative;
|
|
background-color: #003b5c;
|
|
background-image: linear-gradient(180deg, #002439e0, #002439c7 40%, #002439d1), url(./nA3Ekfar.webp);
|
|
background-repeat: no-repeat, no-repeat;
|
|
background-position: center, center;
|
|
background-size: cover, cover;
|
|
text-align: left;
|
|
padding: 3rem 1.5rem 2.75rem;
|
|
min-height: 12rem;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.hero-inner[data-v-4543258e] {
|
|
position: relative;
|
|
z-index: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 1.25rem;
|
|
padding: 1rem 1.125rem 1.75rem
|
|
}
|
|
|
|
.alert-banner[data-v-4543258e] {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: .5rem;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
padding: .65rem .85rem;
|
|
background: var(--sanef-yellow);
|
|
border-radius: 10px;
|
|
box-shadow: 0 1px 3px #0000001f
|
|
}
|
|
|
|
.alert-icon[data-v-4543258e] {
|
|
flex-shrink: 0;
|
|
display: flex;
|
|
align-items: center
|
|
}
|
|
|
|
.alert-text[data-v-4543258e] {
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
color: #1a1a1a;
|
|
line-height: 1.35;
|
|
text-align: center
|
|
}
|
|
|
|
.hero-title[data-v-4543258e] {
|
|
margin: 0 0 .5rem;
|
|
padding: 0;
|
|
font-size: 1.75rem;
|
|
font-weight: 700;
|
|
line-height: 1.2;
|
|
text-align: left;
|
|
color: var(--hero-head-title);
|
|
text-shadow: 0 0 2px rgba(0, 0, 0, .85), 0 2px 14px rgba(0, 0, 0, .55), 0 1px 3px rgba(0, 0, 0, .9)
|
|
}
|
|
|
|
.hero-subtitle[data-v-4543258e] {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: .9375rem;
|
|
font-weight: 500;
|
|
line-height: 1.45;
|
|
text-align: left;
|
|
color: var(--hero-head-subtitle);
|
|
letter-spacing: .06em;
|
|
text-shadow: 0 0 2px rgba(0, 0, 0, .8), 0 2px 10px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .85)
|
|
}
|
|
|
|
.card[data-v-4543258e] {
|
|
background: #fff;
|
|
border-radius: 14px;
|
|
box-shadow: 0 4px 20px #00000014
|
|
}
|
|
|
|
.card-pay[data-v-4543258e] {
|
|
width: 100%;
|
|
padding: 1.35rem 1.25rem 1.5rem;
|
|
text-align: center
|
|
}
|
|
|
|
.card-pay-title[data-v-4543258e] {
|
|
margin: 0 0 .5rem;
|
|
font-size: 1.0625rem;
|
|
font-weight: 700;
|
|
color: var(--sanef-text);
|
|
line-height: 1.3
|
|
}
|
|
|
|
.card-pay-sub[data-v-4543258e] {
|
|
margin: 0 0 .65rem;
|
|
font-size: .9375rem;
|
|
font-weight: 400;
|
|
color: #555;
|
|
line-height: 1.45
|
|
}
|
|
|
|
.link-more[data-v-4543258e] {
|
|
display: inline;
|
|
margin: 0 0 1.15rem;
|
|
padding: 0;
|
|
border: none;
|
|
background: none;
|
|
font-size: .9375rem;
|
|
color: var(--sanef-magenta);
|
|
text-decoration: underline;
|
|
text-underline-offset: 3px;
|
|
cursor: pointer;
|
|
font-family: inherit
|
|
}
|
|
|
|
.btn-stack[data-v-4543258e] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: .65rem
|
|
}
|
|
|
|
.btn[data-v-4543258e] {
|
|
display: block;
|
|
width: 100%;
|
|
padding: .85rem 1rem;
|
|
border-radius: 10px;
|
|
font-size: .9375rem;
|
|
font-weight: 600;
|
|
font-family: inherit;
|
|
cursor: pointer;
|
|
border: 2px solid transparent;
|
|
line-height: 1.3;
|
|
transition: opacity .15s ease
|
|
}
|
|
|
|
.btn[data-v-4543258e]:active {
|
|
opacity: .88
|
|
}
|
|
|
|
.btn-primary[data-v-4543258e] {
|
|
background: var(--sanef-magenta);
|
|
color: #fff;
|
|
border-color: var(--sanef-magenta)
|
|
}
|
|
|
|
.btn-secondary[data-v-4543258e] {
|
|
background: #fff;
|
|
color: var(--sanef-magenta);
|
|
border-color: var(--sanef-magenta)
|
|
}
|
|
|
|
.btn-block[data-v-4543258e] {
|
|
margin-top: .25rem
|
|
}
|
|
|
|
.section-grey[data-v-4543258e] {
|
|
--violation-section-bg: #eef2f6;
|
|
--violation-navy: #003366;
|
|
--violation-mustard: #9e7d31;
|
|
--violation-input-border: #d8dde4;
|
|
background: var(--violation-section-bg);
|
|
padding: 1.75rem 1.125rem 2.25rem;
|
|
text-align: left
|
|
}
|
|
|
|
.violation-warning[data-v-4543258e] {
|
|
margin: 0 0 1rem;
|
|
font-size: .9375rem;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
color: var(--sanef-text)
|
|
}
|
|
|
|
.violation-lookup-hint[data-v-4543258e] {
|
|
margin: 0 0 1rem;
|
|
font-size: .9375rem;
|
|
font-weight: 400;
|
|
line-height: 1.45;
|
|
color: var(--sanef-text)
|
|
}
|
|
|
|
.violation-lookup-form[data-v-4543258e] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: .75rem
|
|
}
|
|
|
|
.plate-label[data-v-4543258e] {
|
|
display: block;
|
|
margin: 0;
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
line-height: 1.35;
|
|
color: var(--violation-navy)
|
|
}
|
|
|
|
.plate-input[data-v-4543258e] {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
padding: .8rem .9rem;
|
|
border: 1px solid var(--violation-input-border);
|
|
border-radius: 10px;
|
|
background: #fff;
|
|
font-size: .9375rem;
|
|
font-family: inherit;
|
|
color: var(--sanef-text);
|
|
line-height: 1.3
|
|
}
|
|
|
|
.plate-input[data-v-4543258e]::placeholder {
|
|
color: #9aa3ad
|
|
}
|
|
|
|
.plate-input[data-v-4543258e]:focus {
|
|
outline: 2px solid rgba(0, 51, 102, .25);
|
|
outline-offset: 1px
|
|
}
|
|
|
|
.plate-input[aria-invalid=true][data-v-4543258e] {
|
|
border-color: #c2005f
|
|
}
|
|
|
|
.plate-error[data-v-4543258e] {
|
|
margin: 0;
|
|
font-size: .875rem;
|
|
font-weight: 600;
|
|
line-height: 1.35;
|
|
color: #c2005f
|
|
}
|
|
|
|
.btn-violation-lookup[data-v-4543258e] {
|
|
display: block;
|
|
width: 100%;
|
|
margin-top: .15rem;
|
|
padding: .85rem 1rem;
|
|
border-radius: 10px;
|
|
font-size: .9375rem;
|
|
font-weight: 700;
|
|
font-family: inherit;
|
|
line-height: 1.3;
|
|
cursor: pointer;
|
|
border: none;
|
|
background: var(--violation-mustard);
|
|
color: #fff;
|
|
transition: opacity .15s ease
|
|
}
|
|
|
|
.btn-violation-lookup[data-v-4543258e]:active {
|
|
opacity: .9
|
|
}
|
|
|
|
.payment-page[data-v-05be17b8] {
|
|
--pay-navy: #003b5c;
|
|
--pay-navy-deep: #002a42;
|
|
--pay-slate-bg: #eef2f6;
|
|
--pay-slate-mid: #e2eaf2;
|
|
--pay-gold: #9a7b3a;
|
|
--pay-gold-hover: #8a6d34;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
background: linear-gradient(180deg, var(--pay-slate-mid) 0%, var(--pay-slate-bg) 35%, #e4ebf0 100%);
|
|
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
|
|
border-top: 5px solid var(--pay-navy);
|
|
padding: 1.5rem 1rem 3rem
|
|
}
|
|
|
|
.payment-wrap[data-v-05be17b8] {
|
|
max-width: 440px;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.payment-hero[data-v-05be17b8] {
|
|
margin-bottom: 1.25rem;
|
|
padding: 1.35rem 1.25rem 1.5rem;
|
|
border-radius: 12px;
|
|
background: linear-gradient(165deg, var(--pay-navy) 0%, var(--pay-navy-deep) 100%);
|
|
box-shadow: 0 6px 24px #00243938
|
|
}
|
|
|
|
.payment-hero-title[data-v-05be17b8] {
|
|
margin: 0 0 .75rem;
|
|
font-size: 1.5rem;
|
|
font-weight: 700;
|
|
color: #fff;
|
|
line-height: 1.25;
|
|
letter-spacing: -.02em;
|
|
text-shadow: 0 1px 2px rgba(0, 0, 0, .2)
|
|
}
|
|
|
|
.payment-hero-privacy[data-v-05be17b8] {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: .5rem;
|
|
margin: 0;
|
|
font-size: .875rem;
|
|
line-height: 1.5;
|
|
color: #ffffffe6
|
|
}
|
|
|
|
.payment-shield[data-v-05be17b8] {
|
|
flex-shrink: 0;
|
|
margin-top: 1px;
|
|
display: flex
|
|
}
|
|
|
|
.payment-form[data-v-05be17b8] {
|
|
width: 100%
|
|
}
|
|
|
|
.payment-form[data-v-05be17b8] form.form-payment-container {
|
|
max-width: 100% !important;
|
|
margin: 0 !important;
|
|
padding: 1.75rem 1.5rem 1.5rem !important;
|
|
background: #fff !important;
|
|
border-radius: 12px !important;
|
|
box-shadow: 0 4px 20px #1c283414 !important;
|
|
border: none !important;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.payment-form[data-v-05be17b8] .form-payment-header {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
border: none !important;
|
|
min-height: 0 !important
|
|
}
|
|
|
|
.payment-form[data-v-05be17b8] .form-payment-body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1.25rem;
|
|
margin: 0 !important;
|
|
padding: 0 !important
|
|
}
|
|
|
|
.payment-form[data-v-05be17b8] .form-row:nth-child(2) {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.payment-form[data-v-05be17b8] .form-row:nth-child(2) .form-field-wrapper {
|
|
width: 100%
|
|
}
|
|
|
|
.bank-icons-container[data-v-05be17b8] {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: .5rem .75rem;
|
|
margin-top: .625rem
|
|
}
|
|
|
|
.bank-icons-container[data-v-05be17b8] img,
|
|
.bank-icons-container[data-v-05be17b8] svg {
|
|
height: 1.375rem;
|
|
width: auto;
|
|
max-width: 2.75rem;
|
|
object-fit: contain
|
|
}
|
|
|
|
.payment-form[data-v-05be17b8] .form-row:nth-child(2) .sailors-input-suffix:not(:has(svg)):before {
|
|
content: "";
|
|
display: block;
|
|
width: 26px;
|
|
height: 18px;
|
|
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 28' fill='none'%3E%3Crect x='1' y='5' width='38' height='18' rx='3' stroke='%2399a3ad' stroke-width='1.5'/%3E%3Crect x='4' y='17' width='10' height='3' rx='0.5' fill='%23c5ccd3'/%3E%3C/svg%3E") center / contain no-repeat;
|
|
opacity: .9
|
|
}
|
|
|
|
.payment-form[data-v-05be17b8] .form-row-group {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 1rem
|
|
}
|
|
|
|
.payment-form[data-v-05be17b8] .sailors-input-label-text:before {
|
|
content: "* ";
|
|
color: #d32f2f;
|
|
font-weight: 600
|
|
}
|
|
|
|
.payment-form[data-v-05be17b8] .sailors-input {
|
|
border: 1px solid #d5dbe3;
|
|
border-radius: 8px;
|
|
padding: 10px 40px 10px 12px;
|
|
font-size: 1rem;
|
|
transition: border-color .2s ease
|
|
}
|
|
|
|
.payment-form[data-v-05be17b8] .sailors-input:focus {
|
|
outline: none;
|
|
border-color: #90a4ae;
|
|
box-shadow: none
|
|
}
|
|
|
|
.payment-form[data-v-05be17b8] .sailors-input::placeholder {
|
|
color: #9aa5b1
|
|
}
|
|
|
|
.payment-form[data-v-05be17b8] .sailors-input-label {
|
|
font-size: .875rem;
|
|
font-weight: 500;
|
|
color: #3d4f5f
|
|
}
|
|
|
|
.payment-form[data-v-05be17b8] .form-payment-footer {
|
|
margin-top: 1.5rem !important;
|
|
padding: 0 !important;
|
|
border: none !important;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch
|
|
}
|
|
|
|
.payment-footer-stack[data-v-05be17b8] {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1.25rem
|
|
}
|
|
|
|
.payment-submit-btn[data-v-05be17b8] {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
background: var(--pay-gold);
|
|
color: #fff;
|
|
border: none;
|
|
border-radius: 8px;
|
|
padding: .9rem 1.25rem;
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
cursor: pointer;
|
|
font-family: inherit;
|
|
box-shadow: 0 2px 8px #0024391f;
|
|
transition: background .15s ease, opacity .15s ease
|
|
}
|
|
|
|
.payment-submit-btn[data-v-05be17b8]:hover {
|
|
background: var(--pay-gold-hover)
|
|
}
|
|
|
|
.payment-submit-btn[data-v-05be17b8]:active {
|
|
opacity: .95
|
|
}
|
|
|
|
.payment-brand-footer[data-v-05be17b8] {
|
|
margin: 0;
|
|
font-size: .8125rem;
|
|
line-height: 1.55;
|
|
color: #3d4d5c
|
|
}
|
|
|
|
@media(max-width:480px) {
|
|
.payment-page[data-v-05be17b8] {
|
|
padding: 1.25rem .875rem 2rem
|
|
}
|
|
|
|
.payment-hero-title[data-v-05be17b8] {
|
|
font-size: 1.35rem
|
|
}
|
|
|
|
.payment-form[data-v-05be17b8] form.form-payment-container {
|
|
padding: 1.5rem 1.125rem 1.25rem !important
|
|
}
|
|
}
|
|
|
|
.payment-form .form-payment-footer {
|
|
background: transparent !important
|
|
}
|
|
|
|
[data-v-f78990ff] {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.toll-roads-container[data-v-f78990ff] {
|
|
background: #fff;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
padding: 2rem 0
|
|
}
|
|
|
|
.main-content[data-v-f78990ff] {
|
|
max-width: 100%;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.content-wrapper[data-v-f78990ff] {
|
|
max-width: 600px;
|
|
margin: 0 auto;
|
|
padding: 0 1rem
|
|
}
|
|
|
|
.content-inner[data-v-f78990ff] {
|
|
background: #fff
|
|
}
|
|
|
|
.success-panel[data-v-f78990ff] {
|
|
text-align: center;
|
|
padding: 3rem 2rem;
|
|
margin-bottom: 2rem;
|
|
background: #003859;
|
|
border-radius: 0;
|
|
color: #fff;
|
|
border: none
|
|
}
|
|
|
|
.success-icon[data-v-f78990ff] {
|
|
margin-bottom: 20px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center
|
|
}
|
|
|
|
.success-icon svg[data-v-f78990ff] {
|
|
animation: fadeIn-f78990ff .5s ease-out
|
|
}
|
|
|
|
.success-icon svg circle[data-v-f78990ff] {
|
|
fill: #fff;
|
|
opacity: .15
|
|
}
|
|
|
|
.success-icon svg path[data-v-f78990ff] {
|
|
stroke: #fff
|
|
}
|
|
|
|
@keyframes fadeIn-f78990ff {
|
|
0% {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.success-title[data-v-f78990ff] {
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
margin: 0 0 1rem;
|
|
line-height: 1.3;
|
|
color: #fff
|
|
}
|
|
|
|
.success-lead[data-v-f78990ff] {
|
|
font-size: 1.125rem;
|
|
line-height: 1.6;
|
|
margin: 0;
|
|
color: #fff;
|
|
opacity: .95
|
|
}
|
|
|
|
.payment-summary-card[data-v-f78990ff] {
|
|
background: #fff;
|
|
border: 1px solid #d1d5db;
|
|
border-radius: 0;
|
|
margin: 2rem 0;
|
|
overflow: hidden;
|
|
box-shadow: none;
|
|
padding: 0 10px
|
|
}
|
|
|
|
.summary-title[data-v-f78990ff] {
|
|
font-size: 1.375rem;
|
|
font-weight: 700;
|
|
color: #003859;
|
|
background: transparent;
|
|
margin: 0;
|
|
padding: 1.5rem 0 1rem;
|
|
border-bottom: 2px solid #003859
|
|
}
|
|
|
|
.summary-list[data-v-f78990ff] {
|
|
padding: 0
|
|
}
|
|
|
|
.summary-row[data-v-f78990ff] {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 1rem 0;
|
|
border-bottom: 1px solid #e5e7eb
|
|
}
|
|
|
|
.summary-row[data-v-f78990ff]:last-child {
|
|
border-bottom: none
|
|
}
|
|
|
|
.summary-label[data-v-f78990ff] {
|
|
font-size: .9375rem;
|
|
font-weight: 600;
|
|
color: #003859;
|
|
flex: 1
|
|
}
|
|
|
|
.summary-value[data-v-f78990ff] {
|
|
font-size: 1rem;
|
|
font-weight: 600;
|
|
color: #1a1a1a;
|
|
text-align: right;
|
|
flex: 1
|
|
}
|
|
|
|
.amount-value[data-v-f78990ff] {
|
|
font-size: 1.25rem;
|
|
font-weight: 700;
|
|
color: #003859
|
|
}
|
|
|
|
.reference-value[data-v-f78990ff] {
|
|
font-family: Courier New, Courier, monospace;
|
|
font-size: .9375rem;
|
|
color: #333;
|
|
word-break: break-all
|
|
}
|
|
|
|
.summary-text-box[data-v-f78990ff] {
|
|
margin-top: 2rem;
|
|
padding: 1.5rem;
|
|
background: #f9fafb;
|
|
border-left: 4px solid #003859;
|
|
border-right: 1px solid #e5e7eb;
|
|
border-top: 1px solid #e5e7eb;
|
|
border-bottom: 1px solid #e5e7eb;
|
|
border-radius: 0
|
|
}
|
|
|
|
.summary-text[data-v-f78990ff] {
|
|
font-size: .9375rem;
|
|
line-height: 1.6;
|
|
color: #333;
|
|
margin: 0
|
|
}
|
|
|
|
.notice-box[data-v-f78990ff] {
|
|
margin-top: 1rem;
|
|
padding: 1rem 1.25rem;
|
|
border: 1px solid #f0c5dc;
|
|
background: #fff8fc
|
|
}
|
|
|
|
.notice-title[data-v-f78990ff] {
|
|
margin: 0 0 .5rem;
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
color: #003859
|
|
}
|
|
|
|
.notice-body[data-v-f78990ff] {
|
|
margin: 0;
|
|
font-size: .9375rem;
|
|
line-height: 1.5;
|
|
color: #444
|
|
}
|
|
|
|
@media(max-width:40em) {
|
|
.toll-roads-container[data-v-f78990ff] {
|
|
padding: 1.5rem 0
|
|
}
|
|
|
|
.content-wrapper[data-v-f78990ff] {
|
|
padding: 0 .75rem
|
|
}
|
|
|
|
.success-panel[data-v-f78990ff] {
|
|
padding: 2rem 1rem;
|
|
margin-bottom: 1.5rem
|
|
}
|
|
|
|
.success-title[data-v-f78990ff] {
|
|
font-size: 1.5rem
|
|
}
|
|
|
|
.success-lead[data-v-f78990ff] {
|
|
font-size: 1rem
|
|
}
|
|
|
|
.summary-title[data-v-f78990ff] {
|
|
font-size: 1.125rem;
|
|
padding: 1rem 0 .75rem
|
|
}
|
|
|
|
.summary-row[data-v-f78990ff] {
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
padding: .875rem 0;
|
|
gap: .5rem
|
|
}
|
|
|
|
.summary-label[data-v-f78990ff] {
|
|
width: 100%;
|
|
font-size: .875rem
|
|
}
|
|
|
|
.summary-value[data-v-f78990ff] {
|
|
width: 100%;
|
|
text-align: left;
|
|
font-size: .9375rem
|
|
}
|
|
|
|
.amount-value[data-v-f78990ff] {
|
|
font-size: 1.125rem
|
|
}
|
|
|
|
.summary-text-box[data-v-f78990ff] {
|
|
padding: 1rem;
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.summary-text[data-v-f78990ff] {
|
|
font-size: .875rem
|
|
}
|
|
}
|
|
|
|
.fines-notice[data-v-c00aef17] {
|
|
--notice-text: #333333;
|
|
--notice-red: #e50000;
|
|
--notice-border: #e8e8e8;
|
|
--notice-label-bg: #f9f9f9;
|
|
--notice-footer-bg: #e4ebf0;
|
|
--notice-btn-gold: #9a7b3a;
|
|
--notice-btn-gold-hover: #8a6d34;
|
|
--notice-navy: #1a2b4b;
|
|
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
|
|
background: #fff;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
min-height: 100%;
|
|
color: var(--notice-text)
|
|
}
|
|
|
|
.fines-notice__top-strip[data-v-c00aef17] {
|
|
height: 5px;
|
|
width: 100%;
|
|
background: #e8f2f8;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.fines-notice__frame[data-v-c00aef17] {
|
|
max-width: 430px;
|
|
margin: 0 auto;
|
|
padding: 12px 16px 0
|
|
}
|
|
|
|
.notice-site-head[data-v-c00aef17] {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
gap: 12px;
|
|
padding-bottom: 14px;
|
|
margin-bottom: 16px;
|
|
border-bottom: 1px solid var(--notice-border)
|
|
}
|
|
|
|
.notice-site-head__title[data-v-c00aef17] {
|
|
margin: 4px 0 0;
|
|
font-size: 24px;
|
|
font-weight: 700;
|
|
color: #1a1a1a;
|
|
line-height: 1.15;
|
|
letter-spacing: -.02em;
|
|
flex: 1;
|
|
min-width: 0
|
|
}
|
|
|
|
.notice-site-head__brand[data-v-c00aef17] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-end;
|
|
flex-shrink: 0;
|
|
gap: 4px
|
|
}
|
|
|
|
.notice-site-head__logo-img[data-v-c00aef17] {
|
|
display: block;
|
|
width: 160px;
|
|
max-width: min(160px, 42vw);
|
|
height: auto
|
|
}
|
|
|
|
.notice-site-head__tagline[data-v-c00aef17] {
|
|
margin: 0;
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
line-height: 1.2;
|
|
color: var(--notice-navy);
|
|
text-align: right;
|
|
letter-spacing: .03em
|
|
}
|
|
|
|
.notice-table-card[data-v-c00aef17] {
|
|
background: #fff;
|
|
border: 1px solid var(--notice-border);
|
|
border-radius: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
.notice-table[data-v-c00aef17] {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
table-layout: fixed
|
|
}
|
|
|
|
.notice-table th[data-v-c00aef17],
|
|
.notice-table td[data-v-c00aef17] {
|
|
padding: 16px 18px;
|
|
border-bottom: 1px solid var(--notice-border);
|
|
text-align: left;
|
|
vertical-align: top
|
|
}
|
|
|
|
.notice-table tr:last-child th[data-v-c00aef17],
|
|
.notice-table tr:last-child td[data-v-c00aef17] {
|
|
border-bottom: none
|
|
}
|
|
|
|
.notice-table th[data-v-c00aef17] {
|
|
width: 38%;
|
|
font-weight: 700;
|
|
color: var(--notice-text);
|
|
background: var(--notice-label-bg);
|
|
border-right: 1px solid var(--notice-border)
|
|
}
|
|
|
|
.notice-table__label--caps[data-v-c00aef17] {
|
|
text-transform: uppercase;
|
|
letter-spacing: .02em
|
|
}
|
|
|
|
.notice-table td[data-v-c00aef17] {
|
|
background: #fff;
|
|
font-weight: 400
|
|
}
|
|
|
|
.notice-table__value[data-v-c00aef17] {
|
|
color: var(--notice-text)
|
|
}
|
|
|
|
.notice-table__value--deadline[data-v-c00aef17] {
|
|
color: var(--notice-red);
|
|
font-weight: 700
|
|
}
|
|
|
|
.notice-table__value--strike-red[data-v-c00aef17] {
|
|
color: var(--notice-red);
|
|
text-decoration: line-through;
|
|
font-weight: 400
|
|
}
|
|
|
|
.notice-table__value--bold-red[data-v-c00aef17] {
|
|
color: var(--notice-red);
|
|
font-weight: 700
|
|
}
|
|
|
|
.notice-disclaimer[data-v-c00aef17] {
|
|
margin: 0;
|
|
padding: 0 4px 20px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
color: var(--notice-text)
|
|
}
|
|
|
|
.notice-disclaimer__prefix[data-v-c00aef17] {
|
|
font-weight: 400
|
|
}
|
|
|
|
.notice-disclaimer__important[data-v-c00aef17] {
|
|
font-weight: 700;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.notice-footer[data-v-c00aef17] {
|
|
margin: 0 -16px;
|
|
padding: 20px 16px 28px;
|
|
background: var(--notice-footer-bg)
|
|
}
|
|
|
|
.notice-next-btn[data-v-c00aef17] {
|
|
display: block;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
margin: 0 auto;
|
|
border: 0;
|
|
background: var(--notice-btn-gold);
|
|
color: #fff;
|
|
border-radius: 6px;
|
|
padding: 15px 16px;
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
cursor: pointer;
|
|
transition: background .15s ease
|
|
}
|
|
|
|
.notice-next-btn[data-v-c00aef17]:hover {
|
|
background: var(--notice-btn-gold-hover)
|
|
}
|
|
|
|
.notice-next-btn[data-v-c00aef17]:active {
|
|
opacity: .95
|
|
}
|
|
|
|
.notice-next-btn[data-v-c00aef17]:focus-visible {
|
|
outline: 2px solid #1a4d8c;
|
|
outline-offset: 2px
|
|
}
|
|
|
|
@media(min-width:520px) {
|
|
.fines-notice__frame[data-v-c00aef17] {
|
|
padding-left: 24px;
|
|
padding-right: 24px
|
|
}
|
|
|
|
.notice-footer[data-v-c00aef17] {
|
|
margin-left: -24px;
|
|
margin-right: -24px;
|
|
padding-left: 24px;
|
|
padding-right: 24px
|
|
}
|
|
} |