body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;margin:0;padding:0;background-color:#fff;color:#1d1d1f;padding-top:80px;}
header{background-color:#004B76;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:1100;box-shadow:0 2px 8px rgba(0,0,0,0.06);}
header img{height:75px;width:auto;}
nav{display:flex;gap:50px;align-items:center;margin-right:50px;}
nav a{text-decoration:none;color:#ffffff;}
nav a:hover{text-decoration:underline;color:#ffffff;}
.dropdown{position:relative;}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#004B76;box-shadow:0 4px 12px rgba(0,0,0,0.5);border-radius:8px;padding:10px 0;z-index:1000;width:325px;}
.dropdown-menu a{display:block;padding:10px 20px;text-decoration:none;color:#ffffff;}
.dropdown-menu a:hover{background:#004B76;}
.dropdown:hover .dropdown-menu{display:block;}
.search-bar{display:flex;align-items:center;gap:10px;}
.search-bar input{padding:8px;border:1px solid #d2d2d7;border-radius:4px;}
.search-bar button{padding:8px 12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;}
.search-bar button:hover{background-color:#0056b3;}
.support{font-size:14px;color:#fff;text-align:right;}
.hero{text-align:center;padding:0;background:#fff;}
.hero h2{font-size:48px;font-weight:600;margin-bottom:10px;}
.hero p{font-size:21px;color:#6e6e73;margin-bottom:20px;}
.hero video{max-width:100%;height:auto;border-radius:0;}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:50px;padding:0 60px;background-color:#fff;}
.product-card{background:#004B76;border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,0.05);text-align:center;}
.product-card img{max-width:100%;border-radius:12px;}
.product-card h3{margin:16px 0 8px;font-size:20px;}
.product-card p{font-size:15px;color:#ffffff;}
footer{text-align:center;padding:20px;background-color:#004B76;color:#fff;}
@media (max-width:768px){nav{flex-direction:column;display:none;background-color:#000;position:absolute;top:100%;left:0;width:100%;padding:10px 0;}nav.active{display:flex;}header{flex-wrap:wrap;}.hero h2{font-size:36px;}.hero p{font-size:18px;}.products{grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px){.hero h2{font-size:28px;}.hero p{font-size:16px;}.products{grid-template-columns:1fr;}}
#menu-toggle{display:none;background-color:#4e4e4e;color:#000;border:1px solid #4e4e4e;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:16px;margin-right:50px;}
#menu-toggle:hover{background-color:#f0f0f0;}
@media (max-width:768px){#menu-toggle{display:block;}nav{flex-direction:column;background-color:#fff;position:absolute;top:100%;left:50%;width:50%;gap:10px;}nav.active{display:flex;}}
@media (max-width:768px){#menu-toggle{display:block;font-size:24px;background:none;border:none;cursor:pointer;}.nav-links{display:none;flex-direction:column;gap:10px;position:absolute;top:60px;left:0;background:#fff;width:100%;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:1000;}.nav-links.active{display:flex;}nav a{padding:10px 0;text-align:center;}}
.product-details{display:none;}
@media (max-width:768px){.product-details{flex-direction:column;text-align:center;}.product-details img{max-width:80%;}.details-text h2{font-size:24px;}.details-text p{font-size:14px;}}
@media (max-width:480px){.product-details img{max-width:100%;}.details-text h2{font-size:20px;}.details-text p{font-size:12px;}}
#div-details-world ul{list-style-type:none;padding:0;margin:0;}
#div-details-world li{margin-bottom:10px;}
#scroll-top{display:none;position:fixed;bottom:75px;right:15px;z-index:1000;background:#e7e7e7;color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:2rem;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:background 0.2s;}
#scroll-top:hover{background:#747474;}
.about{padding:60px 20px;background-color:hsl(0, 0%, 100%);text-align:center;}
.about-container{max-width:800px;margin:0 auto;}
.about h2{font-size:32px;color:#1d1d1f;margin-bottom:20px;font-weight:bold;}
.about p{font-size:16px;color:#6e6e73;line-height:1.8;margin-bottom:20px;text-align:justify;}
@media (max-width:768px){.about h2{font-size:28px;}.about p{font-size:14px;}}
.contact{padding:60px 20px;background-color:#f9f9f9;text-align:center;}
.contact-container{max-width:1200px;margin:0 auto;}
.contact h2{font-size:32px;color:#1d1d1f;margin-bottom:20px;font-weight:bold;}
.contact-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:flex-start;}
.contact-details{flex:1;min-width:300px;text-align:left;}
.contact-details h3{font-size:24px;margin-bottom:10px;color:#007bff;}
.contact-details p{font-size:16px;color:#6e6e73;margin-bottom:10px;}
.contact-details a{color:#007bff;text-decoration:none;}
.contact-details a:hover{text-decoration:underline;}
.contact-map{flex:1;min-width:300px;}
.contact-map iframe{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
@media (max-width:768px){.contact-content{flex-direction:column;align-items:center;}.contact-details,.contact-map{text-align:center;}}
.heroslider{position:relative;overflow:hidden;width:100%;}
.slider-container{display:flex;transition:transform 0.5s ease-in-out;width:100%;}
.slide{flex:0 0 100%;display:flex;justify-content:center;align-items:center;}
.slide img{width:100%;height:auto;object-fit:cover;}
button.prev,button.next{position:absolute;top:50%;transform:translateY(-50%);background-color:rgb(212 212 212 / 17%);color:#fff;border:none;padding:10px 20px;cursor:pointer;z-index:10;font-size:24px;border-radius:50%;}
button.prev{left:10px;}
button.next{right:10px;}
button.prev:hover,button.next:hover{background-color:rgba(96,96,96,0.8);}
@media (max-width:768px){.heroslider{max-height:300px;}button.prev,button.next{font-size:18px;padding:8px 16px;}}
@media (max-width:480px){.heroslider{max-height:200px;}}
.hero-row{display:none;}
.details-btn{background-color:#0078d7;color:#fff;border:none;border-radius:24px;padding:10px 28px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:16px;transition:background 0.2s,box-shadow 0.2s;box-shadow:0 2px 8px rgba(0,0,0,0.08);letter-spacing:1px;}
.details-btn:hover,.details-btn:focus{background-color:#4a4a4a;box-shadow:0 4px 16px rgba(0,120,215,0.15);outline:none;}
.side-popup{position:fixed;right:-372px;top:40px;width:320px;background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,0.15);padding:24px 24px 16px 24px;z-index:2000;font-family:inherit;max-width:95vw;}
.side-popup.active{right:35%;top:0%;}
.close-popup{position:absolute;top:10px;right:16px;background:none;border:none;font-size:1.5rem;color:#0078d7;cursor:pointer;}
@media (max-width:600px){.side-popup{width:95vw;right:-104vw;left:auto;bottom:0;top:auto;border-radius:12px;padding:18px 10px 12px 18px;max-width:95vw;}.side-popup.active{right:0;margin-bottom:29px;top:20%;height:230px;}.close-popup{right:10px;top:10px;}}
.demo-popup{position:fixed;right:0;top:50%;z-index:3000;width:15%;max-width:95vw;background:#fff;box-shadow:0 -2px 16px rgba(0,0,0,0.13);border-radius:0 0 0 0;transition:bottom 0.4s cubic-bezier(.4,0,.2,1);padding-bottom:0;}
.demo-content{display:none;padding:20px 18px 12px 18px;}
.demo-popup.active .demo-content{display:block;}
.demo-toggle{position:absolute;right:0;top:-45px;background:#0078d7;color:#fff;border:none;border-radius:0 0 0 0;height:39px;font-size:1rem;font-weight:400;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.15);z-index:3001;transition:background 0.2s;}
.demo-toggle:hover{background:#005fa3;}
@media (max-width:600px){.demo-popup{width:98vw;border-radius:0 0 0 0;}}
.social-links{display:flex;justify-content:center;gap:20px;margin-top:20px;}
.social-links img{width:30px;height:30px;transition:transform 0.2s;}
.language-switcher-Socialicon{position:fixed;top:10px;right:30px;z-index:2002;display:flex;gap:20px;}
.language-switcher-Socialicon button{background:#989898;color:#fff;border:none;border-radius:6px;padding:3px 9px;cursor:pointer;transition:background 0.2s;font-size:1rem;outline:none;}
.language-switcher-Socialicon button.active,.language-switcher-Socialicon button:focus{background:#000000;}
.language-switcher-Socialicon button:hover{background:#000000;}
.language-switcher-Socialicon a img{width: 25px;}
.clientlist{padding:0px 20px;background-color:#f9f9f9;text-align:center;}
.clientlist-container{max-width:800px;margin:0 auto;}
.clientlist h2{font-size:25px;color:#9d9da2;margin-bottom:20px;font-weight:bold;}
.clientlist p{font-size:16px;color:#6e6e73;line-height:1.8;margin-bottom:20px;text-align:justify;}
@media (max-width:768px){.clientlist h2{font-size:28px;}.clientlist p{font-size:14px;}}

@keyframes blink-aqi {
  0%, 100% { background: #ff7700; color: #000; }
  50% { background: #0078d7; color: #fff; }
}
#open-popup {
  animation: blink-aqi 1s infinite;
}

.servicelist{padding:25px 20px;background-color:hsl(0, 0%, 100%);text-align:center;}
.servicelist-container{max-width:800px;margin:0 auto;}
.servicelist h2{font-size:32px;color:#004B76;margin-bottom:20px;font-weight:bold;}
.servicelist p{font-size:16px;color:#6e6e73;line-height:1.8;margin-bottom:20px;text-align:justify;}
@media (max-width:768px){.servicelist h2{font-size:28px;}.servicelist p{font-size:14px;}}

.companyservice{padding:60px 20px;background-color:hsl(0, 0%, 100%);text-align:center;}
.companyservice-container{max-width:950px;margin:0 auto;}
.companyservice h2{font-size:32px;color:#004B76;margin-bottom:20px;font-weight:bold;}
.companyservice p{font-size:16px;color:#6e6e73;line-height:1.8;margin-bottom:20px;text-align:justify;}
@media (max-width:768px){.companyservice h2{font-size:28px;}.companyservice p{font-size:14px;}}

.industry-services-container {
      background: #f9f9f9;
    /* border: 1px solid #e2e8f0; */
    /* border-radius: 6px; */
    padding: 0px 0px 50px 0px;
    max-width: 98%;
    margin: 0 auto;
    position: relative;

}

.industry-title {
    text-align: center;
    font-size: 2rem;
    color: #4f768c;
    /* margin-bottom: 30px; */
    /* background: #f9f9f9; */
    display: inline-block;
    /* padding: 10px 40px; 
    border-radius: 4px 4px 0 0;*/
    border-bottom: 2px solid #d6d6d6;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.industry-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
 /*gap: 28px;
  margin: 32px 0;*/
}

.industry-card {
  /*background: #fff;
  border-radius: 18px;
  box-shadow: 0 2px 12px rgba(44,132,255,0.08);*/
  display: flex;
  flex-direction: column;
  align-items: center;
  /*padding: 18px 10px 14px 10px;
  transition: box-shadow 0.2s, transform 0.2s;*/
  text-align: center;
}

.industry-card img {
  width: 270px;
  
  object-fit: contain;
  margin-bottom: 12px;
}

.industry-card h3 {
  margin: 0 0 8px 0;
  font-size: 1.15rem;
  color: #1a365d;
}

.industry-card p {
  font-size: 1.08rem;
  font-weight: 500;
  color: #222;
  margin: 0;
}

.industry-card:hover {
  box-shadow: 0 8px 32px #f9f9f9;
  transform: translateY(-6px) scale(1.04);
}

.read-more-btn {
  display: inline-block;
  padding: 6px 18px;
  border: 1px solid #2362a3;
  border-radius: 6px;
  background: #fff;
  color: #2362a3;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
  font-size: 1rem;
}

.read-more-btn:hover {
  background: #2362a3;
  color: #fff;
}

.view-all-industries-btn {
      display: block;
    margin: 40px auto 0 auto;
    background: #2362a3;
    color: #fff;
    font-weight: bold;
    font-size: 1.15rem;
    padding: 2px 0;
    border-radius: 24px 24px 24px 24px;
    width: 420px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    box-shadow: 0 2px 8px rgba(35, 98, 163, 0.08);
}

@media (max-width: 900px) {
  .industry-grid {
    flex-direction: column;
    align-items: center;
  }
  .industry-card, .view-all-industries-btn {
    width: 98%;
    min-width: unset;
  }
}
 #google_translate_element {
      font-size: 0;
      /* hides default text spacing */
    }

    /* Remove Google default border & background */
    .goog-te-gadget-simple {
      background-color: white !important;
      border: none !important;
      padding: 2px 6px !important;
      border-radius: 4px;
      font-size: 14px;
      font-family: inherit;
      color: #333 !important;
      display: inline-flex;
      align-items: center;
      border-radius: 4px !important;
    }

    /* Change dropdown arrow color */
    .goog-te-gadget-simple span:last-child {
      color: #666 !important;
    }

    /* Hide Google branding text */
    .goog-logo-link {
      display: none !important;
    }

    .goog-te-gadget {
      font-size: 0 !important;
    }

    /* Make dropdown cleaner */
    .goog-te-combo {
      padding: 4px 6px;
      font-size: 13px;
      border-radius: 4px;
      border: 1px solid #ccc;
    }