:root {

    --base:calc(1vw + 1vh);

    --white:var(--bs-white);

    --black:var(--bs-black);

    --black-80:rgb(0 0 0 / 80%);

    --theme-000306:#000306;

    --black-05: rgb(255 255 255 / 5%);

    --theme-primary:#0A406B;

    --theme-011e35:#011e35;

    --theme-00407C:#00407C;

    --theme-secondary:#323232;

    --theme-58585A:#58585A;

    --theme-FBFDFF:#FBFDFF;

    --theme-DFDFDF:#DFDFDF;

    --theme-A0A0A0:#A0A0A0;

    --theme-F4F4F4:#F4F4F4;

    --theme-F1F1F1:#F1F1F1;

    --theme-F5F5F5:#F5F5F5;

    --base-font:'Plus Jakarta Sans', sans-serif;

    --heading-font: 'Proxima Nova', sans-serif;

    --swiper-navigation-size: 1.875rem;

    --swiper-theme-color: var(--primary);

    --body-text:var(--black-50);

}



html, body{margin: 0px; padding: 0px; overflow-x: hidden;}



/* Usama Code */



h1, h2, h3, h4, h5, h6, span{margin: 0px; padding: 0px; font-family: 'Proxima Nova';}

p, a, ul, li, p{margin: 0px; padding: 0px;}

p, a, ul, li, .btn{ font-family: 'Plus Jakarta Sans';}



.texspin-fonts{font-family: 'Texspin';}





.ls-2{letter-spacing: 1.92px;}.ls-3{letter-spacing: 3.2px;}.ls-4{letter-spacing: 4px;}.ls-5{letter-spacing: 4.8px;}.ls-13{letter-spacing: 12.8px;}.ls-13{letter-spacing: 12.8px;}.ls-4_5{letter-spacing: 4.48px;}





.ls-12{letter-spacing: 11.28px;}.ls-14{letter-spacing: 2.221px;}.ls-16{letter-spacing: 2.534px;}.ls-17{letter-spacing: 17px;}.ls-20{letter-spacing: 3.2px;}.ls-28{letter-spacing: 4.48px;}.ls-44{letter-spacing: 7px;}.ls-76{letter-spacing: 12.301px;}.ls-89{letter-spacing: 14.32px;}.ls-3{letter-spacing: 2.97px;}

.text-justify{text-align: justify;}
.space-y{height:var(--space-y)}.space-x{width:var(--space-x)}
.py-150,.pt-150{padding-top: 9.375rem;}
.py-150,.pb-150{padding-bottom: 9.375rem;}



.py-130,.pt-130{padding-top: 8.125rem;}

.py-130,.pb-130{padding-bottom: 8.125rem;}



.py-100,.pt-100{padding-top: 6.25rem;}

.py-100,.pb-100{padding-bottom: 6.25rem;}



.fs-12{font-size: 12px;}.fs-13{font-size: 13px;}.fs-14{font-size: 14px;}.fs-15{font-size: 15px;}.fs-18{font-size: 18px;}.fs-22{font-size: 22px;}.fs-30{font-size: 30px;}.fs-35{font-size: 35px;}.fs-75{font-size: 75px;}.fs-85{font-size: 5.313rem;}.fs-96{font-size: 6rem;}.fs-159{font-size: 9.9025rem;}



.text-clr-primary{color: var(--theme-primary);}.text-clr-secondary{color: var(--theme-secondary);}.text-clr-A0A0A0{color: var(--theme-A0A0A0);}.text-clr-00407C{color: var(--theme-00407C);}.text-black-80{color: var(--black-80);}.text-black-05{color: var(--black-05);}.text-clr-58585A{color: var(--theme-58585A);}.bg-clr-FBFDFF{background-color: var(--theme-FBFDFF);}.bg-clr-primary{background-color: var(--theme-primary);}.bg-clr-F5F5F5{background-color: var(--theme-F5F5F5);}.text-white-20{--bs-text-opacity: 1; color: rgba(255,255,255,.2)!important;}.text-clr-F1F1F1{color: var(--theme-F1F1F1);}.bg-clr-F4F4F4{background-color: var(--theme-F4F4F4);}.text-clr-DFDFDF{color: var(--theme-DFDFDF);}.bg-clr-000306{background-color: var(--theme-000306);}





/* Text Stroke */

.text-stroke-gray{color: #DFDFDF; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #DFDFDF;}



.btn.btn-link{--bs-btn-font-size: .75rem; --bs-btn-font-weight: 500; --bs-btn-padding-x: 0rem; --bs-btn-padding-y: 0.375rem; text-transform: uppercase; letter-spacing: 4.4px; text-decoration: none; position: relative; transition: padding 300ms ease; z-index: 1;}

.btn.btn-link::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; z-index: -1;}

.btn.btn-link:hover{padding: 6px 7px;}

.btn.btn-link:hover:before{height: 100%; transition:  height 400ms ease .2s;}



.btn-link.btn-link-black{--bs-btn-color: var(--black); --bs-btn-hover-color: var(--white); --bs-btn-active-color: var(--white);}

.btn-link.btn-link-black::before{background-color: var(--black);}

.btn-link.btn-link-black:hover svg g{stroke: var(--white);}



.btn-link.btn-link-white{--bs-btn-color: var(--white); --bs-btn-hover-color: var(--black); --bs-btn-active-color: var(--black);}

.btn-link.btn-link-white::before{background-color: var(--white);}

.btn-link.btn-link-white:hover svg g{stroke: var(--black);}





.btn{--bs-btn-font-size: .875rem; --bs-btn-line-height:1.875rem; --bs-btn-font-weight: 700; --bs-btn-padding-x: 3.75rem; --bs-btn-padding-y: .3125rem; text-transform: uppercase; letter-spacing: .2406rem; text-decoration: none;}



.btn.btn-theme-white{--bs-btn-color: var(--theme-primary); --bs-btn-hover-color: var(--white); --bs-btn-bg: var(--white); --bs-btn-hover-bg: var(--theme-primary); --bs-btn-border-color: var(--white); --bs-btn-active-color: var(--white); --bs-btn-active-bg: var(--theme-primary); --bs-btn-border-width: .1875rem; --bs-btn-hover-border-color: var(--theme-primary); --bs-btn-active-border-color: var(--theme-primary);}



.btn.btn-theme-primary{--bs-btn-color: var(--white); --bs-btn-hover-color: var(--white); --bs-btn-bg: var(--theme-primary); --bs-btn-hover-bg: var(--theme-011e35); --bs-btn-border-color: var(--theme-primary); --bs-btn-active-color: var(--theme-primary); --bs-btn-active-bg: var(--theme-primary); --bs-btn-border-width: .1875rem; --bs-btn-hover-border-color: var(--theme-011e35); --bs-btn-active-border-color: var(--theme-primary);}



.btn-theme-outline-white{--bs-btn-color: var(--white); --bs-btn-hover-color: var(--white); --bs-btn-bg: transparent; --bs-btn-hover-bg: var(--theme-primary); --bs-btn-border-color: var(--white); --bs-btn-active-color: var(--white); --bs-btn-active-bg: var(--theme-primary); --bs-btn-border-width: .1875rem; --bs-btn-hover-border-color: var(--theme-primary); --bs-btn-active-border-color: var(--theme-primary);}



.btn-theme-outline-gray{--bs-btn-color: var(--theme-58585A); --bs-btn-hover-color: var(--white); --bs-btn-bg: transparent; --bs-btn-hover-bg: var(--theme-58585A); --bs-btn-border-color: var(--theme-58585A); --bs-btn-active-color: var(--white); --bs-btn-active-bg: var(--theme-58585A); --bs-btn-border-width: .1875rem; --bs-btn-hover-border-color: var(--theme-58585A); --bs-btn-active-border-color: var(--theme-58585A);}





.swiper-pagination{position: static; display: none;}



.headerStatic .site-header{background-color: var(--white);}

.headerFix .site-header{position: fixed; top: 0; left: 0; z-index: 3; width: 100%;}

.site-header nav.navbar{--bs-navbar-padding-y:1rem; --bs-navbar-nav-link-padding-x: 1.25rem;}

.site-header nav.navbar ul li a{font-size: 14px; font-weight: 400;}

.site-header nav .dropdown-toggle::after{border: 0px; width: 11px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 1 4.2 4.2L9.4 1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h11v6H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");     top: 16px; position: absolute; margin-left: 5px; transition: transform 200ms  ease;}

.site-header nav .dropdown-toggle.show::after{transform: rotate(180deg);}

.site-header nav{transition: all 300ms ease;}

.site-header.fixed nav{background-color: var(--white); --bs-navbar-padding-y: 0.5rem; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); position: fixed; top: 0; left: 0; width: 100%; z-index: 11;}



.site-header nav .dropdown-menu{--bs-dropdown-padding-y: 0px; --bs-dropdown-item-padding-y:0.5rem; --bs-dropdown-spacer:0.8rem; --bs-dropdown-border-color: 0px; --bs-dropdown-link-hover-color: var(--white) ; --bs-dropdown-link-hover-bg: var(--theme-primary) ; --bs-dropdown-link-active-bg: var(--theme-primary); overflow: hidden;}





.home.hero-banner .banner-video-wrp video{object-fit: cover; object-position: center; width: 100%; height: calc(100vh - 95px);}



.independence-day .banner-video-wrp{width: 100%;}

.independence-day .banner-video-wrp video{width: 100%; object-fit: cover;}

.after-market{padding: 2.5rem 5.5rem;}



.productSlide .infoBox{padding: 41px 40px 37px; min-height: 425px;}

.productSlide .infoBox .img-wrp img{mix-blend-mode: darken;}



.global-reach .counterWrap{justify-content: space-between; padding: 0 70px;}

.global-reach .title-wrp{padding: 0 70px;}

.global-reach .title-wrp h3{font-size: 28px;}

.global-reach.bg-shape{background-image: url('../images/global-reach.png'); background-size: cover; background-position: bottom center;}

.global-reach{padding: 85px 0px;}

/* .global-reach .text-box{min-width: 240px;} */



.productPage{padding: 197px 0 25px; background-size: cover; background-position: center;}

.productPage{background-image: url('../images/product-banner-bg.jpg');}

.product-bannerLogo{transform: translateY(-40px);}



.bearing-technology.blueVersion{background-color: var(--theme-primary); padding: 4.125rem 0;}



.aftermarket-technology.bg-img{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='522' height='948' fill='none'%3E%3Cpath stroke='%23DCDCDC' d='M174.934 173.628h-345.066L2.401 947l172.533-773.372Z'/%3E%3Cpath stroke='%23DCDCDC' d='M230.145 132.197h-455.487l27.605 124.292L-529 146.007 2.401 1 520 146.007 195.638 256.489l34.507-124.292Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position-y: 90px;}



.philosophy{padding: 140px 0px 0px;}

.philosophy.banner-img{background-image: url(../images/philosophy-bg.jpg); background-size: cover; background-position: center center;}





.no-pseudo::after,.no-pseudo::before{display:none!important;}

.timeline.timeline-one .timeline-item{position: relative; width: 50%; margin-left: 0; padding-bottom: 1.5rem; padding-right: 6.25rem;}

.timeline.timeline-one .timeline-item:before{content: ""; position: absolute; top: 0; right: 0; width: 16px; height: 16px; margin-top: 0.925rem; margin-right: -0.5rem; border: 0.25rem solid var(--theme-primary); border-radius: 50%;}

.timeline.timeline-one .timeline-item:after{content: ""; position: absolute; top: 0; right: 0; bottom: -0.1875rem; width: 0.0625rem; margin-top: 2.5rem; margin-left: -0.0625rem;  border: 1px dashed #0A406B3D;}

.timeline.timeline-one .timeline-item:nth-child(odd){margin-left: 50%; padding-left: 6.25rem; padding-right: 0rem;}

.timeline.timeline-one .timeline-item:nth-child(odd):after, .timeline.timeline-one .timeline-item:nth-child(odd):before{left: 0%;}

.timeline.timeline-one .timeline-item:nth-child(odd):before{margin-left: -0.5rem;}



.timeline.timeline-one .timeline-item .card{--bs-card-spacer-y: 1.875rem; --bs-card-spacer-x: 1.875rem; --bs-card-border-width:0px; --bs-card-border-radius: 0px;--bs-card-bg: var(--white); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='477' height='251' fill='none'%3E%3Cmask id='a' width='477' height='251' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23fff' d='M0 0h477v251H0V0Z'/%3E%3C/mask%3E%3Cg stroke-width='2' mask='url(%23a)' opacity='.1'%3E%3Cpath stroke='url(%23b)' d='M441.118 41.97h-83.881L399.178 230l41.94-188.03Z'/%3E%3Cpath stroke='url(%23c)' d='M454.539 31.898H343.816l6.71 30.219L270 35.256 399.178 0 525 35.255l-78.849 26.862 8.388-30.22Z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='397.5' x2='397.5' y1='0' y2='230' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230A406B'/%3E%3Cstop offset='.599' stop-color='%230A406B' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='397.5' x2='397.5' y1='0' y2='230' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230A406B'/%3E%3Cstop offset='.599' stop-color='%230A406B' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); background-size: cover; background-position: top right;}

.timeline.timeline-one .timeline-item .card .card-title,

.timeline.timeline-one .timeline-item .card .card-subtitle{color: var(--theme-primary);}

.timeline.timeline-one .timeline-item .card hr{color: rgba(0,0,0,.5)!important;}

.timeline.timeline-one .timeline-item .card .card-text{color: rgba(0,0,0,.5)!important;}





.timeline.timeline-one .timelinePrimary .card{--bs-card-bg: var(--theme-primary);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='477' height='251' fill='none'%3E%3Cmask id='a' width='477' height='251' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%230A406B' d='M0 0h477v251H0V0Z'/%3E%3C/mask%3E%3Cg stroke-width='2' mask='url(%23a)' opacity='.17' style='mix-blend-mode:overlay'%3E%3Cpath stroke='url(%23b)' d='M441.118 41.97h-83.881L399.178 230l41.94-188.03Z'/%3E%3Cpath stroke='url(%23c)' d='M454.539 31.898H343.816l6.71 30.219L270 35.256 399.178 0 525 35.255l-78.849 26.862 8.388-30.22Z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='397.5' x2='397.5' y1='0' y2='230' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.599' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='397.5' x2='397.5' y1='0' y2='230' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.599' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");}

.timeline.timeline-one .timelinePrimary .card .card-title,

.timeline.timeline-one .timelinePrimary .card .card-subtitle{color: var(--white);}

.timeline.timeline-one .timelinePrimary .card hr{color: rgba(255,255,255,.5)!important;}

.timeline.timeline-one .timelinePrimary .card .card-text{color: rgba(255,255,255,.5)!important;}



.team-members.bg-img{position: relative;}

.team-members.bg-img::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url('../images/tm-site-logo.svg'); background-size: 140%; background-position: center; opacity: 0.3;}

.team-members .team-box img{filter: grayscale(1);}

.team-members .team-box img{transition: all 500ms ease;}

.team-members .team-box:hover img{filter: grayscale(0);}



.technology-banner{background-image: url('../images/banner-bg-with-logo.jpg'); background-size: cover; background-position: center; padding-top: 250px; height: calc(100vh);}



.dd-abouts.bg-shape{background-image: url('../images/logo-circle-shape.png'); background-size: cover; background-position: center center;}



.dd-testing-validation.bg-img{background-image: url('../images/dd-testing-validation.jpg'); background-size: cover; background-position: center;}



.milestone.banner-img{padding: 66px 0 0;}



.milestone-timeline span[class^="stroke"]{margin-bottom: -130px;}

.milestone-timeline .container .row:nth-child(odd) .stroke-left{transform: translateX(35px);}

.milestone-timeline .container .row:nth-child(even) .stroke-right{transform: translateX(-130px);}



.segmentBanner{height: calc(100vh - 95px); padding-top: 120px ; background-size: cover; background-position: center bottom;}

.segmentBanner.internationalBusiness{background-image: url('../images/ib-segment-bg.png');}

.segmentBanner.aftermarketBanner{background-image: url('../images/am-segment-bg.png');}

.segmentBanner.oemBanner{background-image: url('../images/oem-segment-bg.png');}

.segmentBanner.exportBanner{background-image: url('../images/export-segment-bg.png');}

.segmentBanner.texlubBanner{background-image: url('../images/texlube-segment-bg.png');}

/* .ib-insights{ padding: 178px 0 100px;} */

.product-about .ib-logo{margin-top: -60px;}



.contactUs{padding: 240px 0;}

.contactUs.bg-img{background-image: url('../images/contact-bg.png'); background-size: cover; background-position: center;}



.head-office{padding: 75px 0;}

.head-office.bg-img{background-image: url('../images/contact-headoffice.svg'); background-size: cover; background-position: center;}



.careerBanner.bg-img{background-image: url('../images/career-bg.jpg');}

.careerBanner{padding: 221px 0 63px;}



.afterMarket{padding: 117px 0 570px;}



.pageDetail.bg-img{background-image: url('../images/logo-stroke-gray.svg'); background-position: left 80%; background-repeat: no-repeat;}



.bs_Slide .swiper-pagination{display: block; position: static; transform: translateX(0%) !important; margin:20px auto 0;}

.bs_Slide .swiper-pagination .swiper-pagination-bullet{background-color: #c4c4c4;}

.bs_Slide .swiper-pagination .swiper-pagination-bullet-active-main{background-color: var(--theme-primary);}





.enquiryPage{height: calc(100vh - 94px);}

.enquiryPage.bg-img{background-image: url('../images/enquiry-bg.png'); background-position: center bottom; background-repeat: no-repeat; background-size: cover;}

.enquiryLogo{margin-top: -60px;}



.contactPlantAdd .theme-logo{margin-top: -60px;}





.logosBG{background-image: url('../images/contact-bg.png');}

.deBanner{padding: 9.375rem 0 19rem;}

.contactForm .cfSpacing{margin-top: -194px; padding: 60px 30px 100px;}



form label[class="form-label"]{font-size: 14px; font-weight: 400; color: rgba(52, 64, 84, 1); line-height: 20px; margin-bottom: 6px !important;}

form input[class="form-control"]{padding: 12px 16px; font-size: 16px; line-height: 24px; color: var(--black); border: 1px solid rgba(208, 213, 221, 1); border-radius: 8px; height: 48px;}

form input::placeholder{color: rgba(102, 112, 133, 1);}

form textarea{min-height: 128px !important;}

label.error{font-size: 14px;color: red;font-weight: 500;}




.onlyThemeLink{color: #344054;}



.ibtBanner.bg-img{background-image: url('../images/ibt-bg.png'); background-size: cover; background-position: center bottom;}

.ibtBanner .img-wrp{max-width: 739px;}



.downloadCTA{padding: 116px 0 73px;}

.downloadCTA.bg-img{background-image: url('../images/dowload-CTA.png'); background-position: center; background-size: cover;}



.site-footer{padding: 4.375rem 0px 1.5625rem;}

.site-footer a:hover{text-decoration: underline !important;}



.texlubBanner{padding-top: 110px;}



.logoRight{background-image: url('../images/logo-right.png'); background-position: top right; background-repeat: no-repeat;}



.grayBG{background-image: url('../images/theme-bg-gray.png');}



.homeSegmentSlide div[class^="swiper-button-"]::after{content: ''; position: absolute; width: 50px; height: 50px; background-size: cover; background-position: center;}

.homeSegmentSlide .swiper-button-next::after{  right: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18 6-6-6-6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M24 24H0V0h24z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}

.homeSegmentSlide .swiper-button-prev::after{ left: 0; right: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 6-6 6 6 6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}


/* Legal Documents Page */
.legal-documents-banner{padding: 100px 0;}
.legal-documents-banner.bg-img{background-image: url('../images/contact-bg.png'); background-size: cover; background-position: center;}
.legal-doc-card{background-color: var(--theme-F5F5F5); border-radius: 0px; padding: 28px 24px 24px; border: none;}
.legal-doc-card .doc-title{font-family: 'Proxima Nova', sans-serif;}
.legal-doc-card .btn-doc-open{display: flex; align-items: center; justify-content: space-between; width: 100%; background-color: var(--white); border: 1px solid #E0E0E0; border-radius: 2px; padding: 10px 14px; text-decoration: none; transition: all 300ms ease; font-family: 'Plus Jakarta Sans', sans-serif; cursor: pointer; outline: none;}
.legal-doc-card .btn-doc-open:hover{border-color: var(--theme-primary);}
.legal-doc-card .btn-doc-open .arrow-icon{display: flex; align-items: center; gap: 2px;}
.legal-doc-card .btn-doc-open:hover .arrow-icon svg path, .legal-doc-card .btn-doc-open:hover .arrow-icon svg line{stroke: var(--theme-primary);}





/* ---------------Media Query --- Max start--------------- */
@media (max-width: 1536px){
    .product-about.pa-03 .title-wrp h2{font-size: 3.3rem;}
    .technology-banner{padding-top: 140px;}
}
@media (max-width: 1367px){
    .productPage .content-wrp .space-y{--space-y: 19.5rem !important;}
    .product-about .title-wrp h2{font-size: 3.5rem;}
    .py-150, .pt-150{padding-top: 4.575rem;}
    .py-150, .pb-150{padding-bottom: 4.575rem;}
    .milestone-timeline span[class^="stroke"]{margin-bottom: -110px; font-size: 100px;}
    .milestone-timeline .container .row:nth-child(odd) .stroke-left{transform: translateX(15px);}
    .milestone-timeline .container .row:nth-child(even) .stroke-right{transform: translateX(-110px);}
}
@media (max-width: 1280px){
    .productPage{padding: 130px 0 40px;}
    .product-about .title-wrp h2{font-size: 3rem;}
    .global-reach .space-y{--space-y: 135px !important;}
    .timeline.timeline-one .timeline-item{padding-right: 3rem;}
    .timeline.timeline-one .timeline-item:nth-child(odd){padding-left: 3rem;}
}
@media (max-width: 1024px){
    .home.hero-banner .banner-video-wrp video {height: 576px;}
    .after-market{padding: 2.5rem;}
    .product-about .title-wrp h2{font-size: 2.3rem; letter-spacing: 7.1px;}
    .productPage .content-wrp .space-y{--space-y: 14rem !important;}
    .milestone-timeline span[class^="stroke"]{margin-bottom: -50px;}
    .milestone-timeline .container .row:nth-child(even) .stroke-right{transform: translateX(-100px);}
    .ib-insights .title-wrp .fs-85{font-size: 4.113rem;}
    .addressCompany .head-office{padding: 45px 40px;}
    .contactUs{padding: 150px 0;}
}
@media (min-width: 991rem) and (max-width: 1200px) {}
@media (max-width: 991px){
    .home.hero-banner .banner-video-wrp video{height: 420px;}
    .global-reach .space-y{--space-y: 100px !important;}
    .global-reach .text-box .fs-75{font-size: 55px;}
    .global-reach.bg-shape{background-position: center;}
    .milestone-timeline .container .row:nth-child(even) .stroke-right{transform: translateX(20px);}
    #nav-icon4 {width: 40px; height: 27px; position: relative; z-index: 1; margin: auto; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer;}
    #nav-icon4 span {display: block; position: absolute; height: 2px; width: 100%; background: var(--black); border-radius: 9px; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out;}
    #nav-icon4 span:nth-child(1) {top: 0px; transform-origin: left center;}
    #nav-icon4 span:nth-child(2) {top: 12px; transform-origin: left center;}
    #nav-icon4 span:nth-child(3) {top: 24px; transform-origin: left center;}
    button.hamburgerBTN[aria-expanded="true"] #nav-icon4 span:nth-child(1) {transform: rotate(45deg); top: 0px; left: 8px;}
    button.hamburgerBTN[aria-expanded="true"] #nav-icon4 span:nth-child(2) {width: 0%; opacity: 0;}
    button.hamburgerBTN[aria-expanded="true"] #nav-icon4 span:nth-child(3) {transform: rotate(-45deg); top: 29px; left: 8px;}
    button.hamburgerBTN{position: relative; z-index: 111; border: 0;}
    .site-header nav .navbar-collapse{position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-color: var(--white); display: block; transform: translateX(100%); transition: all 300ms ease 0s; padding: 80px 50px;}
    .site-header nav .navbar-collapse .email{opacity: 0; transition: opacity 300ms ease 1.2s;}
    .site-header nav .navbar-collapse.show .email{opacity: 1;}
    .site-header nav .navbar-collapse.show{transform: translateX(0%); z-index: 1;}
    .site-header nav.navbar ul li a{opacity: 0; font-size: 18px;}
    .site-header nav.navbar ul li .dropdown-menu{width: 85%;}
    .site-header nav.navbar ul li .dropdown-menu a{font-size: 14px;}
    .site-header nav.navbar ul li:nth-child(1) > a{transition-delay: .1s;}
    .site-header nav.navbar ul li:nth-child(2) > a{transition-delay: .3s;}
    .site-header nav.navbar ul li:nth-child(3) > a{transition-delay: .5s;}
    .site-header nav.navbar ul li:nth-child(4) > a{transition-delay: .7s;}
    .site-header nav.navbar ul li:nth-child(5) > a{transition-delay: .9s;}
    .site-header nav .navbar-collapse.show li > a{opacity: 1; transition: opacity 800ms ease;}
    .site-header nav .dropdown-toggle::after{top: 20px;}
    .swiper-pagination{display: block; margin-top: 10px;}
    .swiper-pagination-bullet-active{background-color: var(--theme-primary);}
    .global-reach .counterWrap,.global-reach .title-wrp{padding: 0;}
    .py-130, .pt-130{padding-top: 3.525rem;}
    .py-130, .pb-130{padding-bottom: 3.525rem;}
    .milestone-timeline span[class^="stroke"]{    transform: translateX(15px); position: absolute; right: 20px; top: 0; -webkit-text-stroke-width: 2px;}
    .ib-insights .title-wrp .fs-85{font-size: 2.213rem;}
    .ib-insights .title-wrp .ls-17{letter-spacing: 9px;}
}
@media (max-width: 767px){
    .home.hero-banner .banner-video-wrp video{height: 235px;}
    .productSlide .infoBox{min-height: 325px;}
    .after-market{padding: 4rem 1.5rem;}
    .global-reach .text-box .fs-75{font-size: 35px;}
    .timeline.timeline-one .timeline-item {width: 100%; margin-left: 0; padding-left: 25px; padding-right: 0rem;}
    .timeline.timeline-one .timeline-item.step01::before,.timeline.timeline-one .timeline-item.step01::after{display: block !important;}
    .timeline.timeline-one .timeline-item:nth-child(odd) {padding-right: 0; padding-left: 1.5rem; text-align: left; width: 100%; margin-left: 0;}
    .timeline.timeline-one .timeline-item:before{left: 0px; margin-left: -0.15rem;}
    .timeline.timeline-one .timeline-item:nth-child(odd):before{margin-left: -0.15rem;}
    .timeline.timeline-one .timeline-item:after{left: 0; margin-left: 5px;}
    .milestone-timeline span[class^="stroke"]{-webkit-text-stroke-width: 1px; font-size: 60px; transform: translateX(10px); margin-top: -10px;}
    .addressCompany .head-office{padding: 30px;}
    .homeSegmentSlide div[class^="swiper-button-"]{top: 55%;}
    .legal-documents-banner{padding: 100px 0;}
    .legal-doc-card{padding: 20px 16px 16px;}
}
@media(max-width: 540px){
    .productSlide .infoBox{min-height: 350px; padding: 20px 15px 20px;}
    .productPage{padding: 130px 0 100px;}
    .product-bannerLogo{left: 0; right: 0; transform: translateY(30px);}
    .global-reach .counterWrap > div{width: 50%;}
    .team-members .title-wrp h2{letter-spacing: 5px;}
    .philosophy .product-bannerLogo{transform: translateY(-60px);}
    .product-about.pa-03 .title-wrp h2{font-size: 2.3rem;}
    .contactUs{padding: 90px 0;}
    .world-wide-business{padding-top: 2.75rem; padding-bottom: 2.75rem;}
    .world-wide-business .title-wrp .fs-85{font-size: 2.913rem;}
    .world-wide-business .country-tag .fs-30{font-size: 16px;}
    .world-wide-business .country-tag p span{display: block;}
    #nav-icon4{width: 30px;}
    .site-header nav .navbar-collapse{padding: 80px 20px;}
    #nav-icon4 span:nth-child(2){top: 10px;}
    #nav-icon4 span:nth-child(3){top: 20px;}
    button.hamburgerBTN[aria-expanded="true"] #nav-icon4 span:nth-child(1){top: 0px; left: 0px;}
    button.hamburgerBTN[aria-expanded="true"] #nav-icon4 span:nth-child(3){top: 22px; left: 0px;}
    .site-header nav.navbar ul li .dropdown-menu{width: 100%;}
    .homeSegmentSlide div[class^="swiper-button-"]{top: 50%;}
    .homeSegmentSlide div[class^="swiper-button-"]::after{width: 35px; height: 35px;}
}
@media(max-width: 360px){
    .world-wide-business .title-wrp .fs-85{font-size: 2.513rem;}
    .homeSegmentSlide div[class^="swiper-button-"]{top: 42%;}
}