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