.webform-submission-company-financing-form {
  
    > section > .webform-section-wrapper {
      padding: var(--section-padding) 0;
      display: grid;
      grid-template-areas: "form image";
      grid-template-columns: 1fr 48%;
      grid-gap: 56px 87px;
      padding-bottom: 56px;
            
      &.hide {
        display: none;
        
      }
    }

    .js-form-item-kroki {
        grid-template-columns: repeat(2, 1fr);
    }

    #edit-actions {
        display: none;
    }

    .form-item-match-financing {
        width: 100%;
        display: grid;

        label {
            display: none;
        }
    }

    [data-drupal-selector="edit-fill-form"],.lead-left-top {
        grid-area: form;
        padding-left: var(--grid-padding);
        
        .buttons > a {
          display: inline-flex;
          margin-right: 20px;
        }

        .webform-section-title, h3, .h3 {
            color: var(--color-blue-2);
            font-size: var(--font-size-32);
            margin-bottom: 30px;
        }

        .webform-section-wrapper {
            display: grid;
            grid-gap: 40px;
        }

        .fieldset-legend {
            color: var(--color-blue-2);
            font-size: var(--font-size-18);
            margin-bottom: 20px;
            display: block;
        }

        .mobile {
            display: none;
        }
        
        .summary {
          padding: var(--font-size-14) 0;
        }
        
        .summary > div {
          margin-bottom: var(--font-size-14);
          color: var(--color-gray-4);
          font-size: var(--font-size-14);
          
        }

        .fieldset-wrapper {
            .js-webform-radios {
                display: flex;
                flex-wrap: wrap;
                gap: 20px 40px;

                /* RADIOS */
                .js-form-type-radio {
                    input {
                        display: none;
                    }

                    label {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 12px;

                        &::before {
                            content: url("../../images/icons/radio-false-1.svg");
                            width: 24px;
                            height: 24px;
                        }
                    }

                    &:has(input:checked) {

                        label {
                            color: var(--color-blue-2) !important;
                            text-shadow: 0.5px 0px 0px rgba(36, 55, 130, 1);

                            &::before {
                                content: url("../../images/icons/radio-true-1.svg");
                            }
                        }
                    }
                }

                .option {
                    font-size: var(--font-size-16);
                    color: var(--color-gray-10);



                }
            }
        }
    }


    .desktop.background,.lead-right-top {
        padding-right: var(--grid-padding);
        grid-area: image;
        box-sizing: content-box !important;
        /* aspect-ratio: 538/621; */
        max-height: 100%;

        display: grid;

        
        label,
        img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        table {
            width: 100%;          
        }
        
        tbody {

          tr {
              /* display: grid;
              grid-template-columns: 165px 1fr;
              grid-gap: 12px; */
          }

          tr:nth-child(1) {
              td {
                  position: relative;
                  padding-bottom: 10px;

                  &:after {
                      content: '';
                      position: absolute;
                      top: 0;
                      left: 3px;
                      right: 3px;
                      height: 6px;
                      background: rgb(233, 78, 36);
                  }

                  * {
                      display: none;
                  }
              }

              td:nth-of-type(1) {
                  border: none !important;
                  position: relative;

                  &:after {
                      content: '';
                      position: absolute;
                      top: 0;
                      left: 3px;
                      right: 3px;
                      height: 6px;
                      background: transparent !important;
                      border-top: 6px dashed rgb(233, 78, 36) !important;

                  }

                  * {
                      display: none;
                  }


              }

              td:nth-last-of-type(1) {
                  border: none !important;
                  position: relative;

                  &:after {
                      content: '';
                      position: absolute;
                      top: 0;
                      left: 3px;
                      right: 3px;
                      height: 6px;
                      background: rgb(233, 78, 36);
                      background: linear-gradient(90deg, rgba(233, 78, 36, 1) 0%, rgba(255, 255, 255, 1) 100%);
                  }

                  * {
                      display: none;
                  }
              }
          }

          tr:nth-child(2) {
              p {
                  padding: 0 3px;
                  font-size: var(--font-size-16);
                  font-weight: var(--font-semibold);
                  color: var(--color-gray-4);
              }

              p.small {
                  font-size: var(--font-size-14);
                  font-weight: var(--font-medium);
                  color: #7E7E7E;
              }
          }
      }
    }
}


@media(max-width: 991px) {
    .webform-submission-company-financing-form {
        padding-bottom: 36px;
        gap: 30px;
        grid-template-columns: 1fr;
        grid-template-areas: "tabs" "form";

        .js-form-item-kroki {
            /* grid-template-columns: repeat(1, 1fr); */
        }

        >.js-form-wrapper.form-wrapper {
            padding: 0 var(--grid-padding);

            .webform-section-title {
                font-size: var(--font-size-28);
            }


            .mobile {
                display: block;
                margin-left: calc(var(--grid-padding) * -1);
                margin-right: calc(var(--grid-padding) * -1);

                .field__item {
                    aspect-ratio: 375/177;
                    display: grid;
                }

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }

            .webform-section-wrapper {
                grid-gap: 32px;
            }
        }

        .desktop.background {
            display: none;
        }
    }
}