@charset "utf-8";

.guide h2, .guide h3 { padding: 10px 0;}
.guide h4 { font-size: 22px;  font-weight: 500;  padding: 5px 0;  color: #2c3039;}
.cta_white{color:#000 !important;}
body {background: #fefefe;color: #1F2937; font-size: 16px;font-family: Poppins !important; font-weight: 400;    line-height: 25px;}
.form-group {  margin-bottom: 5px;}
.navbar,.navbar-nav { position: relative; z-index: 1000;}
a, a:hover, a:focus{text-decoration:none;outline:none;color:inherit;}
.top_nav img {width:45%;}
video::-webkit-media-controls {display: none !important;}
table { margin: 20px 0;}
.fotr_link { border-top: 1px solid #a3adbf; padding-top: 18px;}
img{max-width:100%;}
ul, li{margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5, h6 {color: #333333; font-family: Poppins;font-size: 32px;line-height: 35px;color: #2c3039; margin-bottom: 16px;font-weight: 400;}
.bnr_left h1 {color: #fff;font-weight: 600; line-height: 1.4; font-size: 37px; text-transform: uppercase;}
span.bnr_highlight { color: #F97316;}
.bnr_left p.sub_title {color: #fff; line-height: 1.8; font-size: 18px; font-weight: 500;}
.purple_btn {background: #F97316; border: none; color: #fff; font-weight: 600; font-size: 16px;padding: 12px 27px;border-radius: 8px; text-transform: capitalize; display: inline-block; letter-spacing: 0.7px;}
.purple_btn:hover , .purple_btn:focus{ background: #F97316;   color: #fff;transition:all ease-in-out 0.4s;	-webkit-transition:all ease-in-out 0.4s; }
input[type="text"], input[type="email"], input[type="tel"], textarea, select { background: #f0f1f5;  border: transparent;  border-radius: 8px;color:#191b24 !important;font-weight: 400; padding: 13px 9px;  width: 100%; text-transform: none;  font-size: 15px;margin-bottom: 5px;}
input.form-select {  padding: 10px 9px;}
textarea{height:80px;}
input{color:#1c1d24!important; font-weight:400; opacity:1;}
.form-group input.form-select{color: #1c1d24 !important}
::placeholder{color:#cdcdcd!Important;}
.form-select:invalid{color: #cdcdcd !important;}
.form-select option { color: #1c1d24 !important;}
:focus-visible {outline:none;}
.dropdown-menu { min-width: 300px;}
.navbar-nav > li.dropdown > a:first-child {display: inline-block; padding-right: 5px;}
.navbar-nav > li.dropdown > a.dropdown-toggle {display: inline-block;}
@media (min-width: 1200px) {.container { width: 1080px;}}
header{position:relative; z-index:9;}
.navbar-default .navbar-nav>.active>a , .navbar-default .navbar-nav>.active>a:hover {background: transparent;  color: #F97316;}
.dropdown-menu { font-size: 15px;letter-spacing: 0.5px;}
.top_nav {padding: 15px 0 15px; background: #101826;}
.main_nav {float: right;}
#banner .row {display: flex;  align-items: center;}
.top_right {padding: 7px 15px 0;}
.main_nav .navbar{background:transparent;border:none; border-radius:0; margin:0;}
.dropdown-menu>li>a,.dropdown-menu>li>p { padding: 5px 15px;}
.dropdown-menu>li>p{margin-bottom:0;color:#333}
.navbar-default .navbar-nav > li{ padding:0 25px 0 0; }
.navbar-default .navbar-nav > li.padng_none{padding-left:0;}
.navbar-default .navbar-nav > li:last-child(){padding-right:0;}
.navbar{min-height:auto}
.navbar-default .navbar-nav > li > a {font-size: 16px;color: #ffffff;padding: 0;font-weight: 500;text-transform: capitalize;letter-spacing: 0.5px;}
header .row { display: flex; align-items: center;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {background:transparent; color: #F97316;}
.navbar .row { align-items: center;  display: flex;}
a.nv_cta {color: #ffcb00; padding: 5px 10px;  float: right;}
.top_right .dropdown {border: 1px solid #ccc;display: inline-block;margin-left: 20px;padding: 2px 10px;}
.top_right a {font-size: 20px;}
.top_right a span{font-weight:600;}
.top_right .dropdown a {font-size: 15px;}
.top_right .dropdown a img{margin-right:5px;}
.mobile_logo{display:none;}
.blink-soft {animation: blinker 1.5s linear infinite;}
@keyframes blinker {  50% {  opacity: 0.1;  }}
.navbar-collapse { padding-left: 0;}
.form_badge img {width: 80px; height: auto; margin: 0 auto 10px auto;}
.h1, .h2, .h3, h1, h2, h3 { margin-top: 0;}
.form_badge img {width: 80px; height: auto; margin: 0 auto 10px auto;}
#banner{ background:url(//gearshift.parts/wp-content/uploads/2026/05/yard.jpg) no-repeat center center; background-size:cover; padding:30px 0; position:relative;}
.banner_form{background:#fff; border-radius:8px;}
.form_badge { background: #f9f9fb;  padding: 2px 10px 2px;}
p.form_txt span {background: #000000;color:#fff;border-radius: 50%;width: 15px;height: 15px; font-size: 10px;display: inline-block;text-align: center; line-height: 17px;transform: rotate(180deg);}
.banner_form form{background:#fff; border-radius:8px; padding:0 20px 8px;}
.banner_form form .purple_btn{width:100%; margin-top:5px;}
.banner_form .form-group label {font-size: 13px; font-weight: 300;  margin-bottom: 2px;}
.banner_form .form-group {font-size: 14px;  font-weight: 300; padding: 0 5px;}
.form_head h2 {font-weight: 600;color: #191b24;font-size: 25px; margin-top: 0px;text-align: left; margin-bottom: 15px;}
ul.bnr_stamp {display: grid; grid-template-columns: auto auto auto auto; text-align: left;gap: 15px;margin: 35px 0 45px!important;}
ul.bnr_stamp li {display: flex;align-items: center; font-size: 16px !important; line-height: 1.3; gap: 10px;   text-transform: uppercase;color:#fff;}
ul.bnr_stamp img {filter: brightness(0) invert(1);width: 30px; height: auto; margin-right: 0;}
.form_head {padding:10px 0 0px;}
.panel-tabs { position: relative;    bottom:-2px;  border-bottom: 1px solid transparent;}
.panel-tabs > li {display:inline-block;}
.panel-tabs > li > a {color: #18181d; margin-top: 4px;  padding: 15px 0; font-weight:300;}
.panel-tabs > li{padding:0 20px 0 0;}
.panel-tabs > li > a:hover {color: #ffa811; border-bottom: 2px solid #ffa811; background:transparent;}
.panel-tabs > li.active > a, .panel-tabs > li.active > a:hover, .panel-tabs > li.active > a:focus {border-bottom: 2px solid #ffa811; color:#ffa811;  position: relative; font-weight:600; background:transparent;}
.banner_form .form_btn{padding:0 5px;}
.banner_form input[type="checkbox"]{margin: 11px 6px 0 0;}.banner_center img {border-radius: 6px;  height: 565px;  width: 100%; object-fit:cover; transition: all 500ms ease-in; -webkit-transition: all 500ms ease-in;}
.banner_txt h3{color:#fff;}
.banner_txt h3 span{font-weight:700;}
.banner_txt .yellow_btn {margin-top: 25px;}
.banner_center:last-child .banner_txt h3 {color: #000; font-size:26px; line-height:32px;}
.banner_center:hover img, .destination_box:hover img, .destination_box2:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.img_hover{overflow:hidden; border-radius:6px;}
p.form_txt {font-size: 14px; text-align: center; margin-bottom: 0;}
.padng_tb { padding: 32px 0;}
.padng_top { margin-top: 32px;}
.padng_btm { padding-bottom: 32px;}
.top_footer .row.padng_btm { text-align: left;  padding-bottom: 20px;}
.steps_box {border: 1px solid #d9dde8; border-radius: 8px; padding: 16px 10px 8px;}
.steps_box h3 {margin: 0 0 6px; font-weight: 600; font-size: 17px; line-height: 24px; color: #191b24;text-align: left;}
.d-flex { display: flex;align-items: center;}
.justify-content-between { justify-content: space-between;}
a.right_icon{ padding: 8px 15px; border-radius: 8px;  font-weight: 600;}
a.right_icon:after { content: "\f105"; font-family: fontawesome; font-size: 17px; padding-left: 10px;}
a.right_icon:hover { background: #e6e8ef;}
.item {margin:10px;background: #fff;border-radius: 20px;padding: 10px;border: 1px solid #e9e9e9;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;transition: transform 250ms ease, margin 250ms ease; text-align: center;}
.item img { border-radius: 13px;}
.item h4 {font-size: 18px;line-height: 28px;margin-bottom: 0px;font-weight: 600;margin-top: 5px;}
.item:hover { transform: scale(1.03);}
.owl-nav { float: right;}
.owl-nav button span { background: #f0f1f5;border: 1px solid #d9dde8;border-radius: 100%;padding: 5px 13px;font-size: 21px;margin-top: 10px !important; display: block; color: #b7b7b9;font-weight: 600;}
h4.short_title {font-size: 17px;line-height: 24px; color: #101826; margin: 15px 0 12px; font-weight: 600;}
.sec-title {margin-bottom: 50px;padding-bottom: 15px;position: relative;}
.sec-title::after {content: "";position: absolute;left: 0;	bottom: 0;width: 100px;height: 3px;background: #000;}
.sec-title p {font-size: 18px;line-height: 28px;}
.testimonial-area {background: var(--blue);position: relative;	z-index: 2;}
.testimonial-area .owl-carousel {overflow: hidden;padding: 0 20px;margin: 0px;padding-right: 40px;}
.testimonial-area .owl-stage-outer {padding:0px; margin-left: 0; width: 100%; }
.single-testimonial {text-align: center; border-radius: 30px; position: relative;z-index: 2;padding: 20px 10px 0; border: 1px solid #e9e9e9;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.single-testimonial p { padding: 5px;padding-bottom: 5px;position: relative;z-index: 3;}
.client-info {position: relative;z-index: 3;}
.client-details h6 { margin: 0;}
.client-info a {width: 40px;height: 40px;border-radius: 100px;display: flex;justify-content: center;align-items: center;box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);font-size: 22px;}
.client-info {display: flex;align-items: center;justify-content: center;text-align: left;padding-bottom: 20px;}
.client-info h6 {color: #000;font-weight: 700;font-size: 18px;}
.client-info span {display: inline-block;font-size: 12px;}
.owl-dots button {	width: 10px;height: 10px;border-radius: 26px;margin: 0 5px;transition: 0.3s;}
.owl-dots button.active {width: 30px;}
.plan .heading h3 { margin-bottom: 10px;}
span.CLfy-price {color: #F97316;}
.CLfy-link-container {background-color: #101826; padding: 12px 16px; border-radius: 4px; display: flex;    justify-content: space-between; color: #fff;margin-top:5px;}
section.plan .col-md-4 {padding: 0 3px;}
.fotr_link a { color: #a3adbf;  font-size: 13px;  padding-left: 11px;}
.top_footer { background: #101826; color: #fff; padding: 30px 0 10px; text-align: center;border-top: 1px solid #626262;}
.fotr_link.first { margin-bottom: 10px;}
ul.half_links a, ul.half_links li {color: #ffffff;font-size: 14px; line-height: 1.9;}
li.phn a { color: #f97316; font-size: 20px;}
.footer_link ul li{color:#fff; font-size:16px;}
footer .top_link ul{ display:inline-block; width:45%; vertical-align:top;}
footer h5 {color: #F97316;margin-bottom: 10px;text-transform: capitalize;border-bottom: 1px solid #F97316; display: inline-block; font-size: 20px;}
footer .footer_link { margin-top: 17px;}
.small_font{font-size:13px;color:#fff;margin-top:6px;}
.social a {
display: inline-block;
margin-top: 0px;
color: #ffffff;
border-radius: 50%;
border: 1px solid #f97316;
text-align: center;
padding: 5px;
width: 35px;
height: 35px;
}
.blog-text h4 {
font-size: 20px;
line-height: 1.45;
font-weight: 700;
}
ul.half_links i {
font-size: 15px;
padding-right: 6px;
}
.copyright{background:#242528; color:#fff; font-size:14px; padding:10px 0 0;}
.social a:hover{color:#F97316;transition:all ease 0.4s; -webkit-transition:all ease 0.4s;}
.pt-4{padding-top:5px}
.footer_link ul li:hover a{color:#F97316; transition:all ease 0.4s; -webkit-transition:all ease 0.4s;}
.footer_link ul { margin-bottom: 10px;}
.fotr_link a:hover {  color: #F97316;}
.policy_pages h2 { font-size: 16px; line-height: 24px; font-weight: 600;  margin: 32px 0 24px 0;}
.custom-popup-wrapper { position: fixed;  top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); display: none; justify-content: center; align-items: center;  z-index: 9999;}
.custom-popup-inner { background: #fff; padding: 30px; max-width: 500px; width: 90%; border-radius: 10px;  position: relative;}
.custom-popup-header {display: flex; justify-content: space-between;align-items: center; margin-bottom: 15px;}
.close-popup-btn {background: none;  border: none;  font-size: 24px;  cursor: pointer;}
div#footerPopupBox {float: right;font-size: 14px; padding: 6px 9px; position: fixed;right: -54px;  top: 40%;  transform: rotate(-90deg); background: #F97316; border-radius: 5px 5px 0px 0px; cursor: pointer; z-index: 999;}
#footerPopupBox h4 { color: #fff; font-size: 16px; margin:0;}
.popup-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);  display: flex;justify-content: center;align-items: center;z-index: 9999;}
.popup-content {background: white;  padding: 30px;  max-width: 500px;  width: 90%;  position: relative;}
.popup-close {position: absolute; top: 10px;  right: 15px;  cursor: pointer;  font-size: 20px;}
.popup-overlay {position: fixed; top: 0; left: 0;  width: 100%; height: 100%; background: rgba(0,0,0,0.6);  display: flex; justify-content: center;  align-items: center;  z-index: 9999;}
.popup-content { background: white; padding: 30px;  max-width: 500px;  width: 90%;  position: relative;}
.popup-close {position: absolute;top: 10px;  right: 15px;  cursor: pointer;  font-size: 20px;}
table th, table td, table tr { border: 1px solid #ddd;  padding: 10px;}
.about_suscribe { background: #F97316;  padding: 20px 0;  margin-top: 20px;}
.grey_bcg{background: #f0f1f5; padding: 35px 0;}
.inner_bcg {background: #fff; padding: 10px; border-radius: 5px;   margin: 20px auto 0;  display: inline-block;width:100%;}
.inner_pagee .owl-nav { display: none;}
.heading > p { display: none;}
.productPopup h4 {
display: table;
width: auto;
background: #F97316;
color: #fff;
text-align: center;
padding: 10px;
text-transform: capitalize;
font-weight: 500;
border-radius: 5px;
font-size: 16px;
margin: 9px auto 5px;
}
#productCustomPopup .popup-content { background: #333;  color: #fff;  border: 5px solid #fff;padding:20px 30px 25px 30px;}
#productCustomPopup h5 {color: #fff; font-size: 27px; text-align: center;  line-height: 33px;}
.owl-carousel .owl-item img { display: block;  width: auto;  margin: 0 auto;}
.thank_you { box-shadow: 0px 0px 20px #ccc;  width: 70%; margin: 40px auto 0;  padding: 30px;  text-align: center;}
.thank_you h1 {  margin-bottom: 20px;  font-weight: 600;}
.thank_you p {  font-size: 20px;}
a.tel { background: #F97316;  padding: 10px 15px; display: table;  width: auto;  margin: 20px auto 0;   border-radius: 8px;}
.policy_pages ul li , ul.list li{  list-style: circle;  padding-left: 8px;   padding-bottom: 5px;}
.container.policy_pages ul, ul.list {   padding-left: 20px !important;}
.faq-section details { cursor: pointer;}
.faq-section summary:focus-visible { outline: 2px solid orange; outline-offset: 8px; border-radius: 4px;}
.faq-section summary {  display: flex; justify-content: space-between;  align-items: center;}
.faq-section summary::marker {  display: none;  content: "";}
.faq-section span { margin-top: 7px;  color: #2c3039;}
.faq-section details > p {margin-bottom: 20px;padding-left: 0px; color: #191b24b3; font-size: 16px; font-family: 'Gibson-Regular', Tahoma, Helvetica, sans-serif ! Important;}
.faq-section hr {border: 1px solid #404E5C; margin-block-end: 10px; margin-top: 10px !important; margin-bottom: 10px !important;}
.faq-section details h4 {margin-bottom: 10px; font-size: 21px;}
.inner_ctaa {background: #F97316;padding: 35px 0; margin-top: 30px;}
.inner_ctaa h3 { font-size: 32px; margin-bottom: 15px;}
p.calll { font-size: 26px; color: #2c3039;}
a.btn_cta {background: #000; margin-right: 10px; background-color: #2c3039;padding: 10px 30px; border-radius: 4px; color: #fff !important; margin-left: 16px;cursor: pointer; text-align: center; text-transform: uppercase; font-size: 16px;float: left;}
.cta_main { display: flex; align-items: center; justify-content: space-between;	float:right;}
.inner_ctaa .row { display: flex; align-items: center;}
.choose_us { text-align: center;}
.choose_us h4 {color: #2c3039;font-size: 20px; margin-bottom: 5px;}
.choose_us i {color: #ffd100; font-size: 25px; border: 1px solid #ffd100;padding: 10px; border-radius: 50%; margin-top: 15px;}
.gap {margin-top: 20px;}
.vission_sec {text-align: center;box-shadow: 0 5px 25px -5px rgb(0 0 0 / 20%), 0 5px 10px -5px rgb(0 0 0 / 10%);padding: 25px 30px 30px;border-radius: 8px;}
h2.contct { text-align: center; color: #fff;}
.cntct_brdr {background: #191c24;padding: 10px 20px 20px;margin-top: 10px;border-radius:8px;}
.cntct_brdr h2{color:#fff;}
.contct_right {background: #ffffff; padding: 30px; margin-top: 10px; border-radius: 8px;}
.contct_right span {font-size: 18px; margin-bottom: 5px; display: block; color: #191c24; margin-top: 14px;}
h2.title_cntct { margin-top: 40px; text-align: center; color:#f97316; font-size: 30px; font-weight: 600;}
.thnk_call{font-weight: 600;font-size: 22px; color:#f97316;margin: 0px;}
h2.title { font-size: 43px; line-height: 46px; font-weight: 600; margin-bottom: 26px;}
table.thnku_tble {width: 100%; text-align: center;}
div#gearshift-faq { padding: 10px 20px;}
table.thnku_tble th { text-align: center;}
table.thnku_tble th, table.thnku_tble td {padding:.75rem; font-size: 14px;}
table.thnku_tble.small_width th { width: 40%;}
.thank_you .heading.text-center h3 { font-size: 20px;}
td.below:before { content: '<';}
td.up:before{content: '>';}
.plan .col-md-4 > p { display: none;}
.footer_suscribe {background: #101826; padding: 30px 0 25px; margin-top: 30px;}
.footer_suscribe h3 { font-size: 26px;  line-height: 1.5;  margin-bottom: 0;}
.footer_suscribe p {font-size: 30px;color: #2c3039; margin-top: 10px;}
.footer_cta {display: flex;align-items: center; float: right;}
a.cta_f { background-color: #f97316; padding: 18px 14px; border-radius: 4px; color: #ffffff !important;  margin-left: 10px; cursor: pointer; text-align: center; font-size: 16px; display: table; min-width: 167px;}
a.cta_f.space.ftr_call { background: transparent; border: 1px solid #fff;}
.footer_suscribe .row {display: flex; align-items: center;}
.news_box {margin: 10px; background: #fff; border-radius: 20px; padding: 10px 6px;  border: 1px solid #e9e9e9; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;   transition: transform 250ms ease, margin 250ms ease; text-align: center;}
.news_box img { border-radius: 13px;}
.news_box h4 { font-size: 18px; line-height: 28px; margin-bottom: 0px; font-weight: 600; margin-top: 5px;}
.news_box:hover { transform: scale(1.03);}
span.material-symbols-outlined i {  font-size: 22px;}
.item img { width: 160px !important;  height: auto;}
.inner_bcg ul li {font-weight: 400; font-size: 16px;line-height: 24px;color: #066dc7!important; margin-bottom: 4px;}
ul.popular-products { padding-left: 0; list-style: none;display: -webkit-flex;    display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: stretch;align-items: stretch;font-size: 14px;color: #0061f3;line-height: 20px;}
ul.popular-products li {min-width: 145px; width: 18%; margin: 22px auto; text-align: center;line-height: 1.8;}
ul.popular-products li p { margin-top: 6px;}
.sub_pt h2, .sub_pt h3 {font-size: 28px;line-height: 1.4em;}
.sub_pt.sub {margin-top: 20px;}
.affirm_box {box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 10px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px; padding: 10px 20px; margin-bottom: 20px; border-radius: 5px;}
img.affirm_logo { width: 35%;  margin-bottom: 10px;}
.affirm_box .row { align-items: center;display:flex;}
.navbar-default .navbar-toggle .icon-bar {  background-color: #ffffff;}
.navbar-toggle { padding: 6px;}
.internal-section.blog-main{  margin-top: 30px;}
section#search-2 label {  display: none;}
.sub-heading {  font-size: 22px;  padding-top: 15px;}
.single-blog {  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;   padding: 20px;   margin: 20px 10px;}
.single-blog .ready-btn { background-color: #191c24;  padding: 10px 20px;  border-radius: 4px;    color: #ffffff !important;   cursor: pointer;  text-align: center;   font-size: 16px;}
.entry-meta {  padding-bottom: 10px;}
#sidebar .widget {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; padding: 10px 20px; margin-bottom: 20px;}
#sidebar h4.widget-title {font-size: 20px;  font-weight: 600; color: #f97316; margin: 0 0 10px 0;}
#sidebar input#search-form-1 {  padding: 5px;  border: 1px solid #c1c0c0;}
#sidebar input.search-submit { padding: 5px 7px;  background: #000; color: #fff !important; border: none;}
.post-information h1 { padding-top: 15px;}
#sidebar li {  list-style: circle;  margin-left: 16px;padding-bottom: 15px;}
.video-wrapper {position: relative; width: 100%; max-width:825px; margin: 0 auto; padding-bottom: 56.25%;     height: 0; overflow: hidden;}
.video-wrapper iframe {position: absolute;top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.home .innr_fm{display:none;}
.btn-row{
display:flex;
gap:20px;
align-items:center; }
.custom-btn {
min-width: 260px;
padding: 18px 14px;
text-decoration: none;
font-size: 17px;
font-weight: 600;
border-radius: 6px;
display: flex;
align-items: center; gap: 12px;
transition: 0.3s ease;
}
.btn-orange{
background:#f97316;
color:#fff;
border:2px solid #f97316;
}
.btn-orange:hover{
background:#e14f00;
}
.btn-outline{
border:2px solid #fff;
color:#fff;
background:transparent;
}
.btn-row a:hover{color:#fff;}
.shop_cat {
background: url(//gearshift.parts/wp-content/uploads/2026/05/engine.jpg);
background-position: center left;
background-repeat: no-repeat;
background-size: cover;
padding: 40px 20px;
border-radius: 10px;
color: #fff;
}
.shopbytxt h3 {
color: #fff;
font-size: 21px;
font-weight: 700;
margin-bottom: 10px;
}
.shopbytxt {
width: 70%;
}
.shopbytxt a {
background: #f97316;
padding: 10px;
display: table;
border-radius: 5px;
margin-top: 20px;
}
.shop_cat.transmissionimg {
background: url(//gearshift.parts/wp-content/uploads/2026/05/transmissions.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 40px 20px;
border-radius: 10px;
color: #fff;
}
.shop_cat.partimg {
background: url(//gearshift.parts/wp-content/uploads/2026/05/oem.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 40px 20px;
border-radius: 10px;
color: #fff;
}
.shop_cat {
min-height: 275px;
}
.features-section {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 10px;
text-align: center;
}
.feature-box {
border-right: 1px solid #e9e9e9;
padding: 10px;
text-align: center;
}
.feature-box:last-child{border-right:none;}
.feature-icon img {
width: 28%;
}
.feature-title {
font-size: 17px;
font-weight: 600;
padding: 12px 0;
color: #f97316;
}
.shop_cat:hover { box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;}
.shop_cat:hover .shopbytxt a { background: #ffffff; color: #f97316;}
b, strong {font-weight: 600;}
.dark_blue_bcg {background: #101826;color: #fff; margin: 32px 0 0;}
.dark_blue_bcg h2 { color: #fff;}
.process-section .process-wrapper{
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
position:relative;
}
.process-section .process-box{
flex:1;
display:flex;
align-items:flex-start;
gap:15px;
position:relative;
color:#fff;
}
.process-section .step-number {
position: absolute;
left: -44px;
top: 24px;
font-size: 60px;
font-weight: 700;
color: rgba(255,255,255,0.08);
z-index: 0;
}
.process-section .icon{
min-width:50px;
height:50px;
border:2px solid rgba(255,255,255,0.4);
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
position:relative;
z-index:2;
}
.process-section .content{
position:relative;
z-index:2;
}
.process-section .content h3 {
font-size: 19px;
font-weight: 600;
margin-bottom: 0px;
text-transform: uppercase;
color: #fff;
}
.process-section .content p{
font-size:15px;
line-height:1.7;
color:#fff;
max-width:260px;
}
.process-section .arrow{
font-size:30px;
color:rgba(255,255,255,0.25);
}
.process-box .icon img {
filter: brightness(0) invert(1);
width: 30px;
height: auto;
margin-right: 0;
}
.process-section {
padding-top: 25px;
}
.rating {
font-size: 22px;
color: #ddd; 
display: inline-block;
}
.rating span {
color: #ddd;
margin-right: 3px;
}
.rating span.active {
color: #f5b301;
}
.fotr_cta h3 {
color: #fff;
text-transform: uppercase;
font-weight: 600;
}
.fotr_cta p {
color: #fff;
font-size: 16px;
}
.top_footer img {
width: 75%;
padding-bottom: 16px;
}
.top_footer p {
font-size: 14px;
}
.top_footer h4 {
font-size: 19px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
}
.btm_fotr {
border-top: 1px solid #626262;
padding-top: 10px !important;
}
.faq-section{
padding: 30px 0;
background: #f5f5f5;
}
.faq-section .accordion-item{
border: none;
margin-bottom: 22px;
background: transparent;
} .faq-section .accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
min-height: 95px;
padding: 15px 85px 15px 15px;
background: #fff !important;
color: #111 !important;
font-size: 18px;
font-weight: 500;
line-height: 1.5;
text-align: left;
border: 1px solid #e6e6e6 !important;
border-radius: 8px !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.08);
transition: all 0.3s ease;
white-space: normal;
} .faq-section .accordion-button:hover{
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0,0,0,0.12);
} .faq-section .accordion-button::after{
display: none !important;
} .faq-section .accordion-button::before {
content: "+";
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
width: 35px;
height: 35px;
border-radius: 50%;
background: #f97316;
color: #fff;
font-size: 30px;
font-weight: 500;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
} .faq-section .accordion-button:not(.collapsed) {
background: #f1f1f1 !important;
color: #101826 !important;
}
.faq-section .accordion-button:not(.collapsed)::before {
content: "×";
background: #fff;
color: #f97316;
font-size: 30px;
} .faq-section .accordion-button:focus{
box-shadow: none !important;
} .faq-section .accordion-body {
background: #fff;
padding: 15px;
border-left: 4px solid #f97316;
font-size: 16px;
line-height: 1.6;
color:#1F2937;
border-radius: 0 0 8px 8px;
box-shadow: 0 4px 14px rgba(0,0,0,0.05);
} .faq-section .accordion-body ul{
padding-left: 20px;
margin-top: 10px;
}
.faq-section .accordion-body ul li{
margin-bottom: 8px;
}
.thank_you a {
color: #f97316 !important;
}
.thank_you a.tel {
color: #fff !important;
font-size: 17px;
padding: 10px 15px;
font-weight: 600;
} @media(max-width:991px){
.faq-section .accordion-button{
min-height: 95px;
font-size: 18px;
padding: 20px 80px 20px 20px;
}
.faq-section .accordion-button::before{
width: 42px;
height: 42px;
font-size: 30px;
}
}
@media(max-width:767px){
.faq-section{
padding: 40px 0;
}
.faq-section .accordion-item{
margin-bottom: 16px;
}
.faq-section .accordion-button{
min-height: auto;
font-size: 16px;
line-height: 1.5;
padding: 18px 70px 18px 18px;
}
.faq-section .accordion-button::before{
width: 38px;
height: 38px;
right: 18px;
font-size: 26px;
}
.faq-section .accordion-body{
padding: 18px;
font-size: 15px;
}
} @media(max-width:991px){
.process-section .process-wrapper{
flex-direction:column;
align-items:flex-start;
}
.process-section .process-box{
width:100%;
}
.process-section .arrow{
display:none;
}
.process-section .step-number{
font-size:70px;
}
.process-section .content h3{
font-size:20px;
}
}
@media(max-width:576px){
.process-section .process-section{
padding:30px 15px;
}
.process-section .process-box{
gap:12px;
}
.process-section .icon{
width:60px;
height:60px;
min-width:60px;
font-size:28px;
}
.process-section .step-number{
font-size:55px;
top:-10px;
}
.process-section .content h3{
font-size:18px;
}
.process-section .content p{
font-size:14px;
}
}
@media(max-width:1200px){.navbar-default .navbar-nav > li {padding: 0 15px 0 0;}.navbar-default .navbar-nav > li > a {font-size: 14px;}.banner_center:last-child .banner_txt h3 {color: #000;  font-size: 21px;  line-height: 32px;}#planning_part .yellow_btn{width:auto;}.trust p {padding: 10px 14px 12px;}.shopbytxt { width: 100%;}}
@media(max-width:1025px){.process-section .step-number { display: none;}.process-section .process-wrapper {    gap: 15px;}.process-section .icon {min-width: 60px;height: 60px;}.footer_suscribe h3 {font-size: 23px;}.bnr_left h1 { font-size: 32px;}ul.bnr_stamp li {font-size: 13px !important;}}
@media(max-width:992px){.navbar-default .navbar-brand {padding-right: 20px;}.navbar-default .navbar-nav > li {padding: 0 8px 0;}.navbar-default .navbar-nav > li > a {  font-size: 13px;}.banner_center img {height: 280px; margin:0 0 30px;}footer h5{font-size:13px;}.subscribe input {width: 36%;}.trust h4 {font-size: 16px;  margin-bottom: 0; padding-top: 6px;}.trust p {font-size: 14px;  line-height: 19px;  padding: 0 14px 12px;}.trust {padding-top: 28px;}ul.half_links a, ul.half_links li {font-size: 14px;}.top_footer {padding: 40px 0 10px 0;}.footer_suscribe h3 {font-size: 20px;}.top_nav img {width: 75%;}.news_box h4 {font-size: 15px;line-height: 23px;}.form_head h2 {font-size: 22px;}.custom-btn {min-width: 251px;padding: 12px 10px;gap: 10px;}span.CLfy-link { font-size: 14px;}.bnr_left h1 {font-size: 23px;}.bnr_left p.sub_title { color: #fff;line-height: 1.6;  font-size: 16px;}ul.bnr_stamp { display: block; margin: 10px 0 15px!important;} .btn-row{flex-direction:column; align-items: flex-start;} .custom-btn {width: 100%;max-width: 254px;float: left; margin: 0 !IMPORTANT;}.custom-btn {font-size: 16px;}.shop_cat { min-height: auto; height: auto;margin-bottom: 10px;}.features-section {grid-template-columns: repeat(3, 2fr);gap: 20px;}.feature-icon img {width: 17%;}.process-section .icon { min-width: 35px;height: 35px; border: none;}.process-section .content h3 { font-size: 18px; margin-bottom: 4px;line-height: 1.4;}.faq-section .accordion-button { min-height: auto;font-size:16px;}.footer_suscribe .row {display: block;}.footer_cta { float: left; margin-left: 0 !important;}.footer_cta a{margin-left:0;}a.cta_f.space.ftr_call { margin-left: 10px;}.top_footer img {width: 30%;}.top_footer h4 { margin: 20px 0 4px;}.faq-section .accordion-button::before {width: 30px;height: 30px;    font-size: 23px;}h1, h2, h3 {font-size: 27px;}}
@media (min-width:768px){#usmapbase svg { height: 400px !important;}.navbar-default .navbar-nav > li.padng_zero{padding-left:0;}}
@media(max-width:768px){.footer_suscribe h3 {font-size: 25px;}.navbar-default .navbar-toggle {border-color: #f97316;}.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#303030;}.navbar-toggle {margin-top: 0px;}.top_right a {font-size: 17px;}.top_right .dropdown {margin-left: 6px;}.banner_center img {height: 280px;  margin: 23px 0 5px;}.payment > img { display: block;}.navbar-default .navbar-nav > li > a { padding:5px; font-size: 15px;}.trust {height: 268px;  padding-top: 51px;}#inner_banner .banner_form {  position: relative; top:0;}#inner_banner img{height:auto;}#planning_part h1{font-size:24px;}nav.navbar.navbar-default { width: 100% !important;}.navbar-nav { margin: 5.5px 0;}.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:transparent;}.navbar .row { display: block;  margin-top: 10px;}.steps_box { margin-bottom: 10px;}a.cta_f {padding: 10px 10px; font-size: 15px;}.news_box img {width: 50%;}h2.title {font-size: 30px;}.plan .heading h3 { font-size: 30px;}.owl-dots {display: none;}header .row {display: block;}.main_nav {float: unset;  margin-top: 7px;}.navbar-default .navbar-toggle .icon-bar {background-color: #f97316;}#banner .row {   display: block;}#banner .row.reverse { display: flex;align-items: center;flex-direction: column-reverse;}.bnr_left { width: 88%; margin: 30px auto 0;}.btn-row {flex-direction: row;}}
@media (max-width:740px){a.cta_f {padding: 10px 5px;font-size: 14px;display: table; margin-left: 5px;}.footer_suscribe .col-md-8{ width: 70%;} .top_nav img {width: 100%;}.top_nav {  display:block;padding: 10px 0 7px;}.bnr_left {width: 100%;}}
@media(max-width:599px){.footer_suscribe .row { display: block;  text-align: center;}.footer_cta { display: block; align-items: center;  float: inherit;  margin-top: 30px;}.navbar-default .navbar-nav > .open > a{color:#2c3039;}.navbar-default .navbar-nav > li > a{color:#fff}.main_nav .navbar {  background: #101826;}.top_left {display:none;}.mobile_logo{ display: block; margin-top: 0px; color: #fff;}.navbar-toggle {padding: 7px 5px; margin-top: 5px !important; margin-bottom: 5px;}.top_right, .plan_btn{width:100%; text-align:center;}.top_right a {display: inline-block; font-size: 15px;}.top_right a span {display: block;}.top_right .dropdown {margin: 8px 0; vertical-align: top;}.mobile_logo img {margin: 0px 0 10px 0;  width: 150px;}.form_head h2 {font-size: 24px;}.heading h2 {font-size:26px;}.full{width:100%;}.half{width:50%;}.top_footer {padding: 30px 0;}.navbar .row {  display: block;}.banner_form {  width:100%;}.form_head h2 { font-size: 23px; }.footer_suscribe .col-md-8{ width: 100%;}  a.cta_f {padding: 10px 19px;font-size: 16px;display: table; margin: 0 auto 10px;}body .features-section {grid-template-columns: repeat(2, 2fr) !important;}.feature-icon img { width: 20%; }a.cta_f.space.ftr_call {margin: 10px auto 0;}}
@media(max-width:551px){.btn-row {flex-direction: column;}}
@media(max-width:471px){body .features-section {grid-template-columns: repeat(1, 1fr) !important;}    .feature-icon img {width: 11%;}.feature-box{border-right:none;}}