@font-face {
  font-family: GreatVibes-Regular;
  src: url(../fonts/Great_Vibes/GreatVibes-Regular.ttf);
}
p {font-family: system-ui, sans-serif; color: #000; font-size: 16px; line-height: 26px; text-align: justify;}
a {text-decoration: none; font-family: system-ui, sans-serif;}
h2 {font-family: GreatVibes-Regular, sans-serif; font-size: 32px !important; font-weight: 600; letter-spacing: 1px; color: #376094;}
h3 {color: #376094; font-size: 20px; font-family: system-ui, sans-serif;}
section {margin-bottom: 74px;}
/*.space-between{margin-bottom: 80px;}*/
ul, li {font-family: system-ui, sans-serif;list-style: none;}

.mob-view{display: none !important;}
@media only screen and (max-width: 992px){
.desktop-view{display: none !important;}
.mob-view{display: block !important;}
}

.indu-industries-wrapper .list-item {display: flex;align-items: flex-start;margin-bottom: 10px;}
.indu-industries-wrapper .list-item .bullet {width: 10px;height: 10px;background-color: #f6d500;border-radius: 50%;margin-right: 1rem;margin-top: 0.5rem;flex-shrink: 0;}
.indu-industries-wrapper .list-item .item-content {color: #333;line-height: 1.6;}

/*---Heading highlight---*/
.indu-industries-wrapper .heading-highlight { position: relative; margin-right: 5px;}
.indu-industries-wrapper .heading-highlight::before {content: '';position: absolute;top: 50%;left: -4px;transform: translateY(-50%);width: 21px;height: 21px;background-color: #f9bd02;border-radius: 50%;z-index: -1;}
.indu-industries-wrapper .heading-highlight span {padding-left: 6px;}
.indu-industries-wrapper .heading-underline {height: 1.6px; background-color: #376094; width: 32px;position: relative; bottom: -5px;}
/*---End Heading highlight---*/

/*---Header menu--*/
.header.sticky {position: fixed;width: 100%;top: 0px;z-index: 80000;box-shadow: rgba(0, 0, 0, 0.17) 0px 0px 15px;transition: 0.6s;background: rgb(255, 255, 255);animation: 1s ease 0.2s 1 normal both running fadeInDown;}
.header .logo img {max-height: 54px;width: auto;}  
.header .navbar .navbar-nav .nav-link {color: #376094; font-weight: 500; transition: color 0.3s; position: relative; padding: 0px; margin: 8px; }
.header .navbar .navbar-nav .nav-link::after{
  content: '';
  position: absolute;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  width: 100%;
  height: 2px;
  background-color: #f9bd02;
  transition: transform 0.4s ease;
}
.header .navbar .navbar-nav .nav-link.active::after{content: "";
  transform: translateX(-50%) scaleX(1);
}
.header .navbar .navbar-nav .nav-link:hover::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%) scaleX(1);
  transform-origin: center;
  width: 100%;
  height: 2px;
  background-color: #f9bd02;
  transition: transform 0.4s ease;
}
/*.header .navbar .navbar-nav .nav-link.active:hover::after,
.header .navbar .navbar-nav .nav-link.active:focus::after {
  transform: translateX(-50%) scaleX(1);
}*/
/*.header .navbar .navbar-nav .nav-link:hover {color: #376094cc;
}*/

.header .navbar .navbar-nav .btn-custom {background-color: #f9bd02;color: #376094;border-radius: 8px;padding: 6px 26px; font-weight: 500;transition: background-color 0.3s ease;}
.header .navbar .navbar-nav .btn-custom:hover {background-color: #e0a800;color: #fff;}
    /* Custom Hamburger Icon */
.header .navbar .custom-toggler {border: none;background: transparent;}
.header .navbar .custom-toggler .icon-bar {
      display: block;
      width: 22px;
      height: 2px;
      background-color: white;
      margin: 4px 0;
      transition: all 0.3s ease;
    }

  @media (max-width: 992px) {
    .header .navbar .navbar-brand img{max-height: 38px;width: auto;}
    .header .navbar { background-color: #fff;}  
    .header .navbar .custom-toggler .icon-bar { background-color: #000; }
    .header .navbar .navbar-nav .nav-link { color: #000 !important; }
    .header .navbar .navbar-nav .nav-link:hover {color: #616161;}
  }
/*---Ends--*/

/*About Section */
.indu-industries-wrapper .about-section .btn-custom {background-color: #f9bd02;color: #000;border-radius: 8px;padding: 0.5rem 1rem;font-weight: 500;transition: background-color 0.3s ease; float: right; font-style: italic;}
.indu-industries-wrapper .about-section .about-img {border-radius: 10px;} 
@media only screen and (max-width: 992px){.indu-industries-wrapper .about-section .about-img {width: unset; margin-bottom: 28px;} }
/*Ends*/

/*---Products section---*/
.indu-industries-wrapper .products-section .sidebar button {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding: 7px;
      margin-bottom: 5px;
      border: none;
      background: #eeeeee;
      text-align: left;
      font-size: 14px;
      cursor: pointer;
      position: relative;
      border-radius: 8px;
      font-weight: 500;
    }

   .indu-industries-wrapper .products-section .sidebar button.active {
      background: #376094;
      color: white;
    }

   .indu-industries-wrapper .products-section .sidebar button .arrow {
      display: none;
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-left: 12px solid #f9bd02;
      margin-left: 10px;
    }

   .indu-industries-wrapper .products-section .sidebar button.active .arrow {
      display: inline-block;
    }

   .indu-industries-wrapper .products-section .content {
      flex: 1;
      display: flex;
      gap: 20px;
    }

  .indu-industries-wrapper .products-section .image-section img {
      width: 100%;
      height: 512px; border-radius: 8px;
    }
.indu-industries-wrapper .products-section .btn-custom {background-color: #f9bd02;color: #376094;border-radius: 8px;padding: 6px 26px; font-weight: 500;transition: background-color 0.3s ease; position: absolute; bottom: 0;right: 12px;}  
.indu-industries-wrapper .products-section .btn-custom:hover {background-color: #e0a800;color: #fff;} 
.indu-industries-wrapper .products-section .products-mobile{display: none;} 
@media only screen and (max-width: 992px){
  .indu-industries-wrapper .products-section .products-mobile{display: block;}
  .indu-industries-wrapper .products-section .products-desktop{display: none;}
  .indu-industries-wrapper .products-section .image-section img {margin-top: 28px; margin-bottom: 28px;}


  .dropdown {
      position: relative;
      display: inline-block;
    }
    .dropdown-btn {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      padding: 10px 15px;
      background-color: #376094;
      color: white;
      border: none;
      cursor: pointer;
      border-radius: 5px;
      min-width: 308px;
    }
   .arrow {
      display: inline-block;
      font-size: 15px;
      transition: transform 0.3s ease;
      color: #f9bd02;
    }
    .arrow.rotate {
      transform: rotate(180deg);
      transition: transform 0.3s ease;
    }


    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f1f1f1;
      min-width: 160px;
      box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
      z-index: 1; min-width: 308px;
    }
    .dropdown-content div {
      padding: 10px;
      cursor: pointer;
    }
    .dropdown-content div:hover {
      background-color: #ddd;
    }
    .content-box {
      margin-top: 30px;
      /*padding: 20px;
      border: 1px solid #ccc;
      border-radius: 10px;*/
      /*text-align: center;*/
    }
    .content-box img {
      max-width: 100%;
      height: auto;
    }

    .indu-industries-wrapper .products-section .products-mobile .btn-custom { bottom: unset;}
   }
/*Ends*/

/*---Industry solution---*/
.indu-industries-wrapper .industry-solutions-section{background-color: #eeeeee; padding: 68px 0px;}
.indu-industries-wrapper .industry-solutions-section .industry-solutions-img{border-radius: 10px;}
.indu-industries-wrapper .industry-solutions-section ul li i{font-size: 12px;margin-right: 8px;color: #f9bd02; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}
@media only screen and (max-width: 992px){
  .indu-industries-wrapper .industry-solutions-section {margin-top: 115px;}
  .indu-industries-wrapper .industry-solutions-section .industry-solutions-img {margin-top: 28px;} }
/*Ends*/
/*---Promise section---*/
.indu-industries-wrapper .promise-section .our-promise-img{border-radius: 10px;}
.indu-industries-wrapper .promise-section .list-item .bullet {background-color: #376094;}
@media only screen and (max-width: 992px){.indu-industries-wrapper .promise-section .our-promise-img {margin-bottom: 28px;} }
/*Ends*/
 /*Testimonial section*/
   .testimonial {
      font-size: 1.1rem;
      font-style: italic;
    }
    .testimonial-author {
      font-weight: bold;
      font-style: italic;
      text-align: right;
      margin-top: 1rem;
    }
    .carousel-indicators [data-bs-target] {
      background-color: #333;
    }
 /*---Ends---*/

/*Footer*/
.footer-top {background-color: #376094;}
.footer-top .logo-and-wordmark .wordmark p{line-height: 24px; text-align: left;}
.footer-top .logo-and-wordmark .logo img{width: 180px; height: auto;}
.footer-top .footer-head{color: #fff}
.footer-top .footer-links ul{list-style: none; padding-left:4px;}
.footer-top .footer-links ul li i{font-size: 12px;margin-right: 8px;color: #f9bd02; -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;}
.footer-top .footer-links ul li a{color: #fff; text-decoration: none;}
.footer-top .footer-links ul li a:hover{#73a5ec;}
.footer-top .contact-address{line-height: 24px; text-align: left;}
.footer-top .contact-details{color: #fff;}
.footer-top .contact-details a{color: #fff; text-decoration: none;}
.footer-top .contact-details i{color: #f9bd02; font-size: 22px;}
.footer-top .form-section .form-control{ background-color: #ffffffcf;border: none;border-radius: 8px;}
.footer-top .form-section .submit-btn {background-color: #f9bd02;color: #000;border: none;}
.footer-top .form-section .submit-btn:hover {background-color: #e6c200;}
/*---Ends---*/    

/*Copyright section*/
.copyright-section p {font-size: 15px; line-height: 24px;}
/*---Ends---*/

/*---Back to top button---*/
    .back-to-top {width: 40px;height: 40px;text-align: center;position: fixed;bottom: 18px;right: 19px;background-color: #f9bd02;border-radius: 12%;color: #fff;display: none;z-index: 1;cursor: pointer;font-size: 25px;}  
    .back-to-top:hover { background-color: #e0a800; } 
  /*---Back to top button---*/