/* Main container for each radio button */
   .aiz-megabox {
   position: relative;
   display: flex;
   align-items: center;
   }
   /* Hiding the native radio input but keeping it accessible */
   .aiz-radio {
   position: absolute;
   opacity: 0;
   z-index: -1;
   }
   /* Styling the label to look like a button */
   .btn-label {
   padding: 0px 5px;
   border: 1px solid #dee2e6; /* Light gray border */
   border-radius: 5px;
   background-color: #f8f9fa; /* Bootstrap light gray */
   color: #495057; /* Bootstrap text color */
   cursor: pointer;
   transition: all 0.3s ease-in-out;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   width: 100%;
   font-size: 12px;
   font-weight: 500;
   }
   /* Style when the radio input is checked */
   .aiz-radio:checked + .btn-label {
   background-color: var(--theme2);
   color: #f8f9fa;
   border-color: var(--theme2);
   font-size: 12px;
   font-weight: 500;
   }
   /* Focused state for accessibility */
   .aiz-radio:focus + .btn-label {
   outline: none;
   box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); /* Focus ring */
   }
   /* Hover effect for a nicer interaction */
   .btn-label:hover {
   background-color: #e9ecef; /* Slightly darker gray on hover */
   border-color: #adb5bd;
   }
   #product-background {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 75%;
   background-color: #3aadc0;
   z-index: -1;
   }
   .left {
   border-radius: 12px;
   background: #28777d;
   width: 100%;
   min-height: 420px;
   overflow: hidden;
   position: relative;
   transform: translate(4rem, 0);
   box-shadow: rgba(21, 64, 67, 0.45) 4px 5px 15px 1px;
   }
   @media (max-width: 991px) {
   .left {
   display: none !important;
   }
   }
   .left img {
   height: 100%;
   position: absolute;
   right: 0;
   opacity: 0.4;
   }
   .right {
   display: flex;
   width: 100%;
   min-height: 380px;
   background: white;
   transform: translateX(-4rem);
   border-radius: 12px;
   padding: 2rem 1rem;
   box-shadow: 0 0 0 1px #fff, 14px 10px 29px -10px rgba(0, 0, 0, 0.5);
   }
   .right .book {
   position: absolute;
   height: 90%;
   transform: translate(-70%, -5%);
   filter: drop-shadow(-4px 8px 8px #0c1f2c);
   max-height: 380px;
   }
   .right .product-info {
   color: black;
   margin-left: 5.5rem;
   padding-right: 1rem;
   flex-grow: 1;
   }
   .right .product-info h1 {
   font-family: "Roboto Condensed", Helvetica, Arial, Verdana, Tahoma, sans-serif;
   line-height: 1;
   margin-bottom: 0.5rem;
   }
   .right .product-info h4 {
   position: relative;
   font-family: "Roboto Condensed", Helvetica, Arial, Verdana, Tahoma, sans-serif;
   font-size: 1rem;
   letter-spacing: 0.1rem;
   text-transform: uppercase;
   opacity: 0.4;
   margin-bottom: 0.25rem;
   }
   .right .product-info h4::after {
   content: "";
   border-bottom: 1px solid white;
   position: absolute;
   top: 45%;
   margin-left: 10px;
   width: 20px;
   }
   .right .product-info p {
   line-height: normal;
   margin-bottom: 0.5rem;
   }
   @media (max-width: 991px) {
   .right {
   max-width: 100%;
   height: auto;
   position: relative;
   padding: 2rem;
   left: 0;
   transform: translate(0);
   }
   @media (max-width: 768px) {
       .imgproduct {
           width: 100%;
       }
   .right {
   max-width: 100%;
   height: auto;
   position: relative;
   padding: 20px 0px 20px 0px;
   left: 0;
   transform: translate(0);
   --bs-gutter-x: 0%;
    --bs-gutter-y: 0%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    margin-right: 0%;
    margin-left: 0%;
   }
   .right .product-info {
   margin-left: 14rem;
   border-left: unset !important;
   }
   .right .book {
   transform: translate(0rem, -50%);
            justify-self: center;
            height: 95%;
            position: relative;
            max-height: 100%;
            left: inherit  !important;
            top: 45%;
       max-width: 225px;
   }
   }
   @media (max-width: 767px) {
   .right .product-info {
   margin-left: 0;
       width: 100% !important;
            padding-top: 5%;
   }
   .right .book {
   display: none;
   }
   }