 * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    html, body {
	background-color: #2a4d8e !important;
      font-family: 'Poppins', sans-serif;
      background: linear-gradient(135deg, #1a2a6c, #2a4d8e);
      height: 100%;
      width: 100%;
      overflow-x: hidden;
    }

    .reveal {
      border-radius: 20px;
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35);
      width: 100%;
      height: 100%;
      max-width: 1350px;
      margin: 0 auto;
    }
.slide-container {			
			min-width: 100%;
    max-width: 1350px;
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: hidden; /* Disable horizontal scrolling within slides */	
             position: relative;            
            backdrop-filter: blur(8px);
            
        }

        .slide-container::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 5px;
            
		   overflow-y: auto;
        }
    .slide {
      height: 100%;
      width: 100%;
    }

    section {
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    section > div {
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .header {
      text-align: center;
      background: linear-gradient(120deg, #0c3483, #1a56db, #0ea5e9);
      color: white;
      padding: 20px;
      border-radius: 10px;
    }

    .logo-circle {
      width: 80px;
      height: 80px;
      background: linear-gradient(135deg, #55d0ff, #36096D);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto 10px auto;
      box-shadow: 0 0 20px rgba(85, 208, 255, 0.6);
    }

    .logo-circle i {
      font-size: 2rem;
      color: white;
    }

    .title {
      font-family: 'Montserrat', sans-serif;
      font-size: 2.4rem;
      font-weight: 600;
      margin-top: 10px;
    }

    .subtitle {
      font-size: 1.5rem;
      opacity: 0.9;
      margin: 15px auto 0 auto;
      max-width: 75%;
      line-height: 1.4;
      text-align: center;
    }

    .impact-section {
      display: flex;
      flex-direction: row;
      gap: 20px;
      background: #fff;
      padding: 20px;
      border-radius: 12px;
      margin-top: 20px;
      align-items: flex-start;
    }

    .impact-title {
      flex: 1;
      font-family: 'Montserrat', sans-serif;
      font-size: 2rem;
      font-weight: 400;
      /* color: #1a2a6c; */
      color: #4361EE;
      margin-bottom: 10px;
    }

    .impact-content {
      flex: 2;
      font-size: 1.2rem;
      color: #333;
      line-height: 1.6;
    }

    .highlight {
      font-weight: bold;
      color: #e67e22;
    }

    .highlight-1 {
      font-weight: bold;
      color: #16a085;
    }

    .comparison-section {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      margin-bottom: 40px;
      width: 100%;
      margin-top: 20px;
    }

    .comparison-card {
      flex: 1 1 240px;
      max-width: 300px;
      width: 80%;
      background: #fff;
      border: 1px solid #4361EE;
      border-radius: 15px;
      padding: 15px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.2);
      transition: all 0.3s ease;
    }

    .comparison-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.3);
    }

    .card-header {
      display: flex;
      align-items: center;
      margin-bottom: 10px;
    }

    .card-icon {
      font-size: 2.4rem;
      margin-right: 10px;
    }

    .google-icon { color: #4285F4; }
    .ai-icon { color: #10a37f; }
    .travel-icon { color: #4ecdc4; }

    .card-title {
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      font-size: 1.5rem;
      color: #1a56db;
    }

    .card-year {
      font-size: 1.5rem;
      font-weight: 300;
      color: #000;
    }

    .card-content {
      font-size: 1.2rem;
      line-height: 2.1;
      text-align: left;
    }

    .cta {
      text-align: center;
      margin-top: 40px;
    }

    .whiteText {
      color: #FFFFFF !important;
    }
	   .blueText { 
		color: #1a56db !important;
		}
    /* Responsive Styles (does not affect desktop layout) */
    @media(max-width: 1024px) {
      .impact-section {
        flex-direction: column;
      }
      .impact-title {
        font-size: 1.8rem;
      }
      .impact-content {
        font-size: 1rem;
      }
      .subtitle {
        max-width: 90%;
        <!-- font-size: 1rem; -->
        font-size: 1.2rem;
      }
    }

    @media(max-width: 768px) {
      .impact-title {
        font-size: 1.5rem;
      }
      .impact-content {
        font-size: 1rem;
      }
    }

    @media(max-width: 480px) {
      .impact-title {
        font-size: 1.3rem;
      }
      .impact-content {
        font-size: 0.95rem;
      }
    }

    @media(max-width: 768px) {
      .comparison-section {
        flex-direction: column;
        align-items: center;
      }
    }
	
	
	/************************Page 2*************************************/
.slide-header {
	text-align: center;
	padding: 0px 0 15px 0;
	position: relative;
	z-index: 1;
	flex-shrink: 0;
	background: linear-gradient(120deg, #0c3483, #1a56db, #0ea5e9);
            color: white;
			 border-radius: 10px;
}
.logo2 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
	
}

.logo-icon2 {
	font-size: 28px;
	margin-right: 10px;
	color: #FFF;
	/* text-shadow: 0 0 15px rgba(76, 201, 240, 0.7); */
   /* text-shadow: 0 0 15px rgba(85, 208, 255, 0.4); */
}

.logo-text2 {
	font-size: 36px;
	font-weight: 800;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}
	 .tagline {
            font-size: 24px;
            font-weight: 500;
            color :#FFF;
			max-width: 800px;
            margin: 0 auto;
            
        }
		 .content-container-5 {            
			flex: 1;
            display: flex;
            flex-direction: column;
            padding: 15px 30px;
            overflow: hidden;
			width:100%;
			justify-content: center;
			background:#FFF;
        }
	
	problem-statement {
			 display: flex;
  flex-wrap: wrap;
  justify-content: center; /* centers the cards horizontally */
  gap: 10px;
  
        }
	.stats-container {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-bottom: 20px;
			margin: 0 20px 0 20px;
			/* border: 1px solid red; */
        }
		
		.stat-card {
            flex: 1;
            min-width: 150px;
            background: #FFF;
           border-radius: 15px;
            padding: 15px;
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); 
            border: 1px solid #55d0ff;
			border-top: 4px solid #55d0ff;
            text-align: center;
			
        }
		.stat-value {
            font-size: 24px;
            font-weight: 500;
            margin: 10px 0;
           color: #1a56db;
        }
	.stat-label {
            font-size: 18px;
            color: #000;
        }
		.problems-title {
            font-size: 40px;
			font-weight:400;
            margin: 20px 0 15px;
            text-align: center;color:#4361EE;
        }
		 .problem-card {
           /* background: linear-gradient(#FFFFFF, #EEEEEE, #FFFFFF); */
           background : #FFFFFF;
            border-radius: 15px;
            padding: 20px;
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3); 
			border :1px solid #55d0ff;	
			border-top: 4px solid #55d0ff;
            transition: transform 0.3s;
			width:100%;
        }
        
        .problem-card:hover {
            transform: translateY(-5px);
            /* background: rgba(30, 40, 80, 0.7); */
            background: linear-gradient(135deg, rgba(76, 201, 240, 0.1), rgba(67, 97, 238, 0.1));
        }
        
        .problem-header {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        
        .problem-icon {
            font-size: 24px;
            color: #4361EE;
            margin-right: 12px;
            min-width: 30px;
        }
        
        .problem-title {
            font-size: 24px;
            font-weight: 700;
            text-align: left;
			color:#4361EE;
        }
        
        .problem-stats {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 15px;
        }
        
        .problem-stat {
			background: linear-gradient(135deg, rgba(76, 201, 240, 0.1), rgba(67, 97, 238, 0.1));
            border-radius: 8px;
            padding: 8px 12px;
            font-size: 18px;
			font-weight: 500;
			color:#36096D;
        }
        
        .problem-description {
            font-size: 18px;
            color: #000000;
			text-align : left;
            /* line-height: 1.5; */
        }
		
		
	 @media (max-width: 600px) {
            .content-container-5 {
                padding: 10px;
            }
	 }
	 
	 /* Responsive Design */
        @media (max-width: 900px) {
            .stats-container {
                flex-direction: column;
            }
            
            .problems-grid, .features-grid-2 { /*** features-grid-2  used in 3rd page**/
                grid-template-columns: 1fr;
            }
        }
		
		 @media (max-width: 600px) {
            .content-container-5 {
                padding: 10px;
				
            }
            
            .stat-card {
                min-width: 100%;
            }
			
		 }
		 @media (max-width: 768px) {
  .stats-container {
    flex-direction: column;
    gap: 20px;
    margin: 0 10px;
  }

  .problem-card {
    width: 100%;
  }

  .problem-stats {
    flex-direction: column;
  }

  .problem-stat {
    font-size: 16px;
    padding: 6px 10px;
  }

  .problem-title {
    font-size: 20px;
  }

  .problem-description {
    font-size: 16px;
  }

  .tagline {
    font-size: 18px;
    padding: 0 10px;
  }

  .logo-text2 {
    font-size: 24px;
  }

  .logo-icon2 {
    font-size: 22px;
  }
}
		 
/***********************PAGE 3**********************************/


.solution-intro {
            text-align: center;
            margin-bottom: 20px;
        }
        
        .solution-title {
            font-size: 32px;
            font-weight: 800;
           color: #1a56db;
            margin-bottom: 10px;
        }
        
        .solution-subtitle {
           margin: 0 auto;
			font-size: 24px;
            font-weight: 500;
            color :#000;
			max-width: 800px;
			
        }
		.features-grid-2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            flex: 1;
            overflow-y: auto;
            padding: 5px;
			margin: 0 20px 30px 20px;
        }
		.trend-card {
            background: #FFF;
            border-radius: 15px;
            padding: 25px;
             box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
           border:1px solid #55d0ff;
            border-top: 4px solid #55d0ff;
            transition: all 0.4s ease;
			
        }
        
        .trend-card:hover {
            transform: translateY(-5px);
            background: linear-gradient(135deg, rgba(76, 201, 240, 0.1), rgba(67, 97, 238, 0.1));
        }
		.feature-header-2 {
            display: flex;
            align-items: center;
            margin-bottom: 15px;

        }
        .feature-icon-2 {
			 /* font-size: 2.8rem; */
           font-size: 24px;
            margin-right: 12px;
            /* min-width: 20px; */
			
			 font-size: 24px;
            color: #1a56db;
            margin-right: 12px;
            min-width: 30px;
        }
        
        
        
        .feature-title-2 {
             /* font-size: 1.6rem; */
           font-size: 18px;	
            font-weight: 700;
            margin-bottom: 15px;
            color: #4361EE;
			text-align: left;
        }
        
        .feature-stats-2 {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 15px;
        }
        
        .feature-stat-2 {
           background: linear-gradient(135deg, rgba(76, 201, 240, 0.1), rgba(67, 97, 238, 0.1));
            border-radius: 8px;
            padding: 8px 12px;
             font-size: 18px;
			color:#36096D;
			font-weight: 500;
			text-align: left;
        }
        
        .feature-description-2 {
            font-size: 18px;
            color: #000;
            /* line-height: 1.5; */
			text-align : left;
        }
		.benefit-highlight {
            border-radius: 18px;
            padding: 20px;
            text-align: center;
            margin-top: 15px;
            flex-shrink: 0;
        }
        
        .benefit-text {
            font-size: 17px;
             color: #FFF;
            font-weight: 600;
        }
		
		 /* Responsive Styles (does not affect desktop layout) */
    @media(max-width: 1024px) {
      .trend-card {
        flex-direction: column;
      }
      .feature-header-2, .feature-stats-2 {
        font-size: 1.8rem;
      }
      .feature-stat-2 {
        font-size: 1rem;
      }
      .feature-description-2 {
        /* max-width: 90%; */
        font-size: 1rem;
      }
    }

    @media (max-width: 768px) {
      .solution-title {
        font-size: 24px;
      }

      .solution-subtitle {
        font-size: 16px;
        padding: 0 10px;
      }

      .feature-title-2 {
        font-size: 16px;
      }

      .feature-stat-2 {
        font-size: 14px;
        padding: 6px 10px;
      }

      .feature-description-2 {
        font-size: 14px;
      }

      .feature-icon-2 {
        font-size: 20px;
        margin-right: 8px;
      }

      .trend-card {
        padding: 16px;
        min-width: 0;
        word-wrap: break-word;
      }

      .benefit-text {
        font-size: 14px;
        padding: 10px;
      }

      .slide-container {
        padding: 10px;
      }

      .features-grid-2 {
       grid-template-columns: 1fr; /* Stack cards vertically */
    margin: 0 10px 30px 10px;
      }
    }
		
/********************************Page 4**********************************************************/		
.travel-os {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 15px;
            position: relative;
            z-index: 1;
            margin-bottom: 15px;
            margin-top: 25px;
            flex: 1;
            min-height: 0;
        }
        
        .os-component {
           background: #FFF;
			color:#000000;
            border-radius: 18px;
            padding: 18px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
			border:1px solid;
            border-top: 3px solid;
            display: flex;
            flex-direction: column;
            min-height: 0;
        }
		.os-component:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 30px rgba(125, 112, 136, 1);
        }
        
        .os-component::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(76, 201, 240, 0.1), rgba(67, 97, 238, 0.1));
            z-index: -1;
        }
		
		.component-icon {
            font-size: 32px;
            margin-bottom: 12px;
            text-align: center; 
			color :#4361EE;
        }
        
        .component-title {
            //font-size: 18px;
            font-size: 19px;
            font-weight: 700;
            margin-bottom: 10px;
            text-align: center;
            min-height: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1.3;
			color:#4361EE;
        }
        
        .component-list {
            /* list-style-type: none; */
            flex: 1;
            overflow-y: auto;
            min-height: 0;
            padding-right: 5px;
        }
        
        .component-list::-webkit-scrollbar {
            width: 4px;
        }
        
        .component-list::-webkit-scrollbar-thumb {
           // background: rgba(76, 201, 240, 0.5);
            background: rgba(0, 128, 191, 0.5);
            border-radius: 2px;
        }
        
        .component-list li {
            margin-bottom: 7px;
            padding-left: 20px;
            position: relative;
            /* font-size: 15.5px; */
            font-size: 18px;
            /* line-height: 1.35; */
        }
        
        .component-list li::before {
            content: "✓";
            position: absolute;
            left: 0;
           // color: #4CC9F0;
		   color: #0080bf;
            font-weight: bold;
            font-size: 14px;
        }
        
        .brain { border-color: #4361EE; }
        .heart { border-color: #FFD700; }
        .body { border-color: #4CC9F0; }
        .shield { border-color: #F72585; }
        .companion { border-color: #7209B7; }
		
		.travel-os-concept {
           
            border-radius: 18px;
            padding: 20px;
            text-align: center;
            margin-top: 15px;
            flex-shrink: 0;
        }
		@media (max-width: 768px) {
  .travel-os {
    grid-template-columns: 1fr; /* Single column layout for mobile */
    margin: 0 10px 20px 10px;
  }

  .os-component {
    min-width: 100%;
  }

  .component-title {
    font-size: 18px;
    min-height: auto;
  }

  .component-list li {
    font-size: 16px;
  }

  .benefit-text {
    font-size: 15px;
    padding: 10px;
  }
}
		.impact-card {
            background: #FFF;
			color:#000000;
            border-radius: 18px;
            padding: 20px;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
            position: relative;
            overflow: hidden;
            min-height: 0;
            display: flex;
            flex-direction: column;
        }
        
        .impact-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle at top right, rgba(67, 97, 238, 0.1), transparent 70%);
            z-index: -1;
        }
		.metric-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
            flex-shrink: 0;
        }
        
        .metric {
            text-align: center;
            padding: 12px;
            border-radius: 12px;
           background: #FFF;
			border: 1px solid #4361EE;
            transition: transform 0.3s ease;
        }
        
        .metric:hover {
            transform: scale(1.03);
          background: linear-gradient(135deg, rgba(76, 201, 240, 0.1), rgba(67, 97, 238, 0.1));
        }
        
        .metric-value {
            font-size: 28px;
            font-weight: 800;
            margin-bottom: 4px;
            background: linear-gradient(90deg, #4CC9F0, #4361EE);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .metric-label {
            font-size: 18px;
          color:#4361EE;
        }
		
		 .problem-solution {
            margin-top: 15px;
            flex: 1;
            min-height: 0;
            overflow-y: auto;
            padding-right: 5px;
        }
        
        .problem-solution::-webkit-scrollbar {
            width: 4px;
        }
        
        .problem-solution::-webkit-scrollbar-thumb {
            background: rgba(76, 201, 240, 0.5);
            border-radius: 2px;
        }
		
		 .ps-item {
            display: flex;
            margin-bottom: 12px;
            padding-bottom: 12px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .problem {
            flex: 1;
            color: #F72585;
            font-weight: 600;
            display: flex;
            align-items: center;
            font-size: 15px;
        }
        
        .problem::before {
            content: "⚠️";
            margin-right: 8px;
        }
		 .solution {
            flex: 1;
            //color: #4CC9F0;
            color: #1c39bb;;
            font-weight: 600;
            display: flex;
            align-items: center;
            font-size: 15px;text-align:left;
        }
        
        .solution::before {
            content: "✅";
            margin-right: 8px;
        }
        .impact-title i {
            margin-right: 10px;
            font-size: 24px;
        }
		 .concept-title {
            //font-size: 22px;
            font-size: 24px;
            color: #FFD700;
            margin-bottom: 10px;
        }
        
        .concept-text {
            //font-size: 16px;
            font-size: 18px;
			color:#FFF;
            /* line-height: 1.5; */
        }
		@media (max-width: 768px) {
  .problem-solution {
    padding: 10px 5px;
  }

  .ps-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .problem,
  .solution {
    font-size: 14px;
    width: 100%;
    line-height: 1.4;
  }}
		/****************************Page 5*************************************/
		.logo-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;
        }
		 .app-logo {
            display: flex;
            align-items: center;
            gap: 15px;
            font-size: 2.5rem;
            font-weight: 700;
			margin-left:20px;
			margin-top:20px;
        }
        
        .app-logo i {
            background: rgba(255, 255, 255, 0.15);
            border-radius: 50%;
            padding: 15px;
            backdrop-filter: blur(5px);
        }
		.tagline-5 {
            background: rgba(255, 255, 255, 0.15);
            padding: 8px 20px;
            border-radius: 30px;
            font-size: 1.1rem;
            backdrop-filter: blur(5px);margin-right:30px;
        }
		
		.content-5 {			
			flex: 1;
            display: flex;
            padding: 15px 30px;
            overflow: hidden;
			 width:100%;
			justify-content: center;
			background:#FFF;
        }
		.features-column {
            flex: 1.2;
            display: flex;
            flex-direction: column;
        }
		 .section-title-55 {
            color: #1a56db;
            font-family: 'Montserrat', sans-serif;
            font-size: 1.8rem;
            margin-bottom: 25px;
            padding-bottom: 12px;
            border-bottom: 3px solid #1a56db;
            display: flex;
            align-items: center;
            gap: 15px;
        }
		.features-grid-55 {
    display: grid;
    /* grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); */
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    border-radius: 15px;
    border: 1px solid #55d0ff;
    border-top: 5px solid #55d0ff;
    padding: 5px;
}
.feature-header-55 { 
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
	
}
        
        .feature-icon-55 {
    width: 50px;
    height: 50px;
    /* background: #dbeafe; */
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #1a56db;
}
        
        .feature-title-55 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    /* color: #1e293b; */
    color: #4361EE;
	text-align: left;
}

.feature-desc-55 {
    color: #4b5563;
    line-height: 1.6;
    margin-bottom: 15px;
    font-size: 1.05rem;
    flex: 1;
	text-align: left;
	padding-left:10px;
}
        .width200{
			<!-- width:200%; -->
		} 
		
		.competitor-comparison {
    background: #fff1f2;
    border-radius: 10px;
    padding: 12px 15px;
    font-size: 0.95rem;
    border-left: 3px solid #f87171;
    margin-bottom: 15px;
}
        
        .competitor-comparison strong {
            color: #ef4444;
        }
		.feature-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #1a56db;
            color: white;
            padding: 10px 18px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.95rem;
            transition: all 0.3s ease;
            align-self: flex-start;
			width:50%;
        }
        
        .feature-link:hover {
            background: #0c3483;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(26, 86, 219, 0.3);
        }
        
        .feature-link i {
            font-size: 0.9rem;
        }
.stats-container-2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            position: relative;
            z-index: 2;
        }
 .competitive-column {
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        
        .competitive-edge {
            background: linear-gradient(to bottom, #0c3483, #1a56db);
            border-radius: 20px;
            padding: 35px 30px;
            color: white;
            margin-bottom: 30px;
            box-shadow: 0 10px 30px rgba(26, 86, 219, 0.3);
            position: relative;
            overflow: hidden;
        }
        
        .competitive-edge::before {
            content: "";
            position: absolute;
            top: -50px;
            right: -50px;
            width: 200px;
            height: 200px;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 50%;
        }
        
        .competitive-edge::after {
            content: "";
            position: absolute;
            bottom: -30px;
            left: -30px;
            width: 150px;
            height: 150px;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 50%;
        }
        
        .edge-title {
            font-family: 'Montserrat', sans-serif;
            font-size: 2rem;
            margin-bottom: 25px;
            position: relative;
            z-index: 2;
            text-align: center;
        }
		
		.competitor-showcase {
            background: white;
            border-radius: 20px;
            padding: 30px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            border: 1px solid #e2e8f0;
        }
        
        .competitor-title {
            font-family: 'Montserrat', sans-serif;
            color: #1a56db;
            font-size: 1.5rem;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .competitor-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
        }
        
        .competitor-item {
            background: #f8fafc;
            border-radius: 12px;
            padding: 15px;
            text-align: center;
            transition: all 0.3s ease;
            border: 1px solid #e2e8f0;
        }
        
        .competitor-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
        }
        
        .competitor-logo {
            font-size: 2.5rem;
            color: #64748b;
            margin-bottom: 10px;
        }
        
        .competitor-name {
            font-weight: 600;
            color: #475569;
            font-size: 0.9rem;
        }
        
        .competitor-status {
            font-size: 0.8rem;
            margin-top: 8px;
            padding: 3px 8px;
            border-radius: 20px;
            display: inline-block;
        }
		 .status-outdated {
            background: #fee2e2;
            color: #b91c1c;
        }
		.investment-tagline {
            text-align: center;
            font-size: 20px;
            color: #FFF;
            margin-top: 20px;
            padding: 15px;
           
        }
		/* Responsive Fixes */
    @media (max-width: 768px) {
      .features-grid-2 {
        grid-template-columns: 1fr;
        margin: 0 10px 30px 10px;
      }

      .features-grid-55 {
        width: 100% !important;
      }

      .feature-header-55,
      .feature-desc-55,
      .competitor-comparison,
      .feature-link {
        <!-- width: 100% !important; -->
        width: 50% !important;
      }

      .stats-container-2 {
        grid-template-columns: 1fr;
      }

      .competitor-grid {
        grid-template-columns: repeat(2, 1fr);
      }

      .feature-title-55,
      .feature-desc-55 {
        font-size: 1rem;
      }

      .edge-title {
        font-size: 1.4rem;
      }

      .section-title-55 {
        font-size: 1.4rem;
        flex-direction: column;
        align-items: flex-start;
      }

      .content-5 {
        flex-direction: column;
        padding: 15px 10px;
      }

      .feature-link {
        font-size: 0.9rem;
        padding: 8px 12px;
      }

      .competitive-column {
        margin-top: 20px;
      }
	  .tagline-5 {
    font-size: 0.95rem;
    padding: 6px 12px;
    margin: 10px 0 0 0;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  .logo-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
    }

		
		/* *****************PAGE 6************************ */
		
		.outcomes-section {
            flex: 1;
            display: flex;
            flex-direction: column;
            overflow: auto;
        }
         .differentiators-section {
            border-color: #4361EE;
        }
		 .section-5 {
            background: #FFF;
			/* background: linear-gradient(#FFFFFF, #EEEEEE, #FFFFFF); */
            border-radius: 15px;
            padding: 18px;
           position: relative;
            overflow: hidden;
            /* border-top: 3px solid; */
            display: flex;
            flex-direction: column;
            min-height: 0;
			border:1px solid #55d0ff;
			border-top: 4px solid #55d0ff;
        }
        
        .section-title-5 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            color: #4361EE;
			/* background: linear-gradient(90deg, #55d0ff , #36096D); */
            /* -webkit-background-clip: text; */
            /* background-clip: text; */
			/* -webkit-text-fill-color: transparent; */
            height: 30px;
			
        }
        
        .section-title-5 i {
            margin-right: 8px;
            font-size: 24px;
        }
		.future-list {
            flex: 1;
            overflow-y: auto;
            padding-right: 5px;
        }
        
        .future-list::-webkit-scrollbar {
            width: 4px;
        }
        
        .future-list::-webkit-scrollbar-thumb {
            background: rgba(76, 201, 240, 0.5);
            border-radius: 2px;
        }
        
        .future-item {
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid #36096D;
        }
        
        .future-item:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }
        
        .future-item-title {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 5px;
            color: #4361EE;
			/* background: linear-gradient(90deg, #55d0ff , #36096D); */
            /* -webkit-background-clip: text; */
            /* background-clip: text; */
			/* -webkit-text-fill-color: transparent; */
            display: flex;
            align-items: center;
        }
        
        .future-item-title i {
            margin-right: 6px;
            font-size: 18px;
        }
        
        .future-item-desc {
            font-size: 18px;
            /* line-height: 1.4; */
            color: #000;
			text-align: left;
        }
		.differentiators-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
            flex: 1;
        }
        
        .differentiator-card {
            background:#FFF;
			/* background: linear-gradient(#FFFFFF, #EEEEEE, #FFFFFF); */
            border-radius: 12px;
            padding: 12px;
            display: flex;
            flex-direction: column;
            border: 1px solid rgba(85, 208, 255, 0.3);
            transition: transform 0.3s;
        }
        
        .differentiator-card:hover {
            transform: translateY(-3px);
             background: linear-gradient(135deg, rgba(76, 201, 240, 0.1), rgba(67, 97, 238, 0.1));
            border-color: #4CC9F0;
        }
        
        .differentiator-header {
            display: flex;
            align-items: center;
            margin-bottom: 8px;
        }
        
        .differentiator-icon {
            font-size: 24px;
            color: #4361EE;
            margin-right: 8px;
        }
        
        .differentiator-title {
            font-size: 24px;
            font-weight: 700;
           /* background: linear-gradient(90deg, #55d0ff , #36096D); */
            /* -webkit-background-clip: text; */
            /* background-clip: text; */
			/* -webkit-text-fill-color: transparent; */
			color:#4361EE;
        }
        
        .differentiator-desc {
            font-size: 18px;
            color: #000;
			text-align: left;
            line-height: 1.4;
        }
		 .summary-box {
            background: linear-gradient(120deg, #0c3483, #1a56db, #0ea5e9);
            border-radius: 12px;
            padding: 12px;
            text-align: center;
            height: 100%;
            display: flex;
            align-items: center;
			margin: 0 20px 0 20px;
        }
        .summary-text {
            font-size: 18px;
			color: #FFF;
			text-align: center;
            
        }
		 .highlight-yellow {
			font-weight: 700;
            color: #FFD700;
		 }
		 .top-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 15px;
            flex: 1;
            min-height: 0;
			padding: 0 20px 0 20px;
        }
		 .bottom-row {
            height: 180px;
			padding: 0 20px 20px 20px;
        }
			
@media (max-width: 768px) {
  .title {
    font-size: 1.8rem;
  }

  .subtitle {
    font-size: 1rem;
    max-width: 90%;
  }

  .section-title-5 {
    font-size: 20px;
  }

  .future-item-title,
  .differentiator-title,.ai-highlight,
  .summary-text  {
    font-size: 20px;
  }

  .future-item-desc,
  .differentiator-desc {
    font-size: 16px;
  }

  .differentiators-container {
    grid-template-columns: 1fr; /* Stack cards vertically on mobile */
  }

  .summary-box {
    margin: 0;
    flex-direction: column;
    padding: 10px;
  }

  .bottom-row {
    padding: 0 20px;
  }

  .top-row {
    grid-template-columns: 1fr;
    padding: 0 10px;
  }

  .slide-container {
    padding: 10px;
	 max-height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .logo-circle {
    width: 60px;
    height: 60px;
  }

  .logo-circle i {
    font-size: 1.5rem;
  }

  .future-list ,
  .outcomes-section {
    overflow-y: auto;
    max-height: 100%;
  }

  .summary-text {
    font-size: 16px;
  }
   .revenue-table th,
  .revenue-table td {
    font-size: 14px;
    padding: 6px;
  }
	.section-5 {
    padding: 10px;
  }
  .revenue-percent { /* page 7*/
    font-size: 14px;
    width: auto;
  }
}
		/* **********************************PAGE 7*************************** */
		
		 .revenue-section {
            border-color: #55d0ff;
        }
		.revenue-table {
            width: 100%;
            border-collapse: collapse;
            flex: 1;
            font-size: 18px;
			line-height:2rem;
        }
        
        .revenue-table th {
            /* background: rgba(67, 97, 238, 0.3); */
			background: linear-gradient(120deg, #0c3483, #1a56db, #0ea5e9);
            text-align: left;
            padding: 8px 10px;
            font-weight: 600;
			color: #FFF;
        }
        
        .revenue-table td {
            padding: 8px 10px;
            /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
            border-bottom: 1px solid #36096D;
			color: #000;
        }
        
        .revenue-table tr:last-child td {
            border-bottom: none;
        }
        
        .revenue-table tr:hover {
            background: rgba(85, 208, 255, 0.1);
        }
		.revenue-percent {
            text-align: center;
            font-weight: 700;
            background: linear-gradient(120deg, #0c3483, #1a56db, #0ea5e9);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            width: 50px;
        }
		.ai-section {
            border-color: #55d0ff;
        }
		.ai-content {
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        
        .ai-highlight {
            font-size: 18px;
            margin-bottom: 12px;
            /* line-height: 1.5; */
            background:#FFF;
           /* background: linear-gradient(90deg, #55d0ff , #36096D); */
            padding: 12px;
            border-radius: 8px;
			border:1px solid #55d0ff;
            border-left: 3px solid #55d0ff;
			color: #000;
			text-align : left;
        }
		@media (max-width: 768px) {
  .logo-text2 {
    font-size: 24px;
  }

  .tagline {
    font-size: 16px;
    padding: 0 10px;
  }

  .slide-container {
    padding: 10px;
  }

  .top-row {
    grid-template-columns: 1fr; /* Stack sections vertically */
    display: grid;
    gap: 15px;
  }

  .section-title-5 {
    font-size: 20px;
  }

  .revenue-table th,
  .revenue-table td {
    font-size: 14px;
    padding: 6px 8px;
    word-break: break-word;
  }

  .revenue-percent {
    font-size: 14px;
    width: auto;
    text-align: left;
  }

  .ai-highlight,
  .future-item-desc {
    font-size: 14px;
  }

  .future-item-title {
    font-size: 16px;
  }

  .summary-text {
    font-size: 14px;
  }

  .summary-box {
    flex-direction: column;
    padding: 10px;
    margin: 0;
  }

  .bottom-row {
    padding: 0 10px;
  }

  .revenue-table {
    display: block;
    overflow-x: auto;
    width: 100%;
  }

  .revenue-table thead {
    white-space: nowrap;
  }
}