.challenges-tab-content .nav-pills {
	padding-right: 65px;
}

.challenges-tab-content  h6 {
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	text-transform: uppercase;
	color: var(--orange);
}

.challenges-tab-content h2 {
	color: #231F20;
	font-size: 32px;
	font-weight: 275;
	line-height: 48px;
	text-transform: capitalize;
}

.challenges-tab-content button.nav-link {
	color: var(--body);
	padding: 24px 20px;
	border: 0;
	border-bottom: 1px solid var(--divider);
}

.challenges-tab-content button.nav-link h3 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
}

.challenges-tab-content button.nav-link i {
	color: transparent;
	font-size: 13.5px;
}

.challenges-tab-content .card,
.challenges-tab-content .card-body{
	gap: 16px;
}

.challenges-tab-content button.nav-link:hover,
.challenges-tab-content button.nav-link.active,
.challenges-tab-content button.nav-link:hover i,
.challenges-tab-content button.nav-link.active i{
	color: var(--green);
}

.challenges-tab-content button.nav-link.active {
	pointer-events: none;
}

.challenges-tab-content button.nav-link:hover,
.challenges-tab-content button.nav-link.active {
	background-color: var(--white);
}

.challenges-tab-content .card-title {
	font-size: 24px;
	line-height: 32px;
	font-weight: 400;
	color: var(--black);
}

.challenges-tab-content .card-text {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: var(--body);
}

.challenges-tab-content .desktop-view {
    display: flex!important;
}

.challenges-tab-content .mobile-view {
		display: none!important;
	}
	
	
/*.challenges-tab-content .mobile-view  button.nav-link i {*/
/*    color: #8A8A8A;*/
/*}*/
 button.accordion {
        width: 100%;
        background-color: transparent;
        border: none;
        outline: none;
        text-align: left;
        padding: 15px 20px;
        font-size: 18px;
        color: #333;
        cursor: pointer;
        transition: background-color 0.2s linear;
    }

    button.accordion.is-open {
        background-color: #ffffff; /* Change background when open */
    }

    .accordion-content {
        background-color: white;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        padding: 0 20px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-in-out;
    }

    .accordion-content.show {
        max-height: 500px; /* Set a max height for the open state */
    }
    
   .challenges-tab-content .mobile-view .card {
        padding: 20px 0;
    }
    
	/* For 767px viewport and smaller (mobile-first design) */
@media (max-width: 767px) {

	
	.challenges-tab-content .desktop-view {
		display: none!important;
	}
		.challenges-tab-content .mobile-view {
		display: block!important;
		padding: 20px 25px
	}
	.challenges-tab-content {
	    justify-content: center;
	}
}