Files
zy-client-a/a5_za_sf_finessa/public/Static_zy/static/DryxL-Lc.css
telangpu 7b61eeb6b8 update
2026-05-07 23:26:41 +08:00

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
}
}