.order-main-content.steps {
  display: flex;
  flex-direction: column;
  border: 1px solid #F4F4F4;
  height: fit-content; }
  @media (max-width: 768px) {
    .order-main-content.steps {
      width: auto;
      margin: 0 -15px; } }
  .order-main-content.steps .step-item {
    border-bottom: 1px solid #F4F4F4;
    padding: 16px; }
    .order-main-content.steps .step-item:last-child {
      border-bottom: none; }
  .order-main-content.steps .step-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px; }
    .order-main-content.steps .step-item-header .step-num {
      flex: 1;
      display: flex;
      align-items: center;
      gap: 16px; }
      .order-main-content.steps .step-item-header .step-num .num {
        background: #F4F4F4;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        border-radius: 40px; }
      .order-main-content.steps .step-item-header .step-num p {
        margin: 0; }
      .order-main-content.steps .step-item-header .step-num .num, .order-main-content.steps .step-item-header .step-num p {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 20px;
        letter-spacing: 0;
        color: #7D7D7D; }
        @media (max-width: 768px) {
          .order-main-content.steps .step-item-header .step-num .num, .order-main-content.steps .step-item-header .step-num p {
            font-size: 16px; } }
    .order-main-content.steps .step-item-header .back,
    .order-main-content.steps .step-item-header .prev {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 14px;
      line-height: 21px;
      letter-spacing: 0;
      text-decoration: underline;
      color: #333333; }
  .order-main-content.steps .step-item .step-item-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease-out, padding-top 0.4s ease-out, padding-bottom 0.4s ease-out, opacity 0.3s ease-out;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 24px;
    padding-right: 0;
    background: #F4F4F4;
    max-width: 776px;
    visibility: hidden; }
  .order-main-content.steps .step-item.done .step-item-header .step-num .num, .order-main-content.steps .step-item.done .step-item-header .step-num p {
    font-weight: 600;
    color: #333333; }
  .order-main-content.steps .step-item.active {
    background: #F4F4F4; }
    .order-main-content.steps .step-item.active .step-item-header {
      padding-bottom: 16px; }
      .order-main-content.steps .step-item.active .step-item-header .step-num .num, .order-main-content.steps .step-item.active .step-item-header .step-num p {
        font-weight: 600; }
      .order-main-content.steps .step-item.active .step-item-header .step-num .num {
        background: #0165B0;
        color: #fff; }
      .order-main-content.steps .step-item.active .step-item-header .step-num p {
        color: #0165B0; }
    .order-main-content.steps .step-item.active .step-item-content {
      max-height: 5000px;
      opacity: 1;
      visibility: visible;
      padding-top: 32px;
      padding-bottom: 32px;
      padding-left: 24px;
      padding-right: 0;
      transition: max-height 0.4s ease-in, padding-top 0.4s ease-in, padding-bottom 0.4s ease-in, opacity 0.3s ease-in; }
  .order-main-content.steps .step-item-content {
    padding: 32px 24px;
    background: #F4F4F4;
    max-width: 776px;
    padding-right: 0; }
    @media (max-width: 768px) {
      .order-main-content.steps .step-item-content {
        padding-left: 0;
        padding-bottom: 0; } }

.order-content-wrapper {
  margin-bottom: 100px; }
  @media (max-width: 768px) {
    .order-content-wrapper {
      margin-bottom: 50px; } }

.order-content-wrapper .order-summary-right .cart-summery-right .btns-actions .proceed-checkout,
.cart_navigation .proceed-checkout {
  background: #E30613; }

.order-content-wrapper .order-summary-right .cart-summery-right .btns-actions .proceed-checkout {
  display: block;
  float: unset !important;
  max-width: 100%;
  width: 100%; }

.order-content-wrapper .order-summary-right.cart-summery-right .btns-actions .proceed-checkout {
  margin-bottom: 12px; }

.cart-summery-right .btns-actions .proceed-checkout {
  border-radius: 8px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  padding: 13px 20px !important;
  text-transform: initial;
  border: none;
  box-shadow: none; }

.register-form, .form, form {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #333; }
  .register-form .form-group, .form .form-group, form .form-group {
    margin-bottom: 16px; }
    .register-form .form-group .label, .form .form-group .label, form .form-group .label {
      display: block;
      font-weight: 500;
      color: #000; }
    .register-form .form-group input,
    .register-form .form-group select, .form .form-group input,
    .form .form-group select, form .form-group input,
    form .form-group select {
      width: 100%;
      padding: 10px;
      border: 1px solid #d1d1d1;
      border-radius: 5px;
      font-size: 14px;
      outline: none;
      background-color: #fff;
      transition: border-color 0.2s, box-shadow 0.2s; }
      .register-form .form-group input:focus,
      .register-form .form-group select:focus, .form .form-group input:focus,
      .form .form-group select:focus, form .form-group input:focus,
      form .form-group select:focus {
        border-color: #007bff;
        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.15); }
      .register-form .form-group input::placeholder,
      .register-form .form-group select::placeholder, .form .form-group input::placeholder,
      .form .form-group select::placeholder, form .form-group input::placeholder,
      form .form-group select::placeholder {
        color: #aaa; }
  .register-form .phone-input, .form .phone-input, form .phone-input {
    display: flex;
    gap: 8px; }
    .register-form .phone-input select, .form .phone-input select, form .phone-input select {
      flex: 0 0 90px;
      border: 1px solid #d1d1d1;
      border-radius: 5px;
      background-color: #fff;
      font-size: 14px;
      padding: 10px; }
    .register-form .phone-input input, .form .phone-input input, form .phone-input input {
      flex: 1; }
  .register-form .section, .form .section, form .section {
    margin-top: 25px;
    padding-top: 16px;
    border-top: 1px solid #D6D4D4; }
    .register-form .section .section-title, .form .section .section-title, form .section .section-title {
      font-weight: 600;
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 0;
      color: #000; }
    .register-form .section .section-sub, .form .section .section-sub, form .section .section-sub {
      font-size: 14px;
      line-height: 20px;
      color: #7D7D7D;
      margin-bottom: 16px; }
  .register-form .checkboxes, .form .checkboxes, form .checkboxes {
    margin: 16px 0; }
    .register-form .checkboxes input, .form .checkboxes input, form .checkboxes input {
      width: 19px !important;
      height: 19px !important; }
    .register-form .checkboxes label, .form .checkboxes label, form .checkboxes label {
      font-size: 12px;
      line-height: 1;
      color: #333333;
      font-weight: 400;
      display: flex;
      align-items: center;
      gap: 10px;
      cursor: pointer;
      width: 100%;
      flex: unset; }
      .register-form .checkboxes label > p, .form .checkboxes label > p, form .checkboxes label > p {
        margin: 0;
        color: #333333;
        font-size: 12px; }
      .register-form .checkboxes label .checkmark, .form .checkboxes label .checkmark, form .checkboxes label .checkmark {
        display: block;
        position: relative;
        width: 19px;
        height: 19px;
        border: 1px solid #D6D4D4;
        box-shadow: none;
        flex: 0 0 19px; }
      .register-form .checkboxes label input, .form .checkboxes label input, form .checkboxes label input {
        margin: 0;
        border: 1px solid #D6D4D4;
        width: 19px;
        height: 19px !important;
        flex: 0 0 19px; }
      .register-form .checkboxes label a, .form .checkboxes label a, form .checkboxes label a {
        font-size: 12px;
        text-decoration: underline;
        font-weight: 400;
        margin: 0; }
        .register-form .checkboxes label a:hover, .form .checkboxes label a:hover, form .checkboxes label a:hover {
          text-decoration: underline; }
  .register-form .btns, .form .btns, form .btns {
    margin-top: 40px;
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 32px; }
    @media (max-width: 768px) {
      .register-form .btns, .form .btns, form .btns {
        flex-direction: column;
        align-items: end;
        gap: 16px; } }
  .register-form .submit-btn, .form .submit-btn, form .submit-btn {
    width: 100%;
    max-width: 202px;
    background-color: #0165B0;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 13px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s; }
    .register-form .submit-btn:hover, .form .submit-btn:hover, form .submit-btn:hover {
      background-color: #0056b3; }
    .register-form .submit-btn:active, .form .submit-btn:active, form .submit-btn:active {
      transform: scale(0.98); }
    @media (max-width: 768px) {
      .register-form .submit-btn, .form .submit-btn, form .submit-btn {
        max-width: 100%; } }
  .register-form .note, .form .note, form .note {
    font-size: 12px;
    color: #333333;
    text-align: center;
    margin-top: 10px; }
  .register-form .forgotPassword, .form .forgotPassword, form .forgotPassword {
    text-align: right; }
    @media (max-width: 768px) {
      .register-form .forgotPassword, .form .forgotPassword, form .forgotPassword {
        text-align: center; } }
    .register-form .forgotPassword a, .form .forgotPassword a, form .forgotPassword a {
      font-weight: 500;
      font-size: 14px;
      color: #333333;
      text-decoration: underline; }
    .register-form .forgotPassword + .btns, .form .forgotPassword + .btns, form .forgotPassword + .btns {
      margin-top: 16px; }

.order-content-wrapper .form-group {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px; }
  @media (max-width: 768px) {
    .order-content-wrapper .form-group {
      flex-direction: column;
      gap: 8px; }
      .form-group.civility {
        flex-direction: row; }
        .form-group.civility > label {
          flex: 0 0 104px; } }
  .order-content-wrapper .form-group label {
    width: 210px;
    flex: 0 0 210px;
    text-align: left;
    font-weight: 400 !important;
    font-size: 16px !important;
    letter-spacing: 0;
    padding: 0; }
    @media (max-width: 768px) {
        .order-content-wrapper .form-group label {
        width: 100%;
        flex: 0 0 100%; } }
  .form-group input, .form-group select, .form-group .bootstrap-select .dropdown-toggle {
    border-radius: 2px !important;
    background: #fff;
    border: 1px solid #F4F4F4 !important;
    box-shadow: none !important;
    height: 48px !important;
    padding: 0 24px !important; }
  .form-group .bootstrap-select {
    width: 100% !important; }
  .form-group .bootstrap-select .dropdown-toggle .filter-option-inner {
    height: 100%;
    display: flex;
    align-items: center; }
  .form-group .group-show-psswd {
    width: 100%;
    position: relative; }
    .form-group .group-show-psswd i {
      position: absolute;
      right: 24px;
      top: 12px;
      width: 24px;
      height: 24px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24px; }
      .form-group .group-show-psswd i:before {
        content: "";
        background: url("../img/icon/eye.svg") no-repeat center center;
        background-size: contain;
        width: 24px;
        height: 24px;
        display: inline-block; }
      .form-group .group-show-psswd i.icon-eye-slash {
        color: #7D7D7D; }
        .form-group .group-show-psswd i.icon-eye-slash:before {
          background: url("../img/icon/eye-slash.svg") no-repeat center center; }
  .form-group > .input {
    width: 100%;
    position: relative; }
    .form-group > .input .option {
      position: absolute;
      top: 50%;
      right: 24px;
      transform: translateY(-50%);
      color: #7D7D7D;
      font-size: 12px; }
    .form-group > .input:has(> .option) input {
      padding-right: 74px; }

.radio-group {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 64px; }
  .radio-group label {
    width: auto;
    flex: unset;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px; }
    .radio-group label .checkmark-radio {
      position: relative; }

.step-item.infos .step-item-content {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0; }

.checkmark-radio {
  height: 16px;
  width: 16px; }

/*.container-radio .checkmark-radio::after {
  top: 3px !important;
  left: 3px !important;
  width: 6px !important;
  height: 6px !important;
}*/
.container-radio input:not(:checked) ~ .checkmark-radio {
  border: none;
  background: url("../img/icon/radio.svg") no-repeat center; }

.container-radio input:checked ~ .checkmark-radio {
  border: none;
  background: url("../img/icon/radio-check.svg") no-repeat center; }

.container-radio input:checked ~ .checkmark-radio:after {
  display: none; }

.new-address.form, .addresses-form--wrapper {
  max-width: 776px; }

.addresses-form--wrapper form > p {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
  color: #000000;
  margin-bottom: 24px; }
.addresses-form--wrapper .different-invoice-address {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
  color: #000000; }
  .addresses-form--wrapper .different-invoice-address--wrapper {
    margin-bottom: 16px; }
.addresses-form--wrapper .add-address {
  margin-bottom: 24px;
  color: #0165B0;
  text-decoration: underline;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px; }
  .addresses-form--wrapper .add-address svg {
    width: 24px;
    height: 24px; }

.step-item .cart_navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 0;
  padding-bottom: 0 !important; }
  .step-item .cart_navigation .submit-btn {
    margin-left: auto; }
  .step-item .cart_navigation > .button-exclusive {
    display: none;
    margin: 0; }
  .step-item .cart_navigation.scrollfix-bottom {
    padding-bottom: 15px !important; }
    .step-item .cart_navigation.scrollfix-bottom > .button-exclusive {
      display: block; }

#login-create-account {
  max-width: 776px; }
  #login-create-account .panel {
    border: none;
    background: #F4F4F4;
    box-shadow: none; }
    #login-create-account .panel:after, #login-create-account .panel:before {
      display: none; }
  #login-create-account .panel-heading {
    background: #F4F4F4;
    border: none;
    border-top: 1px solid #D6D4D4;
    padding: 16px 24px; }
    @media (max-width: 768px) {
      #login-create-account .panel-heading {
        padding: 16px 0; } }
    #login-create-account .panel-heading .panel-title {
      font-weight: 600;
      font-size: 16px;
      line-height: 21px;
      color: #000; }
      @media (max-width: 768px) {
        #login-create-account .panel-heading .panel-title:has(> .btn) {
          display: flex;
          flex-direction: column;
          gap: 16px; } }
      #login-create-account .panel-heading .panel-title a {
        text-decoration: underline; }
        #login-create-account .panel-heading .panel-title a.btn {
          border: 2px solid #D6D4D4;
          padding: 9px 29px;
          color: #0165B0;
          margin-left: 16px;
          text-decoration: none;
          font-weight: 500;
          font-size: 16px;
          letter-spacing: 0;
          border-radius: 8px;
          justify-content: center;
          align-items: center;
          height: 46px;
          display: none; }
          #login-create-account .panel-heading .panel-title a.btn.collapsed {
            display: inline-flex; }
            @media (max-width: 768px) {
              #login-create-account .panel-heading .panel-title a.btn.collapsed {
                display: flex;
                width: 100%;
                margin-left: 0; } }
  #login-create-account .panel-body {
    padding: 16px 0 16px 24px;
    border: none; }
    @media (max-width: 768px) {
      #login-create-account .panel-body {
        padding: 16px 0; } }
    #login-create-account .panel-body:after, #login-create-account .panel-body:before {
      display: none; }
  #login-create-account.panel-group .panel-heading + .panel-collapse .panel-body {
    border: none; }
  #login-create-account.panel-group .panel + .panel {
    margin: 0; }

.mt-0, .my-0 {
  margin-top: 0 !important; }

.mb-0, .my-0 {
  margin-bottom: 0 !important; }

.address-items {
  display: flex;
  gap: 16px;
  margin-top: 24px;
  margin-bottom: 24px; }
  @media (max-width: 768px) {
    .address-items {
      flex-direction: column; } }
  .address-items .address-item {
    width: calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
    background: #fff;
    border-radius: 8px;
    padding: 32px;
    border: 2px solid #fff; }
    @media (max-width: 768px) {
      .address-items .address-item {
        width: 100%;
        flex: 0 0 100%; } }
    .address-items .address-item:has(> .address-item--header > .container-radio > input:checked), .address-items .address-item:has(> .address-item--header > input:checked) {
      border: 2px solid #61B04F; }
    .address-items .address-item--header {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 16px; }
      .address-items .address-item--header .checkmark-radio {
        position: relative;
        display: block; }
      .address-items .address-item--header .container-radio {
        padding: 0;
        margin: 0; }
      .address-items .address-item--header .name {
        font-size: 16px;
        font-weight: 600; }
    .address-items .address-item--content {
      font-size: 16px;
      font-weight: 400;
      margin-bottom: 16px; }
    .address-items .address-item--footer {
      display: flex;
      justify-content: space-between;
      gap: 16px; }
      .address-items .address-item--footer a {
        font-size: 16px;
        line-height: 21px;
        color: #0165B0 !important;
        font-weight: 600;
        text-decoration: underline;
        margin: 0 !important; }

#ordermsg.form-group {
  flex-direction: column !important;
  justify-content: start !important;
  align-items: flex-start; }
  #ordermsg.form-group label {
    width: 100% !important;
    flex: unset !important; }

#order #ordermsg textarea {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  border: 1px solid #333333;
  border-radius: 2px; }

#order #ordermsg {
  margin: 0; }
  #order #ordermsg h3, #order #ordermsg .h3 {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0;
    color: #000000;
    margin-bottom: 0;
    margin-top: 0; }
  #order #ordermsg label {
    margin-left: 0;
    margin-bottom: 0; }

#address_invoice_form, .address_delivery {
  flex-direction: column !important;
  text-align: left;
  justify-content: start;
  align-items: flex-start; }
  #address_invoice_form label, .address_delivery label {
    padding-left: 0 !important;
    width: 100%;
    flex: 1; }
  #address_invoice_form .bootstrap-select, #address_invoice_form .dropdown-toggle, .address_delivery .bootstrap-select, .address_delivery .dropdown-toggle {
    margin-left: 0; }

#HOOK_BEFORECARRIER > br:first-child {
  display: none; }

#order .order_carrier_content {
  background: #F4F4F4;
  padding: 0;
  margin: 0; }
  #order .order_carrier_content * {
    float: unset !important; }
  #order .order_carrier_content .check .box {
    background: #F4F4F4;
    padding: 0; }
    #order .order_carrier_content .check .box .checkbox {
      text-align: left;
      font-weight: 400;
      font-size: 16px;
      letter-spacing: 0; }

#order .order_carrier_content .delivery_options_address .carrier_title, .delivery_options_address .carrier_title {
  padding: 0;
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
  color: #000000;
  background: #F4F4F4; }
#order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item > div, .delivery_options_address .delivery_options .delivery_option.item > div {
  margin-bottom: 16px; }
#order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item table, #order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item tbody, #order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item td, .delivery_options_address .delivery_options .delivery_option.item table, .delivery_options_address .delivery_options .delivery_option.item tbody, .delivery_options_address .delivery_options .delivery_option.item td {
  display: block; }
#order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item table, .delivery_options_address .delivery_options .delivery_option.item table {
  height: auto;
  background: #F4F4F4;
  border: none; }
#order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item tr, .delivery_options_address .delivery_options .delivery_option.item tr {
  display: flex;
  align-items: center;
  background: white;
  border-radius: 8px;
  padding: 32px;
  gap: 17px;
  border: 2px solid white; }
  @media (max-width: 768px) {
    #order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item tr, .delivery_options_address .delivery_options .delivery_option.item tr {
      padding: 16px; } }
  #order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item tr td, .delivery_options_address .delivery_options .delivery_option.item tr td {
    padding: 0; }
  #order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item tr:has(> .delivery_option_radio > .container-radio > input:checked), .delivery_options_address .delivery_options .delivery_option.item tr:has(> .delivery_option_radio > .container-radio > input:checked) {
    border-color: #61B04F; }
  #order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item tr .checkmark-radio, .delivery_options_address .delivery_options .delivery_option.item tr .checkmark-radio {
    display: block; }
#order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item .delivery_option_radio, .delivery_options_address .delivery_options .delivery_option.item .delivery_option_radio {
  width: 16px;
  flex: 0 0 16px; }
#order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item .delivery_option_logo, .delivery_options_address .delivery_options .delivery_option.item .delivery_option_logo {
  width: 80px;
  flex: 0 0 80px; }
  @media (max-width: 768px) {
    #order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item .delivery_option_logo, .delivery_options_address .delivery_options .delivery_option.item .delivery_option_logo {
      display: none; } }
  #order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item .delivery_option_logo .order_carrier_logo_container, .delivery_options_address .delivery_options .delivery_option.item .delivery_option_logo .order_carrier_logo_container {
    width: 80px;
    height: 80px;
    border: none;
    border-radius: 8px;
    background: #F4F4F4; }
#order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item .delivery_option_name_container, .delivery_options_address .delivery_options .delivery_option.item .delivery_option_name_container {
  flex: 1;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0;
  font-weight: 400; }
  #order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item .delivery_option_name_container > strong, .delivery_options_address .delivery_options .delivery_option.item .delivery_option_name_container > strong {
    font-weight: 600; }
  @media (max-width: 768px) {
    #order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item .delivery_option_name_container, #order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item .delivery_option_name_container > strong, .delivery_options_address .delivery_options .delivery_option.item .delivery_option_name_container, .delivery_options_address .delivery_options .delivery_option.item .delivery_option_name_container > strong {
      font-size: 14px;
      line-height: 18px; } }
#order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item .delivery_option_price, .delivery_options_address .delivery_options .delivery_option.item .delivery_option_price {
  width: fit-content;
  min-width: 102px;
  max-width: 110px; }
  @media (max-width: 768px) {
    #order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item .delivery_option_price, .delivery_options_address .delivery_options .delivery_option.item .delivery_option_price {
      min-width: 58px; } }
  #order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item .delivery_option_price .delivery_option_price, .delivery_options_address .delivery_options .delivery_option.item .delivery_option_price .delivery_option_price {
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0;
    text-align: center; }
    #order .order_carrier_content .delivery_options_address .delivery_options .delivery_option.item .delivery_option_price .delivery_option_price.free, .delivery_options_address .delivery_options .delivery_option.item .delivery_option_price .delivery_option_price.free {
      color: #E30613; }

.checkbox > label {
  padding-left: 0; }
.checkbox input {
  width: 19px !important;
  height: 19px !important; }
.checkbox label {
  font-size: 12px;
  line-height: 1;
  color: #333333;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  width: 100%;
  flex: unset; }
  .checkbox label > p {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    vertical-align: middle;
    margin: 0;
    color: #333333; }
  .checkbox label .checkmark {
    position: relative;
    width: 19px;
    height: 19px;
    border: 1px solid #D6D4D4;
    box-shadow: none;
    flex: 0 0 19px; }
  .checkbox label input {
    margin: 0;
    border: 1px solid #D6D4D4;
    width: 19px;
    height: 19px !important;
    flex: 0 0 19px; }
  .checkbox label a {
    font-size: 12px !important;
    text-decoration: underline;
    font-weight: 400 !important;
    margin: 0;
    color: #333333 !important; }
    .checkbox label a:hover {
      text-decoration: underline; }

.step-item.payment #HOOK_PAYMENT, .step-item.payment .payment-ceiling-message {
  width: 100%;
  max-width: 100%; }
  @media (max-width: 768px) {
    .step-item.payment #HOOK_PAYMENT, .step-item.payment .payment-ceiling-message {
      padding-bottom: 8px; } }
  .step-item.payment #HOOK_PAYMENT .cart_navigation, .step-item.payment .payment-ceiling-message .cart_navigation {
    margin: 0; }
.step-item.payment .payment-ceiling-message {
  padding-top: 0; }
.step-item.payment #payment-methods .panel {
  border: none !important;
  box-shadow: none !important;
  border-radius: 8px; }
  .step-item.payment #payment-methods .panel .panel-heading {
    background: #fff;
    border: 2px solid #fff;
    border-radius: 8px;
    padding: 16px 32px; }
    @media (max-width: 768px) {
      .step-item.payment #payment-methods .panel .panel-heading {
        padding: 16px; } }
    .step-item.payment #payment-methods .panel .panel-heading .toggle-collapse {
      font-weight: 400 !important;
      font-size: 16px !important;
      line-height: 21px !important;
      letter-spacing: 0;
      color: #000000; }
      @media (max-width: 768px) {
        .step-item.payment #payment-methods .panel .panel-heading .toggle-collapse {
          font-size: 14px !important;
          line-height: 18px !important; } }
      .step-item.payment #payment-methods .panel .panel-heading .toggle-collapse span {
        display: flex;
        align-items: center;
        gap: 16px; }
      .step-item.payment #payment-methods .panel .panel-heading .toggle-collapse span:before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        flex: 0 0 16px;
        background: url("../img/icon/radio.svg") no-repeat center; }
    .step-item.payment #payment-methods .panel .panel-heading:has(+ .panel-collapse.in) {
      border-color: #61B04F; }
      .step-item.payment #payment-methods .panel .panel-heading:has(+ .panel-collapse.in) .toggle-collapse {
        font-weight: 600; }
        .step-item.payment #payment-methods .panel .panel-heading:has(+ .panel-collapse.in) .toggle-collapse span:before {
          background: url("../img/icon/radio-check.svg") no-repeat center; }
    .step-item.payment #payment-methods .panel .panel-heading .toggle-collapse {
      display: flex;
      flex-direction: row-reverse; }
      .step-item.payment #payment-methods .panel .panel-heading .toggle-collapse .payment-img {
        margin-left: auto;
        margin-bottom: 0; }
        @media (max-width: 768px) {
          .step-item.payment #payment-methods .panel .panel-heading .toggle-collapse .payment-img {
            width: 83px;
            flex: 0 0 83px; }
            .step-item.payment #payment-methods .panel .panel-heading .toggle-collapse .payment-img img {
              width: 100%;
              height: auto;
              object-fit: contain; } }
  .step-item.payment #payment-methods .panel .panel-collapse {
    border: none;
    background: #fff;
    border-radius: 8px;
    margin-top: 8px; }
.step-item.payment #payment-methods.panel-group > .row .payment_module > a {
  background: #fff;
  color: #000000;
  border: 2px solid #fff;
  border-radius: 8px;
  padding: 16px 32px !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0;
  display: flex;
  gap: 16px; }
  @media (max-width: 768px) {
    .step-item.payment #payment-methods.panel-group > .row .payment_module > a {
      font-size: 14px;
      line-height: 18px;
      padding: 16px !important; } }
  .step-item.payment #payment-methods.panel-group > .row .payment_module > a img, .step-item.payment #payment-methods.panel-group > .row .payment_module > a .alma-button--logo, .step-item.payment #payment-methods.panel-group > .row .payment_module > a .payment-img {
    order: 2;
    margin-left: auto;
    width: auto;
    margin-right: 0; }
    @media (max-width: 768px) {
      .step-item.payment #payment-methods.panel-group > .row .payment_module > a img, .step-item.payment #payment-methods.panel-group > .row .payment_module > a .alma-button--logo, .step-item.payment #payment-methods.panel-group > .row .payment_module > a .payment-img {
        width: 83px;
        flex: 0 0 83px;
        height: auto;
        object-fit: contain; } }
  .step-item.payment #payment-methods.panel-group > .row .payment_module > a .payment-img img, .step-item.payment #payment-methods.panel-group > .row .payment_module > a img {
    max-height: 50px; }
  .step-item.payment #payment-methods.panel-group > .row .payment_module > a .alma-button--logo img {
    width: auto; }
  .step-item.payment #payment-methods.panel-group > .row .payment_module > a .alma-button--text {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0; }
    .step-item.payment #payment-methods.panel-group > .row .payment_module > a .alma-button--text .alma-button--title {
      font-weight: 600;
      font-size: 16px;
      line-height: 21px;
      letter-spacing: 0; }
      @media (max-width: 768px) {
        .step-item.payment #payment-methods.panel-group > .row .payment_module > a .alma-button--text .alma-button--title {
          font-size: 14px;
          line-height: 18px; }
          .step-item.payment #payment-methods.panel-group > .row .payment_module > a .alma-button--text .alma-button--title + br {
            display: none; } }
    .step-item.payment #payment-methods.panel-group > .row .payment_module > a .alma-button--text .alma-button--description, .step-item.payment #payment-methods.panel-group > .row .payment_module > a .alma-button--text .alma-fee-plan--description {
      font-size: 16px;
      line-height: 21px;
      letter-spacing: 0;
      color: #000000; }
      @media (max-width: 768px) {
        .step-item.payment #payment-methods.panel-group > .row .payment_module > a .alma-button--text .alma-button--description, .step-item.payment #payment-methods.panel-group > .row .payment_module > a .alma-button--text .alma-fee-plan--description {
          font-size: 14px;
          line-height: 18px; } }
  .step-item.payment #payment-methods.panel-group > .row .payment_module > a:after {
    display: none;
    background-size: 16px;
    width: 24px !important;
    height: 24px !important;
    order: 3;
    position: relative;
    flex: 0 0 24px;
    margin: 0;
    right: 0; }
  .step-item.payment #payment-methods.panel-group > .row .payment_module > a:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url("../img/icon/radio.svg") no-repeat center;
    flex: 0 0 16px; }

.step-item.payment #payment-methods.panel-group > .row .payment_module:has(>.container-radio>input:checked) > a{
    border: 2px solid #61B04F
}

.step-item.payment #payment-methods.panel-group > .row .payment_module:has(>.container-radio>input:checked) > a:before{
    background: url('../img/icon/radio-check.svg') no-repeat center;
}

.step-item.payment #payment-methods .payment_module {
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 16px; }
  .step-item.payment #payment-methods .payment_module, .step-item.payment #payment-methods .payment_module a {
    background: #fff; }
.step-item.payment #payment-methods .payment_module .process-payment {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  padding: 5px; }
  .step-item.payment #payment-methods .payment_module .process-payment img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
.step-item.payment #payment-methods.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 0; }
.step-item.payment .btns {
  margin-top: 0;
  justify-content: space-between; }
  @media (max-width: 768px) {
    .step-item.payment .btns {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px; } }
  .step-item.payment .btns .checkbox {
    margin: 0 !important; }

#order .order_carrier_content .box .checkbox .container-checkbox {
  width: 100%;
  height: auto;
  display: flex; }

#order .order_carrier_content .box .checkbox a {
  display: inline;
  margin: 0; }

#order p.payment_module a .payment-img {
  flex-direction: row; }

#order p.payment_module#sdevmonetico_payment_button a:after {
  display: none; }

#order p.payment_module#sdevmonetico_payment_button a span, #order p.payment_module a span {
  color: #000;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 21px !important;
  letter-spacing: 0; }
  @media (max-width: 768px) {
    #order p.payment_module#sdevmonetico_payment_button a span, #order p.payment_module a span {
      font-size: 14px !important; } }
  #order p.payment_module#sdevmonetico_payment_button a span.title, #order p.payment_module a span.title {
    color: #000;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 21px !important; }
    @media (max-width: 768px) {
      #order p.payment_module#sdevmonetico_payment_button a span.title, #order p.payment_module a span.title {
        font-size: 14px !important; } }
    #order p.payment_module#sdevmonetico_payment_button a span.title span, #order p.payment_module a span.title span {
      font-weight: 400 !important; }


.order-content-wrapper .form-group:has(>.form-group){
    flex-wrap: wrap;
}
.order-content-wrapper .form-group:has(>.form-group) > input{
 flex: 0 0 calc(100% - 220px);
}
.order-content-wrapper .form-group:has(>.form-group) .form-group{
    flex: 0 0 100%;
}
.order-content-wrapper .form-group:has(>.form-group) .form-group > .col-md-3{
    display: none;
}

.order-content-wrapper .form-group .iti{
    width: 100%;
}

.order-content-wrapper .form-group .iti--separate-dial-code .iti__selected-flag{
    border-radius: 0;
}

.order-content-wrapper .form-group .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: #E7E7E7;
}

#order .order-content-wrapper{
    margin-top: 30px;
}

#order .page-heading, #order .heading-counter{
    display: none;
}

.header-checkout{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 14px;
}

.header-checkout .link-btn{
    flex: 0 0 30%;
    display: flex;
    align-items: center;
    gap: 24px;

}

.header-checkout .link-btn:last-child{
    justify-content: end;
}

.header-checkout--wrapper{
    border-bottom: 1px solid #D6D4D4;
}

.header-checkout .link-btn .back-panier{
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;

    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px 24px;
    border: 1px solid #D6D4D4;
    border-radius: 8px;
}

.header-checkout .link-btn .tel-horaire {
    text-align: right;
}

.header-checkout .link-btn .tel-horaire .tel,
.header-checkout .link-btn .tel-horaire .horaire{
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #0165B0;

}

.header-checkout .link-btn .tel-horaire .tel a{
    text-decoration: underline;
    color: #0165B0;
}

.header-checkout .link-btn .tel-horaire .horaire{
    color: #141414;
    font-weight: 400;
}

.header-checkout .link-btn .btn-tel{
    background: #0165B0;
    border-radius: 8px;
    padding: 14px 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.footer-checkout--wrapper{
    background: #F4F4F4;
}

.footer-checkout{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 14px;
}

@media (max-width: 768px) {
    .footer-checkout{
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 16px;
    }
}

.links,
.links a,
.links span{
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: #3F3F3F;
}

.links a:hover{
    text-decoration: underline;
}

.footer-checkout .logo{
    height: 40px;
    object-fit: contain;
}

.header-checkout:before,
.header-checkout:after,
.footer-checkout:before,
.footer-checkout:after
{
    display: none;
}


#order:has(>#page>.columns-container>.main-container>#center_column>.header-checkout--wrapper) #header,
#order:has(>#page>.columns-container>.main-container>#center_column>.header-checkout--wrapper) #container-breadcrumb,
#order:has(>#page>.columns-container>.main-container>#center_column>.header-checkout--wrapper) .footer-reassurances-container,
#order:has(>#page>.columns-container>.main-container>#center_column>.header-checkout--wrapper) .footer-container,
#order:has(>#page>.columns-container>.main-container>#center_column>.header-checkout--wrapper) .footer-copyright
{
    display: none;
}

.header-checkout .d-desktop{
    display: inline-block;
}
.header-checkout .d-mobile{
    display: none;
}

@media (max-width: 768px) {
    .header-checkout .d-desktop{
        display: none;
    }
    .header-checkout .d-mobile{
        display: inline-block;
    }

    .header-checkout  .link-btn > .btn-tel{
        display: none;
    }

    .header-checkout .link-btn{
        flex: 1;
    }

    .header-checkout .link-btn > a{
        flex: 1;
    }

    .header-checkout > a img{
        width: 100%;
        height: auto;
    }

    .header-checkout .link-btn > .tel-horaire{
        display: flex;
        flex-direction: column;
        justify-content: end;
        gap: 4px;
    }

    .header-checkout .link-btn .tel-horaire .tel, .header-checkout .link-btn .tel-horaire .horaire{
        font-size: 11px;
    }

    .header-checkout .link-btn > .tel-horaire > .tel{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .header-checkout .link-btn > .tel-horaire > .tel > .d-mobile{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
    }

    .header-checkout .link-btn .back-panier {
        padding: 10px 8px;
        color: #333333;
        font-size: 10px;
    }

    .header-checkout .link-btn > .tel-horaire > .horaire{
        white-space: nowrap;
    }

    .header-checkout {
        gap: 8px;
        padding: 11px 15px;
    }
}