.index-category {
  margin-top: 2.4em;
  margin-bottom: 5rem; }
  @media (max-width: 1023px) {
    .index-category {
      margin-top: 24px;
      margin-bottom: 54px; } }
  .index-category__item {
    aspect-ratio: 1;
    background: #F8F8F8;
    transition: all ease .3s;
    padding: 2.4rem;
    display: flex;
    flex-direction: column;
    border-radius: .4rem; }
    @media (max-width: 1023px) {
      .index-category__item {
        border-radius: 4px; } }
    @media (min-width: 768px) {
      .index-category__item:hover {
        cursor: pointer;
        box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.13); }
        .index-category__item:hover .lazy-img-wrap {
          transform: scale(1.05); } }
  .index-category__image {
    width: 100%;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    .index-category__image .lazy-img-wrap {
      position: absolute;
      inset: 0;
      transition: all ease .3s; }
    .index-category__image img {
      max-height: 100%;
      max-width: 100%; }
  .index-category__title {
    text-align: center;
    height: 4rem; }
  .index-category__bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='632' height='380' viewBox='0 0 632 380' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M151.842 90.3349C151.842 101.386 147.799 110.093 139.712 116.456C131.681 122.819 120.484 126 106.119 126C92.8859 126 81.1795 123.544 71 118.633V94.5209C79.3698 98.2047 86.4389 100.8 92.2073 102.307C98.0322 103.814 103.348 104.567 108.155 104.567C113.923 104.567 118.335 103.479 121.388 101.302C124.499 99.1256 126.054 95.8884 126.054 91.5907C126.054 89.1907 125.375 87.0698 124.018 85.2279C122.661 83.3302 120.653 81.5163 117.995 79.7861C115.394 78.0558 110.05 75.293 101.963 71.4977C94.3845 67.9814 88.701 64.6047 84.912 61.3674C81.1229 58.1302 78.0974 54.3628 75.8353 50.0651C73.5731 45.7674 72.4421 40.7442 72.4421 34.9953C72.4421 24.1674 76.1463 15.6558 83.5547 9.46047C91.0196 3.26512 101.312 0.167442 114.432 0.167442C120.879 0.167442 127.015 0.92093 132.84 2.42791C138.722 3.93488 144.858 6.05581 151.248 8.7907L142.765 28.9674C136.149 26.2884 130.663 24.4186 126.309 23.3581C122.011 22.2977 117.769 21.7674 113.584 21.7674C108.608 21.7674 104.79 22.9116 102.132 25.2C99.4743 27.4884 98.1453 30.4744 98.1453 34.1581C98.1453 36.4465 98.6825 38.4558 99.757 40.1861C100.832 41.8605 102.528 43.507 104.847 45.1256C107.222 46.6884 112.792 49.5349 121.558 53.6651C133.151 59.1349 141.097 64.6326 145.395 70.1581C149.693 75.6279 151.842 82.3535 151.842 90.3349Z' fill='%23FAFAFB' fill-opacity='0.1'/%3E%3Cpath d='M245.748 124.326H174.322V1.92558H245.748V23.1907H200.619V50.0651H242.609V71.3302H200.619V102.893H245.748V124.326Z' fill='%23FAFAFB' fill-opacity='0.1'/%3E%3Cpath d='M384.274 62.9581C384.274 83.2186 379.184 98.7907 369.004 109.674C358.825 120.558 344.234 126 325.233 126C306.231 126 291.64 120.558 281.461 109.674C271.281 98.7907 266.192 83.1628 266.192 62.7907C266.192 42.4186 271.281 26.8744 281.461 16.1581C291.697 5.38605 306.344 0 325.402 0C344.46 0 359.023 5.41395 369.089 16.2419C379.212 27.0698 384.274 42.6419 384.274 62.9581ZM293.761 62.9581C293.761 76.6326 296.391 86.9302 301.65 93.8512C306.91 100.772 314.77 104.233 325.233 104.233C346.214 104.233 356.704 90.4744 356.704 62.9581C356.704 35.386 346.27 21.6 325.402 21.6C314.94 21.6 307.051 25.0884 301.735 32.0651C296.419 38.986 293.761 49.2837 293.761 62.9581Z' fill='%23FAFAFB' fill-opacity='0.1'/%3E%3Cpath d='M520 124.326H486.577L432.626 31.7302H431.863C432.937 48.0837 433.474 59.7488 433.474 66.7256V124.326H409.977V1.92558H443.145L497.011 93.6H497.605C496.757 77.693 496.333 66.4465 496.333 59.8605V1.92558H520V124.326Z' fill='%23FAFAFB' fill-opacity='0.1'/%3E%3Cpath d='M80.8421 215.335C80.8421 226.386 76.7985 235.093 68.7115 241.456C60.681 247.819 49.4836 251 35.1192 251C21.8859 251 10.1795 248.544 0 243.633V219.521C8.3698 223.205 15.4389 225.8 21.2073 227.307C27.0322 228.814 32.3481 229.567 37.1551 229.567C42.9235 229.567 47.3346 228.479 50.3884 226.302C53.4988 224.126 55.054 220.888 55.054 216.591C55.054 214.191 54.3754 212.07 53.0181 210.228C51.6609 208.33 49.6533 206.516 46.9953 204.786C44.3939 203.056 39.0496 200.293 30.9626 196.498C23.3845 192.981 17.701 189.605 13.912 186.367C10.1229 183.13 7.09736 179.363 4.83525 175.065C2.57315 170.767 1.44209 165.744 1.44209 159.995C1.44209 149.167 5.14629 140.656 12.5547 134.46C20.0196 128.265 30.3122 125.167 43.4325 125.167C49.8795 125.167 56.0154 125.921 61.8404 127.428C67.7218 128.935 73.8578 131.056 80.2483 133.791L71.7654 153.967C65.1487 151.288 59.6631 149.419 55.3085 148.358C51.0105 147.298 46.7691 146.767 42.5842 146.767C37.6075 146.767 33.7902 147.912 31.1322 150.2C28.4743 152.488 27.1453 155.474 27.1453 159.158C27.1453 161.447 27.6825 163.456 28.757 165.186C29.8315 166.86 31.5281 168.507 33.8468 170.126C36.222 171.688 41.7924 174.535 50.5581 178.665C62.1514 184.135 70.097 189.633 74.3951 195.158C78.6931 200.628 80.8421 207.353 80.8421 215.335Z' fill='%23FAFAFB' fill-opacity='0.1'/%3E%3Cpath d='M174.748 249.326H103.322V126.926H174.748V148.191H129.619V175.065H171.609V196.33H129.619V227.893H174.748V249.326Z' fill='%23FAFAFB' fill-opacity='0.1'/%3E%3Cpath d='M313.274 187.958C313.274 208.219 308.184 223.791 298.004 234.674C287.825 245.558 273.234 251 254.233 251C235.231 251 220.64 245.558 210.461 234.674C200.281 223.791 195.192 208.163 195.192 187.791C195.192 167.419 200.281 151.874 210.461 141.158C220.697 130.386 235.344 125 254.402 125C273.46 125 288.023 130.414 298.089 141.242C308.212 152.07 313.274 167.642 313.274 187.958ZM222.761 187.958C222.761 201.633 225.391 211.93 230.65 218.851C235.91 225.772 243.77 229.233 254.233 229.233C275.214 229.233 285.704 215.474 285.704 187.958C285.704 160.386 275.27 146.6 254.402 146.6C243.94 146.6 236.051 150.088 230.735 157.065C225.419 163.986 222.761 174.284 222.761 187.958Z' fill='%23FAFAFB' fill-opacity='0.1'/%3E%3Cpath d='M449 249.326H415.577L361.626 156.73H360.863C361.937 173.084 362.474 184.749 362.474 191.726V249.326H338.977V126.926H372.145L426.011 218.6H426.605C425.757 202.693 425.333 191.447 425.333 184.86V126.926H449V249.326Z' fill='%23FAFAFB' fill-opacity='0.1'/%3E%3Cpath d='M301.842 343.335C301.842 354.386 297.799 363.093 289.712 369.456C281.681 375.819 270.484 379 256.119 379C242.886 379 231.179 376.544 221 371.633V347.521C229.37 351.205 236.439 353.8 242.207 355.307C248.032 356.814 253.348 357.567 258.155 357.567C263.923 357.567 268.335 356.479 271.388 354.302C274.499 352.126 276.054 348.888 276.054 344.591C276.054 342.191 275.375 340.07 274.018 338.228C272.661 336.33 270.653 334.516 267.995 332.786C265.394 331.056 260.05 328.293 251.963 324.498C244.385 320.981 238.701 317.605 234.912 314.367C231.123 311.13 228.097 307.363 225.835 303.065C223.573 298.767 222.442 293.744 222.442 287.995C222.442 277.167 226.146 268.656 233.555 262.46C241.02 256.265 251.312 253.167 264.432 253.167C270.879 253.167 277.015 253.921 282.84 255.428C288.722 256.935 294.858 259.056 301.248 261.791L292.765 281.967C286.149 279.288 280.663 277.419 276.309 276.358C272.011 275.298 267.769 274.767 263.584 274.767C258.608 274.767 254.79 275.912 252.132 278.2C249.474 280.488 248.145 283.474 248.145 287.158C248.145 289.447 248.683 291.456 249.757 293.186C250.832 294.86 252.528 296.507 254.847 298.126C257.222 299.688 262.792 302.535 271.558 306.665C283.151 312.135 291.097 317.633 295.395 323.158C299.693 328.628 301.842 335.353 301.842 343.335Z' fill='%23FAFAFB' fill-opacity='0.1'/%3E%3Cpath d='M395.748 377.326H324.322V254.926H395.748V276.191H350.619V303.065H392.609V324.33H350.619V355.893H395.748V377.326Z' fill='%23FAFAFB' fill-opacity='0.1'/%3E%3Cpath d='M534.274 315.958C534.274 336.219 529.184 351.791 519.004 362.674C508.825 373.558 494.234 379 475.233 379C456.231 379 441.64 373.558 431.461 362.674C421.281 351.791 416.192 336.163 416.192 315.791C416.192 295.419 421.281 279.874 431.461 269.158C441.697 258.386 456.344 253 475.402 253C494.46 253 509.023 258.414 519.089 269.242C529.212 280.07 534.274 295.642 534.274 315.958ZM443.761 315.958C443.761 329.633 446.391 339.93 451.65 346.851C456.91 353.772 464.77 357.233 475.233 357.233C496.214 357.233 506.704 343.474 506.704 315.958C506.704 288.386 496.27 274.6 475.402 274.6C464.94 274.6 457.051 278.088 451.735 285.065C446.419 291.986 443.761 302.284 443.761 315.958Z' fill='%23FAFAFB' fill-opacity='0.1'/%3E%3Cpath d='M670 377.326H636.577L582.626 284.73H581.863C582.937 301.084 583.474 312.749 583.474 319.726V377.326H559.977V254.926H593.145L647.011 346.6H647.605C646.757 330.693 646.333 319.447 646.333 312.86V254.926H670V377.326Z' fill='%23FAFAFB' fill-opacity='0.1'/%3E%3Cpath d='M193 377.326H159.577L105.626 284.73H104.862C105.937 301.084 106.474 312.749 106.474 319.726V377.326H82.9766V254.926H116.145L170.011 346.6H170.605C169.757 330.693 169.333 319.447 169.333 312.861V254.926H193V377.326Z' fill='%23FAFAFB' fill-opacity='0.1'/%3E%3C/svg%3E%0A");
    z-index: 0; }
  .index-category .index-category__item-all {
    position: relative;
    background: linear-gradient(226.55deg, rgba(13, 45, 255, 0.6) 2.61%, rgba(254, 114, 53, 0.6) 66.86%), #0d2dff;
    background-position: 100% 0px;
    background-size: 300%;
    transition: all 0.3s ease; }
    .index-category .index-category__item-all a {
      color: #fff; }
      @media (min-width: 1024px) {
        .index-category .index-category__item-all a:hover {
          color: #fff; } }
    @media (min-width: 768px) {
      .index-category .index-category__item-all:hover {
        cursor: pointer;
        background: linear-gradient(226.55deg, rgba(13, 45, 255, 0.6) 2.61%, rgba(254, 114, 53, 0.6) 66.86%), #0d2dff;
        background-size: 100%; } }
    .index-category .index-category__item-all:after {
      position: absolute;
      content: attr(data-content);
      text-transform: uppercase;
      font-size: 128px;
      color: #fff;
      opacity: 0.1; }
  .index-category .splide.is-active .splide__arrows {
    opacity: 1;
    visibility: visible; }
  .index-category .splide__track {
    padding: 1.6rem 0; }
  @media (max-width: 575px) {
    .index-category .splide__list {
      display: grid !important;
      grid-template-columns: 1fr 1fr;
      gap: 24px; } }
  @media (max-width: 575px) {
    .index-category .splide__slide:nth-child(n + 5) {
      display: none; } }
  @media (max-width: 575px) {
    .index-category .splide__arrows {
      display: none; } }
  .index-category .mobile-link {
    display: none; }
    @media (max-width: 575px) {
      .index-category .mobile-link {
        display: flex; } }