/* ================================= */

/* GLOBAL RESET */

/* ================================= */

*{

box-sizing:border-box;

margin:0;

padding:0;

}

img{

max-width:100%;

height:auto;

display:block;

}

h2{

text-align:center;

margin-bottom:40px;

font-weight:700;

}

/* ================================= */

/* LOGO SLIDER */

/* ================================= */

.custom-carousel-style-1 .img-fluid{

width:auto !important;

height:auto !important;

max-height:none !important;

}

.logo-item{

display:flex;

align-items:center;

justify-content:center;

background:#fff;

border-radius:14px;

height:110px;

padding:20px;

box-shadow:0 4px 14px rgba(0,0,0,0.06);

transition:.3s;

}

.logo-item img{

max-height:55px;

width:auto;

object-fit:contain;

filter:grayscale(100%);

opacity:.8;

transition:.3s;

}

.logo-item:hover{

transform:translateY(-4px);

box-shadow:0 10px 25px rgba(0,0,0,0.12);

}

.logo-item:hover img{

filter:grayscale(0);

opacity:1;

}

/* =============================== */
/* BENEFITS SECTION - FIXED ICONS  */
/* =============================== */

.benefits-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:50px;
}

.benefit-card{
background:#fff;
border-radius:20px;
padding:40px 25px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,0.06);
transition:transform .3s ease;
}

.benefit-card:hover{
transform:translateY(-5px);
}

/* Dotted arc line fix (if exists) */
.benefit-card::before{
display:none !important;
}

/* ICON CIRCLE */
.benefit-icon{
width:110px;
height:110px;
margin:0 auto 25px auto;
border-radius:50%;
background:linear-gradient(135deg,#3ac66a,#2ea45a);
display:flex;
align-items:center;
justify-content:center;
position:relative;
}

/* ICON IMAGE */
.benefit-icon img{
width:55px;
height:auto;
object-fit:contain;
display:block;
position:relative;
z-index:2;
}

/* ======================================== */
/* MOBILE RESPONSIVE */
/* ======================================== */

@media(max-width:991px){
.benefits-grid{
grid-template-columns:repeat(2,1fr);
gap:25px;
}
.benefit-icon{
width:90px;
height:90px;
}
.benefit-icon img{
width:45px;
}
}

@media(max-width:576px){
.benefits-grid{
grid-template-columns:1fr;
}
}

/* ================================= */
/* ADVISOR SECTION - PRO VERSION */
/* ================================= */

.advisor-wrapper{
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
padding:90px 0;
flex-wrap:wrap;
}

.advisor-text{
flex:1;
max-width:520px;
}

.advisor-image{
flex:1;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}

/* main circle */

.advisor-circle{
position:relative;
width:480px;
height:480px;
border-radius:50%;
background:linear-gradient(135deg,#43c16c,#2fa65a);
display:flex;
align-items:center;
justify-content:center;
}

/* outer decorative ring */

.advisor-circle::after{
content:"";
position:absolute;
width:540px;
height:540px;
border-radius:50%;
border:8px solid rgba(0,160,120,0.18);
}

/* main person image */

.main-image{
width:360px;
position:relative;
z-index:3;
}

/* floating cards */

.floating-icon{
position:absolute;
width:130px;
background:#fff;
border-radius:18px;
padding:14px 12px;
text-align:center;
box-shadow:0 12px 35px rgba(0,0,0,0.08);
font-size:12px;
line-height:1.7;
transition:transform .3s ease;
animation:floatSoft 5s ease-in-out infinite;
}

.floating-icon:hover{
transform:translateY(-6px);
}

.floating-icon img{
width:46px;
margin-bottom:6px;
}

/* balanced circle layout */

.icon1{
top:-28px;
left:50%;
transform:translateX(-50%);
}

.icon2{
top:110px;
right:-55px;
}

.icon3{
bottom:110px;
right:-55px;
}

.icon4{
top:110px;
left:-55px;
}

.icon5{
bottom:110px;
left:-55px;
}

/* smooth floating animation */

@keyframes floatSoft{

0%{transform:translateY(0)}
50%{transform:translateY(-8px)}
100%{transform:translateY(0)}

}

/* ================================= */
/* MOBILE OPTIMIZATION */
/* ================================= */

@media (max-width:768px){

.advisor-wrapper{
flex-direction:column;
text-align:center;
gap:30px;
padding:70px 0;
}

.advisor-image{
margin-top:20px;
}

/* smaller circle */

.advisor-circle{
width:320px;
height:320px;
}

.advisor-circle::after{
width:360px;
height:360px;
}

/* person image */

.main-image{
width:240px;
}

/* cards */

.floating-icon{
width:95px;
padding:10px;
font-size:11px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.floating-icon img{
width:36px;
}

/* positions */

.icon1{
top:-18px;
}

.icon2{
top:80px;
right:-35px;
}

.icon3{
bottom:80px;
right:-35px;
}

.icon4{
top:80px;
left:-35px;
}

.icon5{
bottom:80px;
left:-35px;
}

}

/* ================================= */

/* PRODUCTS SECTION */

/* ================================= */

.product-grid{

display:flex;

flex-wrap:wrap;

gap:25px;

justify-content:center;

padding:80px 0;

}

.product-card{

flex:0 0 200px;

background:#fff;

border-radius:14px;

padding:30px 20px;

text-align:center;

text-decoration:none;

color:#333;

box-shadow:0 5px 18px rgba(0,0,0,0.06);

transition:.3s;

}

.product-card img{

width:55px;

margin-bottom:15px;

}

.product-card h4{

font-size:16px;

font-weight:600;

}

.product-card:hover{

background:#20b26c;

color:#fff;

transform:translateY(-6px);

}

.product-card:hover img{

filter:brightness(0) invert(1);

}

.product-card.active{

background:#20b26c;

color:#fff;

}

.product-card.active img{

filter:brightness(0) invert(1);

}

/* ================================= */

/* RESPONSIVE */

/* ================================= */

@media (max-width:992px){

.benefits-grid{

grid-template-columns:repeat(2,1fr);

}

.advisor-wrapper{

flex-direction:column;

text-align:center;

}

.advisor-circle{

width:380px;

height:380px;

}

.advisor-circle::after{

width:420px;

height:420px;

}

.advisor-image{

min-height:380px;

}

.floating-icon{

display:none;

}

}

@media (max-width:768px){

.product-card{

flex:0 0 45%;

}

.logo-item{

height:100px;

padding:16px;

}

.logo-item img{

max-height:50px;

}

}

/* ============================
   ADVISOR SECTION - MOBILE FIX
   ============================ */

@media (max-width: 767px) {

    .advisor-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .advisor-circle {
        width: 260px !important;
        height: 260px !important;
        margin: 0 auto;
        position: relative;
        overflow: visible !important; /* تا آیکون‌ها بریده نشن */
    }

    .main-image {
        width: 70% !important;
        height: auto !important;
        position: relative;
        top: 20px;
    }

    /* آیکون‌ها را دوباره درون دایره جایگذاری کن */
    .floating-icon {
        position: absolute !important;
        width: 70px !important;
        height: 70px !important;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 5px 20px rgba(0,0,0,.1);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px;
    }

    .floating-icon img {
        width: 40px !important;
        height: 40px !important;
    }

    /* متن زیر آیکون در موبایل حذف شود */
    .floating-icon p {
        display: none !important;
    }

    /* جایگذاری دقیق آیکون‌ها */
    .icon1 { top: -10px; left: 50%; transform: translateX(-50%); }
    .icon2 { right: -10px; top: 70px; }
    .icon3 { right: -10px; bottom: 70px; }
    .icon4 { left: -10px; top: 70px; }
    .icon5 { left: -10px; bottom: 70px; }

}

/* افزایش ارتفاع اسلایدر صفحه درباره ما */
.page-header.page-header-background-md {
    min-height: 420px !important; /* ارتفاع جدید */
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}

/* موبایل جداگانه */
@media (max-width: 767px) {
    .page-header.page-header-background-md {
        min-height: 300px !important;
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}
/* کارت‌های اطراف مشاور – نسخه بزرگ‌تر و واضح‌تر */
.hero-insurance-card {
    width: 150px !important;
    height: 150px !important;
    padding: 25px !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    transition: 0.3s ease !important;
}

/* آیکون داخل کارت */
.hero-insurance-card img {
    width: 70px !important;   /* افزایش سایز آیکون */
    height: 70px !important;
    object-fit: contain !important;
    margin-bottom: 10px !important;
}

/* عنوان بیمه */
.hero-insurance-card span {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #333 !important;
}

/* افکت هاور */
.hero-insurance-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.12) !important;
}
@media (max-width: 767px) {
    .hero-insurance-card {
        width: 120px !important;
        height: 120px !important;
        padding: 18px !important;
    }

    .hero-insurance-card img {
        width: 55px !important;
        height: 55px !important;
    }

    .hero-insurance-card span {
        font-size: 15px !important;
    }
}
/* ================================
   SPACING TWEAK OVERRIDES
   Safe compact spacing adjustment
   ================================ */

.benefits-section{
    padding:60px 0;
}

.section-title p{
    margin-bottom:28px;
}

.advisor-wrapper{
    padding:70px 0;
    gap:40px;
}

.product-grid{
    padding:60px 0;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .benefits-section{
        padding:50px 0;
    }

    .section-title p{
        margin-bottom:22px;
    }

    .advisor-wrapper{
        padding:50px 0;
        gap:24px;
    }

    .product-grid{
        padding:45px 0;
    }
}