/* Override main css here */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");

body {font-family: "Poppins", sans-serif !important;        font-size: 15px;
text-align: justify;
background: url(../images/bannerHome.webp) no-repeat center center / cover fixed;background-color: rgba(255, 255, 255, 0.80);
background-blend-mode: overlay;}

p {font-family: "Poppins", sans-serif !important}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Poppins", sans-serif !important;color: #141416;
}

.mainnav {
background:#ff0000;
/*border-bottom: 3px solid #161616;*/
}

.mainnav nav.navbar {
background: #ff0000;
}

.search-tab-info .nav-tabs.nav-justified > li > a {
background: #0000ff;
}

.additional_service_online h3 {
background: #fff;
}

h1.text-center.uppercase span {font-weight: bold;font-size: 30px;}

.additional_service_online h3:before {
content: "";
display: block;
width: 0;
height: 0;
border-top: 37px solid #fff;
border-bottom: 0px solid #fff;
border-left: 25px solid #0000ff;
position: absolute;
top: 0px;
right: -25px;
display: none;
}
.servicesdivtodiv img {
border: dashed 2px #161616;
border-radius: 5px;
}

.proceed_checkout_btn button:hover {
background: #0000ff;
}

.main-btn {
background: #ff0000;
padding: 8px 25px;
border: 1px solid #ff0000;}

.search_btn_ab {
background: #ff0000;
border: solid #ff0000 2px;
}

.search_btn_ab:hover {
background: #000 !important;
border-color: #000;
}

.list-head-title-yellow {
background: #ddc418;
font-size: 16px;
font-weight: 700;
color: #fff;
padding: 9px 20px;
text-align: center;
position: relative;
z-index: 1;
border-radius: 6px 6px 0 0;
}

.list-head-title-red {
background: #eb0707;
font-size: 16px;
font-weight: 700;
color: #fff;
padding: 9px 20px;
text-align: center;
position: relative;
z-index: 1;
border-radius: 6px 6px 0 0;
}

#recommandedtyres .search-lsiting-item {
margin-bottom: 25px;
}

.usersignlog {
background: transparent;
}

.topLinks a {
color: #fff;
}

.search-bar {
background-image: none;
padding: 0px !important;
background-color: #ffffff1f;
}

.footer_top {
background-image: linear-gradient(399deg, rgba(77, 77, 77, 0.05) 0%, rgba(77, 77, 77, 0.05) 25%, rgba(42, 42, 42, 0.05) 25%, rgba(42, 42, 42, 0.05) 38%, rgba(223, 223, 223, 0.05) 38%, rgba(223, 223, 223, 0.05) 75%, rgba(36, 36, 36, 0.05) 75%, rgba(36, 36, 36, 0.05) 100%), linear-gradient(227deg, rgba(128, 128, 128, 0.05) 0%, rgba(128, 128, 128, 0.05) 34%, rgba(212, 212, 212, 0.05) 34%, rgba(212, 212, 212, 0.05) 57%, rgba(25, 25, 25, 0.05) 57%, rgba(25, 25, 25, 0.05) 89%, rgba(135, 135, 135, 0.05) 89%, rgba(135, 135, 135, 0.05) 100%), linear-gradient(424deg, rgba(55, 55, 55, 0.05) 0%, rgba(55, 55, 55, 0.05) 14%, rgba(209, 209, 209, 0.05) 14%, rgba(209, 209, 209, 0.05) 60%, rgba(245, 245, 245, 0.05) 60%, rgba(245, 245, 245, 0.05) 69%, rgba(164, 164, 164, 0.05) 69%, rgba(164, 164, 164, 0.05) 100%), linear-gradient(432deg, rgba(248, 248, 248, 0.05) 0%, rgba(248, 248, 248, 0.05) 32%, rgba(148, 148, 148, 0.05) 32%, rgba(148, 148, 148, 0.05) 35%, rgba(202, 202, 202, 0.05) 35%, rgba(202, 202, 202, 0.05) 51%, rgba(181, 181, 181, 0.05) 51%, rgba(181, 181, 181, 0.05) 100%), linear-gradient(275deg, rgb(255 0 0), rgb(255 0 0));
}

.mainnav .navbar-default .navbar-nav > .active > a,
.mainnav .navbar-default .navbar-nav > .active > a:focus,
.mainnav .navbar-default .navbar-nav > .active {
background-color: #000;
color: #fff;
}

.mainnav .navbar-default .navbar-nav > li > a:hover,
.mainnav .navbar-default .navbar-nav > li:hover,
.mainnav .navbar-default .navbar-nav > li > a:focus {
background: #000000 !important;
color: #fff;
}

.callussec i {
background: #ff0000;
color: #fff;
}

.mainnav .navbar-default .navbar-nav > li > a:hover,
.mainnav .navbar-default .navbar-nav > li:hover a,
.mainnav .navbar-default .navbar-nav > li > a:focus {
color: #fff;
}

.recommendedTyres-section h2 {
color: #000000;
font-family: "Bai Jamjuree", sans-serif !important;
}

.recommendedTyres-section .recommendedTextBox h3 {
font-family: "Bai Jamjuree", sans-serif !important;
font-size: 24px;
}

.recommendedTyres-section .recommendedTextBox2 h3 {
font-family: "Bai Jamjuree", sans-serif !important;
font-size: 24px;
}

.recommendedTyres-section .recommendedTextBox p {
font-family: "Bai Jamjuree", sans-serif !important;
font-weight: 500;
font-size: 16px;
margin-bottom: 20px;
line-height: 28px;
}

.recommendedTyres-section .recommendedTextBox2 p {
font-family: "Bai Jamjuree", sans-serif !important;
font-weight: 500;
font-size: 16px;
margin-bottom: 20px;
line-height: 28px;
}

.address-sec i {
background: #ff0000;
color: #fff;
}

.bg-blue {
background: #161616;
}

.recommendedTyres-section {
background: #fff;
background-attachment: fixed;
background-size: cover;
}

.footer_bottom {
background: #1f2c3a00;
text-align: center;
}

.ft-last .ads {
color: #fff;
font-size: 14px;
}

.ft-last .lo {
font-size: 14px;
}

.descriptionfull .headingdescfull {
color: #090909;
}

.ft-last .ph a {
color: #ffffff;
font-weight: bold;
}

.itemscart {
background: #ff0000;
}

.callussec a:hover {
color: #ff0000;
}

.search-category .col-lg-6.col-md-6.col-sm-6.col-xs-6 label {
color: #fff;
}

.t-radio-option label.fitting {
color: #fff !important;
}

.button-mrg:hover,
.button-mrg:focus {
background-position: 0 100%;
color: #fff;
text-decoration: none;
}

.button-mrg {
font-size: 13px;
font-weight: 600;
background: linear-gradient(#161616, #921b10, #161616);
background-size: 100% 200%;
background-position: 0 0;
border: 0 #176aaf solid;
cursor: pointer;
color: #fff;
border-radius: 8px;
transition: background-position 0.2s ease-out;
-webkit-transition: background-position 0.2s ease-out;
-moz-transition: background-position 0.2s ease-out;
-o-transition: background-position 0.2s ease-out;
display: flex;
overflow: hidden;
align-items: center;
text-transform: uppercase;
line-height: initial;
position: relative;
overflow: hidden;
min-height: 62px;
}

.header-bottom {
padding: 10px 0;
background: #f5d71100 /*url(../images/ftr-bg.png) repeat*/;
}

.ui-widget-header {
background-color: #161616 !important;
}

.tyre-search_filter_price-slider input#price {
color: #161616 !important;
}

.fc .fc-toolbar > * > * {
margin-left: 7px !important;
margin: 5px;
}

@media screen and (max-width: 991px) {
section.search-listing-bx .col-sm-8.col-md-9.col-lg-9 {
width: 100%;
}
}

@media screen and (max-width: 800px) {
.proceed_checkout_btn button#process_checkout {
margin-bottom: 15px !important;
margin-right: 10px !important;
}

.tyre-brand-logos .tyre-brands-item {
width: 143px;
}
}

@media screen and (max-width: 768px) {
.app-installBox .btn-showhide {
display: none;
}
}

@media screen and (max-width: 767px) {
.videodivtop video {
height: auto !important;
width: 100% !important;
margin-left: 0px !important;}

.forBookNowBox.search5tab {
padding: 0px !important;
}
.vrm-lookup.tovrmlookup.secondtyresdiv div#tab2 {
padding: 7px 0px;
}
.forBookNowBox {
padding: 5px 0px !important;
}
.vrm-lookup.tovrmlookup.secondtyresdiv .forBookNowBox.search5tab select {
min-height: 41px !important;
margin-bottom: 10px;
}
.vrm-lookup.tovrmlookup.secondtyresdiv .col-lg-12.col-md-12.col-sm-12.col-xs-6 {
width: 100%;
}
.main-btn {
padding: 9px 25px !important;
}
.vrm-lookup.tovrmlookup.secondtyresdiv a.mot-\&-all-services.accordion-link.active.first {
display: none !important;
}
.white-box .tyre-search-form-box {
border-top: none;
}

.van_group_bx .col-md-2 {
display: unset;
}

.forDesktop {
display: none !important;
}

.forMobile {
display: block !important;
}

.ps-timeline-sec .container ol.ps-timeline li p {
text-align: left !important;
width: 100% !important;
margin: 0 auto !important;
margin-top: 0px !important;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top {
width: 80% !important;
float: right !important;
right: 0;
top: -40px;
margin-top: 0 !important;
}

.ps-timeline-sec .container ol:after {
background: #000;
content: "";
width: 10px;
height: 10px;
border-radius: 100%;
position: absolute;
top: inherit !important;
left: 36px;
}

.ps-timeline-sec .container ol:before {
background: #000;
content: "";
width: 10px;
height: 10px;
border-radius: 100%;
position: absolute;
top: 122px !important;
left: 36px !important;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
display: none;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
display: none;
}

.ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
bottom: 70px !important;
width: 14% !important;
margin-left: 25px !important;
margin-top: 0 !important;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
display: none;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
display: none;
}

.ps-timeline-sec .container ol.ps-timeline li span {
left: 0 !important;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
width: 80% !important;
float: right !important;
right: 0;
top: -40px;
margin-top: 0 !important;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
margin: 0 auto !important;
width: 80% !important;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
position: absolute !important;
bottom: 90px !important;
width: 13% !important;
float: left !important;
margin-left: 35px !important;
margin-bottom: 0 !important;
}

.ps-timeline-sec .container ol.ps-timeline li {
height: 140px;
float: none !important;
width: inherit !important;
}

.ps-timeline-sec .container ol.ps-timeline {
margin: 50px 0 !important;
border-left: 2px solid #000;
padding-left: 0 !important;
padding-top: 120px !important;
border-top: 0 !important;
margin-left: 25px !important;
}

.mainnav .navbar-default .navbar-toggle:focus,
.mainnav .navbar-default .navbar-toggle:hover {
background-color: #095f8a !important;
}

.mainnav .navbar-default .navbar-toggle {
background-color: #095f8a !important;
}

.budget-tyres-shop h3.text-center.mb-4 {
margin-bottom: 30px;
}

.compare-chkbox {
position: absolute !important;
z-index: 99;
}

.tyre-search-form-box .col-lg-3.col-md-3.col-sm-3.col-xs-3 {
margin-top: 22px;
}

span.whatdiv.phndiv a.btn {
padding: 7px;
font-size: 17px;
text-align: center;
width: 100%;
display: list-item;
display: block;
}

a.btn-certificate.btn-block.btn-call {
width: 100% !important;
margin-top: 0px !important;
margin-bottom: 10px;
}
}

@media screen and (max-width: 650px) {
img.right-imgone {width: 100% !important;}
img.left-imgone {width: 100% !important;}
h1.text-center.uppercase span {
font-size: 23px !important;
}
.our-ajauto-box{margin-bottom: 0px !important;}
.our-ajauto-box p {
width: 100% !important;
margin: 0 auto !important;
text-align: justify !important;
}
.our-services-box1 .tottan-tabs .service-box1 {margin-right: 0px !important;margin-left: 0px !important;}
.tottan-tabs {padding: 10px 0px !important;width: 100% !important;}
.tottan-tabs {
flex-wrap: wrap;
justify-content: center;
}
.vrm-lookup.tovrmlookup.secondtyresdiv .col-lg-4.col-md-4.col-sm-4.col-xs-6 {
width: 100%;
}
.forBookNowBox.search5tab select.form-control {
width: 100% !important;
}
.ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
width: 90% !important;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top {
width: 90% !important;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
width: 90% !important;
}

.img-handler-bot img {
display: none !important;
}

.img-handler-top img {
display: none !important;
}
}

@media screen and (max-width: 600px) {
    .cont-info {
    margin-top: 15px;
}
    .search-fm {
        padding-bottom: 15px;
    }
     .search-fm .form-group.col-sm-3 a#btn_lookupp {
    width: 100%;
}
    .search-fm .form-group.col-sm-3 label {display: none !important;}
    .booking_iformation_bx .col-md-8.col-lg-8 {
    clear: both;
}
    ._src_bx button.search_btn_ab {
    margin-top: 0px !important;
}
.tottan-tabs .service-box1{margin: 10px 0px !important}
.footer_top h3 {
text-align: unset !important;}
.review-meta, .review-stars {
max-width: unset !important;
}
.reviewScroll .carousel {
padding: 0 10px !important;
}
.well.tyreFormInner00 {
max-height: unset !important;
min-height: unset !important;
}
.pro_item button.search_btn_ab.btn-block {
margin-top: 0px !important;
}
.banner_head h1 {
font-size: 40px !important;
text-align: center !important;
}
.vrm-lookup {
.form-control {
min-height: 46px !important;
}
}
.search-list{    top: 51px !important;}
.vrm-lookup.tovrmlookup.secondtyresdiv .input-container {
width: 95% !important;}
.tagline1 {
padding: 3px 15px !important;
font-size: 15px !important;
}
.forNewSearchBoxHome {
padding: 20px 0px !important;
}
.phn-mobile {margin-bottom: 0px !important;}
.header-top {padding: 0px !important;}
.forWheelRepair a {font-size: 16px !important;}

.search-bar {padding: 5% 0px;}
.search-bar .nav > li > a {padding: 9px 4px !important;font-size: 14px !important;}

.ps-timeline-sec .container ol:before {
top: 17% !important;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot,
.ps-timeline-sec .container ol.ps-timeline li .ps-top {
text-align: left !important;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot,
.ps-timeline-sec .container ol.ps-timeline li .ps-top {
text-align: left !important;
}

.phn-mobile a {
color: #fff;
}

#recommandedtyres {
width: 100%;
display: block;
}

.masanger_box_call {
position: fixed;
display: block !important;
bottom: 78px;
left: 15px;
text-align: center;
background: #259040;
z-index: 999999;
box-shadow: 0px 0px 5px;
width: 40px;
border-radius: 100%;
height: 40px;
}

.masanger_box_call i {
font-size: 26px;
color: #fff;
padding-top: 8px;
}

.tyre-brand-logos a img {
width: auto !important;
height: inherit;
}
}

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

.logomain a img {
text-align: left !important;
margin: unset !important;
}
.phn-mobile i {border: solid #fff8f800 1px !important;color: #fff;width: unset !important;height: unset !important;margin-right: 0px !important;}
.search-bar .nav > li > a {font-size: 13px !important;}
.search-bar .nav-tabs>li {width: 48%;}
}

@media screen and (max-width: 480px) {
.search-bar .nav > li > a {
font-size: 14px !important;
padding: 8px 8px !important;
}

.search-bar .nav-tabs>li {
width: 80% !important;
}
.banner_head h1 {
font-size: 21px !important;
}

.brandmodalbox {
text-align: center;
float: left;
width: 100%;
height: auto !important;
}

.compare-strip .col-md-2.col-lg-2.col-sm-3.col-xs-6 {
width: 100%;
}

.compare-strip .row.d-flex {
display: inline-block;
}

.compare-strip .col-sm-9.col-md-10.col-lg-10.col-xs-6.tyreheading {
width: 100%;
margin-bottom: 10px;
}
}

@media screen and (max-width: 399px) {
.AddMoreTyre .modal-footer button {
margin-bottom: 8px;
}
}

.header-top {
margin: 0px;
padding: 5px 0px;
background:#161616;
border-bottom: solid 1px #161616;
}

.tagline1 {
background: #121212 !important;
color: #fff !important;
}

.newmenu .dropdown-menu {
background: #242424
}

.newmenu .dropdown-menu li a {
color: #fff;
}

.p-relative {
position: relative;
width: 100%;
height: 550px;
margin-bottom: 30px;
}

.video {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
}

.mainnav .nav > li > a {
padding: 15px 20px;
}

.mainnav .navbar-default .navbar-nav > li > a {
font-size: 14px;
color: #fff;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color: #555;
background-color: #000000;
}

a.search_btn_ab.btn-block.btn-purple {
background: #161616 !important;
border-color: #161616 !important;
}

.fc-view-container
.fc-resourceTimeGridDay-view
.fc-head-container
.fc-widget-header
.fc-resource-cell {
height: 40px;
}

.callussec a {
color: #000;
}

.address-sec a {
color: #000;font-weight: 500;
}

.topTiming {
color: #000;
}

div#cart span {
color: #fff;
}

span.hidden-xs {
color: #000!important;
}

.cartheader {
background: url(../images/cart-img.png) no-repeat !important;
background-position: center !important;
}

.ft-social.footebay a {
display: inline-block;
padding-right: 2px;
}

.mobiletyrefitting-gallery img {
width: 100%;
height: 260px;
object-fit: cover;
margin-bottom: 30px;
border: solid rgba(0, 0, 0, 0.1) 1px;
}

.search-bar .nav > li > a {
padding: 14px 28px;
background: #ddddddab;
color: #000;
font-size: 16px;
&:hover {
color: #161616;
}
}

.search-bar .nav > li.active a:after {
color: #0186e1;
}

.search-bar .nav > li > a {
&:hover {
background: #0186e1;
color: #fff;
font-size: 16px;
border: solid #013f8c 2px !important;
}
}

.list-head {
box-shadow: none !important;
border-bottom: solid #ddd 1px;
}

.addPrice {
color: #161616;
}

.win2tickets-reward-offer {
padding: 30px 0;
}

.gradient-border {
--borderWidth: 10px;
background: #1d1f20;
position: relative;
border-radius: var(--borderWidth);
}

.gradient-border:after {
content: "";
position: absolute;
top: calc(-1 * var(--borderWidth));
left: calc(-1 * var(--borderWidth));
height: calc(100% + var(--borderWidth) * 2);
width: calc(100% + var(--borderWidth) * 2);
background: linear-gradient(
60deg,
#f79533,
#f37055,
#ef4e7b,
#a166ab,
#5073b8,
#1098ad,
#07b39b,
#6fba82
);
z-index: -1;
animation: animatedgradient 3s ease alternate infinite;
background-size: 300% 300%;
}

@keyframes animatedgradient {
0% {
background-position: 0% 50%;
}

50% {
background-position: 100% 50%;
}

100% {
background-position: 0% 50%;
}
}

.grayBg {
background: #ededed;
margin-top: 30px;
}

.grayBg p {
margin: 0;
}

.pdd {
padding: 3.75pt 3.75pt 3.75pt 3.75pt !important;
}

.p40 {
padding: 40px 0;
}

.darkBg {
background: #252021;
}

.darkBg a {
text-decoration: underline;
}

.darkBg .pirelli-hadd {
font-size: 21pt;
font-family: "Arial", sans-serif;
color: #231f20;
padding-top: 30px;
display: block;
color: #fff;
}

.darkBg a {
color: #fff;
text-decoration: underline;
}

.darkBg .pirelli-consumerinfo p {
font-size: 1.1em;
line-height: normal;
color: #fff;
}

.lightText {
font-size: 14pt;
font-family: "Arial", sans-serif;
color: white;
}

.infopd {
padding: 22.5pt 4.5pt 0cm 4.5pt;
}

.infopd p {
font-size: 13.5pt;
font-family: "Arial", sans-serif;
color: white;
line-height: normal;
}

.yellowBg {
width: 100%;
background: #fed100;
min-width: 100%;
}

.yellowBg .h3a {
font-size: 25pt;
font-family: "Arial", sans-serif;
color: black;
padding-top: 30px;
display: block;
}

.yellowBg .pirelli-hadd {
font-size: 25pt;
font-family: "Arial", sans-serif;
color: #231f20;
padding-top: 30px;
display: block;
}

.yellowBg a {
color: #f60000;
text-decoration: underline;
}

.pirelli-consumerinfo p {
font-size: 1.3em;
line-height: normal;
}

.plus {
font-size: 6em;
color: #fed100;
}

.redText {
color: #f60000;
}

.yellowText {
color: #fed100;
}

.redBg {
background: #f60000;
color: #fff;
}

.redBg .pirelli-hadd {
font-size: 21pt;
font-family: "Arial", sans-serif;
color: #231f20;
padding-top: 30px;
display: block;
color: #fff;
}

.redBg a {
color: #fff;
text-decoration: underline;
}

.redBg .pirelli-consumerinfo p {
font-size: 1.1em;
line-height: normal;
}

.yellowBg .pt-20 {
padding-top: 20px;
display: block;
}

.grayBg2 {
width: 100%;
background: #626262;
min-width: 100%;
}

.grayBg2 .pirelli-hadd {
font-size: 21pt;
font-family: "Arial", sans-serif;
color: #fff;
padding-top: 30px;
display: block;
color: #fff;
}

.grayBg2 a {
color: #fff;
text-decoration: underline;
}

.grayBg2 .pirelli-consumerinfo p {
font-size: 1.2em;
line-height: normal;
color: #fff;
margin-bottom: 50px;
}

.grayBg2 .pirelli-consumerinfo .mb0 {
margin-bottom: 0;
}

.pd30 {
padding: 30px 0;
display: block;
}

.offer-bannersBox {
padding: 40px 0;
}

.offer-bannersBox img {
border: solid 1px rgba(0, 0, 0, 0.3);
}

.whatdiv {
background: #1bd741;
margin-top: 10px;
border-radius: 5px;
display: -webkit-box;
}

.whatdiv a {
padding: 0px;
color: #fff;
width: 100%;
text-align: center;
}

.whatdiv a i {
background: none;
color: #fff;
padding-right: 0px !important;
margin-left: 0px !important;
margin-right: 0px;
vertical-align: middle;
}

.whatdiv a:hover,
.whatdiv a:focus {
color: #fff;
}

.payment-assist {
padding-left: 0px;
}

.owl-theme .owl-controls {
margin-top: 10px;
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
}

.page_search_strip2_full ._src_bx {
margin-top: 0;
}

a.\32 4-7-emergency-callout {
background: #f00;
}

a.btn-certificate.btn-block.btn-call {
width: 80%;
margin-top: 38px;
border-radius: 8px;
}

a.btn.btn-certificate.emcallbtn {
padding: 10px 6px !important;
margin-top: 10px;
}

.emergency-callout {
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
padding: 10px 15px;
color: #fff !important;
}

.g-recaptcha {
float: left;
width: 100%;
}

.app-installBox .btn-showhide {
z-index: 999;
}

.usersection .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
color: #ff0000;
}

.form-header-classic .form-wizard-step.active .form-wizard-step-icon {
background: #ff0000;
}

.form-header-classic .form-wizard-step.active p {
color: #ff0000;
}

.form-header-classic .form-wizard-step-icon {
color: #ff0000;
}

.form-wizard-progress-booking {
background: #161616;
}

.call-area {
background: #e71818;
}

.shoppingcart-box.c2 .checkout a.btn-checkout {
background: #ff0000;
}

.shoppingcart-box.c2 .checkout a.btn-view-cart:hover {
background: #eee;
color: #fff !important;
border-color: #000;
}

.pricesbrnadwise span {
color: #000000;
}

.titlebrandmodal a {
color: #161616;
}

.Top_search_filter h3 {
background: #161616 !important;
}

.tyre-quantity1 {
margin: 8px;
}

.mtop40 .col-md-4.col-sm-6.col-xs-12.col-md-offset-4.col-sm-offset-3 .well {
margin-top: 10%;
}

img.mg_div {
width: 100%;
margin: 25px 0px;
}

.informationBox1.mobile-tyre-services.border-gradient.border-gradient-green.only-bottom
a {
color: #000;
}

.informationBox1.mobile-tyre-services.border-gradient.border-gradient-green.only-bottom
a:hover {
color: #161616;
text-decoration: none;
}

.titleblogbox a {
color: #000000;
}

.boxblog:hover .titleblogbox a {
color: #161616 !important;
}

.listtopblogs li a .fa {
color: #161616 !important;
}

.listtopblogs li a:hover {
color: #161616;
}

.sidebarblog .headingbar-blog {
background: #161616;
}

.sitemappg .panel-group .panel-body .panel-group ul li {
padding-right: 15px;
}

.form-group.popup-service-list label {
font-size: 12px;
}

.budget-tyres-shop h3 {
margin-bottom: 30px;
}

.callussec {
line-height: 22px;
}

.callussec i.fa.fa-phone.pull-left {
margin-top: 6px;
}

.masanger_box_call {
display: none;
}

/* .textwhitetopdiv {display: none;} */

.lo a:hover {
color: #fff;
}

.textwhitediv {
text-align: center;
color: #fff;
font-size: 16px;
font-weight: 600;
}

.textwhitediv a:hover {
color: #d6d6d6;
}

.textwhitediv a {
font-size: 15px;
text-transform: uppercase;
padding: 6px 19px;
margin-left: 10px;
}

.white-box .tyre-search-form-box {
border-left: 0;
}

.form-text {
text-align: center;
font-size: 32px;
font-weight: 300;
color: yellow;
line-height: normal;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}

.btn-call {
background: yellow;
color: #000;
padding: 0 25px;
border-radius: 4px;
font-weight: 800;
font-size: 40px;
}

.btn-call:hover,
.btn-call:focus {
text-decoration: none;
}

.flexcontainer .blockhelps {
background-color: #ebedf0;
flex-grow: 1;
width: 164px;
margin: 7px 7px;
float: left;
text-align: center;
font-size: 1.5rem;
line-height: 21px;
padding: 15px 15px;
color: #000;
border: solid 1px #ddd;
}

.form-text.newtyres {
text-align: center;
font-size: 20px;
font-weight: 500;
/* background: transparentf00; */
width: fit-content;
margin: 0 auto;
color: yellow;
padding: 8px;
border-radius: 5px;
}

.fitting_box {
border: solid 5px #c3c2c2;
padding: 18px 35px;
border-radius: 15px;
width: fit-content;
margin: 0 auto;
margin-top: 28px;
background: #000000;
}

a.btn.btn-call.btn-main {
background: yellow;
color: #fff;
padding: 0 25px;
border-radius: 29px;
font-weight: 500;
font-size: 31px;
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}

.searchbox {
background: #000;
width: fit-content;
margin: 0 auto;
margin-top: 35px;
border: solid 6px #ccc;
padding: 22px;
border-radius: 15px;
}

.searchbox h3 {
color: #fff;
text-align: center;
font-size: 40px;
font-weight: 400;
margin-top: 0;
text-transform: uppercase;
}

.topdivtt {
position: absolute;
margin: -22px 0px 0px 100px;
}

.ic1:before {
background: url(../images/sprite-list.png) no-repeat -17px -5px;
}

.ic3:before {
background: url(../images/sprite-list.png) no-repeat -17px -87px;
}

.ic2:before {
background: url(../images/sprite-list.png) no-repeat -125px -7px;
}

.ic4:before {
background: url(../images/sprite-list.png) no-repeat -125px -90px;
}

.button-mrg .icn-all {
background: #fff;
border: solid 1px #ccc;
}

.order-detail-content {
margin-bottom: 15px;
background: #fff;
padding: 10px;
}

.time_table_char {
background: #fff;
margin-bottom: 30px;
padding: 10px;
border-radius: 5px;
}


.sus-btn {
background: rgb(245 215 17) !important;
color: #000000 !important;}

.proceed_checkout_btn button#process_checkout {
margin-right: 15px;
margin-bottom: 15px;
}
.call-area h3 {
color: #fff;
margin: 0;
font-size: 19px;
line-height: 40px;
font-weight: 400;
}

/*new service css*/

.newServiceSection .circle-wrapper {
border-bottom: solid #161616 2px !important;
}

.videoCam {
background: rgba(255, 255, 255, 0.6);
bottom: 0;
top: auto;
}

.videoCam {
position: absolute;
display: none !important;
right: 4px;
padding: 4px;
}

.newServiceSection .list-circle {
height: 70px;
}

a:focus,
a:hover {
text-decoration: none;
}

.ft-social {
margin-top: 0px;
}

.footebay_div .ft-social {
margin-top: 30px;
}


.article__image {
margin-top: 45px;
}

.time_fitting_info h2 {
margin-bottom: 8px;
padding-left: 15px;
padding-top: 7px;
}

.proceed_checkout_btn.text-right {
padding-bottom: 15px;
padding-right: 10px;
}

.modal-dialog.modal-lg .col-sm-6.col-md-6.col-lg-6 {
text-align: left !important;
}

div#getQuoteBox .modal-header h5.modal-title {
text-align: left;
}

.listingboxesbrands .brandmodalbox .imgtyremodal img {
min-height: 140px;
max-height: 140px;
}

.book_now a {
background: #202020;
font-size: 17px;
padding: 13px 50px;
border: solid 1px #fff;
text-transform: uppercase;
font-weight: bold;
color: #fff;
border-radius: 5px;
}

.book_now {
text-align: left;
margin-top: -49px;
margin-left: 25px;
}

.book_now a:hover {
background: #161616;
}

.article__image--bg {
background-image: url(../images/article-fitting-1.webp) !important;
}

.body-shop-div {
margin: 30px 0px;
}

.recommendedTyres-section .recommendedTextBox {
background: rgba(0, 0, 0, 0.02);
border-radius: 0;
text-align: left;
border-radius: 10px;
border-top: solid 5px #161616;
border-bottom: solid 5px #161616;
}

.recommendedTyres-section .recommendedTextBox2 {
background: rgba(0, 0, 0, 0.02);
border-radius: 0;
text-align: left;
border-radius: 10px;
border-top: solid 5px #161616;
border-bottom: solid 5px #161616;
}

.recommendedTyres-section .recommendedTextBox .tyreBox {
border-bottom: solid #fff 1px;
}

.recommendedTyres-section .recommendedTextBox2 .tyreBox {
border-bottom: solid #fff 1px;
}

.ps-timeline-sec {
position: relative;
background: transparent;
padding-top: 30px;
}

.ps-timeline-sec .container ol.ps-timeline {
margin: 250px 0;
padding: 0;
border-top: 2px solid #000;
list-style: none;
}

.ps-timeline-sec .container ol.ps-timeline li {
float: left;
width: 25%;
padding-top: 30px;
position: relative;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
position: absolute;
bottom: 0;
margin-bottom: 130px;
width: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
position: absolute;
margin-top: 35px;
text-align: center;
width: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
display: table;
margin: 0 auto;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top h4,
.ps-timeline-sec .container ol.ps-timeline li .ps-bot h4 {
color: #f50017;
font-weight: bold;
margin-top: 0;
}

.ps-timeline-sec .container ol.ps-timeline li p {
text-align: center;
width: 80%;
font-family: "Bai Jamjuree", sans-serif !important;
margin: 0 auto;
font-size: 15px;
font-weight: 600;
}

.ps-top h3 {
font-family: "Bai Jamjuree", sans-serif !important;
}

.ps-timeline-sec h2 {
font-family: "Bai Jamjuree", sans-serif !important;
}

.ps-timeline-sec .container ol.ps-timeline li span {
width: 50px;
height: 50px;
font-family: "Bai Jamjuree", sans-serif !important;
margin-left: -25px;
background: #fff;
border: 4px solid #000;
border-radius: 50%;
box-shadow: 0 0 0 0px #fff;
text-align: center;
line-height: 40px;
color: #f50017;
font-size: 1.7em;
font-style: normal;
position: absolute;
top: -26px;
left: 50%;
font-weight: bold;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
content: "";
color: #000;
width: 2px;
height: 50px;
background: #000;
position: absolute;
top: -50px;
left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
content: "";
color: #000;
width: 8px;
height: 8px;
background: #000;
position: absolute;
bottom: 90px;
left: 44%;
border-radius: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
position: absolute;
margin-top: 60px;
width: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
display: table;
margin: 0 auto;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top {
position: absolute;
bottom: 0;
margin-bottom: 100px;
text-align: center;
width: 100%;
font-size: 15px;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top h4,
.ps-timeline-sec .container ol.ps-timeline li .ps-bot h4 {
color: #f50017;
font-weight: bold;
font-family: "Bai Jamjuree", sans-serif !important;
margin-top: 0;
}

.ps-timeline-sec .container ol:before {
background: #000;
content: "";
width: 10px;
height: 10px;
border-radius: 100%;
position: absolute;
top: 56.3%;
}

.ps-timeline-sec .container ol:after {
background: #000;
content: "";
width: 10px;
height: 10px;
border-radius: 100%;
position: absolute;
/*    right: 8px;*/
top: 56.4%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
content: "";
color: #000;
width: 2px;
height: 50px;
background: #000;
position: absolute;
bottom: -50px;
left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
content: "";
color: #000;
width: 8px;
height: 8px;
background: #000;
position: absolute;
top: 90px;
left: 44%;
border-radius: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
display: table;
margin: 0 auto;
}

.search-bar .nav > li.active a {
background: #0186e1;
color: #fff;
font-size: 16px;
border: solid #013f8c 2px !important;
}

.search-fm.reggrey {
background: #e8e8e8;
padding: 0 10px;
min-height: 174px;
position: relative;
display: block;
overflow: hidden;
}

.search-listing-bx {
background: #e8e8e8;
}

.googlr-reviews {
background: #fff;
}

.search-tab-info .main-btn {
background: #161616;
}

.carousel-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}

.carousel-control.left {
background-image: none !important;
}

.carousel-control.right {
background-image: none !important;
}

.carousel-control:hover {
background-color: transparent !important;
}

.title {
text-align: center;
margin-bottom: 20px;
font-size: 24px;
font-weight: bold;
color: #333;
}

.testimonial {
text-align: justify;
/* padding: 20px; */
color: #ffff;
background-color: #f7f7f700;
border-radius: 12px;
box-shadow: 0 4px 6px rgb(0 0 0 / 0%) !important;
min-height: auto !important;
font-size: 14px;
}

.reviewScroll {
padding: 25px 25px;
background: #000;
}

h2.service-package-title {
padding-bottom: 4%;    color: #fff;
}

h4.overview {
text-transform: uppercase;
color: #ff0000;
}

.bg-light.google-reviews {
background: #161616;
}
.reviewScroll .carousel-control i {
font-size: 68px;
line-height: 42px;
position: absolute;
display: inline-block;
color: #ff0000;
text-shadow:0 3px 3px #e6e6e600, 0 0 0 #00000000;
}

.reviewScroll .carousel {
margin: auto;
padding: 0 70px;
}
.reviewScroll .carousel .carousel-control {
width: 40px;
height: 40px;
margin-top: -20px;
top: 50%;
background: none;
}

.review-stars {
text-align: center;
}

@media (max-width: 768px) {
.footer_top {text-align: left !important;}
.van_group_bx .datamycar ul li span {word-wrap: break-word ;}
.carousel-inner .item {display: flex;justify-content: center;}
.carousel-inner .item .testimonial {max-width: 90%;}
.carousel-inner .row > div {display: none;}
.carousel-inner .item.active .col-sm-4 {display: flex;justify-content: center;}
.testimonial {min-height: 0px !important;}
}
.carousel-container.forDesktop .forActionButtons a {font-size: 19px;margin-bottom: 50px;background: #f7f7f7;padding: 10px 15px;border-radius: 8px;box-shadow: 0px 2px 7px #ccc;}
.mainnav .navbar-default .navbar-nav > li.dropdown ul.dropdown-menu a {padding: 4px 2px;font-size: 14px;}
.mainnav .navbar-default .navbar-nav > li.dropdown ul.dropdown-menu a:hover {color: #e1e1e1;text-decoration: none !important;}
.dropdown-menu.mega-dropdown-menu {display: none;}
.dropdown:hover .mega-dropdown-menu,
.dropdown:focus-within .mega-dropdown-menu {
/*display: grid;*/
grid-template-columns: repeat(4, 1fr);
column-gap: 40px;
padding: 10px;
}

.mega-dropdown-menu li a {
display: block;
padding: 5px 10px;
color: #333;
text-decoration: none;
}

.mega-dropdown-menu li a:hover {
color: #007bff;
text-decoration: underline;
}
@media (min-width: 600px) {
.mobile_boxmenu {
display: none;
}

}

@media (max-width: 600px) {
.vrm-lookup.tovrmlookup.secondtyresdiv  .responsive-tabs-container.accordion-xs .accordion-link {
display: none !important;
}
.vrm-lookup.tovrmlookup.secondtyresdiv a.tyres.accordion-link.active {
display: none !important;
}
.search-fm.reggrey.minboxcont {margin-top: 0px !important;}
.vrm-lookup.tovrmlookup.secondtyresdiv div#tab2{padding: 7px !important;margin-top: 7px;}
.mobile_boxmenu { display: block;}

.forBookNowBox {
min-height: auto !important;
padding: 3px !important;
}
.vrm-lookup {
padding: 8px 0px !important;}
.logomain a img {
padding-top: 5px;
}



.mobile_boxmenu {
z-index: 99;
}

.mobile_boxmenu ul li a {
background: linear-gradient(90deg, #146da9, #e6001a, #bbbbbb);
background-size: 200% 200%;
animation: colorChange 4s infinite linear;
font-size: 12px;
color: #fff;
font-weight: 600;
/*background: #161616;*/
padding: 5px 13px;
border-radius: 4px;
}

.mobile_boxmenu ul li a:hover{background: #000;}

.mobile_boxmenu {
text-align: center;
}
.mobile_boxmenu ul {
padding: 4px;
margin-bottom: 0px;
}
.mobile_boxmenu ul li {
display: inline-block;
padding-right: 6px;
}
.vrm-lookup.tovrmlookup h1{font-size: 22px !important;}
.additional_service_list {
padding: 22px 15px;
}

.dropdown:focus-within .mega-dropdown-menu {
grid-template-columns: repeat(1, 1fr);
}

button.search_btn_ab {
margin-top: 15px !important;
}
}
@media (max-width: 520px){
.mobile_boxmenu ul li a {
padding: 5px 6px !important;}
.home_dd_tt_one .col-lg-4.col-md-4.col-sm-4.col-xs-6 {
padding: 0px;
}
.t-fm.paddtop40.home_online_repair-one{padding: 0 0px !important;}
div#tab3 {
margin-top: -20px !important;
}
.vrm-lookup.tovrmlookup.secondtyresdiv div#tab2 {
margin-top: 0;
}
.search-fm.reggrey.minboxcont .forBookNowBox {
padding-top: 0px !important; 
}}

@media (max-width: 420px){

ul.nav.nav-tabs.responsive-tabs.nav-justified li.active a{
padding: 10px 11px !important;
font-size: 13px !important;
}
ul.nav.nav-tabs.responsive-tabs.nav-justified li a {
padding: 10px 11px !important;
font-size: 13px !important;
}}

@media (max-width: 389px) {
nav.mainnav.newmenu .wrapper1 {
padding: 3px !important;
}
.mobile_boxmenu ul li a {
font-size: 10px !important;}
}

@media (max-width: 991px) {
.forBookMotImage {
margin-top: 50px;
}
}

.forAnnualPriceAlignment {
display: flex;
justify-content: space-between;
border-bottom: 2px solid #c3c3c3;
}

.forAnnualPriceAlignment2 {
display: flex;
justify-content: space-between;
}

.bookin-tp-r {
margin-bottom: 35px;
}

.page_search_strip2_full.tt.vrmFORM ._src_bx {
margin-top: 20px;
}

@media (max-width: 768px) {
.carousel-inner > .item {
position: relative;
display: none !important;
-webkit-transition: 0.6s ease-in-out left !important;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left !important;
}

.carousel-inner > .active,
.carousel-inner > .prev {
display: block !important;
}

.carousel-control.left {
right: auto;
left: -32px !important;
}

div#booking_cal .carousel-control.right {
right: -30px;
top: 14px !important;
}

.carousel-inner > .active.left {
left: -100% !important;
}

.carousel-inner > .item.active.right,
.carousel-inner > .item.next {
-webkit-transform: translate3d(100%, 0, 0) !important;
transform: translate3d(100%, 0, 0) !important;
}

.carousel-inner > .next {
left: 100% !important;
}
}

.recommendedTyres-section .recommendedTextBox2 {
padding: 20px;
min-height: 540px;

.same-height {
height: 305px;
}
}

@media (max-width: 768px) {

.vrm-lookup.tovrmlookup.secondtyresdiv .responsive-tabs-container[class*="accordion-"] .tab-pane {
border: 1px solid #dddddd00 !important;}
.forVehicleBannerSlider img{width: auto !important; height: auto !important;}
.vrm-lookup.tovrmlookup{margin-bottom: 30px}
.recommendedTextBox2 {
margin-bottom: 20px !important;
}
}

@media (max-width: 767px) {
.phn-mobile i {
border: solid #fff8f800 1px !important;
color: #fff;
width: unset !important;
height: unset !important;
margin-right: 0px !important;
}
a.mot-\&-all-services.accordion-link.first {
display: none !important;
}
.phn-mobile i {
line-height: 28px !important;}
.phnbox {
background: #000000;
}
.header-bottom {
padding-top: 0px !important;
}

}

.forBgDropdown {
position: relative;
z-index: 1;
}

.dropdown.forBgDropdownAbsoulute {
position: absolute;
top: 40px;
left: 30px;
}

.forBgDropdownAbsoulute {
.dropdown-menu {
min-width: 380px;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
color: #2775ab !important;
}

.btn {
font-size: 20px;
padding: 8px 54px;
}

.btn-primary {
background-color: #000 !important;
color: #fff !important;
border-color: #000 !important;
border-radius: 0px;

&:hover,
&:active {
background-color: #354a64 !important;
color: #fff !important;
border-color: #354a64 !important;
}
}

span.forCaret {
font-size: 18px;
padding-left: 5px;
}

.dropdown-menu > li > a {
font-size: 16px;
}
}

.forMapTextAlignmentAbsoulute {
h4 {
font-size: 15px;
background: #2674aadb;
padding: 11px;
margin-top: -39px;
z-index: 9999;
position: relative;
color: #fff !important;
}
}

.forVehicleSlider img {
border-radius: 10px;
}

@media (max-width: 576px) {
.forBgDropdownAbsoulute {
.dropdown-menu {
min-width: 300px;
right: 0;
left: 0px;
&:hover {
display: block;
}
}
}
}

.branded_tyres_sec {
background: rgba(255, 255, 255, 0.75) !important;
}
.why_choose_sec {
background: rgb(255 255 255 / 74%) !important;padding: 0px;}
._cyt_vehicle {
width: 100%;
background: transparent !important;
}
.descriptionBox1 {
display: none !important;
}
/*.tottan-tabs {display: flex;justify-content: center;gap: 10px;flex-wrap: wrap;}
.tottan-tabs .iconbx.blue {position: relative;display: inline-block;}
.tottan-tabs .iconbx.blue img {height: 240px;width: 100%;transition: transform 0.3s ease;position: relative;z-index: 1; }
.tottan-tabs .iconbx.blue:hover img {transform: scale(1.05); }
.tottan-tabs .iconbx.blue:hover::before {background-color: rgba(135, 206, 250, 0.5); }
.tottan-tabs .service-box1 {margin: 0px !important;width: 322px !important;}*/
.banner_head {
margin-top: 5%;
}
.page_banner-strip {
height: 175px;
}
.servicesdivtodiv ul.dropdown-menu li a {
padding: 8px 9px;
border-bottom: solid 1px #ccc;
}
.servicesdivtodiv ul li.wheeldivtop a {
border-bottom: none !important;
}
.servicesdivtodiv ul.dropdown-menu li a:hover {
background: #161616;
color: #fff !important;
}
.servicesdivtodiv .dropdown-menu {
padding: 0px !important;
margin-top: 0px;
border-radius: 0px;
}

/*.tottan-tabs .iconbx.blue {
position: relative;
overflow: hidden;
max-height: 240px;
max-width: 350px;
background: #5ebdfc;
border-radius: 5px;
text-align: center;
cursor: pointer;}*/

.tottan-tabs .iconbx.blue {
position: relative;
overflow: hidden;
max-height: max-content;
max-width: 100%;
background: #161616;
border-radius: 5px;
text-align: center;
cursor: pointer;
/*&::before{
background-color: rgba(255, 255, 255, .4);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -101%, 0);
transition: all .6s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -101%, 0);
-webkit-transition: all .6s;
}*/
}
/*.tottan-tabs .iconbx.blue img {
max-width: none;width: -webkit-calc(100% + 20px);width: calc(100% + 20px);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.tottan-tabs .iconbx.blue:hover img {
webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}*/
.tottan-tabs .service-box1 {
width: 100% !important;
margin: 5px !important;
position: relative;
overflow: hidden;margin-right: 18px !important;
transition: all 1.35s;

&::before {
content: "";
/*position: absolute;*/
top: -100%;
right: -100%;
width: 200%;
height: 200%;
background: linear-gradient(45deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.2));
transform: rotate(45deg) translateY(-100%);
transition: all 0.6s ease-in-out;
z-index: 1;
}

&:hover::before {
transform: rotate(35deg) translateY(110%);
}

&:hover {
transform: scaleX(1.03);
}
}

.tottan-tabs .iconbx.blue img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
transition: all 0.35s;
width: 90%;
height: 50%;
}

.tottan-tabs .iconbx.blue:hover img {
opacity: 0.8;
transform: translate3d(23px, 0, 0) scale(1);
transform: scale(1.2);
}

.page_banner-strip .row .col-md-7.col-lg-7 {
width: 100%;
}
.tyreFormInner00 {
max-height: 163px;
min-height: 145px;
}

.tyreFormInner00 .pro_item select.form-control {
height: 44px;
border: solid 1px #161616;
font-size: 15px;
}

.tyreFormInner00 .pro_item button.search_btn_ab.btn-block.btn-sm {height: 44px;font-size: 15px;}
.pro_item .search-filter-form.wh._etm input {height: 47px;}
.banner_head h1 {font-size: 40px;text-align: left;}
.wow {visibility: hidden;transition: opacity 0.5s ease;}
.wow.animate__fadeInDown {opacity: 1;}
.wow {opacity: 1 !important; /* Fallback for non-working animations */visibility: visible !important;}
.input-group {width: 100% !important;}
.reg-style2 {background: #ffcd20;background-size: 26% 100%;padding: 6px 8px 4px 28px;text-transform: uppercase;font-size: 27px;width: 100%;line-height: 46px !important;font-weight: 700;color: #000;height: auto;border: solid #000 2px;text-align: center;}
.forNewSearchBoxHome {margin-top: 0%;    background: #ffffff69;padding: 35px 0px;}
.formReg{position: relative;}
.forRegIcon {top: 0px;position: absolute;left: 0px;overflow: hidden;z-index: 999;height: 60px;width: 26px;object-fit: cover;}
.vrm-lookup{background-color: #161616;padding: 14px;border-radius: 10px;
h1{color: #fff;}
.form-control{min-height: 36px;}
}
}

.forNewSearchBoxHome{padding: 50px 0px 0px;overflow: hidden;}
.vrm-lookup.tovrmlookup h1 {font-size: 19px;margin-top: 5px;padding-bottom: 12px;    }
.welcomeBox {background: #ffffff0a;}
.vrm-lookup.tovrmlookup .form-group select{font-size: 14px !important;    font-weight: 500;}
.vrm-lookup.tovrmlookup button.btn.btn-primary {color: #fff;background-color: #000;border-color: #000;width: 100%;padding: 12px;margin-top: 12px;font-size: 20px;font-weight: 700;}
.vrm-lookup.tovrmlookup button.btn.btn-primary:hover, focus{background-color: #5ebdfc !important;border-color:  #5ebdfc !important;color: #000;}
.vrm-lookup.tovrmlookup .responsive-tabs-container .tab-content {padding: 0px;}
.vrm-lookup.tovrmlookup .responsive-tabs {margin-top: 0;}
.vrm-lookup.tovrmlookup .responsive-tabs-container .tab-content {padding: 0px !important;border: 1px solid #dddddd00 !important;}
.vrm-lookup.tovrmlookup .nav-tabs.nav-justified>li {display: table-cell;width: auto !important;}
.tottan-tabs {display: flex;padding: 10px 0px; width: 100%;margin: 0 auto;}
.forBookNowBox.search5tab .form-group {margin-bottom: 0px;}
.vrm-lookup.tovrmlookup.secondtyresdiv .forBookNowBox.search5tab select {font-size: 16px !important;min-height: 34px !important;line-height: 1px !important;padding: 0px 10px;}
.forBookNowBox.search5tab select.form-control {width: 95%;}
.forBookNowBox.search5tab .radio-inline.fitted-box {font-weight: 600;color: #fff;}
.forcontenttabaccordian {
.item_check {line-height: 26px;}}
.forGridChild .fw-semibold {font-size: 15px;}
.forGridChild label a {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-size: 15px;}
.checkout-left-box {background: #fff !important;}
.panel-body.register-page{background: #fff !important;border-radius: 5px;margin-bottom: 15px;}
/*a.insurance-claim-bodywork-repair-estimate {background: linear-gradient(-45deg, #23d5ab, #e73c7e, #23a6d5, #ee7752);background-size: 400% 400%;animation: gradient 15sease infinite;color: #fff !important;}
a.diagnostic-check {background: linear-gradient(-45deg, #23a6d5, #e73c7e, #ee7752, #23d5ab);background-size: 400% 400%;animation: gradient 15sease infinite;color: #fff !important;}
a.alloy-wheel-crack-bend-or-corrosion{background: linear-gradient(-45deg, #161616, #ee7752, #161616, #23d5ab);background-size: 400% 400%;animation: gradient 15sease infinite;color: #fff !important;}*/
#additional-serviceList{display: none;}
.corrosion {margin-bottom: 30px;background: #161616;padding: 5px;border-radius: 5px;text-align: center;padding-bottom: 25px;}
.corrosion a:hover {background: #40abf3;}
.corrosion a {background: #000;padding: 8px 34px;cursor: pointer;color: #fff;border-radius: 5px;font-size: 16px;}
.corrosion h4 {padding: 15px 0px;font-size: 16px;font-weight: 500;line-height: 20px;min-height: 67px;text-align: center;color: #fff;}
.corrosion:hover img {filter: gray;-webkit-filter: grayscale(100%);}
.t-fm.paddtop40.home_online_repair-one .home_dd_tt_one .form-group select {min-height: 20px !important;max-height: 34px !important;border-radius: 5px;}
.t-fm.paddtop40.home_online_repair-one .col-lg-4.col-md-4.col-sm-4.col-xs-6 {padding: 0px 3px !important;}
.t-fm.paddtop40.home_online_repair-one {padding-top: 0px !important;}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {background-color: #fff;}
}

/*a.insurance-claim-bodywork-repair-estimate {
background: linear-gradient(90deg, #146da9, #e6001a, #bbbbbb);
background-size: 200% 200%;
animation: colorChange 4s infinite linear;
}*/

/*a.car-bodywork-repairs-estimate{
background: linear-gradient(90deg, #146da9, #e6001a, #bbbbbb);
background-size: 200% 200%;
animation: colorChange 4s infinite linear;
}

a.diagnostic-check {
background: linear-gradient(90deg, #146da9, #e6001a, #bbbbbb);
background-size: 200% 200%;
animation: colorChange 4s infinite linear;
}

.mainnav a.dropdown-toggle{
background: linear-gradient(90deg, #146da9, #e6001a, #bbbbbb);
background-size: 200% 200%;
animation: colorChange 4s infinite linear;
}*/

@keyframes colorChange {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}

.videodivtop video {
/*    height: 358px;*/
height: 307px;
width: 99%; 
border-radius: 5px;
object-fit: inherit;
}

img.left-imgone {float: left;width: 42%;margin: 18px;margin-top: 0px;margin-left: 0px;border: double #000000;border-radius: 15px;padding: 4px;/* box-shadow: 6px 10px 0px 0px #ffbb6e; */}
img.right-imgone{float: right;width: 42%;margin: 18px;margin-right: 0px;margin-top: 0px;border:double #000000;border-radius: 15px;padding: 4px;/* box-shadow: 6px 10px 0px 0px #ffbb6e; */}
h1.text-center.uppercase {margin-bottom: 36px;margin-top: 0px;}
.footer_top h3 {font-size: 16px;text-align: left;}
.ft-social a {padding: 1px 1px;border: 1px solid #ffffff00;margin-bottom: 0px;margin-right: 5px;}
.our-ajauto-box {padding: 30px 0px;text-align: center;background: #ff0000b5;margin: 30px 0px;}
.our-ajauto-box p span {font-size: 35px;margin-top: 0px;font-weight: bold; padding-bottom: 8px;color: #fff;}
.our-ajauto-box p {width: 53%;margin: 0 auto;color: #fff;}
.ft-bx ul li a:hover {color: #fff;}
.pro-logo {margin: 10px 0px !important;}
.search-container{display: none;}
.budget-tyres-shop {background: rgb(235 235 235);}
.form-wizard-progress-cart{background: #ff0000;}
.alltyressection, .book_information .select_bx_wrapper {background: #ffffffb0;}
.ft-last a {text-align: left;}

.appointment-details-box p {
    text-align: left;
}
.viewinvoice .page-pdf-html-logo, .viewestimate .page-pdf-html-logo {
    background: #83595900 !important;
}

table.table.items {
    background: #fff;}

.table.items thead{background: #efefef !important;}