:root{
    --bg-gray:#e8e8e8;
    --bg-gray-dark: #636363ff;
}
section{
    background-color: var(--bg-gray) ;
}
.div-about{
    min-height: 30rem;
}
.about-wh{
    height: 4rem;
}
.about{
    min-height: 5rem;
}
.about2{
    min-height: 17rem;
}
.about-img{
    width: 300px;
  height: 200px;
    background-image: url("./image/legal.jpg");
     background-size: cover;      /* عکس را کامل پر می‌کند */
  background-position: center; /* عکس را وسط نگه می‌دارد */
  background-repeat: no-repeat;
}
.contact{
    min-height: 30rem;
}
.contactdiv{
    width: 15rem;
    height: 4rem;
}
.contactdiv1{
    width: 15rem;
    height: 6rem;
}
.fill-gray-dark{
    fill: var(--bg-gray-dark);
}
.stroke-gray-dark{
    stroke: var(--bg-gray-dark);
}
.email-w{
    width: 10rem;
}
.dir-ltr{
    direction: ltr;
}
.email:hover .email-color-stroke{
    stroke: rgb(160, 1, 1);
}
.email:hover .email-color{
    fill: rgb(160, 1, 1);
}
.telegram:hover .telegram-color-stroke{
    stroke: rgb(0, 102, 255);
}
.telegram:hover .telegram-color{
    fill: rgb(0, 102, 255);
}
.link-t:hover .telegram-link{
    color: rgb(0, 102, 255) !important;
}
.instagram:hover .instagram-color {
    fill: url(#igGradient);
}

.instagram:hover .instagram-color-stroke {
    stroke: url(#igGradient);
    stroke-width: 1px; /* اگر لازم داشتی */
}

.instagram-link {
  background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
  -webkit-background-clip: text;
  color: #4b4b4b;
}

.link-i:hover .instagram-link {
  opacity: 1; /* یا تغییراتی مثل scale/transition */
  color: transparent !important;
}
.what:hover .what-color-stroke{
    stroke: rgb(0, 184, 46);
}
.what:hover .what-color{
    fill: rgb(0, 184, 46);
}
.link-w:hover .what-link{
    color:rgb(0, 184, 46) !important;
}
/* Maps */
/* Suggestions */
.section, .articleImages, .postRating, .postComment{
    background-color: transparent !important;
}
/* news */
.new-img{
    width: 20rem;
    height: 22rem;
}
.new-row{
    width: 22rem !important;
}
/* تقدیرنامه */
 .row > .col:last-child{
            margin-bottom: 2rem;
        }
 .honor-card {
            position: relative;
            background: #fff;
            padding: 22px 58px 22px 20px;
            border-radius: 12px;
            box-shadow: 0 10px 25px rgba(0,0,0,.08);
            transition: all .35s ease;
            overflow: visible;
        }

        .honor-card h6 {
            font-size: 15px;
            margin-bottom: 10px;
            transition: color .3s;
        }

        .honor-card a {
            font-size: 14px;
            color: #f4a000;
            text-decoration: none;
            transition: all .3s;
        }

        .badge-number {
            position: absolute;
            right: -20px;
            top: 50%;
            transform: translateY(-50%);
            width: 60px;
            height: 60px;
            background: #f4a000;
            color: #fff;
            font-weight: bold;
            font-size: 22px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all .35s ease;
        }

        /* Hover Effect */
        .honor-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0,0,0,.15);
        }

        .honor-card:hover .badge-number {
            background: #111;
            right: -10px;
        }

        .honor-card:hover a {
            letter-spacing: .5px;
        }
.spetial{
    width: auto;
    height: 7rem;
    transition: scale 0.2s ease-in-out;
}
.spetial:hover{
    scale: 0.9;
}
.min-h25{
    min-height: 25rem;
}
.min-h18{
    min-height: 15rem;
}