.authorities-container-main {
            background: var(--bg-color-1);
        }

        .section-title {
            text-align: center;
            font-size: 36px;
            margin-bottom: 40px;
            color: #1b4332;
        }

        .authorities-container {
            padding: 20px 0px;
            max-width: 1200px;
            margin: auto;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 25px;
        }

        .card {
            background: var(--text-color-white);
            border-radius: 3px;
            /*   box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08); */
            padding: 25px;
            text-align: center;
            transition: 0.3s;
        }

        .card:hover {
            /*  transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12); */
        }

        .card img {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 5px;
            border: 4px solid var(--border-color-5);
            /*   border-bottom: 4px solid #e8f5e9; */
        }

        .card-pm img {
            width: 180px;
            height: 180px;
        }

        .name {
                padding-top: 10px;
            font-size: 1rem;
            font-weight: 500;

            color: #222;
            border-top: 1px solid var(--border-color-5);
        }

        .designation {
            font-size: 15px;
            color: #555;
            margin-bottom: 4px;
        }

        .org {
            font-size: 14px;
            color: #777;
            margin-bottom: 15px;
        }

        .btn {
            display: inline-block;
            background: var(--primary-soft-black);
            color: var(--text-color-white);
            padding: 5px 12px;
            border-radius: 3px;
            text-decoration: none;
            font-size: 12px;
        }

        .btn:hover {
            background: #1b5e20;
        }

        @media(max-width:1000px) {
            .authorities-container {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media(max-width:600px) {
            .authorities-container {
                grid-template-columns: 1fr;
            }
        }