@font-face {font-family:FontAwesome;src:url(../fonts/FontAwesome.otf);}
@font-face {font-family:Nohemi-Regular;src:url(../fonts/Nohemi-Regular.otf);}
@font-face {font-family:Nohemi-Medium;src:url(../fonts/Nohemi-Medium.otf);}
@font-face {font-family:Nohemi-Bold;src:url(../fonts/Nohemi-Bold.otf);}
@font-face {font-family:Nohemi-SemiBold;src:url(../fonts/Nohemi-SemiBold.otf);}
@font-face {font-family:Nohemi-Light;src:url(../fonts/Nohemi-Light.otf);}
@font-face {font-family:Nohemi-ExtraLight;src:url(../fonts/Nohemi-ExtraLight.otf);}


body{font-family: "Nohemi-Regular"; color:#353332;font-size: 14px;}
/* .container{max-width:1366px;} */

h1, h2, h3, h4, h5, h6, p, ul, ol, li {position: relative;}
img {max-width: 100%;}
ul{list-style: none; padding: 0px; margin: 0px;}
a{text-decoration: none;}

.navbar-nav{align-items: center;}
/*=== Header ===*/
.home-header { position: absolute;top: 10px;left: 0px;z-index: 2;width: 100%; }
.header-menu{border-radius:12px;background: #FBFBFB;filter: drop-shadow(10px 8px 6.3px rgba(0, 0, 0, 0.07));padding:6px 40px; margin: 0px 50px;}

.navbar-brand img{height: 50px;}

.navbar-dark{padding: 0px;}
.navbar-expand-lg .navbar-collapse { justify-content: end; }
.navbar-toggler {padding: 0; border: none;  border-radius: 30px;width: 36px; height: 36px; position: relative;}
.menu-icon {display: flex; flex-direction: column; justify-content: space-between;cursor: pointer; transition: 0.3s ease-in-out;}
.navicon,
.navicon:before,
.navicon:after {background: #052397; height: 2px; width: 30px;position: absolute; left: 0; transition: 0.3s;}
.navicon { position: relative; margin: auto; }
.navicon:before { content: ''; top: -8px; }
.navicon:after { content: ''; top: 8px; }
.navbar-toggler[aria-expanded="true"] .navicon { background: transparent; }
.navbar-toggler[aria-expanded="true"] .navicon:before { transform: rotate(45deg); top: 0; }
.navbar-toggler[aria-expanded="true"] .navicon:after { transform: rotate(-45deg); top: 0; }
.navbar-toggler:focus { box-shadow: none; }

.navmenu li { position: relative; }
.navmenu > ul > li:last-child { padding-right: 0; }
.navmenu .nav-item a{font-family:'Nohemi-ExtraLight'; color: #000;font-size: 16px;font-weight: 300;line-height: normal; display: inline-block; padding: 0px 20px; }
.navmenu .nav-item a.active{background: var(--Gradient, linear-gradient(180deg, #0525A0 0%, #0E07FB 100%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.contact-button .btn{font-family:'Nohemi-SemiBold'; display: inline-flex; align-items: center; gap: 0px 8px; border-radius: 49px;background: var(--Gradient_1, linear-gradient(180deg, #0525A0 0%, #000 100%)); color: #FFF;font-size: 14px;font-weight: 600;line-height: normal; padding:14px 30px;}

.contact-button .btn img{height:18px;}


 .navmenu .dropdown {padding: 10px 0px; overflow: hidden; display: none;position: absolute;top: 100%;left: 0;background:#fff;min-width: 240px;box-shadow: 0 4px 8px rgba(0,0,0,0.15);z-index: 1000;flex-direction: column; border-radius: 9px;}
 .navmenu .dropdown a {padding:8px 14px;color: #000;font-size: 16px; line-height:22px;}
.dropdown a:hover {width: 100%;background:#F5F5F5;color: #000; font-weight: 500;}


.rotate{margin-left: 4px; font-size:18px;}
    
/* Desktop Hover Support */
 @media (min-width: 769px) {
  .toggle-dropdown {
  transition: transform 0.3s ease;
}
  .nav-item:hover > a .rotate {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
  }
      .nav-item:hover .dropdown {
        display: flex;
      }
      /* .nav-item > button::after {
        content: '▼';
        font-size: 10px;
      } */
}

/* Hide submenu initially on mobile */
@media (max-width: 768px) {
  .navmenu .dropdown {
    display: none !important;
    position: static;
    box-shadow: none;
    background: transparent;
    margin-top: 10px;
  }

  .nav-item.open .dropdown {
    display: flex !important;
    flex-direction: column;
  }

      /* Reset rotation style */
.rotate {
  transition: transform 0.3s ease;
  margin-left: 6px;
       transform: rotate(266deg);
}

 .nav-item.open .rotate {
 transform: rotate(180deg);
}


/* Rotate icon on mobile when open */
/* .nav-item.open .toggle-dropdown::before {
  content: '−';
} 
.nav-item:not(.open) .toggle-dropdown::before {
  content: '+';
} */
}









/*=== Header ===*/


/*=====home-section=====*/
.home-section{ position: relative; overflow: hidden;}
.homeslider{background-position: center !important; background-size: cover !important; padding: 160px 0px 240px 0px;}
.home-tittle h1{font-family:'Nohemi-ExtraLight';color: #FFF;font-size: 55px;font-weight: 300;line-height: 70px;}
.home-tittle p{font-family:'Nohemi-ExtraLight'; color:#FFF;font-size: 20px;font-weight: 300;line-height: 35px; margin-bottom: 30px;}
.home-tittle .btn{transition: all 0.3s ease;border-radius: 100px;background: rgba(148, 148, 148, 0.45); display: inline-flex;height: 55px;padding: 8px 19px 7px 25px;justify-content: flex-end;align-items: center;gap: 0px 10px; color: #FFF;font-size: 16px;font-weight: 400;line-height: 31.2px;}
.home-tittle .btn:hover {background:#0525a0;}
.home-title {position: relative;z-index: 999;max-width: 550px;}


/* --- Custom Counter --- */
.slide-counter {font-family: 'Nohemi-ExtraLight';display: flex;align-items: center;gap: 10px;color: #fff;font-size: 14px;font-weight: 300;}
.slide-counter .current {font-size:16px;}
.slide-info {position: absolute;left: 17%;z-index: 1;display: flex;align-items: center;gap: 20px;top: 78%;}
.progress-line {display: flex;align-items: center;gap: 0px 10px;}
.progress-line span.current{background:  #0AD64F; width: 200px;transition: width 0.5s ease;}
.progress-line span{border-radius: 10px; width: 80px; height: 2px; background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%,rgba(142, 142, 142, 0) 100%);display: block;}

/*=====home-section=====*/

/*=====innovation-section=====*/
.innovation-section{padding: 100px 0px; position: relative; overflow: hidden;}
.all-btn .btn{border-radius: 100px;background: rgba(0, 0, 61, 0.10); display: inline-flex;height: 55px;gap: 0px 20px; padding: 8px 12px 7px 25px;justify-content: flex-end;align-items: center;color:#000;font-size: 14px;font-weight: 400;line-height: 31.2px;}
.bringing-text h4{color: #00003D;font-size:30px;font-weight: 400;line-height:37px;}
.bringing-text h4 span{color: rgba(0, 0, 61, 0.50);display: block;}
.bringing-text p{color: rgba(0, 0, 61, 0.50);font-size:16px;font-weight: 300;line-height:24px;max-width: 616px;     font-family: 'Nohemi-Light';}
.expertise-wrapper{display: flex; align-items: center; gap: 0px 15px; padding-left: 40px; margin-top:40px;}
.expertise-text{border-bottom: 1px solid rgba(0, 0, 61, 0.20); width: 100%; padding-top:50px;}
.expertise-text h5{font-size: 16px;font-weight: 400;line-height: 26px;background: var(--Gradient_1, linear-gradient(180deg, #0525A0 0%, #000 100%));
background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom:10px;}
.expertise-text h3{font-family:'Nohemi-Medium';color: #00003D;font-size: 30px;font-weight: 500;line-height: 37px; margin-bottom: 17px;}
.expertise-text p{font-family:'Nohemi-Light';color: rgba(0, 0, 61, 0.50);font-size: 16px;font-weight: 300;line-height: 24px; max-width: 398px; margin-bottom:44px;}
.expertise-icon {position: relative;top: -32px;}
.expertise-wrapper:first-of-type {margin-top:0px;}

/*=====innovation-section=====*/

/*=====Machine-section=====*/
.machine-section{ padding: 87px 0px 0px 0px;background-image: url('https://mushcreative.in/hipackstaging/wp-content/uploads/2025/11/banner-2.jpg'); background-position: center; background-size: cover; height:750px;}



.testament h2{color: #FFF;font-size: 30px;font-weight: 400;line-height:38px;}
.testament p{color:#FFF;font-size: 16px;font-weight: 300;line-height: 24px; max-width: 616px;font-family:'Nohemi-Light';}
.testament .all-btn .btn {color: #fff;background: rgba(148, 148, 148, 0.59);}
.machine-img img{text-align: right; display: block; width: 100%; display:none;}
/*=====Machine-section=====*/


/*=====portfolio-section=====*/
.portfolio-section{padding: 100px 0px; position: relative; overflow: hidden; background: rgba(239, 239, 239, 1);}
.heading-hd h2{color: #00003D;font-size: 30px;font-weight: 400;line-height:38px;}
.gridwrapper{display: grid; grid-template-columns: repeat(3 ,1fr); gap: 0px 20px;}
.cardwerap{position: relative; overflow: hidden; margin-top: 50px;}
.cardimg img{width: 100%;border-radius: 4px;}
.cardimg{position: relative;}
.cardimg::after{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 4px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, #000 100%);}
.bottom-text{position: absolute; bottom: 40px; left: 0px; padding: 0px 30px; z-index: 99;}
.bottom-text h5{color: #FFF;font-size:28px;font-weight: 400;line-height:34px; margin-bottom: 5px;}
.bottom-text p{font-family:'Nohemi-Light';color: rgba(255, 255, 255, 0.70);font-size: 16px;font-weight: 300;line-height: 24px; max-width: 360px;}


/*=====resence-section=====*/
.presence-section{padding: 100px 0px; position: relative; overflow: hidden;}
.wrappercover{background: #0525A0; padding: 50px;height: 532px;border-radius: 4px;}
.servicehd{margin-bottom: 60px;}
.servicehd h4{color: #FFF;text-align: center;font-size: 30px;font-weight: 500;line-height:38px;}
.servicehd h4 span{color: #9DB1FF; display:block;}
.servicehd p{font-family:'Nohemi-Light';color: rgba(255, 255, 255, 0.70);text-align: center;font-size: 16px;font-weight: 300;line-height: 26px;}
.clientswerap{display: grid; grid-template-columns: repeat(3 ,1fr); gap: 0px 40px; position: relative; left: 60px;}
.celiablecnt{position: relative; overflow: hidden;}
.celiablecnt img{margin-bottom: 15px;}
.celiablecnt P{color:#FFF;font-weight: 300;line-height: 26px; font-size: 18px;font-family:'Nohemi-ExtraLight';}

.certified{margin-left: 15px; border-radius: 4px;background: var(--Light-Grey, #E5E5E5);padding:50px 20px 120px 20px; text-align: center; height: 532px;}
.certified h4{color: #000;text-align: center;font-size: 24px;font-weight: 500;line-height: 34px; max-width: 276px; margin: 0 auto;}
.certified ul{display: grid; grid-template-columns: repeat(2 ,1fr); gap: 0px 20px; align-items: center;}
.certified li{margin-top: 50px;}

.ourcard{margin-right: 15px; margin-top: 15px;border-radius: 4px;background: var(--Neon-Green, #0AD64F); padding: 50px 0px 0px 40px;  height: 532px; position: relative; overflow: hidden;}
.ourcard h5{color:#fff;font-size: 30px;font-weight: 500;line-height:34px; margin-bottom: 10px;}
.ourcard p{font-family:'Nohemi-Light';color:#fff;font-size: 24px;font-weight: 300;line-height:30px; max-width: 170px;}
.vectorbottom{text-align: right; display: block;}
.vectorbottom img{width: 100%; height: 100%;}

.partnerwerap{margin-top: 15px; text-align: center; border-radius: 4px;border: 1px solid #CCC;background: #FBFBFB;padding:50px 20px 120px 20px; height: 532px; position: relative; }
.partnerwerap h4{color: #000;text-align: center;font-size: 30px;font-weight: 500;line-height:34px; margin-bottom: 30px; }
.partnerslider{display: grid; grid-template-columns: repeat(5 ,1fr); gap: 0px 20px; align-items: center;}
.partneritem{margin-top:24px;}


/*=====.latest-section=====*/
.latest-section{padding: 90px 0px; position: relative; overflow: hidden; background: #F8F8F8;}
.bloghd h3{color: #101010;font-size: 30px;font-weight: 400;line-height: 38px; margin-bottom: 50px;}
.blogpost{position: relative; overflow: hidden;}
.postimg img{width: 100%; border-radius: 15px; margin-bottom: 15px; }
.blogcnt span{font-family:'Nohemi-Light';color: rgba(0, 0, 61, 0.50);font-size: 14px;font-weight: 300;line-height: 33px;}
.blogcnt h5{color:#00003D;font-size:16px;font-weight: 400;line-height: 22px;}    
.blogcnt a{font-family:'Nohemi-Light';color:#000;font-size: 14px;font-weight: 400;line-height: 31.2px;}
.blogcnt a img{margin-left: 6px;}
.latest-section .owl-theme .owl-controls .owl-nav div{height: 0px !important;}
.latest-section .owl-prev:before { content: ''; background-image: url(../images/owl-prev.svg); background-repeat: no-repeat; position: absolute;    top: -30%;right:6%; left: auto; width: 60px;height: 60px;background-size: 60px;margin: 0 auto;}
.latest-section .owl-next:before {content: '';background-image: url(../images/owl-next.svg);background-repeat: no-repeat;position: absolute;top: -30%;right: 0px;width: 60px;height: 60px;background-size: 60px;margin: 0 auto;}
.owl-theme .owl-controls .owl-nav .disabled{opacity: 100% !important;}

/*=====.upgrade-section=====*/
.upgrade-section{background-image: url('../images/upgrade-banner.jpg'); background-position: center; background-size: cover; padding:220px 0px 90px 0px; position: relative;}
.upgrade-section::after{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;opacity: 0.8;
background: linear-gradient(222deg, #14004C -73.11%, rgba(4, 0, 76, 0.49) 3.09%, #00032A 76.41%);
mix-blend-mode: luminosity;}
.titlewrap{position: relative; z-index: 22; text-align: center; border-bottom: 1px solid rgba(235, 235, 235, 0.50); padding-bottom: 140px;}
.titlewrap h3{color: #FFF;font-size:60px;font-weight: 400;line-height:64px;}
.titlewrap p{color: #FFF;font-size:20px;font-weight: 300;line-height:50px;    font-family: 'Nohemi-Light';}
.titlewrap .btn{border: 0px; font-family:'Nohemi-SemiBold'; border-radius: 49px; color: #0525A0; background: #fff;font-size: 14px;font-weight: 600;line-height: normal;display: inline-flex; align-items: center; gap: 0px 8px;padding:18px 26px;}


/*---footer----*/
.footer{padding: 100px 0px 20px 0px; overflow: hidden;position: relative;
background:#00003D;}
.footer .row{position: relative;}
.ftr-logo img{margin-bottom: 40px; height: 90px;}
.social-icon a{margin-right: 15px;}
.companymenu{position: relative; left: 30px;}
.ftr-werp{display:grid; grid-template-columns: repeat(3 ,1fr); gap: 0px 10px; justify-content: space-between;}
.ftr-menu{position: relative; overflow: hidden;}
.ftr-menu h5{font-family:'Nohemi-SemiBold';color: #FFF;font-size: 20px;font-weight: 600;line-height: normal; margin-bottom:20px;}
.ftr-menu li a{font-family:'Nohemi-Light';color: #FFF;font-size: 14px;font-weight: 300;line-height:normal; margin-bottom:30px; display: block;}
.ftr-menu p{font-family:'Nohemi-Light';color: #FFF;font-size: 14px;font-weight: 300;line-height:18px; margin-bottom: 5px; max-width: 227px;}
.ftr-menu a{color: #FFF;line-height:normal;font-family:'Nohemi-Light';}

.contact-infom{margin-top: 46px;}
.contact-infom a{margin-bottom: 10px !important;}

.copyright {position: relative;padding-top: 12px;border-top: 1px solid rgba(255, 255, 255, 0.20);margin-top: 80px;}
.copyright p {font-family:'Nohemi-Light';color: rgba(255, 255, 255, 0.50);font-size: 12px;font-weight: 300;line-height:normal;margin: 0px;}
.privacy-dlf a{font-family:'Nohemi-Light';color: rgba(255, 255, 255, 0.50);font-size: 12px;font-weight: 300;line-height:normal;}
.privacy-dlf {display: flex;align-items: center;justify-content: space-around;}


/*====category page=====*/
.category-banner{padding: 120px 0px 0px 0px; position: relative; overflow: hidden; background: #00003D;}
.category-banner .row{align-items: center;}
.multitrack {padding-left: 200px;}
.multitrack h2{color: #FFF;font-size: 55px;font-weight: 300;line-height: 60px;font-family: 'Nohemi-ExtraLight';}
.spraycover{display:block; text-align: right;}

.products-section{background: #F1F3F1; padding: 100px 0px; position: relative; overflow: hidden;}
.product-werrap{display: grid; grid-template-columns: repeat(2 ,1fr); gap: 30px 30px;}
.product-card{ border-radius: 4px;background: #D9D9D9; padding: 0px 0px 0px 0px; position: relative; overflow: hidden; display: flex;justify-content: space-between;}
.product-content {flex: 1;max-width: 260px; padding: 40px 30px;}
.product-content h2 {color: #000;font-size: 30px;font-weight: 400;line-height:35px;}
.product-content p {color: rgba(53, 53, 53, 0.70);font-size: 14px;font-weight: 300;line-height:20px;font-family: 'Nohemi-Light';}
.arrow-btn{display: block; bottom: 30px; position: absolute;}
.product-image {flex: 1;display: flex;justify-content: flex-end;}
.product-image img {max-width: 100%;height: auto;}

/* ====products pages====== */
.product-banner{padding: 160px 0px 100px 0px; position: relative; overflow: hidden;}
.product-hd{text-align: center;max-width: 772px; margin: 0 auto 80px;}
.product-hd h6{color: #000;font-size: 30px;font-weight: 300;line-height: 26px; font-family: 'Nohemi-ExtraLight';}
.product-hd h3{font-family:'Nohemi-SemiBold';color:#002A39;font-size: 60px;font-weight: 600;line-height: 70px;}
.product-hd p{color: #000;font-size: 16px;font-weight: 300;line-height: 26px;font-family: 'Nohemi-ExtraLight'; }

.single-werrap{display: grid; grid-template-columns: repeat(3 ,1fr); gap: 30px 30px;}
.single-card{border-radius: 4px;border: 1px solid #E2E2E2;background: #FBFBFB; padding: 40px 40px 0px 40px;}
.single-card h4{color:#000;font-size: 24px;font-weight: 200;line-height:28px;    font-family: 'Nohemi-Light';}
.single-img{padding: 0px 0px; text-align: center;}
.single-img img{width: 100%; height:100%;}

.explore-section{background: #F8F8F8;}
.explore-section h3{color: #00003D;font-size: 30px;font-weight: 400;line-height:34px; margin-bottom: 30px;}

/* ==contact-us page====== */
.contact-page{padding: 160px 0px 100px 0px; position: relative; overflow: hidden;}
.getcontent{background-image: url(../images/contact-bg.svg); background-position:center; background-size: cover; padding: 60px;border-radius: 18px;width:100%;height: 615px;}
.getcontent h2{color:#FFF;font-size: 40px;font-weight: 400;line-height: 45px;}
.getcontent p{color:#FFF;font-size: 16px;font-weight: 300;line-height: 24px; max-width: 434px;font-family: 'Nohemi-ExtraLight';}
.social-dlf{display: flex; align-items: center; gap: 0px 10px; margin-top: 40px;}
.getcontent span{color: #FFF;font-size: 18px;font-weight: 500;line-height: normal; display: block;font-family:'Nohemi-Medium';}
.getcontent a{font-family: 'Nohemi-ExtraLight'; color: #FFF;font-size: 14px;font-weight: 300;line-height: normal;letter-spacing: -0.28px;text-transform: lowercase;}
.contact-form{position: relative;padding-left: 20px;}
.contact-form label{font-family: 'Nohemi-Light';color: #000;font-size: 16px;font-weight: 300;line-height: normal; margin-bottom: 5px;}
.contact-form .form-control{font-family: 'Nohemi-Light';border-radius: 5px;background: #F3F3F3; color: #939393;font-size: 14px;font-weight:300;line-height: 24px;height: 60px; border: 0px; margin-bottom: 24px;}
.contact-form .btn {margin-top: 10px; border-radius: 100px;background: rgba(0, 0, 61, 0.10); padding:8px 24px; color:#000;font-size: 16px;font-weight: 400; gap: 0px 12px;line-height: 31.2px; display:flex; align-items: center; justify-content: space-between;}
.contact-form textarea.form-control {min-height: 165px; }
textarea {resize: none;}

.location-section{position: relative; padding: 0px 0px 60px; overflow: hidden;}
.location-section h2{color: #00003D;font-size: 40px;font-weight: 500;line-height: 38px; margin-bottom: 40px;}
.latest-list {padding: 40px 20px;position: relative;}
.latest-list ul {display: flex;justify-content: space-between;}
.latest-list h4{font-family:'Nohemi-Medium';color: #000;font-size:18px;font-weight: 500;line-height:24px; margin: 0px;}
.latest-list p{font-family: 'Nohemi-ExtraLight';color:#000;font-size: 16px;font-weight: 300;line-height: 24px; margin: 0px;}
.latest-list li:first-child {width: 40%;}
.latest-list p span {background: var(--Grey_Gradient, linear-gradient(224deg, #AAA 13.59%, #424242 76.83%));
background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-align: right; display: block;}
.latest-list p a {font-family: 'Nohemi-ExtraLight';color:#000;font-size: 16px;font-weight: 300;line-height: 26px;}
.latest-list::after {content: '';position: absolute;top: 0px;left: 0%;width: 100%;height: 1px;background:rgba(0, 0, 61, 0.20);text-align: center;}


/* ===about page===== */
.about-banner{ background-position: center; background-size: cover; padding:240px 0px;}
.about-banner h2{color: #FFF;font-size: 60px;font-weight: 500;line-height: 66px;}

.about-section{padding: 100px 0px; position: relative; overflow: hidden;}
.about-hd{text-align: center; margin-bottom: 60px;}
.about-hd h6{background: var(--Gradient, linear-gradient(180deg, #0525A0 0%, #0E07FB 100%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-align: center;
font-size: 24px;font-weight: 300;line-height: 26px; margin-bottom: 20px;}
.about-hd h3{color:#002A39;font-size: 60px;font-weight: 600;line-height: 66px; margin-bottom: 20px;}
.about-hd p{font-family: 'Nohemi-ExtraLight';color: #000;text-align: center;font-size: 16px;font-weight: 300;line-height: 26px; max-width: 800px; margin:0 auto;}

.expertise-werap{display: grid; grid-template-columns: repeat(3 ,1fr); gap: 0px 30px;}
.our-cnt{position: relative; overflow: hidden; padding-bottom: 40px; border-bottom: 1px solid #dad3d3;}
.our-cnt h5{font-size: 16px;font-weight: 400;line-height: 26px;background: var(--Gradient_1, linear-gradient(180deg, #0525A0 0%, #000 100%));
background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; margin-bottom:20px;}
.our-cnt h4{font-family:'Nohemi-Medium';color: #00003D;font-size:30px;font-weight: 500;line-height: 38px; margin-bottom: 15px;}
.our-cnt p{color: #00003D;font-size: 16px;font-weight: 300;line-height: 26px; max-width: 398px;font-family: 'Nohemi-Light'; margin: 0px;}

/*---clients-moments-----*/
.clients-moments{position: relative; padding:100px 0px; background: #E5E5EB; overflow: hidden;}
.tittle-hd{text-align: center; margin-bottom:0px;}
.tittle-hd h5{color: #000;font-size:24px;font-weight: 300;line-height: 28px; margin-bottom: 20px;}
.tittle-hd h2{color: #00003D;font-size: 30px;font-weight: 400;line-height: 38px;}



.timeline-content {width: 100%;height: 480px;background-color: var(--bg);display: flex;justify-content: center;align-items: center;}
.timeline-content * {transition: 800ms all cubic-bezier(0.23, 1, 0.32, 1);}
.timeline-scroll {left: 0;width: 500vw;position: absolute;bottom:0px;height:150px;}
.timeline-track {display: inline-block;position: absolute;height: 100%;left: calc(50vw - 740px);}
.timeline-track:after {left: auto;right: -1px;background: linear-gradient(to left, rgba(0,83,160,1) 0%,rgba(125,185,232,0) 100%);transform: translate(50%, -50%);}
.timelineitem {width:130px;position: relative;float: left;height: 2%;display: flex;justify-content: center;align-items: center;transition: 800ms all cubic-bezier(0.23, 1, 0.32, 1);}
.timeline-popup {left:90px; opacity: 0;position: absolute;width: 240px;height: 240px;bottom: 100%;margin-bottom:40px;border-radius: 3px;transform-origin: 50% 100%;transform: scale(0.7);box-shadow: 0 10px 30px rgba(0,0,0,0);}

.timeline-popup:after {content: "";position: absolute;left: -11%;width: 1px;top:32px;height: 100%;opacity: 0;background-color: #C3C3C3;
    transform: scaleY(0);transform-origin: 100% 100%;transition: 800ms all cubic-bezier(0.23, 1, 0.32, 1);}
.timeline-img img{border-radius: 9px; margin-bottom:20px;}
.timeline-info {width: 100%;height: 70px;}
.timeline-year {/* opacity: 0.4; */width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.timeline-year:hover {opacity: 1 !important;}
.timeline-year:hover:after {transform: scale(1) !important;}
.timeline-year h2 {position: absolute;top:28px; z-index: 2;margin: 0px;color:#000;font-size: 16px;font-weight: 300;line-height: 26px; margin: 0px;    font-family: 'Nohemi-Light';}

.timeline-info h5{font-family: 'Nohemi-Light';color:#0A016F;font-size:24px;font-weight: 300;line-height: 26px;}
.timeline-info p {font-family: 'Nohemi-Light'; color: #000;font-size: 16px;font-weight: 300;line-height:24px; margin: 0px;}



.timeline-year:after {content: "";position: absolute;width: 20px;height: 20px;background-color: #C3C3C3;bottom: 100%;margin-bottom: -10px;border-radius: 50%;transform: scale(0.6);transition: 500ms all;z-index: 2;}
.timeline-year:before {content: "";position: absolute;top: 0;width:100%;height: 1px;background-color: #C3C3C3; left:70px;}

.active .timeline-year {opacity: 1;}
.active .timeline-year:before {width: calc(100% - 11px);}
.active .timeline-year:after {transform: scale(1);background-color: #0525A0;}
.active .timeline-year h2 {transform: scale(1.2);}
.active .timeline-popup {transform: scale(1);opacity: 1;}
.active .timeline-popup:after {transition-delay: 400ms;opacity: 1;transform: scaleY(1);}
.active .timeline-popup div {transition-delay: 400ms;opacity: 1;transform: translateY(0px) scale(1);}

/*---pivotal-moments-----*/

.values-section{background: #00003D; position: relative; overflow: hidden; padding: 90px 0px 110px 200px;}
.bloghd h3 span{color: #fff;}
.visioncard{border-radius: 15px;background: #FFF; padding: 35px 30px; height: 365px;}
.visionimg{margin-bottom: 80px;}
.mission-cnt h5{color: #000;font-size: 24px;font-weight: 500;line-height: 30px;}
.mission-cnt p{font-family: 'Nohemi-Light';color:#000;font-size: 16px;font-weight: 300;line-height: 26px;}

.values-section .owl-theme .owl-controls .owl-nav div{height: 0px !important;}
.values-section .owl-prev:before { content: ''; background-image: url(../images/button-left.svg); background-repeat: no-repeat; position: absolute;    top: -30%;right:17%; left: auto; width: 60px;height: 60px;background-size: 60px;margin: 0 auto;}
.values-section .owl-next:before {content: '';background-image: url(../images/button-right.svg);background-repeat: no-repeat;position: absolute;top: -30%;right:12%;width: 60px;height: 60px;background-size: 60px;margin: 0 auto;}

.team-section{padding: 100px 0px; position: relative; overflow: hidden;}
.team-section h2{color: #101010;font-size: 40px;font-weight: 400;line-height: 59px; text-align: center;}
.teamwerap{display: grid; grid-template-columns: repeat(4 ,1fr); gap: 30px 30px;}
.teamcover{position: relative; overflow: hidden;}
.teamimg img{width: 100%; margin-bottom: 15px;}
.ourtext h6{color: #00003D;font-size: 20px;font-weight: 400;line-height: 28px; display: flex; align-items: center; justify-content: space-between; margin: 0px; }
.ourtext p{color: rgba(0, 0, 61, 0.50);font-size: 14px;font-weight: 300;line-height: 33px;}

 .technical-support{position: relative;}
 .support-bg{border-radius: 20px;background:#0A016F; padding: 90px 0px;}
  .git-item img{margin-bottom:30px;}
  .git-item{text-align: center; max-width: 927px; margin: 0 auto;}
  .git-item  h6{color:#FFF;text-align: center;font-size: 18px;font-weight: 300;line-height: normal; }
  .git-item  p{color: var(--White, #FFF);text-align: center;font-size:28px;font-weight: 300;line-height:40px; margin-bottom: 30px;}
  .technical-support .owl-theme .owl-controls{text-align: center; position: relative; margin-top: 40px;}
  .technical-support .owl-theme .owl-dots .owl-dot.active span {background:#0AD64F; border: 0px;}
  .technical-support .owl-theme .owl-dots .owl-dot span{background:#E5E5E5; border: 1px solid rgba(158, 158, 158, 1); width: 10px; height: 10px;}

  .industry-section{position: relative; overflow: hidden; padding: 100px 0px;}
   .leaderswerap{display: grid; grid-template-columns: repeat(5 ,1fr); gap: 60px 60px; align-items:center; text-align: center;}


   /* product-category */
   .machines-section .row{align-items: normal;}
   .machines-section .multitrack{padding: 0px; margin-top: 80px;}
   .spraycover img{width: 100%;}
   .multitrack-section{position: relative; padding:30px 0px 0px 0px;}
   .custom-tabs .nav-pills{gap: 0px 60px;}
   .custom-tabs .nav-link{color: #000;font-size: 20px;font-weight: 500;line-height: 30px; border-bottom: 5px solid #fff; border-radius: 0px; padding: 6px 0px;}
    .custom-tabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: transparent; border-color: #00003D; color: #00003D;}
    .multitrack-section .tab-content{background: #F1F3F1; padding: 50px 0px 100px 0px;}
    .space-werap{border-radius: 4px;background: #D9D9D9;}
    .space-werap .product-content{max-width: inherit;}


    /* blog-pages */
    .product-hd.blogtittle{max-width: inherit;}
    .blogtittle p{max-width: 772px; margin: 0 auto;}
    .blog-werrap{display: grid; grid-template-columns: repeat(4 ,1fr); gap: 30px 30px;}
    .blog-card{position: relative; overflow: hidden;}
    .blog-img img{width: 100%; border-radius: 8px; margin-bottom: 20px; height:100%;}
    .blog-card h5{font-family:'Nohemi-Medium';font-weight: 400;font-size: 20px;line-height: 28px; margin-bottom: 5px; color: #00003D;}
    .blog-card p{font-weight: 300;font-size: 14px;line-height: 33px; color: #00003D;font-family: 'Nohemi-Light'; margin: 0px; opacity: 50%;}

    .loadmore{position: relative; margin-top: 50px;}
    .loadmore .btn{border-radius: 100px;background: #00003D;  padding:8px 24px;color:#fff;font-size: 16px;font-weight: 400;line-height: 31.2px; bottom: 0px;}
    
    .detail-werap {max-width: 1020px;margin: 0 auto;}
    .detail-werap h6{font-weight: 300;font-size: 14px;line-height: 33px;font-family: 'Nohemi-ExtraLight';}
    .detail-werap h3{font-weight: 600;font-size: 60px;line-height: 70px; color: #002A39;}
    .detail-werap p{color: #000;font-weight: 300;font-size: 16px;line-height: 26px;font-family: 'Nohemi-ExtraLight';}

     .blog-post{padding: 60px 0px;}
    .blog-post img{width: 100%; border-radius: 21px;}

    .detail-werap h4{color: #00003D;font-weight: 500;font-size: 40px;line-height: 50px;font-family:'Nohemi-Medium';}
    .detail-werap h5{font-family:'Nohemi-Medium';color: #000;font-weight: 300;font-size: 16px;line-height: 26px;margin-bottom: 3px;}
    .detail-werap li{color: #000;font-weight: 300;font-size: 16px;line-height: 26px;font-family: 'Nohemi-ExtraLight';}
    ul.listitem {list-style: disc;padding-left: 20px; margin-bottom: 20px;}

    .postwerrap{display: grid; grid-template-columns: repeat(3 ,1fr); gap: 30px 30px; padding: 60px 0px;}
    .typespost img{width: 100%;}
     .shareicon p {color: #00003D;margin: 0px;}
    .shareicon {display: flex;align-items: center;gap: 0px 20px;}
    .shareicon li{display:inline-block; margin-right: 12px;}

    .latest-section.latestslider{background: #E5E5EB;}
    .latest-section.latestslider .owl-prev:before {background-image: url(../images/button-left.svg); }
    .latest-section.latestslider .owl-next:before {background-image: url(../images/button-right.svg);}
    .latestslider h3{color: #00003D;}


    /* snus- pages */
    .snus-hd p{font-weight: 300;font-size:16px;line-height:24px; max-width: 498px; color: #fff;font-family: 'Nohemi-ExtraLight';}
    .snus-hd .all-btn .btn{background: #fff;}

    .our-expertise h6{color: #00003D;font-weight: 400;font-size: 16px;line-height: 26px;}
    .our-expertise h3{color: #00003D;font-weight: 500;font-size: 30px;line-height: 50px;font-family:'Nohemi-Medium'; margin-bottom: 30px; line-height: 38px;}
    .accordion-section .accordion-button{font-weight: 500;font-size:18px;line-height: 30px;font-family:'Nohemi-Medium'; color: #000; border: 0px; padding:24px 0px;}
     .accordion-section .accordion-button:not(.collapsed){color: #00003D; background-color: transparent; box-shadow: none;}
     .accordion-section .accordion-item {border-bottom: 1px solid #00003D33 !important;border: 0px;}
     .accordion-section .accordion-item:first-of-type .accordion-button{padding: 0px; border-radius: 0px;}
     .accordion-item:last-of-type .accordion-button.collapsed{border-radius: 0px !important;}
     .ensure-body {position: relative;padding-bottom: 30px;}
     .ensure-body p{font-weight: 300;font-size: 16px;line-height: 24px;color: #000;font-family: 'Nohemi-ExtraLight'; max-width: 432px;}
     .accordion-section {padding-right: 30px;}
     .machinebox{background: #F1F1F1; position: relative; overflow: hidden; padding:40px 40px;}
     .machinebox h5{font-weight: 400;font-size: 28px;line-height: 38px;color: #00003D;font-family:'Nohemi-Medium';}
    
    .slider-machine .owl-theme .owl-controls{text-align: center; position: absolute; bottom: 40px; left: 40px;}
   .slider-machine .owl-theme .owl-dots .owl-dot.active span {background:#00003D; }
   .slider-machine .owl-theme .owl-dots .owl-dot span{background:#D9D9D9;border: 0px; width: 10px; height: 10px;}



   .workflow-section{background: #fafafc; padding: 100px 0px 0px 0px; position: relative; overflow: hidden;}
   .workflow-section h2{text-align: center; color: #00003D;}
    .workflow-steps{display: grid; grid-template-columns: repeat(6 ,1fr); gap: 30px 30px; position: relative;}
   .stepflow{text-align: center; position: relative;}
   .exacticon{width: 80px; height: 80px; margin: 0 auto; display: flex; align-items: center;    justify-content: center;min-height: 120px;}
   .exacticon img{max-width: 60px; max-height: 60px; object-fit: cover;}
   .stepcnt {position: relative;padding-top: 30px;}
   .workflow-steps:before {content: "";position: absolute;top: 42%;width: 100%;height: 1px;background-color: #C3C3C3;left: 0px;}
   .stepflow:after {content: "";position: absolute;width: 9px;height: 9px;background-color: #C3C3C3;border-radius: 50%;transition: 500ms all;
    z-index: 2;top: 40.5%;left: 0px;right: 0px;text-align: center;margin: 0 auto;}
   .stepcnt h3{color: #000000;font-weight: 500;font-size: 16px;line-height: 22px;text-align: center;font-family:'Nohemi-Medium';}
   .stepcnt p{color: #000;font-weight: 300;font-size: 14px;line-height: 20px;text-align: center;font-family: 'Nohemi-Light'; opacity: 50%;}







   

   .longevitysection{position: relative; background: #fff;padding: 90px 0px 110px 200px;}
   .longevitysection .owl-theme .owl-controls .owl-nav div{height: 0px !important;}
   .longevitysection .owl-prev:before { content: ''; background-image: url(../images/Button-left2.svg); background-repeat: no-repeat; position: absolute;    top: -18%;right:17%; left: auto; width: 60px;height: 60px;background-size: 60px;margin: 0 auto;}
   .longevitysection .owl-next:before {content: '';background-image: url(../images/Button-right2.svg);background-repeat: no-repeat;position: absolute;top: -18%;right:12%;width: 60px;height: 60px;background-size: 60px;margin: 0 auto;}
   .longevitysection .bloghd h3{color: #00003D;}
   .throughput h5{font-weight: 300;font-size: 20px;line-height: 24px; margin-bottom: 5px; color: #00003D;}
   .throughput p{font-weight: 300;font-size: 14px;line-height:22px; color: #00003D;font-family: 'Nohemi-Light'; margin: 0px; opacity: 50%;}
   .Modular-img{background: #150F58; padding: 60px 40px; text-align: center; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; height: 470px;}

   .specifications{position: relative; overflow: hidden; padding-bottom: 90px; overflow: hidden;}
   .specifications h3{font-weight: 400;font-size: 40px;line-height: 38px;text-align: center;color: #00003D; margin-bottom: 50px; }
/* ul.productlist {max-width: 780px;margin-left: auto;}
    .specifications li{font-weight: 300;font-size:18px;line-height: 50px;vertical-align: middle; border-bottom: 1px solid #00003D33; color: #9d9da0;
    display: flex; align-items: center; justify-content: space-between;    padding-right: 80px;}
    .specifications li span{font-weight:500; color: #000000;}
        .specifications li:last-of-type{border: 0px;} */


.productlist {max-width: 780px;margin-left: auto;}
.productlist li {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #00003D33;line-height: 50px;font-size: 18px;font-weight: 300;color: #9d9da0;}
.productlist li:last-child {border-bottom: 0;}
.productlist .label {font-weight: 400;color: #000000;}
.productlist .value {text-align: left;padding-left: 40px;display: block;width: 36%;}



/*====Trackflowing popup=====*/

.Trackflowing .modal-dialog {
    max-width: 100%;
    margin: 0px;
  
    width: 100%;
    height: 100%;
}
.Trackflowing .modal-body{padding: 50px 50px; }
button.btnclose {background: transparent;border: 0px; position: absolute; top: 40px; right: 20px; z-index: 99;}
.modal-header {border-bottom: 0px; padding: 0px;justify-content: end;}


.single-track{background:#FBFBFB; border-radius: 9px; border: 1px solid #E2E2E2; padding: 40px 40px 0px 40px; display: flex; align-items: center; justify-content: center;}
.flowingcnt{padding-left: 60px;}
.flowingcnt h3{font-weight: 500;font-size: 40px;line-height: 50px; color: #00003D;}
.flowingcnt p{color: #000;font-weight: 300;font-size: 16px;line-height: 24px;font-family: 'Nohemi-ExtraLight'; max-width: 856px;}
.flowingcnt li{color: #000;font-weight: 300;font-size: 16px;line-height:40px;font-family: 'Nohemi-ExtraLight';}
.flowingcnt ul{list-style: disc; padding-left: 20px; margin-bottom: 40px;}

.flowingcnt h5{color: #000;font-weight: 500;font-size: 20px;line-height: 30px;letter-spacing: 0%;vertical-align: middle; margin-bottom: 20px;}


.table-scroll th{font-weight: 500;font-size: 16px;line-height: 22px;color: #000; padding: 10px 16px;}
.table-scroll td{font-weight: 100;font-size: 14px;line-height: 20px; color: #000; padding: 14px 16px;font-family: 'Nohemi-ExtraLight';}

.table-scroll {width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.table-scroll table {width: 100%;border-collapse: collapse;min-width: 600px;}
.table-scroll th,
.table-scroll td {white-space: nowrap;text-align: left;border: 1px solid #dee2e6;}
.table-scroll thead {background-color: #f8f9fa;font-weight: 600;}

.Brochure-btn {display: inline-flex;background: #000;border-radius: 50px;overflow: hidden; padding: 6px 8px; margin-top: 30px;}

.Brochure-btn .btn {display: inline-block;padding: 12px 25px;font-weight: 500;border: none;
  transition: all 0.3s ease;text-align: center; border-radius: 30px;
font-size: 16px; font-family:'Nohemi-Medium';}


.Brochure-btn .download {color: #fff;background: #000;}
.Brochure-btn .request {background: #fff;color: #000;}

/* Hover effects */
.Brochure-btn .download:hover {background: #333;}
.Brochure-btn .request:hover {background: #000;color: #fff;}