@media (min-width: 1280px) {
  .submit-claim-web {
    max-width: 1208px; }
    .submit-claim-web .step_point {
      text-align: center; }
    .submit-claim-web .step_1 {
      padding-top: 8px; }
    .submit-claim-web .step_2 {
      padding-top: 40px; }
    .submit-claim-web .step_3 {
      padding-top: 40px; }
    .submit-claim-web .checklist {
      width: 25px;
      height: 25px; }
    .submit-claim-web .content_claim {
      padding-left: 1rem !important;
      padding-right: 1rem !important; }
  .preview-mobile {
    display: none; } }

@media (max-width: 890px) {
  .preview-mobile {
    display: none; } }

@media (max-width: 768px) {
  .axa-breadcrumb {
    padding-left: 0 !important; }
  .submit-claim-web #form-filter .btn-filter-group {
    margin: 0 !important;
    flex-wrap: unset !important;
    padding: 0 !important; }
  .preview-mobile {
    display: none; } }

@media (max-width: 767px) {
  .axa-breadcrumb {
    position: unset !important; }
  .card-wrapper-mobile {
    display: block !important; }
  .preview-mobile {
    display: block; }
  .preview-desktop {
    display: none; } }

@media (max-width: 641px) {
  .axa-breadcrumb {
    padding-left: 0 !important; }
  .submit-claim-web #form-filter .btn-filter-group {
    margin: 0 !important;
    flex-wrap: unset !important;
    padding: 0 !important; }
  .step_point {
    text-align: left; }
  .step_1 {
    padding-top: 0px; }
  .step_2 {
    padding-top: 0px; }
  .step_3 {
    padding-top: 0px; }
  .prosedur-text {
    font-size: 0.8rem; }
  .checklist {
    width: 15px;
    height: 15px;
    margin-top: 2px; }
  .content_claim {
    padding-left: 0rem !important;
    padding-right: 0rem !important; }
  .preview-mobile {
    display: block; } }

.submit-claim-web {
  position: relative;
  z-index: 0;
  background: unset;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .submit-claim-web .page-link {
    z-index: 0 !important; }
  .submit-claim-web .text-green {
    color: #1CC54E; }
  .submit-claim-web .text-red {
    color: #C91432; }
  .submit-claim-web .label-title {
    font-family: 'SansPro-Semibold';
    font-size: 1.625rem;
    line-height: 1.5rem; }
  .submit-claim-web .section-title {
    margin-bottom: 2.5rem;
    margin-top: 2.4375rem; }
  .submit-claim-web ::-webkit-scrollbar {
    width: 5px;
    height: 4px; }
  .submit-claim-web ::-webkit-scrollbar-track {
    background: #f1f1f1; }
  .submit-claim-web ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px; }
  .submit-claim-web ::-webkit-scrollbar-thumb:hover {
    background: #555; }
  .submit-claim-web .form-select, .submit-claim-web .form-control {
    border-radius: .5rem; }
  .submit-claim-web .magi-modal div.modal-content {
    width: 436px;
    height: auto;
    margin: auto;
    border-radius: 18px; }
    .submit-claim-web .magi-modal div.modal-content .modal-header {
      height: auto;
      align-items: center;
      padding-left: 33px;
      padding-right: 33px;
      padding-top: 40px;
      border: none; }
    .submit-claim-web .magi-modal div.modal-content .modal-body {
      padding-left: 33px;
      padding-right: 33px; }
    .submit-claim-web .magi-modal div.modal-content .btn-modal {
      color: #fff;
      width: 8rem;
      border-radius: 25px;
      background-color: #494DF4; }
  .submit-claim-web .input-error {
    border-color: #dc3545; }
  .submit-claim-web .label-error {
    color: #dc3545; }
  .submit-claim-web .justify {
    text-align: justify; }
  .submit-claim-web .axa-breadcrumb {
    position: absolute;
    top: -4px;
    right: 0;
    background: unset;
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    border-radius: 0.25rem; }
    .submit-claim-web .axa-breadcrumb li {
      font-size: 13px;
      letter-spacing: 1px; }
    .submit-claim-web .axa-breadcrumb .breadcrumb-item a svg {
      width: 16px;
      height: 16px;
      color: #2c323f;
      vertical-align: text-top; }
  .submit-claim-web .list-type {
    list-style-type: initial; }
  .submit-claim-web .checkStatement {
    margin-right: 1%; }
  .submit-claim-web .preview {
    border-radius: 25px;
    background-color: #494DF4;
    margin-right: 3%;
    margin-bottom: 1%;
    color: #fff;
    width: 8rem; }
  .submit-claim-web .doc-upload {
    border: 1px solid #CCCCCC;
    border-radius: 15px; }
    .submit-claim-web .doc-upload input {
      display: none; }
    .submit-claim-web .doc-upload .upload {
      border-radius: 25px;
      background-color: #C4C4C4;
      margin-right: 3%;
      margin-bottom: 1%;
      color: #000;
      width: 8rem; }
  .submit-claim-web .icon {
    margin-right: 1rem; }
  .submit-claim-web .required:after {
    content: " *";
    color: red; }
  .submit-claim-web .card {
    -webkit-box-shadow: 0 0 20px rgba(8, 21, 66, 0.05);
    box-shadow: 0 0 20px rgba(8, 21, 66, 0.05);
    border-radius: 15px;
    border: none; }
    .submit-claim-web .card .card-header {
      border-top-left-radius: 15px;
      border-top-right-radius: 15px; }
  .submit-claim-web .more {
    overflow-wrap: break-word;
    width: 11rem !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .submit-claim-web .form-button {
    align-items: flex-end; }
    .submit-claim-web .form-button button {
      color: #fff;
      width: 8rem;
      border-radius: 25px; }
      .submit-claim-web .form-button button.nextButton {
        background-color: #494DF4; }
        .submit-claim-web .form-button button.nextButton .fa-search {
          margin-right: .5rem; }
        .submit-claim-web .form-button button.nextButton:hover {
          background-color: #3032C1; }
        .submit-claim-web .form-button button.nextButton:disabled {
          background-color: #cccccc; }
        .submit-claim-web .form-button button.nextButton:active {
          background-color: #00008f; }
      .submit-claim-web .form-button button.backButton {
        background-color: #c91432; }
      .submit-claim-web .form-button button a, .submit-claim-web .form-button button a:hover, .submit-claim-web .form-button button a:visited {
        text-decoration: none;
        color: #fff; }
  .submit-claim-web .success-button {
    align-items: flex-end; }
    .submit-claim-web .success-button button {
      color: #fff;
      border-radius: 25px; }
      .submit-claim-web .success-button button.nextButton {
        background-color: #494DF4; }
        .submit-claim-web .success-button button.nextButton .fa-search {
          margin-right: .5rem; }
        .submit-claim-web .success-button button.nextButton:hover {
          background-color: #3032C1; }
        .submit-claim-web .success-button button.nextButton:disabled {
          background-color: #cccccc; }
        .submit-claim-web .success-button button.nextButton:active {
          background-color: #00008f; }
      .submit-claim-web .success-button button.backButton {
        background-color: #c91432; }
      .submit-claim-web .success-button button a, .submit-claim-web .success-button button a:hover, .submit-claim-web .success-button button a:visited {
        text-decoration: none;
        color: #fff; }
  .submit-claim-web .btn-round {
    border-radius: 25px; }
  .submit-claim-web .btn-blue {
    background-color: #494DF4; }
    .submit-claim-web .btn-blue:hover {
      background-color: #3032C1; }
    .submit-claim-web .btn-blue:disabled {
      background-color: #cccccc; }
    .submit-claim-web .btn-blue:active {
      background-color: #00008f; }

.datepicker--nav-action {
  width: 32px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #494DF4 !important; }
  .datepicker--nav-action:hover {
    width: 32px;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #494DF4 !important; }

#headingOne {
  background-color: #c91432; }

.btn-silver {
  background-color: #cccccc;
  color: #fff; }

a.link-area {
  position: absolute;
  top: 0;
  bottom: 35%;
  left: 25%;
  right: 25%;
  width: 50%;
  z-index: 1;
  display: flex; }

.agreement ol {
  padding-inline-start: 10px; }

.magi-modal div.modal-content {
  width: 436px;
  height: auto;
  margin: auto;
  border-radius: 18px; }
  .magi-modal div.modal-content .modal-header {
    height: auto;
    align-items: center;
    padding-left: 33px;
    padding-right: 33px;
    padding-top: 40px;
    border: none; }
  .magi-modal div.modal-content .modal-body {
    padding-left: 33px;
    padding-right: 33px; }
  .magi-modal div.modal-content .btn-modal {
    color: #fff;
    width: 8rem;
    border-radius: 25px;
    background-color: #494DF4; }

.notification-cart {
  background-color: #494DF4;
  color: white;
  text-decoration: none;
  padding: 6px 11px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
  margin: 10px 20px 0 0;
  border-radius: 5px; }

.notification-cart .badge {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 5px 10px;
  border-radius: 50%;
  background: red;
  color: white; }

.preview-section .filename-label {
  display: flex;
  font-style: italic;
  color: gray;
  margin-bottom: 15px; }

.preview-section .preview-button {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  color: #494DF4;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 6px 20px;
  gap: 16px;
  width: max-content;
  border: 1.5px solid #494DF4;
  border-radius: 999px; }

.form-button {
  align-items: flex-end; }
  .form-button button {
    color: #fff;
    width: 8rem;
    border-radius: 25px; }
    .form-button button a, .form-button button a:hover, .form-button button a:visited {
      text-decoration: none;
      color: #fff; }
    .form-button button.btn-blue {
      background-color: #494DF4; }
      .form-button button.btn-blue:hover {
        background-color: #3032C1; }
      .form-button button.btn-blue:disabled {
        background-color: #cccccc; }
      .form-button button.btn-blue:active {
        background-color: #00008f; }

.colapse-card {
  padding: 0 15px; }
  .colapse-card .card {
    margin-bottom: 1rem;
    border-radius: 10px; }
    .colapse-card .card .card-header .btn-link {
      padding: 12px 20px;
      width: 100%;
      text-align: left;
      letter-spacing: 0.7px;
      border: none;
      border-radius: 0;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      font-weight: 500;
      color: #4976BA;
      text-decoration: none; }
      .colapse-card .card .card-header .btn-link:hover {
        text-decoration: none; }
      .colapse-card .card .card-header .btn-link:focus {
        text-decoration: none;
        border: none;
        box-shadow: none; }
      .colapse-card .card .card-header .btn-link .fa {
        /* -moz-transition: all .5s linear;
                    -webkit-transition: all .5s linear;
                    transition: all 1s linear; */
        position: relative;
        top: 3px; }
        .colapse-card .card .card-header .btn-link .fa.down {
          -ms-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
    .colapse-card .card .card-header-child {
      background-color: #afafaf; }
    .colapse-card .card .card-header-parent {
      background-color: #fff; }

.button-to-online-claim {
  color: #000000;
  border-radius: 25px;
  height: 50px;
  border-color: #494DF4; }
  .button-to-online-claim:hover {
    background-color: #3032C1;
    color: #FFFFFF; }
  .button-to-online-claim:disabled {
    background-color: #cccccc; }
  .button-to-online-claim:active {
    background-color: #00008f; }

.modal-confirm-button {
  align-items: flex-end; }
  .modal-confirm-button button {
    color: #fff;
    border-radius: 25px; }
    .modal-confirm-button button.btn-confirm {
      background-color: #494DF4; }
      .modal-confirm-button button.btn-confirm .fa-search {
        margin-right: .5rem; }
      .modal-confirm-button button.btn-confirm:hover {
        background-color: #3032C1; }
      .modal-confirm-button button.btn-confirm:disabled {
        background-color: #cccccc; }
      .modal-confirm-button button.btn-confirm:active {
        background-color: #00008f; }
    .modal-confirm-button button a, .modal-confirm-button button a:hover, .modal-confirm-button button a:visited {
      text-decoration: none;
      color: #fff; }