﻿
        
 .faq-wrapper{
    width:80%;
    max-width:1600px;
    margin:60px auto;
    background:#fff;
    border:3px solid #efefef;
    border-radius:30px;
    padding:35px;
}

@media (max-width:992px){
    .faq-wrapper{
        width:80%;
    }
}

@media (max-width:768px){
    .faq-wrapper{
        width:95%;
        padding:20px;
        border-radius:20px;
    }
}
        .faq-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 25px;
            flex-wrap: wrap;
            margin-bottom: 40px;
        }

        .faq-title {
            font-size: 72px;
            font-weight: 800;
            color: #111;
        }

        .search-box {
            width: 500px;
            max-width: 100%;
            position: relative;
        }

        .search-box input {
            width: 100%;
            height: 68px;
            border-radius: 50px;
            border: 2px solid #ececec;
            outline: none;
            padding: 0 70px 0 28px;
            font-size: 17px;
            background: #fafafa;
        }

        .search-icon {
            position: absolute;
            right: 26px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 24px;
            color: #999;
        }

        .faq-container {
            display: flex;
            flex-direction: column;
            gap: 22px;
        }

        .faq-item {
            margin:20px;
            background: #fff;
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid #f1f1f1;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
        }

        .faq-question {
            width: 100%;
            border: none;
            background: #fff;
            padding: 28px 32px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            gap: 20px;
        }

        .faq-question h3 {
            font-size: 22px;
            font-weight: 700;
            color: #111;
            text-align: left;
        }

        .faq-icon {
            width: 45px;
            height: 45px;
            min-width: 45px;
            border-radius: 50%;
            background: #fff2f4;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            transition: .3s ease;
        }

        .faq-icon span {
            position: absolute;
            font-size: 28px;
            font-weight: 600;
            color: #c96b7b;
            transition: .3s ease;
        }

        .faq-icon .minus {
            opacity: 0;
            transform: rotate(90deg);
        }

        .faq-item.active .faq-icon {
            background: #c96b7b;
        }

        .faq-item.active .faq-icon .plus {
            opacity: 0;
            transform: rotate(90deg);
        }

        .faq-item.active .faq-icon .minus {
            opacity: 1;
            transform: rotate(0);
            color: #fff;
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height .4s ease;
            padding: 0 32px;
        }

        .faq-answer p,
        .faq-answer li {
            font-size: 16px;
            line-height: 1.9;
            color: #666;
        }

        .faq-answer ul {
            padding-left: 20px;
            padding-bottom: 25px;
        }

        .faq-answer-content {
            padding-bottom: 30px;
        }

        .faq-item.active .faq-answer {
            max-height: 2000px;
        }

        @media(max-width:768px) {

            .faq-wrapper {
                padding: 30px 20px;
                border-radius: 28px;
            }

            .faq-title {
                font-size: 50px;
            }

            .faq-question {
                padding: 22px 20px;
            }

            .faq-question h3 {
                font-size: 17px;
                line-height: 1.5;
            }

            .faq-answer {
                padding: 0 20px;
            }

            .faq-answer p,
            .faq-answer li {
                font-size: 14px;
            }

            .search-box input {
                height: 58px;
                font-size: 15px;
            }

            .faq-icon {
                width: 38px;
                height: 38px;
                min-width: 38px;
            }
        }
        .faq-table{
    width:100%;
    border-collapse:collapse;
    margin:15px 0;
}

.faq-table th,
.faq-table td{
    border:1px solid #ddd;
    padding:10px;
    text-align:left;
}

.faq-table th{
    background:#0d6efd;
    color:#fff;
}

.faq-table tr:nth-child(even){
    background:#f8f9fa;
}
    