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

/* Page 1 */

.slide-page1 { 
            position: relative;
            
            background: linear-gradient(135deg, #F5F5F5 0%, #E9E9E9 100%);
        }
        
        .title-page1 {
            font-family: 'Montserrat', sans-serif;
        }
        
        .geometric-shape {
            position: absolute;
            background-color: rgba(226, 125, 96, 0.1);
            border: 2px solid rgba(226, 125, 96, 0.3);
            transform: rotate(45deg);
        }

/* Page 2 */

.slide-page2 { 
            position: relative;
            background: linear-gradient(135deg, #F5F5F5 0%, #E9E9E9 100%);
            
        }
        .geometric-shape-page2 {
            position: absolute;
            opacity: 0.1;
            background-color: #E27D60;
        }
        .benefit-card-page2 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        .benefit-card-page2:hover {
            transform: translateY(-5px);
        }
        .icon-container-page2 {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* Page 3 */

.slide-page3 { 
            position: relative;
            background: linear-gradient(135deg, #F5F5F5 0%, #E9E9E9 100%);
            
        }
        .geometric-shape-page3 {
            position: absolute;
            opacity: 0.1;
            background-color: #E27D60;
        }
        .pathway-card-page3 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            height: 100%;
        }
        .pathway-card-page3:hover {
            transform: translateY(-5px);
        }
        .icon-container-page3 {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .feature-item-page3 {
            display: flex;
            align-items: center;
            margin-bottom: 8px;
        }

/* Page 4 */

.slide-page4 { 
            position: relative;
            background: linear-gradient(135deg, #F5F5F5 0%, #E9E9E9 100%);
            
        }
        .geometric-shape-page4 {
            position: absolute;
            opacity: 0.1;
            background-color: #E27D60;
        }
        .exam-card-page4 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            height: 100%;
        }
        .exam-card-page4:hover {
            transform: translateY(-5px);
        }
        .icon-container-page4 {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .exam-header-page4 {
            border-bottom: 2px solid rgba(226, 125, 96, 0.3);
            padding-bottom: 8px;
            margin-bottom: 12px;
        }

/* Page 5 */

.slide-page5 { 
            position: relative;
            background: linear-gradient(135deg, #F5F5F5 0%, #E9E9E9 100%);
            
        }
        .geometric-shape-page5 {
            position: absolute;
            opacity: 0.1;
            background-color: #E27D60;
        }
        .exam-card-page5 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        .exam-card-page5:hover {
            transform: translateY(-5px);
        }
        .timeline-point-page5 {
            width: 16px;
            height: 16px;
            border-radius: 50%;
        }
        .timeline-line-page5 {
            height: 4px;
            background-color: #A9A9A9;
        }

/* Page 6 */

.slide-pag6 { 
            position: relative;
            background: linear-gradient(135deg, #F5F5F5 0%, #E9E9E9 100%);
            
        }
        .geometric-shape-pag6 {
            position: absolute;
            opacity: 0.1;
            background-color: #E27D60;
        }
        .college-card-pag6 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        .college-card-pag6:hover {
            transform: translateY(-3px);
        }
        .icon-container-pag6 {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* Page 7 */

.slide-page7 { 
            position: relative;
            background: linear-gradient(135deg, #F5F5F5 0%, #E9E9E9 100%);
            
        }
        .geometric-shape-page7 {
            position: absolute;
            opacity: 0.1;
            background-color: #E27D60;
        }
        .career-card-page7 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            height: 100%;
        }
        .career-card-page7:hover {
            transform: translateY(-5px);
        }
        .icon-container-page7 {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .image-container-page7 {
            border-radius: 12px;
            
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }

/* Page 8 */

.slide-page8 { 
            position: relative;
            background: linear-gradient(135deg, #F5F5F5 0%, #E9E9E9 100%);
            
        }
        .geometric-shape-page8 {
            position: absolute;
            opacity: 0.1;
            background-color: #E27D60;
        }
        .role-card-page8 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            height: 100%;
        }
        .role-card-page8:hover {
            transform: translateY(-5px);
        }
        .icon-container-page8 {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* Page 9 */


.slide-page9 { 
            position: relative;
            background: linear-gradient(135deg, #F5F5F5 0%, #E9E9E9 100%);
            
        }
        .geometric-shape-page9 {
            position: absolute;
            opacity: 0.1;
            background-color: #E27D60;
        }
        .salary-card-page9 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .chart-container {
            height: 300px;
        }
        .bar {
            transition: opacity 0.3s;
        }
        .bar:hover {
            opacity: 0.8;
        }
		
		
/* Page 10 */

.slide-page10 { 
            position: relative;
            background: linear-gradient(135deg, #F5F5F5 0%, #E9E9E9 100%);
            
        }
        .geometric-shape-page10 {
            position: absolute;
            opacity: 0.1;
            background-color: #E27D60;
        }
        .path-card-page10 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .icon-circle-page10 {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
		
/* Footer */ 

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