body { height:auto;  margin: 0 auto; padding: 0;}
        

/* Page 1 */

.slide-page1 { 
            position: relative;
            background: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
            font-family: 'Open Sans', sans-serif;
        }
        .title-page1 {
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
        }
        .subtitle-page1 {
            font-family: 'Open Sans', sans-serif;
            font-weight: 400;
        }
        .tech-pattern-page1 {
            position: absolute;
            opacity: 0.1;
            background-size: 20px 20px;
            background-image: 
                linear-gradient(to right, #008080 1px, transparent 1px),
                linear-gradient(to bottom, #008080 1px, transparent 1px);
        }
        .accent-shape-page1 {
            background: #FF7F50;
            opacity: 0.8;
            border-radius: 50%;
            filter: blur(30px);
            z-index: 1;
        }
        .secondary-shape-page1 {
            background: #98FF98;
            opacity: 0.6;
            border-radius: 50%;
            filter: blur(20px);
            z-index: 1;
        }

/* Page 2 */

.slide-page2 { 
            position: relative;
            
        }
        .gradient-bg-page2 {
            background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
        }
        .title-bar-page2 {
            background: linear-gradient(90deg, #008080 0%, #483D8B 100%);
        }
        .card-page2 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        .card-page2:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }
        .icon-circle-page2 {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .career-icon-page2 {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
        }

/* Page 3 */

.slide-page3 { 
            position: relative;
            
        }
        .gradient-bg-page3 {
            background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
        }
        .title-bar-page3 {
            background: linear-gradient(90deg, #008080 0%, #483D8B 100%);
        }
        .card-page3 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        .card-page3:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }
        .role-card-page3 {
            border-left: 4px solid #008080;
        }
        .industry-icon-page3 {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .growth-bar-page3 {
            height: 24px;
            border-radius: 12px;
            position: relative;
            
        }

/* Page 4 */

.slide-page4 { 
            position: relative;
            
        }
        .gradient-bg-page4 {
            background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
        }
        .title-bar-page4 {
            background: linear-gradient(90deg, #008080 0%, #483D8B 100%);
        }
        .card-page4 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        .card-page4:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }
        .role-card-page4 {
            border-left: 4px solid #008080;
            transition: all 0.3s ease;
        }
        .role-card-page4:hover {
            background-color: #f0f9f9;
            border-left: 4px solid #483D8B;
        }
        .industry-icon-page4 {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* Page 5 */

.slide-page5 { 
            position: relative;
            
        }
        .gradient-bg-page5 {
            background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
        }
        .title-bar-page5 {
            background: linear-gradient(90deg, #483D8B 0%, #008080 100%);
        }
        .card-page5 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        .card-page5:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }
        .career-icon-page5 {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .industry-icon-page5 {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 5px;
        }

/* Page 6 */

.slide-page6 { 
            position: relative;
            
        }
        .gradient-bg-page6 {
            background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
        }
        .title-bar-page6 {
            background: linear-gradient(90deg, #008080 0%, #483D8B 100%);
        }
        .card-page6 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        .card-page6:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }
        .specialization-card-page6 {
            border-left: 4px solid;
            transition: all 0.3s ease;
        }
        .specialization-card-page6:hover {
            transform: translateX(5px);
        }
        .salary-bar-page6 {
            height: 24px;
            border-radius: 12px;
        }

/* Page 7 */

.slide-page7 { 
            position: relative;
            
        }
        .gradient-bg-page7 {
            background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
        }
        .title-bar-page7 {
            background: linear-gradient(90deg, #008080 0%, #483D8B 100%);
        }
        .card-page7 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        .card-page7:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }
        .growth-bar-page7 {
            height: 30px;
            border-radius: 15px;
            transition: width 1s ease-in-out;
        }
        .industry-icon-page7 {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .tooltip {
            position: absolute;
            padding: 8px;
            background: white;
            border-radius: 4px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.2);
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.3s;
        }

/* Page 8 */

.slide-page8 { 
            position: relative;
            
        }
        .gradient-bg-page8 {
            background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
        }
        .title-bar-page8 {
            background: linear-gradient(90deg, #008080 0%, #483D8B 100%);
        }
        .card-page8 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        .card-page8:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }
        .college-item-page8 {
            transition: all 0.2s ease;
        }
        .college-item-page8:hover {
            transform: translateX(5px);
            color: #008080;
        }
        .icon-circle-page8 {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* Page 9 */

.slide-page9 { 
            position: relative;
            
        }
        .gradient-bg-page9 {
            background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
        }
        .title-bar-page9 {
            background: linear-gradient(90deg, #008080 0%, #483D8B 100%);
        }
        .card-page9 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        .card-page9:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }
        .pathway-arrow-page9 {
            position: relative;
            height: 3px;
            background-color: #008080;
            margin: 0 15px;
        }
        .pathway-arrow-page9:after {
            content: '';
            position: absolute;
            right: -10px;
            top: -8px;
            width: 0;
            height: 0;
            border-left: 12px solid #008080;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
        }
        .icon-circle-page9 {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* Page 10 */

.slide-page10 { 
            position: relative;
            
        }
        .gradient-bg-page10 {
            background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
        }
        .title-bar-page10 {
            background: linear-gradient(90deg, #008080 0%, #483D8B 100%);
        }
        .card-page10 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .recommendation-card-page10 {
            border-left: 4px solid;
            transition: all 0.3s ease;
        }
        .recommendation-card-page10:hover {
            transform: translateX(5px);
        }
        .icon-circle-page10 {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
		
/* Footer */ 

.slide-footer { 
            position: relative;
            
        }
		
		.footer-card  {
            transition: all 0.3s ease;
        }