:root {
         --primary: #2A4E6E;
         /*--secondary: #FF9F1C;*/
         --secondary: #E27814;
         --dark: #1A2B3C;
         --light: #F8F9FA;
         }
         body {
         font-family: 'Inter', sans-serif;
         background-color: var(--light);
         color: var(--dark);
         }
         .hero {
         background: linear-gradient(rgba(42,78,110,0.9), rgba(42,78,110,0.9)),
         url('https://images.unsplash.com/photo-1580587771525-78b9dba3b914?auto=format&fit=crop&w=1920&q=80');
         height: 90vh;
         background-size: cover;
         background-position: center;
         display: flex;
         align-items: center;
         color: white;
         margin-top: 102px;
         }
         .nav-shadow {
         box-shadow: 0 2px 15px rgba(0,0,0,0.1);
         }
         .section-title {
         position: relative;
         margin-bottom: 3rem;
         }
         .section-title:after {
         content: '';
         position: absolute;
         bottom: -15px;
         left: 50%;
         transform: translateX(-50%);
         width: 80px;
         height: 3px;
         background: var(--secondary);
         }
         .brand-card {
         background: white;
         border-radius: 10px;
         transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
         border: 1px solid rgba(0,0,0,0.1);
         }
         .brand-card:hover {
         transform: translateY(-5px);
         box-shadow: 0 10px 20px rgba(0,0,0,0.1);
         }
         .client-logo {
         height: 80px;
         filter: grayscale(1);
         opacity: 0.7;
         transition: all 0.3s;
         }
         .client-logo:hover {
         filter: grayscale(0);
         opacity: 1;
         }
         .resource-list li {
         padding: 1rem;
         margin: 0.5rem 0;
         background: white;
         border-radius: 8px;
         display: flex;
         align-items: center;
         gap: 1rem;
         transition: all 0.3s;
         }
         .resource-list li:hover {
         transform: translateX(10px);
         box-shadow: 0 5px 15px rgba(0,0,0,0.1);
         }
         .data-sheet-card {
         border: none;
         border-left: 4px solid var(--secondary);
         transition: all 0.3s;
         }
         .animate-entry {
         opacity: 0;
         transform: translateY(30px);
         transition: 0.6s all cubic-bezier(0.4, 0, 0.2, 1);
         }
         .animate-entry.visible {
         opacity: 1;
         transform: translateY(0);
         }
         .contact-card {
         background: white;
         border-radius: 15px;
         box-shadow: 0 10px 30px rgba(0,0,0,0.1);
         }
         .form-control:focus {
         border-color: var(--secondary);
         box-shadow: 0 0 0 0.25rem rgba(255,159,28,0.25);
         }
      
      
         .client-card {
         padding: 20px;
         border: 1px solid #ddd;
         border-radius: 10px;
         background-color: #f8f9fa;
         transition: transform 0.3s ease;
         }
         .client-card:hover {
         transform: translateY(-5px);
         box-shadow: 0 0 10px rgba(0,0,0,0.1);
         }
         .owl-carousel .item {
         padding: 0 15px;
         }
         .owl-stage {
         display: flex;
         align-items: center;
         }
         .client-card {
         height: 100%;
         /*display: flex;*/
         align-items: center;
         justify-content: center;
         /*min-height: 120px;*/
         }
         .logo_flex{
         display:flex;
         }
         .logo_img img{
         height: 60px;
         }
         .client_logo_img img {
         display: block;
         width: 100%;
         height: 74px;
         object-fit: contain;
         }
         .heading {
         font-size: 24px;
         font-weight: bold;
         }
         .logo_heading{
         justify-content: center;
         align-items: center;
         display: flex;
         padding-left: 5px;
         }
      
      
         .btn_main {
         /*display: flex;*/
         align-items: center;
         justify-content: center;
         gap: 10px;
         font-family: inherit;
         font-size: 13px;
         font-weight: 600;
         text-transform: uppercase;
         letter-spacing: 0.4px;
         color: #ffffff;
         background-color: #ff9100;
         border-style: solid;
         border-width: 2px 2px 2px 2px;
         border-color: rgba(255, 255, 255, 0.333);
         border-radius: 40px 40px 40px 40px;
         padding: 10px 22px;
         transform: translate(0px, 0px) rotate(0deg);
         transition: 0.2s;
         box-shadow: -4px -2px 16px 0px #ffffff, 4px 2px 16px 0px rgb(95 157 231 / 48%);
         }
         .btn_main:hover {
         color: #516d91;
         background-color: #E5EDF5;
         box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
         }
         .btn_main:active {
         box-shadow: none;
         }
         .mission{
         background:url('https://plus.unsplash.com/premium_photo-1677679817630-ed9df8065221?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
         background-attachment: fixed;
         }
         .library{
         background: linear-gradient(300deg, #00000000 40%, rgba(0, 0, 0, 0.09) 100%), url(https://images.unsplash.com/photo-1560130797-5eced380ea90?q=80&w=2069&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
         background-attachment: fixed;
         }
         .btn_bg_yello{
         color: #ffffff;
         background-color: #ff9100;
         }
      
      
      
         /* Enhanced Hero Section */
         .hero {
         height: 100vh;
         margin-top: 80px;
         position: relative;
         overflow: hidden;
         }
         .hero::after {
         content: '';
         position: absolute;
         bottom: 0;
         left: 0;
         width: 100%;
         height: 20%;
         background: linear-gradient(to top, var(--primary), transparent);
         }
         /* Improved Card Animations */
         .brand-card {
         transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
         box-shadow 0.3s ease;
         }
         /* Enhanced Client Carousel */
         /*.client-card {*/
         /*    background: rgba(255,255,255,0.9);*/
         /*    backdrop-filter: blur(5px);*/
         /*    border: 1px solid rgba(255,255,255,0.3);*/
         /*}*/
         .client-card {
         background: #72727221;
         backdrop-filter: blur(5px);
         border: 1px solid rgb(255 145 0);
         height: 134px;
         display: flex;
         justify-content: center;
         align-items: center;
         }
         /* Modern Form Styling */
         .enquiry-form input,
         .enquiry-form textarea {
             font-size:19px;
         background: rgba(255,255,255,0.9);
             border: 2px solid #5b55550d;
         transition: all 0.3s ease;
         }
         .enquiry-form input:focus,
         .enquiry-form textarea:focus {
         border-color: var(--secondary);
         background: white;
         }
         /* Gradient Animations */
         @keyframes gradientBG {
         0% { background-position: 0% 50%; }
         50% { background-position: 100% 50%; }
         100% { background-position: 0% 50%; }
         }
         .mission {
         background-size: 400% 400%;
         animation: gradientBG 15s ease infinite;
         }
         .client_bg_blue{
         background: #12529b;
         padding: 20px;
         }
      
      
         /* Reset and Base Styles */
         * {
         margin: 0;
         padding: 0;
         box-sizing: border-box;
         }
         /*body {*/
         /*font-family: 'Montserrat', sans-serif;*/
         /*line-height: 1.6;*/
         /*}*/
         a {
         text-decoration: none;
         color: inherit;
         transition: all 0.3s ease;
         }
         /* Footer Styles */
         footer {
         background: #0a0a0a;
         color: #fff;
         position: relative;
         }
         .footer_social {
         padding: 1.5rem 2rem;
         display: flex;
         justify-content: space-between;
         align-items: center;
         background: #000;
         position: relative;
         }
         .footer_social::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 3px;
         background: linear-gradient(90deg, #da214c 0%, #7c4dff 50%, #ff9800 100%);
         }
         .icons_anchors a {
         margin: 0 12px;
         font-size: 1.4rem;
         position: relative;
         display: inline-block;
         }
         .icons_anchors a:hover {
         transform: translateY(-3px);
         color: #da214c;
         }
         .icons_anchors a::after {
         content: '';
         position: absolute;
         bottom: -5px;
         left: 50%;
         transform: translateX(-50%);
         width: 0;
         height: 2px;
         background: #ff9100;
         transition: width 0.3s ease;
         }
         .icons_anchors a:hover::after {
         width: 100%;
         }
         .footer_padding {
         padding: 4rem 0;
         background: linear-gradient(135deg, rgba(0,0,0,0.9) 40%, rgba(0,0,0,0.7)),
         url(<?php echo base_url(); ?>assets/img/footer_img.jpg);
         background-size: cover;
         background-attachment: fixed;
         position: relative;
         overflow: hidden;
         }
         .footer_padding::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: repeating-linear-gradient(
         45deg,
         rgba(255,255,255,0.05) 0px,
         rgba(255,255,255,0.05) 2px,
         transparent 2px,
         transparent 4px
         );
         }
         .logo_heading {
         font-size: 1.8rem;
         margin-left: 1rem;
         }
         .logo_heading span {
         font-weight: 700;
         letter-spacing: 1px;
         text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
         }
         .footer_links h6 {
         font-size: 1.1rem;
         margin-bottom: 1.5rem;
         position: relative;
         display: inline-block;
         }
         .footer_links h6::after {
         content: '';
         position: absolute;
         bottom: -8px;
         left: 0;
         width: 40px;
         height: 2px;
         background: #ff9100;
         }
         .footer_links p {
         margin-bottom: 0.8rem;
         }
         .footer_links p a {
         position: relative;
         padding-left: 0;
         transition: all 0.3s ease;
         }
         .footer_links p a:hover {
         color: #da214c;
         padding-left: 15px;
         }
         .footer_links p a::before {
         content: '➤';
         position: absolute;
         left: -15px;
         opacity: 0;
         transition: all 0.3s ease;
         }
         .footer_links p a:hover::before {
         left: -10px;
         opacity: 1;
         }
         .contact-info p {
         position: relative;
         padding-left: 30px;
         margin-bottom: 1rem;
         }
         .contact-info i {
         position: absolute;
         left: 0;
         top: 5px;
         color: #ff9100;
         }
         .scroll-top {
         position: fixed;
         bottom: 30px;
         right: 30px;
         background: #ff9100;
         width: 45px;
         height: 45px;
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         cursor: pointer;
         transition: all 0.3s ease;
         opacity: 0;
         visibility: hidden;
         box-shadow: 0 5px 15px rgba(0,0,0,0.3);
         }
         .scroll-top.active {
         opacity: 1;
         visibility: visible;
         }
         .scroll-top:hover {
         transform: translateY(-5px);
         background: #ff3366;
         }
         @media (max-width: 768px) {
         .footer_social {
         flex-direction: column;
         gap: 1rem;
         text-align: center;
         }
         .logo_heading {
         font-size: 1.4rem;
         }
         .footer_padding {
         background-attachment: scroll;
         }
         .col-md-4 {
         margin-bottom: 2rem;
         }
         }
      
      /*home page css end here*/
      
      .bre_cumb_common{
          margin-top:102px;
          background: linear-gradient(rgba(42, 78, 110, 0.9), rgba(42, 78, 110, 0.9)), url('../img/breadcrumb_common_image.jpg') !important;
      }
         .before_left:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 38px;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: var(--secondary);
      }
      
    .about-hero {
        background: linear-gradient(rgba(42,78,110,0.9), rgba(42,78,110,0.9)),
                    url('https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?auto=format&fit=crop&w=1920&q=80');
        /*padding: 120px 0 80px;*/
        padding: 40px 0 40px;
        color: white;
    }
    
    .specialization-card {
        background: white;
        border-radius: 10px;
        padding: 2rem;
        margin: 1rem 0;
        box-shadow: 0 5px 25px rgba(0,0,0,0.1);
        transition: transform 0.3s ease;
    }
    
    .resource-badge {
        background: var(--light);
        border: 2px solid var(--primary);
        border-radius: 30px;
        padding: 0.8rem 1.5rem;
        margin: 0.5rem;
        display: inline-flex;
        align-items: center;
        gap: 0.8rem;
    }
    
        .section {
            background: white;
            padding: 40px;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
            margin: 30px 0;
            transition: transform 0.3s ease;
        }

        .section:hover {
            transform: translateY(-5px);
        }

        .vision-section {
            border-left: 4px solid #2a4a7c;
            background: #f8f9fa;
        }

        .industry-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 20px;
            margin: 30px 0;
        }

        .industry-item {
            background: #fff;
            padding: 20px;
            border-radius: 8px;
            text-align: center;
            font-weight: 600;
            border: 2px solid #e9ecef;
            transition: all 0.3s ease;
        }

        .industry-item:hover {
            border-color: #2a4a7c;
            background: #f4f6f9;
        }

        .commitment-list {
            list-style: none;
            padding-left: 0;
        }

        .commitment-list li {
            margin-bottom: 25px;
            padding-left: 35px;
            position: relative;
            font-size: 1.05rem;
        }

        .commitment-list li:before {
            content: "\f058";
            font-family: "Font Awesome 5 Free";
            color: #2a4a7c;
            position: absolute;
            left: 0;
            top: 2px;
            font-weight: 900;
        }

        .values-section {
            background: linear-gradient(135deg, #2a4a7c 0%, #1a3357 100%);
            color: white;
            padding: 50px;
            border-radius: 12px;
            text-align: center;
            box-shadow: 0 10px 30px rgba(42,74,124,0.2);
        }
        
           @media(max-width:600px){
         .heading {
         font-size: 11px;
         font-weight: bold;
         }
         .logo_img img {
            height: 54px;
        }
        .hero {
            height: 88vh;
            margin-top: 80px;
            position: relative;
            overflow: hidden;
        }
        .bre_cumb_common {
            padding: 60px 0px;
            margin-top: 96px;
        }
        
        .data-sheet-card h5{
            font-size: 15px;
        }
         }

        @media (max-width: 768px) {
        
            
            .section {
                padding: 25px;
                margin: 20px 0;
            }
            
            .values-section {
                padding: 30px;
            }
        }


   .client-grid {
            padding: 40px 0;
        }
        .bg_none{
            background:none;
        }
        
        .contact-card i{
            color: #ff9100;
        }
      h1::first-letter,
h2::first-letter,
h3::first-letter,
h4::first-letter,
h5::first-letter,
h6::first-letter {
  color: #ff9100;
}

.hero-slider {
  width: 100%;
  height: 100vh;
  position: relative;
  margin-top:102px;
}

.slider-banner {
  height: 100vh;
  position: relative;
  background-size: cover;
  background-position: center;
}

/*.slide-1 { background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../img/slider_3.jpg'); }*/
/*.slide-2 { background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../img/projects/running_project_4.jpeg' ); }*/
/*.slide-3 { background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../img/slider_1.jpg'); }*/
/*.slide-4 { background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../img/slider_2.jpg' ); }*/
.slide-1 { background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../img/banners/banner_new_1.jpeg'); }
.slide-2 { background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../img/banners/banner_new_2.jpeg' ); }
.slide-3 { background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../img/banners/banner_new_3.jpeg'); }
.slide-4 { background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../img/slider_2.jpg' ); }

.slide-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  width: 80%;
}

.slide-content h2 {
  font-size: 3.5rem;
  margin-bottom: 20px;
  animation: fadeInUp 1s;
}

.slide-content p {
  font-size: 1.5rem;
  margin-bottom: 30px;
  animation: fadeInUp 1s 0.3s forwards;
  opacity: 0;
}

.cta-btn {
  padding: 15px 40px;
  background: #FF6B00;
  color: white;
  text-decoration: none;
  border-radius: 30px;
  font-weight: bold;
  text-transform: uppercase;
  animation: fadeInUp 1s 0.6s forwards;
  opacity: 0;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Slick Overrides */
.slick-dots {
  bottom: 30px;
}

.slick-dots li button:before {
  color: white;
  font-size: 12px;
}

.slick-arrow {
  z-index: 1;
  width: 40px;
  height: 40px;
}

.slick-prev { left: 30px; }
.slick-next { right: 30px; }

.slick-prev:before, .slick-next:before {
  font-size: 40px;
}

    .banner_logo .logo_img{
    transition: transform 0.3s ease;
    text-align: center;
    justify-content: center;
    display: flex;
    }
   .banner_logo .logo_img img {
    height: 140px;
    }
    
    .slide-content .logo_heading .heading{
    font-size: 3.5rem;
    margin-bottom: 20px;
    animation: fadeInUp 1s;
        
}

.banner_logo .logo_flex{
    padding:40px 0px;
}

.banner_logo .logo_heading .heading{
    margin-bottom: 0px;
}

  .slide-content .logo_flex{
        text-align: center;
    justify-content: center;
    align-items: center;
    display: flex
;
}
.cliants_banner{
        display: flex
;
    justify-content: center;
    align-items: center;
}
.cliants_banner .client-card {
    background: #ffffff;
    backdrop-filter: blur(5px);
    border: 1px solid rgb(255 145 0);
    height: 134px;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-right: 40px;
}

/*.equipment-banner {*/
/*  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);*/
/*}*/

.equipment-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 2rem 1.5rem;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(10px);
  height: 100%;
}

.equipment-card:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.card-icon {
  font-size: 2.5rem;
  color: #38bdf8;
  margin-bottom: 1rem;
  transition: transform 0.3s ease;
}

.equipment-card:hover .card-icon {
  transform: rotate(15deg) scale(1.1);
}

.equipment-card h3 {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.equipment-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.equipment-list li {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.85rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: all 0.2s ease;
}

.equipment-list li:last-child {
  border-bottom: none;
}

.equipment-list li:hover {
  color: #38bdf8;
  transform: translateX(5px);
}

.footer_links .logo_heading span{
        color: #ff9100 !important;
        padding-left: 10px;
}

      .media_box {
         min-height: 100%;
         background-color: #fff;
         padding: 0.7rem;
         box-shadow: 1px 1px 20px -10px;
         }
         .media_box img {
         width: 100%;
         height: 300px;
         object-fit: cover;
         object-position: top;
         margin-bottom: 1rem;
         }
         .media_box p {
         font-size: 16px;
         line-height: 26px;
         text-align: justify;
         font-weight: 600;
         padding: 0 0.5rem;
         color: #525252;
         }

@media (max-width: 768px) {
  .equipment-card {
    padding: 1.5rem 1rem;
  }
  
  .card-icon {
    font-size: 2rem;
  }
  
  .equipment-card h3 {
    font-size: 1rem;
  }
  
  .equipment-list li {
    font-size: 0.8rem;
  }
  
  .hero-slider {
  /*width: 100%;*/
  /*height: 100vh;*/
  /*position: relative;*/
  margin-top:96px;
}

.banner_logo .logo_img img {
    height: 100px;
}
.slide-content .logo_heading .heading {
    font-size: 35px;
    margin-bottom: 20px;
    animation: fadeInUp 1s;
}
.cliants_banner {
    display: block;
    justify-content: center;
    align-items: center;
}

/*.cliants_banner .client_logo_img{*/
/*    margin-bottom:20px;*/
/*}*/

    .cliants_banner .client_logo_img img {
        display: block;
        width: 100%;
        height: 50px;
        object-fit: contain;
    }
    
   .cliants_banner .client-card {
    background: #ffffff;
    backdrop-filter: blur(5px);
    border: 1px solid rgb(255 145 0);
    height: 78px;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    margin-bottom: 10px;
}


}