/* Form */

.container-form {
  max-width:var(--content-width);
}

.blocked {
  pointer-events: none;
  position: relative;
}


.blocked::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(247,243,235, .8);
  z-index: 98;
}

input[type="date"] {
  -webkit-appearance: none!important;
  appearance: none!important;
  width: 100%;
  padding: 12px 20px 12px 20px;
  min-height: 55px!important;
}

.loading {
  pointer-events: none;
  position: relative;
}


.loading::after {
  display: block;
  width: 120px;
  height: 120px;
  transform-origin: 50%;
  border: 6px solid transparent;
  border-color: var(--e-global-color-primary) var(--e-global-color-primary) transparent transparent;
  border-radius: 50%;
  content: "";
  animation: linear c-inline-spinner-kf 900ms infinite;
  line-height: inherit;
  position: absolute;
  left: 45%;
  top: 80px;
  border-style: solid;
  transform: translateY(-100%);
  z-index: 100;
}

@keyframes c-inline-spinner-kf {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .steps .line {
    color: var(--e-global-color-secondary);
    height: 25px;
    width: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 27' fill='none'%3E%3Cpath d='M24.8629 14.088C25.0457 13.908 25.0457 13.6119 24.8629 13.432L12.1286 0.892059C11.9458 0.712088 11.6451 0.712088 11.4624 0.892059C11.2796 1.07203 11.2796 1.36811 11.4624 1.54808L23.8607 13.7571L11.4565 25.9661C11.2737 26.146 11.2737 26.4421 11.4565 26.6221C11.6393 26.8021 11.9399 26.8021 12.1227 26.6221L24.857 14.0822L24.8629 14.088ZM0.809164 26.6279L13.5435 14.088C13.7263 13.908 13.7263 13.6119 13.5435 13.432L0.809164 0.892059C0.626402 0.712088 0.325729 0.712088 0.142969 0.892059C-0.039793 1.07203 -0.039793 1.36811 0.142969 1.54808L12.5413 13.7571L0.137072 25.9661C-0.0456886 26.146 -0.0456886 26.4421 0.137072 26.6221C0.319834 26.8021 0.620506 26.8021 0.803268 26.6221L0.809164 26.6279Z' fill='%23735A0A'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;  

}
  
  .steps .line.visited {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 27' fill='none'%3E%3Cpath d='M24.8629 14.088C25.0457 13.908 25.0457 13.6119 24.8629 13.432L12.1286 0.892059C11.9458 0.712088 11.6451 0.712088 11.4624 0.892059C11.2796 1.07203 11.2796 1.36811 11.4624 1.54808L23.8607 13.7571L11.4565 25.9661C11.2737 26.146 11.2737 26.4421 11.4565 26.6221C11.6393 26.8021 11.9399 26.8021 12.1227 26.6221L24.857 14.0822L24.8629 14.088ZM0.809164 26.6279L13.5435 14.088C13.7263 13.908 13.7263 13.6119 13.5435 13.432L0.809164 0.892059C0.626402 0.712088 0.325729 0.712088 0.142969 0.892059C-0.039793 1.07203 -0.039793 1.36811 0.142969 1.54808L12.5413 13.7571L0.137072 25.9661C-0.0456886 26.146 -0.0456886 26.4421 0.137072 26.6221C0.319834 26.8021 0.620506 26.8021 0.803268 26.6221L0.809164 26.6279Z' fill='%23735A0A'/%3E%3C/svg%3E");
  }
  
  .steps .step {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 8px 15px;
    border-bottom: 3px solid transparent;
    cursor: pointer;
  }
  
  .steps .step.active {
    cursor: none;
    pointer-events: none;
    border-bottom: 3px solid var(--e-global-color-secondary);
  }

  .steps .step .icon {
    color: var(--e-global-color-secondary);
    height: 20px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath opacity='0.9' d='M9.6837 18.8044L0.704432 9.75708L9.68369 0.709769L18.663 9.75709L9.6837 18.8044Z' stroke='%23735A0A'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 250ms linear;
  }
  
  .steps .step.active .icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath opacity='0.9' d='M9.68369 -2.63841e-06L0 9.75708L9.6837 19.5142L19.3674 9.75709L9.68369 -2.63841e-06Z' fill='%23735A0A'/%3E%3C/svg%3E");
    transition: all 250ms linear;
  }
  
  .steps .step.visited .icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath opacity='0.9' d='M9.6837 18.8044L0.704432 9.75708L9.68369 0.709769L18.663 9.75709L9.6837 18.8044Z' stroke='%23735A0A'/%3E%3C/svg%3E");
    transition: all 250ms linear;
  }

  
  .steps .step .title {
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: 0.54px;
    color: var(--e-global-color-primary);
    width: auto;
    text-wrap: nowrap;
  }

  .steps .step.visited .title {
    color: var(--e-global-color-secondary);
    transition: color 250ms linear;
  }
  
  .steps .step.active .title {
    color: var(--e-global-color-primary);
    transition: color 250ms linear;
    
  }
  
  @media only screen and (max-width: 1220px) {
    .steps {
      display: flex;
      align-items: start;
      justify-content: start;
      overflow-x:scroll;
    }
  
    /* .steps .step {
      max-width: 100%;
      flex-grow: 1;
      flex-basis: 0;
    }
  
    .steps .step .number {
      border: 2px solid;
      border-color: var(--e-global-color-primary);
      color: var(--e-global-color-primary);
      height: 85px;
      width: 85px;
      border-radius: 50%;
      font-size: 40px;
      line-height: 71px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      margin: auto;
    }
  
    .steps .step .title {
      height: 93px;
      text-align: center;
      font-size: 16px;
      line-height: 19px;
      margin-top: 11px;
      color: var(--e-global-color-primary);
      font-weight: var(--e-global-typography-primary-font-weight);
      margin-left: 0;
      margin-right: 0;
    } */
  }
  
  /* @media only screen and (max-width: 580px) {
    .steps .step .number {
      height: 65px;
      width: 65px;
      font-size: 30px;
      line-height: 71px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      margin: auto;
    }
  
    .steps .step .title {
      height: 93px;
      text-align: center;
      font-size: 12px;
      line-height: 14px;
      margin-top: 11px;
      color: var(--e-global-color-primary);
      font-weight: var(--e-global-typography-primary-font-weight);
      margin-left: 0;
      margin-right: 0;
    }
  } */


  .form-section .form-check-input {
    background: transparent!important;
    border-color: var(--e-global-color-primary)!important;
    width: 20px!important;
    height: 20px!important;
    padding: 0!important;
    background-image: none;
    background-size: 10px!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
  }


  .form-section .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12' fill='none'%3E%3Cpath d='M16.8082 0.558971L16.7352 0.487134H16.7137C16.5075 0.357949 16.2302 0.381893 16.0503 0.558971L16.0503 0.559004L6.71499 9.75186L1.95111 5.05903L1.95105 5.05897C1.74303 4.8542 1.40474 4.8542 1.19672 5.05897L1.3721 5.23713L1.19672 5.05897C0.98651 5.26589 0.98651 5.60564 1.19672 5.81256L6.33958 10.8751C6.54759 11.0798 6.88589 11.0798 7.09391 10.8751L16.8082 1.31256C17.0184 1.10564 17.0184 0.765895 16.8082 0.558971Z' fill='%23735A0A' stroke='%23735A0A' stroke-width='0.5'/%3E%3C/svg%3E")!important;
    background-color: white!important;
    background-size: 10px!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    width: 20px!important;
    padding: 0!important;
    border-color: var(--e-global-color-primary)!important;
  }


  .info-icon {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23735A0A; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m9.5,19C4.26,19,0,14.74,0,9.5S4.26,0,9.5,0s9.5,4.26,9.5,9.5-4.26,9.5-9.5,9.5Zm0-18C4.81,1,1,4.81,1,9.5s3.81,8.5,8.5,8.5,8.5-3.81,8.5-8.5S14.19,1,9.5,1Z'/%3E%3Cg%3E%3Crect class='cls-1' x='9' y='7.69' width='1' height='5.43'/%3E%3Crect class='cls-1' x='9' y='5.88' width='1' height='.9'/%3E%3C/g%3E%3C/svg%3E");
  }
  .info-icon.white {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: white; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m9.5,19C4.26,19,0,14.74,0,9.5S4.26,0,9.5,0s9.5,4.26,9.5,9.5-4.26,9.5-9.5,9.5Zm0-18C4.81,1,1,4.81,1,9.5s3.81,8.5,8.5,8.5,8.5-3.81,8.5-8.5S14.19,1,9.5,1Z'/%3E%3Cg%3E%3Crect class='cls-1' x='9' y='7.69' width='1' height='5.43'/%3E%3Crect class='cls-1' x='9' y='5.88' width='1' height='.9'/%3E%3C/g%3E%3C/svg%3E");
  }



  .step-title {
    color: #9E8312;
    font-family: Lora;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 23px;
    display: inline-block;
    margin-top: 70px;
  }

  .step-wrapper {
    display: flex;
    gap: 60px;  
  }

  .step-description {
    color: var(--e-global-color-primary)!important;
    flex: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-left: 120px;
  }


  @media only screen and (max-width: 1445px) {
    .step-description {

      padding-left: 20px;

    }
  }

  @media only screen and (max-width: 1220px) {
    .step-description {
      display: flex;
      padding-left: 0;
      padding-top: 20px;
      flex: 1;
      flex-basis: auto;
      grid-column: 1 / 3;
    }
  }


  .step-items {
    display: inline-flex;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: 20px;
    gap:20px;
    flex-wrap:wrap;
    margin-bottom: 100px;
  }



  .step-items * {
    transition: all 0.3s;
  }

  .step-items .step-item {
    width: 214px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    background: var(--e-global-color-primary);
    position: relative;
  }
  @media only screen and (max-width: 768px) {
    .step-items {
      display: inline-grid;
      grid-template-columns: 1fr 1fr;
      gap:10px;
      margin-bottom: 50px;
    }
    .step-items .step-item {
      width: 100%;
    }

    .step-items .step-item .step-item-image img{
      height: 140px!important;
    }
  }

  .step-items .step-item .step-item-checkbox{
    position: absolute;
    top: 0;
    left:0;
    width:100%;
    padding-left: 20px;
    padding-top:20px;
    width: 20px;
    z-index: 5;
  }

  .step-items .step-item .step-item-checkbox .form-check-input {
    background: transparent;
    border-color: white!important;
    width: 20px;
    padding: 0;
  }


  .step-items .step-item .step-item-checkbox .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12' fill='none'%3E%3Cpath d='M16.8082 0.558971L16.7352 0.487134H16.7137C16.5075 0.357949 16.2302 0.381893 16.0503 0.558971L16.0503 0.559004L6.71499 9.75186L1.95111 5.05903L1.95105 5.05897C1.74303 4.8542 1.40474 4.8542 1.19672 5.05897L1.3721 5.23713L1.19672 5.05897C0.98651 5.26589 0.98651 5.60564 1.19672 5.81256L6.33958 10.8751C6.54759 11.0798 6.88589 11.0798 7.09391 10.8751L16.8082 1.31256C17.0184 1.10564 17.0184 0.765895 16.8082 0.558971Z' fill='%23735A0A' stroke='%23735A0A' stroke-width='0.5'/%3E%3C/svg%3E");
    background-color: white;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    padding: 0;
    border-color: var(--e-global-color-primary)!important;
  }

  .step-items .step-item .step-item-amount{
    position: absolute;
    top: 0;
    right:0;
    width:auto;
    padding-right: 20px;
    padding-top:20px;
    z-index: 5;
  }

  .step-items .step-item .step-item-amount .form-check-input{
    font-size: 18px!important;
    color: white!important;
    border: 1px solid white!important;
    background: transparent;
    width: 70px!important;
    height: 45px!important;
    text-align: center;
    padding: 0!important;
  }
  .step-items .step-item.selected .step-item-amount .form-check-input:focus, .step-items .step-item.selected .step-item-amount .form-check-input {
    background: white!important;
    color: var(--e-global-color-primary)!important;
    border-color: var(--e-global-color-primary)!important;
  }

  .step-items .step-item.selected .step-item-amount .form-check-input::placeholder {
    color: var(--e-global-color-primary)!important;
  }

  .step-items .step-item .step-item-amount .form-check-input::placeholder {
    color: white!important;
    padding: 0;
    font-size: 16px!important;
  }
  .step-items .step-item .step-item-amount .form-check-input:focus{
    background: transparent;
  }

  .step-items .step-item .step-item-image, .step-items .step-item .step-item-image label{
    width:100%;
    cursor: pointer;
  }

  .step-item .step-item-image img {
    opacity: 0.9;
    transition: opacity 0.5s ease; /* Smooth transition for opacity change */
  }

  .step-item:hover > .step-item-image img {
    opacity: 0.8;
    transition: opacity 0.5s ease; /* Smooth transition for opacity change */
  }
  
  /* Opacity when the checkbox is checked */
  .step-item.selected img {
    opacity: 1;
  }
  .step-items .step-item .step-item-image label{
    margin-bottom: 0;
  }

  .step-items .step-item .step-item-image img{
    height: 237px;
    object-fit: cover;
    width:100%;
  }

  .step-items .step-item .step-item-title {
    color: white;
    display: flex;
    padding: 12px 20px;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    hyphens: auto;
  }

  .step-items .step-item .step-item-title .popover-wrapper {
    margin-left: 15px;
  }

  .popover-wrapper {
    display: inline;
    height: 20px;
    position: relative;
    top: 4px;
  }
  .btn-popover {
    appearance: none!important;
    border: none!important;
    padding: 0!important;
    background: transparent!important;
    height: 20px;
  }

  .checkboxes label {
    font-weight: normal;
    margin-bottom: 0;
  }

  .tippy-content {
    font-size: 15px;
    text-align: center;
  }
/* ********************* SELECT ********************* */

label {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
  min-height: 20px;
}
.choices__inner, select {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: transparent;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid var(--e-global-color-primary);
  border-radius: 0;
  font-size: 18px;
  min-height: 44px;
  overflow: hidden;
}


/* ********************* TABLE ********************* */

  .dcf-txt-center {
    text-align: center!important
  }

  .dcf-txt-left {
    text-align: left!important
  }

  .dcf-txt-right {
    text-align: right!important
  }
  
.dcf-table caption {
    font-size: 1.13em;
    font-weight: 700;
    padding-bottom: .56rem
  }

  .dcf-table thead {
    font-size: 18px;
    color:var(--e-global-color-primary)!important;
  }

  .dcf-table tbody {
    font-size: 18px;
    color:var(--e-global-color-primary)!important;
  }

  .dcf-table tfoot {
    font-size: .84em
  }

  .dcf-table td, .dcf-table th {
    padding-right: 1.78em
  }

  .dcf-table-bordered, .dcf-table-bordered td, .dcf-table-bordered th {
    border: none;
    border-top: none;
  }

  .dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {
    padding-left: 1em;
    padding-right: 1em
  }

  .dcf-table thead tr th:first-of-type {
    padding-left: 0!important;
    
  }



  .dcf-table thead td, .dcf-table thead th {
    padding-bottom: .75em;
    vertical-align: bottom;
    border-bottom: 1px solid var(--e-global-color-primary);
    border-top: none!important;
  }

  .dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th {
    padding-top: .75em;
    vertical-align: top
  }

  .dcf-table tbody td, .dcf-table tbody th {
    padding-top: 12px;
    vertical-align: top;
    line-height: 1;
    background: none!important;
    border-bottom: 1px solid var(--e-global-color-primary);
  }

  .dcf-table-bordered thead th {
    padding-top: 1.33em
  }

  .dcf-wrapper-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding-bottom: 1em;
    position: relative;
    right: 50%;
    width: 100vw
  }

  @media only screen and (max-width:42.09em) {
    .dcf-table-responsive thead {
      clip: rect(0 0 0 0);
      -webkit-clip-path: inset(50%);
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      width: 1px;
      white-space: nowrap
    }
    .dcf-table-responsive tr {
      display: block
    }
    .dcf-table-responsive tr:not(:first-child) {
      margin-top: 40px;
    }
    
    .dcf-table-responsive td {
      -webkit-column-gap: 3.16vw;
      -moz-column-gap: 3.16vw;
      column-gap: 3.16vw;
      display: grid;
      grid-template-columns: 1fr 2fr;
      text-align: left!important
    }
    .dcf-table-responsive.dcf-table-bordered, .dcf-table-responsive.dcf-table-bordered thead th {
      border-width: 0
    }
    .dcf-table-responsive.dcf-table-bordered tbody td {
      border-top-width: 0
    }

    .dcf-table-responsive.dcf-table-bordered tbody th {
      width: 100%;
      display: block;
      background: rgba(255, 255, 255, 0.651)!important;
 
    }

    .dcf-table-responsive:not(.dcf-table-bordered) tbody tr {
      padding-bottom: .75em
    }
    .dcf-table-responsive:not(.dcf-table-bordered) tbody td {
      padding-bottom: 0
    }
    .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {
      padding-right: 0
    }
    .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {
      border-bottom-width: 0
    }
    .dcf-table-responsive tbody td:before {
      content: attr(data-label);
      float: left;
      font-weight: 700;
      padding-right: 1.78em
    }
  }

.dcf-overflow-x-auto {
    overflow-x: auto!important;
    -webkit-overflow-scrolling: touch
  }
  
.dcf-w-100\% {
width: 100%!important;
  }

  .form-section:not(.current) {
    display: none;
  }

  .parsley-errors-list {
    padding-left: 0;
    list-style: none;
    color: red;
    line-height: 1.2;
  }
  
  .error {
    color: red;
  }
  
  .success {
    color: green;
  }

  input.parsley-error {
    border-color: red!important;
  }

  #crb_available-error {
    margin-top: 10px;
  }

  @media only screen and (max-width: 1220px) {
    #crb_available-error {
      position: fixed;
      bottom: 0;
      z-index: 99;
      width: 100%;
      margin: 0;
      left: 0;
      background: rgb(255 230 230);
    }
  }

  .parsley-errors-list.filled {
    background: rgb(255 230 230);
    padding: 7px 20px;
    text-align: left;
  }

  .form-navigation {
    gap:22px;
  }

  .form-navigation .btn {
    color: var(--e-global-color-primary)!important;
  }

  input#send {
    background: var(--e-global-color-primary)!important;
    color: white!important;
}

input#send:hover {
  background: var(--e-global-color-secondary)!important;
  color: white!important;
}

#complete-form {
  scroll-margin-top: 170px;
}