.in-the-box-note-section {
            background-color: #FFFFFF;
          }
          .in-the-box-note-section .note-dim-front-wrapper {
            position: relative;
            width: 240px;
          }
          .in-the-box-note-section .note-dim-h-wrapper {
            width: 240px;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 14px;
            gap: 8px;
          }
          .in-the-box-note-section .note-dim-bottom-wrapper {
            position: relative;
            width: 240px;
            margin-top: 26px;
          }
          .in-the-box-note-section .accessories-row-top.note-row-3 {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 40px;
          }
          .in-the-box-note-section .accessories-row-bottom.note-row-2 {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 72px;
          }
          .in-the-box-note-section .note-row-3 .accessory-item {
            width: 150px;
          }
          .in-the-box-note-section .note-row-2 .accessory-item {
            width: 170px;
          }
          .in-the-box-note-section .note-row-3 .accessory-visual {
            height: 125px;
            align-items: center;
          }
          .in-the-box-note-section .note-row-2 .accessory-visual {
            height: 155px;
            align-items: center;
          }
          .in-the-box-note-section .acc-img-cable {
            max-height: 105px !important;
            max-width: 105px !important;
          }
          .in-the-box-note-section .acc-img-adapter {
            max-height: 58px !important;
            max-width: 58px !important;
          }
          .in-the-box-note-section .acc-img-ring {
            max-height: 100px !important;
            max-width: 100px !important;
          }
          .in-the-box-note-section .acc-img-case {
            max-height: 145px !important;
            max-width: 150px !important;
          }
          .in-the-box-note-section .acc-img-guide {
            max-height: 135px !important;
            max-width: 135px !important;
          }
          @media (max-width: 960px) {
            .in-the-box-note-section .dimensions-col {
              margin-left: 20px;
              align-items: center;
            }
            .in-the-box-note-section .note-dim-front-wrapper,
            .in-the-box-note-section .note-dim-h-wrapper,
            .in-the-box-note-section .note-dim-bottom-wrapper {
              width: 180px;
            }
            .in-the-box-note-section .accessories-col {
              display: flex;
              flex-direction: column;
              align-items: center;
              gap: 28px;
              width: 100%;
              max-width: 100%;
              margin: 0 auto;
            }
            .in-the-box-note-section .accessories-row-top.note-row-3 {
              display: flex;
              justify-content: center;
              align-items: flex-end;
              gap: 10px;
              width: 100%;
            }
            .in-the-box-note-section .accessories-row-bottom.note-row-2 {
              display: flex;
              justify-content: center;
              align-items: flex-end;
              gap: 28px;
              width: 100%;
            }
            .in-the-box-note-section .note-row-3 .accessory-item {
              width: 102px;
              flex: 0 0 102px;
              display: flex;
              flex-direction: column;
              align-items: center;
              text-align: center;
            }
            .in-the-box-note-section .note-row-2 .accessory-item {
              width: 135px;
              flex: 0 0 135px;
              display: flex;
              flex-direction: column;
              align-items: center;
              text-align: center;
            }
            .in-the-box-note-section .note-row-3 .accessory-visual {
              height: 90px;
              display: flex;
              align-items: center;
              justify-content: center;
              width: 100%;
            }
            .in-the-box-note-section .note-row-2 .accessory-visual {
              height: 120px;
              display: flex;
              align-items: center;
              justify-content: center;
              width: 100%;
            }
            .in-the-box-note-section .acc-img-cable {
              max-height: 78px !important;
              max-width: 78px !important;
            }
            .in-the-box-note-section .acc-img-adapter {
              max-height: 44px !important;
              max-width: 44px !important;
            }
            .in-the-box-note-section .acc-img-ring {
              max-height: 74px !important;
              max-width: 74px !important;
            }
            .in-the-box-note-section .acc-img-case {
              max-height: 110px !important;
              max-width: 115px !important;
            }
            .in-the-box-note-section .acc-img-guide {
              max-height: 105px !important;
              max-width: 105px !important;
            }
            .in-the-box-note-section .note-row-3 .accessory-name {
              font-size: 11.5px;
              font-weight: 600;
              line-height: 15px;
              margin-top: 8px;
              text-align: center;
              white-space: normal;
              word-break: break-word;
            }
            .in-the-box-note-section .note-row-2 .accessory-name {
              font-size: 13px;
              font-weight: 600;
              line-height: 17px;
              margin-top: 10px;
              text-align: center;
              white-space: normal;
              word-break: break-word;
            }
          }