body { height:auto;  margin: 0 auto; padding: 0;}
 
 /* Page 1 */
.slide{ 
  position: relative;
  background: linear-gradient(135deg, #F8F9FA 0%, #E9ECEF 100%);
}

.title{
  font-family: 'Montserrat', sans-serif;
  color: #05668D;
}
		
.subtitle{
  font-family: 'Open Sans', sans-serif;
}

.molecule{
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: 0;
}

.atom{
  position: absolute;
  border-radius: 50%;
  background: #05668D;
  opacity: 0.7;
  animation: float 20s infinite ease-in-out;
}

.bond{
  position: absolute;
  background: #05668D;
  transform-origin: center left;
  opacity: 0.5;
}

@keyframes float{
   0%, 100% { transform: translate(0, 0) rotate(0deg); }
   25% { transform: translate(15px, -15px) rotate(5deg); }
   50% { transform: translate(0, 10px) rotate(0deg); }
   75% { transform: translate(-15px, -5px) rotate(-5deg); }
}

.pure-science{
  background-color: rgba(255, 154, 139, 0.15);
  border-left: 5px solid #FF9A8B;
}

.life-science{
  background-color: rgba(209, 232, 226, 0.15);
  border-left: 5px solid #D1E8E2;
}

.date{
  position: absolute;
  bottom: 20px;
  right: 30px;
  font-family: 'Open Sans', sans-serif;
  color: #05668D;
}

/* Page 2 */

.slide-page2{ 
            position: relative;
            background-color: #F8F9FA;
            color: #05668D;
        }
        .title-bar-page2 {
            background-color: #05668D;
            height: 80px;
            width: 100%;
            display: flex;
            align-items: center;
            padding: 0 40px;
            color: white;
        }
		.content-area-page2 {
            padding: 30px 40px;
        }
        .subject-card-page2 {
            background-color: white;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            height: 100%;
            transition: transform 0.3s;
        }
        .subject-card-page2:hover {
            transform: translateY(-5px);
        }
		.icon-circle {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
        }
        .physics {
            background-color: rgba(255, 154, 139, 0.2);
            color: #FF9A8B;
        }
        .chemistry {
            background-color: rgba(209, 232, 226, 0.2);
            color: #D1E8E2;
        }
        .mathematics {
            background-color: rgba(255, 195, 0, 0.2);
            color: #FFC300;
        }
        .skills {
            background-color: rgba(5, 102, 141, 0.1);
            color: #05668D;
        }
		
/* Page 3 */

.slide-page3 { 
            position: relative;
            background-color: #F8F9FA;
            color: #05668D;
        }
        .title-bar-page3 {
            background-color: #05668D;
            height: 80px;
            width: 100%;
            display: flex;
            align-items: center;
            padding: 0 40px;
            color: white;
        }
        .content-area-page3 {
            padding: 20px 40px;
        }
        .card {
            background-color: white;
            border-radius: 8px;
            padding: 15px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            height: 100%;
        }
        .exam-card {
            background-color: rgba(255, 154, 139, 0.1);
            border-left: 4px solid #FF9A8B;
        }
        .college-card {
            background-color: rgba(209, 232, 226, 0.1);
            border-left: 4px solid #D1E8E2;
        }
       .exam-card .icon-circle, .college-card .icon-circle {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
        }
        .exam-icon {
            background-color: rgba(255, 154, 139, 0.2);
            color: #FF9A8B;
        }
        .college-icon {
            background-color: rgba(209, 232, 226, 0.2);
            color: #D1E8E2;
        }
        .highlight {
            color: #FFC300;
            font-weight: bold;
        }
		
/* Page 4 */

.slide-page4 { 
            position: relative;
            background-color: #F8F9FA;
            color: #05668D;
        }
        .title-bar-page4 {
            background-color: #05668D;
            height: 80px;
            width: 100%;
            display: flex;
            align-items: center;
            padding: 0 40px;
            color: white;
        }
        .content-area-page4 {
            padding: 30px 40px;
        }
        .course-card-page4 {
            background-color: white;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            height: 100%;
            transition: transform 0.3s;
            border-left: 5px solid #D1E8E2;
        }
        .course-card-page4:hover {
            transform: translateY(-5px);
        }
        .course-card-page4 .icon-circle {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
            background-color: rgba(209, 232, 226, 0.3);
            color: #05668D;
        }
       .content-area-page4 .overview-box {
            background-color: rgba(209, 232, 226, 0.2);
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 20px;
        }
		
/* Page 5 */

.slide-page5 { 
            position: relative;
            background-color: #F8F9FA;
            color: #05668D;
        }
        .title-bar-page5 {
            background-color: #05668D;
           
            width: 100%;
            display: flex;
            align-items: center;
            padding: 0 40px;
            color: white;
        }
        .content-area-page5 {
            padding: 20px 40px;
        }
        .course-card-page5 {
            background-color: white;
            border-radius: 8px;
            padding: 15px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            height: 100%;
        }
       .course-card-page5 .icon-circle {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .clinical-research {
            background-color: rgba(255, 154, 139, 0.2);
            color: #FF9A8B;
        }
        .applied-psychology {
            background-color: rgba(209, 232, 226, 0.2);
            color: #D1E8E2;
        }
        .medical-biotech {
            background-color: rgba(255, 195, 0, 0.2);
            color: #FFC300;
        }
        .env-health {
            background-color: rgba(5, 102, 141, 0.2);
            color: #05668D;
        }
        .card-header-page5 {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        .card-body-page5 {
            height: calc(100% - 60px);
        }
		
/* Page 6 */

.slide-page6 { 
            position: relative;
            background-color: #F8F9FA;
            color: #05668D;
            background-image: linear-gradient(to bottom right, rgba(209, 232, 226, 0.1), rgba(255, 255, 255, 1));
}
        .title-bar-page6 {
            background-color: #05668D;
            height: 80px;
            width: 100%;
            display: flex;
            align-items: center;
            padding: 0 40px;
            color: white;
        }
        .content-area-page6 {
            padding: 30px 40px;
        }
        .career-card-page6 {
            background-color: white;
            border-radius: 8px;
            padding: 15px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s;
            margin-bottom: 12px;
            border-left: 4px solid transparent;
        }
        .career-card-page6:hover {
            transform: translateY(-5px);
        }
        .icon-circle-page6 {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            flex-shrink: 0;
        }
        .science-page6 {
            background-color: rgba(209, 232, 226, 0.3);
            color: #05668D;
        }
        .health-page6 {
            background-color: rgba(255, 154, 139, 0.3);
            color: #05668D;
        }
        .other-page6 {
            background-color: rgba(252, 225, 129, 0.3);
            color: #05668D;
        }
        .science-card-page6 {
            border-left-color: #05668D;
        }
        .health-card-page6 {
            border-left-color: #FF9A8B;
        }
        .field-tag-page6 {
            display: inline-flex;
            align-items: center;
            background-color: white;
            padding: 8px 12px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            margin: 0 6px 10px 0;
            transition: all 0.2s ease;
        }
        .field-tag-page6:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        .highlight {
            color: #FFC300;
            font-weight: bold;
        }


/* Page 7 */

.slide-page7 { 
            position: relative;
            background-color: #F8F9FA;
            color: #05668D;
        }
        .title-bar-page7 {
            background-color: #05668D;
            height: 80px;
            width: 100%;
            display: flex;
            align-items: center;
            padding: 0 40px;
            color: white;
        }
        .content-area-page7 {
            padding: 30px 40px;
        }
        .career-card-page7 {
            background-color: white;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            height: 100%;
            transition: transform 0.3s;
        }
        .career-card-page7:hover {
            transform: translateY(-5px);
        }
        .career-card-page7 .icon-circle {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
        }
        .research {
            background-color: rgba(255, 154, 139, 0.2);
            color: #FF9A8B;
        }
        .healthcare {
            background-color: rgba(209, 232, 226, 0.2);
            color: #D1E8E2;
        }
        .data {
            background-color: rgba(255, 195, 0, 0.2);
            color: #FFC300;
        }
        .education {
            background-color: rgba(5, 102, 141, 0.2);
            color: #05668D;
        }
        .industry {
            background-color: rgba(144, 238, 144, 0.2);
            color: #32CD32;
        }

/* Page 8 */

.slide-page8 { 
            position: relative;
            background-color: #F8F9FA;
            color: #05668D;
        }
        .title-bar-page8 {
            background-color: #05668D;
            height: 80px;
            width: 100%;
            display: flex;
            align-items: center;
            padding: 0 40px;
            color: white;
        }
        .content-area-page8 {
            padding: 30px 40px;
        }
        .sector-card-page8 {
            background-color: white;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            height: 100%;
            transition: transform 0.3s;
            border-left: 5px solid transparent;
        }
        .sector-card-page8:hover {
            transform: translateY(-5px);
        }
        .research {
            border-color: #FF9A8B;
        }
        .pharmaceutical {
            border-color: #D1E8E2;
        }
        .environmental {
            border-color: #FFC300;
        }
        .healthcare {
            border-color: #05668D;
        }
        .communication {
            border-color: #9C51B6;
        }
        .sector-card-page8 .icon-circle {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
        }
        .research-icon {
            background-color: rgba(255, 154, 139, 0.2);
            color: #FF9A8B;
        }
        .pharmaceutical-icon {
            background-color: rgba(209, 232, 226, 0.2);
            color: #D1E8E2;
        }
        .environmental-icon {
            background-color: rgba(255, 195, 0, 0.2);
            color: #FFC300;
        }
        .healthcare-icon {
            background-color: rgba(5, 102, 141, 0.2);
            color: #05668D;
        }
        .communication-icon {
            background-color: rgba(156, 81, 182, 0.2);
            color: #9C51B6;
        }

/* Page 9 */

.slide-page9 { 
            position: relative;
            background-color: #F8F9FA;
            color: #05668D;
        }
        .title-bar-page9 {
            background-color: #05668D;
            height: 80px;
            width: 100%;
            display: flex;
            align-items: center;
            padding: 0 40px;
            color: white;
        }
        .content-area-page9 {
            padding: 30px 40px;
        }
        .opportunity-card-page9 {
            background-color: white;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            height: 100%;
            transition: transform 0.3s;
            border-left: 5px solid;
        }
        .opportunity-card-page9:hover {
            transform: translateY(-5px);
        }
        .higher-studies {
            border-color: #FF9A8B;
        }
        .international {
            border-color: #D1E8E2;
        }
        .professional {
            border-color: #FFC300;
        }
       .opportunity-card-page9 .icon-circle {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
        }
        .global-map {
            position: absolute;
            bottom: 20px;
            right: 40px;
            width: 200px;
            height: 200px;
            opacity: 0.1;
            z-index: 0;
        }









		
/* Footer */ 

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