.Feedback-Ideas-content-section {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
        }

        fieldset {
            border: 1px solid #ccc !important;
            padding: 20px !important;
        }

        .ccStatus {
            padding-right: 20px !important;
            padding-bottom: 10px;
            text-align: center;
            font-weight: bold;
            letter-spacing: 0px;
            color: #0D8C60;
        }


.Feedback-Ideas-content-section {
    display: flex
;
    gap: 12px;
    flex-wrap: wrap;
}

        .ccDate {
            padding-right: 20px !important;
            padding-bottom: 10px;
            text-align: center;
            font-weight: bold;
            letter-spacing: 0px;
            color: #0D8C60;
        }

        .ccTarget {
            padding-right: 20px !important;
            padding-bottom: 10px;
            text-align: center;
            letter-spacing: 0px;
            color: #9B945F;
            font-weight: bold;
        }

        .Feedback-Ideas-section {
            margin-top: 128px;
        }

        .Feedback-Ideas-section .Feedback-Ideas-title-section {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .Feedback-Ideas-section .Feedback-Ideas-highlight-card-section {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
        }

        .Feedback-Ideas-section .Feedback-Ideas-highlight-card-section .moh-highlight-card {
            margin-bottom: 0.5rem;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 3px 4px #00000029;
            border: 1px solid #7070705A;
            opacity: 1;
        }

        .col-md-12.Feedback-Ideas-title-section > h1 {
            font: normal normal bold 26px/22px Tahoma;
            letter-spacing: 0px;
            color: #0F855F;
        }

        .moh-highlight-card.moh-highlight-card-co-creation > img {
            height: 240px !important;
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
        }

        .ccTitle {
            padding: 20px !important;
            text-align: center;
            letter-spacing: 0px;
            color: #0D8C60;
            font-size: 20px;
        }

        .ccDetails {
            padding: 20px !important;
            color: #404040;
        }

        .moh-card-body > p {
            padding: 8px;
        }

        a.col-md-3.col-sm-12.moh-highlight-card.moh-highlight-card-co-creation {
            color: #404040;
        }

        .form-check-input:checked {
            background-color: #0d8c60 !important;
            border-color: #0d8c60 !important;
        }

        @media (min-width: 768px) {
            .col-md-4 {
                flex: 0 0 auto;
                width: 31.33333333%;
            }
        }


@media (min-width: 768px) {
    .col-md-4 {
        flex: 0 0 auto;
        width: 32.33333333% !important;
    }
}

        /* Additional optimizations */
        .cocreation {
            transition: all 0.3s ease;
            border-radius: 8px;
            overflow: hidden;
            position: relative;
        }

        .cocreation.hidden {
            display: none !important;
        }

        /* Hover Effects */
        .cocreation:hover {
            transform: translateY(-8px);
            box-shadow: 0px 8px 25px rgba(13, 140, 96, 0.15);
            border-color: rgba(13, 140, 96, 0.3);
        }

        .cocreation::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #0D8C60, #0F855F);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.3s ease;
        }

        .cocreation:hover::before {
            transform: scaleX(1);
        }

        .cocreation:hover .ccTitle {
            color: #0F855F;
            transform: translateX(-5px);
        }

        .cocreation:hover .ccDetails {
            color: #2d2d2d;
        }

        .cocreation:hover .ccStatus {
            color: #0F855F;
            transform: scale(1.05);
        }

        .cocreation:hover .ccTarget {
            color: #7d7539;
            transform: translateX(-3px);
        }

        .cocreation:hover .ccDate {
            color: #0F855F;
            font-size: 1.05em;
        }

        /* Individual element transitions */
        .ccTitle {
            transition: all 0.3s ease;
        }

        .ccDetails {
            transition: all 0.3s ease;
        }

        .ccStatus {
            transition: all 0.3s ease;
        }

        .ccTarget {
            transition: all 0.3s ease;
        }

        .ccDate {
            transition: all 0.3s ease;
        }

        /* Focus states for accessibility */
        .cocreation:focus {
            outline: 2px solid #0D8C60;
            outline-offset: 2px;
        }

        .cocreation:focus::before {
            transform: scaleX(1);
        }

        /* Active state */
        .cocreation:active {
            transform: translateY(-4px);
        }