.accordion {
            max-width: 600px;
            margin: 20px auto;
        }

        .accordion-item {

            border: 1px solid rgba(26, 26, 26, 1);
            border-radius: 0px;
            margin-bottom: 10px;
            padding: 10px;
            position: relative;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .accordion-item.active:nth-child(2) .accordion-icon {
            top: 5%;
        }

        .accordion-question {
            font-size: 1.2rem;
            font-weight: bold!important;
            margin: 0;
        }

        .accordion-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease, opacity 0.3s ease;
            opacity: 0;
        }

        .accordion-answer p {
            padding: 10px 0;

            margin: 0;
        }

        .accordion-item.active .accordion-answer {
            max-height: 500px;
            opacity: 1;
        }

        /* Plus/Minus icon styling */
        .accordion-icon {
            position: absolute;
            right: 20px;
            top: 50%!important;
            transform: translateY(-50%);
            font-size: 1.5rem;
            transition: transform 0.3s ease;
        }

        .accordion-item.active .accordion-icon.icon {
            visibility: hidden;
        }

        .custom-controls {
            position: absolute;
            bottom: 10px!important;
            right: 10px!important;
            z-index: 10!important;
            display: flex;
            gap: 20px!important;
            /* Optional: adds space between arrows */
            margin-bottom: -45px;
        }

        a.carousel-control{
            opacity: 1;
        }
        .custom-controls .carousel-control {
            position: static;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            
            height: 30px;
            border-radius: 50%;
            color: #333;
            background: transparent;
            /* Remove background */
            border: none;
            /* Remove border if any */
            box-shadow: none;
            /* Remove shadow if any */
        }

        .custom-controls .carousel-control:hover,
        .custom-controls .carousel-control:focus {
            background: transparent;
            /* No background on hover */
            color: #000;
            /* Optional: darken arrow on hover */
            text-decoration: none;
            outline: none;
        }

        .custom-indicators {
            position: absolute;
            bottom: 0px!important;
            left: 10px!important;
            z-index: 10!important;
            margin: 0!important;
            margin-bottom: -25px!important;
            text-align: left;
        }