#faq-container {
    padding: 24px 0;
}
#faq-container h2 {
    text-align: center;
}
#faq-container .caption-text {
	font-size: 16px;
	font-weight: 400px;
	color: #bec4cf;
	margin-bottom: 30px !important;
	margin-top: 10px;
    text-align: center;
}

.btn-outline-primary {
    color: #20B038;
    border-color: #20B038;
    width: 160px;
}

.btn-outline-primary:hover {
    color: rgb(255, 255, 255);
    background-color: rgba(96, 214, 106, 0.5);
    border-color: #20B038;
}

#faq-accordion {
    gap: 10px;
}

#faq-accordion .accordion-item {
	background: linear-gradient(#180000, #170000, #150000, #120000, #000000);
	border: 1px solid #562B08;
	margin-top: 5px;
	padding: 0 !important;
}

#faq-accordion .accordion-item:first-child {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

#faq-accordion .accordion-item:last-child {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}


#faq-accordion .accordion-title {
	cursor: pointer;
	padding: 15px;
}

.accordion-icon {
    width: 20px;
    height: 20px;
}
.accordion-content {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 1s ease, opacity 1s ease;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.8;
	background: #1a1a1a;
}
.accordion-content .mt-3.px-6 {
    	padding: 15px;
}
.accordion-content ol, .accordion-content ul {
	margin-top: 0;
	margin-bottom: 1rem;
	padding-left: 15px;
}
.accordion-content.open {
    opacity: 1;
    max-height: 500px;
}

.accordion-content.open a {
    color: #20B038;
}


@media (max-width: 576px) {
    .h6{
    font-size: 14px;
}
}

@media (min-width: 992px) {
    #faq-container {
        padding: 32px 1rem;
    }

    .caption-group .text-white-50 {
        font-size: 16px;
    }
}