.visionary{

    flex-direction: column;

}

.custom-crooked-line{

    align-self: center;

}

.visionary i {

    color: #e31e25;

}

.about-imgs{

    display: flex;

    flex-direction: column;

}

.service-head{

    height: 130px;

}

.ml-10{

    margin-left: 10px;

}



/* .clients_logo img{

 width: 100%;

} */

.clients_logo img {

    display: block;

    width: 200px !important;

    height: 120px !important;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    border-radius: 10px; /* Rounded corners */

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.clients_logo img:hover {

    transform: scale(1.1); /* Slight zoom on hover */

    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3), 0 10px 30px 0 rgba(0, 0, 0, 0.25); /* Stronger shadow on hover */

    cursor: pointer; /* Pointer to indicate interactivity */

}

.indiamap img{

    filter: drop-shadow(5px 5px 9px #ffffff);

    width: 100%;

}



.pillar-card {

      border: 1px solid #ddd;

      border-radius: 10px;

      padding: 20px;

      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

      transition: transform 0.3s ease-in-out;

      background: #fff;

    }



    .pillar-card:hover {

      transform: translateY(-10px);

    }



    .pillar-card .icon {

        display: flex; /* Enable flexbox */

        justify-content: center; /* Horizontally center */

        align-items: center; /* Vertically center */

        width: 100%; /* Use full width */

        margin-bottom: 15px;

    }



    .pillar-card .title {

      font-size: 1.25rem;

      font-weight: bold;

      margin-top: 15px;

      text-align: center;

      color:#e31e25;

    }



    .pillar-card .description {

      font-size: 1rem;

      color: #555;

      margin-top: 10px;

      text-align: justify;

      height: 100px;    

    }



    .animate-card {

      opacity: 0;

      animation: fadeIn 1s forwards;

    }



    @keyframes fadeIn {

      from {

        opacity: 0;

      }

      to {

        opacity: 1;

      }

    }



    .service-sector{

        padding: 30px;

    }



    .icon-item {

        text-align: center;

    }

    

    .icon-item img {

        width: 50px;

        height: 50px;

        margin-bottom: 10px;

    }

    

    /* Rotating Wrapper */

    .rotating-wrapper {

        position: relative;

        width: 300px;

        height: 300px;

        background-color: #fff;

        border: 2px solid #e0e0e0;

        border-radius: 10px;

        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

        overflow: hidden;

    }

    

    .rotating-shape {

        position: absolute;

        width: 100%;

        height: 100%;

        background: linear-gradient(135deg, #ddd, #f5f5f5);

        animation: rotate 8s infinite linear;

        clip-path: polygon(0% 0%, 100% 0%, 50% 100%);

    }

    

    .rotating-content {

        position: relative;

        z-index: 10;

        padding: 20px;

    }

    

    /* Animation for Rotation */

    @keyframes rotate {

        0% {

            transform: rotate(0deg);

        }

        100% {

            transform: rotate(360deg);

        }

    }

    

    /* Responsive Adjustments */

    @media (max-width: 768px) {

        .rotating-wrapper {

            width: 90%;

            height: auto;

        }

    

        .icon-item img {

            width: 40px;

            height: 40px;

        }

    }



    

    /* Skills Container */

.skills-container {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

  }

  

  /* Center Circle */

  .center1 {

    position: absolute;

    height: 180px;

    width: 180px;

    background: #f1f3f6;

    border-radius: 50%;

    box-shadow: inset 4px 4px 7px rgba(55, 84, 170, 0.15),

      inset -4px -4px 10px white, 0px 0px 2px rgba(255, 255, 255, 0.2);

    border: 10px solid #e8edf5;

  }

  

  .center1 .box {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

    text-align: center;

  }

  

  /* Skills Grid */

  .skills-grid {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));

    gap: 30px;

    max-width: 900px;

    padding: 20px;

  }

  

  .each {

    background: #f1f3f6;

        box-shadow: inset 0 0 5px rgb(33 37 41 / 43%), inset 0 0 10px rgb(100 103 106), 5px 5px 9px rgb(33 37 41 / 54%), -5px -5px 11px white;



    border-radius: 20px;

    border: 5px solid #eaeef5;

    transition: box-shadow 0.3s ease-in-out, transform 0.2s;

    text-align: center;

    padding: 15px;

  }

  

  .each:hover {

    box-shadow: inset 4px 4px 7px rgba(55, 84, 170, 0.15),

      inset -4px -4px 10px white, 0px 0px 5px rgba(55, 84, 170, 0.3);

    transform: translateY(-5px);

  }

  

  .each .content i {

    font-size: 50px;

    margin-bottom: 10px;

    color: #e31e25;

  }

  

  .each .content h2 {

    font-size: 18px;

    margin-bottom: 6px;

  }

  

  .each .content p {

    font-size: 12px;

    color: #666;

  }

  

  /* Responsive */

  @media (max-width: 768px) {

    .skills-grid {

      grid-template-columns: repeat(2, 1fr) !important;

      gap: 15px;

    }

    .center1 {

      height: 150px;

      width: 150px;

    }

    .text-clr{

      color: #777 !important;

    }

  }

  

  @media (max-width: 480px) {

    .skills-grid {

      grid-template-columns: 1fr;

    }

    .center {

      height: 120px;

      width: 120px;

    }

  }

  .raw-material{

    height: 130px;

  }

  .state-group {

    text-align: left;

  }

  

  .state-heading {

    font-size: 1.1rem;

    color: #00b2ff;

    margin-bottom: 5px;

  }

  .pan-ind-container{

    display: grid;

    grid-template-columns: repeat(5, 1fr);

    gap: 30px 35px;

  }

  .clr-red{

    color: #e31e25;

    margin-bottom: 0 !important;

  }



@media (max-width: 1200px) {

  .pan-ind-container {

    grid-template-columns: repeat(3, 1fr); 

  }

}



@media (max-width: 768px) {

  .pan-ind-container {

    grid-template-columns: repeat(2, 1fr); 

  }

}



@media (max-width: 480px) {

  .pan-ind-container {

    grid-template-columns: repeat(2, 1fr); 

  }

}

.custom-view-more{

  height: 150px;

}

.technology-section {

  /* background-color: #990017;  */

  padding: 70px 0 0 0;

}

.technology-section h2 {

  font-size: 2.5rem;

  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 2px;

  margin-bottom: 20px;

}

.technology-section p {

  font-size: 1.1rem;

  line-height: 1.8;

  margin-bottom: 20px;

}

/* Process Grid Styling */

.process-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));

  gap: 20px;

}

.process-item {

  text-align: center;

  transition: transform 0.3s ease, box-shadow 0.3s ease;

}

.process-item:hover {

  transform: translateY(-5px);

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);

}

.process-item img {

  max-width: 100%;

  height: auto;

  border-radius: 10px;

  margin-bottom: 10px;

}

.process-item h5 {

  font-weight: bold;

  font-size: 1rem;

  text-transform: uppercase;

  margin-top: 10px;

}

.contact-section{

  font-size: 16px !important;

  color: #777777;



}

.gallery-img {

  transition: transform 0.3s ease, box-shadow 0.3s ease;

  border: 2px solid #ddd;

  border-radius: 10px;

}



/* Hover effects for images */

.gallery-img:hover {

  transform: scale(1.05);

  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);

  border-color: #ff5c5c;

}



/* Responsive adjustments for smaller screens */

@media (max-width: 576px) {

  .gallery-img {

      margin-bottom: 15px;

  }

}



.section-heading {

  text-align: center;

  margin-bottom: 30px;

  color: #007bff;

}

.feature-box {

  /* background-color: #f8f9fa; */

  /* border: 1px solid #dee2e6; */

  border-radius: 5px;

  padding: 20px;

  margin-bottom: 20px;

}

.text-white{

  color: #fff;

}





.product-specifications .section-title {

  font-size: 36px;

  color: #2c3e50;

  text-transform: uppercase;

}



.spec-item {

  background: #fff;

  border: 1px solid #ddd;

  border-radius: 8px;

  padding: 20px;

  margin-bottom: 30px;

  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

  text-align: center;

  transition: all 0.3s ease;

}



.spec-item:hover {

  transform: translateY(-10px);

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);

}



.spec-item .icon-wrapper {

  margin-bottom: 15px;

}



.spec-item i {

  color: #3498db; /* Set the icon color */

}



.spec-item h4 {

  font-size: 20px;

  color: #34495e;

  font-weight: 600;

  margin-bottom: 10px;

}



.spec-item p {

  font-size: 16px;

  color: #7f8c8d;

}



.feature-box-card {

  background: #f8f9fa;

  padding: 20px;

  border-radius: 10px;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

  max-width: 500px;

  margin: auto;

}



.feature-box-card h3 {

  color: #2c3e50;

  text-align: center;

  margin-bottom: 20px;

}



.feature-box-card ul {

  list-style: none;

  padding: 0;

}



.feature-box-card li {

  display: flex;

  align-items: center;

  margin-bottom: 15px;

  font-size: 16px;

  color: #34495e;

}



.feature-box-card li i {

  color: #3498db;

  margin-right: 10px;

  font-size: 20px;

}

.table-filter{

  filter: drop-shadow(2px 4px 6px );

}




/* -----Latest Events-- */
.custom-box {
  /* border: 1px solid #eee; */
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  transition: transform 0.3s ease;
  /* background: #fff; */
  padding:10px;
  background-image: url('../img/new-images/bg-1.jpg');
  background-position: center;
  background-repeat: no-repeat;
  position: relative;

}

.custom-box:hover {
  /* padding: 15px; */
  transform: translateY(-5px);
}
.orange-box{
  position: absolute;
  /* height: 20px; */
  width: 160px;
  background-color: #e31e25;
  top: 15px;
  left: -10px;
  color: white;
  display:flex;
  /* justify-content: center; */
  align-items: center;
  font-size: 15px;
  padding:0 10px;
  clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%);
}

.orange-box p{
 color: white;
 margin: 0;
 padding: 0;
 font-weight: 600;
}
.custom-image  {
 margin-top: 35px;
}
.custom-image img {
  width: 100%;
  height: 170px;
  display: block;
  object-fit: cover;
}

.custom-content {
  padding:15px;
  text-align: left;
  border-bottom: 2px solid #ec2b3262;
}

.custom-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 5px;
  line-height: 1.4;
}

.custom-location {
  color: #e31e25;
  font-weight: 500;
  margin: 0 0 10px 0;
}

.custom-link {
  text-decoration: none;
  color: #0056b3;
  font-weight: 500;
  text-align:right;
  font-size: 0.7rem;
  display: block;
  padding: 2px 10px;
}

.custom-link:hover {
  text-decoration: underline;
 color: #e31e25;
}


.swiper {
  /* width: 100%; */
  height: 100%;
  /* overflow: visible!important; */
  /* border: 1px solid red; */
  /* padding: 10px; */
  /* padding: 30px; */

}

.swiper-slide {
  text-align: center;
  /* border: 1px solid yellow; */
  font-size: 18px;
  background: #fff;
  display: flex;
  overflow: visible;
  justify-content: center;
  align-items: center;
  padding: 10px;
}



/* -----Latest Events-End-- */


/* ---Social-section-Home--- */
.social-single-card{
 width: 100%;
 height: 400px;
 /* border: 1px solid red; */
 position: relative;
 overflow-y: visible; 
}
.social-single-card .social-image{
  height:100%;
  width: 100%;
  /* margin-top: 20px; */
  /* overflow-y: scroll; */

}
.social-single-card .social-image img{
  height: 100%;
  width: 100%;
  object-fit: cover;

}

.social-icons-home{
display: flex;
align-items: center;
margin-bottom: 10px;
position: absolute;
left: -15px;
top: -25px;
}
.social-icons-home h5{
margin-bottom: 0;
padding: 2px 15px;
margin-left: -5px;
color: #fff;
flex: 1;
display: flex;
width: 100%;
text-align: center;
border-radius: 0 20px 40px 0;
/* background-color: #0866FF; */
}
.s-c-i{
  height: 50px;
  width: 50px;
  border-radius: 50%;
  /* border-radius: 50% 10px 11% 50%; */
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background: #0866FF;
font-size: 20px;
}
.s-c-i i{
  padding: 0;
  margin: 0;
}

.linkedin .s-c-i{
  background: #0077B5;
  
}
.linkedin h5{
  
  background: #0077B5!important;
  }
.facebook .s-c-i{
  background: #0866FF;
  
}
.facebook h5{
  
  background: #0866FF!important;
  }
.instagram .s-c-i{
  background: linear-gradient(115deg, #f9ce34, #ee2a7b, #6228d7);
  
}
.instagram h5{
  
  background: linear-gradient(28deg,#6228d7, #ee2a7b,#f9ce34);
  }
/* ---Social-section-Home-End--- */



/* ----Product-page---- */
.spec-section {
  margin: 40px auto;
  /* max-width: 800px; */
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  padding: 30px;
}

.spec-title {
  text-align: center;
  color: #bc1f25; /* Orange like KORE */
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
}

.table-title {
  background-color: #212529;
  color: white;
  font-weight: bold;
  padding: 10px;
  border-radius: 4px 4px 0 0;
}

.section-divider {
  background-color: #ccc;
  height: 8px;
  margin-top: 30px;
  margin-bottom: 10px;
  border-radius: 4px;
}

.custom-table {
  width: 100%;
  margin-bottom: 20px;
}

.custom-table th,
.custom-table td {
  padding: 10px;
  border: 1px solid #dee2e6;
}

.custom-table th {
  width: 50%;
  background-color: #f8f9fa;
  font-weight: 600;
}

@media (max-width: 576px) {
  .spec-title {
    font-size: 22px;
  }
}
/* ----Product-page-End---- */

/* ---Big-bundle--- */
.big-bundle-section {
  padding: 40px 15px;
  background-color: #f9f9f9;
}

.big-bundle-title {
  text-align: center;
  color: #bc1f25;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
}

.big-bundle-table {
  font-size: 15px;
  background-color: white;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}

.big-bundle-table th {
  background-color: #212529!important;
  color: white;
}

.big-bundle-table th,
.big-bundle-table td {
  padding: 12px 10px;
  vertical-align: middle;
  text-align: center;
}

.big-bundle-table tbody tr:hover {
  background-color: #f1f1f1;
}

.mar-left{
  margin-left: 0.5rem !important;
}

@media (max-width: 768px) {
  .big-bundle-table {
    font-size: 13px;
  }
  .social-icons{
    display: none;
  }
  .mar-left{
    margin-left: 0.1rem !important;
    }
}
/* ---Big-bundle-End--- */