html, body {
            overflow-x:hidden !important;
        }
        @media (max-width:425px) {
            .headline {
                font-size: 20px;
            }
        }

        @media (max-width:725px) {
            .desktop {
                display: none;
            }
        }

        @media (min-width:725px) {
            .mobile {
                display: none;
            }
        }

        .headline-section {
            font-size: 30px;
            font-weight: bold;
            text-decoration: underline;
            color: rgb(42, 100, 82);
        }

        i.fa-solid.fa-bookmark {
            color: #ff9c04;
        }

        .hidden {
            display: none;
        }

        .fade-in {
            animation: fadeIn 0.5s forwards;
        }

        .fade-out {
            animation: fadeOut 0.5s forwards;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @keyframes fadeOut {
            from {
                opacity: 1;
            }

            to {
                opacity: 0;
            }
        }

        .close-button,
        .dropdown-button {
            position: absolute;
            top: 25px;
            right: 15px;
            background: none;
            border: none;
            font-size: 30px;
            color: white;
            cursor: pointer;
            color: black;
            background: white;
            border-radius: 50px;
        }

  

        .relative {
            position: relative;
        }

        .dropdown-button {
            display: none;
        }


        h2.category_name {
            font-size: 35px;
            text-align: left;
            padding-bottom: 16px;
        }

        .green_icon {
            color: #47d143 !important;
        }

        @media screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
            .green_icon {
                color: #47d143 !important;
            }
        }

        @media (min-width:725px) {
            .mt-15 {
                margin-top: 15px;
            }
        }

        @media (max-width:725px) {
            .headline-section {
                font-size: 23px;
            }

            h2.category_name {
                font-size: 27px;
            }

            .close-button,
            .dropdown-button {
                font-size: 25px;
            }

        }

        .mt-10 {
            margin-top: 10px;
        }

        .disclaimer {
            text-align: center;
            font-size: 20px;
            color: white;
            font-weight: 500;
        }

        @media (max-width:725px) {
            .disclaimer {
                font-size: 23px;
            }
        }
        .border {
            border: dotted;
            position: relative;
        }
        .discount-badge {
            position: absolute;
            top: -40px;
            right: -43px;
            width: 250px;
            z-index: 10;
        }
        @media (max-width: 725px) {
            .discount-badge {
            top: -20px;
            right: -20px;
            width: 120px;
            }
        } 
        .bg-white {
            background-color:white !important;
        }
        .mb-15{
            margin-bottom:15px;
        }