/*!
Theme Name: resonetics
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: resonetics
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

resonetics is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* Header Base */
body{

    font-family: "ff-dagny-web-pro", sans-serif;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1420px; }
   :root {
            --bg: #0f1220;
            --ink: #09003E;
            --muted: #8b93a7;
            --gap: 40px;
            --pad: clamp(16px, 4vw, 40px);
            --maxw: 1200px;
            --cardRadius: 18px;
            color: #09003E;
        }
        h2 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    color: #09003E;
}

p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
a { text-decoration: none;  color:#09003E}
img { max-width: 100%; }
.p-8 {
    padding: 2rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.py-24 {
    padding-bottom: 6rem;
    padding-top: 6rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.py-8 {
    padding-bottom: 60px;
    padding-top: 60px
}
body { font-variant-numeric: lining-nums proportional-nums; }
.py-9 {
    padding-bottom: 2.25rem;
    padding-top: 2.25rem
}
.container-sm {
    max-width: 1170px;
}
/* Top Bar */
.top-bar {
    background: linear-gradient(0deg, rgba(2, 87, 163, 0.10) 0%, rgba(2, 87, 163, 0.10) 100%), #FFF;
    padding: 5px 0;
    position: relative;
    z-index: 999
}
button.search-toggle {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 15px;
    padding-left: 0;
background: transparent;
}
.hero-section h1 {
    color: #FFF;
    text-align: center;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 59.5px;
    text-transform: uppercase;
}
.post-meta svg { width: 30px; text-align: left; }
 h2.heading {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 40px;
}
.site-header .container {
    padding: 18px 0;
}
.top-bar .container {
    position: relative;
}
.top-navigation ul {
    list-style: none;
    display: inline-flex;
    margin: 0;
    padding: 0;
    align-items: center;
    margin-right: 0;
}

.top-bar .col-md-12.text-end {
    display: flex;
    width: 100%;
    text-align: right;
    justify-content: end;
}

.top-navigation ul li {
    position: relative;
}

.top-navigation ul li a {
    text-decoration: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    color: #09003E;
    padding: 10px 10px;
}

.top-navigation ul li a:hover {
    color: #0073e6;
    transform: translateY(-1px);
}

.top-navigation ul li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #0073e6;
    transition: width 0.3s ease;
}

.top-navigation ul li a:hover::after {
    width: 100%;
}
#top-menu li:last-child a, .top-navigation ul li:last-child a { display: flex; align-items: center; gap: 8px; }
.menu-icon {
    margin-right: 0px;
    vertical-align: middle;
}
.top-navigation ul li a {
    text-decoration: none!important;
}

.top-navigation ul li a:after {
    display: none;
}

.top-navigation ul li:hover ul.sub-menu {
    display: block;
    padding-bottom: 0;
}

.top-navigation ul li ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 3px solid #0257a3;
    padding: 10px 0;
    min-width: 140px;
    z-index: 999;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    margin-top: 0;
    padding-top: 0;
    border-radius: 4px;
}

.top-navigation ul li ul.sub-menu li a {
    padding: 8.6px 10px;
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
    display: block;
    text-align: left;
}

.top-navigation ul li:hover>a {
    background: #0257a3;
    color: #fff;
}
.search-toggle {
border:none;
font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 20px;
}

.site-header {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    z-index: 100;
    position: relative;
}

.header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Logo */
.site-branding {
    display: flex;
    align-items: center;
}
.site-title {
    margin-left: 10px;
    font-size: 20px;
    font-weight: bold;
}
@media (min-width: 769px) {
/* Nav + CTA wrapper */
.nav-cta {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Navigation Desktop */
.main-navigation ul {
    list-style: none;
    display: flex;
    gap: 32px;
    margin: 0;
    padding: 0;
}
.main-navigation ul li a {
text-decoration: none;
    color: #09003E;
    transition: color 0.3s ease;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
}
.main-navigation ul li a:hover {
    color: #0073e6;
}
.main-navigation ul li.highlightmenu>a {
    padding: 10px 20px;
    border-radius: 30px;
    background: #0257A3;
    color: #fff!important;
}
.main-navigation ul .sub-menu li.highlightmenu>a {  background: #0257a3;  border-radius: 0px;     padding: 8.6px 10px;}
.main-navigation ul li.highlight a {
    color: #0073e6;
    font-weight: 600;
}
.main-navigation ul li.highlightmenu>a:hover {background: #09003E; }
}
/* CTA Button */
.header-cta {
    padding: 10px 20px;
    background: #0073e6;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    text-decoration: none;
    transition: background 0.3s ease;
    white-space: nowrap;
}
.header-cta:hover {
    background: #005bb5;
}

/* Mobile */
.menu-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 26px;
    cursor: pointer;
}
.nav-cta.col-md-9 {
    justify-content: right;
}
@media (min-width: 769px) {
ul.sub-menu {
    display: none;
}

/* Basic Reset */
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-navigation ul li {
  position: relative;
  padding-bottom: 10px;
  padding-top: 10px;
}
.main-navigation ul .sub-menu a {
  padding: 8.6px 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
}
.main-navigation a:hover {
  background: #f5f5f5;
  color: #000;
}

/* Hide submenus by default */
.main-navigation ul.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border: 3px solid #0257a3;
  padding: 10px 0;
  min-width: 200px;
  z-index: 999;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  margin-top: 0;
  padding-top: 0;     border-radius: 4px;
}

/* Show submenu on hover (desktop) */
.main-navigation ul li:hover > ul.sub-menu {
  display: block;
}

/* Second-level submenu (right side) */
.main-navigation ul.sub-menu ul.sub-menu {
    top: 0;
    left: 290px;
    margin-left: 1px;
    border: 3px solid #0257a3;
}

/* Remove underline for top-level */
.main-navigation > .menu > li > a {
  text-decoration: none;
}

/* ================== SVG Arrows ================== */
img.custom-logo { max-width: 180px; height: auto; }
.main-navigation .sub-menu li.menu-item-has-children > a::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 13px;
  margin-left: 6px;
  background-image: url("data:image/svg+xml;utf8,<svg width='12' height='13' viewBox='0 0 12 13' xmlns='http://www.w3.org/2000/svg'><path d='M2.84488 11.2196L7.56453 6.49995L2.84488 1.78027C2.70564 1.63933 2.62782 1.44902 2.62842 1.2509C2.62902 1.05277 2.70799 0.862938 2.84809 0.722844C2.98818 0.582749 3.17802 0.503779 3.37614 0.503177C3.57426 0.502576 3.76458 0.580392 3.90552 0.719634L9.15552 5.96963C9.29617 6.11029 9.37518 6.30105 9.37518 6.49995C9.37518 6.69886 9.29617 6.88962 9.15552 7.03028L3.90552 12.2803C3.76458 12.4195 3.57426 12.4973 3.37614 12.4967C3.17802 12.4961 2.98818 12.4172 2.84809 12.2771C2.70799 12.137 2.62902 11.9471 2.62842 11.749C2.62782 11.5509 2.70564 11.3606 2.84488 11.2196Z' fill='%2309003E'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

/* Rotate arrow for 1st level (down) */
.main-navigation > .menu > li.menu-item-has-children > a::after {
  transform: rotate(90deg);
}

/* Keep right arrow for sub-submenu */
.main-navigation ul.sub-menu li.menu-item-has-children > a::after {
  transform: none;
}
.main-navigation ul.sub-menu li a { padding-left: 20px; padding-right: 20px; }

.main-navigation ul .sub-menu li {
    width: 100%;
    padding: 2px;
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    background: #fff;
}

.main-navigation ul.sub-menu:before {
    background: #0257a3;
    border-radius: 2px;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: -8px;
    transform-origin: 0 0;
    transform: rotate(45deg) scale(1, 1);
    aspect-ratio: 1;
    content: '';
    right: 0;
    margin: 0 auto;
    z-index: -1;
}
}

section {
    background-color: #fff;
    position: relative;
    z-index: 9;
}
   /* Parallax Section */
      /*  .parallax-section {
            height: 100vh;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }*/
/*video.video-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
*/
/*.ssparallax-section .sm-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    z-index: 1;
    padding: 0 20px;
    width: 100%;
}*/
.section-text-left .text-center { text-align: left!important; }
.gradient-1:before {
    content: '';
    display: block;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 33.52%, #0257A3 96.15%), linear-gradient(0deg, rgba(9, 0, 62, 0.10) 0%, rgba(9, 0, 62, 0.10) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
}



.section-text-left .text-center {
    text-align: left!important;
}



.parallax-section .heading {
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    font-family: "ff-dagny-web-pro", sans-serif;
    font-size: 130px;
    font-style: normal;
    font-weight: 900;
    line-height: 84%;
    text-transform: uppercase;
    max-width: 900px;
	padding-bottom:0!important;
margin-bottom:0!important;
}

.home-section-1 .flex.flex-col.items-center {
    max-width: 1050px;
}
.parallax-section  p {
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 103%; 
}

.services-section .heading {padding-bottom: 1rem; text-align: left; color: #09003E; font-size: 44px; font-style: normal; font-weight: 700; line-height: normal; }


/*Services Home Services Section */
.item-service-inr {
    
    background: rgba(2, 87, 163, 0.10);
     transition: background-color 0.4s ease, transform 0.4s ease;
      border-radius: 9.156px 9.156px 21px 21px;
}

.item-service:hover .item-service-inr  {  
    background: #0257A3;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.sserviceimagebox:before {
    content: '';
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 6.729646772146225%,
      rgba(0, 0, 0, 0.09) 33.172616362571716%,
      rgba(0, 0, 0, 0.9) 89.42402005195618%
    ),
    linear-gradient(to left, #f6f6f6, #f6f6f6);
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.serviceimagebox {
    position: relative;
}

.serviceimagebox img {margin: 0!important;}

.service-image {
    height: 400px;
    width: 100%;
}

.serviceimagebox .service-icon {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto!important;
    display: block;
    opacity: 0;
}

.serviceimagebox {
    position: relative; transition: transform 0.4s ease; 
}
.serviceimagebox  { overflow: hidden; }
.serviceimagebox:before {
    content: '';
    background: #0000007d;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 6.729646772146225%,
      rgba(0, 0, 0, 0.09) 33.172616362571716%,
      rgba(0, 0, 0, 0.9) 89.42402005195618%
    );
opacity:0;
z-index: 9;
}
.industry-img:before {
    content: '';
    right: 0;
    top: 0;
    bottom: 0;
    ;left: 0;;display: block;
    position: absolute;
   background: linear-gradient(0deg, rgba(9, 0, 62, 0.3) 0%, rgba(9, 0, 62, 0.3) 100%);
    ;opacity: 0;
    z-index: 9;
}
.industry-img {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.industry-box:hover .industry-img:before {
    opacity: 1;
}
.item-service:hover .serviceimagebox:before { opacity:1;}
.item-service:hover .serviceimagebox .service-icon {  opacity:1; z-index:999}


.item-service h5 {
    color: #09003E;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;     padding-bottom: 1.5rem !important;
}
.item-service:hover  h5 { color: #fff; }
.item-service, .item-service img {transition: transform 0.4s ease; }
.item-service:hover .service-image {  transition: transform 0.4s ease;  transform: scale(1.1);}
.serviceimagebox { border-radius: 10px 10px 0px 0px; }

.parallax-section {
    background-size: cover;
    background-position: bottom;
    transition: transform 0.4s ease; 
}


.parallax-section .sm-container.container {
    position: relative;
    background: transparent;
    z-index: 999;
}
.btn-section {
    text-align: center;
    gap: 10px;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

/*Home section 2*/

.parallax-section {
    background-size: cover;
    background-position: bottom;
}


.parallax-section.home-section-2 .heading {
    font-size: 100px;     max-width: 1000px;
    margin-bottom: 25px !important;
}

.parallax-section.home-section-2 p {
    max-width: 738px;
    margin: 0 auto;
}

.parallax-section.home-section-2 .sm-container.container {
    max-width: 1070px;
}
.btn {
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: #0257A3;
    color: #fff;
    border: 2px solid #0257A3;
font-size: 20px;
    line-height: 32px;font-weight: 700;
}
.btn:hover { background:#09003E; color: #fff; border-color: #09003E;}

.home-section-1 .mx-auto { margin-left: 0!important; }
.btn.btn-option-2 {  background: #fff; border-color: #09003E; color: #09003E}
.btn.btn-option-2:hover {  background: #F58320; border-color: #F58320; color: #ffff}




.btn.btn-option-3 {  background: #fff; border-color: #fff; color: #09003E}
.btn.btn-option-3:hover {  background: #09003E; border-color: #09003E; color: #ffff}


.btn.btn-option-4 {  background: transparent; border-color: #fff; color: #ffff}
.btn.btn-option-4:hover { background: #F58320; border-color: #F58320; color: #fff }


.parallax-section {   background-color: #0257A3;}


/*Industry Section*/


.industry-box img {
    width: 100%;
    height: auto;
}

.industry-section h2.heading {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left;
    color: #09003E;
}

h3.industry-title {
    color: var(--dark-blue, #09003E);
padding-top: 25px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 5px;
}

.industry-box img {
    border-radius: 12.917px;
    border: 1px solid rgba(89, 89, 89, 0.80);
}
.intro-text-block {
    border-bottom: 1px solid #D9D9D9;
}
.nitinol-sub-pages__item {
    border: 1px solid #D9D9D9;
    border-radius: 15px;
    overflow: hidden;
}

.nitinol-sub-pages__item h3 {
    margin-bottom: 0;
}
.industry-excerpt p { color: var(--dark-blue, #09003E);font-size: 20px;font-style: normal;font-weight: 400;line-height: 26px; /* 130% */color: var(--dark-blue, #09003E);}

.industry-box {
    padding-bottom: 30px;
}

.parallax-section.home-section-3 .heading {
    font-size: 100px;     margin: 0 auto; max-width:1200px;     margin-bottom: 25px !important;
}

.parallax-section .sm-container.container {

}

.parallax-section .sm-container.container .text-white.max-w-\[550px\].mx-auto.text-center.mb-8 {
    max-width: 900px;
}
/*.gradient-3:after {
background: linear-gradient(
  180deg,
  rgba(2, 87, 163, 0.6) 0%,    
  rgba(0, 0, 0, 0.5) 100% 
);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
*/
.gradient-3:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 19.2%, rgba(0, 0, 0, 0.60) 75%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, #0257A3 0%, #0257A3 100%); background-blend-mode: normal, normal, overlay; opacity: .8; content:''; z-index: 9;} 
/*Mobile Css*/


.two-cols-section  .col-md-6.w-full {

    justify-content: center;
}

.two-cols-section  .heading {
    color: #09003E;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
}

.two-cols-section p{
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 103%;
     color: #09003E;
         padding: 0;
}

.two-cols-section .btn-section {
    justify-content: left; margin-top: 40px;
}
.text-dark {  color: #09003E; }
img.section-two-img {
    margin-left: -120px; margin-bottom: -60px;
}
section.two-cols-section { padding: 60px 0; }
.contenttwo { max-width: 660px; margin: 0; }
section.advantage-section {
    background-image: url(https://resonstore.wpenginepowered.com/wp-content/uploads/2025/10/orange-bg-scaled.jpg);
    background-size: contain;
    padding:94px 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

ssssection.advantage-section:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    content: '';
    background: linear-gradient(194deg, #ffc10780 18.62%, #ffc107 82.46%);
    opacity: 0.6;
}

section.advantage-section .container {
    position: relative;
    z-index: 9;
}
section.advantage-section .container {
    max-width: 100%;
    padding-left: 120px;
    padding-right: 120px;
}
section.markets-section { padding-top: 60px; padding-bottom: 75px; }
.advantage-section h5.heading {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #fff;
}



.advantageimagebox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

}

.advantageimagebox h5 {
    padding-left: 32px;
}

.advantageimagebox img {
    width: 58px;
    height: 58px;
    object-fit: contain;
}

.advantageimagebox h5 , .advantageimagebox .pcntent {
    font-size: 36px;
    font-style: 350;
  color:#fff;
    line-height: 36px;
}

.advantageimagebox h5 {
    align-items: center;
    gap: 10px;
}

.pcntent {
    font-weight: 350;
}
.advantageimagebox h5 {  font-weight: 700;}
.item-advantage  {padding-bottom: 26px;}
.item-advantage:last-child {padding-bottom: 0;}
.advantage-row.flex { padding-top: 50px; }


.home-section-1 .mx-auto {
    padding-top: 40px;
    padding-bottom: 70.36px;
    max-width: 1020px!important; 
}

.home-section-1  .heading.text-white {
    padding-top: 70.36px;     margin: 0 !important;
}
section.services-section {
    padding-top: 60px;
    padding-bottom: 80px;
}

.services-section .heading {
    padding-bottom: 60px;
}

.services {
    margin-right: 0;
    margin-left: 0;
    gap: 40px;
    display: flex;
    flex-wrap: nowrap!important;
}

.services .item-service.col-md-4 {
    padding: 0!important;
    margin: 0!important;
    width: auto!important;
    flex: 1;
}
.parallax-section.home-section-2 .heading {
    padding-bottom: 25px; margin: 0 auto;
}

.parallax-section.home-section-2 .btn-section {
    margin-top: 40px;
}
section.industry-section {
    padding-top: 60px;
    padding-bottom: 50px;
}

.parallax-section.home-section-3 .heading {
    padding-bottom: 25px;
}

.parallax-section.home-section-3 .btn-section {
    margin-top: 40px;
}

/*Markets*/

.markets-section h2.heading {
    text-align: left; margin: 0;
}

/*footer css */
footer#colophon {
    background: #0257A3;
    color: #fff;
    padding: 40px 0 30px 0px;
        position: relative;
    z-index: 9;
}

footer#colophon a {
    color: #fff;
}

.social-icons-box {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    align-items: center;
}

footer#colophon  a.footer-cntact-us {
    background: #fff;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    color: #0257A3;
}


.footer-menu-row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
}

.footer-menu-col {}

.middlefooter {
    padding-top: 40px;
    padding-bottom: 50px;
}

.topfooter .container {
    border-bottom: 1px solid rgba(255, 255, 255, 0.50);
    Colors Color format Hex Border colors #FFFFFF · 50%;
    padding-bottom: 30px;
}




.middlefooter h5 {
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    opacity: 0.9;
    padding: 0;
    margin: 0;
}

.middlefooter  ul li a {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.middlefooter ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.middlefooter ul li {
    padding-top: 10px;
}

.footerbottom .row.align-items-center {}

.footerbottom-row {
    display: flex;
    padding-bottom: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.50);
    padding-top: 30px;
}

.footerbottom-row ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 10px;
 margin-left: 10px;
}

.footerbottom-row p {
    margin: 0;
}

.footerbottom-row ul li:before {
    content: '/';
    margin-right: 10px;
}
.menu-item-gtranslate select.gt_selector.notranslate {
    position: relative;
    margin-left: 78px; 
}

.menu-item-gtranslate:after {
    content: 'Language:';
    position: absolute;
    left: 0;
    font-weight: 700;
    left: 20px;
}
.footerbottom-row p, .footerbottom-row li {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
     color: #fff;
}

.disclaimer p {
    margin: 0;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
}

select.gt_selector.notranslate {
    background: transparent!important;
    color: #fff;
    border: none!important;
    outline: none!important;
    font-weight: 700;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select.gt_selector.notranslate option {
    color: #000; 
}
h3.markets-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    padding: 15px 0;
    padding-bottom: 0;
}

.markets-img img {
    width: 100%;
}
.markets-img { position: relative; overflow: hidden; border-radius: 5px; }
.markets-img img  {  transition: transform 0.4s ease;border-radius: 5px;  }
.markets-box:hover img {  transform: scale(1.1); }


.markets-img:after {
    background: linear-gradient(to left, #f58320, #f58320);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    opacity: 0;
    transform: scale(1.1);
}
.markets-box:hover .markets-img:after {  opacity: 0.4;}
.markets-box:hover .markets-title   { color:#f58320; }

.markets-card:nth-child(4) .markets-img:after { background: linear-gradient(to left, #19a489, #19a489);}
.markets-card:nth-child(4) .markets-box:hover .markets-title  {  color:#19a489;}

.markets-card:nth-child(3) .markets-img:after {   background: linear-gradient(to left, #0257a3, #0257a3);}
.markets-card:nth-child(3) .markets-box:hover .markets-title  {  color:#0257a3;}

.markets-card:nth-child(2) .markets-img:after { background: linear-gradient(to left, #09003e, #09003e),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 44.61205303668976%,
      rgba(0, 0, 0, 0.6) 100%
    );}
.markets-card:nth-child(2) .markets-box:hover .markets-title  {  color:#09003e;}


/*blog*/

section.blog-section {
    border-top: 1px solid rgb(224 219 219 / 50%);
}

section.blog-section h2.heading {
    text-align: left;
    margin: 0;
}


.blog-section .container .container {
    padding: 0;
}

.blog-item-viewport.row {
    margin: 0;
    padding: 0;
    width: 100%;
}



.col-md-4.blog-card {
    flex: 1 1 calc(33% - 20px)!important;
    width: 33%;
    padding: 0;
}

.col-md-4.blog-card img {
    width: 100%;
    border-radius: 5px 5px 0 0;
    height: 162px;
    object-fit: cover;
}

.blog-item-viewport.row {
    gap: 20px;
}

img.attachment-large.size-large.wp-post-image {
}

.blog-card-inner {
    border: 3px solid #09003E;
    border-radius: 5px;     height: 100%;
}

.blog-card-inner.Events img {
    object-fit: contain;
}

.blog-content {
    padding: 15px 30px 88px 30px;
}

.blog-content p.blog-category {
    white-space: nowrap;
    overflow: hidden;
    color: #09003E;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-overflow: ellipsis;
    font-size: 24px;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}

p.blog-date {
    margin-bottom: 15px;
    overflow: hidden;
    font-variant-numeric: lining-nums proportional-nums;
    text-overflow: ellipsis;
/* body-copy-4 */
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

h3.blog-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    min-height: 105px;
}

.blog-card-inner.Events {border-color: #19A489;}
.blog-card-inner.Events p.blog-category {color: #19A489;}

.blog-card-inner.Articles {border-color: #F58320;}
.blog-card-inner.Articles p.blog-category {color: #F58320;}
.plainCta {
    text-align: center;
    padding-top: 40px;
}

.plainCta a {
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
}
.item-service-inr:hover .serviceimagebox:before { opacity: 1; }



/*nitinol landing css */

.Nitinol-lp section.hero-section {
    text-align: center;
    padding: 100px 0;
}
.Nitinol-lp  .hero-buttons { gap: 30px; display: flex; justify-content: center; }
.Nitinol-lp .hero-section h1 {
    font-size: 70px;
    color: #fff;
    font-weight: bold;
}

.hero-subheading p {
    text-align: center;
    color: #fff;
}
.hero-subheading p {
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin: 0;
    padding-bottom: 35px;
}

.hero-subheading {
    max-width: 900px;
    margin: 0 auto;
}


section.footer-hero {
    min-height: 90vh;
    padding: 100px 0;
}

.footer-hero h2 {
    color: #FFF;
    text-align: center;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
}

a.footer-hero__button.btn.btn-option-3.mt-3 {
    margin-top: 0!important;
}


.nitinol-description__content {
    color: #fff;
    text-align: center;
    max-width: 860px;
    margin: 0 auto;
}

section.nitinol-description {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
}

.nitinol-description h2 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 20px;
    color: #fff;
}

.nitinol-description p {
    margin: 0;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

section.nitinol-sub-pages {
    padding: 80px 0;
}

section.nitinol-sub-pages {}

section.nitinol-sub-pages h2 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    color: #09003E;
    margin-bottom: 20px;
}

section.nitinol-sub-pages .nitinol-sub-pages__text {
    margin-bottom: 36px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: #09003E;
}

.nitinol-sub-pages__item h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    background: #DCE5EC;
    text-align: center;
    color: #09003E;
    padding: 10px 0;
    border-radius: 0 0 15px 15px;
}

.nitinol-sub-pages__item img {
    width: 100%;
}

.nitinol-sub-pages__list.row .col-md-3 {
    padding: 0!important;
    width: calc(25% - 30px);
}

.nitinol-sub-pages__list.row {
    margin: 0!important;
    gap: 40px;
    flex-wrap: wrap;
}

.nitinol-sub-pages__item:hover h3 {
    background: #09003E;
    color: #fff;
}
.Nitinol-lp section.blog-section {
    border: none;
    padding: 100px 0;
}

.Nitinol-lp section.blog-section h2 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    max-width: 886px;
    color: #09003E;
    margin-bottom: 50px;
}

a.blog-section__button {
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 26px;
    margin-top: 50px;
    display: block;
}
section.resonetics-nitinol-info {
    padding: 240px 0px;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
        background-color: #0257A3;
}

section.resonetics-nitinol-info h2 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 30px;
    color: #fff;
}



section.resonetics-nitinol-info ul, section.resonetics-nitinol-info p {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

section.resonetics-nitinol-info p {
    margin-bottom: 30px;
}

section.resonetics-nitinol-info ul {
    margin-bottom: 30px;
}
/*nitinol landing css end*/
.intro-text-block .row {
    margin: 0!important;
    gap: 100px;
}

.intro-text-block .row .col-md-6 {
    padding: 0!important;
    width: auto!important;
    flex: 1;
}

.intro-text-block img {
    width: 100%;
    display: block;
    border-radius: 15px;
}

.intro-text-block {
    padding: 80px 0;
}

.intro-text-block h2 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    color: #09003E;
    margin-bottom: 10px;
}

.intro-text-block  p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;  color: #09003E;
}

.intro-text-block ul {
    padding: 0;
    margin: 0;
    padding-left: 20px;
}

.intro-text-block ul li, .intro-text-block ol li {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: #09003E;
    padding-bottom: 10px;
}
.intro-text-block ul ul { margin-bottom: 0; }

.intro-text-block .no-image-box ol ol, .intro-text-block .no-image-box ol ul, .intro-text-block .no-image-box ul ol, .intro-text-block .no-image-box ul ul {  margin-top: 10px; margin-bottom: 0; margin-left: 0; padding-left: 0; display: block;     margin-left: 15px;}
.intro-text-block ul {
    margin-bottom: 30px;
}

.intro-text-block ul { text-align: left; }
.nitinol-page-description {
    padding: 80px 0;
}

.nitinol-page-description .page-description__inner {
    max-width: 970px;
    margin: 0 auto;
}

.nitinol-page-description h2.page-description__title {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #09003E;
    margin-bottom: 20px;
    padding: 0; text-align:center;
}
.row.sub-pages-section__row { border-bottom: 1px solid #D9D9D9; }


.nitinol-page-description { border-bottom: 1px solid #D9D9D9; }

.nitinol-page-description p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: #09003E;
    margin-bottom: 20px;
text-align:center;
}

.intro-text-block .row .col-md-6 .intro-text-block__content {
    max-width: 570px;
}
.row.sub-pages-section__row {
    padding: 0;
    margin: 0;
}

section.sub-pages-section .col-md-6 {
    padding: 0;
    margin: 0;
}

.sub-pages-section__text {
    padding: 100px;
    justify-content: center;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.sub-pages-section__text h3 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #09003E;
    margin-bottom: 20px;
    padding: 0;
}

.sub-pages-section__text p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: #09003E;
    margin: 0;
}

a.sub-pages-section__button.btn {
    max-width: fit-content;
    margin-top: 40px;
}

section.sub-pages-section img {
    width: 100%;
    display: block;
}

.Nitinol-lp .hero-section h1 {
    color: #FFF;
    text-align: center; /* header */
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 59.5px; /* 85% */
    text-transform: uppercase;
    margin-bottom: 25px;
    padding: 0;
}

.hero-subheading p {
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin: 0;
    padding-bottom: 35px;
}

.hero-subheading {
    max-width: 900px;
    margin: 0 auto;
}


section.footer-hero {
    min-height: 90vh;
    padding: 100px 0;
}

.footer-hero h2 {
    color: #FFF;
    text-align: center;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
}

a.footer-hero__button.btn.btn-option-3.mt-3 {
    margin-top: 0!important;
}





@media (max-width: 768px) {

  /* Rotate arrow down when submenu is open */
  .main-navigation li.open > a::after {
    transform: rotate(180deg);
  }

/*  Home Mobile Css*/
.top-bar {
    display: none;
}

#masthead .row {
    display: flex;
}

.site-header button.menu-toggle {
    position: absolute;
    top: 0;
}

.home-section-1 .heading.text-white {
    font-size: 46px;
    font-style: normal;
    font-weight: 900;
    line-height: 41.25px;
}

.home-section-1 .mx-auto {
    padding-top: 15px;
    padding-bottom: 0;
}

.parallax-section p {
    font-size: 14px;
    font-style: normal!important;
    font-weight: 400;
    line-height: normal;
}

.services-section .heading {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 20px;
}

section.services-section {
    padding-top: 20px;
    padding-bottom: 0;
}

.services {
    display: block;
}

.item-service h5 {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0;
    margin: 0!important;
    padding: 5px 0px!important;
}

.item-service-inr .mt-4 {
    margin: 0!important;
}

.item-service-inr a {
    display: block;
}

.item-service-inr {
    margin-bottom: 20px;
}

.parallax-section.home-section-2 .heading {
    font-size: 46px;
    font-style: normal;
    font-weight: 900;
    padding-bottom: 0;
}

section.parallax-section.centered-section {
    background-size: cover!important;
    background-position: right center!important;
    padding: 60px 0 !important;
}

.parallax-section.home-section-2 p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.parallax-section.home-section-2 .btn-section {
    display: block;
    margin-top: 10px;
}

.parallax-section.home-section-2 .btn-section a {
    margin-bottom: 6px;
}

.gradient-2:before {
    background-position: left center!important;
    background-size: cover;
}

section.parallax-section {
    height: auto!important;
    min-height: auto!important;
    padding: 75px 0!important;
}

.pin-spacer.pin-spacer-parallax-section-1 {
    height: auto!important;
}

.pin-spacer.pin-spacer-parallax-section-2 {
    height: auto!important;
    min-height: auto!important;
}

.gradient-3.home-section-3 {
    height: auto!important;
    min-height: auto!important;
}

.parallax-section.home-section-3 .heading {
    font-size: 46px;
    font-style: normal;
    font-weight: 900;
    line-height: 82.509%;
    margin: 0;
    padding-bottom: 25px;
}

.parallax-section.home-section-3 p {font-size: 20px;font-style: normal;font-weight: 400;line-height: 22px;margin-bottom: 0;}



.parallax-section.home-section-3 .btn-section {
    display: block;
    margin-top: 35px;
}

.parallax-section.home-section-3 .btn-section a {
    margin-bottom: 5px;
}

.flex-row-reverse {
    flex-direction: column-reverse!important;
}

section.two-cols-section .heading {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.two-cols-section p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.two-cols-section .sm-container.h-auto {
    padding-right: 15px;
    padding-left: 15px;
}

section.two-cols-section {
    padding-bottom: 40px;
}

.contenttwo a.btn {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}
img.section-two-img {
    margin: 0;
    padding: 0;
}

section.two-cols-section {
    padding-top: 0;
}

section.two-cols-section .heading {
    padding-bottom: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}

.two-cols-section p {
    padding-bottom: 0;
    margin-bottom: 0;
}

.two-cols-section .btn-section {
    margin-top: 10px;
}

section.advantage-section .container {
    padding: 0 15px;
}

.advantage-section h5.heading {
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 26.7px;
    padding-bottom: 20px;
}

.advantage-row {
}

section.advantage-section.relative.h-auto {
    padding-top: 20px;
    padding-bottom: 20px;
}

.advantage-row.flex.flex-wrap.gap-x-8.gap-y-16.justify-between.mb-16.row {}

.advantageimagebox {
    display: block;
    text-align: center;
}

.advantageimagebox img {
    width: 100px;
    height: 100px;
    clear: both;
    object-fit: contain;
}

.advantageimagebox h5 {
    margin: 0;
    padding: 0;
    max-width: 200px;
    margin: 0 auto;
}

.advantageimagebox h5, .advantageimagebox .pcntent {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}



.item-advantage {
    padding-bottom: 40px;
}

.advantageimagebox h5 {
    padding-top: 25px;
}

.advantage-row.flex.flex-wrap.gap-x-8.gap-y-16.justify-between.mb-16.row {}

section.markets-section {
    padding-top: 20px;
    padding-bottom: 20px;
}

.markets-section h2.heading {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #09003E;
    padding-bottom: 20px;
}

.markets-item-viewport.row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
}

.markets-card.col-md-3 {
    flex: 0 0 calc(50% - 5px); /* two per row, accounting for gap */
    box-sizing: border-box;
    padding: 0;
}

.markets-img img {}

h3.markets-title {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16.847px;
    margin-bottom: 0;
}

.markets-box img {
    height: auto;
}

section.blog-section {
    padding-top: 20px;
    padding-bottom: 0;
}

section.blog-section h2.heading {
    padding-bottom: 20px;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #09003E;
    max-width: 180px;
}

.col-md-4.blog-card {}

.blog-item-viewport.row {
    display: block;
}

.col-md-4.blog-card {
    width: 100%;
    padding-bottom: 10px;
}

.blog-content {
    padding: 12px;
}

h3.blog-title {
    min-height: auto;
}

.plainCta {
    padding-top: 20px;
    padding-bottom: 20px;
}

.row.align-items-center {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.row.align-items-center .col-md-6 {
    width: auto;
}

footer#colophon {
    padding-top: 30px;
}

.footer-menu-row {
    display: block;
}

.footer-menu-col {
    display: flex;
    width: 100%;
    gap: 10px;
    justify-content: space-between;
}

.menu-about-site-container, .menu-markets-container, .menu-capabilities-container, .menu-nitinol-container, .menu-services-container, .footer-menu-col h5 {
    width: 50%;
}


.middlefooter {
    padding-top: 30px;
    padding-bottom: 0px;
}

.footerbottom-row {
    display: block;
}

.footerbottom-row p {
    margin-bottom:15px;
}

.footerbottom-row ul {
    display: block;
    text-align: left; margin: 0;

}
.footerbottom-row ul li { padding-bottom: 10px; }
.footerbottom-row ul li:before {
    display: none;
}

li.menu-item.menu-item-gtranslate {
    text-align: center;
    align-items: center;
    max-width: 260px;
    margin: 0 auto;
    padding-left: 20px;
    margin-top: 20px;
}

.menu-item-gtranslate select.gt_selector.notranslate {margin-left: 101px;}


        /* Mobile Menu Styles - Right Side */
        .main-navigation {
            position: fixed;
            top: 0;
            right: -100%;
            width: 280px;
            height: 100vh;
            background-color: #09003E;
            transition: right 0.3s ease;
            z-index: 1000;
            overflow-y: auto;
            box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
            color: #fff;
            width: calc(100% - 52px);
        }

        .main-navigation.toggled {
            right: 0;
            padding: 0px;
            padding-top: 70px;
            z-index: 9999;
        }

        .menu-toggle {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #2c3e50;
            padding: 5px;
            transition: color 0.3s;
            z-index: 1001;
        }

        .menu-toggle:hover {
            color: #3498db;
        }

        /* Cross icon for mobile menu */
        .menu-toggle.cross {
            position: absolute;
            top: 15px;
            left: 15px;
            color: #fff;
            font-size: 28px;
            z-index: 1002;
        }

        .menu-toggle.cross:hover {
            color: #ecf0f1;
        }

        .mobile-menu-list {
            list-style: none;
            padding: 0px;
            margin: 0;
        }

        .mobile-menu-list li {
            margin-bottom: 5px;
        }

        .mobile-menu-list a {
            display: block;
            color: #ecf0f1;
            text-decoration: none;
            padding: 12px 15px;
            border-radius: 4px;
            transition: background-color 0.3s, color 0.3s;
           display: flex;
        align-items: center;
        justify-content: space-between;
        }

        .mobile-menu-list a:hover {
            color: #fff;
        }

        .sub-menu {
            list-style: none;
            padding-left: 20px;
            margin-top: 5px;
            display: none;
        }

        .menu-item-has-children > a::after {
        content: '';
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-left: 8px;
        vertical-align: middle;
       
        transition: transform 0.2s ease;
        background-image: url("data:image/svg+xml;utf8,<svg width='12' height='13' viewBox='0 0 12 13' xmlns='http://www.w3.org/2000/svg'><path d='M2.84488 11.2196L7.56453 6.49995L2.84488 1.78027C2.70564 1.63933 2.62782 1.44902 2.62842 1.2509C2.62902 1.05277 2.70799 0.862938 2.84809 0.722844C2.98818 0.582749 3.17802 0.503779 3.37614 0.503177C3.57426 0.502576 3.76458 0.580392 3.90552 0.719634L9.15552 5.96963C9.29617 6.11029 9.37518 6.30105 9.37518 6.49995C9.37518 6.69886 9.29617 6.88962 9.15552 7.03028L3.90552 12.2803C3.76458 12.4195 3.57426 12.4973 3.37614 12.4967C3.17802 12.4961 2.98818 12.4172 2.84809 12.2771C2.70799 12.137 2.62902 11.9471 2.62842 11.749C2.62782 11.5509 2.70564 11.3606 2.84488 11.2196Z' fill='%23ffffff'/></svg>");
        background-repeat: no-repeat;
        background-size: contain;         float: right;  transition: transform 0.3s;
        }
.menu-item-has-children.active > a::after {  transform: rotate(90deg);

}
        .menu-item-has-children.active > .sub-menu {
            display: block;
        }

        /* Ensure 3rd level sub-menus work */
        .sub-menu .menu-item-has-children > a::after {
          
            transition: transform 0.3s;
        }

        .sub-menu .menu-item-has-children.active > a::after {
            transform: rotate(90deg);
        }

        .sub-menu .menu-item-has-children.active > .sub-menu {
            display: block;
        }

        .highlightmenu>a {
            color: #3498db;
            font-weight: bold;
        }

        .highlightmenu>a:hover {
            color: #2980b9;
        }

        .highlight>a {
            background-color: #3498db;
            color: white;
        }

        .highlight>a:hover {
            background-color: #2980b9;
        }

        /* Overlay when menu is open */
        .menu-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 999;
            display: none;
        }

        .menu-overlay.active {
            display: block;
        }

        /* Responsive styles */
        @media (min-width: 768px) {
            .menu-toggle {
                display: none;
            }

            .main-navigation {
                position: static;
                width: auto;
                height: auto;
                background-color: transparent;
                box-shadow: none;
                overflow: visible;
                right: auto;
            }

            .main-navigation.toggled {
                right: auto;
            }

            .mobile-menu-list {
                display: none;
            }

            .menu-overlay {
                display: none !important;
            }
        }

        @media (max-width: 767px) {
            .nav-cta {
                position: relative;
            }

            .menu-toggle.cross {
                display: block;
            }

            /* Prevent body scroll when menu is open */
            body.menu-open {
                overflow: hidden;
            }
        }

header#masthead {
    overflow: hidden;
}

.site-header button.menu-toggle {
    display: block;
    right: 20px;
    top: -40px;
}

.site-header  button.menu-toggle.cross {
    top: 15px;
    right: 15px;
    text-align: right;
}

.menu-primary-menu-container {}

.main-navigation ul#primary-menu {
    list-style: none;
    padding: 0;
}

.main-navigation ul#primary-menu a {
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px;
}

.main-navigation ul#primary-menu li {
    margin-bottom: 18px;
}

ul.sub-menu {
    padding-left: 15px;
    padding-right: 15px;
}

.menu-item-has-children > a::after {
    content: '';
}
}
/*extra css*/
/* INDUSTRY SECTION */



/*Hubspot form*/
.hubspot-form-wrapper fieldset{
    width:100%;
    max-width:none;
    margin-bottom: 30px!important;
}
.hubspot-form-wrapper input, .hubspot-form-wrapper select, .hubspot-form-wrapper textarea{
    margin-bottom: 0;
    padding:5px 10px;
    width:100%;
    border: 1px solid #595959;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 15px 20px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}
.hs_upload_a_drawing{
    margin:10px 0 20px 0 
}
.hubspot-form-wrapper li{
    margin-bottom:10px;
    list-style:none;
}
.hubspot-form-wrapper input[type="checkbox"]{
    margin:0 8px 0 0;
    padding:0;
    width:auto;
}
.hubspot-form-wrapper input[type="submit"]{
    border:0;
    background: #0358A3;
    color: #fff;
    border-radius: 30px;
    border: 1px solid #0358A3;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-top: 10px;
}

.hs-form-8f94d3ce-7e53-40d6-88f6-bbec72f0eb78_3e35ebe3-2fa9-4e59-a50f-ac7be2c5033f  label {
    display: none;
}
.common-section-content a { color: #0358A3; font-weight: bold; }
.privacy-policy-pages.talktoen .common-hero h1 { max-width: 600px; margin-bottom: 25px;}
.hubspot-form-wrapper fieldset { margin-bottom: 0px;   max-width: 100% !important;}
.hubspot-form-wrapper label { display: block; }
.hubspot-form-wrapper select {
    width: 100%!important;
}

fieldset.form-columns-1 .hs-input {
    width: 100%!important;
}

li.hs-form-booleancheckbox label {
    display: flex;
}

.hubspot-form-wrapper  li.hs-form-booleancheckbox input {
    width: 30px!important;
}

.hs_upload_a_drawing {
    margin: 0!important;
}

.hubspot-form-wrapper fieldset .input {
    margin: 0!important;
}

.hubspot-form-wrapper fieldset.form-columns-2 {
    display: flex;
    gap: 30px;
}
ul.inputs-list { padding: 0 !important; }
ul.no-list.hs-error-msgs.inputs-list {
    margin-left: 0;
    padding-left: 0;
    padding-top: 5px;
    color: #e51520;
    margin-bottom: 0!important;
}
ul.no-list.hs-error-msgs.inputs-list li {
    margin-bottom: 0!important;
}
.hubspotForm h2 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    text-align: center;
    margin-bottom: 30px;
    color: #09003E;
}

.hubspotForm .hero-subheading {
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #09003E;
    margin-bottom: 40px;
}

.hubspotForm  div#meeting-scheduler {
    margin: 0 auto!important;
}
.hubspot-form-wrapper input[type="submit"]:hover {
    background: #09003E;
    border-color: #09003E;
}

div#meeting-scheduler  {
    margin: 80px auto;
    max-width: 970px;
}


.hs-form-8f94d3ce-7e53-40d6-88f6-bbec72f0eb78_3e35ebe3-2fa9-4e59-a50f-ac7be2c5033f li.hs-form-booleancheckbox  label {
    display: block;
}


section.common-hero.heropage:before {
    display: none;
}

.common-hero.heropage h1 {
    max-width: 800px;
    margin: 0 auto;
}
section.common-section-content {
    padding: 80px 0;
}

.common-section-content .sm-container-new {
    max-width: 970px;
    margin: 0 auto;
     margin-bottom: 25px;
}

section.common-section-content {
    color: #09003E;
}

section.common-section-content p, section.common-section-content li {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

section.common-section-content p {
    margin-bottom: 20px;
}

section.common-section-content li {
    padding-bottom: 5px;
}

.common-section-content hr {
    border-top: 1px solid #EAEAEA;
    opacity: 1;
    margin: 60px 0px 40px 0;
}
.common-hero.heropage p {
    padding-bottom: 35px;
}

.common-section-content h2 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    color: #09003E;
    margin-bottom: 20px;
}


.rev-container {
  position: relative;
  padding-top: 56.25%;
}
.rev-container iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}




/* MOBILE STYLES */
@media (max-width: 767px) {

}
.privacy-policy-pages .field.hs-form-field {
    margin-bottom: 30px!important;
}

/* ===== VIDEO BACKGROUND SECTIONS ===== */



/* Desktop Video Styles */
@media (min-width: 768px) {
    .parallax-section {
        height: 100vh !important;
        min-height: 100vh !important;
        padding: 0 !important;
    }
    
    .parallax-section .video-bg {
        height: 100vh;
    }
    
    .parallax-section .sm-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100vh;
    }
}
.parallax-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-size: cover !important;
    background-position: center center !important;
}

.parallax-section .video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.parallax-section .sm-container {
    position: relative;
    z-index: 2;
}


/*Contact us page css*/
section.common-hero {
    height: 500px;
    position: relative;
    background-color: #0257A3;
    padding: 80px 0;
}



section.common-hero .container {
    position: relative;
}

.common-hero h1 {
    color: #FFF;
    text-align: center;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    font-size: 70px;
    font-style: normal;
    font-weight: 900;
    line-height: 59.5px;
    text-transform: uppercase;
    margin-bottom: 25px;
    padding: 0;
}

.common-hero p {
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin: 0;
    padding-bottom: 20px;
}



section.page-content {
    padding: 50px 0;
    border-bottom: 1px solid #EAEAEA;
}

.page-content__wrapper {
    max-width: 1012px;
    text-align: center;
    margin: 0 auto;
}

.page-content__wrapper p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: #09003E;
}

section.contact-card-section {
    padding: 100px 0;
}

.contact-card-section__wrapper {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
    justify-content: space-between;
    max-width: 1170px;
    margin: 0 auto;
}

.contact-card a {
    flex-direction: column;
    align-items: center;
    gap: 15px;
    display: flex;
}



.cardicon {
    display: flex;
    height: 120px;
    padding: 1px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: #0358A3;
    border-radius: 10px;
}

.contact-card {flex: 1;text-align: center;}

.contact-card h4 {
    margin: 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    color: #595959;
}



.contact-card a:hover .cardicon {
    background: #09003E;
}


/*campaigns page css*/
  

.campaigns-lp .common-hero {
    padding: 100px 0;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
}

.campaigns-lp .common-hero h1 {
    font-weight: 900;
    margin: 40px 0;
}

.campaigns-lp .common-hero .hero-section__subheading {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.campaigns-lp .common-hero .hero-section__subheading p {
    margin: 0;
}

.campaigns-lp .hero-section__buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
}
section.intro-section { padding: 50px 0; }
section.r-events-video {
    padding: 80px 0;
}
.intro-section h2 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    color: #09003E;
    margin-bottom: 20px;
    text-align: center;
}

.intro-section  p {
    margin: 0;
    text-align: center;
   max-width: 970px;
    margin: 0 auto;
}

.intro-section__image {
    padding: 80px 0;
    max-width: 1170px;
    margin: 0 auto;
}
.why-resonetics {
    background-color: #09003E;
    padding: 100px 0;     background-size: cover;
    background-repeat: no-repeat;
}

.why-resonetics__edge-list {
  display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
    justify-content: center;
}

.why-resonetics__wrapper {
    max-width: 1170px;
    margin: 0 auto;
}

.why-resonetics h2 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin: 0;
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
}

.why-resonetics__edge-item {
    text-align: center;
}

.why-resonetics h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 30px;
}

.why-resonetics  .edge-item__content {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
}
section.talk-to-expert {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #09003E;
    color: #fff;
    padding: 166px 0;
}

section.talk-to-expert .talk-to-expert__content {
    max-width: 1170px;
    margin: 0 auto;
}

section.talk-to-expert  h2 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    color: #fff;
    margin: 0;
}

section.talk-to-expert p {
    margin: 0;
    margin-top: 30px;
}

.talk-to-expert__text {
    margin-bottom: 40px;
}
.talk-to-expert__text ul, .talk-to-expert__text ol {
  font-size: 20px;
  margin-top: 20px;
}
section.explore-banner {
    color: #fff;
    background-color: #114a3f;
    min-height: 698px;
    background-repeat: no-repeat;
    background-size: cover;
}

.explore-banner .explore-banner__content {
    text-align: center;
}

.explore-banner h2 {
    margin: 0;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #fff;
}
.intro-text-block .intro-text-block__text a {
    color: #0358A3;
    font-weight: bold;
}
.explore-banner  p {
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin: 30px 0;
}

.explore-banner__text {
    max-width: 820px;
    margin: 0 auto;
}
.nitinol-solutions {
    color: #09003E;     border-bottom: 1px solid #EAEAEA;
}

.nitinol-solutions .container {
    padding-top: 80px;
    padding-bottom: 60px;
}
.Nitinol-lp h3.blog-title { min-height: auto; }
.nitinol-solutions h2 {
    margin: 0;
    padding: 0;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 20px;
}

.nitinol-solutions .nitinol-solutions__content {
    max-width: 970px;
}

.nitinol-solutions .col-md-6 {
    padding: 0;
    margin: 0;
}

.nitinol-solutions img {
    width: 100%;
    display: block;
}
.campaigns-lp  .nitinol-sub-pages .nitinol-sub-pages__list.row {
    gap: 20px;
}
.campaigns-lp  .blog-section {
    padding: 100px 0;
}

.campaigns-lp  .blog-section h2 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #09003E;
    margin-bottom: 50px;
}
.campaigns-lp  .region-selector-for-booking-a-meet h2 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #09003E;
    text-align: center;
    margin-bottom: 20px;
}

.campaigns-lp  .region-selector-for-booking-a-meet {
    padding: 100px 0;
}

.campaigns-lp .region-selector-for-booking-a-meet .hero-subheading {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    margin-bottom: 50px;
    color: #09003E;
}
.campaigns-lp div#meeting-scheduler { margin: 0 auto!important;}
.campaigns-lp  .nitinol-sub-pages p {margin: 0;   font-size: 20px;  font-style: normal;   font-weight: 400;   line-height: 26px;   color: #09003E;}
.campaigns-lp .nitinol-sub-pages  .sub-pages-content { max-width: 1170px;}
.campaigns-lp  .nitinol-sub-pages__list.row .col-md-3 { margin-top: 30px;}
/*leadership page css*/
.leadership-panel { padding: 100px 0; background: #fafafa;}

.leadership-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.leader-card {
  background: #EAEAEA;
  border-radius: 10px;
  overflow: hidden;
  text-align: left;
  transition: transform .3s;
  border:1px solid #EAEAEA;
  transition: background 0.4s ease;
}



.leader-photo {
  width: 100%;
  height: 370px;
  object-fit: contain;
  object-position: bottom;
   mix-blend-mode: luminosity;
}
.leader-card:hover .leader-photo { mix-blend-mode: inherit; }
.leader-info {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding-bottom: 40px;
  transition: transform 0.4s ease;
  transition: all 0.4s ease;
}

.leader-name {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  color: #09003E;
  margin: 0;

}
.btnl { min-width: 80px; text-align: right; } 
.leader-card:hover .view-bio { min-width: 100px; }
.leader-title {
  margin: 0;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: #09003E;
min-height: 42px;
  overflow: hidden;
}

.view-bio {
  background: none;
  border: none;
  color: #0257A3; /* p/Micro/Bold */
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
  text-decoration: none!important;
}

.view-bio:hover {
  text-decoration: underline;
}
/* Popup Drawer */
s {
  position: fixed;
  top: 0;
  right: -100%; /* start off-screen on the RIGHT */
  width: 100%;
  height: auto;
  background: rgba(10,10,10,0.6);
  display: flex;
  align-items: center;
  justify-content: flex-end; /* content slides in from right */
  transition: right 0.4s ease;
  z-index: 99999;
}

.bio-popup.active {
  right: 0;
}

.bio-content {
  background: #fff;
  max-width: 1000px;
  height: auto;
  display: flex;
  flex-direction: row;
  padding: 40px;
  position: relative;
  overflow-y: auto;
  transform: translateX(100%);
  transition: transform 0.4s ease;
  gap: 54px;
  padding-top: 80px;
  padding-bottom: 175px;
}

/* When popup active, slide content in from right */
.bio-popup.active .bio-content {
  transform: translateX(0);
}

.bio-left img {
  width: auto;
  height: auto;
  object-fit: cover;
  max-width: 100%;
}

.bio-right {
  flex: 1;
}

.bio-right h2 {
  color: #09003E;
  margin-bottom: 10px;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 62.5px;
}

.bio-right h4 {
  color: #595959;
  margin-bottom: 40px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.close-btn {
  position: absolute;
  top: 20px;
  right: 25px;
  background: none;
  color: #333;
  border: 1px solid #EAEAEA;
  border-radius: 10px;
  padding: 2px;
}



.view-bio svg {
    transition: all 0.4s ease;
    max-height: 0;
    opacity: 0;
    width: 0;
}

.leader-card:hover {
    background: #fff;
    cursor: pointer;
}
.leadership-grid .leader-card:hover  .leader-info { background: #DCE5EC; }
.leader-info:hover .view-bio svg {
    display: inline-block;
}

.leader-card:hover .view-bio svg {
    opacity: 1;
    width: 20px;
    height: 20px;
    max-height: max-content;
    margin-left: 5px;
}

.bio-left .imgpopup {
        background: #fff; border: 1px solid #EAEAEA;
    border-radius: 20px; overflow:hidden;
}

.linkd a:hover {
    background: #0358A3;
    color: #fff;
}

.linkd a:hover svg path {
    fill: #fff;
}
.linkd a {
    padding: 20px;
    justify-content: space-between;
    align-items: center;
    background: #DCE5EC;
    border-radius: 10px;
    border: 1px solid #0358A3;
    display: flex;
}

.linkd {
    margin-top: 20px;
}

.close-btn svg {
    width: 30px;
    height: 30px;
}

.close-btn:hover {
    background: #EAEAEA;
}

.bio-right {
    padding-bottom: 0;
}

div#bioText {
    padding-bottom: 175px;
}

.bio-popup {
    position: fixed;
    top: 0;
    right: -100%; /* hidden to right initially */
    width: 100%;
    height: 100%;
    background: transparent;
    display: flex;
    align-items: stretch; /* drawer fills full height */
    justify-content: flex-end;
    transition: right 0.4s ease, background 0.3s ease;
    z-index: 1000;
    overflow: hidden; /* prevent background scroll inside popup container */
}
.popup-open #page:after { content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(10, 10, 10, 0.6); z-index: 9; }
body.popup-open {
  overflow: hidden;
}

/*Location Page css*/
 section.pageContent {
    padding-top: 80px;
}

.pageContent .container {
    max-width: 1170px;
    margin: 0 auto;
}

.pageContent p {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    color: #595959;
}

section.locations-section {

    padding: 100px 0;
        padding-top: 80px;
}

.locations-section__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.location-card__content {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding-bottom: 20px;
    transition: all 0.4s ease;
    gap: 10px;
    position: relative;
    z-index: 9;
    padding-bottom: 40px;
}

.location-card__content svg {
    transition: all 0.4s ease;
    max-height: 0;
    opacity: 0;
    width: 0;
}

.location-card:hover  .location-card__content svg {
    opacity: 1;
   width: 12.19px;
height: 16px;
    max-height: max-content;
    margin-left: 5px;
}

.locationLink {
    min-width: 100px;
    display: flex;
    transition: all 0.4s ease;
    align-items: baseline;
}

.location-card__directions {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    color: #0358A3;
}


.location-card:hover .locationLink {
    min-width: 120px;
}
.location-card a {
    position: relative;
    z-index: 9;
    display: block;
}
.location-card {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #EAEAEA;
    position: relative;
}

.location-card h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    color: #09003E;
    margin: 0;
}

.location-card  .location-card__details {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    max-width: 80%;
}

.location-card a:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(9, 0, 62, 0.3) 0%, rgba(9, 0, 62, 0.3) 100%);
    opacity: 0;   transition: all 0.4s ease;
}

.location-card a:hover:after {
    opacity: 1; 
}



.location-card:hover .location-card__content {
    background: #DCE5EC;
}
.talktoen .common-hero h1 {
    max-width: 900px;
    margin: 0 auto;
}
/*Breadcrumbs Css*/
.breadcrumbs ul {padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    gap: 10px;
    padding: 15px 0;
}

.breadcrumbs ul li:after {content: '/'; padding-left: 10px;  color: #595959;}
.breadcrumbs ul li:last-child:after { display: none;}
.breadcrumbs ul li, .breadcrumbs ul li a {font-size: 14px;  color: #595959;     text-transform: capitalize;}
.breadcrumbs ul li { color: #0257A3; }

/*About Page css*/
.Nitinol-lp.about-lp .nitinol-page-description { padding: 50px 0;}
.Nitinol-lp.about-lp  .nitinol-page-description p { margin-bottom: 25px;}
.Nitinol-lp.about-lp  .sub-pages-section__image {background: linear-gradient(0deg, #0257A3 0%, #09003E 100%);}
.Nitinol-lp.about-lp  .sub-pages-section__text h3 { font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px;  margin-top: 20px;}
.about-features {
    padding-top: 60px;
    padding-bottom: 120px;
    text-align: center;
}


.features__content {
    padding-bottom: 50px;
    max-width: 918px;
    margin: 0 auto;
}

.features__content p {
    margin: 0;
}

h2.features__heading {
    margin-bottom: 50px;
}

.features__list_row {
    justify-items: center;
    max-width: 1150px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 70px;
    justify-content: center;
}

.features__list_row img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}

.features__list_row  h3.feature__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    color: #09003E;
    margin-top: 50px;
}
.about-capabilities {border-bottom: 1px solid #D9D9D9;  padding: 100px 0;     border-top: 1px solid #D9D9D9;}

.about-capabilities h2.capabilities__heading {
    margin-bottom: 20px;
}

.capabilities__intro p {
    margin-bottom: 0;
}

.capabilities__intro {
    padding-bottom: 50px;
}

.capabilities__list {
  gap: 40px;
  align-items: stretch;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  }

.capabilities__image {

    border-radius: 10px;
    text-align: center;
    padding: 0px;
}

.capabilities__image img {
    width: 100%;
    height: 166px;
    object-fit: cover;
    border-radius: 10px;
}
a.capabilitie__button.btn.btn-option-1 { max-width: max-content; margin-top: 20px; }
.feature__item.text-center {  max-width: calc(25% - 70px);  width: calc(25% - 70px); }
.capabilities__item h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
    margin-top: 20px;
    margin-bottom: 5px;
    color: #09003E;
}

.capabilities__item hp {
    margin: 0;
}
.about-lp .nitinol-description p {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    color: #fff;
}

.nitinol-description__content {
    max-width: 907px;
}
.col-md-4.blog-card {
    max-width: 33%;
}
.about-lp .blog-content p.blog-category {
    color: #0257A3;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    text-transform: uppercase;
}

.about-lp .blog-content {
    padding: 20px 30px;
}

.about-lp p.blog-date {
    margin-bottom: 10px;
}

.about-lp h3.blog-title {
    min-height: auto;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}

.about-lp .blog-excerpt {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
    color: #09003E;
}

.about-lp a.read-more {
    color: #0257A3;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-skip-ink: auto;
    margin-bottom: 10px;
}

.about-lp .blog-card-inner {
    border-color: #0257A3;
}
.Nitinol-lp.about-lp  section.blog-section {
    padding: 50px 0;
}
/*Search page css*/
.search-result-item:hover {
    background: #DCE5EC;
    border-radius: 20px;
}
.noresultfoundcon {}

.noresultfound {
    display: flex;
    padding: 40px 0;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.noresultfoundico {
    display: flex;
    width: 80px;
    height: 80px;
    padding: 1px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #DCE5EC;
    border-radius: 40px;
}

.noresultfound h3 {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    color: #09003E;
    margin-bottom: 10px;
}

.noresultfound p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #595959;
    margin: 0;
}
.search-hero {
  background: linear-gradient(135deg, #003c80 0%, #005bb5 100%);
  color: #fff;
  padding: 80px 0;
  text-align: center;
  position: relative;
}

.search-hero-box {
  max-width: 1050px;
  margin: 0 auto;
}

.results-count {
    color: #fff;
    margin-top: 40px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    margin-bottom: 0;
}
.search-result-item {
  border-bottom: 1px solid #EAEAEA;
  padding: 40px 40px; transition: all 0.3s ease;
}
section.herosection.search-hero { background-size: cover; background-repeat: no-repeat; }
.search-result-item:last-child {
  border-bottom: none;
}
.search-result-item a.read-more-link {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.search-result-item {
    position: relative;
}
.result-title {
  color: #09003E;
  margin-bottom: 10px;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
}

.result-title a {
  color: inherit;
  text-decoration: none;
}

.result-excerpt {
  color: #595959;
  margin-bottom: 20px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}

.read-more {
  color: #0358A3;
  text-decoration: none;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 21px;
}

.pagination {
  margin-top: 30px;
  text-align: center;
  width: 100%;
}

.pagination .page-numbers {
  display: inline-block;
  padding: 8px 14px;
  margin: 0 4px;
  background: #f4f4f4;
  color: #09003E;
  border-radius: 4px;
  text-decoration: none;
}

.pagination .page-numbers.current {
  background: #09003E;
  color: #fff;
}




.search-clear {
  display: none; /* Hidden by default */
}

/* Show only when input has value */
.search-form.has-value .search-clear {
  display: flex;
}
/* --- scoped styling for the unique form (use !important to avoid theme overrides) --- */
.search-hero-form-unique {
  display: flex !important;
  align-items: center;
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  overflow: hidden !important;
  position: relative !important;
  padding: 20px;
}

.search-hero-form-unique .search-field {
  flex: 1 !important;
  border: none !important;
  outline: none !important;
  padding: 3px 20px;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  color: #595959;
}

.search-hero-form-unique .search-submit,
.search-hero-form-unique .search-clear {
  background: none !important;
  border: none !important;
  padding: 0;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* default: hide clear button with high specificity */
.search-hero-form-unique .search-clear {
  display: none !important;
}

/* only show when JS adds .has-value to the form */
.search-hero-form-unique.has-value .search-clear {
  display: flex !important;
}

/* small responsive tweak */
@media (max-width:600px){
  .search-hero-form-unique .search-field{font-size:16px !important; padding:10px 12px !important;}
}
button.search-submit svg {
    width: 29.409px;
    height: 29.409px;
}

button.search-clear svg {
    width: 16px;
    height: 16px;
}

section.searchresult {}

.container.search-results-container {
    max-width: 1090px;
    padding: 60px 0;
}

.nav-links {
    display: block;
    align-items: center;
    width: 100%;
}
/*Single Sevice page css*/
.battery-solutions-table__wrapper table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden; /* clips corners */
    text-align: left;
}

/* Table headers */
.battery-solutions-table__wrapper table thead th {
    padding: 12px 20px;
    background: rgba(52, 158, 251, 0.06);
    color: #09003E;
    font-size: 12px;
    font-weight: 600;
    line-height: 130%;
    border-left: 1px solid #0257A3;
    border-right: 1px solid #0257A3;
    border-top: 1px solid #0257A3;
    border-bottom: 1px solid #0257A3;
}

/* Corner header cells */
.battery-solutions-table__wrapper table thead th:first-child {
    border-top-left-radius: 8px;
}
.battery-solutions-table__wrapper table thead th:last-child {
    border-top-right-radius: 8px;
}

/* Table body cells */
.battery-solutions-table__wrapper table tbody td {
    padding: 12px 20px;
    vertical-align: middle;
    color: #09003E;
    font-size: 17px;
    font-weight: 400;
    line-height: 130%;
    border-left: 1px solid #0257A3;
    border-right: 1px solid #0257A3;
    border-bottom: 1px solid #0257A3;
    border-top: 1px solid #0257A3;
    font-variant-numeric: lining-nums proportional-nums;
}

/* Corner body cells */
.battery-solutions-table__wrapper table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}
.battery-solutions-table__wrapper table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

table {font-variant-numeric: lining-nums proportional-nums;}
/* Links inside table */
.battery-solutions-table__wrapper table a {
    color: #0049d0;
    text-decoration: underline;
}

/* Links in body cells */
.battery-solutions-table__wrapper table tbody td a {
    color: #0257A3;
    font-weight: 700;
}


.battery-solutions-table__wrapper table tr:nth-child(even) th, .battery-solutions-table__wrapper table tr:nth-child(even) th {
    border-bottom: none;
}

.battery-solutions-table__wrapper table tbody tr td {
    border-top: none;
}

.battery-solutions-table__wrapper table  tr td, .battery-solutions-table__wrapper table  tr th {
    border-right: none;
}

.battery-solutions-table__wrapper table tr td:last-child, .battery-solutions-table__wrapper table tr th:last-child {
    border-right: 1px solid #0257A3;
}


.applications-section h2 {
    letter-spacing: -0.88px;
    margin: 0;
}

.applications-title {
    padding-bottom: 40px;
}


.applications-section p {
    color: #09003E;
}

.applications-section p strong {
    display: block;
    padding-top: 50px;
    padding-bottom: 10px;
    color: #000;
}
.applications-section .applications-content  p strong  {     padding-top: 0px;   padding-bottom: 0px;}
.applications-section p {
    margin-bottom: 20px;
}

.applications-section  ol, .applications-section  ul {
    padding-left: 15px;
    padding-bottom: 15px;
}

.applications-section ol li, .applications-section ul li {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: #09003E;
    padding-bottom: 5px;
}

.applications-technical-specs {
    padding-top: 40px;
}
.applications-content h2.applications-heading { margin-bottom: 20px; }
.applications-technical-specs h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #09003E;
    padding: 25px 0;
}

.technical-specs-table.table-1 {}

.technical-specs-table table {
    width: 100%;
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
    text-align: left;
}

.applications-section .applications-item {
    padding: 60px 0;
    border-bottom: 5px solid #F5F5F5;
}

.technical-specs-table.table-1 table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
}
.technical-specs-table.table-1 table thead th {
    padding: 25px 20px;
    background: rgba(52, 158, 251, 0.06);
    color: #09003E;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
   
    border-top: 1px solid #0257A3;
    border-bottom: 1px solid #0257A3;
}

/* Corner header cells */
.technical-specs-table.table-1 table thead th:first-child {
    border-top-left-radius: 8px;
}
.technical-specs-table.table-1 table thead th:last-child {
    border-top-right-radius: 8px;
}

/* Table body cells */
.technical-specs-table.table-1 table tbody td {
    padding: 25px 20px;
    vertical-align: middle;
    color: #09003E;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
   
    border-bottom: 1px solid #0257A3;
    border-top: 1px solid #0257A3;
}

/* Corner body cells */
.technical-specs-table.table-1 table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}
.technical-specs-table.table-1 table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}


/* Links inside table */
.technical-specs-table.table-1 table a {
    color: #0049d0;
    text-decoration: underline;
}

/* Links in body cells */
.technical-specs-table.table-1 table tbody td a {
    color: #0257A3;
    font-weight: 700;
}


.technical-specs-table.table-1 table tr:nth-child(even) th, .technical-specs-table.table-1 table tr:nth-child(even) th {
    border-bottom: none;
}

.technical-specs-table.table-1 table tbody tr td {
    border-top: none;
}

.technical-specs-table.table-1 table  tr td, .technical-specs-table.table-1 table  tr th {
    border-right: none;
}

.technical-specs-table.table-1 table tr td:last-child, .technical-specs-table.table-1 table tr th:last-child {
    border-right: 1px solid #0257A3;
}
.technical-specs-table.table-1 table tr td:first-child, .technical-specs-table.table-1 table tr th:first-child {
    border-left: 1px solid #0257A3;
}

.technical-specs-table.table-2 {
    padding-top: 20px;
}

.technical-specs-table.table-2 table tbody tr {
    border-bottom: 1px solid #0257A3;
}

.technical-specs-table.table-2 table tr td, .technical-specs-table.table-2 table tr th {
    padding: 37px 80px;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: #09003E;
}



.technical-specs-table.table-2 thead {
    display: none;
}

.single-service-lp .blog-content p.blog-category {
    color: #0257A3;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    text-transform: uppercase;
}

.single-service-lp .blog-content {
    padding: 20px 30px;
}

.single-service-lp p.blog-date {
    margin-bottom: 10px;
}

.single-service-lp h3.blog-title {
    min-height: auto;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}

.single-service-lp .blog-excerpt {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
    color: #09003E;
}

.single-service-lp a.read-more {
    color: #0257A3;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-skip-ink: auto;
    margin-bottom: 10px;
}
.single-service-lp .hero-content {
    max-width: 690px;
    margin: 0 auto;
}
.single-service-lp.Nitinol-lp section.hero-section { min-height: 740px; }
.single-service-lp .blog-card-inner {
    border-color: #0257A3;
}
.main.Nitinol-lp.single-capabilitie-lp section.blog-section ,  .Nitinol-lp.single-service-lp section.blog-section { padding: 50px 0; }
.battery-solutions-table {border-bottom: 5px solid #F5F5F5; padding: 60px 0;}
.battery-solutions-table h2 {letter-spacing: -0.88px;color: #09003E; margin-bottom: 0px;}
.battery-solutions-table  .battery-solutions-table__subheading {font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; padding: 25px 0; color: #000;}
.battery-solutions-table__wrapper {padding-top: 20px;}


/*Single pabilities Page*/

.capabilities-sub-pages-section  .sub-pages-section__text {
    padding: 0;
}


.capabilities-sub-pages-section  .row.sub-pages-section__row {
    gap: 100px;
    border-bottom: navajowhite;
}

.capabilities-sub-pages-section  .row.sub-pages-section__row .col-md-6 {
    padding: 0 !important;
    width: auto !important;
    flex: 1;
}


.single-capabilitie-lp .hero-content { max-width: 690px;    margin: 0 auto;}
.single-capabilitie-lp.Nitinol-lp section.hero-section { min-height: 740px; }
.capabilities-sub-pages-section .capabilitie-sub-pages-section {
    border-bottom: 1px solid #D9D9D9;
    padding: 100px 0;
}


section.package-section {
    padding: 100px 0;
    background: linear-gradient(0deg, rgba(52, 158, 251, 0.05) 0%, rgba(52, 158, 251, 0.05) 100%), #FFF;
}



.package-items {
   display: flex;
    gap: 15px; /* space between columns */
    flex-wrap: wrap; /* allows wrapping on smaller screens */
}
.package-item {
   flex: 1 1 calc((100% - 30px) / 3); /* 3 columns with 15px gap */
    box-sizing: border-box; /* include padding and border in width */
    border-radius: 15px;
    border: 1px solid #0257A3;
    background: #FFF;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px;
}
.package-items p {
    padding: 0;
    margin: 0;
    color: #09003E;
    font-variant-numeric: lining-nums proportional-nums; /* body-copy-3 */
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 129.412% */
}

.package-items h2 {
    margin: 0;
    padding: 0;
    color: #F58320;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 20px;
    border-bottom: 1px solid #F58320;
    display: block;
}

.package-item.box-green h2 {
    color: #19A489;
    border-color: #19A489;
}

.package-item.box-light-blue h2 {
    color: #0257A3;
    border-color: #0257A3;
}


/*Knowldge Center CSS*/
.knowledge-center-lp .hero-section h1 {
    font-size: 130px;
    font-style: normal;
    font-weight: 900;
    line-height: 84%;
}

.knowledge-center-lp .hero-subheading p {
    font-size: 30px;
}

.knowledge-center-lp .hero-content.mx-auto {
    max-width: 814px;
}
.posts-grid {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  }

.post-card {
    border: 2.32px solid #09003E;
    border-radius: 5px;
    padding: 20px 30px;
    height: 100%;
}

div#post-filters {}

div#post-filters {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    margin-bottom: 25px;
}
.post-card:hover { background: #F5FAFF; }
div#post-filters button {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    padding: 10px 15px;
    background: transparent;
    border: none;
    border-bottom: 3px solid #fff;
    color: #595959;
}

div#post-filters button:hover, div#post-filters button.active {
    color: #0257A3;
    border-color: #0257A3;
}

.post-thumb {
    margin: -20px -30px;
    margin-bottom: 20px;
}

.post-card h4 {
    color: #0257A3;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    text-transform: uppercase;
}

.post-card  p.date {
    overflow: hidden;
    font-variant-numeric: lining-nums proportional-nums;
    text-overflow: ellipsis;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
}

.post-card h3 {
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    color: #09003E;
    min-height: 78px;
}

.post-card  p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 10px;
    color: #09003E;
}

.post-card  a {
    color: #0257A3;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-skip-ink: auto;
    margin-bottom: 10px;
}

.col-md-4.blog-card  .post-card img {
    height: 224px;
    border-radius: 0;
}

div#post-pagination {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    padding-top: 25px;
        font-variant-numeric: lining-nums proportional-nums;
}

section.pagep-kc {
    padding-bottom: 60px;
}

#post-pagination a, #post-pagination .current {
    border: 1px solid rgba(2, 87, 163, 0.10);
    color: #fff;
    display: flex;
    width: 25px;
    height: 25px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #0257A3;
    border-radius: 3px;
}



#post-pagination a:hover, #post-pagination .current:hover,  #post-pagination .current {
    color: #0257A3;
    background: transparent;
    border-color: #0257A3;
}
.featured-blog-section {
    padding-top: 50px;
    padding-bottom: 50px;
}



.featured-blog-section h2 {
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 20px;
    padding: 0;
}

.featured-blog-section .featured-meta {
    font-variant-numeric: lining-nums proportional-nums;
    text-overflow: ellipsis;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #0257A3;
}

.featured-blog-section  h3 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
    padding: 0;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.inr-featured-blog {
    padding-right: 100px;
}


.inr-featured-blog p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color:#09003E;
    margin-bottom: 16px;
}
.viewsummery a { color: #0257A3; font-weight: bold; }
.inr-featured-blog a.blog-btn-read-more {
    color: #0257A3;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-skip-ink: auto;
    margin-bottom: 10px;';
}
a.featured-blog-image-link {
    display: block;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
}

a.featured-blog-image-link:after {
    content: '';
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    position: absolute;
    background: linear-gradient(0deg, rgba(9, 0, 62, 0.3) 0%, rgba(9, 0, 62, 0.3) 100%);
    opacity: 0;
    z-index: 9;
    transition: opacity 0.4s 
ease-in-out;
}

a.featured-blog-image-link:hover:after {
    opacity: 1;
}
#post-filters:after { content: '';  display: block;  height: 1px; width: 100%; background: #ECECEC;   position: absolute;   bottom: 0;}
#post-filters { position: relative;}
.featured-blog-section img.img-fluid {
    width: 100%; border-radius: 15px;
}
.post-thumb {
    position: relative;
    overflow: hidden;
}

.post-thumb:after {
    content: '';
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    position: absolute;
    background: linear-gradient(0deg, rgba(9, 0, 62, 0.3) 0%, rgba(9, 0, 62, 0.3) 100%);
    opacity: 0;
    z-index: 9;
    transition: opacity 0.4s ease-in-out;
}

.post-card:hover .post-thumb:after {
    opacity: 1;
}
.post-card.color-green h4 {color: #19A489;}
.post-card.color-green p.date {color: #19A489;}
.post-card.color-green { border-color: #19A489;}

.post-card.color-orange h4 {color: #F58320;}
.post-card.color-orange p.date {color: #F58320;}
.post-card.color-orange { border-color: #F58320;}


.post-card.color-blue h4 {color: #349EFB;}
.post-card.color-blue p.date {color: #349EFB;}
.post-card.color-blue { border-color: #349EFB;}


.post-card.color-light-blue h4 {color: #09003E;}
.post-card.color-light-blue p.date {color: #09003E;}
.post-card.color-light-blue { border-color: #09003E;}


.post-card.color-dark-blue h4 {color: #0257A3;}
.post-card.color-dark-blue p.date {color: #0257A3;}
.post-card.color-dark-blue { border-color: #0257A3;}


.post-card.color-indigo h4 {color: #3F1FFF;}
.post-card.color-indigo p.date {color: #3F1FFF;}
.post-card.color-indigo { border-color: #3F1FFF;}


/*homepage blog section*/
.blog-card-inner.color-green h3 {color: #19A489;}
.blog-card-inner.color-green .blog-category {color: #19A489;}
.blog-card-inner.color-green { border-color: #19A489;}

.blog-card-inner.color-orange h3 {color: #F58320;}
.blog-card-inner.color-orange .blog-category {color: #F58320;}
.blog-card-inner.color-orange { border-color: #F58320;}


.blog-card-inner.color-blue h3 {color: #349EFB;}
.blog-card-inner.color-blue .blog-category {color: #349EFB;}
.blog-card-inner.color-blue { border-color: #349EFB;}


.blog-card-inner.color-light-blue h3 {color: #09003E;}
.blog-card-inner.color-light-blue .blog-category {color: #09003E;}
.blog-card-inner.color-light-blue { border-color: #09003E;}


.blog-card-inner.color-light-blue2 h3 {color: #0257A3;}
.blog-card-inner.color-light-blue2 .blog-category {color: #0257A3;}
.blog-card-inner.color-light-blue2 { border-color: #0257A3;}


.blog-card-inner.color-indigo h3 {color: #3F1FFF;}
.blog-card-inner.color-indigo .blog-category {color: #3F1FFF;}
.blog-card-inner.color-indigo { border-color: #3F1FFF;}
.post-content { width: 100%; }

.post-card {position: relative;}
.post-card a.blogurl {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 11111;
}
.single-post-page .hero-section, .knowledge-center-lp .hero-section {min-height: 740px; padding: 70px 0;}
.single-post-page h1, .knowledge-center-lp .hero-section h1 { margin-bottom: 10px;}

/*Single  knowledge-center  pages*/
.post-details .container-sm {
    max-width: 810px;
    padding: 50px 0;
}

.post-details h1.post-title {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #09003E;
    margin-bottom: 0;
}

.post-details .post-meta {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    color: #0257A3;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding: 25px 0;
    border-bottom: 1px solid #09003E;
    text-transform: capitalize;
        font-variant-numeric: lining-nums proportional-nums;
}
.post-content {
    font-variant-numeric: lining-nums proportional-nums;
}
.social-sharing {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    align-self: stretch;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding: 25px 0;
    border-bottom: 1px solid #09003E;
}.post-details .container-sm {
    max-width: 810px;
    padding: 50px 0;
}

.post-details h1.post-title {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #09003E;
    margin-bottom: 0;
}

.post-details  .post-meta {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    color: #0257A3;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding: 25px 0;
    border-bottom: 1px solid #09003E;
}
.post-details .container-sm {
    max-width: 810px;
    padding: 50px 0;
}

.post-details h1.post-title {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #09003E;
    margin-bottom: 0;
}

.post-details  .post-meta {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    color: #0257A3;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding: 25px 0;
    border-bottom: 1px solid #09003E;
}


.post-details { border-bottom: 1px solid #D9D9D9; }

.content-section .viewsummery {
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    line-height: 32px;
    color: #09003E;
    padding: 20px 0;
}

.content-section {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    color: #09003E;
}
.post-newsletter {
    background: #09003E;
    color: #fff;
    padding: 50px 0;
}

.post-newsletter h2 {
    color: #fff;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.post-newsletter .row {
    justify-content: center;
    align-items: center;
    gap: 50px;
    margin: 0;
}

.post-newsletter .col-md-6 {
    align-items: flex-start;
    flex: 1 0 0;
    padding: 0;
}

.related-posts {
    padding: 50px 0;
}

.related-posts h2 {
    padding-bottom: 50px;
    margin: 0;
    line-height: normal;
    text-transform: capitalize;
}
.single-whitepapers-page .post-details-row {
    display: flex;
    align-items: flex-start;
    gap: 45px;
    align-self: stretch;
    padding: 50px 0;
}
.post-details-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    flex: 1 0 0;
}
.viewsummery h2 {
    font-size: 20px;
}

.viewsummery h3, .viewsummery h4 {
    font-size: 20px;
}
.gated-resource {
    display: flex;
    width: 500px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.gated-resources-form {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border: 1px solid #E2E2E2;
    colors:#E2E2E2;
}

.gated-resources-form h4 {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}

.gated-resources-form input {
    display: flex;
    padding: 13px 10px;
    align-items: center;
    gap: 5px;
    align-self: stretch;
    border-radius: 5px;
    border: 1px solid #0257A3;
    width: 100%;
}

.gated-resources-form fieldset.form-columns-2 {
    display: block!important;
}

.gated-resources-form fieldset.form-columns-2 .hs-form-field {
    width: 100%!important;
    float: none;
}

.gated-resources-form .hs_submit.hs-submit {
    margin-top: 15px;
}

.gated-resource .hs_recaptcha.hs-recaptcha.field.hs-form-field {margin-top: 15px;}
.gated-resource .hs_submit.hs-submit input.hs-button.primary.large { display: flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    border: 1px solid #09003E;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    color: #09003E;
    background: #fff;
}
.gated-resource .hs_submit.hs-submit input.hs-button.primary.large:hover { color: #fff; background: #09003E;}

.gated-resource ul.no-list.hs-error-msgs.inputs-list {
    list-style: none;
    padding-top: 10px!important;
    margin-bottom: 0;
}
.submitted-message a {
    display: flex;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    border: 1px solid #09003E;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    color: #fff;
    background: #09003E;
}

.submitted-message a:hover {
    background: #fff;
    color: #09003E;
}
.submitted-message p {
    padding-top: 10px;
}

.form-newsletter input {
    display: flex;
    height: 44px;
    padding: 10px 15px;
    align-items: center;
    gap: 5px;
    align-self: stretch;
    border-radius: 5px;
    border: 1.3px solid #FFF;
    background: transparent!important;
    color: #fff;
    width: 100%;
}
.form-newsletter label {
    display: none;
}
.form-newsletter fieldset.form-columns-2, .form-newsletter fieldset.form-columns-1 { margin-bottom: 15px;     max-width: 100%;}
.form-newsletter {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.form-newsletter .hbspt-form {
    width: 100%;
}
.form-newsletter .hs_submit.hs-submit input {  display: flex;
    height: 45px;
    padding: 10px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #FFF!important;
    color: #09003E;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    max-width: max-content;
}



.form-newsletter .hs_submit.hs-submit {margin-top: 10px;}
.form-newsletter .hs_submit.hs-submit input:hover { color: #fff;  background: transparent!important;}
/*Page 404*/
.page-404-custom {
    background: #EAEAEA;
    padding: 0;
    margin: 0;
    padding: 80px 0;
}

.page-404-custom .container-sm {
    margin: 0 auto;
    text-align: center;
    display: flex;
    max-width: 1170px;
    padding: 80px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    background: #FFF;
    border-radius: 10px;
}

.page-404-custom h1 {
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 62.5px;
    color: #09003E;
    padding: 40px 0;
    margin: 0;
}

.page-404-custom p {font-size: 15px;font-style: normal;font-weight: 400;line-height: 21px;color: #595959;max-width: 500px;margin: 0;}

.page-404-custom .subheadingpage {
    padding-bottom: 40px;
}
.page-404-custom p a { font-weight: bold; color: #0358A3; }
.post-header { width: 100%; }


/*event list css*/
.events-lp .col-md-3.blog-card {
    flex: 1 1 calc(25% - 20px) !important;
    width: 25%;
    padding: 0;
    max-width: 25%;
}

.events-lp .pagep-event-list h3 {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    margin: 0;
    padding-bottom: 20px;
}

.events-lp .featured-blog-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.events-lp .featured-meta-location {
    color: #0257A3;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-variant-numeric: lining-nums proportional-nums;
    min-height: 50px;
    margin-bottom: 16px;
    margin-top: 5px;
}
.events-lp .featured-meta-date {
    color: #0257A3;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* min-height: 89px; */
}

.events-lp .featured-meta-date svg {fill: #fff;}

.events-lp h3.featured-blog-title {
    overflow: hidden;
    color: #09003E;
    text-overflow: ellipsis;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
    margin-bottom: 16px;
    padding: 0;
}

.events-lp span.event-type {
    overflow: hidden;
    color: #0257A3;
    font-variant-numeric: lining-nums proportional-nums;
    text-overflow: ellipsis;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.events-lp .post-thumb img {width: 100%;object-fit: cover; height: 200px;}
.events-lp .pagep-event-list .post-card  h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #09003E;
    align-self: stretch;
    Typography;
    height: auto;
    min-height: auto;
    margin-bottom: 0;
    padding-bottom: 15px;
}

.events-lp .post-card a {font-size: 15px;}
#past-events, #upcoming-events {
    padding-bottom: 50px;
}
#past-events  .post-card {opacity: .5;}
#past-events  .post-thumb:after { display: none; }
.events-lp .post-card h3 { height: auto; min-height: auto; }
.events-lp span.event-type { padding-bottom: 15px; }
.events-lp .related-posts h2 { font-size: 26px; font-style: normal; font-weight: 700; line-height: 48px; padding-bottom: 25px; }
.events-lp .content-section .viewsummery { padding-bottom: 0; }
.single-post-thumb {    margin-bottom: 20px;}
.events-lp .gated-resource {      border-radius: 5px;    background: #F5FAFF;    text-align: center;    padding: 40px;    justify-content: center;    align-items: center;}
.events-lp .related-posts h2 { font-size: 20px; line-height: normal;}
.events-lp .gated-resource h4 {
    margin: 0;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #09003E;     margin-bottom: 20px;
}

.events-lp .gated-resource p {
    padding: 0;
    margin: 0;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: #09003E;     margin-bottom: 20px;
}
.qadocuments {padding: 80px 0;background: #EDF2F5;border-bottom: 1px solid #D9D9D9;}

.qafilter-container { 
    margin-bottom: 30px;
}

.qafilter {
    flex-wrap: wrap;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.filter-btn {font-size: 20px;font-style: normal;font-weight: 700;line-height: 32px;border: none;background: transparent;color: #595959;border-bottom: 2px solid transparent;padding: 10px 15px;}

.filter-btn:hover, .filter-btn.active {
    border-color: #0257A3;
    color: #0257A3;
}

.filterresult.loading {
    opacity: 0.5;
}

.qarow {
      align-items: flex-start;
    align-content: flex-start;
    align-self: stretch;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.qabox {
    display: flex;
    padding: 30px 20px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 5px;
    border: 2.32px solid #0358A3;
    background: #F5FAFF;
    height: 100%;
    position: relative;
}
.qabox a.viewpdflink {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.qabox p.qatag {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    overflow: hidden;
    color: #595959;
    font-variant-numeric: lining-nums proportional-nums;
    text-overflow: ellipsis;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}

.qabox h3 {align-self: stretch;color: #09003E;font-variant-numeric: lining-nums proportional-nums;
/* 20 */font-size: 20px;font-style: normal;font-weight: 700;line-height: 26px;margin: 0;}

.qabox .viewpdf {color: #0257A3;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;text-decoration-line: underline;text-decoration-style: dotted;text-decoration-skip-ink: auto;text-decoration-thickness: 7%; /* 1.26px */text-underline-offset: 20%; /* 3.6px */text-underline-position: from-font;}


.qafilter-container {
}

.qadocuments h2 {
    text-align: center;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    color: #09003E;
    margin-bottom: 30px;
}

.qaboxinr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    flex: 1 0 0;
    align-self: stretch;
}

.qabox:hover {
    border-color: #09003e;
    background: #fff;
}
.single-post-thumb img { height: auto; }
.events-lp .post-details-container .featured-meta-location {
    height: auto;
    min-height: auto;
    margin: 0;
    margin-top: 5px;
}

.events-lp .post-details .post-details-container .post-meta {
    display: block;
}

.events-lp  .post-details .post-details-container .post-meta {
    padding: 20px 0;
}

.events-lp .post-details-container .social-sharing {
    padding: 20px 0;
}

.events-lp .post-details-container .content-section .viewsummery {
    padding-top: 0;
}

.events-lp .post-details .post-details-container .post-meta {
    font-size: 17px;
    line-height: normal;
}
.intro-text-block .no-image-box ul, .intro-text-block .no-image-box ol {margin-top: 20px;}
.hero-section:before {
    content: '';
    display: block;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 33.52%, #0257A3 96.15%), linear-gradient(0deg, rgba(9, 0, 62, 0.10) 0%, rgba(9, 0, 62, 0.10) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
}

.hero-section {position: relative;}
.hero-section .container { z-index: 9;}
.applications-section ul ul , .applications-section ul ol { padding-bottom: 0!important; }
.applications-section ul ul li:last-child, .applications-section ul ol li:last-child {padding:0;margin: 0!important;}




.headersearch {
    display: flex;
    position: relative;
    border: 1px solid #0257a3;
    border-radius: 5px;
    padding-left: 20px;
    background: #fff;
    align-items: center;
    padding-right: 5px;

}

.headersearch input.search-submit {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    border: none;
    width: 12px;
    height: 12px;
    transition: all 0.3s ease;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0;
    background-color: transparent;
 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M11.7158 10.1828L8.95695 7.4237C9.4257 6.67743 9.69776 5.79538 9.69776 4.84878C9.69776 2.17072 7.52674 0 4.84878 0C2.17082 0 0 2.17072 0 4.84878C0 7.52694 2.17072 9.69746 4.84878 9.69746C5.87893 9.69746 6.83311 9.37539 7.61827 8.82814L10.3443 11.5544C10.5337 11.7436 10.7821 11.8379 11.0301 11.8379C11.2784 11.8379 11.5264 11.7436 11.7161 11.5544C12.0947 11.1754 12.0947 10.5616 11.7158 10.1828ZM4.84878 8.12652C3.03872 8.12652 1.57124 6.65914 1.57124 4.84898C1.57124 3.03882 3.03872 1.57134 4.84878 1.57134C6.65894 1.57134 8.12632 3.03882 8.12632 4.84898C8.12632 6.65914 6.65894 8.12652 4.84878 8.12652Z' fill='%2309003E'/></svg>");

    border-radius: 0;
    padding-right: 10px;
}

.headersearch input.search-field {
    background: transparent;
    border: none;
    padding-left: 3px;
    font-size: 14px;
    height: 30px;
    max-width: 160px;
}



nav#top-navigation {
    display: flex;
    align-items: center; padding-right: 10px;
}

.headersearch svg.close-icon {
    width: 12px;
    height: 12px;
}
button.search-toggle {     position: absolute;
    top: 9px; }
    .headersearch {
    display: flex;
    align-items: center;
    max-width: 70px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    transition:
        max-width 1.1s cubic-bezier(0.16, 1, 0.3, 1),
        opacity 0.4s ease,
        padding 0.35s ease 0.15s; /* delayed padding */
           padding-left: 27px;
    padding-right: 5px;

}

.headersearch.active {
    max-width: 360px;
    opacity: 1;
 
}

.search-toggle.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;

    transition: opacity 0.2s ease;
}

.headersearch input.search-field {
    outline: none;
}

.middlefooter ul li:first-child {
    font-size: 15px;
    line-height: 20px;
}

.middlefooter ul li:first-child a {
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    opacity: 0.9;
}
.main.Nitinol-lp  section.footer-hero {
    height: auto!important;
    min-height: auto!important;
    padding: 120px 0;
margin-bottom: 10px;
}

/*=============================================================================================================*/

/* Mobile All pages Styles */
@media (max-width: 767px) {
.main.Nitinol-lp  section.footer-hero {
    height: auto!important;
    min-height: auto!important;
    padding: 70px 0;
}

    .headersearch {
    max-width: 300px;
    opacity: 1;
    padding-left: 27px;
    padding-right: 10px;
    margin-left: 12px;
}
form.search-form { width: 100%; display: block; }
    h2 {
    font-size: 23.523px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.2;
}
.feature__item.text-center { max-width: 100%; width: 100%; }
p {
    font-size: 14px;
    font-style: normal !important;
    font-weight: 400;
    line-height: normal;
}
    .parallax-section {
        position: relative !important;
        height: auto !important;
        min-height: 70vh !important;
        padding: 60px 0 !important;
    }
    
    .parallax-section .video-bg {
        width: 100% !important;
        height: 100% !important;
    }
    
    .pin-spacer {
        height: auto !important;
        min-height: auto !important;
    }
    .parallax-section .video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
video.video-bg {
    opacity: 1 !important;
}

.video-bg-fallback { height: auto !important; }


.mobile-menu-list li.mobilemenub a {
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px;
}

.mobile-menu-list li {
    font-weight: 700;
}
ul#top-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}


.industry-img {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

#top-menu li  a {
    color: #ecf0f1;
    text-decoration: none;
    padding: 12px 15px;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11px;
    line-height: 12px;
}

#top-menu li:last-child a {
    justify-content: flex-start;
}

#top-menu li svg.menu-icon {
    fill: #fff;
}

#top-menu li svg.menu-icon path {
    fill: #fff;
}

.menu-top-header-menu-container:before {
    border-top: 1px solid rgba(255, 255, 255, 0.50);
    content: '';
    display: block;
    margin: 0 15px;
}
button.search-toggle {
    font-size: 11px;
    color: #fff;
    background: transparent;
            margin-top: 12px;
}
.container { padding: 0 20px; margin: 0; }

.topfooter .col-md-6 {
    padding: 0;
    margin: 0;
}

.topfooter .row.align-items-center {
    margin: 0;
    padding: 0;
    justify-content: space-between;
}

.middlefooter ul li {
    padding-top: 0;
    padding-bottom: 10px;
}

.footer-menu-col {
    margin-bottom: 30px;
}
.Nitinol-lp .hero-section h1 {
    font-size:  23.523px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.2;
    text-align: left;
    text-align: center;
    margin-bottom: 15px;
}

.hero-subheading p {
    font-size: 14px;
    font-style: normal !important;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    padding-bottom: 15px;
}

.Nitinol-lp .hero-buttons {
    display: block;
}

.Nitinol-lp .hero-buttons { margin-top: 0 !important; padding: 0; }

.Nitinol-lp .hero-buttons a.btn.btn-option-3.me-2 {
    margin-bottom: 15px;
}
.hero-subheading {
    margin-top: 0!important;
}

a.btn {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.766px;
}
.hero-buttons a.btn {
    display: block;
    max-width: fit-content;
    text-align: center;
    clear: both;
    margin: 0 auto !important;
    margin-top: 15px !important;
}

.Nitinol-lp section.hero-section {
    height: auto!important;
}

section.nitinol-description {
    padding: 20px 0;
}

.nitinol-description h2 {
        font-size: 23.523px;
        font-style: normal;
        font-weight: 900;
        line-height: 1.2;
        margin-bottom: 15px;
        color: #fff;

}

.nitinol-description p {
    font-size: 14px;
    line-height: 1.5;
}

section.nitinol-sub-pages {
    padding: 20px 0;
}

section.nitinol-sub-pages h2 {
    font-size: 30px;
    line-height: 1.2;
      font-size: 23.523px;
        margin-bottom: 15px;
}

section.nitinol-sub-pages .nitinol-sub-pages__text {
    font-size: 14px;
    line-height: 1.5;
        margin-bottom: 10px;
}

.nitinol-sub-pages__list.row {
            display: flex;
        gap: 20px;
}
.nitinol-sub-pages__item h3 {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.766px;
    padding: 5px 0;
}
.nitinol-sub-pages__list.row .col-md-3 {
    width: calc(50% - 10px);
    margin-top: 0;
}
section.resonetics-nitinol-info {
    padding: 50px 0;
}

section.resonetics-nitinol-info h2 {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.resonetics-nitinol-info__content a {
    text-align: center;
    margin: 0 auto;
    display: block;
    max-width: fit-content;
}
section.resonetics-nitinol-info ul, section.resonetics-nitinol-info p {
    font-size: 14px;
    line-height: 1.5;
}

.Nitinol-lp section.blog-section {
    padding: 20px 0;
}

.Nitinol-lp section.blog-section h2 {
  font-size: 20px; font-style: normal; font-weight: 900; line-height: 1.2; margin-bottom: 15px;
}

section.footer-hero {
    padding: 20px 0;
    height: auto!important;
    min-height: 330px;

}

.footer-hero h2 {
 font-size: 20px; font-style: normal; font-weight: 900; line-height: 1.2; margin-bottom: 15px;
}
section.resonetics-nitinol-info p {
    margin-bottom: 10px; }
.sub-pages-section__text {
    padding: 20px 15px;
}

.sub-pages-section .flex-row-reverse {
    flex-direction: initial!important;
}



.sub-pages-section__text h3 {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.sub-pages-section__text p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}
a.sub-pages-section__button.btn {
    margin-top: 10px;
}
.intro-text-block { padding: 50px 0; }
.intro-text-block__buttons a.btn.btn-primary { margin-bottom: 10px; }
.intro-text-block .row.align-items-center {
    display: block;
}

.intro-text-block  h2 { margin-top: 20px;  font-size: 20px; font-style: normal; font-weight: 700;    line-height: normal;}
.intro-text-block p {  font-size: 12px; line-height: 1.5; color: #09003E;}
.intro-text-block ul li, .intro-text-block ol li { font-size: 12px;initial-letter: 1.5;  padding-bottom: 2px; line-height: 18px;}
section.sub-pages-section {
    padding: 50px 0;
}
.blog-content p.blog-category {
    font-size: 20px;
}

p.blog-date {
    font-size: 12px;
    margin-bottom: 5px;
}

h3.blog-title {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

img {
    max-width: 100%;
}
a.blog-section__button {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.766px;
    margin-top: 10px;
}
/*Contact us Mobile*/
.common-hero h1 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
}

section.common-hero {
    height: auto;
    min-height: 400px;
}


.common-hero  .hero-buttons a.btn {
    margin-top: 15px!important;
}

.common-hero  .hero-subheading p {
    padding-bottom: 10px;
}


section.page-content {
    padding: 40px 0;
}

.page-content__wrapper p {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
}

section.contact-card-section {
    padding: 40px 0;
}

 .contact-card-section__wrapper {
    gap: 30px 20px; 
    justify-content: left;
flex-wrap: wrap;
  }

.contact-card {
    flex: 0 0 calc(50% - 10px); /* two columns */
  }

.contact-card h4 {font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 21px;}

/*talk-to-an-engineer-about-a-new-project mobile*/
.common-section-content .sm-container-new {
    padding: 0 15px;
    margin: 0;
}
div#meeting-scheduler {margin: 60px 0;}
.hubspot-form-wrapper fieldset { margin-bottom: 0!important;}
label#label-why_are_you_contacting_us-8f94d3ce-7e53-40d6-88f6-bbec72f0eb78 {display: none;}
ul.inputs-list {margin: 0; padding: 0;}
.common-hero.heropage .hero-subheading { margin-top: 20px !important; }
section.common-section-content { padding: 40px 0; }
.common-section-content hr { margin: 20px 0; }
.hubspotForm .hero-subheading { margin-bottom: 20px; }

/*campaigns page css mobile*/
.campaigns-lp .common-hero {
    padding: 80px 0;
}

.campaigns-lp .common-hero .hero-section__subheading p {
    padding: 0;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.campaigns-lp .common-hero h1 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
}

.campaigns-lp .hero-section__buttons {flex-wrap: wrap;}
.r-events-video {
  padding: 100px 0;
}

.rev-container {
  position: relative;
  padding-top: 56.25%;
}
.rev-container iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.r-events-video .container {
    max-width: 1200px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
    border-radius: 20px;
    object-fit: inherit;
}
section.intro-section {
    padding: 40px 0;
}
.intro-section p { font-size: 15px; font-style: normal; font-weight: 400; line-height: 21px; }
section.r-events-video { padding: 40px 0; }
.intro-section__image {
    padding: 40px 0;
}

.why-resonetics {
    padding: 60px 0;
}

.why-resonetics h2 {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 40px;
}

.why-resonetics__edge-list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.why-resonetics h3 {
    margin-bottom: 0;
}

.campaigns-lp .region-selector-for-booking-a-meet {
    padding: 60px 0;
}

.campaigns-lp .region-selector-for-booking-a-meet h2 {
    font-size: 36px;
    line-height: 38px;
}

.campaigns-lp .region-selector-for-booking-a-meet .hero-subheading {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 35px;
}
/*leadership page css mobile*/
section.leadership-panel {
    padding: 60px 0;
}

.leadership-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.leader-info {
    padding-bottom: 20px;
}

.bio-content {
    flex-wrap: wrap;
    gap: 20px;
}



.bio-right h2 {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 20px;
}

.bio-right h4 {
    margin-bottom: 20px;
}

.bio-right p {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

div#bioText {
    padding-bottom: 0;
}

.leader-photo {
    height: auto;
}

.leader-info {
    padding-bottom: 20px;
}
.btnl {
    min-width: 100px;
    text-align: right;
}


/*Location Page css mobile*/
section.pageContent {
    padding-top: 40px;
}

section.pageContent p {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

section.locations-section {

    padding: 40px 0;
     padding-top: 40px;
}

section.pageContent p {
    padding: 0;
    margin: 0;
}

.locations-section__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.hubspot-form-wrapper fieldset.form-columns-2 {
    display: block;
}
.field.hs-form-field {
    margin-bottom: 30px!important;
}

.hubspot-form-wrapper input {
    width: 100%!important;
}
.intro-text-block .no-image-box ul{
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    }
.nitinol-page-description h2.page-description__title {
    font-size: 23.523px;
    font-style: normal;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 15px;
}

.nitinol-page-description p {
    font-size: 14px;
    font-style: normal !important;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    padding-bottom: 15px;
}

.nitinol-page-description {
    padding: 40px 0;
}

/*search page mobile css*/
.container.search-results-container {
    padding: 40px 20px;
}

.search-result-item {
    padding: 20px;
}

.result-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.result-excerpt {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 10px;
}

p.results-count {
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
}

.search-hero-form-unique .search-field {
    padding: 0!important;
}

.search-hero {
    padding: 60px 0;
}
.noresultfound {
    padding: 20px;
    display: block;
}

.noresultfound h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-top: 20px;
}

.noresultfound p {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

/*About page Css*/
section.about-features {
    padding: 20px 0;
}

.features__list_row {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;     max-width: 100%;
}

section.about-capabilities {
    padding: 20px 0;
}

.capabilities__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

section.sub-pages-section {}

section.sub-pages-section {
    padding: 20px 20px;
}

.Nitinol-lp.about-lp .sub-pages-section__text h3 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 0;
}

h2.features__heading {
    margin-bottom: 10px;
    font-size: 20px;
}

.features__content p {
    font-size: 12px;
}

.features__content {
    padding-bottom: 10px;
}

.features__list_row h3.feature__title {
    margin-top: 28px;
    font-size: 12px;
    max-width: 200px;
    margin: 0 auto;
    margin-top: 28px;
}

.features__list_row img {
    width: 100px;
    height: 100px;
}

.about-capabilities h2.capabilities__heading {
    font-size: 20px;
    max-width: 294px;
    margin-bottom: 10px;
}

.capabilities__intro {font-size: 12px;padding-bottom: 10px;}

.capabilities__image img {
    width: 75px;
    height: 75px;
}

.capabilities__item h3 {
    font-size: 10px;
    line-height: 1;
}

.capabilities__content p {
    font-size: 12px;
    margin: 0;
}

.about-lp .nitinol-description p {
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 26.7px;
}

.col-md-4.blog-card {
    max-width: 100%;
}

.Nitinol-lp.about-lp section.blog-section {
    padding: 20px 0;
}

.about-lp h3.blog-title {
    font-size: 18px;
}

.about-lp .blog-excerpt {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 0;
}

.about-lp a.read-more {
    font-size: 12px;
    line-height: 1.2;
}

.about-lp .blog-content p.blog-category {
    font-size: 16px;
    line-height: 1.2;
}

/*Single service and single capabilities mobile css*/

section.package-section {
    padding: 20px 0;
}

.package-items {
    flex-wrap: wrap;
}

.package-item {
    flex: inherit;
}

.battery-solutions-table__wrapper {
    overflow: scroll;
    padding-bottom: 5px;
    padding-top: 0;
}

.technical-specs-table {
    padding-bottom: 5px;
    overflow: scroll;
    padding-top: 0;
}

.single-service-lp.Nitinol-lp section.hero-section {
    min-height: auto;
}

.package-item {
    padding: 15px;
    gap: 10px;
}

.package-items h2 {
    font-size: 22px;
    padding-bottom: 10px;
}

.package-items p {
    font-size: 12px;
    line-height: 1.2;
}

.battery-solutions-table {
    padding: 20px 0;
}

.battery-solutions-table h2 {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.applications-title {
    padding-bottom: 10px;
}

.battery-solutions-table .battery-solutions-table__subheading {
    font-size: 18px;
    padding: 0;
}

.applications-section .applications-item {
    padding: 20px 0;
}

.applications-section h2 {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.applications-section p {
    margin-bottom: 10px;
    font-size: 12px;
}

.applications-section p strong {
    padding-top: 10px;
}

.applications-section ol li, .applications-section ul li {
    font-size: 12px;
    line-height: 1.2;
}

.applications-technical-specs {
    padding-top: 20px;
}

.applications-technical-specs h3 {
    font-size: 18px;
    padding: 0;
    padding-bottom: 10px;
}

.technical-specs-table.table-1 table thead th {
    padding: 12px 12px;
    font-size: 12px;
}

.technical-specs-table.table-1 table tbody td {
    padding: 12px;
    font-size: 12px;
}

.battery-solutions-table__wrapper table tr td, .battery-solutions-table__wrapper table tr th {
    font-size: 12px;
    padding: 12px;
}

.technical-specs-table.table-2 table tr td, .technical-specs-table.table-2 table tr th {
    font-size: 12px;
    padding: 12px;
}

.technical-specs-table.table-2 {}

.technical-specs-table.table-2 {
    padding-top: 0;
}

.sub-pages-section__text {
    padding: 0;
    padding-bottom: 20px;
}

.sub-pages-section__text h3 {}

.sub-pages-section .flex-row-reverse {
    padding-top: 10px;
}

section.footer-hero {
    min-height: auto;
    padding: 70px 0;
}

.Nitinol-lp.single-capabilitie-lp section.blog-section, .Nitinol-lp.single-service-lp section.blog-section {
    padding: 20px 0;
}

.single-capabilitie-lp h3.blog-title, .single-service-lp h3.blog-title {
    font-size: 18px;
}

.single-capabilitie-lp .blog-excerpt, .single-service-lp .blog-excerpt {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 0;
}

.single-capabilitie-lp a.read-more, .single-service-lp a.read-more {
    font-size: 12px;
    line-height: 1.2;
}

.single-capabilitie-lp p.blog-category, .single-service-lp .blog-content p.blog-category {
    font-size: 16px;
    line-height: 1.2;
}

.single-service-lp .blog-content { padding:15px;}
.single-capabilitie-lp.Nitinol-lp section.hero-section {
    min-height: auto;
}

.capabilities-sub-pages-section .capabilitie-sub-pages-section {
    padding: 20px 0;
}

.capabilities-sub-pages-section .row.sub-pages-section__row {
    gap: 10px;
}

.capabilities-sub-pages-section .row.sub-pages-section__row .col-md-6 {
    flex: auto;
}

section.sub-pages-section.capabilities-sub-pages-section {
    padding: 20px 0;
}
/*knowledge-center mobile*/
div#post-filters {
    gap: 7px;
    justify-content: space-between;
}
.knowledge-center-lp .hero-section h1 {
    font-size: 46px;
    font-style: normal;
    font-weight: 900;
    line-height: 84.557%;
}

div#post-filters button {display: flex; padding: 10px 1px; justify-content: center; align-items: center; gap: 10px;
    font-size: 12px; font-style: normal; font-weight: 700; line-height: 19.766px;}
.single-post-page .hero-section, .knowledge-center-lp .hero-section {min-height: 450px;}
.hero-section h1 {font-size: 46px;font-style: normal; font-weight: 900;}
.single-post-page .hero-section .hero-subheading p,  .knowledge-center-lp .hero-section .hero-subheading p { font-size: 12px;}

div#post-filters {
    gap: 7px;
    justify-content: space-between;
    padding-bottom: 0px;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 20px;
}

div#post-filters button {
        display: flex;
        padding: 5px 1px;
        justify-content: center;
        align-items: center;
        gap: 5px;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 19.766px;
}

.single-post-page .hero-section, .knowledge-center-lp .hero-section {
    min-height: 450px;
}
.form-newsletter fieldset.form-columns-2 {
    display: flex; gap: 15px;
}
.form-newsletter .input { margin: 0!important; } .form-newsletter input { width: 100%!important; }
.hero-section h1 {
    font-size: 46px;
    font-style: normal;
    font-weight: 900;
}

.hero-subheading p {
    font-size: 12px;
}

.featured-blog-section h2 {
    margin-bottom: 13px;
}

.inr-featured-blog {
    padding: 0;
    margin-top: 13px;
}

.featured-blog-section .featured-meta {
    font-size: 12px;
    margin-bottom: 5px;
}

.featured-blog-section h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 7px;
}

.inr-featured-blog p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 7px;
}

.inr-featured-blog a.blog-btn-read-more {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

div#post-filters {}

.post-card h4 {
    line-height: normal;
}

.post-card p.date {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.766px;
    margin-bottom: 5px;
}

.post-card h3 {
    line-height: normal;
    min-height: auto;
    margin-bottom: 5px;
}

.post-card p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}

.post-card a {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.766px;
}

.posts-grid {
    display: block;
}

.col-md-4.blog-card {
    padding-bottom: 20px;
}
section.pagep-kc { padding-bottom: 10px; }
section.pagep-kc {
    padding-bottom: 10px;
}

.post-newsletter {
    padding: 20px 0;
}

.post-newsletter h2 {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.post-newsletter .row {
    display: block;
}

.post-newsletter .field.hs-form-field {
    margin-bottom: 0!important;
}
.form-newsletter .hs_submit.hs-submit input {
    font-size: 11.165px;
    font-style: normal;
    font-weight: 700;
    display: flex;
    padding: 6px 25px;
    justify-content: center;
    align-items: center;
    height: auto;
}
.breadcrumbs ul {white-space: nowrap;     /* Keep everything on one line */overflow: hidden;        /* Hide overflow */text-overflow: ellipsis;}

.post-details .container-sm {
    padding: 20px;
}

.post-details h1.post-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.post-details .post-meta {
    padding: 20px 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.766px;
}

.social-sharing {
    padding: 20px 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.post-details-container {
    gap: 0;
}

.content-section .viewsummery {
    margin: 0;
}

.content-section .viewsummery h2 {}

.content-section h2, .content-section h2 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.content-section  p {
    font-size: 12px;
}

.related-posts {
    padding: 20px 0;
}

.related-posts h2 {
    padding-bottom: 20px;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
}
.breadcrumbs ul li:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.post-card {
    padding: 20px;
}

.post-thumb {
    margin: -20px;
    margin-bottom: 20px;
}
.single-whitepapers-page .post-details-row {
    display: block;
}

.gated-resource {
    width: auto;
}

.gated-resources-form .field.hs-form-field {
    margin: 0!important;
}

.gated-resources-form h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.hs_recaptcha.hs-recaptcha.field.hs-form-field {
    margin-top: 20px!important;
}

.page-404-custom {padding: 40px 20px;}
.page-404-custom .container-sm {padding: 40px; gap: 20px;}
.page-404-custom h1 { padding: 20px 0; font-size: 44px; font-style: normal; font-weight: 700; line-height: 44px;}
.page-404-custom .subheadingpage { padding-bottom: 20px;}


/*event mobile css*/
.events-lp .featured-blog-section {padding-top: 40px; padding-bottom: 40px;}
.events-lp  .row.align-items-center .col-md-6 {padding: 0; margin: 0;}
.events-lp  .row.align-items-center { padding: 0!important; margin: 0!important; display: block;}
.events-lp span.event-type {padding-bottom: 5px;}
.events-lp h3.featured-blog-title { font-size: 20px; margin-bottom: 10px;}
.events-lp .featured-meta-date { font-size: 12px;}
.events-lp .featured-meta-location { font-size: 12px;  min-height: auto;   margin-bottom: 10px;}
.events-lp .col-md-3.blog-card {  width: 100%;    max-width: 100%;    margin-bottom: 20px;}
.events-lp .pagep-event-list h3 {    font-size: 20px; line-height: normal; padding-bottom: 25px;}
#past-events, #upcoming-events { padding-bottom: 40px;}
.single-post-thumb { margin-bottom: 20px; }
.events-lp.single-whitepapers-page .post-details-row {    padding: 20px 0;}
.events-lp .gated-resource h4 {margin: 0;}
.events-lp .gated-resource p { margin: 0;}
.events-lp .gated-resource { gap: 10px;}

.qadocuments h2 {
    margin-bottom: 10px;
    font-size: 20px;
}

section.qadocuments {
    padding: 20px 0;
}

.filter-btn {
    font-size: 16px;
    line-height: 1.2;
    padding: 10px 0px;
}

.qafilter {
    gap: 10px;
    margin-bottom: 20px;
}

.qabox {
 
    gap: 0;
    padding: 15px;
}
.qarow { grid-template-columns: repeat(2, 1fr); }
.qarow {
    gap: 10px;
}

.qaboxinr {
    gap: 10px;
}

.qabox h3 {
    font-size: 16px;
}

.qabox .viewpdf {
    font-size: 14px;
}
.subpagecon { padding-top: 20px; }
}
@media (max-width: 768px) {
body .highlightmenu>a {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 12px;
    font-weight: 700;
}

}