/* ==========================================
   INDEX2.CSS
   طب پرتو صدرا
   Homepage v2
========================================== */

:root{

    --primary:#0B72E7;
    --primary-dark:#0756AE;
    --secondary:#00B8D9;

    --text:#1F2937;
    --text-light:#64748B;

    --bg:#F7FAFC;
    --white:#ffffff;

    --radius:22px;

    --shadow:
        0 15px 40px rgba(15,23,42,.08);

    --transition:.35s ease;

}

.hero2{

    position:relative;

    overflow:hidden;

    background:linear-gradient(
        135deg,
        #f8fbff 0%,
        #eef7ff 100%
    );

    padding:90px 0;

}

.hero2::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    background:#0B72E7;

    opacity:.06;

    border-radius:50%;

    top:-120px;
    left:-120px;

    filter:blur(90px);

}

.hero2::after{

    content:"";

    position:absolute;

    width:320px;
    height:320px;

    background:#00B8D9;

    opacity:.08;

    border-radius:50%;

    right:-120px;
    bottom:-100px;

    filter:blur(70px);

}

.hero2-container{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

    position:relative;

    z-index:2;

}

.hero-badge{

    display:inline-flex;

    align-items:center;

    padding:8px 18px;

    border-radius:100px;

    background:#E8F3FF;

    color:var(--primary);

    font-size:14px;

    font-weight:700;

    margin-bottom:25px;

}

.hero2 h1{

    font-size:52px;

    line-height:1.3;

    color:var(--text);

    margin-bottom:24px;

    font-weight:800;

}

.hero2 h1 span{

    color:var(--primary);

}

.hero2 p{

    font-size:18px;

    color:var(--text-light);

    line-height:2;

    max-width:560px;

    margin-bottom:35px;

}

.hero-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.btn-primary2{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    background:var(--primary);

    color:#fff;

    padding:15px 34px;

    border-radius:14px;

    font-weight:700;

    transition:var(--transition);

    box-shadow:
        0 10px 30px rgba(11,114,231,.20);

}

.btn-primary2:hover{

    transform:translateY(-4px);

    background:var(--primary-dark);

}

.btn-outline2{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    padding:15px 34px;

    border-radius:14px;

    border:2px solid var(--primary);

    color:var(--primary);

    font-weight:700;

    transition:var(--transition);

}

.btn-outline2:hover{

    background:var(--primary);

    color:#fff;

}

.hero2-image{

    position:relative;

}

.hero2-image img{

    width:100%;

    border-radius:28px;

    display:block;

    box-shadow:var(--shadow);

}

/* ============================
   TRUST BAR
============================ */

.trust-bar{

    margin-top:-45px;

    position:relative;

    z-index:5;

}

.trust-grid{

    background:#fff;

    border-radius:22px;

    box-shadow:var(--shadow);

    display:grid;

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

    overflow:hidden;

}

.trust-item{

    padding:32px;

    text-align:center;

    border-left:1px solid #EEF2F7;

}

.trust-item:last-child{

    border-left:none;

}

.trust-item h3{

    font-size:30px;

    color:var(--primary);

    margin-bottom:8px;

}

.trust-item span{

    color:var(--text-light);

    font-size:15px;

}

/* ============================
   SERVICES
============================ */

.services2{

    padding:110px 0 80px;

}

.section-title{

    text-align:center;

    margin-bottom:55px;

}

.section-title span{

    color:var(--primary);

    font-weight:700;

}

.section-title h2{

    margin:12px 0;

    font-size:42px;

    color:var(--text);

}

.section-title p{

    color:var(--text-light);

    max-width:700px;

    margin:auto;

    line-height:2;

}

.service-grid{

    display:grid;

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

    gap:28px;

}

.service-card{

    background:#fff;

    border-radius:22px;

    padding:35px;

    transition:.35s;

    box-shadow:
        0 10px 30px rgba(15,23,42,.05);

    border:1px solid #EDF2F7;

}

.service-card:hover{

    transform:translateY(-8px);

    box-shadow:
        0 25px 45px rgba(15,23,42,.10);

}

.service-card h3{

    font-size:23px;

    margin-bottom:16px;

    color:var(--text);

}

.service-card p{

    line-height:2;

    color:var(--text-light);

}

.hero-features{

    list-style:none;

    margin:30px 0;

    display:grid;

    gap:16px;

}

.hero-features li{

    display:flex;

    align-items:center;

    gap:14px;

    font-size:17px;

    color:#334155;

}

.hero-features span{

    width:32px;

    height:32px;

    border-radius:50%;

    background:#E7F3FF;

    color:#0B72E7;

    display:flex;

    justify-content:center;

    align-items:center;

    font-weight:bold;

    flex-shrink:0;

}

.btn-primary2{

    gap:10px;

}

.btn-primary2 svg{

    transition:.3s;

}

.btn-primary2:hover svg{

    transform:translateX(-5px);

}

/* ============================
   Tablet
============================ */

@media (max-width: 992px){

    .hero2{
        padding:70px 0;
    }

    .hero2-container{

        grid-template-columns:1fr;
        gap:45px;

    }

    .hero2-content{

        order:2;
        text-align:center;

    }

    .hero2-image{

        order:1;

    }

    .hero2 p{

        margin:auto auto 30px;

    }

    .hero-buttons{

        justify-content:center;

    }

    .hero-features{

        max-width:500px;
        margin:30px auto;

    }

    .trust-grid{

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

    }

    .service-grid{

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

    }

}

/* ============================
   Mobile
============================ */

@media (max-width:768px){

    .hero2{

        padding:55px 0;

    }

    .hero2 h1{

        font-size:34px;

    }

    .hero2 p{

        font-size:16px;
        line-height:1.9;

    }

    .hero-buttons{

        flex-direction:column;

    }

    .btn-primary2,
    .btn-outline2{

        width:100%;

    }

    .trust-grid{

        grid-template-columns:1fr;

    }

    .trust-item{

        border-left:none;
        border-bottom:1px solid #EEF2F7;

    }

    .trust-item:last-child{

        border-bottom:none;

    }

    .service-grid{

        grid-template-columns:1fr;

    }

    .section-title h2{

        font-size:30px;

    }

    .service-card{

        padding:28px;

    }

}

@media (max-width:480px){

    .hero2 h1{

        font-size:28px;

    }

    .hero-badge{

        font-size:12px;
        padding:7px 14px;

    }

    .hero2-image img{

        border-radius:18px;

    }

    .section-title h2{

        font-size:26px;

    }

}

html {
    scroll-behavior: smooth;
}


/*کارت پزشکان
*/
.doctors2{

    padding:100px 0;

}

.doctor-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;

}

.doctor-card{

    background:#00bfff2f;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(15,23,42,.05);
    border:1px solid #EDF2F7;
    transition:.35s;

}

.doctor-card:hover{

    transform:translateY(-8px);
    box-shadow:0 25px 45px rgba(15,23,42,.10);

}

.doctor-card img{

    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    display:block;

}

.doctor-info{

    padding:28px;
    text-align:center;

}

.doctor-info h3{

    color:var(--text);
    margin-bottom:10px;
    font-size:22px;

}

.doctor-info p{

    color:var(--text-light);
    margin-bottom:22px;

}

.doctor-info .btn-primary2{

    width:100%;

}

@media(max-width:992px){

    .doctor-grid{

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

    }

}

@media(max-width:768px){

    .doctor-grid{

        grid-template-columns:1fr;

    }

}


/*اسکرول بیمه ها
*/
/* کانتینر اصلی که بخش‌های اضافه را مخفی می‌کند */
.insurance-ticker {
  width: 100%;
  overflow: hidden;
  background-color: #f8f9fa;
  padding: 15px 0;
  direction: rtl; /* تنظیم جهت راست به چپ برای فارسی */
  white-space: nowrap;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
}

/* نوار متحرک داخل کانتینر */
.ticker-track {
  display: inline-flex;
  gap: 30px;
  /* سرعت حرکت: ۲۰ ثانیه (قابل تغییر) */
  animation: scroll-rtl 20s linear infinite;
}

/* استایل کارت‌های بیمه */
.insurance-item {
  flex-shrink: 0;
  padding: 10px 24px;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #334155;
  box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}

/* توقف حرکت هنگام نگه‌داشتن ماوس (وقفه برای خوانایی) */
.insurance-ticker:hover .ticker-track {
  animation-play-state: paused;
}

/* انیمیشن حرکت راست به چپ */
@keyframes scroll-rtl {
  0% {
    transform: translateX(0);
  }
  100% {
    /* انتقال به اندازه دقیقا نیمی از کل عرض (یک سری کامل از آیتم‌ها) */
    transform: translateX(50%);
  }
}



.reveal{

opacity:0;

transform:translateY(60px);

transition:1s;

}

.reveal.show{

opacity:1;

transform:none;

}