@import url("../fonts/PierSans/pierSans.css");
@import url("../fonts/RubikOne/rubikone.css");

:root {
  --dark: #000a12;
  --dark-2: #171717;
  --black: #171717;
  --red: #dd2c1c;
  --red-dark: #bd201d;
  --white: #ffffff;
  --muted: #666b72;
  --light: #f5f5f5;
  --line: #d9d9d9;
  --container: 1260px;
  --radius: 0px;
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.12);
  --shades01: #ffffff;
  --shades02: #000000;
  --shades01-rgb: 255, 255, 255;
  --shades02-rgb: 0, 0, 0;
  --red-rgb: 221, 44, 28;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;margin-top:0!important}
body{margin:0;font-family:"Lexend Exa",sans-serif;color:#151515;background:#fff;line-height:1.6;font-size:16px}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
p{margin:0}
input[type="checkbox"]{accent-color:var(--red)}
button,input[type="submit"],input[type="button"],input[type="reset"]{cursor:pointer}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance: textfield;}


/* ********|| BOOTSTRAP FIX START ||******** */
.container{max-width:none;width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto; transition: all 0.3s ease;}
@media (min-width: 576px) {
  :root{--padding:16px}
  .container{max-width:none;width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}
}
@media (min-width: 768px) {
  :root{--padding:calc(calc(var(--viewWidth) - 690px) / 2)}
  .container{max-width:740px}
}
@media (min-width: 992px) {
  :root{--padding:calc(calc(var(--viewWidth) - 960px) / 2)}
  .container{max-width:960px}
}
@media (min-width: 1280px) {
  .container{max-width:75%}
}
@media (min-width: 1620px) {
  .container{max-width:70%}
}

/* ********|| BOOTSTRAP FIX END ||******** */
body.no-scroll{overflow:hidden}
.sr-only,.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:20px;top:20px;width:auto;height:auto;z-index:999;padding:10px 14px;background:#fff;color:#000}
.site-header{position:sticky;top:0;z-index:50;background:var(--dark);border-bottom:1px solid #ffffff0f;padding:28px 0}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:48px}
.brand{height:75px;aspect-ratio:3 / 1;overflow:hidden;flex-grow:0;flex-shrink:0}
.brand img{width:100%;height:100%;object-fit:contain}
.primary-nav{display:flex;align-items:center;gap:30px}
.nav-link{color:#fff;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;padding:32px 0;position:relative;white-space:nowrap}
.nav-link::after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:.2s}
.nav-link:hover::after,.nav-link.is-active::after{transform:scaleX(1)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:13px 22px;border:2px solid transparent;font-weight:900;text-transform:uppercase;letter-spacing:.02em;font-size:13px;line-height:1;background:transparent;cursor:pointer;transition:.2s}
.btn-primary{background:var(--red);color:#fff;border-color:var(--red)}
.btn-primary:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff;transform:translateY(-1px)}
.btn-outline{background:#fff;color:var(--red);border-color:var(--red)}
.btn-outline:hover{background:var(--red);color:#fff}
.btn-small{min-height:36px;padding:9px 16px;font-size:11px}
.header-quote{margin-left:8px;white-space:nowrap}
.quote-count{display:none;min-width:22px;height:22px;border-radius:99px;background:#fff;color:var(--red);align-items:center;justify-content:center;font-size:12px}
.quote-count.has-items{display:inline-flex}
.menu-toggle{display:none;margin-left:auto;background:transparent;border:0;width:44px;height:44px;place-items:center;gap:5px;cursor:pointer}
.menu-toggle span:not(.sr-only){display:block;width:26px;height:2px;background:#fff;margin:5px auto}

/* ========================================================
   SELECT2: DROPDOWN MENU (Attractive Dark UI)
   ======================================================== */
.select2-container--default .select2-dropdown{background-color:#1a1a1a!important;border:1px solid #333!important;border-radius:0!important;box-shadow:0 15px 35px #0009!important;font-family:"PierSans",sans-serif!important}
.select2-container--default .select2-search--dropdown .select2-search__field{background-color:#222!important;border:1px solid #444!important;color:#fff!important;padding:10px 12px!important;border-radius:3px!important;font-family:"PierSans",sans-serif!important;outline:none!important}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{border-color:#666!important}
.select2-container--default .select2-results__option{padding:12px 20px!important;color:#ccc!important;font-size:16px!important;font-weight:500!important;transition:background-color .2s ease,color .2s ease!important}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#333!important;color:#fff!important}
.select2-container--default .select2-results__option--selected{background-color:#c92027!important;color:#fff!important}


/* ********|| HEADER START ||******** */
header{position:sticky;background-color:var(--dark);padding:28px 0;top:0;left:0;right:0;z-index:99}
header .container{display:flex;align-items:center;justify-content:space-between;gap:48px}
header .brand-logo{height:60px;aspect-ratio:3/1;overflow:hidden;flex-grow:0;flex-shrink:0;transition: all 0.3s ease;}
header .brand-logo img{width:100%;height:100%;object-fit:contain}
header .menu-backdrop{position: fixed;z-index: 10;inset: 0;background-color: rgba(var(--red-rgb), 0.2); opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.navigation-menu{padding:0;display:flex;align-items:center;gap:20px;flex:1;justify-content:center;margin:0;list-style:none}
.navigation-menu .menu-item{position:relative; }
.navigation-menu .menu-item .menu-link{color:var(--shades01);text-transform:uppercase;font-size:18px;font-weight:700;font-family:"PierSans",sans-serif;transition:all .3s ease}
.navigation-menu .menu-item .menu-link:hover{color:var(--red)}
.header-actions{flex-grow:0;flex-shrink:0;display:flex}
.header-actions .btn-action{height:54px;display:flex;align-items:center;justify-content:center;background-color:var(--red);padding:0 16px;color:var(--shades01);font-size:16px;letter-spacing:.9px;text-transform:uppercase;font-family:"PierSans",sans-serif;font-weight:700}
.bar-actions{display:none}
.navigation-menu .menu-item .dropdown-menu{position:absolute;top:100%;left:0;transform:translateX(0) translateY(10px);min-width:280px;background-color:var(--red);padding:8px 0;opacity:0;visibility:hidden;transition:all .3s ease;z-index:8;box-shadow:0 12px 24px #00000026}
.navigation-menu .menu-item .dropdown-menu-inner{display:flex;flex-direction:column}
.navigation-menu .menu-item .dropdown-menu-item{display:block;padding:12px 24px;color:var(--shades01);text-transform:uppercase;font-size:14px;font-weight:700;font-family:"PierSans",sans-serif;letter-spacing:.5px;transition:all .3s ease;white-space:nowrap}
/* ********|| HEADER END ||******** */

.home-hero,.page-hero,.dark-section,.site-footer{background-color:var(--dark-2)}
.home-hero{color:#fff;display:flex;align-items:center;position:relative;overflow:hidden;padding:130px 0 85px;border-radius:0 0 0 250px;z-index:2}
.home-copy h1{font-size:104px;color:var(--shades01);margin:0;font-family:"Rubikone",sans-serif;letter-spacing:-2%;text-transform:uppercase;max-width:825px;line-height:1;font-weight:400}
.home-copy h1 span{color:var(--red)}
.home-copy .hero-description{font-size:32px;line-height:1.6;font-weight:700;color:var(--shades01);margin:60px 0 0}
.home-copy .hero-description span{color:var(--red)}
.hero-stats{display:flex;margin-top:60px;align-items:center;gap:28px}
.hero-stats .quality{display:flex;align-items:end;gap:12px;padding:16px;position:relative;border:3px solid var(--shades01);background:linear-gradient(to bottom,#f4d25c 0%,#fbe371 19%,#b46811 100%)}
.hero-stats .quality::after{content:"";position:absolute;left:-13px;bottom:-4px;width:10px;height:50%;background-color:var(--red)}
.hero-stats .quality::before{content:"";position:absolute;left:-13px;bottom:-13px;width:55%;height:10px;background-color:var(--red)}
.hero-stats .quality .quality-warrenty{color:var(--shades02);font-size:100px;color:var(--dark);line-height:1;flex-shrink:1;flex-grow:1;font-weight:700}
.hero-stats .quality .total-warrenty{color:var(--shades02);font-family:"PierSans",sans-serif;flex-shrink:1;flex-grow:1;font-weight:600;font-size:45px;line-height:1;text-transform:uppercase}
.hero-stats strong{display:block;font-size:54px;font-family:"Rubikone",sans-serif;color:var(--red);text-transform:uppercase;line-height:1.2}
.hero-stats span{display:block;margin-top:7px;font-size:20px;font-weight:700;text-transform:uppercase;color:#fff;line-height:1.2}
.hero-stats .stats-item p br{display:none}


.media-section{background:#fafafa;position:relative;padding:375px 0 415px;margin:-250px 0 -305px}
.media-section .rail-bridge{position:absolute;left:-64px;top:194px;height:220px;aspect-ratio:5 / 2;z-index:1;mix-blend-mode:luminosity}
.media-section .rail-bridge img,.media-section .overlay img,.media-section .shape-bridge img{width:100%;height:100%;object-fit:contain}
.media-section .overlay{position:absolute;left:0;right:0;top:0;bottom:0}
.media-section .overlay img{object-fit:cover}
.media-section .video-card{position:relative;overflow:hidden;width:100%;aspect-ratio:9 / 5;cursor:pointer;z-index:2}
.media-section .video-card .video-overlay{position:absolute;inset:0;background:#1116;z-index:2}
.media-section .video-card .play-video{opacity:0;visibility:hidden;transition:.3s ease}
.media-section .video-card.is-paused .play-video{opacity:1;visibility:visible}
.media-section .video-card video{width:100%;height:100%;object-fit:cover;display:block}
.media-section .play-video{position:absolute;top:50%;left:50%;width:135px;height:135px;border-radius:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none;animation:rotateText 9s linear infinite}
.media-section .play-video span{position:absolute;top:0;left:50%;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;transform-origin:0 67.5px;transform:rotate(calc(360deg / var(--total) * var(--i)));font-family:"DM Sans",sans-serif}
@keyframes rotateText {
from{transform:translate(-50%,-50%) rotate(0deg)}
to{transform:translate(-50%,-50%) rotate(360deg)}
}
.media-section .play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:50%;background:var(--red);color:#fff;border:0;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:.3s ease;opacity:0;visibility:hidden;transition:.3s ease}
.video-card:hover .play-button{opacity:1;visibility:visible}
.media-section .shape-bridge{position:absolute;height:900px;aspect-ratio:8 / 9;bottom:-290px;right:0;z-index:0}
.dark-section{color:#fff;position:relative;overflow:hidden}

.section-products{padding:120px 0;background-color:var(--dark-2);border-radius:0 225px 0 0;position:relative;z-index:0}
.section-products .product-title-overlay{position:absolute;top:-25px;left:0;right:0;font-family:"Rubikone",sans-serif;z-index:1;font-size:170px;line-height:1;letter-spacing:-2%;color:rgba(var(--shades01-rgb),0.06);max-width:1400px;margin:0 auto;text-transform:uppercase;font-weight:400}
.section-products .product-title-overlay span{color:rgba(var(--red-rgb),0.06)}
.section-products .product-title-overlay p{margin:0}
.section-products .eyebrow{color:var(--shades01);font-size:24px;line-height:1.1;letter-spacing:-2%;font-family:"PierSans",sans-serif;text-transform:uppercase;font-weight:700;margin:0 0 30px;transition: all 0.3s ease;}
.section-products .eyebrow p{margin:0}
.section-products .eyebrow i{color:var(--red)}
.section-products .product-title{font-size:80px;line-height:1.1;letter-spacing:-2%;color:var(--shades01);margin:0;text-transform:uppercase;letter-spacing:-2%;font-family:"Rubikone",sans-serif;margin:0 0 25px;font-weight:400}
.section-products .product-title p{margin:0}
.section-products .product-title span{color:var(--red)}
.section-products .description{font-size:24px;line-height:1.8;font-weight:600;letter-spacing:-2%;margin:0 0 45px;color:var(--shades01)}
.section-products .description p{margin:0;max-width:100%}
.section-products .description p span{color:var(--red)}
.section-products .product-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.section-products .product-wrapper .product-item{width:100%;aspect-ratio:8/9;position:relative;padding:20px;display:flex;flex-direction:column}
.section-products .product-wrapper .product-item::before{content:"";position:absolute;bottom:-4px;left:-4px;width:50%;aspect-ratio:1/1;background-color:var(--red);z-index:-1}
.section-products .product-wrapper .product-item .product-overlay{position:absolute;background-image:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0.75),rgba(0,0,0,0.5));top:0;left:0;right:0;bottom:0;z-index:0}
.section-products .product-wrapper .product-item .product-image{width:100%;height:100%;position:absolute;z-index:-1;left:0;top:0;right:0;bottom:0;background-color:var(--shades01)}
.section-products .product-wrapper .product-item .product-image img{width:100%;height:100%;object-fit:cover}
.section-products .product-item .product-id{color:var(--shades01);position:relative;z-index:1;font-family:"PierSans",sans-serif;font-size:30px;line-height:1.5;letter-spacing:-2%;font-weight:700}
.section-products .product-item .product-name{font-size:28px;line-height:1.2;font-family:"Rubikone",sans-serif;color:var(--shades01);text-transform:uppercase;font-weight:400;position:relative;margin:0 0 20px;margin-top:auto;overflow:hidden;/*display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2*/}
.section-products .product-item .product-name span{color:var(--red)}
.section-products .product-item .product-description{font-weight:500;font-size:14px;line-height:1.5;color:#d5d5d5;letter-spacing:-2%;position:relative;margin:0 0 20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.section-products .product-item .product-actions{display:flex;align-items:center;position:relative}
.section-products .product-item .product-actions .btn-action{color:var(--red);font-size:16px;line-height:1;text-transform:uppercase}


.standard-section{background:#fff9f9;position:relative;overflow:hidden;padding:120px 0}
.standard-section .standard-title-overlay{position:absolute;top:-10px;left:0;right:0;font-family:"Rubikone",sans-serif;z-index:1;font-size:145px;line-height:1;letter-spacing:-2%;color:rgba(var(--shades02-rgb),0.05);text-transform:uppercase;font-weight:700;margin:0 auto;text-align:center}
.standard-section .standard-title-overlay p{margin:0}
.standard-section .container{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;position:relative;z-index:1}
.standard-section .standard-content{grid-column:span 5 / span 5}
.standard-section .feature-grid{grid-column:span 7 / span 7}
.standard-section .eyebrow{color:var(--red);font-size:24px;line-height:1.1;letter-spacing:-2%;font-family:"PierSans",sans-serif;text-transform:uppercase;font-weight:700;margin:0 0 30px; transition: all 0.3s ease;}
.standard-section .eyebrow p{margin:0}
.standard-section .standard-title{font-size:80px;color:var(--dark);letter-spacing:-2%;line-height:1;font-family:"Rubikone",sans-serif;text-transform:uppercase;font-weight:400;margin:0 0 30px}
.standard-section .standard-title p{margin:0}
.standard-section .standard-title span{color:var(--red)}
.standard-section .standard-description{font-weight:500;color:#5a5a5a;font-size:20px;line-height:1.5;margin:0 0 40px}
.standard-section .standard-actions{display:flex;align-items:center;position:relative}
.standard-section .btn-action{height:54px;display:flex;align-items:center;justify-content:center;background-color:var(--red);padding:0 24px;color:var(--shades01);font-size:16px;letter-spacing:.9px;text-transform:uppercase;font-family:"PierSans",sans-serif;font-weight:700}
.standard-section .standard-actions::before{content:"";position:absolute;bottom:-6px;left:-6px;height:calc(50% + 6px);aspect-ratio:2/1;background-color:#00529f;z-index:-1}
.standard-section .rail-bridge{height:128px;aspect-ratio:8 / 3;position:absolute;right:90px;bottom:0;mix-blend-mode:luminosity}
.standard-section .rail-bridge img{width:100%;height:100%;object-fit:contain}
.standard-section .feature-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr))}
.standard-section .feature-grid article{background:#222;padding:20px 14px}
.standard-section .feature-grid article:nth-child(even){background-color:var(--shades01)}
.standard-section .feature-grid span{color:var(--red);font-weight:900;position:relative}
.standard-section .feature-grid span::after{content:"";width:40px;height:2px;background-color:#00529f;position:absolute;left:12px;top:9px}
.standard-section .feature-grid article:nth-child(odd) h3{text-transform:uppercase;font-size:20px;color:var(--shades01);font-family:"Rubikone",sans-serif;line-height:1.3;margin:0 0 20px;font-weight:400}
.standard-section .feature-grid article:nth-child(odd) p{color:#f2f2f2;font-size:15px;margin:0;font-weight:500;line-height:1.6}
.standard-section .feature-grid article:nth-child(even) h3{text-transform:uppercase;font-size:20px;color:var(--dark);font-family:"Rubikone",sans-serif;line-height:1.3;margin:0 0 20px;font-weight:400}
.standard-section .feature-grid article:nth-child(even) p{color:#5a5a5a;font-size:15px;margin:0;font-weight:500;line-height:1.6}

.look-section{position:relative;background-color:var(--black);padding:120px 0}
.look-section .container{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;position:relative;z-index:1}
.look-section .look-content{grid-column:span 5 / span 5}
.look-section .look-gallery{grid-column:span 7 / span 7;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.look-section .eyebrow{color:var(--red);font-size:24px;line-height:1.1;letter-spacing:-2%;font-family:"PierSans",sans-serif;text-transform:uppercase;font-weight:700;margin:0 0 30px;transition: all 0.3s ease;}
.look-section .eyebrow p{margin:0}
.look-section .look-title{font-size:80px;color:var(--shades01);letter-spacing:-2%;line-height:1;font-family:"Rubikone",sans-serif;text-transform:uppercase;font-weight:400;margin:0 0 30px}
.look-section .look-title p{margin:0}
.look-section .look-title span{color:var(--red)}
.look-section .look-description{font-weight:500;color:var(--shades01);font-size:20px;line-height:1.5;margin:0 0 40px}
.look-section .look-description p{margin:0}
.look-section .look-description p+p{margin:20px 0 0}
.look-section .look-gallery .look-gallery-item{background-color:var(--shades01);padding:10px;width:100%;aspect-ratio:5/4;overflow:hidden}
.look-section .look-gallery .look-gallery-item img{width:100%;height:100%;object-fit:cover}
.look-section .rail-bridge{height:250px;aspect-ratio:2 / 1;position:absolute;left:0;bottom:0;mix-blend-mode:luminosity;z-index:0}
.look-section .rail-bridge img{width:100%;height:100%;object-fit:contain}

/* ********|| FOOTER START ||******** */
.footer-section{background-color:var(--dark);padding:105px 0 65px;position:relative}
.footer-section .top-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px;padding:0 0 48px;border-bottom:1px solid #3f4d44}
.footer-section .top-footer .footer-content{position:relative}
.top-footer .footer-content .footer-logo{height:70px;aspect-ratio:3/1;overflow:hidden;margin:0 0 32px;display:block}
.top-footer .footer-content .footer-logo img{width:100%;height:100%;object-fit:contain}
.top-footer .footer-content .footer-about{margin:0 0 32px;font-size:13px;color:rgba(var(--shades01-rgb),0.8);font-weight:500;line-height:1.7}
.top-footer .footer-content .footer-social{padding:20px 0 0;border-top:1px solid #3f4d44}
.top-footer .footer-content .footer-social .social-title{color:var(--shades01);font-size:14px;text-transform:uppercase;text-transform:uppercase;font-weight:700;margin:0 0 16px}
.top-footer .footer-content .footer-social .social-menu-links{padding:0;margin:0;display:flex;align-items:center;gap:16px}
.top-footer .footer-content .footer-social .social-menu-links .menu-item{width:42px;height:42px;border-radius:50%;background-color:var(--shades01);display:flex;align-items:center;justify-content:center;color:var(--dark-2);font-size:18px;transition:all .3s ease}
.top-footer .footer-content .footer-social .social-menu-links .menu-item:hover{background-color:var(--red);color:var(--shades01)}
.top-footer .footer-certificate{border-left:1px solid #3f4d44;border-right:1px solid #3f4d44;padding:0 70px; display: flex; flex-direction: column; justify-content: start;}
.top-footer .footer-certificate .certificate-title{color:var(--shades01);font-size:14px;text-transform:uppercase;text-transform:uppercase;font-weight:700;margin:0 0 16px}
.top-footer .footer-certificate .footer-certificate-inner{display:grid;gap:8px;grid-template-columns:repeat(1,minmax(0,1fr))}

.top-footer .footer-certificate .certificate-item{display: flex;width:100%;height:100%;overflow:hidden}
/* .top-footer .footer-certificate .certificate-item:nth-child(3){grid-column:span 2 / span 2;}
.top-footer .footer-certificate .certificate-item:nth-child(4){grid-column:span 2 / span 2;} */
.certificate-item img{width:100%;height:auto;object-fit:cover}
.footer-section .top-footer .footer-meta{display:grid;gap:40px;grid-template-columns:repeat(1,minmax(0,1fr))}
.footer-section .top-footer .footer-meta .meta-informations{display:flex;align-items:start;gap:32px}
.footer-meta .meta-informations .meta-icon{flex-grow:0;flex-shrink:0;color:rgba(var(--shades01-rgb),0.4);font-size:30px;line-height:1}
.footer-meta .meta-informations .meta-content{flex-grow:1;flex-shrink:1}
.footer-meta .meta-informations .meta-content .meta-label{color:var(--shades01);font-size:12px;font-weight:700;line-height:1;text-transform:uppercase;margin:0 0 10px}
.footer-meta .meta-informations .meta-content .meta-data{color:rgba(var(--shades01-rgb),0.7);font-size:13px;line-height:1.5}
.footer-section .bottom-footer{padding:48px 0 0;display:flex;align-items:center;justify-content:space-between}
.footer-section .bottom-footer .footer-copyright{font-size:12px;font-family:"PierSans",sans-serif;color:rgba(var(--shades01-rgb),0.7);font-weight:400;line-height:1.6;flex-shrink:1;flex-grow:1}
.footer-section .bottom-footer .footer-nav{flex-grow:1;flex-shrink:1;display:flex;align-items:center;justify-content:flex-end;gap:30px}
.footer-section .bottom-footer .footer-nav .footer-link{color:var(--shades01);font-size:16px;font-weight:400;font-family:"PierSans",sans-serif;transition:all .3s ease;text-transform:uppercase}
.footer-section .bottom-footer .footer-nav .footer-link:hover{color:var(--red)}


/* .top-footer .footer-certificate{display:flex; flex-wrap: wrap; gap:8px;border-left:1px solid #3f4d44;border-right:1px solid #3f4d44;padding:0 70px;}
.top-footer .footer-certificate img{width: 100%; height:100%; object-fit: contain;}
.top-footer .footer-certificate img:nth-child(1){width: calc(50% - 4px);}
.top-footer .footer-certificate img:nth-child(2){width: calc(50% - 4px);} */

/* ********|| PAGE HERO ||******** */
.page-hero{padding:300px 0;background-color:var(--dark-2);position:relative;border-radius:0 0 0 250px;z-index:1}
.page-hero.contact-page{padding:200px 0}
.page-shape-image{position:absolute;left:-6px;bottom:-55px}
.page-shape-image img{width:100%;height:100%;object-fit:contain}
.page-hero .page-overlay{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;mix-blend-mode:overlay}
.page-hero .page-overlay img{width:100%;height:100%;object-fit:cover}
.page-hero .eyebrow{color:var(--shades01);font-family:"PierSans",sans-serif;text-transform:uppercase;font-size:24px;margin:0 0 36px; transition: all 0.3s ease;}
.page-hero .page-title{color:var(--shades01);font-size:100px;font-family:"Rubikone",sans-serif;text-transform:uppercase;margin:0 0 36px;font-weight:400;line-height:1}
.page-hero .page-title span{color:var(--red)}
.page-hero .page-description{font-size:32px;color:rgba(var(--shades01-rgb),0.8);line-height:1.5;font-weight:700}
.page-hero .page-description span{color:var(--red)}
.page-hero .rail-bridge{height:240px;aspect-ratio:5 / 2;position:absolute;right:50px;bottom:0;mix-blend-mode:luminosity;z-index:-1}
.page-hero .rail-bridge img{width:100%;height:100%;object-fit:contain}
/* ********|| PAGE HERO END ||******** */


/* ********|| CALL TO ACTION START ||******** */
.call-to-action{padding:75px 0;position:relative;background-image:linear-gradient(to top,var(--shades01),#ffdcd9)}
.call-to-action .call-to-overlay{position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;mix-blend-mode:darken;z-index:0}
.call-to-action .call-to-overlay img{width:100%;height:100%;object-fit:cover}
.call-to-action .container{position:relative;z-index:1}
.call-to-action .action-title{font-size:80px;line-height:1.5;font-family:"Rubikone",sans-serif;font-weight:400;text-align:center;margin:0}
.call-to-action .action-title span{color:var(--red)}
.call-to-action .action-description{font-size:22px;text-align:center;line-height:1.5;letter-spacing:-2%;font-weight:500;color:#5a5a5a;margin:0 auto;max-width:1024px}
.call-to-action .call-actions{display:flex;align-items:center;justify-content:center;margin:40px 0 0}
.call-to-action .call-actions .btn-action{height:70px;padding:0 18px;background-color:var(--red);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;line-height:1.5;color:var(--shades01)}
.call-to-action .call-actions .btn-action .block-box{background-color:var(--shades01);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:20px;width:50px;aspect-ratio:1/1;margin-right:20px}

/* ********|| CALL TO ACTION END ||******** */

/* ********|| PARTS SECTION START ||******** */
.parts-section{position:relative;padding:120px 0;z-index:0}
.parts-section .shape-bridge{position:absolute;left:0;top:-320px}
.parts-section .parts-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.parts-section .parts-wrapper .parts-item{position:relative;display:flex;flex-direction:column}
.parts-section .parts-item .parts-image{height:320px;width:100%;overflow:hidden;flex-grow:0;flex-shrink:0;display:flex;background-color:var(--light)}
.parts-section .parts-item .parts-image img{width:100%;height:100%;object-fit:cover}
.parts-section .parts-item .parts-content{background-color:#f2f2f2;padding:16px 20px;flex-grow:1;flex-shrink:1;display:flex;flex-direction:column}
.parts-section .parts-item .parts-content .parts-name{font-size:18px;line-height:1.2;font-weight:600;color:var(--dark);text-transform:uppercase;margin:0 0 15px;word-break:break-word}
.parts-section .parts-item .parts-content .parts-id{font-size:16px;font-family:"PierSans",sans-serif;line-height:1.5;font-weight:500;color:#5a5a5a;margin:0}
.parts-section .parts-item .parts-content .parts-vendor{font-size:16px;font-family:"PierSans",sans-serif;line-height:1.5;font-weight:500;color:#5a5a5a;margin:0 0 20px}
.parts-section .parts-item .parts-content .parts-actions{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:auto 0 0}
.parts-section .parts-item .parts-content .yith-btn-wrapper{flex-shrink:1;flex-grow:1}
.parts-section .parts-item .parts-actions .quanity{display:flex;align-items:center;background:#fff;border:1px solid #d9d9d9;flex-shrink:0}
.parts-section .parts-item .parts-actions .quanity .form-control{height:40px;width:40px;background-color:var(--shades01);text-align:center;font-size:18px;font-weight:600;font-family:"PierSans",sans-serif;border-color:transparent;padding:0}
.parts-section .parts-item .parts-actions .quanity .form-control:focus{outline:none}
.parts-section .parts-item .parts-actions .quanity .form-control::-webkit-outer-spin-button,.parts-section .parts-item .parts-actions .quanity .form-control::-webkit-inner-spin-button{-moz-appearance:textfield;-webkit-appearance:none;margin:0}
.parts-section .parts-item .parts-actions .quanity button{background:transparent;border:transparent;height:100%;width:32px;flex-grow:0;flex-shrink:0;padding:0}
.parts-section .parts-item .parts-actions .btn-action{flex-grow:1;flex-shrink:1;background-color:var(--red);height:40px;display:flex;align-items:center;justify-content:center;color:var(--shades01);font-size:14px;font-family:"PierSans",sans-serif;font-weight:400;text-transform:uppercase;border-color:transparent;box-shadow:none;cursor:pointer}
.parts-section .parts-filter form{margin:0 0 70px;display:flex;align-items:center;gap:16px;justify-content:space-between}
.parts-section .parts-filter .parts-category,.parts-section .parts-filter .parts-tags,.parts-section .parts-filter .parts-partnumber,.parts-section .parts-filter .parts-vendor,.parts-section .parts-filter .parts-search{flex:1;position:relative}
.parts-section .parts-filter select{background-color:#101010;height:60px;padding:0 20px;color:var(--shades01);font-size:20px;font-family:"PierSans",sans-serif;font-weight:700;line-height:1.1;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23C4C4C4' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:36px;width:100%}
.parts-section .parts-filter select::after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:2px solid #333;border-bottom:2px solid #333;transform:translateY(-65%) rotate(45deg);pointer-events:none}
.parts-section .parts-filter .select2-container--default .select2-selection--single{background-color:#101010!important;height:60px!important;border:none!important;border-radius:0!important;outline:none!important}
.parts-section .parts-filter .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--shades01,#fff)!important;font-size:20px!important;font-family:"PierSans",sans-serif!important;font-weight:700!important;line-height:60px!important;padding-left:20px!important;padding-right:36px!important}
.parts-section .parts-filter .select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--shades01,#fff)!important}
.parts-section .parts-filter .select2-container--default .select2-selection--single .select2-selection__arrow{height:60px!important;width:36px!important;right:0!important;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23C4C4C4' stroke-width='2' fill='none'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center right 12px!important;background-size:12px!important}
.parts-section .parts-filter .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none!important}
.parts-section .parts-filter .form-control{background-color:#101010;height:60px;padding:0 20px;color:var(--shades01);font-size:20px;font-family:"PierSans",sans-serif;font-weight:700;line-height:1.1;width:100%;border-color:transparent;border-radius:0!important}
.parts-section .parts-filter .form-control:focus{outline:none;border-radius:0!important}
.parts-section .parts-filter .form-search{background-color:#f4f4f4;height:60px;padding:0 50px 0 20px;color:var(--shades02);font-size:20px;font-family:"PierSans",sans-serif;font-weight:400;line-height:1.1;border:1px solid #dedede;border-color:transparent;width:100%}
.parts-section .parts-filter .form-search:focus{outline:none;border-radius:0!important}
.parts-section .parts-filter .parts-search .parts-action{position:absolute;right:0;background:transparent;height:100%;width:50px;font-size:16px;outline:none;border-color:transparent;color:#767676;cursor:pointer}
.parts-actions .yith-btn-wrapper a.add-request-quote-button{background-color:var(--red);color:#fff;font-family:"PierSans",sans-serif;font-weight:700;text-transform:uppercase;padding:0 8px;height:42px;display:flex;align-items:center;justify-content:center;border:none;border-radius:0;cursor:pointer;text-decoration:none;text-align:center;transition:background-color .3s ease;margin:0;width:100%;font-size:14px}
.parts-actions .yith-btn-wrapper a.add-request-quote-button:hover{background-color:var(--red-dark);color:#fff}
.parts-actions .yith-btn-wrapper .yith-ywraq-add-to-quote .yith_ywraq_add_item_response_message,.parts-actions .yith-btn-wrapper .yith-ywraq-add-to-quote .yith_ywraq_add_item_product_message{font-size:10px;letter-spacing:-.05rem;font-weight:400;line-height:1}
.parts-actions .yith-btn-wrapper .yith-ywraq-add-to-quote .yith_ywraq_add_item_browse_message a{font-size:14px;font-weight:600;letter-spacing:-.1rem;color:var(--red)}
.parts-actions .yith-btn-wrapper img.ajax-loader{display:none!important}
/* ********|| PARTS SECTION END ||******** */

/* ==========================================================================
   PRODUCT DETAILS PAGE
   ========================================================================== */
/**
 * Custom Theme Styles Layout Modifications
 * Location: wp-content/themes/your-theme/style.css
 */

.product-details-section{position:relative;padding:100px 0;z-index:0;background-color:#fcfdfe}
.product-details-section .product-details-wrapper{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:50px;align-items:flex-start;margin-bottom:80px}
.product-details-section .product-image-col{position:relative;width:100%}
.product-details-section .product-image-col::before{content:"";position:absolute;top:-6px;left:-6px;width:25%;aspect-ratio:1 / 1;background-color:var(--red);z-index:-1}
.product-details-section .product-main-image{width:100%;height:480px;background-color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}
.product-details-section .product-main-image a.product-lightbox-trigger{display:block;width:100%;height:100%;text-align:center;cursor:zoom-in}
.product-details-section .product-right-description-block{margin:10px 0 5px;padding:20px;background-color:#f8fafc;border:1px dashed #eef2f6;border-radius:4px; grid-column: span 2 / span 2;}
.product-details-section .product-right-description-block .right-description-heading{font-size:16px;font-weight:700;color:#0a1729;text-transform:uppercase;margin:0 0 12px;letter-spacing:.5px;font-family:"PierSans",sans-serif}
.product-details-section .product-right-description-block .description-content{font-size:15px;line-height:1.6;color:#5a5a5a;font-family:"PierSans",sans-serif}
.product-details-section .product-right-description-block .description-content p:last-child{margin-bottom:0}
.product-details-section .product-main-image img{max-width:100%;height:100%;width:100%;height:100%;object-fit:cover}


/* ==========================================================================
   RIGHT: UPGRADED PROFESSIONAL UI INFO COLUMN
   ========================================================================== */
.product-details-section .product-info-col{display:flex;flex-direction:column;gap:32px;width:100%;background-color:#fff;padding:40px;border:1px solid #eef2f6;border-radius:4px;box-sizing:border-box}
.product-details-section .product-header-block{border-bottom:2px solid #f4f7f9;padding-bottom:20px}
.product-details-section .product-main-title{font-size:32px;line-height:1.25;font-weight:700;color:#0a1729;font-family:"Rubikone",sans-serif;margin:0;letter-spacing:-.5px;word-break:break-word;font-weight:400}
.product-details-section .product-meta-grid{display:flex;flex-direction:column;gap:12px}
.product-details-section .meta-pill-item{display:flex;align-items:center;justify-content:space-between;background-color:#f8fafc;padding:14px 20px;border-radius:4px;border-left:3px solid #0a1729;transition:border-color 0.3s,background-color .3s;gap:15px}
.product-details-section .meta-pill-item:hover{border-left-color:var(--red);background-color:#f1f5f9}
.product-details-section .meta-label{font-size:13px;font-weight:700;text-transform:uppercase;color:#64748b;font-family:"PierSans",sans-serif;letter-spacing:1px}
.product-details-section .meta-value{font-size:15px;font-weight:700;color:#0a1729;font-family:"PierSans",sans-serif;text-transform:uppercase}
.product-details-section .product-action-block{margin-top:8px}
.product-details-section .product-action-block .yith_ywraq_add_item_response_message{font-size:12px;letter-spacing:-.05rem;font-weight:400;line-height:1}
.product-details-section .product-action-block .yith_ywraq_add_item_browse_message{font-size:16px;font-weight:600;letter-spacing:-.1rem;color:var(--red)}
.product-details-section .yith-btn-wrapper{width:100%}
.product-details-section .yith-btn-wrapper a.add-request-quote-button{background-color:var(--red);color:#fff;font-family:"PierSans",sans-serif;font-weight:700;text-transform:uppercase;padding:0 8px;height:42px;display:flex;align-items:center;justify-content:center;border:none;border-radius:0;cursor:pointer;text-decoration:none;text-align:center;transition:background-color .3s ease;margin:0;width:100%;font-size:14px}
.product-details-section .yith-btn-wrapper a.add-request-quote-button:hover{background-color:#0a1729;color:#fff;box-shadow:0 4px 12px #0a172926}
.product-details-section .product-description-block{margin-bottom:80px}
.product-details-section .section-heading{font-size:24px;font-weight:700;color:var(--red);text-transform:uppercase;font-family:"PierSans",sans-serif;margin:0 0 30px;letter-spacing:1px}
.product-details-section .description-content{font-size:16px;font-family:"PierSans",sans-serif;line-height:1.8;color:#5a5a5a}
.product-details-section .woocommerce div.product .woocommerce-tabs ul.tabs,.product-details-section .woocommerce div.product div.summary,.product-details-section .woocommerce div.product div.images.woocommerce-product-gallery{display:none}
.product-details-section .related{display:none}
.woocommerce div.product .woocommerce-tabs .panel h2{display:none}

/* ==========================================================================
   FIXED RELATED PRODUCTS SLIDER
   ========================================================================== */
.related-products-block.parts-section{padding:40px 0 0;margin-top:40px;border-top:1px solid #eef2f6}
.swiper-navigation-outer-wrapper{position:relative;width:100%;box-sizing:border-box}
.related-products-block .related-parts-swiper{position:relative;overflow:hidden;width:100%}
.related-products-block .related-parts-swiper .swiper-wrapper{display:flex!important}
.related-products-block .related-parts-swiper .swiper-slide{height:auto;box-sizing:border-box}
.related-products-block .related-parts-swiper .swiper-slide .parts-item{display:flex;flex-direction:column;width:100%;height:100%;background:#fff;border:1px solid #eef2f6;border-radius:4px;overflow:hidden}
.related-products-block .related-parts-swiper .parts-item .parts-image{display:flex;width:100%;height:240px;overflow:hidden;background-color:#fff;border-bottom:1px solid #f4f7f9}
.related-products-block .related-parts-swiper .parts-item .parts-image img{width:100%;height:100%;object-fit:contain;padding:15px;box-sizing:border-box}
.related-products-block .related-parts-swiper .parts-item .parts-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}
.swiper-navigation-outer-wrapper .swiper-button-prev,.swiper-navigation-outer-wrapper .swiper-button-next{width:42px;height:42px;background-color:#fff;color:#0a1729;border:1px solid #eef2f6;border-radius:50%;top:45%;transform:translateY(-50%);z-index:20;margin-top:0;box-shadow:0 4px 10px #0000000d;transition:all .2s ease-in-out}
.swiper-navigation-outer-wrapper .swiper-button-prev{left:0}
.swiper-navigation-outer-wrapper .swiper-button-next{right:0}
.swiper-navigation-outer-wrapper .swiper-button-prev::after,.swiper-navigation-outer-wrapper .swiper-button-next::after{font-size:14px;font-weight:900}
.swiper-navigation-outer-wrapper .swiper-button-prev:hover,.swiper-navigation-outer-wrapper .swiper-button-next:hover{background-color:#0a1729;color:#fff;border-color:#0a1729}
.related-products-block .related-parts-swiper{padding-bottom:45px}
.related-products-block .related-parts-swiper .swiper-pagination{bottom:5px!important}
.related-products-block .related-parts-swiper .swiper-pagination-bullet{width:8px;height:8px;background-color:#cbd5e1;opacity:1;margin:0 4px;border-radius:50%}
.related-products-block .related-parts-swiper .swiper-pagination-bullet-active{background-color:var(--red);width:18px;border-radius:4px}
.swiper-navigation-outer-wrapper *,.related-parts-swiper *{box-sizing:border-box}
.related-products-block .related-parts-swiper{position:relative;overflow:hidden;width:100%}
.related-products-block .related-parts-swiper .swiper-slide{width:100%;height:auto;flex-shrink:0}

/* ********|| SECTION ABOUT START ||******** */
.section-about{padding:240px 0 120px;position:relative;margin:-120px 0 0;z-index:0}
.section-about .about-content-overlay{position:absolute;top:150px;right:45px;font-size:170px;line-height:1.5;color:rgba(var(--shades02-rgb),0.04);font-family:"Rubikone",sans-serif;text-transform:uppercase;letter-spacing:-2%}
.section-about .about-overlay{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}
.section-about .about-overlay img{width:100%;height:100%;object-fit:cover}
.section-about .container{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px}
.section-about .about-image{width:100%;aspect-ratio:23/28;position:relative;grid-column:span 6 / span 6}
.section-about .about-image::before{content:"";position:absolute;top:-6px;left:-6px;width:25%;aspect-ratio:1/1;background-color:var(--red);z-index:-1}
.section-about .about-image img{width:100%;height:100%;border-radius:0 0 100px 0;overflow:hidden;background-color:var(--shades01);border:0;object-fit:cover}
.section-about .about-content{position:relative;grid-column:span 6 / span 6}
.section-about .about-content .about-title{font-family:"Rubikone",sans-serif;color:var(--shades02);font-size:60px;line-height:1.5;letter-spacing:-2%;font-weight:400;text-transform:uppercase;margin:-35px 0 0}
.section-about .about-content .about-title span{color:var(--red)}
.section-about .about-content .about-description{font-size:18px;line-height:1.7;color:#5a5a5a;text-align:justify;margin:-20px 0 0}
.section-about .about-content .about-description p{margin:0 0 20px}

/* ********|| SECTION ABOUT END ||******** */

/* ********|| SECTION COMPANY START ||******** */
.company-section{position:relative;padding:60px 0}
.company-section .company-overlay{position:absolute;top:0;left:50px;font-size:170px;line-height:1;color:rgba(var(--shades02-rgb),0.04);font-family:"Rubikone",sans-serif;text-transform:uppercase;letter-spacing:-2%}
.company-section .container{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px}
.company-section .company-content{grid-column:span 6 / span 6;position:relative}
.company-section .company-image{grid-column:span 6 / span 6;position:relative;width:100%;aspect-ratio:23 / 28}
.company-section .company-image::before{content:"";position:absolute;top:-6px;right:-6px;width:25%;aspect-ratio:1/1;background-color:var(--red);z-index:-1}
.company-section .company-image img{width:100%;height:100%;border-radius:0 0 100px 0;overflow:hidden;background-color:var(--shades01);object-fit:cover}
.company-section .company-content .company-title{font-size:60px;font-family:"Rubikone",sans-serif;line-height:1;letter-spacing:-2%;color:var(--shades02);font-weight:400;margin:0 0 30px}
.company-section .company-content .company-title span{color:var(--red)}
.company-section .company-content .company-description{font-size:18px;line-height:1.7;color:#5a5a5a;text-align:justify}
.company-section .company-content .company-description p{margin:0 0 20px}
/* ********|| SECTION COMPANY START ||******** */

/* ********|| SECTION GALLERY START ||******** */
.gallery-section{padding:50px 0 100px;position:relative}
.gallery-section .container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gallery-section .gallery-item{width:100%;aspect-ratio:4/3;overflow:hidden}
.gallery-section .gallery-item img{width:100%;height:100%;object-fit:cover}

/* ********|| SECTION GALLERY END ||******** */

/* ********|| CONTACT START ||******** */
.contact-section{padding:100px 0}
.contact-section .contact-grid{display:grid;grid-template-columns:0.85fr 1.15fr}
.contact-section .contact-form{padding:48px;background-color:#f5f5f5;padding:55px 45px}
.contact-section .contact-form .contact-form-title{margin:0 0 20px;font-family:"Rubikone",sans-serif;font-size:40px;color:var(--shades02);letter-spacing:.2px;font-weight:400;line-height:1.2;text-transform:uppercase}
.contact-section .contact-form .contact-form-title span{color:var(--red)}
.contact-section .contact-form .form-group+.form-group{margin:10px 0 0}
.contact-section .contact-form .form-group label{font-size:16px;color:#6b6b6b;line-height:1.2;font-family:"PierSans",sans-serif;font-weight:400;display:flex;align-items:center;gap:10px}
.contact-section .contact-form .form-group label br{display:none}
.contact-section .contact-form .form-group .wpcf7-list-item{margin:0}
.contact-section .contact-form .form-group .wpcf7-list-item input{margin:0}
.contact-section .contact-form .form-group .wpcf7-not-valid-tip{font-size:14px}
.contact-section .wpcf7-response-output{background-color:#f5f5f5;padding:10px;color:var(--red);text-align:center}
.contact-section .contact-form .form-control{height:54px;background-color:var(--shades01);border:1px solid #cacaca;width:100%;padding:0 20px;font-family:"PierSans",sans-serif;font-size:18px;box-shadow:none;color:var(--shades02);font-weight:400}
.contact-section .contact-form .form-textarea{height:120px;background-color:var(--shades01);border:1px solid #cacaca;width:100%;padding:14px 20px;font-family:"PierSans",sans-serif;font-size:18px;box-shadow:none;color:var(--shades02);font-weight:400;resize:none}
.contact-section .contact-form .form-control:focus,.contact-section .contact-form .form-textarea:focus{outline:none}
.contact-section .contact-form .form-control::placeholder,.contact-section .contact-form .form-textarea::placeholder{color:#d3d3d3}
.contact-section .contact-form .form-group .wpcf7-list-item input{width:20px;height:20px}
.contact-section .contact-form .form-actions{margin:40px 0 0;display:flex;align-items:center;justify-content:start}
.contact-section .contact-form .form-actions .form-action{height:48px;background-color:var(--red);padding:0 35px;display:flex;align-items:center;justify-content:center;color:var(--shades01);font-family:"PierSans",sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:5%;border:1px solid var(--red);transition:all .3s ease}
.contact-section .contact-form .form-actions .form-action:hover{background-color:transparent;color:var(--red)}
.contact-section .contact-card{background-color:#1d1c1b;padding:60px 50px;border-radius:40px 0 0 0}
.contact-section .contact-card .contact-info-title{font-size:40px;color:var(--shades01);letter-spacing:.2px;line-height:1.2;font-family:"Rubikone",sans-serif;font-weight:400;text-transform:uppercase;margin:0 0 24px}
.contact-section .contact-card .contact-info-title span{color:var(--red)}
.contact-section .contact-card .contact-info-subtitle{font-family:"PierSans",sans-serif;font-size:36px;line-height:1.4;color:var(--shades01);font-weight:400;margin:0 0 10px}
.contact-section .contact-card .contact-info-description{font-family:"PierSans",sans-serif;font-size:18px;line-height:1.6;color:#e2e2e2;margin:0 0 30px}
.contact-section .contact-card .contact-info-description p{margin:0}
.contact-section .contact-card .meta-informations{position:relative}
.contact-section .meta-informations .meta-item+.meta-item{margin:24px 0 0}
.contact-section .meta-informations .meta-item{display:flex;align-items:start;gap:32px}
.contact-section .meta-informations .meta-item .meta-icon{flex-shrink:0;flex-grow:0}
.contact-section .meta-informations .meta-item .meta-data{flex-grow:1;flex-shrink:1}
.contact-section .meta-informations .meta-item .meta-data .meta-label{margin:0 0 6px;color:var(--shades01);font-size:20px;font-family:"PierSans",sans-serif;text-transform:uppercase;letter-spacing:.2px;font-weight:700;margin:0 0 6px}
.contact-section .meta-informations .meta-item .meta-data .meta-content{font-size:16px;line-height:1.5;color:rgba(var(--shades01-rgb),0.7)}
.contact-section .meta-informations .meta-item .meta-icon{color:var(--shades01);font-size:30px}

/* ********|| CONTACT END ||******** */

/* ********|| CAREER START ||******** */
.section-career{padding:120px 0;position:relative}
.section-career .career-filter{margin:0 0 70px;display:flex;align-items:center;gap:16px}
.section-career .career-job-category .select2-container--default .select2-selection--single{background-color:#101010!important;height:60px!important;border:none!important;border-radius:0!important;outline:none!important}
.section-career .career-job-category .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--shades01,#fff)!important;font-size:20px!important;font-family:"PierSans",sans-serif!important;font-weight:700!important;line-height:60px!important;padding-left:20px!important;padding-right:36px!important}
.section-career .career-job-category .select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--shades01,#fff)!important}
.section-career .career-job-category .select2-container--default .select2-selection--single .select2-selection__arrow{height:60px!important;width:36px!important;right:0!important;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23C4C4C4' stroke-width='2' fill='none'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center right 12px!important;background-size:12px!important}
.section-career .career-job-category .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none!important}
.section-career .career-wrapper .career-item{padding:40px;border:1px solid #cacaca}
.section-career .career-wrapper .career-item+.career-item{margin:32px 0 0}
.section-career .career-item .career-content{display:flex;align-items:start;gap:20px;margin:0 0 10px}
.section-career .career-item .career-content .career-logo{flex-grow:0;flex-shrink:0;width:100px;aspect-ratio:3/1;overflow:hidden}
.section-career .career-item .career-content .career-logo img{width:100%;height:100%;object-fit:contain}
.section-career .career-item .career-content .career-entry{flex-grow:1;flex-shrink:1}
.section-career .career-item .career-content .career-title{font-size:24px;color:var(--dark);font-weight:600;line-height:1.2;text-transform:capitalize}
.section-career .career-item .career-content .career-designation{font-size:16px;color:#5a5a5a;margin:0;font-weight:400;line-height:1.2;}
.section-career .career-item .career-meta{display:flex;align-items:end;gap:24px}
.section-career .career-item .career-meta .career-meta-data{display:flex;align-items:center;gap:12px;color:#6c757d;font-size:16px;line-height:1.2;font-weight:400;text-transform:capitalize;}
.section-career .career-item .career-meta .career-meta-data i{color:var(--dark);font-size:24px}
.section-career .career-item .career-meta .career-actions{display:flex;margin-left:auto}
.section-career .career-item .career-meta .career-meta-data i{color:var(--dark);font-size:24px}
.section-career .career-item .career-meta .career-actions .career-btn{height:40px;background-color:var(--red);padding:0 20px;display:flex;align-items:center;justify-content:center;color:var(--shades01);font-size:16px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;border:1px solid var(--red)}
.section-career .career-item .career-meta .career-actions .career-btn:hover{background-color:transparent;color:var(--red)}
.section-job-details{padding:60px 0;position:relative}
.section-job-details .job-title{font-size:45px;color:var(--red);line-height:1.2;text-transform:capitalize;font-family:"Rubikone",sans-serif;letter-spacing:-2%;font-weight:400;margin:0 0 20px}
.section-job-details .job-description h4{font-size:24px;color:var(--dark-2);line-height:1.2;margin:0 0 10px}
.section-job-details .job-form .job-form-title{margin:40px 0 20px;color:var(--dark-2);font-size:40px;line-height:1.2;font-family:"Rubikone",sans-serif;letter-spacing:-2%;font-weight:400}
.section-job-details .job-form .form-control{height:54px;background-color:var(--shades01);border:1px solid #cacaca;width:100%;padding:0 20px;font-family:"PierSans",sans-serif;font-size:18px;box-shadow:none;color:var(--shades02);font-weight:400}
.section-job-details .job-form .form-group{margin:0 0 15px}
.section-job-details .job-form .form-textarea{height:120px;background-color:var(--shades01);border:1px solid #cacaca;width:100%;padding:14px 20px;font-family:"PierSans",sans-serif;font-size:18px;box-shadow:none;color:var(--shades02);font-weight:400;resize:none}
.section-job-details .job-form .form-control:focus,.section-job-details .job-form .form-textarea{outline:none;box-shadow:none}
.section-job-details .job-form .form-actions .form-action{height:48px;background-color:var(--red);padding:0 60px;display:flex;align-items:center;justify-content:center;color:var(--shades01);font-family:"PierSans",sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:5%;border:1px solid var(--red);transition:all .3s ease}
.section-job-details .job-form .form-group p br{display:none}
.section-job-details .job-form .form-group label .wpcf7-list-item{margin:0}
.section-job-details .job-form .form-group label span{color:var(--red)}
.section-job-details .job-form .form-group .checkbox-row input[type="checkbox"]{width:20px;height:20px}
.section-job-details .job-form .form-group label{font-size:16px;color:#6b6b6b;line-height:1.2;font-family:"PierSans",sans-serif;font-weight:400;display:flex;align-items:center;gap:4px;margin:0 0 10px}
.section-job-details .job-form .form-actions .form-action:hover{background-color:transparent;color:var(--red)}
.section-job-details .job-form .form-group .checkbox-row label span{color:#6b6b6b}
.section-job-details .job-form .form-actions{display:flex;align-items:center;justify-content:end}
.section-job-details .job-form .form-actions p{position:relative}
.section-job-details .job-form .form-actions .wpcf7-spinner{margin:0;position:absolute;right:10px;top:14px}
.section-job-details .job-form .resume-upload label{display:block;margin-bottom:9px;color:var(--dark-2);font-family:"PierSans",sans-serif;font-size:16px;font-weight:600;line-height:1.4}
.section-job-details .job-form .resume-upload label span{color:#d93025}
.section-job-details .job-form .upload-field{position:relative;padding:8px;background:var(--shades01);border:1px solid #cacaca}
.section-job-details .job-form .form-upload{display:block;width:100%;min-height:52px;padding:7px;border:0;background:transparent;color:var(--dark-2);font-family:"PierSans",sans-serif;font-size:15px;font-weight:400;box-shadow:none;cursor:pointer}
.section-job-details .job-form .form-upload::file-selector-button{min-height:38px;margin-right:14px;padding:8px 18px;border:0;border-radius:6px;background:var(--red);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease}
.section-job-details .job-form .form-upload::file-selector-button:hover{opacity:.86}
.section-job-details .job-form .form-upload::file-selector-button:active{transform:translateY(1px)}
.section-job-details .job-form .form-upload:focus{outline:none}
.section-job-details .job-form .upload-help{margin:7px 0 0;color:#777;font-family:"PierSans",sans-serif;font-size:13px;line-height:1.4}
.section-job-details .job-form .resume-upload .wpcf7-not-valid-tip{margin-top:7px;font-size:13px}
.section-job-details .job-form .resume-upload .wpcf7-not-valid{color:#d93025}
.section-job-details .job-form .wpcf7-not-valid-tip{margin-top:7px;font-size:13px}
/* ********|| CAREER END ||******** */

/* ********|| CHECKOUT START ||******** */
.checkout-section{padding:80px 0;position:relative}
.checkout-section .container{padding:20px;background-color:#f5f5f5}
.checkout-section .checkout-title{margin:0 0 30px;color:var(--dark);font-size:24px;line-height:1.5;letter-spacing:-2%;font-family:"Rubikone",sans-serif;font-weight:400;text-transform:uppercase}
.checkout-section .checkout-wrapper{position:relative}
.checkout-section .checkout-name{color:#5a5a5a;font-size:16px;font-family:"PierSans",sans-serif;font-weight:500;line-height:1.5;margin:0 0 20px}
.checkout-section .checkout-wrapper .checkout-item{background-color:var(--shades01);padding:24px 14px;display:flex;align-items:center;gap:16px}
.checkout-section .checkout-wrapper .checkout-item+.checkout-item{margin:16px 0 0}
.checkout-section .checkout-wrapper .checkout-item .checkout-image{width:64px;height:64px;overflow:hidden;flex-grow:0;flex-shrink:0}
.checkout-section .checkout-wrapper .checkout-item .checkout-image img{width:100%;height:100%;object-fit:contain}
.checkout-section .checkout-wrapper .checkout-item .checkout-content{flex-grow:1;flex-shrink:1}
.checkout-item .checkout-content .model-name{margin:0 0 8px;color:var(--dark);font-size:18px;line-height:1.2;font-weight:500}
.checkout-item .checkout-content .model-id{color:#5a5a5a;font-size:14px;line-height:1.5;font-weight:500;font-family:"PierSans",sans-serif}
.checkout-section .checkout-wrapper .checkout-item .checkout-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.checkout-item .checkout-actions .btn-action{color:var(--red);font-size:14px;font-family:"PierSans",sans-serif;letter-spacing:-2%;line-height:1;font-weight:400;text-transform:capitalize;background-color:transparent;border-color:transparent;cursor:pointer}
.checkout-item .checkout-actions .checkout-spinner{background-color:#f1f1f1;padding:2px;border-radius:40px;display:flex;align-items:center;gap:4px}
.checkout-item .checkout-actions .checkout-spinner .check-minus{background:var(--shades01);outline:none;border-color:transparent;width:28px;height:28px;border-radius:50%;color:var(--shades02);font-size:14px;flex-grow:0;flex-shrink:0}
.checkout-item .checkout-actions .checkout-spinner .check-plus{background:var(--red);outline:none;border-color:transparent;width:28px;height:28px;border-radius:50%;color:var(--shades01);font-size:14px;flex-grow:0;flex-shrink:0}
.checkout-item .checkout-actions .checkout-spinner .form-control{max-width:40px;border-color:transparent;background-color:transparent;font-size:14px;color:var(--dark);font-family:"PierSans",sans-serif;text-align:center;flex-grow:1;flex-shrink:1}
.checkout-item .checkout-actions .checkout-spinner .form-control:focus{outline:none;box-shadow:none}
.checkout-section .checkout-footer{margin:30px 0 0;display:flex;align-items:center;gap:24px}
.checkout-section .checkout-footer .update-action{height:54px;padding:0 35px;background-color:var(--red);display:flex;align-items:center;justify-content:center;color:var(--shades01);font-family:"PierSans",sans-serif;letter-spacing:5%;border:1px solid var(--red);text-transform:uppercase;font-weight:700;transition:all .3s ease}
.checkout-section .checkout-footer .continue-action{height:54px;padding:0 24px;background-color:var(--shades01);display:flex;align-items:center;justify-content:center;color:var(--red);font-family:"PierSans",sans-serif;letter-spacing:5%;border:1px solid var(--red);text-transform:uppercase;font-weight:700;transition:all .3s ease}
.checkout-section .checkout-footer .update-action:hover{background-color:transparent;color:var(--red)}
.checkout-section .checkout-footer .continue-action:hover{background-color:var(--red);color:var(--shades01)}
/* ********|| CHECKOUT END ||******** */

/* ********|| BILLING START ||******** */
.billing-section{padding:0 0 120px;position:relative}
.billing-section .container{padding:20px;background-color:#f5f5f5}
.billing-section .billing-title{margin:0 0 24px;color:var(--dark);font-size:16px;line-height:1.2;text-transform:uppercase;font-weight:400}
.billing-section .billing-form{position:relative}
.billing-section .billing-form .billing-form-container{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.billing-section .billing-form .billing-form-container .form-group{grid-column:span 6 / span 6}
.billing-section .billing-form .billing-form-container .form-group.form-row{grid-column:span 12 / span 12}
.billing-form .billing-form-container .form-group .form-control{height:54px;background-color:var(--shades01);border:1px solid #cacaca;width:100%;padding:0 20px;font-family:"PierSans",sans-serif;font-size:18px;box-shadow:none;color:var(--shades02);font-weight:400}
.billing-form .billing-form-container .form-group .form-control:focus,.billing-form .billing-form-container .form-group .form-textarea:focus,.billing-form .billing-form-container .form-group .form-select:focus{outline:none}
.billing-form .billing-form-container .form-group .form-select{height:54px;background-color:var(--shades01);border:1px solid #cacaca;width:100%;padding:0 20px;font-family:"PierSans",sans-serif;font-size:18px;box-shadow:none;color:var(--shades02);font-weight:400;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23C4C4C4' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:36px}
.billing-form .billing-form-container .form-group .form-textarea{height:120px;background-color:var(--shades01);border:1px solid #cacaca;width:100%;padding:14px 20px;font-family:"PierSans",sans-serif;font-size:18px;box-shadow:none;color:var(--shades02);font-weight:400;resize:none}
.billing-section .billing-form .billing-form-container .form-actions{grid-column:span 12 / span 12;display:flex;align-items:center;justify-content:flex-end}
.billing-section .billing-form .billing-form-container .form-actions .submit-action{height:54px;display:flex;align-items:center;justify-content:center;color:var(--shades01);padding:0 30px;background-color:var(--red);font-size:18px;font-family:"PierSans",sans-serif;font-weight:700;border-color:transparent;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;border:1px solid var(--red)}
.billing-section .billing-form .billing-form-container .form-actions .submit-action:hover{background-color:transparent;color:var(--red)}
.yith-ywraq-mail-form-wrapper{padding:0!important}
.yith-ywraq-mail-form-wrapper .form-title{margin:0 0 24px;color:var(--dark);font-size:16px;line-height:1.2;text-transform:uppercase;font-weight:400}
.yith-ywraq-mail-form-wrapper form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.yith-ywraq-mail-form-wrapper form .form-row{float:none;width:100%!important;padding:0!important;margin:0!important}
.yith-ywraq-mail-form-wrapper form .form-row.form-row-wide{grid-column:span 2 / span 2;padding-top:0}
.yith-ywraq-mail-form-wrapper form .form-row.form-row-wide.address-field{grid-column:span 1 / span 1;padding-top:0}
.woocommerce .yith-ywraq-mail-form-wrapper form .form-row label{display: none;}
.woocommerce .yith-ywraq-mail-form-wrapper form .form-row .input-text,.woocommerce .yith-ywraq-mail-form-wrapper form .form-row textarea.input-text{height:54px;background-color:var(--shades01);border:1px solid #cacaca;width:100%;padding:0 20px;font-family:"PierSans",sans-serif;font-size:18px;box-shadow:none;color:var(--shades02);font-weight:400;border-radius:0!important}
.woocommerce .yith-ywraq-mail-form-wrapper form .form-row textarea.input-text{height:120px;padding:14px 20px;resize:none}
.woocommerce .yith-ywraq-mail-form-wrapper form .form-row .select2-container .select2-selection--single{height:54px;background-color:var(--shades01);border:1px solid #cacaca;width:100%;padding:0 20px;font-family:"PierSans",sans-serif;font-size:18px;box-shadow:none;color:var(--shades02);font-weight:400;border-radius:0!important;height:54px;background-color:var(--shades01);border:1px solid #cacaca;width:100%;padding:0 20px;font-family:PierSans,sans-serif;font-size:18px;box-shadow:none;color:var(--shades02);font-weight:400;border-radius:0!important}
.woocommerce .yith-ywraq-mail-form-wrapper form .form-row.select-dropdown .woocommerce-input-wrapper{display:flex;flex-direction:column-reverse;gap:4px}
.woocommerce .yith-ywraq-mail-form-wrapper form .form-row .select2.select2-container.select2-container--default{height:54px}
.woocommerce .yith-ywraq-mail-form-wrapper form .form-row .select2-container .select2-selection--single .select2-selection__rendered{height:54px;padding:0!important;display:flex;align-items:center}
.woocommerce .yith-ywraq-mail-form-wrapper form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow{height:52px;width:36px}
.woocommerce .yith-ywraq-mail-form-wrapper form .form-row .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#cacaca}
.woocommerce .yith-ywraq-mail-form-wrapper form span.ywraq_error{color:var(--red)}
.woocommerce .yith-ywraq-mail-form-wrapper form .raq-send-request-row{display:flex;align-items:center;justify-content:flex-end}
.woocommerce .yith-ywraq-mail-form-wrapper form .raq-send-request-row .raq-send-request{height:54px;display:flex;align-items:center;justify-content:center;color:var(--shades01);padding:0 30px!important;background-color:var(--red);font-size:18px;font-family:"PierSans",sans-serif;font-weight:700;border-color:transparent;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;border:1px solid var(--red)}
.woocommerce .yith-ywraq-mail-form-wrapper form .raq-send-request-row .raq-send-request:hover{background-color:transparent;color:var(--red)}
.woocommerce .yith-ywraq-mail-form-wrapper .woocommerce-error.woocommerce-message{display:none!important}
/* ********|| BILLING END ||******** */

/* ********|| SINGLE PRODUCT START ||******** */
.single-product-section{padding:120px 0;position:relative}
.single-product-section .container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.single-product-section .single-product-item{position:relative;display:flex;flex-direction:column;z-index:0}
.single-product-section .single-product-item::before{content:"";position:absolute;top:-4px;left:-4px;width:25%;aspect-ratio:1/1;background-color:var(--red);z-index:-1}
.single-product-section .single-product-content{padding:50px;background-color:#f5f5f5;font-size:26px;line-height:1.5;font-weight:600;color:var(--dark);flex-grow:1;flex-shrink:1;word-break:break-word}
.single-product-section .single-product-content p{margin:0}
.single-product-section .single-product-content span{color:var(--red)}
.single-product-section .single-product-image{aspect-ratio:8 / 5;width:100%;position:relative;flex-grow:0;flex-shrink:0;transition:all .3s ease;overflow:hidden}
.single-product-section .single-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;background-color:var(--shades01)}
.single-product-section .single-product-image:hover img{transform:scale(1.1)}

/* ********|| SINGLE PRODUCT END ||******** */

/* ********|| 404 START ||******** */
.section-error-page{position:relative;padding:120px 0}
.section-error-page .error-title{font-size:104px;line-height:1;color:var(--red);font-family:"Rubikone",sans-serif;letter-spacing:-2%;text-transform:uppercase;font-weight:400;text-align:center;margin:0 0 20px}
.section-error-page .error-subtitle{font-size:40px;line-height:1;color:var(--dark-2);text-align:center;margin:0 0 20px}
.section-error-page .error-actions{display:flex;align-items:center;justify-content:center}
.section-error-page .btn-action{height:54px;display:flex;align-items:center;justify-content:center;background-color:var(--red);padding:0 30px;color:var(--shades01);font-size:16px;letter-spacing:.9px;text-transform:uppercase;font-family:"PierSans",sans-serif;gap:10px;transition:all .3s ease;border:1px solid var(--red)}
.section-error-page .btn-action:hover{background-color:transparent;color:var(--red)}

/* ********|| 404 START ||******** */

.section-default-page{position:relative;padding:80px 0}

/* ********|| SCROLL TO TOP END ||******** */
.scroll-to-top{position:fixed;bottom:20px;right:20px;width:48px;aspect-ratio:1 / 1;border:none;border-radius:0;cursor:pointer;font-size:16px;background-color:var(--red);color:var(--shades01);z-index:11;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease}
.scroll-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
/* ********|| SCROLL TO TOP END ||******** */

@media screen and (max-width: 1890px) {
  .section-about .about-content-overlay,.company-section .company-overlay{font-size:165px}
}

@media screen and (max-width: 1840px) {
  .section-about .about-content-overlay,.company-section .company-overlay{font-size:160px}
}

@media screen and (max-width: 1800px) {
  .hero-stats strong{font-size:50px}
  .standard-section .standard-title-overlay{font-size:125px}
  .section-about .about-content-overlay,.company-section .company-overlay{font-size:154px}
}

@media screen and (max-width: 1700px) {
  .navigation-menu .menu-item .menu-link{font-size:14px}
  .section-about .about-content-overlay,.company-section .company-overlay{font-size:150px}
}

@media screen and (max-width: 1650px) {
  .section-about .about-content-overlay,.company-section .company-overlay{font-size:145px}
}

@media screen and (max-width: 1600px) {
  header .brand-logo{height:48px}
  .home-copy h1{font-size:84px}
  .home-copy .hero-description{font-size:27px}
  .hero-stats{gap:20px}
  .hero-stats .quality .quality-warrenty{font-size:80px}
  .hero-stats .quality .total-warrenty{font-size:35px}
  .hero-stats strong{font-size:40px}
  .hero-stats span{font-size:16px}
  .standard-section .standard-title-overlay{font-size:115px}
  .standard-section .standard-title,.section-products .product-title,.look-section .look-title{font-size:72px}
  .page-hero .page-title{font-size:84px}
  .page-hero .page-description{font-size:27px}
  .section-about .about-content-overlay{font-size:150px;right:0}
  .company-section .company-overlay{font-size:150px;left:10px}
  .parts-section .parts-filter .form-control,.parts-section .parts-filter select,.parts-section .parts-filter .form-search,.section-career .career-job-category select{height:48px;font-size:16px}
  .call-to-action .action-title{font-size:64px}
  .call-to-action .action-description{font-size:18px}
  .parts-section .parts-filter .select2-container--default .select2-selection--single,.parts-section .parts-filter .select2-container--default .select2-selection--single .select2-selection__arrow{height:48px!important}
  .parts-section .parts-filter .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:48px!important;font-size:16px!important}
}

@media screen and (max-width: 1550px) {
  .section-about .about-content-overlay{font-size:140px;right:10px}
  .company-section .company-overlay{font-size:140px}
}

@media screen and (max-width: 1470px) {
  /* header .brand-logo{height:40px} */
  .header-actions .btn-action{font-size:14px;height:45px}
  .home-copy h1{font-size:84px}
  .home-copy .hero-description{font-size:24px}
  .hero-stats{justify-content:space-between;gap:16px}
  .hero-stats strong{font-size:40px}
  .hero-stats span{font-size:15px}
  .hero-stats .quality .quality-warrenty{font-size:64px}
  .hero-stats .quality .total-warrenty{font-size:30px}
  .hero-stats strong{font-size:35px}
  .section-products .description{font-size:20px}
  .section-products .product-title-overlay{max-width:1260px;font-size:135px}
  .standard-section .standard-title-overlay{font-size:105px}
  .standard-section .rail-bridge{right:0}
  .standard-section .standard-title,.section-products .product-title,.look-section .look-title{font-size:64px}
  .standard-section .feature-grid article:nth-child(even) h3,.standard-section .feature-grid article:nth-child(odd) h3{font-size:15px}
  .standard-section .feature-grid article:nth-child(even) p,.standard-section .feature-grid article:nth-child(odd) p{font-size:12px}
  .look-section .look-description,.standard-section .standard-description,.section-products .description{font-size:18px}
  .footer-section .top-footer{gap:48px}
  .top-footer .footer-certificate{padding:0 40px}
  .footer-section .bottom-footer .footer-nav{gap:20px}
  .footer-section .bottom-footer .footer-nav .footer-link{font-size:14px}
  .section-about .container,.company-section .container{gap:30px}
  .page-hero{padding:200px 0}
  .page-hero .page-description{font-size:24px}
  .section-about .about-content-overlay{font-size:132px;right:10px}
  .section-about .about-content .about-description{font-size:16px}
  .company-section .company-overlay{font-size:132px}
  .parts-section .parts-filter form{margin:0 0 40px;gap:10px}
  .section-error-page .error-title{font-size:84px}
  .section-error-page .error-subtitle{font-size:28px}
  .section-error-page .btn-action{font-size:14px;height:45px}
  .product-details-section .product-main-title{font-size:24px}
  .product-details-section .product-details-wrapper{gap:30px}
  .section-products .product-item .product-name{font-size:24px}
}

@media screen and (max-width: 1400px) {
  .section-about .about-content-overlay,.company-section .company-overlay{font-size:125px}
}

@media screen and (max-width: 1366px) {
  header .container{gap:20px}
  .hero-stats .quality .quality-warrenty{font-size:56px}
  .hero-stats .quality .total-warrenty{font-size:28px}
  .section-products .product-title-overlay{font-size:95px;max-width:1200px}
  .standard-section .standard-title-overlay{font-size:95px}
  /* header .brand-logo{height:32px} */
  .section-about .about-content-overlay{font-size:120px}
  .page-hero .rail-bridge{height:180px}
  .company-section .company-overlay{font-size:120px}
  .parts-actions .yith-btn-wrapper a.add-request-quote-button{font-size:12px}
  .section-products .eyebrow, .look-section .eyebrow, .page-hero .eyebrow, .standard-section .eyebrow{font-size: 20px;}
}

@media screen and (max-width: 1280px) {
  header .container{gap:10px}
  .home-hero{border-radius:0 0 0 175px}
  .media-section .rail-bridge{left:-85px;top:200px;height:190px}
  .home-copy h1{font-size:72px}
  .hero-stats strong{font-size:34px}
  .hero-stats .quality{gap:2px;padding:10px}
  .hero-stats .quality .quality-warrenty{font-size:48px}
  .hero-stats .quality .total-warrenty{font-size:24px}
  .hero-stats span{font-size:14px}
  .standard-section .standard-title,.section-products .product-title,.look-section .look-title{font-size:54px}
  .standard-section .eyebrow,.section-products .eyebrow,.look-section .eyebrow{font-size:18px}
  .section-about .about-content-overlay,.company-section .company-overlay{font-size:115px}
  .company-section{padding:40px 0}
  .parts-section{padding:140px 0 80px}
  .section-job-details .job-title{font-size:36px}
  .section-job-details .job-description h4{font-size:20px}
  .section-job-details .job-form .job-form-title{font-size:32px}
  .section-error-page .error-title{font-size:84px}
}

@media screen and (max-width: 1200px) {
  .hero-stats{justify-content:start}
  .standard-section .standard-title-overlay{font-size:85px}
  .section-about .about-content-overlay,.company-section .company-overlay{font-size:108px}
}

@media screen and (max-width: 1150px) {
  .section-about .about-content-overlay{font-size:102px;top:170px}
  .company-section .company-overlay{font-size:102px}
}

@media screen and (min-width: 1071px) {
  .navigation-menu .menu-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(0) translateY(0)}
}

@media screen and (max-width: 1070px) {
  header .container{gap:24px}
  .bar-actions{display:flex;position:relative;z-index:10;justify-content: flex-end;}
  .navigation-menu{position:fixed;right:-280px;top:0;width:280px;height:100dvh;background-color:var(--shades02);z-index:9;flex-direction:column;justify-content:start;padding:20px;z-index:12;transition:all .3s ease;}
  .navigation-menu.active{right:0;}
  .navigation-menu .menu-item .menu-link{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 10px;}
  .navigation-menu .menu-item .menu-link:hover{color:var(--shades01)}
  .navigation-menu .menu-item .dropdown-menu{background-color:var(--shades02);position:static;min-width:100%;max-height:0;padding:0;margin:0;overflow:hidden;transform:none;opacity:1;visibility:visible;transition:max-height .3s ease,padding .3s ease}
  .navigation-menu .menu-item.active .dropdown-menu{max-height:5000px;padding:8px 0; opacity:1;visibility:visible;transform:translateX(0) translateY(0)}
  .navigation-menu .menu-item .dropdown-menu-inner{padding: 10px; background-color: rgba(var(--shades01-rgb), 0.15);}
  .navigation-menu .menu-item .dropdown-menu-item{padding: 6px 0; text-transform: capitalize;}
  header .menu-backdrop.active{opacity: 1; visibility: visible;}
  .navigation-menu .menu-item{width: 100%;}
  .navigation-menu .bar-actions{width: 100%;}
  .media-section{padding:375px 0 390px}
  .bar-actions button{background-color:var(--red);border-color:transparent;width:40px;height:40px;color:var(--shades01);font-size:20px;border-radius:0}
  .header-actions{margin-left:auto}
  header .brand-logo{height:54px}
  .header-actions .btn-action{height:44px;font-size:14px}
  .bar-actions{display:flex}
  .navigation-menu.active:after{opacity:1;visibility:visible}
  .section-products{border-radius:0 180px 0 0}
  .home-hero{padding:80px 0 85px;z-index:2;border-radius:0 0 0 125px}
  .media-section .rail-bridge{left:-40px;top:182px;height:160px}
  .home-copy h1{font-size:72px}
  .home-copy .hero-description{font-size:20px;margin:40px 0 0}
  .hero-stats{margin:40px 0 0}
  .hero-stats strong{font-size:36px}
  .hero-stats span{font-size:14px}
  .media-section .rail-bridge{position:absolute;left:-4.5%;top:212px;height:150px;aspect-ratio:5 / 2;z-index:1;mix-blend-mode:luminosity}
  .media-section .shape-bridge{bottom:-160px;height:700px}
  .section-products .product-title-overlay{font-size:90px;max-width:980px}
  .section-products .product-title{font-size:64px}
  .section-products .description{font-size:16px}
  .section-products .product-item .product-name{font-size:18px}
  .section-products .product-item .product-description,.section-products .product-item .product-actions .btn-action{font-size:14px}
  .section-products .product-item .product-id{font-size:24px}
  .standard-section .standard-title-overlay{font-size:75px}
  .standard-section .standard-content,.standard-section .feature-grid,.look-section .look-content,.look-section .look-gallery{grid-column:span 12 / span 12}
  .standard-section .standard-title-overlay,.section-products .product-title-overlay{top:0}
  .look-section .look-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer-section .top-footer{grid-template-columns:repeat(3,minmax(0,1fr));align-items: flex-start;}
  .footer-section .top-footer .footer-content{grid-column:span 3 / span 3}

  .footer-section .top-footer .footer-meta{grid-template-columns:repeat(2,minmax(0,1fr));grid-column:span 2 / span 2}
  .footer-section .top-footer .footer-meta .meta-informations{flex:1}
  .top-footer .footer-certificate{padding:0;border-color:transparent}

  .footer-section .bottom-footer{flex-direction:column-reverse;gap:20px}

  .company-section{padding:100px 0}
  .company-section .company-overlay{font-size:100px;left:0;right:0;text-align:center}
  .section-about .about-image,.section-about .about-content,.company-section .company-content,.company-section .company-image{grid-column:span 12 / span 12}
  .section-about .about-image,.company-section .company-image{aspect-ratio:5 / 3}
  .section-about .about-content-overlay,.company-section .company-overlay{top:90%;left:0;right:0;margin:0 auto;text-align:center;font-size:100px}
  .company-section .company-content{order:2}
  .company-section .company-image{order:1}
  .parts-section .parts-filter .parts-category,.parts-section .parts-filter .parts-tags,.parts-section .parts-filter .parts-partnumber,.parts-section .parts-filter .parts-vendor,.parts-section .parts-filter .parts-search{flex-direction:column;width:100%}
  .contact-section .contact-grid{grid-template-columns:1fr 1fr}
  .single-product-section .single-product-content{padding:40px;font-size:20px}
  .section-error-page{padding:60px 0}
  .product-details-section .product-details-wrapper{grid-template-columns:repeat(1,minmax(0,1fr))}
  .product-details-section .product-right-description-block{grid-column: span 1 / span 1;}
  .section-about .about-content .about-title{margin:0}
}

@media screen and (max-width: 992px) {
  .home-copy h1{font-size:64px}
  .home-copy .hero-description{font-size:18px}
  .hero-stats{flex-wrap:wrap;gap:20px}
  .section-products .product-title-overlay{text-align:center;font-size:72px}
  .standard-title-overlay{font-size:72px}
  .standard-section .standard-title,.section-products .product-title,.look-section .look-title{font-size:54px}
  .standard-section .standard-title-overlay{font-size:65px}
  .footer-section .top-footer .footer-meta .meta-informations{flex-direction:column;gap:20px}
  .page-hero{padding:100px 0;border-radius:0 0 0 100px}
  .page-hero.contact-page{padding:100px 0}
  .page-hero .eyebrow{font-size:14px;margin:0 0 16px}
  .page-hero .page-title{font-size:64px;margin:0 0 16px}
  .page-hero .page-description{font-size:18px}
  .page-hero .rail-bridge{height:100px}
  .page-shape-image{position:absolute;left:-30px;bottom:-45px;max-width:480px}
  .parts-section .parts-filter form{flex-direction:column}
  .parts-section .parts-filter .parts-category,.parts-section .parts-filter .parts-tags,.parts-section .parts-filter .parts-partnumber,.parts-section .parts-filter .parts-vendor,.parts-section .parts-filter .parts-search{width:100%}
  .parts-section .parts-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}
  .call-to-action .action-title{font-size:48px}
  .call-to-action .call-actions .btn-action{height:54px;font-size:16px}
  .call-to-action .call-actions .btn-action .block-box{font-size:16px;width:40px}
  .section-career .career-filter{flex-direction:column;margin:0 0 40px}
  .section-career .career-job-category,.section-career .career-job-category select{width:100%}
  .section-career .career-wrapper .career-item{padding:20px}
  .section-career .career-item .career-content .career-title{font-size:20px}
  .section-career .career-item .career-content .career-designation{font-size:14px}
  .section-career .career-item .career-meta .career-meta-data i{font-size:18px}
  .section-career .career-item .career-meta .career-meta-data{font-size:14px;gap:8px}
  .section-career .career-item .career-meta .career-actions .career-btn{height:32px;font-size:14px}
  .contact-section .contact-grid{grid-template-columns:repeat(1,minmax(0,1fr))}
  .contact-section .contact-card{border-radius:40px 40px 0 0}
  .contact-section .contact-card .contact-info-title{font-size:32px}
  .contact-section .contact-card .contact-info-subtitle{font-size:28px}
  .contact-section .contact-card,.contact-section .contact-form{padding:30px 25px}
  .contact-section .meta-informations .meta-item .meta-data .meta-label{font-size:18px}
  .contact-section .meta-informations .meta-item .meta-data .meta-content{font-size:14px}
  .contact-section .meta-informations .meta-item .meta-icon{font-size:24px}
  .contact-section .meta-informations .meta-item{gap:20px}
  .contact-section .contact-form .contact-form-title{font-size:32px}
  .section-error-page .error-title{font-size:64px}
  .section-error-page .error-subtitle{font-size:20px}
  .section-about .about-content-overlay, .company-section .company-overlay{display: none;}
  .section-about{padding: 240px 0 60px;}
  .company-section{padding: 100px 0 30px;}
}

@media screen and (max-width: 768px) {
  .hero-stats { justify-content: center;gap: 16px;width: 90%;}
  .hero-stats .quality{padding:6px}
  .hero-stats strong{font-size:30px}
  .hero-stats .quality::before{bottom:-10px;height:6px;left:-9px}
  .hero-stats .quality .quality-warrenty{font-size:40px}
  .hero-stats .quality .total-warrenty{font-size:16px}
  .hero-stats span{font-size:10px}
  .hero-stats .quality::after{width:6px;left:-9px}
  .media-section{padding:375px 0 350px}
  .footer-section .top-footer{gap: 24px;}
  .footer-section .top-footer .footer-meta{flex-wrap:wrap;gap: 16px;}
  .section-products .product-wrapper{grid-template-columns:repeat(1,minmax(0,1fr));gap:30px}
  .standard-section .feature-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .standard-section .rail-bridge{height:85px}
  .look-section{padding:60px 0}
  .look-section .look-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-section{padding:50px 0}
  .section-products{padding:50px 0}
  .section-products .product-title-overlay{font-size:54px;text-align:left;padding:0 0 0 16px}
  .section-about .about-content-overlay,.company-section .company-overlay{font-size:65px;display: none;}
  .page-hero{border-radius:0 0 0 60px}
  .page-hero .rail-bridge{height:80px}
  .page-shape-image{left:-40px;bottom:-38px;max-width:400px;position:absolute;left:-30px;bottom:-38px;max-width:400px}
  .checkout-section .checkout-wrapper .checkout-item{flex-wrap:wrap}
  .checkout-section .checkout-wrapper .checkout-item .checkout-actions{margin-left:0;width:100%}
  .checkout-section .checkout-footer{flex-direction:column}
  .checkout-section .checkout-footer .update-action{width:100%}
  .checkout-section .checkout-footer .continue-action{width:100%}
  .billing-section .billing-form .billing-form-container .form-group{grid-column:span 12 / span 12}
  .billing-section .billing-form .billing-form-container .form-actions{justify-content:center}
  .billing-section .billing-form .billing-form-container .form-actions .submit-action{width:100%}
  .single-product-section .single-product-content{padding:27px;font-size:16px}
  .media-section .shape-bridge{bottom:-45px;height:500px}
  .look-section .rail-bridge{height:150px}
  .page-hero .page-title{font-size: 44px;}
  .gallery-section .container{ grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media screen and (max-width: 580px) {
  .footer-section .top-footer{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .footer-section .top-footer .footer-content, .top-footer .footer-certificate, .footer-section .top-footer .footer-meta{grid-column: span 1 / span 1;}
  .top-footer .footer-certificate .footer-certificate-inner{max-width: 240px;}
}
@media screen and (max-width: 480px) {
  header .container{gap:10px}
  .bar-actions button{font-size:15px;border-radius:0;width:32px;height:32px}
  .hero-stats{padding:0 24px; width: 100%;}
  .hero-stats strong{font-size:28px}
  .hero-stats .stats-item+.stats-item{margin:0}
  header .brand-logo{height:40px}
  .header-actions .btn-action{height:32px;font-size:12px}
  .home-hero{padding:40px 0;border-radius:0 0 0 105px}
  .home-copy h1{font-size:54px}
  .home-copy .hero-description{font-size:14px}
  .hero-stats{gap:16px}
  .hero-stats .quality{width:calc(50% - 8px);margin:0}
  .hero-stats .stats-item{width:calc(50% - 8px)}
  .media-section .rail-bridge{left:-10.5%;top:210px;height:100px}
  .media-section{padding:315px 0 230px;margin:-235px 0 -200px}
  .media-section .shape-bridge{bottom:-45px;height:350px}
  .section-products{border-radius:0 125px 0 0}
  .section-products .product-title-overlay{font-size:40px}
  .standard-section .standard-title,.section-products .product-title,.look-section .look-title{font-size:36px}
  .section-products .description{font-size:14px}
  .section-products .product-item .product-name{font-size:20px}
  .section-products .product-item .product-description,.section-products .product-item .product-actions .btn-action{font-size:14px}
  .standard-section .standard-title-overlay{font-size:40px;margin:15px}
  .look-section .look-description,.standard-section .standard-description,.section-products .description{font-size:14px}
  .standard-section .btn-action{height:40px;font-size:14px}
  .standard-section .standard-description{margin:0 0 20px}
  .look-section .container,.standard-section .container{gap:20px}
  .standard-section .feature-grid{grid-template-columns:repeat(1, minmax(0, 1fr))}
  
  .look-section .rail-bridge{height:100px}
  .top-footer .footer-content .footer-logo{height:50px}
  .footer-section .top-footer{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .footer-section .top-footer .footer-content, .footer-section .top-footer .footer-meta{grid-column: span 1 / span 1;}

  .footer-section .top-footer .footer-meta{gap:20px;flex-direction:column}
  .footer-section .bottom-footer .footer-nav{flex-wrap:wrap;justify-content:center;gap:15px}
  .footer-section .bottom-footer .footer-nav .footer-link{font-size:14px}
  .footer-section .bottom-footer .footer-copyright{text-align:center}
  .footer-section .top-footer .footer-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-meta .meta-informations .meta-content .meta-data{font-size:11px}
  .page-hero{padding:30px 0 80px}
  .page-hero.contact-page{padding:30px 0 80px}
  .page-shape-image{left:-20px;bottom:-28px;max-width:280px}
  .page-hero .page-title{font-size:54px}
  .page-hero .page-description{font-size:14px}
  .page-hero .rail-bridge{right:16px;height:65px}
  .section-about .container,.company-section .container{gap:20px}
  .section-about .about-content .about-title,.company-section .company-content .company-title{font-size:40px}
  .section-about .about-content .about-description,.company-section .company-content .company-description{font-size:14px}
  .section-about .about-content-overlay,.company-section .company-overlay{font-size:54px}
  .gallery-section .container{grid-template-columns:repeat(2,minmax(0,1fr))}
  .parts-section .parts-wrapper{grid-template-columns:repeat(1,minmax(0,1fr))}
  .call-to-action{padding:40px 0}
  .call-to-action .action-title{font-size:40px}
  .call-to-action .action-description{font-size:16px}
  .call-to-action .call-actions .btn-action{height:40px;font-size:14px}
  .call-to-action .call-actions .btn-action .block-box{font-size:14px;width:28px}
  .section-career{padding:80px 0}
  .section-career .career-item .career-content{flex-direction:column;gap:10px}
  .section-career .career-item .career-content .career-title{font-size:16px}
  .section-career .career-filter{gap:8px}
  .section-career .career-wrapper .career-item+.career-item{margin:16px 0 0}
  .section-career .career-item .career-meta .career-meta-data{font-size:12px}
  .section-career .career-item .career-meta{flex-wrap:wrap;gap:10px}
  .section-career .career-item .career-meta .career-actions{width:100%}
  .section-career .career-item .career-meta .career-actions .career-btn{width:100%}
  .section-job-details{padding:30px 0}
  .section-job-details .job-title{font-size:30px}
  .section-job-details .job-form .job-form-title{font-size:24px}
  .contact-section .contact-form .form-actions .form-action{height:40px;font-size:14px}
  .section-about .about-image img,.company-section .company-image img{border-radius:0 0 50px 0}
  .parts-section .parts-item .parts-image{height:240px}
  .checkout-section{padding:50px 0}
  .billing-section{padding:0 0 50px}
  .checkout-section .checkout-title{margin:0 0 15px}
  .checkout-section .checkout-wrapper .checkout-item .checkout-image{width:45px;height:45px}
  .checkout-section .checkout-wrapper .checkout-item{flex-direction:column;align-items:center;justify-content:center}
  .checkout-item .checkout-content .model-name{font-size:15px;text-align:center}
  .checkout-item .checkout-content .model-id{font-size:12px;text-align:center}
  .checkout-section .checkout-footer{gap:15px}
  .checkout-section .checkout-footer .update-action,.checkout-section .checkout-footer .continue-action,.billing-section .billing-form .billing-form-container .form-actions .submit-action{height:40px;font-size:14px}
  .checkout-section .checkout-wrapper .checkout-item .checkout-actions{justify-content:center}
  .yith-ywraq-mail-form-wrapper form{grid-template-columns:repeat(1,minmax(0,1fr))}
  .yith-ywraq-mail-form-wrapper form .form-row.form-row-wide{grid-column:span 1 / span 1}
  .single-product-section .container{grid-template-columns:repeat(1,minmax(0,1fr))}
  .page-hero .page-title{font-size:30px}
  .section-error-page .error-title{font-size:64px}
  .section-error-page .btn-action{height:32px;font-size:12px}
  .section-error-page{padding:30px 0}
  .product-details-section .product-main-image{height:320px}
  .product-details-section .product-info-col{gap:20px;padding:16px}
}