.portal-header {
                    padding: 40px 0 20px 0;
                    text-align: center;
                }

                .portal-header h5 {
                    font-size: 16px;
                    font-weight: 500;
                    color: #286fb7;
                    margin-bottom: 15px;
                }

                .portal-header p {
                    font-size: 14px;
                    text-align: center;
                }

                .role-section {
                    margin-top: 10px;
                }

                .role-card {
                    background: #ffffff;
                    padding: 35px;
                    border: 1px solid #d9e1e8;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                }

                .role-icon {
                    font-size: 30px;
                    color: #286fb7;
                    margin-bottom: 20px;
                    text-align: center;
                }

                .role-card h5 {
                    font-size: 17px;
                    font-weight: 600;
                    margin-bottom: 15px;
                    color: #286fb7;
                    text-align: center;
                }

                .role-card p {
                    font-size: 14px;
                    text-align: justify;
                    margin-bottom: 25px;
                    flex-grow: 1;
                }

                .btn-medportal {
                    background-color: #286fb7;
                    color: #ffffff;
                    padding: 12px;
                    border: none;
                    width: 100%;
                    font-size: 14px;
                    font-weight: 500;
                    text-align: center;
                    display: inline-block;
                    text-decoration: none;
                    border-radius: 0;
                    transition: background-color 0.2s;
                }

                .btn-medportal:hover {
                    background-color: #1f5d99;
                    color: #ffffff;
                    text-decoration: none;
                }

                .login-hint {
                    margin-top: 10px;
                    font-size: 12px;
                    color: #666;
                    text-align: center;
                }

                .g-4 {
                    --bs-gutter-y: 1.5rem;
                }
                .mb-30 {
                    margin-bottom: 30px;
                }

                /* کارت چهارم در سطر جداگانه و با عرض کامل */
                .relocation-full-row {
                    margin-top: 30px;
                }
                .relocation-full-row .role-card {
                    max-width: 100%;
                }

                /* برای هم‌قد شدن سه کارت اول */
                .row.role-section:first-of-type {
                    display: flex;
                    flex-wrap: wrap;
                }
                .row.role-section:first-of-type > [class*="col-"] {
                    display: flex;
                    flex-direction: column;
                }
                .row.role-section:first-of-type > [class*="col-"] .role-card {
                    flex: 1;
                }