﻿body {
                    font-family: sans-serif;
                    font-weight: 500;
                  }

                  .info {
                    padding: 24px 12px 42px 12px;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    color: #ffffff;
                  }

                  .price-btn {
                    font-family: 'Unbounded', sans-serif;
                    url("fonts/Unbounded-Black.woff") format("woff");
                    background-color: #FFD705;
                    border: 0;
                    width: 92%;
                    height: 45px;
                    border-radius: 30px;
                    cursor: pointer;
                    font-weight: 500;
                  }

                  .price-btn2 {
                    font-family: 'Unbounded', sans-serif;
                    url("fonts/Unbounded-Black.woff") format("woff");
                    font-size: 14px;
                    background-color: #FFD705;
                    border: 0;
                    height: 45px;
                    border-radius: 30px;
                    cursor: pointer;
                    font-weight: 500;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #333333 !important;
                  }

                  .price-left {
                    font-family: 'Unbounded', sans-serif;
                    url("fonts/Unbounded-Black.woff") format("woff");
                    color: #FFD705;
                    font-size: 22px;
                    white-space: nowrap;
                  }

                  .price-right {
                    font-family: 'Unbounded', sans-serif;
                    url("fonts/Unbounded-Black.woff") format("woff");
                    font-size: 12px;
                    margin-right: 10px;
                    margin-left: 20px;
                    color: #999999;
                    white-space: nowrap;
                  }

                  .btm-info {
                    font-size: 12px;
                  }

                  .price {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                  }

                  .custom-color {
                    color: #ffd705;
                  }

                  .title {
                    font-family: 'Unbounded', sans-serif;
                    url("fonts/Unbounded-Black.woff") format("woff");
                    font-size: 20px;
                  }

                  .container {
                    max-width: 1140px;
                  }

                  .illustration-container {
                    width: 90%;
                    height: 350px;
                    display: flex;
                    flex-wrap: nowrap;
                    gap: 20px;
                  }

                  .card {
                    width: 280px;
                    height: 310px;
                    display: flex;
                    border-radius: 30px;
                    overflow: hidden;
                    position: relative;
                    transition: all 0.4s ease-in-out;
                    background-color: #444444;
                  }

                  .card:hover {
                    transform: translateY(-40px);
                    width: 400px;
                    height: 102%;
                  }

                  @media screen and (max-width:640px) {
                    .illustration-container {
                      gap: 10px;
                    }

                    .card {
                      border-radius: 20px;
                    }
                  }