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

/* Page 1 */

.slide-page1 { 
            position: relative;
            
        }
        .overlay-page1 {
            background: linear-gradient(135deg, rgba(0,128,128,0.85) 0%, rgba(255,153,51,0.85) 100%);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
            backdrop-filter: blur(2px);
        }
        .title-text-page1 {
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
        }
        .subtitle-box-page1 {
            background-color: rgba(255, 250, 240, 0.9);
            border-left: 6px solid #FF9933;
        }

/* Page 2 */

.slide-page2 { 
            background-color: #FFFAF0;
            color: #36454F;
            font-family: 'Arial', sans-serif;
        }
        .header-page2 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .content-box-page2 {
            background-color: rgba(255, 255, 255, 0.8);
            border-left: 5px solid #FF9933;
        }
        .icon-box-page2 {
            background-color: #FFFAF0;
            border-radius: 50%;
            width: 70px;
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px;
            color: #008080;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

/* Page 3 */

.slide-page3 { 
            background-color: #FFFAF0;
            color: #36454F;
            font-family: 'Arial', sans-serif;
        }
        .header-page3 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .skill-card-page3 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            border-bottom: 4px solid #FF9933;
        }
        .skill-icon-page3 {
            background-color: #008080;
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
        }
        .career-path-page3 {
            background-color: rgba(255, 255, 255, 0.9);
            border-left: 4px solid #008080;
            transition: transform 0.3s ease;
        }
        .career-path-page3:hover, .skill-card-page3:hover {
            transform: translateY(-5px);
        }

/* Page 4 */

.slide-page4 { 
            background-color: #FFFAF0;
            color: #36454F;
        }
        .header-page4 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .college-card-page4 {
            background-color: white;
            border-left: 4px solid #FF9933;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            transition: transform 0.2s;
        }
        .college-card-page4:hover {
            transform: translateY(-3px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.15);
        }
        .college-type-page4 {
            background-color: rgba(0,128,128,0.1);
            border-left: 4px solid #008080;
        }
        .icon-badge-page4 {
            background-color: #008080;
            color: white;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 10px;
        }

/* Page 5 */

.slide-page5 { 
            background-color: #FFFAF0;
            color: #36454F;
            font-family: 'Arial', sans-serif;
        }
        .header-page5 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .exam-card-page5 {
            background-color: white;
            border-left: 5px solid #FF9933;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        .exam-card-page5:hover {
            transform: translateY(-5px);
        }
        .icon-circle-page5 {
            background-color: #008080;
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* Page 6 */

.slide-page6 { 
            background-color: #FFFAF0;
            color: #36454F;
            font-family: 'Arial', sans-serif;
        }
        .header-page6 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .role-card-page6 {
            background-color: white;
            border-left: 4px solid #FF9933;
            transition: transform 0.3s ease;
        }
        .role-card-page6:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
        }
        .role-icon-page6 {
            background-color: #008080;
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* Page 7 */

.slide-page7 { 
            background-color: #FFFAF0;
            color: #36454F;
            font-family: 'Arial', sans-serif;
        }
        .header-page7 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .career-card-page7 {
            background-color: white;
            border-left: 5px solid #FF9933;
            transition: transform 0.3s ease;
        }
        .career-card-page7:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
        }
        .icon-circle-page7 {
            background-color: #008080;
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* Page 8 */

.slide-page8 { 
            background-color: #FFFAF0;
            color: #36454F;
            font-family: 'Arial', sans-serif;
        }
        .header-page8 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .role-card-page8 {
            background-color: white;
            border-left: 5px solid #FF9933;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        .role-card-page8:hover {
            transform: translateY(-5px);
        }
        .icon-box-page8 {
            background-color: #008080;
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .image-container-page8 {
            border: 3px solid #FF9933;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }

/* Page 9 */

.slide-page9 { 
            background-color: #FFFAF0;
            color: #36454F;
            font-family: 'Arial', sans-serif;
        }
        .header-page9 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .content-box-page9 {
            background-color: rgba(255, 255, 255, 0.8);
            border-left: 5px solid #FF9933;
        }
        .role-card-page9 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        .role-card-page9:hover {
            transform: translateY(-5px);
        }
        .icon-circle-page9 {
            background-color: #FF9933;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
        }

/* Page 10 */

.slide-page10 { 
            background-color: #FFFAF0;
            color: #36454F;
            font-family: 'Arial', sans-serif;
        }
        .header-page10 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .content-box-page10 {
            background-color: rgba(255, 255, 255, 0.8);
            border-left: 5px solid #FF9933;
        }
        .salary-bar {
            fill: url(#salary-gradient);
        }
        .salary-bar-min {
            fill: #008080;
        }
        .salary-bar-max {
            fill: #FF9933;
        }
        .job-role {
            font-size: 14px;
            font-weight: bold;
        }
        .salary-label {
            font-size: 12px;
            font-weight: normal;
        }

/* Page 11 */

.slide-page11 { 
            background-color: #FFFAF0;
            color: #36454F;
            font-family: 'Arial', sans-serif;
        }
        .header-page11 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .card-page11 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            height: 100%;
        }
        .card-page11:hover {
            transform: translateY(-5px);
        }
        .card-header-page11 {
            border-bottom: 3px solid #FF9933;
            padding: 15px;
            background-color: rgba(0, 128, 128, 0.1);
        }
        .icon-circle-page11 {
            background-color: #FF9933;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
        }
        .list-item-page11 {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        .image-container-page11 {
            height: 140px;
            
            border-radius: 8px;
        }

/* Page 12 */

.slide-page12 { 
            background-color: #FFFAF0;
            color: #36454F;
            font-family: 'Arial', sans-serif;
        }
        .header-page12 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .country-card-page12 {
            background-color: white;
            border-left: 5px solid #FF9933;
            transition: transform 0.3s ease;
        }
        .country-card-page12:hover {
            transform: translateY(-5px);
        }
        .country-icon-page12 {
            background-color: #008080;
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
        }
        .work-period-page12 {
            background-color: #FF9933;
            color: white;
            padding: 2px 8px;
            border-radius: 12px;
            font-weight: bold;
        }

/* Page 13 */

.slide-page13 { 
            background-color: #FFFAF0;
            color: #36454F;
            font-family: 'Arial', sans-serif;
        }
        .header-page13 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .region-card-page13 {
            background-color: white;
            border-left: 5px solid #FF9933;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        .region-card-page13:hover {
            transform: translateY(-5px);
        }
        .region-icon-page13 {
            background-color: #008080;
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
        }

/* Page 14 */

.slide-page14 { 
            background-color: #FFFAF0;
            color: #36454F;
            font-family: 'Arial', sans-serif;
        }
        .header-page14 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .business-card-page14 {
            background-color: white;
            border-left: 5px solid #FF9933;
            transition: transform 0.3s ease;
        }
        .business-card-page14:hover {
            transform: translateY(-5px);
        }
        .icon-container-page14 {
            background-color: #008080;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

/* Page 15 */

.slide-page15 { 
            background-color: #FFFAF0;
            color: #36454F;
            font-family: 'Arial', sans-serif;
        }
        .header-page15 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .step-box-page15 {
            background-color: white;
            border-left: 4px solid #FF9933;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .step-icon-page15 {
            background-color: #008080;
            color: white;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

/* Page 16 */

.slide-page16 { 
            background-color: #FFFAF0;
            color: #36454F;
            font-family: 'Arial', sans-serif;
        }
        .header-page16 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .role-card-page16 {
            background-color: white;
            border-left: 4px solid #FF9933;
            transition: transform 0.3s ease;
        }
        .role-card-page16:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px rgba(0,0,0,0.1);
        }
        .career-path-page16 {
            position: relative;
        }
        .career-path-page16::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            height: 2px;
            background-color: #008080;
            z-index: 0;
        }
        .path-step-page16 {
            z-index: 1;
            background-color: white;
        }

/* Page 17 */

.slide-page17 { 
            background-color: #FFFAF0;
            color: #36454F;
            font-family: 'Arial', sans-serif;
        }
        .header-page17 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .content-box-page17 {
            background-color: rgba(255, 255, 255, 0.8);
            border-left: 5px solid #FF9933;
        }
        .icon-box-page17 {
            background-color: #FFFAF0;
            border-radius: 50%;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            color: #008080;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .growth-arrow-page17 {
            position: relative;
            height: 4px;
            background-color: #FF9933;
            margin: 20px 0;
        }
        .growth-arrow-page17:after {
            content: '';
            position: absolute;
            right: -10px;
            top: -8px;
            width: 0;
            height: 0;
            border-left: 15px solid #FF9933;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
        }
        .prospect-card-page17 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        .prospect-card-page17:hover {
            transform: translateY(-5px);
        }

/* Page 18 */
		
.slide-page18 { 
            background-color: #FFFAF0;
            color: #36454F;
            font-family: 'Arial', sans-serif;
        }
        .header-page18 {
            background-color: #008080;
            color: white;
            padding: 20px;
            border-bottom: 5px solid #FF9933;
        }
        .content-box-page18 {
            background-color: rgba(255, 255, 255, 0.8);
            border-left: 5px solid #FF9933;
        }
        .step-box-page18 {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }
        .step-box-page18:hover {
            transform: translateY(-5px);
        }
        .icon-circle-page18 {
            background-color: #FF9933;
            color: white;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

/* Footer */ 

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