/* Start custom CSS for html, class: .elementor-element-c4c7d03 *//* ============================
   STYLE – بیمه مسئولیت – گرافیکی A2-Pro
   ============================ */

:root{
    --blue:#0A3D62;
    --green:#15C26B;
    --light:#F6FAFF;
    --text:#1d2c3b;
    --radius:14px;
    --shadow:0 8px 25px rgba(0,0,0,.07);
}

/* Wrapper اصلی */
.resp-wrapper{
    max-width:1100px;
    margin:auto;
    padding:25px;
    direction:rtl;
    font-family:"Vazirmatn",sans-serif;
    line-height:1.9;
    color:var(--text);
}

/* هدر گرافیکی */
.resp-header{
    background:linear-gradient(135deg,#0A3D62,#15C26B);
    padding:45px;
    border-radius:var(--radius);
    color:#fff;
    text-align:center;
    position:relative;
    overflow:hidden;
}

.resp-header h2{
    font-size:32px;
    font-weight:900;
    margin-bottom:12px;
}

.resp-header p{
    max-width:700px;
    margin:auto;
    font-size:17px;
    opacity:.9;
}

/* آیکن‌های پس‌زمینه */
.resp-header::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-40px;
    top:-40px;
    background:url('https://cdn-icons-png.flaticon.com/512/3209/3209265.png') no-repeat center/contain;
    opacity:.15;
}

.resp-header::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    left:-50px;
    bottom:-50px;
    background:url('https://cdn-icons-png.flaticon.com/512/1048/1048949.png') no-repeat center/contain;
    opacity:.15;
}

/* تیترهای بخش */
.resp-title{
    font-size:26px;
    font-weight:800;
    margin-top:45px;
    margin-bottom:18px;
    color:var(--blue);
    border-right:5px solid var(--green);
    padding-right:12px;
}

/* باکس ها */
.resp-box{
    background:var(--light);
    padding:22px 28px;
    border-radius:var(--radius);
    margin-bottom:25px;
    border:1px solid #d9e9ff;
    box-shadow:var(--shadow);
}

.resp-box h3{
    font-size:22px;
    color:var(--blue);
    font-weight:800;
    margin-bottom:12px;
}

/* لیست‌ها */
.resp-box ul{
    margin:0;
    padding-right:18px;
}

.resp-box li{
    margin-bottom:7px;
}

/* FAQ آکاردئونی */
.faq-section{
    margin-top:55px;
}

.faq-title{
    font-size:28px;
    font-weight:900;
    margin-bottom:25px;
    color:var(--blue);
    text-align:center;
}

.faq-item{
    background:#eef7ff;
    padding:18px 22px;
    margin-bottom:12px;
    border-radius:12px;
    cursor:pointer;
    transition:.3s;
    border:1px solid #d3eaff;
    position:relative;
}

.faq-question{
    font-size:17px;
    font-weight:700;
    color:#0b57d0;
    padding-left:35px;
}

.faq-arrow{
    position:absolute;
    left:14px;
    top:22px;
    font-size:18px;
    transition:.3s;
}

.faq-answer{
    display:none;
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #c8e4ff;
    font-size:15px;
}

.faq-item.active{
    background:#dff0ff;
}

.faq-item.active .faq-arrow{
    transform:rotate(90deg);
}

/* ریسپانسیو */
@media(max-width:600px){
    .resp-header h2{ font-size:26px; }
    .resp-header p{ font-size:15px; }
    .resp-title{ font-size:22px; }
    .resp-box h3{ font-size:19px; }
}/* End custom CSS */