@media only screen and (min-width:950px) {
 .navbar {
 position: relative !important;
}
}
.title {
	font-size: 22px;
	font-weight: 400;
	/*display: flex;
	align-items: center;
	justify-content: center;*/
	margin-bottom: 40px;/*font-family: 'Poppins';*/
}
.title i {
	margin-right: 10px;
	color: #444;
}
.feature-section {
      max-width: 1200px;
      margin: auto;
    }

    .section h2 {
      font-size: 26px;
      color: #2c3e50;
      border-left: 5px solid #1e56d2;
      padding-left: 15px;
      margin-bottom: 30px;
    }

    .features {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 25px;
    }

    .feature-box {
      /*background: #e9eef1;*/
	  background: linear-gradient(to bottom, #e8ebf7, #f0fbff);
      padding: 20px;
      border-left: 4px solid #1e89d2;
      border-radius: 8px;
      box-shadow: 0 4px 10px rgb(144 152 155 / 23%)
      transition: all 0.3s ease;
    }

    .feature-box:hover {
      transform: translateY(-4px);
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
    }

    .feature-title {
      font-weight: 400;
      font-size: 17px;
      color: #086aad;
      margin-bottom: 8px;
      display: flex;
      align-items: center;
    }

    .feature-title i {
      margin-right: 10px;
      font-size: 18px;
    }

    .feature-desc {
      color: #555;
      font-size: 15px;
      line-height: 1.6;
    }
@media (max-width: 768px) {
 
 .banner_text_sec {
 padding: 0% 1% 6% 4% !important;
}
 .banner_text1 {
 padding: 0% 4% 0% !important;
}

 .title {
 margin:auto 10px !important;
}
 .demo-content {
 margin-top:-100px !important;
}
}
.banner_text_sec {
	padding: 1% 40% 6% 4%;
}
.banner_text1 {
	padding: 5% 4% 0%;
}
.banner_text2 {
	padding-left: 4%;
	font-size: 3vw;
	color: #024668;
}
.banner_text3 {
	padding-left: 4%;
	color: #894702;
	font-size: 1.7vw;
	padding-bottom: 2%;
}
.demo-section {
	display: flex;
	align-items: center;
	gap: 20px;
	position: relative;
	padding: 40px 50px !important;
	background: linear-gradient(79deg, #0d7ddd, #7ecee5)!important;
}
.demo-section .image-container {
	flex: 1;
	position: relative;
}
.demo-section img {
	width: 100%;
	height: 80%;
	object-fit: cover;
	border-radius: 10px;
	margin-top:-100px;
}
.demo-content {
	flex: 2;
	text-align: left;
}
 @media (max-width: 768px) {
 .demo-section {
 flex-direction: column;
 text-align: center;
}
 .demo-content {
 text-align: center;
}
 .demo-section img {
 height: auto;
}
}
.module-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 10px 40px;
      max-width: 1200px;
      margin: auto;
    }

    .module-item {
      display: flex;
      /*align-items: center;*/
	  align-items: baseline;
      font-size: 16px;
      color: #34495e;
      padding: 8px 0;
      transition: all 0.2s ease;
    }

    .module-item:hover {
      color: #1e56d2;
      transform: translateX(5px);
    }

    .module-item i {
      font-size: 18px;
      margin-right: 12px;
      color: #1e56d2;
      width: 20px;
      text-align: center;
    }
	@media (max-width: 768px) {
		.module-grid {
			padding:10px;
		}
	}
	.grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 30px;
    }

    .card {
      background: linear-gradient(to bottom, #eaeeff, #ffefef);
      border-radius: 12px;
      padding: 25px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      /*border-top: 3px solid #0bafe3;*/
    }

    .card:hover {
      transform: translateY(-6px);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    }

    .card-icon {
      font-size: 26px;
      color: #1e7dd2;
      margin-bottom: 12px;
    }

    .card-title {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 10px;
      color: #2c3e50;
    }

    .card-text {
      font-size: 15px;
      color: #555;
      line-height: 1.6;
    }

    @media (max-width: 768px) {
      .card {
        padding: 20px;
      }
    }