.delivery_payment_layout {
  .delivery_payment_container {
    padding-top: 20px;

    .delivery_payment_title_container {
      width: max-content;
      margin-bottom: 27px;

      .delivery_payment_title {
        font-size: 24px;
        line-height: 23px;
        color: $black-color;
        font-family: $main-font;
        font-weight: 700;
        position: relative;

        &:after {
          position: absolute;
          content: '';
          background-color: $yellow-color;
          height: 3px;
          left: 0;
          right: 0;
          bottom: -5px;
        }
      }
    }

    .delivery_payment_section {
      width: 100%;
      margin-bottom: 62px;
      @media(max-width: 1199px) {
        margin-bottom: 21px;
      }

      hr {
        height: 5px;
        background-color: $yellow-color;
        color: $yellow-color;
        border-top: 0 !important;
      }

      .delivery_payment_subtitle_div {
        padding-right: 5px;
        padding-left: 5px;
        background-color: $white-color;
        left: 198px;
        position: relative;
        top: -29px;
        width: max-content;
        @media(max-width: 1199px) {
          left: 15px;
        }

        .delivery_payment_subtitle {
          font-size: 24px;
          line-height: 23px;
          color: $black-color;
          font-family: $main-font;
          font-weight: 700;
          @media(max-width: 1199px) {
            font-size: 18px;
            line-height: 17px;
          }
        }
      }

      .delivery_payment_section_div {
        justify-content: space-between;
        display: flex;
        width: 100%;
        @media(max-width: 1199px) {
          flex-wrap: wrap;
          width: 100%;
        }
        @media(min-width: 1200px) {
          padding-right: 50px;
          padding-left: 50px;
        }

        .delivery_payment_img_container {
          align-items: center;
          display: flex;
          @media(max-width: 1199px) {
            width: 100%;
            justify-content: center;
            margin-bottom: 20px;
          }

          .delivery_payment_nowa_poshta {
            width: 180px;
            height: 64px;
            @media(max-width: 1199px) {
              width: 96px;
              height: 36px;
            }
          }

          .delivery_payment_delivery {
            width: 98px;
            height: 68px;
            @media(max-width: 1199px) {
              width: 100px;
              height: 60px;
            }
          }

          .delivery_payment_liqpay {
            width: 110px;
            height: 24px;
          }

          .delivery_payment_ordering {
            width: 110px;
            height: 66px;
          }

          .delivery_payment_delivery_location {
            width: 60px;
            height: 74px;
          }

          .delivery_payment_rules {
            width: 60px;
            height: 60px;
          }
        }

        .delivery_payment_div {
          width: 63%;
          @media(max-width: 1199px) {
            width: 100%;
          }

          .delivery_payment_p,
          .delivery_payment_link {
            margin-bottom: 10px;
            font-size: 16px;
            line-height: 130%;
            color: $black-color;
            font-family: $main-font;

            .mail {
              text-decoration: underline;
              text-decoration-color: $black-color;
            }
          }

          .delivery_payment_ol {
            list-style-type: decimal;
            @media(max-width: 1199px) {
              padding-left: 16px;
            }
          }
        }
      }

      .delivery_payment_condition_div {
        border: 1px solid $yellow-color;
        padding: 22px 40px;
        margin: 0 auto;
        width: 73%;
        margin-top: 29px;
        position: relative;
        @media(max-width: 1199px) {
          width: 100%;
          padding: 20px;
          margin-bottom: 35px;
        }

        .delivery_payment_condition_container {
          width: max-content;
          position: absolute;
          top: -8px;
          background-color: $white-color;
          padding-right: 5px;
          padding-left: 5px;

          .delivery_payment_condition_title {
            font-size: 20px;
            line-height: 19px;
            color: $black-color;
            font-family: $main-font;
            font-weight: 700;
            @media(max-width: 1199px) {
              font-size: 18px;
              line-height: 17px;
            }
          }
        }

        .delivery_payment_condition_p {
          color: $black-color;
          font-family: $main-font;
          font-size: 16px;
          line-height: 130%;
          font-weight: 700;
        }
      }
    }
  }
}