.form_banner {
    background-image: url('../../Images/mba-bg-img.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.ranking-sec {
    align-items: unset !important;
}

.accordion-item {
    margin-bottom: 10px;
}

#tab-menus .tab-content {
    background-color: #fff;
    padding: 5px 15px;
    box-shadow: 0 0 5px 0 #cccccc9e;
}

.nav-tabs .nav-link {
    background: #eee;
    border-radius: 20px;
    margin: 5px;
    transition: 0.3s;
    font-weight: bold;
    padding: 5px 10px;
}

.bba-adm-box h2 {
    margin: 10px 0 0 20px;
    font-size: 35px !important;
    color: #d5ae6c;
    font-weight: 700;
}

@media (max-width: 768px) {
    .bba-adm-box h2 {
        margin: 10px 0 0 20px;
        font-size: 20px !important;
        color: #d5ae6c;
        font-weight: 700;
    }
}
.step-box {
    border: 2px solid #AD314D;
    border-radius: 10px;
    padding: 30px 20px;
    position: relative;
    text-align: center;
    transition: all 0.3s ease;
    background-color: #fff;
}

.step-circle {
    background-color: #AD314D;
    color: white;
    font-weight: bold;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    border-radius: 50%;
    margin: 0 auto;
}

.step-box:hover {
    box-shadow: 0 4px 20px rgba(198, 40, 40, 0.2);
}
/* onlinemca */
  .career-journey-section {
                padding: 2rem 0;
                background-image: url(/img/collab-bg.jpg);
                background-repeat: no-repeat;
                background-size: cover;
            }

            .section-titlee h2 {
                font-weight: 700;
             color: #111111; /* Deep charcoal for text */
                position: relative;
                padding-bottom: 1rem;
            }

                /* Underline effect for the title */
                .section-titlee h2::after {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    transform: translateX(-50%);
                    width: 80px;
                    height: 4px;
                    background-color: #a12959; /* Accent color */
                    border-radius: 2px;
                }

            .section-titlee p {
                color: #7f8c8d;
                font-size: 1.1rem;
                max-width: 600px;
                margin: 1rem auto 0;
            }

            /* --- Timeline Styles --- */
            .career-timeline {
                position: relative;
                max-width: 1000px;
                margin: 4rem auto;
            }

                /* The central line */
                .career-timeline::after {
                    content: '';
                    position: absolute;
                    width: 4px;
                    background-color: #bdc3c7;
                    top: 0;
                    bottom: 0;
                    left: 50%;
                    margin-left: -2px;
                    border-radius: 2px;
                }

            /* Container around content */
            .timeline-container {
                padding: 10px 40px;
                position: relative;
                background-color: inherit;
                width: 50%;
            }

                /* Place containers to the left */
                .timeline-container.left {
                    left: 0;
                }

                /* Place containers to the right */
                .timeline-container.right {
                    left: 50%;
                }

            /* The content card */
            .timeline-content {
                padding: 2rem;
                background-color: white;
                position: relative;
                border-radius: 12px;
                box-shadow: 0 4px 25px rgba(0,0,0,0.06);
                transition: transform 0.3s ease;
            }

                .timeline-content:hover {
                    transform: translateY(-5px);
                }

                /* Arrow pointing to timeline */
                .timeline-content::after {
                    content: " ";
                    position: absolute;
                    top: 28px;
                    border: 15px solid transparent;
                    border-left-color: white;
                }

            .timeline-container.right .timeline-content::after {
                right: 100%;
            }

            .timeline-container.left .timeline-content::after {
                left: 100%;
                border-left-color: transparent;
                border-right-color: white;
            }

            /* The icon on the timeline */
            .timeline-icon {
                position: absolute;
                width: 60px;
                height: 60px;
                right: -30px;
                top: 15px;
                background-color: #a12959;
                color: white;
                border-radius: 50%;
                z-index: 10;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.8rem;
                border: 4px solid #ecf0f1;
            }

            .timeline-container.right .timeline-icon {
                left: -30px;
            }

            .timeline-content h3 {
                font-weight: 600;
                color: #a12959;
                margin-bottom: 0.5rem;
            }

            .timeline-content h4 {
                font-size: 1.3rem;
                font-weight: 600;
                color: #2c3e50;
                margin-bottom: 1rem;
            }

            .job-list-timeline {
                list-style: none;
                padding-left: 0;
            }

                .job-list-timeline li {
                    padding: 0.25rem 0;
                    color: #34495e;
                }

                    .job-list-timeline li i {
                        color: #27ae60; /* Success green for checks */
                        margin-right: 0.75rem;
                    }

            /* Responsive adjustments */
            @media screen and (max-width: 768px) {
                .career-timeline::after {
                    left: 31px;
                }

                .timeline-container {
                    width: 100%;
                    padding-left: 70px;
                    padding-right: 15px;
                }

                    .timeline-container.right {
                        left: 0%;
                    }

                .timeline-icon {
                    left: 0px!important;
                }

                .timeline-content::after {
                    left: -30px;
                    border-left-color: transparent;
                    border-right-color: white;
                }
            }
/* onlinemca */