.elementor-5161 .elementor-element.elementor-element-2d83a5b:not(.elementor-motion-effects-element-type-background), .elementor-5161 .elementor-element.elementor-element-2d83a5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151515;}.elementor-5161 .elementor-element.elementor-element-2d83a5b{box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5161 .elementor-element.elementor-element-2d83a5b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5161 .elementor-element.elementor-element-5d88309 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-5161 .elementor-element.elementor-element-5d88309 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-5161 .elementor-element.elementor-element-5581c04 .elementor-icon-list-icon i{color:#9AA3B2;transition:color 0.3s;}.elementor-5161 .elementor-element.elementor-element-5581c04 .elementor-icon-list-icon svg{fill:#9AA3B2;transition:fill 0.3s;}.elementor-5161 .elementor-element.elementor-element-5581c04 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FF5316;}.elementor-5161 .elementor-element.elementor-element-5581c04 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FF5316;}.elementor-5161 .elementor-element.elementor-element-5581c04{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;margin:0px 30px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 30px;width:auto;max-width:auto;align-self:center;background-color:#2D2D2D;}.elementor-5161 .elementor-element.elementor-element-5581c04 .elementor-icon-list-text{transition:color 0.3s;}.elementor-5161 .elementor-element.elementor-element-6a4b0cc{font-size:12px;font-weight:600;color:#9B9B9B;width:auto;max-width:auto;align-self:center;}.elementor-bc-flex-widget .elementor-5161 .elementor-element.elementor-element-fd7afb8.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-5161 .elementor-element.elementor-element-fd7afb8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-5161 .elementor-element.elementor-element-fd7afb8.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-5161 .elementor-element.elementor-element-fd7afb8 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-5161 .elementor-element.elementor-element-fd7afb8 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-5161 .elementor-element.elementor-element-e9d34af .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(30px/2);}.elementor-5161 .elementor-element.elementor-element-e9d34af .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(30px/2);}.elementor-5161 .elementor-element.elementor-element-e9d34af .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(30px/2);}.elementor-5161 .elementor-element.elementor-element-e9d34af .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-30px/2);}.elementor-5161 .elementor-element.elementor-element-e9d34af .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-30px/2);}.elementor-5161 .elementor-element.elementor-element-e9d34af .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-5161 .elementor-element.elementor-element-e9d34af .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-5161 .elementor-element.elementor-element-e9d34af{--e-icon-list-icon-size:13px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-offset:0px;width:auto;max-width:auto;align-self:center;}.elementor-5161 .elementor-element.elementor-element-e9d34af .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5161 .elementor-element.elementor-element-e9d34af .elementor-icon-list-item > a{font-size:12px;font-weight:600;line-height:14px;}.elementor-5161 .elementor-element.elementor-element-e9d34af .elementor-icon-list-text{color:#9A9A9A;transition:color 0.3s;}.elementor-5161 .elementor-element.elementor-element-38c605d:not(.elementor-motion-effects-element-type-background), .elementor-5161 .elementor-element.elementor-element-38c605d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-5161 .elementor-element.elementor-element-38c605d{box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 20px 0px;}.elementor-5161 .elementor-element.elementor-element-38c605d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5161 .elementor-element.elementor-element-543ffa8 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-5161 .elementor-element.elementor-element-543ffa8 > .elementor-element-populated{padding:0px 0px 0px 15px;}.elementor-5161 .elementor-element.elementor-element-0c9c7ac .gsc-logo .site-branding-logo{max-width:150px;}.elementor-5161 .elementor-element.elementor-element-0c9c7ac > .elementor-widget-container{padding:18px 0px 15px 0px;}.elementor-5161 .elementor-element.elementor-element-992ba58 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-5161 .elementor-element.elementor-element-ed0b34f .gva-navigation-menu ul.gva-nav-menu > li .submenu-inner, .gva-navigation-menu ul.gva-nav-menu > li ul.submenu-inner{min-width:250px;}.elementor-5161 .elementor-element.elementor-element-ed0b34f .gva-navigation-menu ul.gva-nav-menu > li{color:#FFFFFF;}.elementor-5161 .elementor-element.elementor-element-ed0b34f .gva-navigation-menu ul.gva-nav-menu > li > a{color:#BBBBBB;}.elementor-5161 .elementor-element.elementor-element-ed0b34f .gva-navigation-menu ul.gva-nav-menu > li > a:hover{color:#FFFFFF;}.elementor-5161 .elementor-element.elementor-element-ed0b34f .gva-navigation-menu ul.gva-nav-menu > li.current_page_parent > a{color:#FFFFFF;}.elementor-bc-flex-widget .elementor-5161 .elementor-element.elementor-element-d121f34.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-5161 .elementor-element.elementor-element-d121f34.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-5161 .elementor-element.elementor-element-d121f34.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-5161 .elementor-element.elementor-element-d121f34 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-5161 .elementor-element.elementor-element-d121f34 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 5px 0px 15px;}.elementor-5161 .elementor-element.elementor-element-d121f34 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5161 .elementor-element.elementor-element-2062783{text-align:center;font-style:normal;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#971515;}@media(min-width:768px){.elementor-5161 .elementor-element.elementor-element-543ffa8{width:18%;}.elementor-5161 .elementor-element.elementor-element-992ba58{width:60%;}.elementor-5161 .elementor-element.elementor-element-d121f34{width:21.332%;}}/* Start custom CSS for gva-navigation-menu, class: .elementor-element-ed0b34f *//* Main Header Container */
.navbar {
  display: flex;             /* Saare blocks ko row mein lane ke liye */
  align-items: center;       /* Sabko vertically center karne ke liye */
  justify-content: space-between; /* Logo left mein aur menu right mein rakhne ke liye */
  padding: 10px 5%;          /* Side se thodi jagah chhodne ke liye */
  background-color: #fff;    /* Ya jo bhi aapka background ho */
  width: 100%;
  box-sizing: border-box;
}

/* Logo block */
.logo {
  flex: 0 0 auto;            /* Logo apni jagah fix rakhega */
}

/* Menu items ka container */
.nav-menu {
  display: flex;             /* Home, Product, etc. ko row mein lane ke liye */
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 20px;                 /* Menu links ke beech ka gap */
}

/* Button block */
.btn-container {
  margin-left: 20px;         /* Menu aur Button ke beech thodi extra jagah */
}

/* Aapka specific Button */
.btn-quote {
  background-color: #ed1c24; /* Logo Red match */
  color: #fff;
  padding: 12px 24px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  white-space: nowrap;       /* Text ko ek hi line mein rakhne ke liye */
  display: inline-block;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2062783 *//* 1. Branding Colors */
:root {
  --velflow-blue: #0066b2;  /* Logo ka main Blue */
  --velflow-red: #ed1c24;   /* Logo ka Valve Red */
  --text-grey: #666666;
  --nav-hover: #004a80;
  --white: #ffffff;
}

/* 2. Navigation Styling */
.navbar-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 5%;
  background: var(--white);
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.nav-menu {
  display: flex;
  list-style: none;
  gap: 25px;
}

.nav-link {
  color: var(--text-grey); /* Default grey color jo aapki image mein hai */
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease;
}

/* Hover par Blue color (Logo match) */
.nav-link:hover {
  color: var(--velflow-blue);
}

/* 3. "GET A FREE QUOTE" Button Styling */
/* Orange ki jagah hum Red use karenge jo logo ke icon se match karega */
.btn-quote {
  background-color: var(--velflow-red); 
  color: var(--white);
  padding: 12px 25px;
  border: none;
  border-radius: 4px; /* Aapki image ke hisab se slight round corners */
  font-weight: 700;
  text-/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-38c605d *//* --- Desktop Styles (Jo pehle discuss kiya tha) --- */
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 5%;
  background: #fff;
  border-bottom: 3px solid #0066b2; /* Logo Blue */
}

.nav-menu {
  display: flex;
  align-items: center;
  list-style: none;
}

.nav-link {
  padding: 0 15px;
  color: #666;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}

.nav-link:hover {
  color: #0066b2;
}

.btn-quote {
  background-color: #ed1c24; /* Logo Red */
  color: #fff;
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
}

/* --- Mobile Menu Logic --- */
@media screen and (max-width: 768px) {
  .menu-toggle {
    display: block;
    cursor: pointer;
  }

  .menu-toggle .bar {
    width: 25px;
    height: 3px;
    margin: 5px auto;
    background-color: #0066b2; /* Blue bars */
    display: block;
    transition: 0.3s;
  }

  .nav-menu {
    position: absolute;
    top: 70px;
    left: -100%; /* Shuru mein screen se bahar */
    flex-direction: column;
    background-color: #fff;
    width: 100%;
    text-align: center;
    transition: 0.3s;
    box-shadow: 0 10px 10px rgba(0,0,0,0.1);
    z-index: 99;
  }

  .nav-menu.active {
    left: 0; /* Click karne par andar aayega */
  }

  .nav-menu li {
    margin: 15px 0;
  }

  /* Hamburger to 'X' Animation */
  #mobile-menu.is-active .bar:nth-child(2) { opacity: 0; }
  #mobile-menu.is-active .bar:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  #mobile-menu.is-active .bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
}
/* Main Header Container */
.navbar {
  display: flex;             /* Saare blocks ko row mein lane ke liye */
  align-items: center;       /* Sabko vertically center karne ke liye */
  justify-content: space-between; /* Logo left mein aur menu right mein rakhne ke liye */
  padding: 10px 5%;          /* Side se thodi jagah chhodne ke liye */
  background-color: #fff;    /* Ya jo bhi aapka background ho */
  width: 100%;
  box-sizing: border-box;
}

/* Logo block */
.logo {
  flex: 0 0 auto;            /* Logo apni jagah fix rakhega */
}

/* Menu items ka container */
.nav-menu {
  display: flex;             /* Home, Product, etc. ko row mein lane ke liye */
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 20px;                 /* Menu links ke beech ka gap */
}

/* Button block */
.btn-container {
  margin-left: 20px;         /* Menu aur Button ke beech thodi extra jagah */
}

/* Aapka specific Button */
.btn-quote {
  background-color: #ed1c24; /* Logo Red match */
  color: #fff;
  padding: 12px 24px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  white-space: nowrap;       /* Text ko ek hi line mein rakhne ke liye */
  display: inline-block;
}/* End custom CSS */