.card:hover {
    background-color: #ef7221;
}    
    .lot-solution {
    padding: 1px ! important;
}
.item-con h3 {
    font-size: 21px;

}

p {
    text-align: justify;
}
 .blog-card {
            padding: 15px;
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .blog-card img {
            border-radius: 10px;
        }

        .carousel-item {
            padding: 20px;
        }

        .carousel-inner {
            display: flex;
        }

        .carousel-item .col-md-3 {
            flex: 1;
            max-width: 100%;
        }
        
        .clint-logo img {
    width: 19%;
    border-radius:20px ! important;
}
        
       .testimonial-slide {
     background-image: linear-gradient(#436463, #857a7a);
      color: white;
      border-radius: 12px;
      padding: 30px;
      margin: 10px;
    }
    .profile-img {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      overflow: hidden;
      margin: 0 auto;
    }
    .profile-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .name {
      font-weight: 600;
      margin-top: 10px;
    }
    .stars {
      color: gold;
      font-size: 20px;
    } 
   
       .service-item {
            text-align: center;
            margin-bottom: 30px;
        }
        .service-item img {
            width: 200px;
            height: 200px;
            border-radius: 25%;
            object-fit: cover;
            margin-bottom: 15px;
        }
        .service-title {
            font-weight: bold;
        }
        .service-description {
            color: #505050;
        }
        .h5, h5 {
    font-size: 17px ! important;
}

  .faq-container {
            background: #f9f9f9;
            padding: 15px;
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        .faq-title {
            font-weight: bold;
            margin-bottom: 30px;
        }
        .faq-item {
            background-image: linear-gradient(#436463, #857a7a);
            color:white;
            font-weight:600;
            padding: 12px;
            border-radius: 10px;
            margin-bottom: 12px;
            margin-top: 12px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        .faq-item:hover {
            background-color: #eef2ff;
        }
        .faq-button {
            background-color: #28a745;
            color: #ffffff;
            border-radius: 25px;
            padding: 10px 20px;
            text-align: center;
            display: inline-block;
            margin-top: 20px;
            transition: background-color 0.3s ease;
        }
        .faq-button:hover {
            background-color: #218838;
        }
        .faq-image {
            text-align: center;
        }
        .faq-image img {
            border-radius: 50%;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }      
        
.collapse.in {
    display: block;
    background-color: #cdeaf5;
    padding: 10px;
    font-weight: 500;
    margin-top: -9px;
    border-radius: 10px;
}
         .info-nav {
            display: flex;
            justify-content: space-around;
            background-color: #f9f9f9;
            padding: 6px 0;
            border-bottom: 2px solid #e0e0e0;
        }
        .info-nav-item {
            text-align: center;
            color: #6c757d;
            font-size: 14px;
            cursor: pointer;
            transition: color 0.3s;
        }
        .info-nav-item.active,
        .info-nav-item:hover {
            color: #a34efb; /* Use color to indicate active section */
        }
        .info-nav-item img {
            width: 65px;
            height: 65px;
            margin-bottom: 5px;
        }
        .content-section {
            display: flex;
            align-items: center;
            padding: 40px 20px;
        }
        .content-text {
            flex: 1;
            padding-right: 20px;
        }
        .content-text h4 {
            color: #a34efb;
            font-weight: bold;
        }
        .content-text p {
            color: #6c757d;
			text-align:justify;
        }
        .content-image {
            flex: 1;
            text-align: center;
        }
        .content-image img {
        border-radius: 55px;
        }
		.tab-content.mt-4 {
    border: 2px solid #ebebeb;
    box-shadow: 2px 2px 2px 2px #fff8f8;
}
   .clients-section {
      background-color: #f8f9fa;
      padding: 40px 0;
    }

 .feature-iconn:hover {
    transform: scale(1.05);
} .row-cols-md-4>* {
        width: 20% ! important;
    }
      /* Custom Styles */
        body {
            background-color: #f0f2f5;
            font-family: 'Arial', sans-serif;
        }
        .nav-tabs {
            border-bottom: none;
            justify-content: center;
        }
        .nav-tabs .nav-link {
            border: 2px solid transparent;
            border-radius: 12px;
            padding: 10px 20px;
            font-weight: bold;
            color: #555;
            background-color: #ffffff;
            transition: all 0.3s ease;
            margin: 0 5px;
        }
        .nav-tabs .nav-link.active {
            background: linear-gradient(135deg, #007bff, #0056b3);
            color: #fff;
            border-color: transparent;
            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
        }
        .nav-tabs .nav-link:hover {
            background-color: #f8f9fa;
            color: #007bff;
            transform: scale(1.05);
        }
        .tab-content {
            background: #ffffff;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 5px 8px #ef7221;
            margin-top: 20px;
        }
        
        .tab-pane h3 {
            color: #007bff;
            text-align:center;
            font-weight: bold;
            margin-bottom: 15px;
        }
        .tab-pane img {
            border-radius: 15px;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .tab-pane img:hover {
            transform: scale(1.1);
            box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
        }
        .tab-pane p {
            font-size: 16px;
            text-align:center;
            color: #555;
            line-height: 1.7;
        }
.tab-pane {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.tab-pane.active {
    display: block;
    opacity: 1;
}
li.nav-item {
    margin-bottom: 10px;
    padding: 2px;
    border-radius: 10px;
}
a#profile-tab {
    background-color: #000000;
    color: white;
}
a#contact-tab {
      background-color: #000000;
    color: white;
}
a#choose-tab {
      background-color: #000000;
    color: white;
}
a#home-tab {
      background-color: #000000;
    color: white;
}
.news-update {
    background-color:red;
    padding: 50px 0;
    background-size: cover;
}
.nav-tabs {
    border-bottom: 1px solid #ffffff;
}
 .custom-image {
      border: 3px solid #ef7221; 
      border-radius: 10px;
    }
.process-container {
      text-align: center;
      max-width: 1200px;
      padding: 20px;
    }

    .process-title {
      font-size: 2rem;
      margin-bottom: 40px;
      text-transform: uppercase;
    }

    .process-flow {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 20px;
      position: relative;
    }

    .process-box {
      background: rgba(0, 0, 0);
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      position: relative;
    }

    .process-box h3 {
      font-size: 1.5rem;
      margin-bottom: 10px;
      font-weight: bold;
      text-transform: uppercase;
    }
     .feature-icon {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 24px;
      margin: 0 auto 15px;
    }
    .feature-box {
      text-align: center;
      padding: 20px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      border-radius: 8px;
      background-color: #000000;
    }
    .feature-box h5 {
      margin-bottom: 10px;
      font-weight: bold;
    }
    @media (min-width: 1200px) {
    .col-lg-2 {
        width: 19.666667% ! important;
    }
}

h3.wcu {
    text-align: center;
    color: white;
    font-size:23px;
}
h5.wcu {
    color: white;
}
p.wcu {
    text-align: center;
    color: white;
}
h5.wcuu {
    text-align: center;
}
p.wcuu {
    text-align: center;
}

.feature-boxx {
    text-align: center;
   box-shadow: 2px 0px 11px 2px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
.feature-iconn {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    margin: 0 auto 15px;
}

.slider-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.card {
  flex: 0 0 30%; /* Each card takes up 30% of the container */
  margin: 0 10px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  text-align: center;
  overflow: hidden;
}

.card img {
  width: 100%;
  height: auto;
}

.card-content {
  padding: 15px;
}

.card-content .date {
  background-color: #27ae60;
  color: white;
  padding: 5px 10px;
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 0.9em;
}

.card-content h3 {
  font-size: 1.2em;
  margin: 10px 0;
  color: #333;
}

.slider-container::after,
.slider-container::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 5%;
  
  z-index: 2;
}

.slider-container::before {
  left: 0;
  transform: rotate(180deg);
}

.slider-container::after {
  right: 0;
}








.slider-container {
            width: 100%;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            height: 500px;
            min-height: 200px;
            background: #f0f0f0;
        }

        .slides {
            display: flex;
            width: 300%; /* 100% per slide */
            height: 100%;
            transition: transform 0.5s ease-in-out;
        }

        .slide {
            flex: 0 0 33.333%; /* 100% / number of slides */
            height: 100%;
            position: relative;
            min-height: 200px;
        }

        .slide img {
            width: 100%;
            height: 100%;
            display: block;
        }

        .slide-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: white;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            padding: 10px;
        }

        .slide-content h2 {
            font-size: 2.5em;
            margin-bottom: 10px;
        }

        .slide-content p {
            font-size: 1.2em;
        }

        .nav-button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            padding: 10px;
            cursor: pointer;
            font-size: 1.5em;
            z-index: 10;
            touch-action: manipulation; /* Improve touch responsiveness */
        }

        .prev {
            left: 5px;
        }

        .next {
            right: 5px;
        }

        .dots {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 8px;
            z-index: 10;
        }

        .dot {
            width: 10px;
            height: 10px;
            background: rgba(255, 255, 255, 0.5);
            border-radius: 50%;
            cursor: pointer;
            transition: background 0.3s;
        }

        .dot.active {
            background: white;
        }

        /* Enhanced Media Queries for Mobile */
        @media (max-width: 768px) {
            .slider-container {
                height: 250px;
                min-height: 150px;
            }

            .slide {
                min-height: 150px;
            }

            .slide img {
                object-fit: cover;
            }

            .slide-content h2 {
                font-size: 1.2em;
                margin-bottom: 5px;
            }

            .slide-content p {
                font-size: 0.8em;
            }

            .nav-button {
                padding: 8px;
                font-size: 1.2em;
            }

            .dots {
                bottom: 5px;
                gap: 6px;
            }

            .dot {
                width: 8px;
                height: 8px;
            }
        }

        @media (max-width: 480px) {
            .slider-container {
                height: 180px;
                min-height: 120px;
            }

            .slide {
                min-height: 120px;
            }

            .slide-content h2 {
                font-size: 1em;
            }

            .slide-content p {
                font-size: 0.7em;
            }

            .nav-button {
                padding: 6px;
                font-size: 1em;
            }
        }
        
/* thermal  1 */
    .text-orange {
      color: #ef7221;
    }

    .btn-orange {
      background-color: #ef7221;
      color: #fff;
      padding: 12px 30px;
      font-weight: 600;
      font-size: 16px;
      text-transform: uppercase;
      border: none;
      position: relative;
      display: inline-block;
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
      transition: all 0.3s ease;
    }

    .btn-orange::after {
      content: "";
      position: absolute;
      bottom: -6px;
      left: 0;
      width: 100%;
      height: 4px;
      border: 2px solid #ef7221;
      z-index: -1;
      transition: all 0.3s ease;
    }

    .btn-orange:hover {
      background-color: #d95f10;
      color: #fff;
    }

    .btn-orange:hover::after {
      bottom: -8px;
    }
    /*thermal property*/
     .industry-section {
      padding: 60px 0;
      background-color: #b2c6ff8a;
    }
    .industry-title {
      font-size: 2rem;
      margin-bottom: 40px;
      text-align: center;
    }
    .industry-card {
      background-color: #fff;
      border: none;
      padding: 25px;
      text-align: center;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
      transition: transform 0.2s ease;
    }
    .industry-card:hover {
      transform: translateY(-5px);
    }
    .industry-icon {
      font-size: 2.5rem;
      color: #ef7221;
      margin-bottom: 12px;
    }
    .industry-link {
      text-decoration: none;
      color: #000;
      font-weight: 500;
      font-size: 1.6rem;
      line-height:3;
    }
    .industry-link:hover {
      color: #ef7221;
    }
    
	/* heading design */
	.fancy {
    --b: 6px;
    --w: 80px;
    --g: 15px;
    --c: #0B486B;
    width: fit-content;
    padding: 0 1em;
    line-height: 1.6em;
    border: 1px solid;
    color: #fff;
    background: conic-gradient(from 45deg at left, #0B486B 25%, #0000 0) 0, conic-gradient(from -135deg at right, #0B486B 25%, #0000 0) 100%;
    background-size: 51% 100%;
    background-origin: border-box;
    background-repeat: no-repeat;
       border-image: linear-gradient(#0000 calc(50% - var(--b) / 2), #0B486B 0 calc(50% + var(--b) / 2), #0000 0) 1 / 0 var(--w) / calc(var(--w) + var(--g));
    margin-inline: auto;
}
@media (max-width: 768px) {
  .fancy {
    --w: 60px;   /* Much smaller wings */
    --g: 15px;   /* Reduce gap between wings and border */
    font-size: 1rem;   /* Smaller text */
    max-width: 90vw;   /* Prevent overflow */
    text-align: center; /* Center text */
  }
}
	
/* Button Styling */
.blink-btn {
    padding: 5px 15px;
    background-color: #fb3f20;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    animation: blink 1s infinite; /* Animation applied here */
}

/* Blinking Animation */
@keyframes blink {
    0%, 100% {
        background-color: #2A588A;
    }
    50% {
        background-color: #1d3e66; /* Slightly darker color */
    }
}