.program-intro-section{
            background-color: #000;
            background-image: radial-gradient(circle at 20% 50%, rgba(87, 74, 204, 0.5) 0%, rgba(20, 20, 40, 0.7) 25%, rgba(0, 0, 0, 1) 100%);
            padding: 150px 0;
            position: relative;
        }
.program-section{
     background-color: #000;
    background-image: radial-gradient(circle at 50% 50%, rgba(87, 74, 204, 0.5) 0%, rgba(20, 20, 40, 0.7) 60%, rgba(0, 0, 0, 1) 100%);
           
}
.program-detail {
    margin-top: 100px; /* adjust this based on your navbar height */
    padding: 20px;
}

.program-title {
            font-family: "DM Serif Text", serif;
            font-size: 40px;
            line-height: 1.1;
            /* background: linear-gradient(45deg, #FF006E, #8338EC, #3A86FF, #FFBE0B); */
            background: linear-gradient(45deg, #ffffff, #f6c394, #f38e41, #f09147);
            background-size: 200% 200%;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: gradientShift 1.5s ease infinite;
            margin-bottom: 1rem;
            padding-bottom: 3px;
        }
        .program-title1 {
            font-family: "DM Serif Text", serif;
            font-size: 60px;
            line-height: 1.1;
            /* background: linear-gradient(45deg, #FF006E, #8338EC, #3A86FF, #FFBE0B); */
            background: linear-gradient(45deg, #ffffff, #f6c394, #f38e41, #f09147);
            background-size: 200% 200%;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: gradientShift 1.5s ease infinite;
            margin-bottom: 1rem;
            padding-bottom: 3px;
        }

        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
.p-text{
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
}