/*
=================================
|***    Table of contents:   ***|
=================================

Main Style file-> assets/css/style.css 

All the SCSS File in SCSS Folder of Assets Folder. You can read the doc file also for better understand.

// BASIC
@import 'basic';

// MIXIN
@import 'variables';

// TYPOGRAPHY
@import 'typography';

// MIX
@import 'mix';

// HELPER
@import 'helper';

// ICON FONTS
@import 'icon';

// ANIMATION
@import 'animation';

// Button 
@import 'btn';

// Colors 
@import 'colors';

// Preloader 
@import 'preloader';

/* ----------------------------------
    Template Section Styles
 ------------------------------------*/

 /* // Menu - Header Section 
 @import 'header';
 
 // Hero Slide - Section 
 @import 'hero';
 
 // Section Title - Heading 
 @import 'section';
 
 // About - Section 
 @import 'about';
 
 // Features - Section 
 @import 'features';
 
 // services - Section 
 @import 'services';
 
 // testimonial - Section 
 @import 'testimonial';
 
 // Portfolio - Cases - Section 
 @import 'project';
 
 // Price Table - Section 
 @import 'price';
 
 // Call To Action - Section 
 @import 'cta';
 
 // Content Block - Section 
 @import 'contentblock';
 
 // team - Section 
 @import 'team';
 
 // funfact - Section 
 @import 'funfact';
 
 // Download - Section 
 @import 'carousel';
 
 // FAQ - Section 
 @import 'faq';
 
 // Blog - Section 
 @import 'blog';
 
 // Contact Us - Section 
 @import 'contact';
 
 // footer - Section 
@import 'footer';
*/

/* ----------------------------------------------------
   Vasupujya Fastners - Brand Button Colors (#062d59)
   ---------------------------------------------------- */
.theme-btn,
.theme-btn.theme-2,
.submit-btn,
.contact-form input[type='submit'],
.comment-form .submit-btn,
button.theme-btn,
a.theme-btn {
  background-color: #062d59 !important;
  border-color: #062d59 !important;
  color: #ffffff !important;
}

.theme-btn:hover,
.theme-btn.theme-2:hover,
.submit-btn:hover,
.contact-form input[type='submit']:hover,
.comment-form .submit-btn:hover,
button.theme-btn:hover,
a.theme-btn:hover {
  background-color: #0b3d75 !important;
  border-color: #0b3d75 !important;
  color: #ffffff !important;
}

/* Outline button on dark background (hero slider Learn More) */
.hero-contents .theme-btn.minimal-btn,
.single-slide .theme-btn.minimal-btn {
  background-color: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
}

.hero-contents .theme-btn.minimal-btn:hover,
.single-slide .theme-btn.minimal-btn:hover {
  background-color: #062d59 !important;
  border-color: #062d59 !important;
  color: #ffffff !important;
}

/* Mobile bottom nav - Brand Navy color (#062d59) */
.mobile-bottom-nav .nav-item .nav-icon,
.mobile-bottom-nav .nav-item i {
  color: #062d59 !important;
}

.mobile-bottom-nav .nav-item:active span,
.mobile-bottom-nav .nav-item:hover span {
  color: #062d59 !important;
}

/* ===================================================
   Mobile Horizontal Overflow Prevention & Table Layout
   =================================================== */
html {
  overflow-x: hidden !important;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
}

body {
  overflow-x: clip !important;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  min-height: 100%;
  position: relative;
}

/* Header scroll fix - ensure menu scrolls naturally and is not fixed */
header,
header.sticky,
header.header-4.sticky,
.header-wrap.sticky,
.header-wrapper.sticky {
  animation: none !important;
  -webkit-animation: none !important;
}

header.header-4 {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

header.header-1 {
  position: relative !important;
}

.our-service-wrapper,
.process-wrapper,
.page-banner-wrap,
.header-wrapper,
.footer-wrap {
  overflow-x: hidden;
  max-width: 100%;
}

.product-spec-table {
  width: 100% !important;
  table-layout: fixed !important;
  margin-bottom: 0 !important;
}

.product-spec-table th,
.product-spec-table td {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

@media (max-width: 767.98px) {
  header .logo img,
  .header-logo .logo img,
  .logo img {
    max-height: 48px !important;
    max-width: 100% !important;
    height: auto !important;
  }
  .single-service-card .content {
    padding: 14px 12px 16px !important;
  }
  .product-spec-table {
    font-size: 12px !important;
  }
  .product-spec-table th {
    width: 42% !important;
    padding: 5px 6px !important;
  }
  .product-spec-table td {
    padding: 5px 6px !important;
  }
}

.mobile-nav:not(.show) {
  visibility: hidden !important;
  pointer-events: none !important;
}
.mobile-nav.show {
  visibility: visible !important;
  pointer-events: auto !important;
}