body 
{
	overflow-x: auto;
}

 body {
            font-family: Arial, sans-serif;
        }
        .slider-container {
            display: flex;
            overflow: hidden;
            width: 80%;
            margin: 0px auto;
            position: relative;
        }
        .slider-wrapper {
            display: flex;
            transition: transform 0.5s ease;
            width: calc(100% * 4); /* Adjust this value to the number of slides */
        }
        .slider-item {
            min-width: calc(100% / 1.5); /* Shows full slide + half of next slide */
            box-sizing: border-box;
            padding: 10px;
        }
        .CS-card {
            background-color: #fff;
            border-radius: 5px;
            overflow: hidden;
            padding: 20px;
            box-sizing: border-box;
        }
        .CS-Content {
            text-align: left;
        }
        .navigation {
            position: absolute;
            right: 10%;
            display: flex;
            gap: 10px;
        }
        .navigation button {
            background-color: transparent;
            color: white;
            border: none;
            font-size: 24px;
            cursor: pointer;
			border: 2px solid;
            border-radius: 25px;
        }
		
		
		
/* =====================================Mege Menu===================================== */
 .mega-menu {
            width: 100vw !important; /* Full viewport width */
            left: 0 !important;
            padding: 20px !important;
            position: absolute !important;
            background-color: #1167b1 !important;
            top: 100% !important;
            border-top: 1px solid #dee2e6 !important;
            display: none !important; /* Hidden by default */
            z-index: 1000 !important; /* Ensure it sits on top of other content */
        }
		
		.mega-menu-Product {
            width: 100vw !important; /* Full viewport width */
            left: 0 !important;
            padding: 20px !important;
            position: absolute !important;
          
            top: 100% !important;
            border-top: 1px solid #dee2e6 !important;
            display: none !important; /* Hidden by default */
            z-index: 1000 !important; /* Ensure it sits on top of other content */
        }
        .mega-menu .row {
            display: flex ;
            justify-content: space-between;
        }
        .mega-menu h5 {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 10px;
        }
        .mega-menu ul {
            list-style: none;
            padding: 0;
        }
        .mega-menu ul li {
            margin-bottom: 5px;
        }
        .navbar .dropdown:hover .mega-menu {
            display: block; /* Show mega menu on hover */
        }
        .navbar .dropdown {
            position: static; /* Needed for absolute positioning of the mega menu */
        }
		.dropdown-item:focus, .dropdown-item:hover 
		{
		color:white !important;
		background: none !important;
		transform: translateX(50px);
		
		}
		.dropdown-item
		{
		color:white !important;
		display: inline-block !important;
        position: relative !important;
        transition: transform 0.5s ease !important;
		}
		
		
.WaterManagementImg {
	background-image: url('../images/fogger-2.jpg');
}

 .gradient-overlay {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, rgb(255 255 255) 0%, rgba(0, 0, 0, 0) 50%);
        }
.Main-Head 
{
  padding-top: 17%;
  font-size: 45px;
  padding-left:5%;
}
		}
#Business-Img
{
	height: 100% !important;
    width: 100% !important;
}

.solution-Img
{
	width:100%;
}
/* -------------------------Our solition-------------------- */
.moving-text {
            display: inline-block;
            position: relative;
            transition: transform 0.5s ease;
        }
        .moving-text:hover {
            transform: translateX(100px); /* Change this value as needed */
        }
		
.OurSolution
{
	background-color:#f0f3ff;
	padding: 3% 0 3% 0;
}
.ListItem
{
  padding: 20px 0 20px 0;
}
 .icon 
 {
  padding-right: 15px;
 }
.rowContect 
{
	padding-left:25px !important;
}
.rowImage
{
	padding:0 10px 0 10px !important;
}

.SectionRow {
   margin: 5% 0 5% 0 !important;
}
.impactItem
{
	flex-basis: auto;
    width: auto;
    padding: 1em 2em;
    background-color: white;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    max-height: 218px;
    margin: 0 15px;
    text-align: center;
    font-size: var(--fs-18);
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.impactList
{
    display: flex;
    justify-content: center;
    flex-direction: row;
}
@media (max-width: 991px) {
    .impactList {
        flex-wrap: wrap;
    }
}
.Impact-section
{
	background-color:#1167b1;
	padding:35px 0 30px 0;
}
.Impact-head 
{
	text-align: center;
    padding-bottom: 13px;
    color: white;
}
.Impact-Img 
{
	width: 130px;
}
.CaseStudy-section {
	background-color:#92b100;
}
/* #003366 */
.CS-card
{
	background-color:white;
	margin:20px;
	height:210px; !important;
}
.CaseStudyDiv {
	margin-top:3% !important;
}
.CS-Img 
{
	width:100%;
	height:210px;
}
.CS-Content 
{
	text-align:center;
}

h2 {
	font-weight: 600 !important;
}
.SubHead {
	/* font-size:28px !important; */
	padding-bottom: 15px !important;

}
.CS-Heading {
	padding-top: 20px;
	color:white;
}
  /* ======================================Contact-Team=================================== */
  
  .Contact-Team
  {
	  background-color:#f0f3ff;
	  padding: 3%;
	  text-align:center;
  }
  .head-2 
  {
	  padding: 1%;
  }
  .Button
  {
	  border:2px solid #28a745;
	  padding:1%;
	  font-size: 25px;
  }
 .btn-Contact
 {
	 margin-top: 2%;
 }
/* -------------------------------------Motor Page------------------------------- */
.MotorImg {
	background-image: url('../images/Motor.jpg');
}
/* -------------------------------------Video Analytics Page------------------------------- */
.VideoAnalyticsImg
{
	background-image: url('../images/fogger-2.jpg');
}
/* -------------------------------------Industrial IoT Page------------------------------- */
.IndustrialImg {
	background-image: url('../images/I-IoT.jpg');
}
/* -------------------------------------Pharma Page------------------------------- */
.PharmaImg {
	background-image: url('../images/Pharma.PNG');
}
/* -------------------------------------Procurement Page------------------------------- */
.ProcurementImg {
	background-image: url('../images/procurement.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 550px;
}
/* ------------------------------Case Study--------------------------------------------- */
.Highlits
{
	background-color:#96b118;
	color:white;
	padding: 2% 0 2% 0;

}
.HTS-Content
{
padding: 1% 0 1% 0;
}
.HTS-List 
{
 padding-right: 3%;
}  
/* -------------------------------------SC- BoltLocker Page------------------------------- */
.BoltLockerImg {
	background-image: url('../images/Then.JPG');
}
.BackgroundImg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 495px;
}
/* ---------------------------------------------CS- Covid-19--------------------------------------- */
.IOCL 
{
 background-image: url('../images/IOCL1.PNG');
}
.CovidImg 
{
 background-image: url('../images/COVID19-1.JPG');
}
/* ---------------------------------------------Aruvankadu--------------------------------------- */
.AruvankaduImg 
{
 background-image: url('../images/aruvankadu.JPG');
}
/* ---------------------------------------------Aruvankadu--------------------------------------- */
.ABBImg 
{
 background-image: url('../images/ABB.JPG');
}