/*.next-step, .previous-step, .btn:hover {
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
            text-align: center;
            font-size: 15px;
            font-weight: 500;
            border-radius: 3px;
        }

        .next-step {
            border: none;
            color: #fff;
            background: #ffac4e;
            padding: 12px 30px;
            float: right;
        }

        .previous-step {
            background-color: #f0f0f0;
            color: #777;
            padding: 8px 30px;
            height: 50px;
        }

        .btn:hover {
            background-color: #ffc584;
            color: #fff;
        }

        .button-back, .button-next {
            display: none;
        }

        .scale-in {
            animation: scaleIn 0.5s ease forwards;
        }

        .hidden-opacity {
            opacity: 0;
        }

        @keyframes scaleIn {
            0% {
                transform: scale(0.8);
                opacity: 0;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        .slide-in-right {
            animation: slideInRight 0.5s ease forwards;
        }

        .slide-out-left {
            animation: slideOutLeft 0.5s ease forwards;
        }

        @keyframes slideInRight {
            0% {
                transform: translateX(100%);
                opacity: 0;
            }
            100% {
                transform: translateX(0);
                opacity: 1;
            }
        }

        @keyframes slideOutLeft {
            0% {
                transform: translateX(0);
                opacity: 1;
            }
            100% {
                transform: translateX(-100%);
                opacity: 0;
            }
        }

        ul {
          list-style: none;
        }

        li {
          margin-top: 1em;
        }

        label {
          font-weight: 400;
        }

        #option:checked {
            accent-color: #555; /* Change checkbox color when checked */
            opacity: 100%;
          }

          /* Customizing all sub-checkboxes */
          .subOption:checked {
            accent-color: #555; /* Change color when checked */
            opacity: 100%;
          }

          /* Reducing the tick size */
          input[type="checkbox"] {
            transform: scale(0.9); /* Make the tick smaller */
            accent-color: #555;
            opacity: 40%;
          }*/