/* Universal Golden Scrollbar Styles */
   html {
       scrollbar-color: #c9972d #050505;
       scrollbar-width: thin;
   }

   /* WebKit Scrollbar (Safari on macOS/MacBook, Chrome, Edge) */
   ::-webkit-scrollbar {
       width: 10px;
       height: 10px;
   }

   ::-webkit-scrollbar-track {
       background: #050505;
   }

   ::-webkit-scrollbar-thumb {
       background: linear-gradient(180deg, #d4a33d 0%, #c9972d 100%);
       border-radius: 5px;
       border: 2px solid #050505;
   }

   ::-webkit-scrollbar-thumb:hover {
       background: #e6b44c;
   }

   ::-webkit-scrollbar-corner {
       background: #050505;
   }

   .swiper-pagination-bullet {
       border: 1px solid #d4a037;
       opacity: 1;
   }

   * {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }

   :root {
       --gold: #d4a037;
       --black: #050505;
   }

   .arb-main-nav.scrolled {
       background-color: #000 !important;
   }

   .content-side {
       /* height: 100vh; */
   }

   .lubricant-banner .swiper-slide {
       position: relative;
       z-index: 1;
   }

   .lubricant-banner .swiper-slide::before {
       content: '';
       width: 80%;
       height: 100%;
       left: 0;
       z-index: 0;
       position: absolute;
       background-image: linear-gradient(91deg, #000000, #00000000);
   }

   body {
       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   }

   .slide11 {
       padding-top: 146px;
       background-image: url(./img/ytutu.webp);
       background-position: center;
       background-size: cover;
       background-repeat: no-repeat;
   }

   .slide22 {
       padding-top: 146px;
       background-image: url(./img/cardgfd.webp);
       background-position: center;
       background-size: cover;
       background-repeat: no-repeat;
   }

   .slide33 {
       padding-top: 146px;
       background-image: url(./img/banner4431-new.webp);
       background-position: center;
       background-size: cover;
       background-repeat: no-repeat;
   }

   .slide44 {
       padding-top: 146px;
       background-image: url(./img/banner11.png);
       background-position: center;
       background-size: cover;
       background-repeat: no-repeat;
   }

   .lubricant-banner {



       /* min-height: 100vh; */
       position: relative;
       overflow: hidden;
       /* background:#050505; */
       color: #fff;
       display: flex;
       align-items: center;
   }

   /* Your background image */
   .lubricant-banner::before {
       content: "";
       position: absolute;
       inset: 0;
       background-size: cover;
       background-position: center;
       opacity: .9;
   }

   .container {
       width: min(1400px, 95%);
       margin: auto;
       position: relative;
       z-index: 2;

       display: grid;
       grid-template-columns: 372px 1fr 1fr;
       align-items: center;
       gap: 40px;
   }

   /* LEFT */

   .product-side {
       text-align: center;
   }

   .product-img {
       width: 100%;
       /* max-width:260px; */
   }

   /* CENTER */

   .banner-title {
       line-height: 1;
       margin-bottom: 20px;
   }



   .banner-title span {
       display: block;
       font-size: clamp(35px, 2vw, 85px);
       font-style: italic;
       font-weight: 800;
       color: #fff;
   }

   .banner-title strong {
       display: block;
       font-size: clamp(35px, 2vw, 85px);
       font-weight: 900;
       color: #d8a23a;
   }

   .banner-subtitle {
       font-size: 18px;
       letter-spacing: 1px;
       margin-bottom: 40px;
       max-width: 500px;
       color: #ddd;
   }

   .feature-grid {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 20px;
       margin-bottom: 12px;
   }

   .feature-box {
       text-align: center;
   }

   .icon {
       width: 55px;
       height: 55px;
       border: 1px solid #d8a23a;
       border-radius: 50%;
       margin: 0 auto 15px;
   }

   .feature-box h4 {
       font-size: 13px;
       line-height: 1.5;
       font-weight: 500;
   }

   .lubricant-banner .container {
       height: 100vh;
   }

   @media only screen and (max-width:1350px) {


       .banner-subtitle {
           font-size: 12px !important;
       }

       .specs span {
           font-size: 12px !important;
       }

       .banner-subtitle {
           margin-bottom: 12px !important;
       }

       .discover-btn {
           min-width: 200px !important;
           font-size: 16px !important;
           height: 36px !important;
       }

       .icon {
           width: 40px !important;
           height: 40px !important;
       }
   }

   .specs {
       display: flex;
       flex-wrap: wrap;
       gap: 10px;
       margin-bottom: 30px;
   }

   .specs span {
       border: 1px solid #d8a23a;
       padding: 10px 18px;
       font-size: 14px;
   }

   .discover-btn {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       min-width: 220px;
       height: 60px;
       background: #d80c18;
       color: #fff;
       text-decoration: none;
       text-transform: uppercase;
       font-weight: 700;
       letter-spacing: 1px;
       transition: .3s;
   }

   .discover-btn:hover {
       transform: translateY(-3px);
   }

   /* RIGHT */

   .bike-side {
       text-align: right;
   }

   .bike-img {
       width: 100%;
       max-width: 650px;
   }

   /* ==========================
   TABLET
========================== */

   @media(max-width:1100px) {

       .container {
           grid-template-columns: 1fr;
           text-align: center;
       }

       .banner-subtitle {
           margin-inline: auto;
       }

       .feature-grid {
           grid-template-columns: repeat(2, 1fr);
       }

       .specs {
           justify-content: center;
       }

       .bike-side {
           text-align: center;
       }
   }

   /* ==========================
   MOBILE
========================== */

   @media(max-width:768px) {
       .slide44 .content-side {
           background: #00000080;
       }

       .product-img {
           height: 350px !important;
           object-fit: contain;
       }

       .slide11 {
           background-position: 76% 53% !important;
       }

       .myBannerSlider .swiper-slide {
           height: auto !important;
       }

       .arb-main-nav {
           background: #000 !important;
       }

       .lubricant-banner {
           padding: 75px 0;
           background: #000;
       }

       .banner-title span {
           font-size: 42px;
       }

       .banner-title strong {
           font-size: 50px;
       }

       .feature-grid {
           grid-template-columns: 1fr 1fr;
           gap: 15px;
       }

       .feature-box h4 {
           font-size: 12px;
       }

       .lubricant-banner .swiper-pagination {
           display: none !important;
       }

       .specs {
           /* flex-direction: column; */
           align-items: center;
       }

       .slide22,
       .slide33,
       .slide44,
       .slide11 {
           padding-top: 0 !important;
       }

       .discover-btn {
           width: 100%;
           max-width: 280px;
       }
   }

   @media(max-width:480px) {

       .feature-grid {
           grid-template-columns: 1fr;
       }

       .banner-title span {
           font-size: 34px;
       }

       .banner-title strong {
           font-size: 40px;
       }
   }

   .about-arb {
       background: #000;
       color: #fff;
       overflow: hidden;
   }

   .about-wrapper {
       display: grid;
       grid-template-columns: 1.1fr 1fr;
       min-height: 700px;
   }

   /* LEFT IMAGE */

   .about-image {
       position: relative;
       overflow: hidden;
   }

   .about-image img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       display: block;
   }

   /* GOLD DIVIDER */

   .about-content {
       position: relative;
       padding: 80px 70px;
       background: #050505;
   }

   .about-content::before {
       content: "";
       position: absolute;
       left: -30px;
       top: 0;
       width: 2px;
       height: 100%;
       background: linear-gradient(to bottom,
               transparent,
               var(--gold),
               transparent);
       transform: skew(-12deg);
   }

   /* TAG */

   .section-tag {
       display: inline-flex;
       align-items: center;
       gap: 15px;
       color: var(--gold);
       font-size: 14px;
       font-weight: 600;
       margin-bottom: 20px;
   }

   .section-tag::after {
       content: "";
       width: 70px;
       height: 1px;
       background: var(--gold);
   }

   /* TITLE */

   .section-title {
       font-size: 72px;
       line-height: 0.95;
       margin-bottom: 30px;
       font-weight: 900;
       text-transform: uppercase;
       font-style: italic;
       letter-spacing: -2px;
   }

   .section-title span {
       display: block;
       color: var(--gold);
   }

   /* TEXT */

   .about-content p {
       color: #cfcfcf;
       line-height: 1.8;
       margin-bottom: 20px;
       font-size: 17px;
   }

   /* FEATURES */

   .feature-row {
       display: flex;
       gap: 50px;
       margin-top: 40px;
       padding-top: 30px;
   }

   .feature-item {
       display: flex;
       align-items: center;
       gap: 15px;
   }

   .feature-icon {
       font-size: 26px;
       color: var(--gold);
   }

   .feature-item span {
       display: block;
       color: #aaa;
       font-size: 12px;
   }

   .feature-item strong {
       display: block;
       color: var(--gold);
       font-size: 15px;
   }

   /* STATS */

   .stats-bar {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       border: 1px solid rgba(212, 160, 55, .25);
       background: #030303;
   }

   .stat-item {
       text-align: center;
       padding: 45px 20px;
       border-right: 1px solid rgba(212, 160, 55, .2);
   }

   .stat-item:last-child {
       border-right: none;
   }

   .stat-icon {
       font-size: 32px;
       margin-bottom: 20px;
       color: var(--gold);
   }

   .stat-item h3 {
       font-size: 64px;
       line-height: 1;
       margin-bottom: 10px;
       font-weight: 800;
   }

   .stat-item span {
       color: var(--gold);
       font-size: 14px;
   }

   /* TABLET */

   @media(max-width:991px) {

       .about-wrapper {
           grid-template-columns: 1fr;
       }

       .about-image {
           min-height: 450px;
       }

       .about-content {
           padding: 60px 30px;
       }

       .about-content::before {
           display: none;
       }

       .section-title {
           font-size: 52px;
       }

       .feature-row {
           flex-direction: column;
           gap: 25px;
       }

       .stats-bar {
           grid-template-columns: repeat(2, 1fr);
       }
   }

   /* MOBILE */

   @media(max-width:576px) {
       .arb-network-showcase__title {
           color: #fff;
           font-size: 46px !important;
       }

       .section-title {
           font-size: 38px;
       }

       .about-content p {
           font-size: 15px;
       }

       .stats-bar {
           grid-template-columns: 1fr 1fr;
       }

       .stat-item {
           border-right: none;
           border-bottom: 1px solid rgba(212, 160, 55, .15);
       }

       .stat-item h3 {
           font-size: 42px;
       }
   }

   .arb-network-showcase__pagination {
       padding-top: 40px;
   }

   .arb-featured-section {
       position: relative;
       padding-bottom: 40px;
       background: #050505;
       overflow: hidden;
   }

   .containersss {
       width: min(1600px, 95%);
       margin: auto;
   }

   .section-heading .sub-title {
       display: block;
       color: #c9972d;
       font-size: 14px;
       letter-spacing: 2px;
       margin-bottom: 10px;
       text-transform: uppercase;
   }

   .section-heading h2 {
       color: #fff;
       font-size: 58px;
       font-weight: 900;
       text-transform: uppercase;
       line-height: 1;
   }

   .section-heading h2 span {
       color: #c9972d;
   }

   .section-heading p {
       color: #bdbdbd;
       max-width: 600px;
       margin: 15px auto 0;
   }

   .arb-featured-section {
       background: #050505;
       overflow: hidden;
   }

   .containersss {
       width: min(1600px, 95%);
       margin: auto;
   }

   .section-heading .sub-title {
       display: block;
       color: #c9972d;
       font-size: 14px;
       letter-spacing: 2px;
       margin-bottom: 10px;
       text-transform: uppercase;
   }

   .section-heading h2 {
       color: #fff;
       font-size: 58px;
       font-weight: 900;
       text-transform: uppercase;
       line-height: 1;
   }

   .section-heading h2 span {
       color: #c9972d;
   }

   .section-heading p {
       color: #bdbdbd;
       max-width: 600px;
       margin: 15px auto 0;
   }

   .btn-cart {
       width: 100%;
       height: 48px;
       border: 1px solid #c9972d;
       background: transparent;
       color: #c9972d;
       border-radius: 6px;
       font-size: 13px;
       font-weight: 700;
       transition: .3s;
   }

   .btn-cart:hover {
       background: #c9972d;
       color: #000;
   }

   .btn-cart {
       width: 100%;
       height: 48px;
       border: 1px solid #c9972d;
       background: transparent;
       color: #c9972d;
       border-radius: 6px;
       font-size: 13px;
       font-weight: 700;
       transition: .3s;
   }

   .btn-cart:hover {
       background: #c9972d;
       color: #000;
   }

   .arb-main-nav {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       z-index: 9999;

       /* background:#000; */
       border-bottom: 1px solid rgba(255, 255, 255, .08);
   }

   .arb-main-nav__container {
       width: min(1500px, 95%);
       margin: auto;

       display: flex;
       align-items: center;
       justify-content: space-between;

       min-height: 90px;
   }

   /* Left */

   .arb-main-nav__brand {
       display: flex;
       align-items: center;
       gap: 20px;
   }

   .arb-main-nav__logo img {
       height: 58px;
   }

   .arb-main-nav__india {
       height: 55px;
   }

   /* Menu */

   .arb-main-nav__list {
       display: flex;
       align-items: center;
       gap: 55px;

       list-style: none;
       margin: 0;
       padding: 0;
   }

   .arb-main-nav__list a {
       color: #fff;
       text-decoration: none;
       font-size: 18px;
       font-weight: 600;
       transition: .3s;
   }

   .arb-main-nav__list a:hover {
       color: #c9972d;
   }

   /* Dropdown */

   .arb-main-nav__dropdown {
       position: relative;
   }

   .arb-main-nav__submenu {
       position: absolute;
       top: 100%;
       left: 0;

       min-width: 220px;

       background: #111;

       list-style: none;

       opacity: 0;
       visibility: hidden;

       transform: translateY(10px);

       transition: .3s;

       padding: 10px 0;
   }

   .arb-main-nav__dropdown:hover .arb-main-nav__submenu {
       opacity: 1;
       visibility: visible;
       transform: translateY(0);
   }

   .arb-main-nav__submenu li a {
       display: block;
       padding: 12px 20px;
   }

   /* Contact */

   .arb-main-nav__contact {
       display: flex;
       align-items: center;
       gap: 15px;

       color: #fff;
   }

   .arb-main-nav__contact i {
       color: #fff;
       font-size: 28px;
   }

   .arb-main-nav__contact span {
       display: block;
       font-size: 14px;
       color: #bcbcbc;
   }

   .arb-main-nav__contact strong {
       font-size: 20px;
   }

   /* Toggle */

   .arb-main-nav__toggle {
       display: none;
       background: none;
       border: none;
       color: #fff;
       font-size: 26px;
       cursor: pointer;
   }

   @media(max-width:1100px) {

       .arb-main-nav__contact {
           display: none;
       }

       .arb-main-nav__list {
           gap: 30px;
       }

   }

   @media(max-width:991px) {

       .arb-main-nav__toggle {
           display: block;
       }

       .arb-main-nav__menu {
           position: fixed;
           top: 90px;
           left: -100%;

           width: 100%;
           height: calc(100vh - 90px);

           background: #000;

           transition: .4s;
       }

       .arb-main-nav__menu.active {
           left: 0;
       }

       .arb-main-nav__list {
           flex-direction: column;
           align-items: flex-start;

           padding: 40px 25px;
           gap: 25px;
       }

       .arb-main-nav__submenu {
           position: static;
           opacity: 1;
           visibility: visible;
           transform: none;
           display: none;
           background: #111;
           margin-top: 10px;
       }

       .arb-main-nav__dropdown.active .arb-main-nav__submenu {
           display: block;
       }

       .arb-main-nav__india {
           /*display: none;*/
       }
   }

   @media(max-width:576px) {

       .arb-main-nav__logo img {
           height: 48px;
       }

       .arb-main-nav__container {
           min-height: 75px;
       }

       .arb-main-nav__menu {
           top: 75px;
           height: calc(100vh - 75px);
       }
   }

   .myBannerSlider {
       width: 100%;
       height: 100%;
   }

   .myBannerSlider {
       position: relative;
   }

   .myBannerSlider .swiper-slide {
       display: flex;
       justify-content: center;
       width: 100%;
       padding: 50px 0;
       height: 100vh;
       align-items: center;
   }

   .icon {
       width: 60px;
       height: 60px;
       /* background: #f5f5f5; */
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       margin-bottom: 15px;
   }

   .icon i {
       font-size: 26px;
       /* color: #d71920;  */
   }


   section {
       border-top: 1px solid rgb(212 163 61);
   }

   .mt-4 {
       margin-top: 1.5rem !important;
   }