/* =================================================================== */
/* Red #c62020
====================================================================== */

a, a:visited,
#not-found i,
.comment-by span.reply a:hover,
.comment-by span.reply a:hover i,
.categories a:hover,
.testimonials-author,
.happy-clients-author,
.dropcap,
.meta ul li a:hover,
.list-1 li:before,
.list-2 li:before,
.list-3 li:before,
.list-4 li:before { color: #c62020; }

#current,
.menu ul li a:hover,
.menu ul > li:hover > a,
.flickr-widget-blog a:hover { border-color: #c62020; }
.menu ul ul { border-top-color: #c62020; }

.tp-leftarrow:hover,
.tp-rightarrow:hover,
.flexslider .flex-next:hover,
.flexslider .flex-prev:hover,
.featured-box:hover > .circle,
.featured-box:hover > .circle span,
.featured-box:hover > .circle-2,
.featured-box:hover > .circle-3,
.portfolio-item:hover > figure > a .item-description,
.sb-navigation-left:hover,
.sb-navigation-right:hover,
.newsletter-btn,
.search-btn { background-color: #c62020; }

#filters a:hover, .selected { background-color: #c62020 !important; }

.premium .plan-price,
.premium .plan-features a.button:hover {
    background-color: #f6f7f9;
}
.premium.plan h3,
.premium .plan-features a.button { background-color: #c62020; }

.featured-box:hover > .circle-2,
.featured-box:hover > .circle-3 { box-shadow: 0 0 0 8px rgba(198, 32, 32, 0.3); }

#current:after,
.pagination .current,
.pagination ul li a:hover,
.tags a:hover,
.button.gray:hover,
.button.light:hover,
.button.color,
input[type="button"],
input[type="submit"],
input[type="button"]:focus,
input[type="submit"]:focus,
.tabs-nav li.active a,
.ui-accordion .ui-accordion-header-active:hover,
.ui-accordion .ui-accordion-header-active,
.trigger.active a,
.trigger.active a:hover,
.skill-bar-value,
.highlight.color,
.notice-box:hover { background: #c62020; }


.faq-container {
    max-width: 800px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    padding: 30px;
}

.faq-title {
    font-size: 2em;
    margin-bottom: 20px;
    text-align: center;
    color: #222;
}

ul.faq-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.faq-item {
    border-bottom: 1px solid #eee;
}

.faq-question {
    cursor: pointer;
    padding: 20px;
    font-weight: bold;
    font-size: 1.1em;
    background: transparent;
    border: none;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #1a1a1a;
    transition: background 0.3s;
}

    .faq-question:hover {
        background-color: #f9f9f9;
    }

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    font-size: 1em;
    color: #555;
    line-height: 1.6;
    padding: 0 20px;
}

.faq-item.active .faq-answer {
    max-height: 500px;
    padding: 10px 20px 20px;
}

.icon {
    font-size: 1.4em;
    transition: transform 0.3s;
}

.faq-item.active .icon {
    transform: rotate(180deg);
}

.faq-item:last-child {
    border-bottom: none;
}